:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #113c63;
    --bs-secondary: #6c757d;
    --bs-success: #1ebf1a;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #28292e;
    --bs-primary-rgb: 225, 61, 75;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 30, 191, 26;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 40, 41, 46;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) );
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #113c63;
    --bs-link-hover-color: #b4313c;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,:after,:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

#Blogs .nifi-blog-card img {
    height: auto!important
}

#Blogs .row .nifi-blog-card img {
    height: auto
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }

    legend {
        font-size: 1.5rem
    }
}

.h6,h6 {
    font-size: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.spark-code {
    background-color: #000
}

.blog-detail-content .spark-code p {
    color: #fff
}

blockquote {
    margin: 0 0 1rem
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none!important
}

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

[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }

    .d-lg-flex {
        display: flex
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }

    .display-1 {
        font-size: 5rem
    }

    .display-2 {
        font-size: 4.5rem
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.ks-author-col {
    flex: 0 0 auto;
    width: 56.33333333%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .d-lg-flex {
        display: flex
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    transform: scale(1.1)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #113c63;
    --bs-btn-border-color: #113c63;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e65a66;
    --bs-btn-hover-border-color: #e4505d;
    --bs-btn-focus-shadow-rgb: 191, 52, 64;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e7646f;
    --bs-btn-active-border-color: #e4505d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #113c63;
    --bs-btn-disabled-border-color: #113c63
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: #1ebf1a;
    --bs-btn-border-color: #1ebf1a;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #40c93c;
    --bs-btn-hover-border-color: #35c531;
    --bs-btn-focus-shadow-rgb: 26, 162, 22;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4bcc48;
    --bs-btn-active-border-color: #35c531;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #1ebf1a;
    --bs-btn-disabled-border-color: #1ebf1a
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #28292e;
    --bs-btn-border-color: #28292e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #48494d;
    --bs-btn-hover-border-color: #3e3e43;
    --bs-btn-focus-shadow-rgb: 72, 73, 77;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #535458;
    --bs-btn-active-border-color: #3e3e43;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #28292e;
    --bs-btn-disabled-border-color: #28292e
}
.text-color{
    color: #113c63;
}

.btn-outline-primary {
    --bs-btn-color: #113c63;
    --bs-btn-border-color: #113c63;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #113c63;
    --bs-btn-hover-border-color: #113c63;
    --bs-btn-focus-shadow-rgb: 225, 61, 75;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #113c63;
    --bs-btn-active-border-color: #113c63;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #113c63;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #113c63;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #1ebf1a;
    --bs-btn-border-color: #1ebf1a;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #1ebf1a;
    --bs-btn-hover-border-color: #1ebf1a;
    --bs-btn-focus-shadow-rgb: 30, 191, 26;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #1ebf1a;
    --bs-btn-active-border-color: #1ebf1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1ebf1a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1ebf1a;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #28292e;
    --bs-btn-border-color: #28292e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #28292e;
    --bs-btn-hover-border-color: #28292e;
    --bs-btn-focus-shadow-rgb: 40, 41, 46;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #28292e;
    --bs-btn-active-border-color: #28292e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #28292e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #28292e;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 191, 52, 64;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #113c63;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

.bg-00223E {
    background: #00223E
}

.bg-032D60 {
    background: #032D60
}

.bg-0D4080 {
    background-color: #0D4080
}

.bg-073670 {
    background-color: #073670
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #113c63;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #000!important;
    background-color: RGBA(225,61,75,var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #000!important;
    background-color: RGBA(30,191,26,var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: RGBA(220,53,69,var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(40,41,46,var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: #113c63!important
}

.link-primary:focus,.link-primary:hover {
    color: #e7646f!important
}

.link-secondary {
    color: #6c757d!important
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64!important
}

.link-success {
    color: #1ebf1a!important
}

.link-success:focus,.link-success:hover {
    color: #4bcc48!important
}

.link-info {
    color: #0dcaf0!important
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3!important
}

.link-warning {
    color: #ffc107!important
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39!important
}

.link-danger {
    color: #dc3545!important
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37!important
}

.link-light {
    color: #f8f9fa!important
}

.link-light:focus,.link-light:hover {
    color: #f9fafb!important
}

.link-dark {
    color: #28292e!important
}

.link-dark:focus,.link-dark:hover {
    color: #202125!important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media (min-width: 576px) {
    .sticky-sm-top {
        top:0
    }

    .sticky-sm-bottom,.sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        top:0
    }

    .sticky-md-bottom,.sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        top:0
    }

    .sticky-lg-bottom,.sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        top:0
    }

    .sticky-xl-bottom,.sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        top:0
    }

    .sticky-xxl-bottom,.sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0
    }
}

.hstack {
    flex-direction: row;
    align-items: center
}

.hstack,.vstack {
    display: flex;
    align-self: stretch
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: 0.25!important
}

.opacity-50 {
    opacity: 0.5!important
}

.opacity-75 {
    opacity: 0.75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: 0.25rem!important
}

.m-2 {
    margin: 0.5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important
}

.mx-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important
}

.my-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: 0.25rem!important
}

.mt-2 {
    margin-top: 0.5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: 0.25rem!important
}

.me-2 {
    margin-right: 0.5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: 0.25rem!important
}

.mb-2 {
    margin-bottom: 0.5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: 0.25rem!important
}

.ms-2 {
    margin-left: 0.5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: 0.25rem!important
}

.p-2 {
    padding: 0.5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important
}

.px-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important
}

.py-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: 0.25rem!important
}

.pt-2 {
    padding-top: 0.5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: 0.25rem!important
}

.pe-2 {
    padding-right: 0.5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: 0.25rem!important
}

.pb-2 {
    padding-bottom: 0.5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: 0.25rem!important
}

.ps-2 {
    padding-left: 0.5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: 0.25rem!important
}

.gap-2 {
    gap: 0.5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-end,.rounded-top {
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom,.rounded-end {
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom,.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-start {
    border-top-left-radius: var(--bs-border-radius)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: 0.25rem!important
    }

    .m-sm-2 {
        margin: 0.5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-sm-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-sm-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: 0.25rem!important
    }

    .mt-sm-2 {
        margin-top: 0.5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: 0.25rem!important
    }

    .me-sm-2 {
        margin-right: 0.5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: 0.25rem!important
    }

    .ms-sm-2 {
        margin-left: 0.5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: 0.25rem!important
    }

    .p-sm-2 {
        padding: 0.5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-sm-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-sm-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: 0.25rem!important
    }

    .pt-sm-2 {
        padding-top: 0.5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: 0.25rem!important
    }

    .pe-sm-2 {
        padding-right: 0.5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: 0.25rem!important
    }

    .ps-sm-2 {
        padding-left: 0.5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: 0.25rem!important
    }

    .gap-sm-2 {
        gap: 0.5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: 0.25rem!important
    }

    .m-md-2 {
        margin: 0.5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-md-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-md-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: 0.25rem!important
    }

    .mt-md-2 {
        margin-top: 0.5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: 0.25rem!important
    }

    .me-md-2 {
        margin-right: 0.5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-md-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: 0.25rem!important
    }

    .ms-md-2 {
        margin-left: 0.5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: 0.25rem!important
    }

    .p-md-2 {
        padding: 0.5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-md-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-md-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: 0.25rem!important
    }

    .pt-md-2 {
        padding-top: 0.5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: 0.25rem!important
    }

    .pe-md-2 {
        padding-right: 0.5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-md-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: 0.25rem!important
    }

    .ps-md-2 {
        padding-left: 0.5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: 0.25rem!important
    }

    .gap-md-2 {
        gap: 0.5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: 0.25rem!important
    }

    .m-lg-2 {
        margin: 0.5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-lg-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-lg-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: 0.25rem!important
    }

    .mt-lg-2 {
        margin-top: 0.5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: 0.25rem!important
    }

    .me-lg-2 {
        margin-right: 0.5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: 0.25rem!important
    }

    .ms-lg-2 {
        margin-left: 0.5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: 0.25rem!important
    }

    .p-lg-2 {
        padding: 0.5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-lg-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-lg-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: 0.25rem!important
    }

    .pt-lg-2 {
        padding-top: 0.5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: 0.25rem!important
    }

    .pe-lg-2 {
        padding-right: 0.5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: 0.25rem!important
    }

    .ps-lg-2 {
        padding-left: 0.5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: 0.25rem!important
    }

    .gap-lg-2 {
        gap: 0.5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: 0.25rem!important
    }

    .m-xl-2 {
        margin: 0.5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-xl-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-xl-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: 0.25rem!important
    }

    .mt-xl-2 {
        margin-top: 0.5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: 0.25rem!important
    }

    .me-xl-2 {
        margin-right: 0.5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: 0.25rem!important
    }

    .ms-xl-2 {
        margin-left: 0.5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: 0.25rem!important
    }

    .p-xl-2 {
        padding: 0.5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-xl-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-xl-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: 0.25rem!important
    }

    .pt-xl-2 {
        padding-top: 0.5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: 0.25rem!important
    }

    .pe-xl-2 {
        padding-right: 0.5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: 0.25rem!important
    }

    .ps-xl-2 {
        padding-left: 0.5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: 0.25rem!important
    }

    .gap-xl-2 {
        gap: 0.5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: 0.25rem!important
    }

    .m-xxl-2 {
        margin: 0.5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-xxl-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-xxl-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: 0.25rem!important
    }

    .mt-xxl-2 {
        margin-top: 0.5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: 0.25rem!important
    }

    .me-xxl-2 {
        margin-right: 0.5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: 0.25rem!important
    }

    .ms-xxl-2 {
        margin-left: 0.5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: 0.25rem!important
    }

    .p-xxl-2 {
        padding: 0.5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-xxl-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-xxl-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: 0.25rem!important
    }

    .pt-xxl-2 {
        padding-top: 0.5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: 0.25rem!important
    }

    .pe-xxl-2 {
        padding-right: 0.5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: 0.25rem!important
    }

    .ps-xxl-2 {
        padding-left: 0.5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: 0.25rem!important
    }

    .gap-xxl-2 {
        gap: 0.5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

@media (min-width: 992px) {
    ::-webkit-scrollbar {
        width:12px;
        height: 6px
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        box-shadow: inset 0 0 5px gray
    }

    ::-webkit-scrollbar-thumb {
        background: #28292e
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #113c63
    }
}

a {
    text-decoration: none
}

img,svg {
    max-width: 100%;
    object-fit: contain
}

.lh-1 {
    line-height: 1
}

.lh-21 {
    line-height: 21px
}

.ls-01 {
    letter-spacing: .01em
}

.ls-02 {
    letter-spacing: .02em
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

body .font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

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

.font-17 {
    font-size: 17px
}

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

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px!important
}

.font-26 {
    font-size: 26px!important
}

.font-28 {
    font-size: 28px!important
}

.font-29 {
    font-size: 29px!important
}

.font-30 {
    font-size: 30px!important
}

.font-32 {
    font-size: 32px!important
}

.font-35 {
    font-size: 35px!important
}

.font-36 {
    font-size: 36px!important
}

.font-38 {
    font-size: 38px!important
}

.font-39 {
    font-size: 39px!important
}

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

.font-41 {
    font-size: 41px
}

.font-42 {
    font-size: 42px
}

.font-44 {
    font-size: 44px
}

.font-45 {
    font-size: 45px
}

.font-48 {
    font-size: 48px
}

.font-50 {
    font-size: 50px
}

.font-52 {
    font-size: 52px
}

.font-54 {
    font-size: 54px
}

.font-56 {
    font-size: 56px
}

.font-60 {
    font-size: 60px
}

.font-64 {
    font-size: 64px
}

.font-70 {
    font-size: 70px
}

.font-72 {
    font-size: 72px
}

.font-80 {
    font-size: 80px
}

.font-96 {
    font-size: 96px
}

.f-w-400 {
    font-weight: 400!important
}

.f-w-500 {
    font-weight: 500!important
}

.f-w-600 {
    font-weight: 600!important
}

.f-w-700 {
    font-weight: 700!important
}

.f-w-800 {
    font-weight: 800!important
}

.f-w-900 {
    font-weight: 900!important
}

.f-w-bold {
    font-weight: 700!important
}

.f-w-normal {
    font-weight: 400!important
}

body,html {
    font-family: var(--Inter-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always
}

@media (max-width: 1024px) {
    body,html {
        -webkit-overflow-scrolling:touch
    }
}

.color-444444 {
    color: #444
}

.color-393939 {
    color: #393939
}

.color-e6606b {
    color: #e6606b
}

.color-545454 {
    color: #545454
}

.color-1C1C1C {
    color: #1c1c1c
}

.color-656565 {
    color: #656565
}

.color-primary {
    color: #113c63
}

.color-747476 {
    color: #747476
}

.color-28292E {
    color: #28292e
}

.color-3F3F41 {
    color: #3f3f41
}

.color-34353A {
    color: #34353A
}

.color-363636 {
    color: #363636
}

.color-767676 {
    color: #767676
}

.color-012C57 {
    color: #012C57
}

.color-3A4249 {
    color: #3A4249
}

.color-062250 {
    color: #062250
}

.color-0243AB {
    color: #0243AB
}

.color-414042 {
    color: #414042
}

.color-F26322 {
    color: #F26322
}

.color-686868 {
    color: #686868
}

.color-626264 {
    color: #626264
}

.color-4B4B4B {
    color: #4B4B4B
}

.color-3F8624 {
    color: #3F8624
}

.color-254155 {
    color: #254155
}

.color-EC6737 {
    color: #EC6737
}

.top-40 {
    top: 40%
}

.l-h-normal {
    line-height: normal
}

.ks-cursor {
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,.5);
    z-index: 1000;
    pointer-events: none
}

.activenew2,.menu-has-grandchild>.activenew2>.menu-grand-child {
    display: block!important
}

.ks-cursor.cursor-active {
    background-color: hsla(0,0%,100%,.6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.ks-cursor.service-link {
    background-color: rgba(189,238,255,.75);
    border-radius: 25px!important
}

@media (min-width: 1200px) and (max-width:1400px) {
    .container {
        max-width:calc(100% - 120px)
    }
}

.logo-animation {
    width: 100%;
    height: 100vh;
    z-index: 100
}

.svg-transition {
    transition: 0.5s linear
}

.route-load {
    background-color: rgba(0,0,0,.75)!important
}

.route-load .svg-outer {
    animation: hang 0.6s ease-in-out infinite
}

.route-load svg {
    opacity: 1!important;
    left: calc(50% - 125px)!important;
    top: calc(50% - 120px)!important;
    transform: scale(1)!important
}

.route-load svg .black-triangle {
    fill: #fff
}

@keyframes hang {
    0%,to {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }
}

.header-sticky {
    background: #fff;
    z-index: 10000
}

.menu-dropdown>.nav-div:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%2328292E' strokeWidth='1.2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 6px;
    margin-left: 10px;
    vertical-align: middle
}

.menu-dropdown>.nav-div:hover:after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='7' viewBox='0 0 10 7' width='10' xmlns='http://www.w3.org/2000/svg' style=' '%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%23e6606b' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.2'%3E%3C/path%3E%3C/svg%3E")
}

.sf-slide {
    background-color: #f2f9fb
}

@media (max-width: 991px) {
    .sf-slide {
        height:100%
    }
}

.sf-icon-outer {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 15px 40px rgba(0,0,0,.05))
}

.sf-box-outer {
    width: 80px;
    height: 80px;
    transform: rotate(90deg)
}

.sf-cloud-icon {
    width: 220px;
    height: 220px;
    border: 1px solid rgba(2,160,223,.2);
    background: rgba(240,248,255,.4);
    left: 125px;
    top: 125px;
    box-shadow: 0 0 0 150px hsla(0,0%,100%,.2);
    z-index: 0;
    outline: 1px solid rgba(47,155,188,.4);
    outline-offset: 150px
}

.sf-cloud-icon:after {
    content: "";
    border-radius: 50%;
    display: block;
    width: 550px;
    height: 550px;
    position: absolute;
    z-index: 9999999;
    border: 1px solid rgba(39,169,219,.2)
}

.circle-outer {
    z-index: 1;
    width: 480px;
    height: 480px;
    transform: rotate(270deg) translate(210px,190px)
}

.sf-slide-image {
    max-width: 480px
}

.btn-lg {
    min-height: 56px
}

.btn {
    transition: 0.3s ease-in-out
}

.btn .arrow-icon {
    transition: transform 0.3s ease-in-out
}

.btn:hover {
    box-shadow: 0 21px 15px -9px rgba(225,61,75,.2);
    transform: scale(1.1)
}

.btn:hover .arrow-icon {
    transform: translateX(5px)
}

.btn-outline-primary:hover {
    color: #fff
}

.big-data-bg video,.case-study-img,.object-cover,.solution-bg video {
    object-fit: cover
}

.object-contain {
    object-fit: contain
}

.mw-initial {
    max-width: none
}

.client-outer:after,.client-outer:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    z-index: 1
}

.popup {
    z-index: 10000
}

.header-sticky {
    z-index: 1000
}

@media (max-width: 768px) {
    body {
        overflow-x:hidden
    }

    img,svg {
        max-width: 100%;
        object-fit: contain;
        height: auto
    }

    .client-outer:after,.client-outer:before {
        display: none
    }
}

.client-outer:before {
    left: -30px;
    background: linear-gradient(90deg,#fff 30%,transparent 120%)
}

.client-outer:after {
    right: -30px;
    background: linear-gradient(270deg,#fff 30%,transparent 120%)
}

.client-outer img {
    animation: toolsSlide 6s linear infinite alternate
}

.animation-reverse {
    animation-direction: alternate-reverse!important
}

@keyframes toolsSlide {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-360px)
    }
}

.service-icon {
    width: 100px;
    height: 100px;
    background-color: #ecfffa;
    border: 1px solid #c0dfd7
}

.service-name {
    border-radius: 40px;
    border: 1px solid #d0e7fd;
    margin-top: -15px;
    min-width: 135px
}

.tool-image-outer {
    border: 1px solid #e2f1ff;
    width: 160px;
    height: 75px
}

.tools-outer {
    margin-top: 35px;
    margin-left: 16px
}

.tools-outer [alt="Apache Airflow"],.tools-outer [alt="Apache Cassandra"],.tools-outer [alt="Apache Hadoop"],.tools-outer [alt="Apache Kafka"],.tools-outer [alt="Apache Nifi"],.tools-outer [alt="Apache Spark"] {
    width: auto!important
}

.tools-outer [alt="Apache Hadoop"] {
    opacity: .8
}

.tools-line {
    margin-top: 40px;
    min-width: 80px;
    margin-left: -18px
}

.services-list {
    flex: 0 0 auto;
    width: 66.66666667%;
    max-width: 846px;
    margin-left: auto
}

.services-row:not(:last-child) .services-unit:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1px;
    height: calc(100% + 50px);
    background-color: #e7e6e6;
    top: 50px;
    left: 50%
}

.circle-active {
    box-shadow: 0 0 0 5px rgba(225,61,75,.5);
    width: 10px;
    height: 10px;
    top: 67px;
    right: 1px
}

.icon-outer {
    width: 100px;
    height: 100px
}

.icon-outer svg {
    height: auto!important
}

.text-width {
    width: 100px
}

.number-bg {
    background-color: hsla(0,0%,100%,.9);
    background-blend-mode: color
}

.number-bg .h2,.number-bg h2 {
    margin-bottom: 32px!important
}

.col-light {
    background: #faf9f9;
    border: 1px solid #ededed
}

.col-body {
    isolation: isolate;
    height: 145px
}

.col-body:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(40% - 52px);
    top: calc(40% - 52px);
    width: 104px;
    height: 102px;
    background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
    border-radius: 50%
}

.col-dark {
    background: linear-gradient(180deg,#393939,#232323);
    border: 1px solid #28292e
}

.col-dark:before {
    background: linear-gradient(138.98deg,rgba(74,74,74,.6) 3.5%,rgba(47,47,47,0) 88.86%)
}

.col-primary {
    background: linear-gradient(242.52deg,#8c000f -6.13%,#e42c40 102.02%)
}

.col-primary:before {
    background: linear-gradient(138.48deg,hsla(4,60%,62%,.6) -44.69%,hsla(0,72%,76%,0) 75.98%)
}

.col-dark-2 {
    background: linear-gradient(0deg,#252525,#232323);
    margin-top: -1px
}

.col-dark-2:before {
    display: none
}

.text-white-gradient {
    background: linear-gradient(182.04deg,#fff 22.95%,hsla(0,0%,77%,.9) 78.74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.rounded-top-left {
    border-top-left-radius: 10px
}

.rounded-top-right {
    border-top-right-radius: 10px
}

.rounded-bottom-left {
    border-bottom-left-radius: 10px
}

.rounded-bottom-right {
    border-bottom-right-radius: 10px
}

.workforce-arrow:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='22' viewBox='0 0 56 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 21.3081H34.2869C38.248 21.3081 41.9539 19.3534 44.1906 16.0843L52.9917 3.22107' stroke='%23EC838C'/%3E%3Cpath d='M54.5757 1L50.1882 2.73256L54.0988 5.77812L54.5757 1Z' fill='%23EC838C' stroke='%23EC838C'/%3E%3C/svg%3E%0A");
    width: 85px;
    height: 32px;
    left: 120px;
    bottom: 8px
}

#award-section .award-box {
    border: 1px solid transparent;
    margin-top: 2rem
}

#award-section .award-box img,#award-section .award-box svg {
    width: 50%;
    height: auto
}

#award-section .award-box [alt="Red Hat"] {
    width: 75%
}

#award-section .award-cards-outer {
    min-height: 400px;
    max-width: 1070px
}

.insights-main button.owl-prev {
    background-color: rgb(225,61,75,.8)!important;
    width: 32px;
    height: 32px;
    border-radius: 50%!important;
    color: #fff!important;
    margin: 15px
}

.insights-main button.owl-next {
    background-color: rgb(225,61,75,.8)!important;
    width: 32px;
    height: 32px;
    border-radius: 50%!important;
    color: #fff!important;
    margin: 15px!important
}

.insights-main button.owl-prev:hover {
    background-color: rgb(225,61,75,.8)!important
}

.insights-main button.owl-next:hover {
    background-color: rgb(225,61,75,.8)!important
}

.odoo-experience-main .odoo-event-form .wpcf7-form-control {
    background-color: transparent
}

@media (max-width: 1070px) {
    #award-section .award-cards-outer {
        display:flex;
        flex-wrap: wrap;
        gap: 8px;
        height: auto
    }

    #award-section .award-cards-outer .award-box {
        position: relative!important;
        top: auto!important;
        left: auto!important;
        width: calc(33% - 4px)!important;
        height: auto!important;
        aspect-ratio: 1/1
    }

    #award-section .award-cards-outer .award-box:first-child,#award-section .award-cards-outer .award-box:nth-child(2),#award-section .award-cards-outer .award-box:nth-child(4),#award-section .award-cards-outer .award-box:nth-child(5) {
        order: -1
    }
}

@media (max-width: 575px) {
    #award-section .award-cards-outer .award-box {
        width:calc(50% - 4px)!important
    }

    #award-section .award-cards-outer .award-box:nth-child(3) {
        margin-inline:auto}
}

.case-study-slider.owl-carousel .owl-item img,.case-study-img {
    width: 160px;
    min-width: 160px;
    height: 160px;
    border: 1px solid #f1f1f1
}

.case-study-slider.owl-carousel .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.case-study-slider.owl-carousel .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.case-study-img {
    transition: 0.5s ease-in-out
}

.case-study-bg {
    transition: 0.5s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/12/case-study-bg.webp);
    background-position-x: center
}

.case-study-bg:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.9);
    width: 100%;
    height: 100%;
    z-index: 0
}

.btns-outer .btn {
    background-color: rgb(225,61,75,.8);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml, %3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23FDF7F7' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E");
    background-size: 10px
}

.btns-outer .btn:hover {
    background-color: rgb(225,61,75)
}

.tools-outer [alt="Apache Airflow"],.tools-outer [alt="Apache Cassandra"],.tools-outer [alt="Apache Hadoop"],.tools-outer [alt="Apache Kafka"],.tools-outer [alt="Apache Nifi"],.tools-outer [alt="Apache Spark"] {
    width: auto!important
}

@media screen and (max-width: 767px) {
    .case-study-slider.owl-carousel .owl-item img,.case-study-img {
        width:140px!important;
        min-width: 140px!important;
        height: 140px!important
    }

    .ks-slider-outer section {
        display: flex
    }

    .global-ai-mgmt .row.justify-content-center {
        justify-content: left!important
    }
}

@media screen and (max-width: 320px) {
    .case-study-slider.owl-carousel .owl-item img,.case-study-img {
        width:120px!important;
        min-width: 120px!important;
        height: 120px!important
    }
}

@media (max-width: 575px) {
    .case-study-bg .btns-outer {
        display:none!important
    }

    .case-study-bg .case-study-row {
        overflow: auto;
        padding-bottom: 20px
    }
}

@media (max-width: 991px) {
    .btns-outer .btn {
        width:28px;
        height: 28px;
        background-image: url("data:image/svg+xml, %3Csvg width='8' height='8' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23FDF7F7' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
    }
}

.btns-outer .btn-prev {
    transform: rotate(180deg)
}

.btns-outer .btn[disabled] {
    opacity: .1
}

.btns-outer2 .btn:hover {
    opacity: 1
}

.btns-outer2 .btn {
    background-color: transparent;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml, %3Csvg width='3' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='red' strokeWidth='8' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E");
    background-size: 13px;
    margin: -30px
}

@media (max-width: 991px) {
    .btns-outer2 .btn {
        width:28px;
        height: 28px;
        background-image: url("data:image/svg+xml, %3Csvg width='8' height='8' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='red' strokeWidth='4' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
    }
}

.btns-outer2 .btn-prev {
    transform: rotate(180deg)
}

.btns-outer2 .btn[disabled] {
    opacity: 0
}

.diagram-class {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2%;
    color: #686868;
    text-decoration: underline;
    display: flex;
    justify-content: center
}

.arrow-red-small:after,.ks-tooltiptext:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' className='ms-3 position-relative' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.5L5 4.5L1 0.5' stroke='%23E63E4F' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.news-outer {
    box-shadow: 0 15px 40px rgba(0,0,0,.05)
}

.news-outer .font-40 {
    font-size: 32px
}

@media (max-width: 767px) {
    .news-outer .font-40 {
        font-size:26px
    }
}

.news-list {
    max-height: 250px
}

.news-img {
    top: 0;
    right: 0;
    z-index: -1;
    max-width: 70%;
    object-fit: cover;
    border-radius: 8px
}

.news-anim-scroll {
    animation: moveAbove 30s linear infinite
}

.news-anim-scroll:hover {
    animation-play-state: paused
}

@keyframes moveAbove {
    0% {
        transform: translateY(5%)
    }

    to {
        transform: translateY(-90%)
    }
}

.footer-social li {
    width: 48px;
    height: 48px;
    background: #ededed
}

@media (min-width: 1200px) {
    .footer-wrap-div {
        width:calc(100% - 400px)
    }
}

@media (min-width: 1400px) {
    .footer-wrap-div {
        width:calc(100% - 420px)
    }
}

@media (max-width: 1050px) {
    .footer-wrap-div {
        width:100%
    }

    .news-img {
        top: 0;
        right: 0;
        z-index: -1;
        max-width: 46%;
        object-fit: contain;
        border-radius: 8px
    }
}

.hiring-animation {
    animation: bgAnim 0.5s linear infinite alternate
}

@keyframes bgAnim {
    0% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.footer-col-about {
    max-width: 465px
}

.footer-col-link {
    max-width: 180px
}

.footer-col-form {
    width: 380px
}

.ks-form-outer .form-unit label {
    top: 8px;
    left: 10px;
    transition: .3s ease-in-out;
    background: #fff;
    padding: 0 0;
    font-size: 16px;
    box-shadow: none!important;
    width: auto;
    height: auto;
    border: 1px solid #fff;
    outline: none!important
}

.ks-form-outer .form-unit label:focus-visible,.ks-form-outer .form-unit label:focus,.ks-form-outer .form-unit label:visited {
    outline: none!important;
    box-shadow: none!important
}

.ks-form-outer .form-unit input,.ks-form-outer .form-unit textarea {
    width: 100%;
    border: 1px solid #e8e7e7;
    border-radius: 4px;
    padding: 8px 16px;
    resize: none
}

.form-unit input::placeholder,.form-unit textarea::placeholder {
    font-style: normal;
    font-weight: 400!important;
    font-size: 16px!important;
    color: #9E9E9E!important
}

.ks-form-outer .form-unit textarea {
    height: 78px
}

.ks-form-outer .form-unit input:not(:placeholder-shown)+label,.ks-form-outer .form-unit textarea:not(:placeholder-shown)+label,.ks-form-outer .form-unit:focus-within label {
    font-size: 14px;
    background-color: #fff;
    top: -8px;
    left: 8px;
    padding: 0 8px;
    font-weight: 400
}

#performance-testing-page .ks-ui-experties .wpcf7-not-valid-tip {
    font-size: 14px
}

.ks-form-outer .form-unit .form-unit label .text-danger {
    top: auto;
    font-size: 14px;
    font-weight: 400
}

.ks-form-outer .footer-submit {
    line-height: 22px;
    height: 55px
}

.footer-form {
    padding: 31px 29px 33px
}

.w-155 {
    width: 155px
}

.space-nowrap {
    white-space: nowrap
}

.mega-menu-icon {
    background: #ececec;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.mega-menu-ul>li>.nav-div>a {
    min-height: 70px;
    line-height: 70px
}

.mega-menu-ul>li:hover>.nav-div>a {
    color: var(--bs-link-color)!important
}

@media (max-width: 991px) {
    .mega-menu-ul>li>.nav-div>a {
        min-height:35px;
        line-height: 35px
    }

    .mega-menu-ul>li {
        border-bottom: 1px solid #d9d9d9
    }

    .mega-menu-ul>li:hover>.nav-div>a {
        color: #212529!important
    }

    .mega-menu-ul>li:hover>.nav-div.active>a {
        color: var(--bs-link-color)!important
    }
}

.mega-menu-ul>li:hover>.nav-div.active>a:after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='7' viewBox='0 0 10 7' width='10' xmlns='http://www.w3.org/2000/svg' style=' '%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%23e6606b' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.2'%3E%3C/path%3E%3C/svg%3E")
}

.menu-rightside-fixed {
    width: 297px;
    height: 375.68px;
    background: #1a1a1b;
    border-radius: 10px;
    padding: 44px;
    margin-left: auto
}

@media (max-width: 991px) {
    .menu-rightside-fixed {
        margin-left:0;
        margin-right: auto;
        width: 100%;
        height: auto
    }
}

.menu-rightside-fixed button {
    min-height: 50px
}

@media (max-width: 991px) {
    .menu-rightside-fixed button {
        font-size:18px;
        width: 100%
    }
}

.border-left-devider:before {
    content: "";
    border-left: 1px solid #ededed;
    height: 100%;
    position: absolute;
    left: -20%;
    top: 0
}

.w-m-content {
    width: max-content
}

.podcast-main .ks-podcast-form .wpcf7-response-output {
    color: #fff
}

.menu-grand-child {
    position: absolute;
    right: -290px;
    padding-right: 15px;
    padding-left: 15px;
    z-index: 9;
    background-color: #fff;
    min-width: 290px;
    border-radius: 8px
}

@media (max-width: 991px) {
    .menu-grand-child {
        position:relative;
        right: 0;
        left: 15px;
        top: 5px;
        padding-left: 0
    }

    .menu-grand-child.list-unstyled {
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media (min-width: 991px) {
    .menu-grand-child {
        box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
        margin-top: -35px
    }
}

.menu-has-grandchild .menu-grand-child {
    display: none
}

.menu-has-grandchild.active .nav-div>a {
    color: var(--bs-link-color)!important
}

.menu-has-grandchild.active .menu-grand-child {
    display: block
}

.menu-has-grandchild.active .grand-child-menu-link:after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E32235' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(0deg);
    width: 10px;
    height: 10px
}

.menu-has-grandchild .grand-child-menu-link {
    width: 100%
}

@media (max-width: 991px) {
    .menu-has-grandchild .grand-child-menu-link {
        width:100%!important
    }

    .menu-has-grandchild>.nav-div.active>.grand-child-menu-link>.header-menu-name {
        color: var(--bs-link-color)!important
    }

    .menu-has-grandchild>.nav-div.active>.grand-child-menu-link::after {
        transform: rotate(271deg);
        filter: brightness(1)
    }

    .menu-has-grandchild>.nav-div>.grand-child-menu-link>.header-menu-name {
        color: #212529!important
    }

    .menu-has-grandchild:hover .grand-child-menu-link:after {
        filter: brightness(0)
    }
}

.menu-has-grandchild .grand-child-menu-link:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%2328292E' strokeWidth='1.2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 6px;
    margin-left: 10px;
    vertical-align: middle;
    transform: rotate(-90deg);
    right: 0;
    position: absolute
}

.menu-has-grandchild .grand-child-menu-link:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E32235' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(0deg);
    width: 10px;
    height: 10px
}

.menu-has-grandchild:hover .header-menu-name {
    color: #113c63
}

.menu-has-grandchild:hover .grand-child-menu-link:after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E32235' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(0deg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 10px;
    height: 10px
}

.mega-menu-child-ul li a:hover {
    color: var(--bs-link-color)!important
}

@media (max-width: 991px) {
    .mega-menu-child-ul li .nav-div>a {
        font-size:14px
    }
}

.mini-menu {
    max-width: 11rem;
    position: absolute;
    border-radius: 8px!important;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.mini-menu ul li a:hover {
    color: var(--bs-link-color)!important
}

.bg-nor-center,.bg-nor-contain-center,.btns-outer .btn,.btns-outer2 .btn,.menu-has-grandchild .grand-child-menu-link:hover:after,.menu-has-grandchild.active .grand-child-menu-link:after,.service-faq-sec .card-header .btn-accordian:after,.service-faq-sec details .btn-accordian:after {
    background-repeat: no-repeat;
    background-position: 50%
}

.bg-cover-center,.bg-nor-cover-center,.case-study-bg,.number-bg,.workforce-arrow:after {
    background-size: cover;
    background-position: 50%
}

.bg-nor-cover-center,.workforce-arrow:after {
    background-repeat: no-repeat
}

.bg-nor-contain-center,.menu-has-grandchild .grand-child-menu-link:hover:after,.menu-has-grandchild.active .grand-child-menu-link:after {
    background-size: contain
}

.header-phone-icon svg {
    width: 32px
}

.has-mega-menu .mega-menu {
    min-width: 17rem;
    max-width: 17rem;
    right: auto;
    border-radius: 8px!important
}

@media (min-width: 992px) {
    .has-mega-menu .mega-menu {
        box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
    }

    .mega-menu {
        box-shadow: 0 15px 40px rgba(0,0,0,.1);
        min-width: 100%;
        width: 100%;
        right: 0;
        left: auto
    }

    .has-mega-menu:hover .dropdown-menu {
        display: block!important
    }

    .has-mega-menu svg {
        transition: 0.3s ease-in-out
    }

    .mega-menu-inner-list .mega-menu-inner-list-panel {
        justify-content: space-between
    }

    .menu-has-grandchild:hover .menu-grand-child {
        display: block;
        max-width: 300px;
        width: 100%
    }

    .menu-has-grandchild:last-child:hover .menu-grand-child {
        bottom: -18px
    }

    .dropdown-menu-noDisplay {
        display: none!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }
}

@media (min-width: 992px) and (max-width:1280px) {
    .header-sticky .container {
        max-width:100%
    }

    nav.nav-menu ul.mega-menu-ul {
        font-size: 13px
    }
}

@media (max-width: 991px) {
    .mini-menu {
        max-width:17rem;
        width: 100%!important;
        position: relative;
        box-shadow: none;
        margin-top: 0
    }

    .mini-menu ul li a {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 8px
    }

    .mini-menu ul li:last-child a {
        border-bottom: none;
        padding-bottom: 0
    }

    .ks-blog-area {
        padding: 20px 20px 0 0px!important;
        width: 444px
    }

    .blog-section-bg img {
        width: 100%
    }

    .col-custom-5 {
        width: 100%
    }

    .col-custom-7 {
        width: 100%
    }
}

.global-ai-mgmt .h-sm-auto.object-fit-cover {
    height: 287px;
    object-fit: cover;
    width: 100%;
    object-position: top
}

.ks-see-more:hover:after {
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/mega-menu/next-arrow.svg);
    transform: rotate(0deg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    top: 2px;
    height: 18px
}

.ks-see-more:hover .h5,.ks-see-more:hover h5 {
    color: #113c63
}

.ks-discuss-bg {
    background-image: url(/assets/images/marketing/discuss-bg.webp);
    padding: 57px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover
}

.icon-area {
    width: 50px;
    text-align: center
}

.contact-info-item {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-top: 15px
}

.ks-bottom-form {
    padding: 36px;
    background: #4a4a4a;
    border-radius: 20px
}

.br-10 {
    border-radius: 10px!important
}

.br-4 {
    border-radius: 4px!important
}

.ks-blog-area {
    padding: 20px 20px 30px 0
}

.blog-detail-content table {
    border: 2px solid #000;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%
}

.blog-detail-content table tbody,td,th,tfoot {
    border: 2px solid #000;
    padding: 2px
}

#ksolves_blog_form label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #59667A
}

#ksolves_blog_form .form-unit input::placeholder,#ksolves_blog_form .form-unit textarea::placeholder,.comment-respond .form-unitinput::placeholder,.comment-respond .form-unit textarea::placeholder {
    font-style: normal;
    font-weight: 400!important;
    font-size: 16px!important;
    color: #C5D2E7!important
}

.color-59667A {
    color: #59667A
}

.comment-respond .form-unit label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #59667A
}

#ksolves_blog_form .ks-form-outer .form-unit input,#ksolves_blog_form .ks-form-outer .form-unit textarea {
    width: 100%;
    border: 1px solid #e8e7e7;
    border-radius: 4px;
    padding: 12px 16px;
    resize: none
}

.blog-box-image img {
    min-height: 230px;
    object-fit: fill!important;
    height: auto
}

.ks-blog-area .ks-blog-tag {
    background: #f3f3f3;
    border-radius: 2px;
    padding: 3px 8px;
    color: #444;
    width: max-content;
    cursor: default
}

.ks-blog-area .ks-blog-title {
    color: #28292e;
    height: 26px;
    -webkit-line-clamp: 1
}

.ks-blog-area .ks-blog-para,.ks-blog-area .ks-blog-title {
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ks-blog-area .ks-blog-para {
    color: #3f3f41;
    height: 50px;
    -webkit-line-clamp: 2
}

.ks-blog-area .blog-more-btn {
    color: #34353a;
    width: max-content
}

.ks-blog-area .blog-more-btn:hover {
    color: #e2194b
}

.ks-blog-area .blog-more-btn:hover svg path {
    stroke: #e2194b
}

.ks-blog-area.ks-blog-area-2 {
    padding: 0 20px 0 40px;
    width: 444px
}

.ks-blog-area.ks-blog-area-2 .ks-blog-para {
    height: 78px;
    -webkit-line-clamp: 3
}

.blog-section-bg img {
    object-fit: contain;
    border-radius: 4px
}

.ks-form-img img {
    object-fit: cover;
    border-radius: 16px
}

.wpcf7-form-control.footer-form-sub.btn {
    max-width: 354px;
    width: 100%
}

@media (min-width: 1050px) {
    .col-custom-5 {
        max-width:589px;
        width: 589px
    }

    .col-custom-7 {
        width: 718px
    }

    .blog-section-bg img {
        height: auto
    }
}

@media (min-width: 1050px) and (max-width:1350px) {
    .col-custom-7 {
        width:50%;
        margin-left: 0!important
    }

    .col-custom-7 .blog-img-sec-1 {
        width: 50%
    }

    .col-custom-7 .blog-img-sec-1 img {
        width: auto;
        height: auto
    }

    .col-custom-7 .ks-blog-area.ks-blog-area-2 {
        width: 50%
    }
}

.custom-popup-area.popup-container {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid #e8e7e7
}

@media (min-width: 768px) {
    .custom-popup-area.popup-container {
        max-width:590px;
        height: auto;
        margin: 1.75rem auto;
        width: 100%
    }
}

@media (max-width: 1024px) {
    .custom-popup-area.popup-container {
        margin-top:10px;
        overflow: auto;
        padding: 16px;
        width: 95%
    }

    .custom-popup-area.popup-container .popup-close {
        position: absolute;
        right: 20px;
        top: 8px;
        width: 32px;
        height: 32px;
        opacity: .3
    }

    .blog-box-image img {
        min-height: 170px
    }
}

@media (max-width: 1400px) {
    .custom-popup-area.popup-container {
        padding:20px
    }
}

.modal-form-style {
    padding: 20px;
    background-color: #fff;
    border-radius: 16px
}

@media (max-width: 1400px) {
    .modal-form-style {
        padding:20px
    }
}

.custom-modal-body {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 24px;
    border: 1px solid #e8e7e7
}

.mail-outline {
    border: 1px solid #e8e7e7;
    border-radius: 50px;
    padding: 8px;
    width: 32px;
    height: 32px;
    display: inline-flex
}

.list-style-none {
    list-style: none
}

.pt-28 {
    padding-top: 28px
}

.home-banner-text .h1,.home-banner-text h1 {
    background: linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0));
    width: max-content;
    margin: auto;
    padding: 8px 32px;
    border-radius: 8px
}

.home-banner-text .para-box {
    background: linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0))!important;
    border-radius: 8px;
    padding: 8px 16px;
    line-height: 38px;
    width: max-content;
    margin: auto
}

@media (max-width: 1025px) {
    .recaptcha-div {
        transform:none;
        margin: 0 0 0 0;
        width: 100%
    }
}

@media (max-width: 992px) {
    .home-banner-text .h1,.home-banner-text h1 {
        width:auto;
        font-size: 32px
    }

    .home-banner-text .para-box {
        width: auto;
        font-size: 18px;
        line-height: inherit
    }

    .recaptcha-div {
        transform: none;
        margin: 0 0 0 0;
        width: 100%
    }
}

.home-banner-client-logo {
    border: 1px solid hsla(0,0%,100%,.8);
    background: hsla(0,0%,100%,.8);
    border-radius: 5px;
    width: 100px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .home-banner-client-logo {
        height:35px
    }

    .recaptcha-div {
        margin: 0 0 0 0;
        width: 100%;
        transform: scale(.8);
        transform-origin: 0 0
    }

    .career_form_div .recaptcha-div {
        transform: scale(.8);
        transform-origin: 0 0;
        margin: 0 0 0 0;
        width: 100%
    }

    .blog-detail-content table tbody,.blog-detail-content td,.blog-detail-content tfoot {
        border: 2px solid #000;
        padding: 5px!important;
        width: 100%
    }

    .ks-form-outer .form-unit input,.ks-form-outer .form-unit textarea {
        padding: 11px 16px
    }
}

.home-banner-client-logo img {
    object-fit: cover;
    height: auto
}

.home-banner-client-animation {
    animation: toolsBannerSlide 8s linear infinite alternate;
    display: flex
}

.home-banner-client-animation-reverse {
    animation-direction: alternate-reverse
}

@keyframes toolsBannerSlide {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(267px)
    }
}

.footer-address-popup {
    position: absolute;
    background-color: #fff;
    max-width: 390px;
    width: 390px;
    bottom: 40px;
    text-align: center;
    z-index: 9
}

.footer-address-popup .noida-address:after {
    left: 35px
}

.footer-address-popup .pune-address:after {
    left: 120px
}

.footer-address-popup .indore-address:after {
    left: 220px
}

.footer-address-popup .ahmedabad-address:after {
    left: 320px
}

.footer-address-popup .add-san-jose:after {
    left: 50px
}

.footer-address-popup .offices-address {
    border: 1px solid #dee2e6;
    border-radius: 6px
}

.footer-address-popup .offices-address:after {
    content: "";
    border: 1px solid #dee2e6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    transform: rotate(45deg);
    margin-top: -3px
}

.cursor-default {
    cursor: default
}

.new-card-design {
    background: #fff;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    height: 100%;
    padding: 16px
}

.new-card-design,.new-card-design img,.new-card-design-1 img {
    border-radius: 8px
}

.new-card-design {
    object-fit: cover
}

.l-h-35 {
    line-height: 35.04px
}

.m-h-70 {
    min-height: 65px
}

.d-mobile-whatsapp .whatsaap-icon-header {
    position: fixed;
    bottom: 44px;
    border: none;
    width: 60px;
    height: 50px!important;
    padding: 0!important;
    margin: 0;
    right: 131px
}

.d-mobile-whatsapp .whatsapp-icon {
    object-fit: cover
}

section#implementation_process\: {
    padding: 0 0 60px;
    background-color: #fff!important
}

section#implementation_process\:.container_overview {
    padding-bottom: 0;
    word-wrap: break-word
}

section#implementation_process\:.container_overview_title {
    font-size: 32px!important
}

#single-case-study li.nav-item a:hover {
    color: #626264
}

@media screen and (max-width: 360px) {
    .captcha-scale .g-recaptcha {
        transform:scale(.6);
        margin-left: -50px
    }
}

@media (max-width: 768px) {
    .home-banner-btn button {
        min-height:auto
    }

    .modal-body .ks-para {
        font-size: 14px;
        line-height: normal
    }
}

@media (max-width: 767px) {
    li.d-flex.align-items-center.mb-2.f-w-500.text-dark.cursor-pointer.me-4.cursor-default {
        position:relative;
        z-index: 99
    }

    .z-index99 {
        z-index: 99!important
    }

    .z-index9 {
        z-index: 9!important
    }

    body .events-main .ks-case-study-row {
        padding: 20px 15px
    }

    .tools-outer>a {
        display: none
    }

    .tools-outer>a:nth-child(2),.tools-outer>a:nth-child(3),.tools-outer>a:nth-child(4) {
        display: block
    }

    .globe-mobile canvas {
        height: 100px!important
    }

    .mobile-text-services h3 {
        font-size: 26px!important
    }

    .footer-social {
        flex-wrap: wrap
    }

    .mob-br br {
        display: none
    }

    .banner-mobile-btn-style {
        font-size: 16px
    }

    .banner-mobile-btn-style svg {
        display: none
    }

    .font-md-28 {
        font-size: 28px
    }

    .font-md-32 {
        font-size: 32px!important
    }

    .services-list-mobile-view {
        margin-left: 0;
        width: 100%
    }

    .services-list-mobile-view .tools-outer .font-32.h3,.services-list-mobile-view .tools-outer h3.font-32 {
        font-size: 16px
    }

    .services-list-mobile-view .tools-outer p {
        font-size: 14px
    }

    .ks-heading-left {
        text-align: center
    }

    .news-img {
        top: 0;
        max-width: 100%;
        height: auto
    }

    .number-bg {
        padding-left: 16px;
        padding-right: 16px
    }

    .number-bg .ks-heading-left {
        text-align: left
    }

    .news-sec-mobile-view {
        padding-top: 0!important;
        padding-left: 20px;
        padding-right: 20px
    }

    .news-sec-mobile-view .ks-heading-left {
        text-align: left
    }

    .news-sec-mobile-view .news-outer {
        padding-left: 20px;
        padding-right: 20px
    }

    .h-200 {
        height: 200px
    }

    .services-row .services-unit:before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 1px;
        height: calc(80% + 50px);
        background-color: #e7e6e6;
        top: 50px;
        left: 50%
    }

    .footer-form {
        padding: 31px 20px 33px
    }

    .footer-col-form {
        order: 1;
        margin-bottom: 25px;
        width: inherit!important
    }

    .footer-col-about {
        order: 2
    }

    .footer-col-links {
        order: 3
    }

    .btn-lg {
        min-height: 30px;
        font-size: 16px
    }

    .captcha-scale {
        transform: scale(.9);
        margin-left: -15px
    }

    .captcha-scale #rc-anchor-container {
        position: relative
    }

    .font-sm-20 {
        font-size: 20px!important
    }

    .ks-form-outer .form-unit textarea {
        min-height: 80px
    }
}

@media (max-width: 991px) {
    .footer-col-form {
        width:50%
    }

    .services-row:last-child .tools-line-mobile {
        margin-left: -76px
    }

    .menu-shadow {
        box-shadow: none;
        padding-left: 30px
    }

    .has-mega-menu-mini>a {
        align-self: baseline
    }

    .has-mega-menu-mini .dropdown {
        flex: 1 1
    }

    .has-mega-menu-mini .dropdown>.d-flex {
        height: 38px!important
    }

    .big-data-bg .pills-outer.banner-paragraph {
        padding: 0 32px!important;
        justify-content: center!important
    }

    .header-logo svg {
        width: 145px;
        height: 48px
    }

    .bar-icon:after {
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 16.6665H5' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M35 10H5' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M35 23.3335H5' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M35 30H5' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .close-icon:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")
    }

    .bar-icon:after,.close-icon:after {
        content: "";
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 28px;
        height: 28px;
        display: block
    }

    .nav-menu {
        flex-direction: column;
        max-width: 20rem;
        border-top: 1px solid #d9d9d9;
        position: absolute;
        top: 100%;
        left: -110%;
        height: 85vh;
        overflow-y: auto;
        overflow-x: hidden
    }

    .nav-menu,.nav-menu.active {
        opacity: 1;
        transition: all 0.5s ease
    }

    .nav-menu.active {
        background: #fff;
        left: 0;
        z-index: 1;
        padding: 16px 16px 40px;
        box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
        height: 100vh
    }

    .nav-icon {
        position: absolute;
        right: 0;
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none
    }

    .menu-dropdown>.nav-div:after,.menu-dropdown>.nav-div:hover:after {
        display: none
    }

    .menu-dropdown>.nav-div>a:hover:after {
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' height='7' viewBox='0 0 10 7' width='10' xmlns='http://www.w3.org/2000/svg' style=' '%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%23e6606b' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.2'%3E%3C/path%3E%3C/svg%3E")
    }

    .menu-dropdown>.nav-div>a:after {
        content: "";
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%2328292E' strokeWidth='1.2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
        width: 10px;
        height: 6px;
        margin-left: 10px;
        vertical-align: middle
    }

    .mega-menu {
        padding: 0;
        right: 0;
        position: relative
    }

    .menu-has-grandchild .menu-grand-child {
        display: none!important
    }

    .has-mega-menu>.active>.dropdown-menu,.has-mega-menu>.active>.menu-grand-child,.menu-has-grandchild>.active>.dropdown-menu,.menu-has-grandchild>.active>.menu-grand-child {
        display: block!important
    }

    .menu-has-grandchild>.activenew>.menu-grand-child {
        display: block!important
    }

    .mega-menu-child-ul .nav-div.active>a {
        color: var(--bs-link-color)!important
    }

    .services-list {
        width: 100%
    }

    .service-section-mobile-view .tool-image-outer {
        width: 160px
    }

    .service-section-mobile-view .services-row:not(:last-child) .services-unit:before {
        height: calc(100% + 260px)
    }

    .tools-line-mobile {
        margin-top: 155px;
        min-width: 30px;
        margin-left: -68px
    }

    .tools-outer-mobile {
        margin-left: 60px;
        margin-top: 0
    }

    .circle-mobile-active {
        box-shadow: 0 0 0 3px hsla(0,0%,57%,.5);
        width: 8px;
        height: 8px;
        top: 136px;
        right: -10px
    }

    .services-unit a {
        position: -webkit-static;
        position: static;
        top: 146px
    }
}

@media (max-width: 1250px) {
    @keyframes toolsBannerSlide {
        0% {
            transform:translateX(50px)
        }

        to {
            transform: translateX(-50px)
        }
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .logo-responsive {
        width:min-content
    }
}

@media (min-width: 992px) and (max-width:1250px) {
    .ks-blog-area.ks-blog-area-2 {
        padding:0 20px 0 22px;
        width: 280px
    }

    .blog-img-responsive img {
        height: auto
    }
}

.selected {
    color: #e34e57!important
}

.solution-bg {
    height: 460px
}

@media (min-width: 991px) {
    .solution-bg {
        height:670px;
        max-height: calc(100vh - 120px)
    }
}

.solution-bg.aboutus-banner video,.about-home-page-video-banner video {
    top: auto
}

.solution-bg video {
    width: 100%;
    height: 660px;
    position: absolute;
    top: -1px;
    z-index: -1;
    background-color: #f2f9fb
}

@media (max-width: 991px) {
    .solution-bg video {
        height:100%
    }

    .solution-bg .container>.row,.solution-bg>.container {
        height: 100%
    }

    .solution-bg .container>.row .banner-mobile-content,.solution-bg>.container .banner-mobile-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.AI-bg:before,.big-data-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.5)
}

.AI-bg video,.big-data-bg video {
    width: 100%;
    height: auto;
    position: absolute;
    top: -1px;
    z-index: -1
}

@media (max-width: 991px) {
    .AI-bg video,.big-data-bg video {
        width:960px
    }

    .AI-bg .container>.row,.AI-bg>.container,.big-data-bg .container>.row,.big-data-bg>.container {
        height: 100%
    }

    .AI-bg .container>.row .banner-mobile-content,.AI-bg>.container .banner-mobile-content,.big-data-bg .container>.row .banner-mobile-content,.big-data-bg>.container .banner-mobile-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .ks-salesforce-page .solution-bg video {
        object-fit: contain
    }
}

.big-data-bg video {
    height: 100%
}

.pill {
    border-radius: 40px;
    transition: 0.3s ease-in-out
}

.pill:hover {
    transform: scale(1.1)
}

.ks-slider-outer section {
    min-width: 100vw
}

.btn-outer-2 {
    top: 40%
}

.slide-dots-position {
    bottom: 40px
}

@media (max-width: 991px) {
    .slide-dots-position {
        bottom:0;
        position: relative!important
    }
}

.slide-dots-position .btn {
    border: none;
    border-bottom: 2px solid #797979;
    color: #797979;
    font-weight: 500;
    border-radius: 0;
    position: relative
}

.slide-dots-position .btn span {
    width: 0;
    height: 2px;
    background: #797979;
    position: absolute;
    bottom: -2px;
    left: 0
}

.slide-dots-position .btn.active {
    color: #28292e!important
}

.slide-dots-position .btn.active span {
    background: #113c63
}

.service-faq-sec .card {
    border-bottom: 1px solid #e5e5e5!important
}

.service-faq-sec .card-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3f3f41;
    padding-right: 50px;
    padding-left: 20px;
    padding-bottom: 16px
}

@media (min-width: 991px) {
    .service-faq-sec .card-body {
        padding-right:160px
    }
}

.service-faq-sec .card-body p {
    font-weight: 400
}

.service-faq-sec .card-header.btn-accordian,.service-faq-sec details.btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important;
    font-size: 20px;
    font-weight: 500;
    border-bottom: none
}

@media (max-width: 991px) {
    .service-faq-sec .card-header.btn-accordian,.service-faq-sec details.btn-accordian {
        font-size:18px
    }
}

.service-faq-sec .card-header .btn-accordian:after,.service-faq-sec details .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.service-faq-sec details[open] .btn-accordian:after {
    transform: rotate(180deg)
}

.service-faq-sec details .btn-accordian:after {
    transform: rotate(0deg)
}

.ks-form-outer label {
    color: #4a4a4a
}

.ks-faq .card {
    border: none
}

.ks-faq .card .card-header {
    background-color: #fff;
    outline: none
}

.ks-faq details.card {
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.banner-logo-tag {
    padding: 8px 22px;
    height: 35px;
    background: hsla(0,0%,100%,.1);
    border: 1px solid #b1b1b1;
    border-radius: 200px;
    line-height: 120%;
    letter-spacing: .04em;
    width: max-content
}

@media (max-width: 767px) {
    .banner-logo-tag {
        padding:8px;
        width: 100%;
        font-size: 12px
    }
}

.banner-service-logo {
    width: 144px;
    height: 144px;
    z-index: 1
}

@media (max-width: 991px) {
    .banner-service-logo {
        width:90px;
        height: 90px
    }
}

.banner-service-logo.border-red {
    background-image: linear-gradient(180deg,#ff4d4d,hsla(0,0%,100%,0) 75%)
}

.banner-service-logo.border-voilet {
    background-image: linear-gradient(180deg,#504dff,hsla(0,0%,100%,0) 75%)
}

.banner-service-logo.border-blue {
    background-image: linear-gradient(180deg,#3b6290,hsla(0,0%,100%,0) 75%)
}

.banner-service-logo:before {
    content: "";
    display: block;
    background-color: #ecf6ff;
    position: absolute;
    height: 97%;
    width: 97%;
    z-index: -1;
    border-radius: 50%
}

.ks-slides .btn-next,.ks-slides .btn-prev {
    z-index: 10
}

.ks-slides .btn-prev {
    left: 20px
}

.ks-slides .btn-next {
    right: 20px
}

@media (max-width: 575px) {
    .ks-slides .btn-prev {
        left:5px
    }

    .ks-slides .btn-next {
        right: 5px
    }
}

.loaderWait [aria-label="circles-loading"] {
    justify-content: center
}

.container-shadow {
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    border-radius: 10px
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

.popup.visible {
    opacity: 1;
    visibility: visible;
    overflow-y: auto
}

.popup-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background-color: transparent;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    top: 12px;
    right: 25px;
    width: 32px;
    height: 32px;
    opacity: .3
}

.custom-popup-area.popup-container .popup-close:after,.custom-popup-area.popup-container .popup-close:before {
    content: "";
    position: absolute;
    left: 15px;
    height: 20px;
    width: 2px;
    background-color: #333
}

.custom-popup-area.popup-container .popup-close:after {
    transform: rotate(-45deg)
}

.custom-popup-area.popup-container .popup-close:before {
    transform: rotate(45deg)
}

.custom-popup-area.popup-container .popup-close:hover {
    opacity: 1
}

.ks-tooltip {
    position: relative;
    display: inline-block
}

.ks-tooltip .ks-tooltiptext {
    visibility: hidden;
    width: 175px;
    background-color: rgba(177,229,215,.6);
    color: #113c63;
    text-align: center;
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -85px;
    border-radius: 100px;
    border: 1px solid #c0dfd7
}

.ks-tooltip:hover .ks-tooltiptext {
    visibility: visible
}

.ks-tooltip .ks-tooltiptext:after {
    content: " ";
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px
}

.left-0 {
    left: 0
}

.transform-inherit {
    transform: inherit!important
}

.blog-overlay {
    transition: 0.3s ease-in-out;
    transform: translateY(100%);
    top: 0;
    left: 0;
    background-color: rgba(222,43,58,.85)
}

.blog-card-box:hover .blog-overlay {
    transform: translateY(0)
}

.blog-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.engt .engt-popup-hidden {
    height: 0!important
}

.first-letter-lowercase:first-letter {
    text-transform: lowercase!important
}

@media (max-width: 575px) {
    .ks-social-share {
        position:static;
        margin: 0
    }

    .ks-social-share ul li {
        margin-right: 10px
    }

    .detail-page-banner-sec:after {
        display: none
    }

    .blog-detail-title-row.h1,h1.blog-detail-title-row {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width: 768px) {
    .global-ai-mgmt .h-sm-auto.object-fit-cover {
        height:auto
    }

    .topnav-category {
        padding: 0 30px;
        position: relative
    }

    .topnav-category .topnav-category-section {
        position: static!important
    }

    .topnav-category .topnav-category-section .nextbtn,.topnav-category .topnav-category-section .prevbtn {
        margin-top: -8px
    }

    .topnav-category .topnav-category-section .prevbtn {
        margin-left: 0
    }

    .services-unit a {
        position: -webkit-static;
        position: static;
        top: 125px
    }
}

@media (min-width: 1145px) and (max-width:1320px) {
    header .nav-menu>ul {
        margin-right:15px!important;
        gap: 1rem!important
    }
}

@media (min-width: 991px) and (max-width:1144px) {
    header .nav-menu>ul {
        margin-right:15px!important;
        gap: 0.8rem!important
    }
}

@media (min-width: 1350px) {
    .space-xl-nowrap {
        white-space:nowrap
    }
}

.inactiveLink {
    pointer-events: none;
    cursor: default
}

.firfox-style {
    display: none
}

@-moz-document url-prefix() {
    .firfox-style {
        display: inline-block
    }

    .count-anim:before {
        display: none
    }
}

.subpage-case-study-haeding {
    display: none
}

.home-page-banner-background {
    background: #fafafa
}

.ks-color-dark-light {
    color: #262626
}

.slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.mb-lg-0 {
    margin-bottom: 0
}

.ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.ks-see-more:after {
    content: "";
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/marketing/Vector.webp) 0 no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.row.blogs-row.blogs-row-home .col-lg-4:nth-child(2) .blog-post-content,.row.blogs-row.blogs-row-home .col-lg-4:nth-child(3) .blog-post-content {
    display: none
}

.blog-post-content p {
    min-height: 60px
}

.blog-post-content p,.case-study-para p,.one-case-study-para p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #4b4b4b
}

.ks-see-more .h5,.ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.h5,h5 {
    font-size: 1.25rem
}

.ks-see-more {
    margin-top: 1rem
}

.slds-story img {
    object-fit: contain;
    object-position: top;
    width: 100%!important;
    border-radius: 0!important
}

.truncate-text {
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.truncate-text:after {
    content: "...";
    display: inline-block
}

.titleCase {
    color: #494949;
    font-size: 18px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    padding-right: 5px
}

.btn-filter {
    text-transform: capitalize;
    font-family: inherit;
    font-size: 18px!important;
    color: #fdf4f6!important;
    background: #e1444b!important;
    padding: 5px 20px;
    font-family: " Poppins, sans-serif"!important;
    border-radius: 4px;
    font-weight: 600!important
}

.ks-dropdown-box {
    display: flex;
    align-items: center
}

.select-drop-down::-webkit-scrollbar {
    width: 13px!important;
    border-radius: 0px!important
}

.select-drop-down::-webkit-scrollbar-track {
    background: transparent!important;
    border-radius: 0px!important
}

.select-drop-down::-webkit-scrollbar-thumb {
    background: #e1444b!important;
    border-radius: 0px!important
}

.select-drop-down::-webkit-scrollbar-thumb:hover {
    background: #e1444b!important;
    border-radius: 0px!important
}

.titleCase {
    margin-right: 10px;
    font-weight: 700;
    color: #fff
}

select {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px
}

.btn-filter {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background-color 0.3s
}

.btn-filter:hover {
    background-color: #0056b3
}

.topnav-category-case {
    position: absolute;
    top: -95px
}

@media (max-width: 768px) {
    .topnav-category .topnav-category-section {
        position:static!important
    }

    .topnav-category .topnav-category-section .nextbtn,.topnav-category .topnav-category-section .prevbtn {
        margin-top: -8px
    }

    .topnav-category .topnav-category-section .prevbtn {
        margin-left: 0
    }
}

@media (max-width: 765px) {
    .font-16 {
        font-size:14px
    }

    .subheading-text {
        padding-bottom: 28px
    }
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 45%;
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    z-index: 1000
}

.cookie-consent p {
    margin: 0
}

.CookieConsent {
    display: block!important;
    max-width: 350px!important;
    border: 1px solid;
    border-radius: 10px;
    left: 30px!important;
    bottom: 20px!important
}

.cookie-consent button {
    background-color: #0073e6;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px
}

.cookie-consent button:hover {
    background-color: #0058a4
}

.custom-content-class {
    background: #fff;
    width: 100%;
    max-width: 90%;
    color: #000;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 0
}

.custom-button-wrapper-class {
    display: flex;
    justify-content: flex-start!important;
    padding: 10px 20px;
    box-sizing: border-box
}

@media (max-width: 768px) {
    .custom-content-class {
        max-width:90%;
        font-size: 14px
    }

    .custom-button-wrapper-class {
        flex-direction: column
    }
}

.case-study-para {
    -webkit-line-clamp: 3
}

.case-study-para,.case-study-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.case-study-title {
    -webkit-line-clamp: 2;
    min-height: 72px
}

.col-lg-4 {
    position: relative
}

.one-line-ellipse {
    -webkit-line-clamp: 1
}

.one-line-ellipse,.three-line-ellipse {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.three-line-ellipse {
    -webkit-line-clamp: 3
}

.four-line-ellipse {
    -webkit-line-clamp: 4
}

.blog-post-title,.four-line-ellipse {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.blog-post-title {
    -webkit-line-clamp: 2
}

.blog-post-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    text-align: left!important
}

.case-study-scroller-button {
    border: 1px solid red!important
}

.list-style-inner::marker {
    font-size: 15px;
    line-height: 5px
}

.list-style-inner {
    list-style: disc
}

.ml-6 {
    margin-left: 6px
}

.whatsapp-icon {
    color: transparent;
    position: relative;
    bottom: 1.5px;
    left: 4px
}

.icon-footer {
    position: relative;
    bottom: -9px;
    left: -13px
}

.whatsaap-icon-header {
    box-shadow: none!important;
    outline: none
}

p.whatsaap-text {
    margin: 0;
    padding-right: 10px
}

.whatsapp-icon-form {
    color: transparent;
    position: relative;
    bottom: 1.5px;
    left: -3px
}

.phone-whatsaap {
    margin-left: 7px
}

@media screen and (min-width: 767.8px) {
    .ks-our-approach .col-md-3 {
        padding:25px 15px
    }
}

@media screen and (min-width: 992px) {
    .ks-our-approach .col-md-3 {
        padding:40px 15px
    }
}

@media screen and (max-width: 767.8px) {
    .ks-our-approach .col-md-3 {
        margin-bottom:22px!important;
        display: flex;
        justify-content: center
    }
}

.ks-our-approach .border-grad {
    background: linear-gradient(180deg,#ac12e1 5.74%,#38d4a5 106.07%);
    border-radius: 10px;
    padding: 2px;
    width: 182px;
    height: 158px
}

@media screen and (max-width: 991px) {
    .ks-our-approach .border-grad {
        width:123px;
        height: auto
    }
}

@media screen and (max-width: 767.8px) {
    .ks-our-approach .border-grad {
        width:100%
    }
}

@media screen and (max-width: 360px) {
    .ks-our-approach .border-grad {
        width:224px
    }
}

.ks-our-approach .border-grad .container-set-box {
    background: linear-gradient(92deg,#ebfff9 5.74%,#f9f5ff 106.07%);
    padding: 24px 20px;
    width: 178px;
    height: 153px;
    border-radius: 8px
}

@media screen and (max-width: 991px) {
    .ks-our-approach .border-grad .container-set-box {
        width:119px;
        height: 103px;
        padding: 12px 3px
    }
}

@media screen and (max-width: 767.8px) {
    .ks-our-approach .border-grad .container-set-box {
        width:100%;
        padding: 18px;
        height: auto
    }
}

@media screen and (max-width: 991px) {
    .ks-our-approach .border-grad .container-set-box .inner-box .img-area {
        margin-bottom:12px
    }

    .ks-our-approach .border-grad .container-set-box .inner-box .img-area img {
        width: 32px;
        height: 32px
    }
}

@media screen and (max-width: 767.8px) {
    .ks-our-approach .border-grad .container-set-box .inner-box .img-area {
        margin-bottom:0
    }
}

.ks-our-approach .border-grad .container-set-box .inner-box span {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

@media screen and (max-width: 991px) {
    .ks-our-approach .border-grad .container-set-box .inner-box span {
        margin-top:0;
        font-size: 14px
    }
}

@media screen and (max-width: 767.8px) {
    .ks-our-approach .border-grad .container-set-box .inner-box span {
        margin-left:12px;
        font-size: 12px
    }
}

@media screen and (max-width: 360px) {
    .ks-counter-mobile .ks-growth-num:nth-child(7)>.font-48,.ks-counter-mobile .ks-growth-num:nth-child(8)>.font-48 {
        margin-bottom:15px;
        font-size: 40px
    }

    .ks-our-approach .border-grad .container-set-box .inner-box span.ks-mob-width-360 {
        width: 84px
    }
}

.ks-our-approach .line-up {
    top: 126px;
    left: 5px;
    height: auto
}

.ks-our-approach .line-btm {
    bottom: 105px;
    left: 5px;
    height: auto
}

.ks-our-approach .line-vertical {
    right: -11px;
    top: 126px;
    height: 245px;
    width: auto
}

@media screen and (max-width: 991px) {
    .ks-our-approach .line-btm {
        bottom:72px
    }

    .ks-our-approach .line-vertical {
        right: -8px;
        top: 75px;
        height: 169px;
        width: auto
    }

    .ks-our-approach .line-up {
        top: 75px
    }
}

.ks-our-approach .mob-line {
    top: 0;
    height: 92%
}

@media(max-width: 1025px) {
    .min-w-20 {
        min-width:20px
    }
}

@media(max-width: 992px) {
    .captcha-scale {
        transform:scale(.6);
        margin-left: -35px
    }

    #single-case-study .casestudy_brdcrumb {
        padding: 16px 0 0 59px;
        display: none
    }
}

@media(max-width: 812px) {
    .nav-menu.active {
        height:100vh
    }
}

@media(max-width: 567px) {
    .nav-menu.active {
        height:100vh;
        max-width: 20rem
    }
}

section.salesforce-crm.bg-EFFAFE {
    background-color: #effafe
}

.office_slider .owl-theme .owl-dots .owl-dot.active span,.office_slider .owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #113c63
}

footer nav.acf-nav-menu ul,#menu-quick-links-footer {
    padding-left: 0
}

footer nav.acf-nav-menu ul li a,#menu-quick-links-footer li a {
    color: #212529
}

footer nav.acf-nav-menu ul li a:hover,#menu-quick-links-footer li a:hover {
    color: #113c63;
    text-decoration: underline
}

.ks-form-outer p {
    margin: 0;
    margin-bottom: 0
}

a.text-dark.ms-3.number2 {
    margin-left: 6px!important
}

span.footer-comma.footer-comma1 {
    display: inline-block
}

span.footer-comma,.form-unit.position-relative p br {
    display: none
}

form.wpcf7-form .wpcf7-spinner {
    width: 0;
    margin: 0
}

.wpcf7-not-valid-tip {
    font-size: 16px;
    padding-bottom: 0
}

.copyrightlink li.border-start {
    border-right: 0!important
}

.wpcf7-submit {
    border: none;
    text-align: center;
    color: #fff;
    position: relative;
    bottom: 6px;
    font-weight: 600
}

.footer-col-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: transparent
}

.ks-form-outer .footer-submit p {
    margin: 0
}

.icon-footer img {
    margin-right: 7px
}

.topbar {
    padding: 0 0!important
}

.footer-social li:nth-child(2) img {
    width: 64px;
    height: 64px
}

.flex_logos.ksolves_cube {
    display: block;
    width: 177px;
    overflow: hidden
}

.flex_logos.ksolves_cube video {
    width: 100%
}

.ksolves_cube .gallery__wrapper :nth-child(2) .gallery {
    animation-delay: 300ms
}

.ksolves_cube .gallery__wrapper :nth-child(3) .gallery {
    animation-delay: 600ms
}

.ksolves_cube .gallery__wrapper :nth-child(4) .gallery {
    animation-delay: 900ms
}

.gallery {
    position: relative;
    width: 100%;
    height: 70px;
    transform-style: preserve-3d;
    animation: rotate 14s ease-in-out infinite
}

.ksolves_cube .gallery__wrapper {
    width: 100%;
    max-width: 100%;
    height: 58px
}

.ksolves_cube .gallery span {
    position: absolute;
    width: 100%;
    height: 66px;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateX(calc(var(--i) * 90deg)) translateZ(40px);
    background: rgba(255,255,255,1)
}

.ksolves_cube .gallery span img {
    position: absolute;
    width: 48%;
    height: auto;
    object-fit: contain;
    max-width: 150px;
    transform: translate(-50%,-50%);
    top: 40%;
    left: 50%;
    max-height: 50px
}

@keyframes rotate {
    0% {
        transform: perspective(4000px) rotateX(0deg)
    }

    22% {
        transform: perspective(4000px) rotateX(0deg)
    }

    25% {
        transform: perspective(4000px) rotateX(-90deg)
    }

    47% {
        transform: perspective(4000px) rotateX(-90deg)
    }

    50% {
        transform: perspective(4000px) rotateX(-180deg)
    }

    72% {
        transform: perspective(4000px) rotateX(-180deg)
    }

    75% {
        transform: perspective(4000px) rotateX(-270deg)
    }

    97% {
        transform: perspective(4000px) rotateX(-270deg)
    }

    100% {
        transform: perspective(4000px) rotateX(-360deg)
    }
}

#office_contact_carousel .owl-item img {
    border-radius: 5px;
    object-fit: cover
}

#office_contact_carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
    z-index: 99;
    margin-top: 0
}

#office_contact_carousel .owl-prev {
    left: -40%
}

#office_contact_carousel .owl-next {
    right: 40%;
    left: 40%
}

#office_contact_carousel .owl-nav button.owl-prev:hover {
    font-size: 40px;
    color: #ffffff9c;
    position: relative;
    background-image: url(/wp-content/uploads/2024/02/prev-icon.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .6;
    background-color: transparent!important
}

#office_contact_carousel .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent!important
}

#office_contact_carousel .owl-nav button.owl-next:hover {
    font-size: 40px;
    color: #ffffff9c;
    position: relative;
    background-image: url(/wp-content/uploads/2024/02/next-icon.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .6;
    background-color: transparent!important
}

#office_contact_carousel .owl-dots span {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

#office_contact_carousel .owl-nav button {
    font-size: 40px;
    color: #ffffff9c;
    position: relative
}

#office_contact_carousel .owl-nav button span {
    display: none
}

#office_contact_carousel .owl-nav button.owl-prev {
    font-size: 40px;
    color: #ffffff9c;
    position: relative;
    background-image: url(/wp-content/uploads/2024/02/prev-icon.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .6
}

#office_contact_carousel .owl-nav button.owl-next {
    font-size: 40px;
    color: #ffffff9c;
    position: relative;
    background-image: url(/wp-content/uploads/2024/02/next-icon.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .6
}

#office_contact_carousel .owl-dots {
    position: absolute;
    bottom: 11px;
    left: 36%
}

#letstalk_modal .wpcf7-response-output {
    display: none
}

.custom-dataflow-diagram.owl-carousel {
    z-index: 0
}

.custom-dataflow-diagram.owl-carousel .data_flow_image_container {
    width: 90%;
    margin: 0 auto
}

#our_solution .data_flow_image_container:first-child img.data_flow_img:first-child {
    margin-top: 40px
}

.case-study-single-insight #our_solution .custom-container h2.ks-heading-title {
    margin-bottom: 24px
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li h3.oursolution_title {
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 27px;
    text-align: left;
    margin: 0!important
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul {
    margin-bottom: 32px
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul:last-child li.single_casestudy_solution_ul_li ul:last-child {
    margin-bottom: 0
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul li.single_casestudy_solution_ul_li {
    list-style: disc;
    padding: 0!important;
    margin: 0 0 5px 0!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul li.single_casestudy_solution_ul_li b {
    font-weight: 600
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul li.single_casestudy_solution_ul_li:last-child {
    margin: 0 0 0 0!important
}

.network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul {
    padding: 24px 0 0 16px
}

.network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul .payroll-single_casestudy_ul_li.single_casestudy_ul_li span.maintenance-title-bold {
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 27px;
    text-align: left;
    color: #34353A
}

.network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul li.payroll-single_casestudy_ul_li.single_casestudy_ul_li {
    font-size: 18px!important
}

.network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul .payroll-single_casestudy_ul_li.single_casestudy_ul_li {
    margin: 0 0 16px 0!important
}

.network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul .payroll-single_casestudy_ul_li.single_casestudy_ul_li::marker {
    color: #E6606B;
    font-size: 21px;
    line-height: 8px
}

ul.network-maintenance-layout-sub-list {
    margin: 16px 0 0 0
}

ul.network-maintenance-layout-sub-list li {
    margin: 0 0 14px 0!important;
    list-style: disc
}

ul.network-maintenance-layout-sub-list li::marker {
    color: #28292e;
    font-size: 21px;
    line-height: 8px
}

.case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams .integrated-microsoft-teams-title {
    font-size: 25px!important;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0
}

.case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams p.integrated-microsoft-teams-subtitle {
    font-size: 20px!important
}

section#flow_chart {
    padding: 60px 0
}

.integrated-microsoft-teams .oursolution_title {
    margin-bottom: 24px
}

.integrated-microsoft-teams .single_casestudy_solution_ul {
    padding: 24px 0 0 0
}

.integrated-microsoft-teams h3.oursolution_title {
    margin-bottom: 16px
}

.single_casestudy_solution_ul_li.integrated-microsoft-div {
    padding-left: 0!important
}

p.integrated-microsoft-teams-subtitle {
    font-size: 20px;
    font-weight: 600
}

section#user_authentication_flow .container.page-section.custom-container {
    margin: 0 auto;
    width: 100%;
    padding: 0 60px
}

section#code_snippet .integrated-microsoft-teams {
    max-width: 100%!important;
    margin: 0 auto;
    width: 100%;
    padding: 0 60px
}

section#code_snippet .integrated-microsoft-teams h2.microsoft_code_snippet {
    padding: 0 60px 24px;
    max-width: 1014px;
    width: 100%;
    margin: 0 auto
}

.class_additional_features_of_chatbot_app_integration .custom-container h2.oursolution_title {
    margin-bottom: 0!important
}

section#user_authentication_flow .container_overview.microsoft-teams {
    padding: 0 60px 24px;
    max-width: 796px;
    width: 100%;
    margin: 0 auto
}

.container_overview.microsoft-teams h2.container_overview_title {
    text-align: left;
    max-width: 100%
}

section#code_snippet .container.page-section.custom-container {
    max-width: 796px;
    margin: 0 auto;
    width: 100%;
    padding: 0 60px
}

.option-constraints-implementation .case_sublist_data .single_casestudy_solution_ul li::marker {
    color: #E6606B;
    font-size: 21px;
    line-height: 8px
}

p.constraints-implementation-subtitle {
    margin-bottom: 0
}

.option-constraints-implementation h2.ks-heading-title {
    margin-bottom: 24px
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li h4.oursolution_title.our_solution_sub_heading {
    font-size: 18px;
    font-weight: 600!important;
    line-height: 27px;
    text-align: left
}

.text-position {
    margin-top: 1em
}

.case_sublist_data .single_casestudy_solution_ul {
    padding: 24px 0 24px 20px
}

section#user_flow .custom-container h2.ks-heading-title {
    margin-bottom: 0
}

section#results .container .single_casestudy_solution_ul li.single_casestudy_solution_ul_li p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left
}

section#user_flow .subheadinginner_repeater {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: left
}

#results .single_casestudy_solution_ul {
    padding: 32px 0 0 16px
}

section#results .container .single_casestudy_solution_ul li.single_casestudy_solution_ul_li br {
    display: none
}

section#results .single_casestudy_ul_li,.single_casestudy_solution_ul_li p:empty {
    display: none
}

.bg-orange {
    background-color: #f26322!important
}

.latest-post-sec .post-name-link a {
    color: #373333;
    font-size: 16px;
    color: #59667A;
    font-weight: 400;
    line-height: 21px
}

.latest-post-sec .post-name-link {
    display: block;
    position: relative;
    padding: 24px 0 24px 0;
    border-bottom: 2px solid #E9F0FB
}

.latest-post {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 16px 0 16px 0;
    border-bottom: 2px solid #E9F0FB
}

.blog-detail-form .rc-anchor-normal .rc-anchor-pt {
    margin: 2px 11px 0 0;
    padding-right: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100px!important
}

.blog-detail-form .rc-anchor-normal .rc-anchor-pt {
    margin: 2px 11px 0 0;
    padding-right: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 276px
}

.blog-detail-form .rc-anchor-normal-footer {
    display: inline-block;
    height: 74px;
    vertical-align: top;
    width: 35px
}

.blog-detail-form .rc-anchor-normal .rc-anchor-content {
    height: 74px;
    max-width: 206px!important;
    width: 100%
}

.blog-detail-form .rc-anchor-normal {
    height: 74px;
    max-width: 200px!important;
    width: 100%
}

.blog-detail-form .rc-anchor-logo-portrait {
    margin: 10px 0 0 0;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.blog-detail-form .rc-anchor-checkbox-label {
    font-family: Roboto,helvetica,arial,sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 17px
}

.clipboard {
    cursor: pointer
}

.h3 {
    font-size: 24px
}

.copy-message {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #555;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999
}

.blog-detail-content img {
    height: auto
}

.blog-detail-content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    margin: 24px 0 10px
}

.blog-detail-content h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    margin: 24px 0 10px
}

.blog-detail-content h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    margin: 22px 0 10px
}

.blog-detail-content h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    margin: 20px 0 10px
}

.color-2D343F {
    color: #2D343F
}

.blog-detail-content p {
    font-weight: 400;
    font-size: 18px!important;
    color: #2D343F;
    line-height: 30px;
    margin-bottom: 12px
}

.blog-detail-content a {
    color: #113c63!important;
    font-weight: 500
}

.blog-detail-content p a b,.blog-detail-content p span strong a {
    font-weight: 500
}

.blog-detail-content li {
    font-size: 18px!important;
    color: #2D343F;
    padding: 0 0 10px 0
}

.blog-detail-content li::marker {
    font-size: 18px
}

.blog-detail-content li b {
    padding: 0 0 8px 0
}

.blog-detail-content ul {
    margin-bottom: 8px;
    padding-left: 34px
}

.blog-detail-content ul li ul {
    margin-bottom: 8px;
    padding-left: 20px;
    margin-top: 10px;
    list-style: disc
}

.blog-detail-content p b {
    margin: 22px 0 0 0
}

.blog-detail-content p strong {
    margin: 22px 0 0 0;
    line-height: normal
}

.blog-detail-title-row {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 41px;
    color: #2D343F
}

.blog-category-row-category {
    border-bottom: 2px solid #E9F0FB;
    padding: 16px 24px;
    border-top: 2px solid #E9F0FB
}

.detail-page-banner-sec .col-lg-6,.ks-breadcrumb {
    position: relative;
    z-index: 1
}

.blog-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-box-image {
    border-radius: 10px;
    overflow: hidden;
    margin: 40px 0 24px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.blog-detail-page .ks-check-icon:before {
    content: ""!important;
    background-image: url(/wp-content/uploads/2024/02/Paper.png)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    vertical-align: middle
}

.list-style-none {
    list-style: none
}

.breadcrumb-item {
    text-transform: capitalize;
    display: flex;
    align-items: baseline
}

body .breadcrumb-item+.breadcrumb-item:before {
    content: "";
    background-image: url(/image/chevron-right_breadcub.png);
    width: 5px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 10px;
    padding-left: 10px
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.header-down {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px
}

.box {
    display: none
}

.box.visible {
    display: block
}

.linker:hover {
    text-decoration: underline
}

.blog-post-content p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #4b4b4b
}

.ks-social-share-blog {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ks-social-share-blog ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    float: left
}

.toc-menu {
    position: absolute;
    top: 0;
    left: 55px;
    min-width: 400px
}

.table-of-content-box {
    background: #f2f2f2;
    border: 1px solid #e0dede;
    box-sizing: border-box;
    border-radius: 0 10px 10px 0;
    padding: 15px;
    margin-top: 15px;
    padding-right: 20px
}

.toc-trigger-close {
    right: 20px;
    top: 16px
}

.case-study-single-insight #our_solution .data_flow_image_container {
    margin-top: 0
}

.blog-detail-form {
    padding: 24px
}

.ks-social-share-blog ul li a img {
    width: 25px!important;
    height: 25px;
    object-fit: contain
}

.latest-post-sec .post-name-link ul {
    margin-bottom: 0
}

.ks-author-info {
    min-height: auto;
    background: #fafafa;
    border: 1px solid #0000001A;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    padding: 15px
}

.author-border {
    border-color: #989898;
    border-style: solid
}

.blogs-data-outer .ks-author-info-2 h6,.blogs-data-outer .ks-author-info-2 span {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px
}

.ks-author-info-2 .ks-author-des {
    color: #464646
}

.ks-author-bio b {
    font-weight: 500
}

.ks-auth-title {
    color: #113c63
}

.leave-comment {
    font-weight: 700;
    color: #343434;
    margin-bottom: 16px;
    display: block
}

.comment-notes {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em;
    color: #4b4b4b;
    margin-bottom: 15px
}

.comment-form-author,.comment-form-email,.comment-form-url {
    width: 33.33%;
    padding-right: 20px;
    margin-bottom: 1rem
}

.ks-comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.ks-comment-form input {
    width: 100%;
    background: rgba(255,255,255,.6);
    border: 1px solid #e1e1e1!important;
    box-sizing: border-box;
    border-radius: 5px!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    height: 49px!important;
    padding: 0 15px!important;
    color: #343434
}

.image-sizes {
    width: 20px!important;
    height: 20px!important
}

.ks-comment-form textarea {
    height: 90px;
    width: 100%;
    background: rgba(255,255,255,.6);
    border: 1px solid #e1e1e1!important;
    box-sizing: border-box;
    border-radius: 5px!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 15px!important;
    min-height: 34px
}

.single-post #commentform .error {
    color: #dc3232;
    font-size: 14px
}

.word-limit {
    margin-bottom: 7px;
    color: gray
}

.ks-comment-form input::placeholder {
    color: #343434
}

.single-post #commentform input.error {
    color: #343434
}

.single-post #commentform textarea.error {
    color: #343434
}

.blog-overlay {
    transition: 0.3s ease-in-out;
    transform: translateY(100%);
    top: 0;
    left: 0;
    background-color: rgba(222,43,58,.85)
}

.blog-card-box:hover .blog-overlay {
    transform: translateY(0)
}

.blog-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.loaderSpin {
    width: 800px;
    display: flex;
    align-items: center!important;
    justify-content: center!important
}

@media (max-width: 568px) {
    .blog-detail-content ul {
        margin-bottom:8px;
        padding-left: 16px
    }

    .copy-message {
        top: -40px
    }

    .ks-social-share-blog {
        position: inherit;
        margin-left: 0;
        margin-bottom: 0
    }
}

.related-head {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.insight-newsletter .tnp-submit {
    background-color: #113c63!important;
    color: #fff!important;
    width: fit-content!important;
    height: auto!important;
    margin: 20px auto 0!important;
    border-radius: 3px!important;
    padding: 15px 25px!important
}

.insight-newsletter .tnp-submit:hover {
    box-shadow: 0 21px 15px -9px rgba(225,61,75,.2);
    transform: scale(1.1)
}

#single-case-study .letter-32 {
    letter-spacing: .32px
}

#single-case-study .color-E8E7E7 {
    background-color: #F3F3F3;
    border: 1px solid #E8E7E7
}

#single-case-study .color-FCFCFC {
    background-color: #FCFCFC
}

#single-case-study .f-w-700 {
    font-weight: 700
}

#single-case-study .line-17 {
    line-height: 17px
}

#single-case-study .line-19 {
    line-height: 19px
}

#single-case-study .line-24 {
    line-height: 24px
}

#single-case-study .line-27 {
    line-height: 27px
}

#single-case-study .line-37 {
    line-height: 37px
}

#single-case-study .line-43 {
    line-height: 43px
}

#single-case-study .line-58 {
    line-height: 58px
}

#single-case-study .line-77 {
    line-height: 77px
}

#single-case-study .letter-05 {
    letter-spacing: .5px
}

#single-case-study .letter-04 {
    letter-spacing: .04em
}

#single-case-study .letter-02 {
    letter-spacing: .02em
}

#single-case-study .letter--02 {
    letter-spacing: -.02em
}

#single-case-study .font-64 {
    font-size: 64px
}

#single-case-study .font-25 {
    font-size: 25px
}

#single-case-study .font-36 {
    font-size: 36px
}

#single-case-study .font-46 {
    font-size: 46px
}

#single-case-study .font-48 {
    font-size: 48px
}

#single-case-study .mb-40 {
    margin-bottom: 40px
}

#single-case-study .banner-sec-case {
    overflow: hidden;
    z-index: -3;
    padding: 60px 0 40px 0;
    background-color: #FBEEE9
}

#single-case-study .ks-bann-r {
    border-radius: 20px
}

#single-case-study .banner-tag {
    padding: 8px 12px;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    background-color: #FFECE4;
    margin-top: 2px;
    margin-bottom: 3px
}

#single-case-study .banner-tag-parent {
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    width: max-content;
    padding: 9px
}

#single-case-study .list-style-none {
    list-style: none
}

#single-case-study .list-style-disc {
    list-style: disc
}

#single-case-study .ks-banner-rings .position-absolute {
    right: 0;
    top: -2px;
    z-index: -2
}

#single-case-study #our_solution .ks-heading-title:after {
    display: none
}

#single-case-study .aws-sec {
    background-color: #FBEEE9
}

#single-case-study .list-style-dot::marker {
    color: #E6606B;
    font-size: 21px;
    line-height: 8px
}

#single-case-study .list-style-dot-14:before {
    content: "";
    background-color: #E6606B;
    border-radius: 50px;
    width: 14px;
    height: 14px;
    display: block;
    left: 0;
    position: absolute;
    margin-top: 8px
}

#single-case-study .ks-banner-rings .position-absolute {
    right: 0;
    top: -2px;
    z-index: -2
}

#single-case-study .list-style-lower-alpha {
    list-style: lower-alpha
}

#single-case-study .l-h-48 {
    line-height: 48px
}

#single-case-study .border-left:before {
    border-left: 1px solid #84848466;
    height: 30px;
    content: "";
    position: absolute;
    left: 0;
    top: 10px
}

.conclusion-section p {
    margin-bottom: 0
}

#single-case-study .python-cta-section>#single-case-study .bg-light {
    background: #fff!important
}

#single-case-study .python-cta-section>.bg-light .row>#single-case-study .col-md-12 {
    border: 1px solid #E8E7E7;
    background: linear-gradient(0deg,#F3F3F3,#F3F3F3),linear-gradient(0deg,#E8E7E7,#E8E7E7);
    border-radius: 16px
}

#single-case-study .python-sticky-nav {
    position: sticky;
    top: 110px;
    background-color: #FCFCFC;
    z-index: 1
}

#single-case-study .nav-item.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    border-bottom: 2px solid #113c63
}

.border-D1DDEC {
    border: 1px solid #d1ddec
}

.br-16 {
    border-radius: 16px
}

#ks-careers .ks-dark-bg-img {
    background-color: transparent;
    border-radius: 16px
}

.project-heading h1 {
    max-width: 835px;
    width: 100%;
    text-align: left
}

.case-study-single-insight #our_solution .network-maintenance-layout p.network-maintenance-title {
    margin-bottom: 24px!important;
    line-height: 27px;
    font-size: 18px
}

.case-study-single-insight #our_solution .network-maintenance-layout h4.payroll-size {
    font-size: 20px
}

.new-case-study .mb-8 {
    margin-bottom: 8px
}

.case-study-single-insight #overview {
    padding: 60px 0 60px
}

.container_overview_title {
    margin-bottom: 24px;
    line-height: 32px
}

.case-study-single-insight #challenges {
    padding: 0 0 60px
}

.case-study-single-insight #challenges .container.page-section.custom-container h4.payroll-size {
    margin-top: 24px;
    margin-bottom: 0
}

.case-study-single-insight #our_solution {
    padding: 60px 0 60px
}

#data_flow_diagram_1,#data_flow_diagram_2,#user_authentication_flow,#code_snippet,#additional_features_of_chatbot_app_integration {
    padding: 60px 0 60px
}

.case-study-single-insight .Challenges_title {
    margin-bottom: 24px
}

.case-study-single-insight .oursolution_title {
    margin-bottom: 24px
}

.class_challenges .container {
    border-radius: 8px;
    border: 1px solid #E8E7E7;
    background: #FFF;
    max-width: 796px;
    padding: 60px;
    margin: 0 auto;
    width: 100%
}

.class_our_solution .container {
    max-width: 796px;
    padding: 0 60px 0;
    margin: 0 auto;
    width: 100%
}

.single_casestudy_ul_li,.single_casestudy_solution_ul_li {
    margin: 0 0 32px 0;
    line-height: 27px;
    padding-left: 16px!important;
    font-size: 18px;
    font-weight: 400
}

.case-study-single-insight #our_solution .container.page-section.custom-container p:last-child {
    margin-bottom: 0;
    line-height: 27px
}

.bottom_section_para p {
    margin-bottom: 0
}

.single_casestudy_ul_li:last-child,.single_casestudy_solution_ul_li:last-child {
    margin: 0 0 0 0
}

.single-post .clipboard {
    cursor: pointer
}

.single-post .copy-message {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #555;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999
}

.class_overview .container {
    width: 100%;
    max-width: 796px;
    margin: 0 auto
}

.case-study-single-insight .container_overview {
    padding: 0 60px 24px;
    max-width: 796px;
    width: 100%;
    margin: 0 auto
}

.case-study-single-insight .overview_description_one {
    padding: 0 0 0 0
}

section#user_flow .custom-container {
    max-width: 671px;
    margin: 0 auto;
    width: 100%;
    padding: 0 0
}

section#results .container p {
    margin-bottom: 0
}

.source-code {
    max-width: 664px;
    width: 100%;
    margin: 0 auto 32px
}

.data-flow-inner-img {
    max-width: 990px;
    width: 100%;
    margin: 0 auto
}

.ksolve_invoce_image_container {
    max-width: 692px;
    margin: 0 auto;
    width: 100%
}

.challege_bottom_image_container {
    max-width: 466px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0 0 0
}

.class_data_flow_diagram h2,.class_dataflow_diagram h2,.class_flow_chart h2,.class_data_flow_diagram_1 h2,.class_data_flow_diagram_2 h2,.class_user_authentication_flow h2,.class_code_snippet h2,.class_additional_features_of_chatbot_app_integration h2 {
    max-width: 672px;
    width: 100%;
    margin: 0 auto 24px;
    text-align: left
}

.class_data_flow_diagram .data_flow_image_container,.class_flow_chart .data_flow_image_container,.class_data_flow_diagram_1 .data_flow_image_container,.class_data_flow_diagram_2 .data_flow_image_container,.class_user_authentication_flow .data_flow_image_container,.class_code_snippet .data_flow_image_container,.additional_features_of_chatbot_app_integration .custom-container {
    width: 100%;
    max-width: 1014px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff
}

.class_data_flow_diagram .data_flow_image_container img.data_flow_img,.class_flow_chart .data_flow_image_container img.data_flow_img,.class_data_flow_diagram_1 .data_flow_image_container img.data_flow_img,.class_data_flow_diagram_2 .data_flow_image_container img.data_flow_img,.class_user_authentication_flow .data_flow_image_container img.data_flow_img,.class_code_snippet .data_flow_image_container img.data_flow_img,.class_additional_features_of_chatbot_app_integration .data_flow_image_container img.data_flow_img {
    width: 100%;
    object-fit: contain;
    max-width: 1014px;
    margin: 0 auto;
    padding: 0 0;
    display: flex;
    justify-content: center
}

.class_data_flow_diagram .custom-container,.class_dataflow_diagram .custom-container {
    padding: 60px 0 60px
}

section#flow_chart .container.page-section.custom-container.integrated-microsoft-teams img.data_flow_img,section#user_authentication_flow .container.page-section.custom-container.integrated-microsoft-teams img.data_flow_img {
    max-width: 990px;
    width: 100%;
    margin: 0 auto
}

.class_conclusion .container {
    max-width: 796px;
    padding: 60px 61px;
    margin: 0 auto;
    width: 100%
}

.class_additional_features_of_chatbot_app_integration .custom-container {
    border-radius: 8px;
    border: 1px solid #E8E7E7;
    background: #FFF;
    max-width: 796px;
    padding: 60px;
    margin: 0 auto;
    width: 100%
}

.single_casestudy_ul {
    padding: 34px 0 0 16px
}

.single_casestudy_solution_ul {
    padding: 34px 0 0 16px
}

.single_casestudy_ul_li,.single_casestudy_solution_ul_li ul {
    padding-left: 16px
}

.case-study-single-insight #our_solution h4.payroll-size {
    padding: 24px 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left
}

.single_casestudy_ul_li,.single_casestudy_solution_ul_li ul li {
    list-style: disc;
    padding: 0!important;
    margin: 0!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left
}

section#conclusion {
    padding: 0 0 0
}

section#conclusion .container.page-section.custom-container .container_overview {
    padding: 60px 60px 60px
}

#our_solution .single_casestudy_ul_li,.single_casestudy_solution_ul_li ul li::marker,#results .single_casestudy_ul_li,.single_casestudy_solution_ul_li ul li::marker {
    color: #34353A;
    font-size: 20px
}

#our_solution .single_casestudy_solution_ul_li h3 .single_casestudy_ul_li,#results .single_casestudy_ul_li,#results .single_casestudy_solution_ul_li h3 .single_casestudy_ul_li {
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 27px;
    text-align: left;
    margin: 0!important
}

section#results .single_casestudy_ul_li,section#results .single_casestudy_solution_ul_li h4,section#our_solution .single_casestudy_solution_ul_li h4 {
    font-size: 18px;
    font-weight: 600!important;
    line-height: 27px;
    text-align: left;
    margin: 0!important
}

#results .single_casestudy_solution_ul_li h3 {
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 27px;
    text-align: left;
    margin: 0!important
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul {
    padding-top: 0
}

section#results .container {
    max-width: 673px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0
}

section#user_flow {
    background-color: #fff!important;
    padding: 60px 0 60px
}

.onlyimagecontainer .data_flow_image_container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

.project_overview_div {
    padding: 28px 36px 28px 36px;
    border: 1px solid #F3F3F3
}

.data_flow_image_container img.data_flow_img {
    width: 100%
}

.case-study-single-insight #our_solution .container.page-section.custom-container p {
    margin-bottom: 24px;
    line-height: 27px;
    font-size: 18px
}

.single-post main .wpcf7-submit {
    background: transparent
}

.class_overview,.class_challenges,.class_data_flow_diagram,.class_dataflow_diagram,.class_conclusion .onlyimagesection {
    background-color: #FCFCFC!important
}

.class_our_solution {
    background-color: #fff!important
}

#single-case-study .casestudy_brdcrumb {
    padding: 16px 0 0 59px
}

#single-case-study .casestudy_brdcrumb .breadcrumb.breadcrumb-dark {
    gap: 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    display: flex
}

.owl-carousel.custom-dataflow-diagram .owl-nav button span,.owl-carousel.custom-dataflow-diagram .owl-nav button {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 1px 10px 4px 10px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 20px
}

.owl-carousel.custom-dataflow-diagram .owl-nav button:hover,.owl-carousel.custom-dataflow-diagram .owl-nav button:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 0 0!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 20px
}

.overview_description_one p {
    line-height: 27px;
    margin-bottom: 0
}

.case-study-single-insight #challenges .oursolution_title {
    margin-bottom: 24px;
    line-height: 32px
}

.case-study-single-insight #challenges p.oursolution_title {
    margin-bottom: 34px;
    line-height: 30px
}

.case-study-single-insight #challenges .single_casestudy_solution_ul {
    padding: 34px 0 0 16px
}

.case-study-single-insight #challenges .single_casestudy_solution_ul .single_casestudy_solution_ul_li {
    padding-left: 16px!important;
    margin: 0 0 32px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #34353A
}

.case-study-single-insight #challenges .single_casestudy_solution_ul .single_casestudy_solution_ul_li:last-child {
    margin-bottom: 0
}

body.insights-template-default.single.single-insights.postid-10412 section#challenges ul.single_casestudy_solution_ul {
    padding-top: 0
}

.class_data_flow_diagram .Challenges_title,.class_dataflow_diagram .Challenges_title,.class_conclusion .onlyimagesection .Challenges_title {
    margin-bottom: 32px
}

.case-study-single-insight #our_solution .payroll-single_casestudy_ul {
    padding: 32px 0 0 16px
}

.case-study-single-insight #our_solution .payroll-single_casestudy_ul .payroll-single_casestudy_ul_li {
    font-size: 18px!important;
    font-weight: 400!important;
    padding-left: 30px!important;
    margin: 0 0 32px 0!important;
    line-height: 27px;
    text-align: left;
    color: #34353A
}

.case-study-single-insight #our_solution p.payroll-size {
    font-size: 31px;
    font-weight: 600;
    line-height: 32px;
    text-align: left
}

.case-study-single-insight #our_solution .payroll-single_casestudy_ul .payroll-single_casestudy_ul_li:last-child {
    margin-bottom: 0!important
}

.comments-area .footer-submit {
    background-color: #113c63;
    max-width: 88px;
    width: 100%;
    height: 40px;
    padding: 16px;
    border-radius: 4px solid #113c63;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.ks-comment-form p.form-submit {
    margin-bottom: 0!important
}

.main_blog_page_div .wrapper {
    margin-top: -132px
}

.prev-btn {
    margin-right: 17px
}

.categories-list {
    width: 94%;
    gap: 2rem
}

.main_blog_page_div .paginationfront .totalfront {
    font-family: "Inter",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #747373;
    margin-top: 30px
}

.paginationfront .totalfront {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px
}

.next-btn {
    margin-left: 0px!important
}

.blog-overlay {
    transition: .3s ease-in-out;
    transform: translateY(100%);
    top: 0;
    left: 0;
    background-color: rgba(222,43,58,.85)
}

.blog-card-box:hover .blog-overlay {
    transform: translateY(0)
}

.blog-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center
}

.page-numbers {
    background-color: #113c63!important;
    color: #fff!important;
    border: 1px solid;
    padding: 6px 15px;
    border-color: #113c63!important;
    font-weight: 500!important;
    border-radius: var(--bs-border-radius-sm)!important
}

span.page-numbers.current {
    background-color: #fff!important;
    color: #113c63!important
}

#salesforce-sales-cloud .bg-EFFAFE {
    background-color: #effafe
}

.single_casestudy_solution_ul_li.integrated-microsoft-div h3.oursolution_title p.integrated-microsoft-teams-subtitle {
    font-size: 20px!important
}

@media (max-width: 768px) {
    section#user_authentication_flow .container.page-section.custom-container {
        margin:0 auto;
        width: 100%;
        padding: 0 0
    }

    section#code_snippet .integrated-microsoft-teams {
        max-width: 720px!important;
        margin: 0 auto;
        width: 100%;
        padding: 0 18px!important
    }

    .class_additional_features_of_chatbot_app_integration .custom-container {
        padding: 24px 16px
    }

    section#code_snippet .integrated-microsoft-teams h2.microsoft_code_snippet {
        padding: 0 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    section#code_snippet .integrated-microsoft-teams h2.microsoft_code_snippet {
        padding: 0 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    section#flow_chart {
        padding: 24px 0
    }

    .categories-list {
        width: 100%;
        gap: 1rem
    }

    #trending_section .trending-blog h2 {
        font-size: 28px;
        font-weight: 700!important
    }

    #salesforce-professional-services #ToolsTechnologies h2 {
        font-size: 28px!important
    }

    #salesforce-professional-services .ks-header-panel h2 {
        font-size: 28px!important
    }

    .project-industry {
        margin-bottom: 20px;
        width: fit-content
    }

    #ks-careers .ks-head-custom {
        margin-top: 0!important
    }

    .custom-pagination-sec {
        padding-bottom: 60px
    }

    .custom-pagination-sec .pagination-holder {
        margin-top: 0
    }

    .topnav-category {
        padding: 0 30px;
        position: relative
    }

    .topnav-category .topnav-category-section {
        position: static!important
    }

    .topnav-category .topnav-category-section .prevbtn {
        margin-left: 0
    }

    .topnav-category .topnav-category-section .prevbtn,.topnav-category .topnav-category-section .nextbtn {
        margin-top: -8px
    }

    .owl-carousel.custom-dataflow-diagram .owl-nav button span,.owl-carousel.custom-dataflow-diagram .owl-nav button {
        padding: 0 10px 2px;
        font-size: 24px
    }

    .owl-carousel.custom-dataflow-diagram .owl-nav button:hover,.owl-carousel.custom-dataflow-diagram .owl-nav button:hover {
        padding: 0 10px 2px;
        font-size: 24px
    }

    .class_data_flow_diagram h2,.class_dataflow_diagram h2,.class_flow_chart h2,.class_data_flow_diagram_1 h2,.class_data_flow_diagram_2 h2,.class_user_authentication_flow h2,.class_code_snippet h2,.class_additional_features_of_chatbot_app_integration h2 {
        font-size: 24px!important
    }

    .case-study-single-insight #our_solution .network-maintenance-layout p.network-maintenance-title {
        margin-bottom: 16px!important;
        line-height: 27px;
        font-size: 18px
    }
}

@media (min-width: 769px) {
    .categories-list {
        width:97%;
        gap: 2rem
    }
}

.nextbtn {
    transform: rotate(0deg);
    margin-right: -45px;
    right: 0
}

.prevbtn {
    transform: rotate(180deg);
    margin-left: -45px;
    left: 0
}

.prevbtn:after,.nextbtn:after {
    content: "";
    background-image: url("data:image/svg+xml, %3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23FDF7F7' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 12px
}

.prevbtn,.nextbtn {
    background-color: #7d7d7d;
    border: none;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%
}

@media (min-width: 992px) {
    .row.blogs-row.blogs-row-home {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .row.blogs-row.blogs-row-home .col-lg-4.col-md-6.mb-4.mb-lg-5 {
        width: 100%;
        max-width: 100%
    }

    .row.blogs-row.blogs-row-home .col-lg-4:first-child {
        grid-column: 1/3;
        grid-row: 1/3
    }

    .row.blogs-row.blogs-row-home .col-lg-4:first-child .blog-box-image img {
        width: 100%;
        height: auto
    }

    .row.blogs-row.blogs-row-home .col-lg-4:nth-child(2) .blog-post-content,.row.blogs-row.blogs-row-home .col-lg-4:nth-child(3) .blog-post-content {
        display: none
    }
}

.blog-post-content p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #4b4b4b
}

section.banner-sec- .wp-nowrap {
    white-space: nowrap
}

.search-field {
    background: 0 0;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .02em;
    color: #323232;
    padding: 16px 0
}

.topnav-search-section .search-field:focus-visible {
    outline: none
}

.topnav-search-section .search-field::placeholder {
    color: #747373!important
}

.main_blog_page_div .ps-3,.main_blog_page_div .px-3 {
    padding-left: 1rem!important
}

.blog_cat_page.ps-3,.blog_cat_page .px-3 {
    padding-left: 1rem!important
}

.search-btn {
    border: none;
    padding: 14px;
    background: 0 0
}

.blog-card-author-info img {
    width: 30px;
    height: 30px
}

.pagination-holder {
    display: flex;
    justify-content: center;
    float: right
}

.pagination-button {
    margin-right: 18px
}

.pagination-holder .pagination-button-head {
    background-color: white!important;
    margin-right: 18px;
    color: #113c63!important;
    border-color: #113c63!important
}

.banner-sec-blog {
    padding: 90px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 310px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item {
    text-transform: capitalize;
    display: flex;
    align-items: baseline
}

.breadcrumb-item+.breadcrumb-item:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.811429 0L0.00571442 0.805714L2.62286 3.42857L3.0971 4L2.62286 4.57143L0 7.19429L0.811429 8L4.81143 4L0.811429 0Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 5px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 10px;
    padding-left: 10px
}

.topnav-category {
    margin-bottom: 26px;
    background: 0 0;
    display: flow-root;
    margin-bottom: 50px
}

.category-link {
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    float: left;
    display: block;
    color: #4b4b4b;
    text-align: center;
    padding: 14px 12px!important;
    text-decoration: none;
    font-style: normal;
    font-weight: 500!important;
    font-size: 16px!important;
    line-height: 20px!important;
    letter-spacing: -.01em;
    display: flex;
    align-items: center;
    background: #fff
}

.category-link:hover {
    background-color: #e2194b;
    color: #fff;
    border-color: #e2194b;
    box-shadow: none!important;
    transform: scale(1)!important
}

.ks-newsletter-blog {
    padding: 60px;
    border-radius: 10px;
    background-position: center;
    border: 1px solid rgba(217,216,216,.33);
    background-image: url(/image/magento-offer-bg.webp)
}

.newsletter-subheading span {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.01em;
    color: #343434
}

.ks-newsletter-blog .container {
    max-width: 600px
}

.newsletter-form {
    margin: 30px 0 0
}

.tnp-subscription {
    display: block;
    margin: 15px auto;
    max-width: 500px;
    width: 100%
}

.newsletter-form .tnp-subscription {
    max-width: 734px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto
}

.newsletter-form form {
    display: flex;
    border: 1px solid #b6b1b1;
    border-radius: 5px
}

.newsletter-form form .tnp-field-email {
    width: 100%;
    margin: 0!important
}

.tnp-subscription div.tnp-field {
    margin-bottom: 10px;
    border: 0;
    padding: 0
}

.newsletter-form form .tnp-field-button {
    margin: 0!important
}

.tnp-subscription label {
    display: block;
    color: inherit;
    font-weight: 700;
    line-height: normal;
    padding: 5px;
    margin: 0
}

.newsletter-form label {
    display: none!important
}

.newsletter-form form .tnp-field-email .tnp-email {
    height: 100%;
    border-radius: 5px;
    background: #fff;
    font-family: "Inter",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.01em;
    color: #000;
    padding: 0 20px;
    display: block;
    border: 1px;
    border-color: #ddd;
    outline: none
}

.newsletter-form form .tnp-field-button .tnp-submit {
    min-width: 205px;
    height: 66px;
    background: #dc2230;
    border-radius: 5px;
    font-family: "Inter",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.01em;
    color: #fff!important;
    border: none;
    outline: none
}

.newsletter-form form .tnp-field-button .tnp-submit {
    border-radius: 0 5px 5px 0;
    height: 60px
}

@media (max-width: 768px) {
    .categories-list {
        width:100%;
        gap: 1rem
    }

    .newsletter-form form {
        display: block!important
    }

    .newsletter-form form .tnp-field-button .tnp-submit {
        min-width: 100%;
        height: 46px
    }

    .newsletter-form form .tnp-field-email .tnp-email {
        width: 100%;
        height: 50px
    }

    .ks-newsletter-blog {
        padding: 0
    }
}

.category-link {
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    float: left;
    display: block;
    color: #4b4b4b;
    text-align: center;
    padding: 14px 12px!important;
    text-decoration: none;
    font-style: normal;
    font-weight: 500!important;
    font-size: 16px!important;
    line-height: 20px!important;
    letter-spacing: -.01em;
    display: flex;
    align-items: center;
    background: #fff
}

.category-link:hover {
    background-color: #e2194b;
    color: #fff;
    border-color: #e2194b;
    box-shadow: none!important;
    transform: scale(1)!important
}

.category-link.active {
    background-color: #113c63;
    color: #fff
}

.nextbtn {
    transform: rotate(0deg);
    margin-right: -45px;
    right: 0
}

#ksolves_blog_form input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    display: block;
    bottom: 0;
    line-height: 20px
}

@media (max-width: 1050px) {
    .nextbtn {
        margin-right:-25px!important
    }

    .prevbtn {
        margin-left: -25px!important
    }

    .blog-section-bg img {
        height: auto
    }

    .footer-col-form {
        width: 100%;
        max-width: 400px
    }
}

@media (max-width: 992px) {
    #ksolves_blog_form input.wpcf7-form-control.wpcf7-submit {
        width:100%;
        display: block;
        bottom: 0;
        line-height: 20px
    }

    .footer-wrap-div {
        width: 100%;
        padding-right: 40px
    }

    .flex_logos.ksolves_cube video {
        width: fit-content;
        max-width: 150px;
        object-fit: contain
    }

    .main_blog_page_div .wrapper {
        margin-top: -105px
    }

    .nextbtn,.prevbtn {
        margin-top: 0px!important;
        top: 33px
    }
}

@media (max-width: 768px) {
    .topnav-category {
        padding:0 15px!important
    }

    .banner-sec-blog {
        height: 410px
    }

    #ksolves_blog_form input.wpcf7-form-control.wpcf7-submit {
        width: 100%;
        display: block;
        bottom: 0;
        line-height: 50px
    }
}

@media (max-width: 568px) {
    .flex_logos.ksolves_cube video {
        width:fit-content;
        max-width: 150px;
        object-fit: contain
    }

    .footer-wrap-div {
        width: 100%;
        padding-right: 0
    }

    .nextbtn {
        margin-right: -10px!important
    }

    .prevbtn {
        margin-left: -10px!important
    }

    .topnav-category {
        padding: 0 30px!important
    }
}

#catslider .owl-carousel .owl-nav button.owl-next,#catslider .owl-carousel .owl-nav button.owl-prev,#catslider .owl-carousel button.owl-dot {
    background-color: rgb(225,61,75,.8);
    border: none;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 9%
}

#catslider .owl-carousel .owl-nav button.owl-next:hover,#catslider .owl-carousel .owl-nav button.owl-prev:hover,#catslider .owl-carousel button.owl-dot:hover {
    background-color: rgb(225,61,75)
}

#catslider .owl-carousel .owl-nav button.owl-next {
    right: 0
}

.single-post span.copylist_tooltip {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999
}

.blog-faq {
    background-color: #f8f9fa
}

.blog-faq summary {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c;
    border-bottom: 1px solid #ededef;
    padding: 16px 0;
    border-collapse: collapse;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-faq p {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem;
    padding-top: 1rem;
    line-height: 1.6
}

.blog-faq h4 {
    line-height: 1.3;
    margin-left: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 30px;
    letter-spacing: .02em;
    color: #343434
}

.blog-faq summary:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-image: url(/wp-content/uploads/2024/03/faqarrow.svg)
}

.blog-faq details[open] summary:after {
    transform: rotate(180deg)
}

#conclusion .single_casestudy_ul .single_casestudy_ul_li {
    margin: 0 0 15px 0!important;
    line-height: 30px;
    padding-left: 30px!important;
    word-wrap: break-word
}

.auther-comment-blogpage .comments-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #000;
    line-height: normal
}

.auther-comment-blogpage .comment-metadata a time {
    color: #656667;
    font-style: italic;
    font-size: 14px
}

.comment-author.vcard {
    color: #656667;
    font-size: 14px
}

.comment-author.vcard a {
    color: #656667;
    font-size: 14px
}

.auther-comment-blogpage .comment-content {
    margin: 10px;
    color: #999;
    word-wrap: break-word;
    font-size: 16px
}

#reply-title {
    font-weight: 600;
    font-size: 18px;
    color: #343434;
    margin-bottom: 16px;
    display: flex;
    gap: 28px;
    margin-top: 12px
}

#reply-title small {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
    display: block
}

.auther-comment-blogpage .comment-list {
    padding: 0;
    list-style: none
}

.auther-comment-blogpage .comment-content p {
    font-size: 14px
}

.auther-comment-blogpage .comment-list ol {
    padding: 0
}

.auther-comment-blogpage .comment-list ol li {
    list-style: none
}

.auther-comment-blogpage .reply a {
    font-size: 14px
}

.file-upload {
    position: absolute;
    top: -32px;
    opacity: 0;
    width: 300px!important
}

.case-study-single-insight #challenges ul.single_casestudy_ul li.single_casestudy_ul_li {
    margin: 0 0 32px 0!important;
    line-height: 30px;
    padding-left: 16px!important;
    font-size: 18px;
    font-weight: 400
}

.case-study-single-insight #challenges ul.single_casestudy_ul li.single_casestudy_ul_li:last-child {
    margin: 0 0 0 0!important
}

.case-study-single-insight #challenges h2 {
    margin-bottom: 24px;
    line-height: 32px
}

.case-study-single-insight #our_solution h2 {
    margin-bottom: 24px
}

.case-study-single-insight #our_solution .container.page-section.custom-container ul.single_casestudy_ul {
    padding: 0 0 0 16px
}

.case-study-single-insight #our_solution .container.page-section.custom-container ul.single_casestudy_ul li.single_casestudy_ul_li {
    margin: 0 0 32px 0!important;
    line-height: 30px;
    padding-left: 16px!important;
    font-size: 18px;
    font-weight: 400
}

.case-study-single-insight #our_solution .container.page-section.custom-container ul.single_casestudy_ul li.single_casestudy_ul_li:last-child {
    margin: 0 0 0 0!important
}

section#conclusion {
    background-color: #FCFCFC
}

.case-study-single-insight .container_overview ul {
    padding-left: 0
}

.case-study-single-insight .container_overview ul {
    padding-left: 0
}

.case-study-single-insight .container_overview .overview_description_one p {
    font-size: 18px;
    font-weight: 400
}

.case-study-single-insight .container_overview ul li {
    margin: 0 0 12px 0!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #34353A
}

.case-study-single-insight #challenges ul.single_casestudy_ul li.single_casestudy_ul_li:last-child {
    margin: 0 0 0 0!important
}

.case-study-single-insight .container_overview ul li:last-child {
    margin: 0 0 0 0!important
}

.case-study-single-insight #our_solution h5.heading_Eight_sub_heading {
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 27px;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 32px
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li.heading_Eight_sub_heading_list {
    margin: 0 0 8px 0
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li.heading_Eight_sub_heading_list p.heading_Eight_sub_heading_para {
    margin-bottom: 0
}

.case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li.heading_Eight_sub_heading_list::marker {
    color: #34353A;
    font-size: 21px;
    line-height: 8px
}

section#data_flow_diagram {
    background-color: #FCFCFC!important
}

.data-flow-inner-img .bg-white {
    background-color: transparent!important
}

section#user_authentication_flow .container.page-section.custom-container .overview_description_one {
    padding-bottom: 24px
}

.challenges_middle_div_img {
    margin-top: 18px
}

@media (min-width: 992px) {
    #single-case-study .custom-px-lg-5 {
        padding-left:125px!important;
        padding-right: 125px!important
    }
}

@media (min-width: 991px) {
    #single-case-study .max-w-md-773 {
        max-width:773px
    }

    #single-case-study .mr-40 {
        margin-right: 40px!important
    }

    #single-case-study .text-lg-start p {
        margin-top: 31px
    }
}

@media (max-width: 400px) {
    #single-case-study .banner-tag-parent .banner-tag {
        margin-bottom:5px
    }
}

@media screen and (max-width: 1200px) and (min-width:991px) {
    #single-case-study .banner-heading {
        font-size:46px;
        line-height: 56px
    }

    .dreamforce-page section.dreamforce-number .col-body .font-48 {
        font-size: 36px
    }

    .dreamforce-page section.dreamforce-number .col-body .font-18 {
        font-size: 16px
    }

    .dreamforce-page section.dreamforce-number .col-body .font-14 {
        font-size: 12px
    }
}

@media (max-width: 1050px) {
    #single-case-study .h-md-auto {
        height:auto
    }

    .service-faq-sec .card-header .btn-accordian:after,.service-faq-sec details .btn-accordian:after {
        content: "";
        position: absolute;
        right: 7px;
        top: 30px;
        width: 20px;
        height: 20px;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }
}

@media screen and (max-width: 1025px) {
    .case-study-single-insight #our_solution .container.page-section.custom-container .subheadinginner_repeater {
        margin-bottom:12px
    }

    .challenges_middle_div_img {
        margin-top: 20px
    }

    .offices-address.noida-address {
        top: -230px
    }

    .offices-address.pune-address {
        top: -225px
    }

    .offices-address.indore-address {
        top: -190px
    }

    .offices-address.ahmedabad-address {
        top: -197px
    }

    .offices-address.cities_two.san_jose_address {
        top: -145px
    }

    .footer-address-popup .offices-address:after {
        left: auto!important
    }

    .footer-address-popup .offices-address {
        border: 1px solid #dee2e6;
        border-radius: 6px;
        width: 230px;
        margin: 0 auto;
        position: absolute;
        left: -297px;
        right: 0;
        background: #fff
    }

    section#user_authentication_flow .container.page-section.custom-container {
        margin: 0 auto;
        width: 100%;
        padding: 0 0
    }

    section#code_snippet .container.page-section.custom-container {
        margin: 0 auto;
        width: 100%;
        padding: 0 32px
    }

    .blog-detail-form .recaptcha-div {
        transform: none;
        margin: 0 0 0 0;
        width: 100%
    }
}

@media screen and (max-width: 992px) {
    .blog-detail-form .recaptcha-div {
        transform:none;
        margin: 0 0 0 0;
        width: 100%
    }

    #single-case-study .banner-sec-case {
        padding: 30px 0 40px 0
    }

    section#conclusion .container.page-section.custom-container .container_overview {
        padding: 60px 0 60px
    }

    .class_conclusion .container {
        padding: 0 61px
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container .subheadinginner_repeater {
        margin-bottom: 24px
    }

    .data_flow_image_container {
        width: 100%;
        max-width: 100%;
        margin: 0 0 -2px 0
    }

    .case-study-single-insight #overview {
        padding: 60px 60px 60px
    }

    .case-study-single-insight .container_overview {
        padding: 0 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .single_casestudy_solution_ul_li.integrated-microsoft-div img.integrated-microsoft-teams-img {
        padding: 0 0 0
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams .single_casestudy_solution_ul {
        padding-top: 16px
    }

    section#user_authentication_flow .container.page-section.custom-container {
        margin: 0 auto;
        width: 100%;
        padding: 0 20px
    }

    section#code_snippet .integrated-microsoft-teams h2.microsoft_code_snippet {
        padding: 0 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    section#user_authentication_flow .container_overview.microsoft-teams {
        padding: 0 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    section#code_snippet .container.page-section.custom-container {
        margin: 0 auto;
        width: 100%;
        padding: 0 32px
    }

    .offices-address.noida-address {
        top: -265px
    }

    .offices-address.pune-address {
        top: -290px
    }

    .offices-address.indore-address {
        top: -231px
    }

    .offices-address.ahmedabad-address {
        top: -197px
    }

    .offices-address.cities_two.san_jose_address {
        top: -145px
    }

    .footer-address-popup .offices-address:after {
        left: auto!important
    }

    .footer-address-popup .offices-address {
        border: 1px solid #dee2e6;
        border-radius: 6px;
        width: 230px;
        margin: 0 auto;
        position: absolute;
        left: -64px;
        right: 0;
        background: #fff
    }
}

@media screen and (max-width: 991px) {
    #single-case-study .banner-tag-parent {
        margin:auto
    }

    li.menu-dropdown.nav-item.has-mega-menu .nav-div.active {
        min-width: 100%;
        max-width: 100%;
        right: auto;
        border-radius: 8px!important
    }

    .blog-detail-form {
        padding: 24px;
        margin-top: 40px
    }

    button#file_upload {
        font-size: 12px!important
    }
}

@media (max-width: 768px) {
    a.text-dark.ms-3.number2 {
        margin-left:30px!important
    }

    .footer-info {
        flex-wrap: wrap;
        gap: 5px
    }

    a.text-dark.ms-3.number1 {
        margin-left: 10px!important
    }

    #single-case-study .banner-heading {
        font-size: 46px;
        line-height: 56px
    }

    #single-case-study .font-36 {
        font-size: 32px
    }

    #single-case-study .banner-sec-case {
        padding: 18px 0
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container .subheadinginner_repeater {
        margin-bottom: 12px!important
    }

    .case-study-single-insight #overview {
        padding: 24px 0 24px
    }

    .case-study-single-insight #challenges .single_casestudy_solution_ul .single_casestudy_solution_ul_li {
        padding-left: 0px!important;
        margin: 0 0 16px 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #34353A
    }

    .network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul .payroll-single_casestudy_ul_li.single_casestudy_ul_li span.maintenance-title-bold {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 24px;
        text-align: left;
        color: #34353A
    }

    .overview_description_one p {
        line-height: 24px;
        margin-bottom: 0;
        font-size: 16px
    }

    .case-study-single-insight #challenges .oursolution_title {
        margin-bottom: 16px
    }

    .case-study-single-insight #challenges {
        padding: 0 16px 24px
    }

    .case-study-single-insight .container_overview {
        padding: 0 16px 24px
    }

    .class_overview .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .class_our_solution .container {
        padding: 0 20px 0
    }

    .case-study-single-insight .class_our_solution {
        padding: 24px 16px!important
    }

    .case-study-single-insight #our_solution .single_casestudy_solution_ul {
        padding-top: 16px
    }

    .case-study-single-insight #our_solution .container {
        padding: 0 16px
    }

    .offices-address.noida-address {
        top: -265px
    }

    .offices-address.pune-address {
        top: -290px
    }

    .offices-address.indore-address {
        top: -231px
    }

    .offices-address.ahmedabad-address {
        top: -197px
    }

    .offices-address.cities_two.san_jose_address {
        top: -145px
    }

    .footer-address-popup .offices-address:after {
        left: auto!important
    }

    .footer-address-popup .offices-address {
        border: 1px solid #dee2e6;
        border-radius: 6px;
        width: 230px;
        margin: 0 auto;
        position: absolute;
        left: -64px;
        right: 0;
        background: #fff
    }

    section#conclusion .container.page-section.custom-container .container_overview {
        padding: 60px 0 60px
    }

    .class_conclusion .container {
        padding: 0 32px
    }

    .class_challenges .container {
        padding: 24px 16px
    }

    section#conclusion .container.page-section.custom-container ul.single_casestudy_solution_ul {
        padding-bottom: 24px
    }

    .case-study-single-insight #our_solution .oursolution_title {
        margin-bottom: 24px
    }

    .single_casestudy_ul_li,.single_casestudy_solution_ul_li {
        margin: 0 0 16px 0;
        line-height: 24px;
        font-size: 16px;
        padding-left: 0px!important
    }

    section#results .container p.f-w-400.font-18.color-34353A {
        font-size: 16px;
        width: 100%
    }

    section#user_flow .subheadinginner_repeater {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        margin-top: 0
    }

    section#user_flow .custom-container h2.ks-heading-title {
        font-size: 24px
    }

    section#user_flow {
        padding: 0 16px 24px
    }

    section#results {
        padding: 24px 16px
    }

    .single_casestudy_ul_li,.single_casestudy_solution_ul_li .oursolution_title {
        font-size: 18px!important
    }

    .single_casestudy_ul_li,.single_casestudy_solution_ul_li ul li {
        font-size: 14px;
        line-height: 24px
    }

    #data_flow_diagram_1,#data_flow_diagram_2,#user_authentication_flow,#code_snippet,#additional_features_of_chatbot_app_integration {
        padding: 24px 20px
    }

    .class_data_flow_diagram,.class_dataflow_diagram {
        padding: 0 0 0
    }

    .class_data_flow_diagram .custom-container,.class_dataflow_diagram .custom-container {
        padding: 24px 0 24px
    }

    #ks-careers .ks-form-outer .footer-submit {
        width: 100%!important;
        height: 46px;
        line-height: 30px
    }

    button#file_upload {
        min-width: 170px!important;
        max-width: 210px;
        font-size: 12px!important
    }

    .class_data_flow_diagram .Challenges_title,.class_dataflow_diagram .Challenges_title,.class_conclusion .onlyimagesection .Challenges_title {
        margin-bottom: 16px;
        padding: 0 14px!important;
        font-size: 24px!important
    }

    .class_additional_features_of_chatbot_app_integration .custom-container ul.single_casestudy_solution_ul {
        padding-top: 24px
    }

    .single_casestudy_solution_ul_li.integrated-microsoft-div img.integrated-microsoft-teams-img {
        padding: 0 0 0
    }

    section#flow_chart .container.page-section.custom-container.integrated-microsoft-teams .container_overview.microsoft-teams {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    #reply-title {
        font-size:14px;
        color: #343434;
        margin-bottom: 16px;
        margin-top: 12px;
        display: flex;
        gap: 28px
    }

    #reply-title small {
        font-size: 14px;
        margin-bottom: 16px;
        display: block
    }

    #ksolves_blog_form input.wpcf7-form-control.wpcf7-submit {
        width: 100%;
        display: block;
        bottom: 0;
        line-height: 50px
    }

    .blog-detail-form .recaptcha-div {
        transform: scale(.8);
        transform-origin: 0 0;
        margin: 0 0 0 0;
        width: 100%
    }

    button#file_upload {
        min-width: 100%!important;
        font-size: 16px!important
    }

    .latest-post-sec .post-name-link {
        padding: 12px 0 12px 0
    }

    .case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li.heading_Eight_sub_heading_list:first-child {
        margin-top: -12px!important
    }

    section#user_authentication_flow .container.page-section.custom-container .overview_description_one {
        padding-bottom: 0
    }

    section#flow_chart .container.page-section.custom-container.integrated-microsoft-teams .container_overview.microsoft-teams {
        padding-bottom: 16px
    }

    .single_casestudy_solution_ul_li.integrated-microsoft-div img.integrated-microsoft-teams-img {
        padding: 16px 0 0
    }

    .service-faq-sec .card-header .btn-accordian:after,.service-faq-sec details .btn-accordian:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 20px;
        width: 20px;
        height: 20px;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul {
        padding: 16px 0 0 16px
    }

    .network-maintenance-layout ul.payroll-single_casestudy_ul.single_casestudy_ul .payroll-single_casestudy_ul_li.single_casestudy_ul_li {
        margin: 0 0 16px 0!important
    }

    .case-study-single-insight #challenges .custom-container p.oursolution_title {
        font-size: 16px!important;
        line-height: 24px;
        margin-bottom: 16px
    }

    .project-industry .color-34353A.f-w-600.font-sm-13,.project-technology .color-34353A.f-w-600.font-sm-13 {
        font-size: 13px!important
    }

    .case-study-single-insight #our_solution .subheadinginner_repeater {
        margin-bottom: 0!important
    }

    .project-industry {
        margin-bottom: 20px;
        width: fit-content;
        word-wrap: break-word;
        min-width: 92px
    }

    #results .single_casestudy_solution_ul_li h3 {
        font-size: 16px!important;
        font-weight: 700!important;
        line-height: 27px;
        text-align: left;
        margin: 0!important
    }

    section#results .single_casestudy_ul_li,section#results .single_casestudy_solution_ul_li h4,section#our_solution .single_casestudy_solution_ul_li h4 {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 24px;
        text-align: left;
        margin: 0!important
    }

    .case-study-single-insight #our_solution h4.payroll-size {
        padding: 16px 0;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left
    }

    ul.network-maintenance-layout-sub-list li {
        margin: 0 0 0 0!important;
        list-style: disc;
        line-height: normal
    }

    .case-study-single-insight #our_solution .custom-container h2.ks-heading-title {
        margin-bottom: 16px;
        font-size: 24px!important
    }

    section#results .container .single_casestudy_solution_ul li.single_casestudy_solution_ul_li p {
        font-size: 16px;
        line-height: 24px
    }

    section#results .single_casestudy_solution_ul {
        padding: 16px 0 0 16px
    }

    .case-study-single-insight .container_overview .overview_description_one p {
        font-size: 16px
    }

    .case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li h3.oursolution_title {
        font-size: 16px!important;
        line-height: 24px;
        margin: 0!important
    }

    .case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul li.single_casestudy_solution_ul_li {
        font-size: 16px!important;
        line-height: 24px!important
    }

    .case-study-single-insight #our_solution .single_casestudy_solution_ul li.single_casestudy_solution_ul_li ul {
        margin-bottom: 16px
    }

    section#results .oursolution_title {
        margin-bottom: 16px
    }

    .case-study-single-insight #challenges ul.single_casestudy_ul li.single_casestudy_ul_li {
        margin: 0 0 16px 0!important;
        font-size: 16px!important;
        line-height: 24px;
        padding-left: 0!important;
        width: 100%
    }

    .case-study-single-insight #challenges ul.single_casestudy_ul li.single_casestudy_ul_li:last-child {
        margin: 0 0 0 0!important
    }

    .case-study-single-insight .container_overview ul li:last-child {
        margin: 0 0 0 0!important
    }

    .case-study-single-insight .container_overview ul li {
        margin: 0 0 16px 0!important;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #34353A
    }

    .case-study-single-insight #challenges .single_casestudy_solution_ul {
        padding: 16px 0 0 20px
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container p {
        margin-bottom: 0;
        line-height: 24px;
        font-size: 16px;
        margin-top: 12px
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container ul.single_casestudy_ul li.single_casestudy_ul_li {
        margin: 0 0 16px 0!important;
        line-height: 24px;
        padding-left: 0px!important;
        font-size: 16px!important;
        font-weight: 400;
        width: 100%
    }

    .case-study-single-insight #our_solution h2 {
        margin-bottom: 16px;
        width: 100%
    }

    section#conclusion {
        padding: 0 0 0
    }

    .python-cta-section {
        margin-top: 0
    }

    .python-cta-section .container {
        background-color: #fff!important;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .python-cta-section section.py-lg-5.py-4.color-FCFCFC {
        background-color: #fff!important
    }

    .case-study-single-insight #our_solution .case_sublist_data ul.single_casestudy_solution_ul:first-child {
        padding-top: 0
    }

    section#user_authentication_flow .container_overview.microsoft-teams {
        padding: 24px 0 24px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
}

@media (max-width: 568px) {
    #single-case-study .banner-tag-parent {
        width:auto
    }

    #single-case-study .font-40,.oursolution_title,.Challenges_title {
        font-size: 24px!important;
        line-height: 32px;
        margin-bottom: 16px
    }

    #single-case-study .python-cta-section h2 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600!important
    }

    #single-case-study .project-heading .project_overview_div h1.font-40.l-h-48 {
        font-size: 28px!important;
        font-weight: 700!important;
        line-height: 33px!important
    }

    .file-upload {
        width: 100%!important
    }
}

.single-post span.copylist_tooltip.bgtool {
    background: #d0d7ea!important
}

.copyrightlink li:nth-child(1) {
    padding-right: 0
}

.copyrightlink li:nth-child(3) {
    padding-left: 0.25rem!important
}

.copyrightlink li:nth-child(2) {
    padding-right: 0!important
}

#menu-footer-services li,#menu-quick-links-footer {
    font-size: 16px
}

#award-section .award-box img {
    height: auto
}

@media (min-width: 992px) {
    #award-section .one {
        position:absolute;
        border: 1px solid transparent;
        border-color: rgb(255,217,217);
        animation: oneone 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes oneone {
        0% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        10% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        20% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        30% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        40% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        50% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        60% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        70% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        80% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        90% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        100% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }
    }

    #award-section .two {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(231,192,255);
        animation: onetwo 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onetwo {
        0% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        10% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        20% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        30% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        40% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        50% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        60% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        70% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        80% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        90% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        100% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }
    }

    #award-section .three {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(192,240,255);
        animation: onethree 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onethree {
        0% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        10% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        20% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        30% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        40% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        50% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        60% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        70% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        80% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        90% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        100% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }
    }

    #award-section .four {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(231,231,231);
        animation: onefour 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onefour {
        0% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        10% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        20% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        30% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        40% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        50% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        60% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        70% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        80% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        90% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        100% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }
    }

    #award-section .five {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(227,217,255);
        animation: onefive 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onefive {
        0% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        10% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        20% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        30% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        40% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        50% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        60% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        70% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        80% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        90% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        100% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }
    }

    #award-section .six {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(255,217,217);
        animation: onesix 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onesix {
        0% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        10% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        20% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        30% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        40% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        50% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        60% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        70% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        80% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        90% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        100% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }
    }

    #award-section .seven {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(231,192,255);
        animation: oneseven 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes oneseven {
        0% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        10% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        20% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        30% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        40% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        50% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        60% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        70% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        80% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        90% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        100% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }
    }

    #award-section .eight {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(255,217,217);
        animation: oneeight 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes oneeight {
        0% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        10% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        20% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        30% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        40% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        50% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        60% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        70% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        80% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        90% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        100% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }
    }

    #award-section .nine {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(227,217,255);
        animation: onenine 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes onenine {
        0% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        10% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        20% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        30% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        40% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        50% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        60% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        70% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        80% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        90% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        100% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }
    }

    #award-section .ten {
        position: absolute;
        border: 1px solid transparent;
        border-color: rgb(255,217,217);
        animation: oneten 50s forwards infinite;
        border-radius: 8px!important;
        margin-top: 2rem
    }

    @keyframes oneten {
        0% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }

        10% {
            left: 701px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        20% {
            left: 398px;
            top: 185px;
            width: 275px;
            height: 192px
        }

        30% {
            left: 175px;
            top: 185px;
            width: 196px;
            height: 164px
        }

        40% {
            left: 0;
            top: 185px;
            width: 145px;
            height: 145px
        }

        50% {
            left: 0;
            top: 20px;
            width: 145px;
            height: 145px
        }

        60% {
            left: 175px;
            top: 0;
            width: 196px;
            height: 164px
        }

        70% {
            left: 398px;
            top: -30px;
            width: 275px;
            height: 192px
        }

        80% {
            left: 701px;
            top: 0;
            width: 196px;
            height: 164px
        }

        90% {
            left: 924px;
            top: 20px;
            width: 145px;
            height: 145px
        }

        100% {
            left: 924px;
            top: 185px;
            width: 145px;
            height: 145px
        }
    }
}

.mobile-line {
    display: none
}

.ks-discuss-bg .wpcf7-response-output {
    display: none
}

.ks-tooltip.ks-club-member-tooltip h4 {
    white-space: normal
}

img.saleforce-bannner-immmg {
    height: 100%;
    width: 100%
}

.ks-left-left-blogs {
    display: flex;
    text-align: left
}

#insightslider .owl-nav {
    padding: 2rem 0 0 0
}

.object-fit-cover {
    object-fit: cover
}

.max-widht-240 {
    max-width: 240px!important
}

.desktop-text-services {
    display: block;
    cursor: default
}

.mobile-text-services {
    display: none
}

.breadcrumb-item a:hover {
    text-decoration: underline
}

.tools-line.Microservices-line {
    margin-left: -22px!important
}

.ks-growth-num.offset-2.col-3.col-body.col-light .font-16.f-w-500 {
    width: 86%
}

.ks-growth-num.offset-1.col-2.w-155.col-body.col-primary .font-16.f-w-500 {
    margin-left: -5px
}

.salesforce-services-main #award-section .award-cards-outer {
    max-width: 1070px;
    width: 100%;
    margin: 0 auto
}

.saleforce-service .award-box img {
    height: auto
}

.animationone,.animationtwo,.animationthree,.animationfour,.animationfive,.animationsix,.animationseven,.animationeight {
    position: absolute;
    border: 1px solid transparent;
    border-color: rgb(255,217,217);
    border-radius: 8px!important;
    margin-top: 2rem
}

.animationone {
    animation: animationonetransition 50s forwards infinite
}

@keyframes animationonetransition {
    0% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

.animationtwo {
    animation: animationtwotransition 50s forwards infinite
}

@keyframes animationtwotransition {
    0% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }
}

.animationthree {
    animation: animationthreetransition 50s forwards infinite
}

@keyframes animationthreetransition {
    0% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

.animationfour {
    animation: animationfourtransition 50s forwards infinite
}

@keyframes animationfourtransition {
    0% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }
}

.animationfive {
    animation: animationfivetransition 50s forwards infinite
}

@keyframes animationfivetransition {
    0% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

.animationsix {
    animation: animationsixtransition 50s forwards infinite
}

@keyframes animationsixtransition {
    0% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }
}

.animationseven {
    animation: animationseventransition 50s forwards infinite
}

@keyframes animationseventransition {
    0% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

.animationeight {
    animation: animationeighttransition 50s forwards infinite
}

@keyframes animationeighttransition {
    0% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 0;
        top: 100px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 924px;
        top: 100px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }
}

.odoo-experience-animation .award-box img {
    height: auto
}

.odooone,.odootwo,.odoothree,.odoofour,.odoofive,.odoosix {
    position: absolute;
    border: 1px solid transparent;
    border-color: rgb(255,217,217);
    border-radius: 8px!important;
    margin-top: 2rem
}

.odooone {
    animation: odooonetransition 50s forwards infinite
}

@keyframes odooonetransition {
    0% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }
}

.odootwo {
    animation: odootwotransition 50s forwards infinite
}

@keyframes odootwotransition {
    0% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

.odoothree {
    animation: odoothreetransition 50s forwards infinite
}

@keyframes odoothreetransition {
    0% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

.odoofour {
    animation: odoofourtransition 50s forwards infinite
}

@keyframes odoofourtransition {
    0% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }
}

.odoofive {
    animation: odoofivetransition 50s forwards infinite
}

@keyframes odoofivetransition {
    0% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

.odoosix {
    animation: odoosixtransition 50s forwards infinite
}

@keyframes odoosixtransition {
    0% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

@media (max-width: 992px) {
    .ks-blog-area {
        padding:0 20px 0 20px!important;
        width: 100%
    }

    .ks-blog-area.ks-blog-area-2 {
        padding: 0 20px 0 20px!important;
        width: 100%
    }

    .tools-line.Microservices-line {
        margin-left: -22px
    }

    .ks-growth-num.offset-2.col-3.col-body.col-light .font-16.f-w-500 {
        width: 100%
    }

    .challenges_middle_div_img {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    section#implementation_process\: {
        padding:0 0;
        background-color: transparent!important
    }

    section#implementation_process\:.container_overview_title {
        font-size: 24px!important
    }

    .ks-growth-num.offset-2.col-3.col-body.col-light .font-16.f-w-500 {
        width: 100%
    }

    .case-study-slider.owl-carousel .owl-nav button span {
        border-radius: 50%;
        background-size: 10px;
        padding: 7px 15px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 20px;
        text-align: center
    }

    .case-study-slider.owl-carousel .owl-nav button span:hover {
        background-color: rgb(225,61,75);
        border-radius: 50%;
        background-size: 10px;
        padding: 7px 15px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 20px;
        text-align: center
    }

    .desktop-text-services {
        display: none
    }

    .mobile-text-services {
        display: block
    }

    .ks-social-share-blog {
        position: inherit;
        z-index: 10;
        top: 150px
    }

    .detail-page-banner-sec:after {
        display: none!important
    }

    .blog-detail-title-row {
        padding-top: 20px
    }

    .ks-blog-area {
        padding: 0 20px 0 20px!important;
        width: 100%
    }

    .ks-blog-area.ks-blog-area-2 {
        padding: 0 20px 0 20px!important;
        width: 100%
    }

    .circle-active {
        box-shadow: 0 0 0 5px rgba(225,61,75,.5);
        width: 10px;
        height: 10px;
        top: 58px;
        right: 1px
    }

    .tools-line.Microservices-line {
        margin-left: -22px
    }
}

@media only screen and (min-width: 567px) and (max-width:767px) {
    .ks-counter-mobile .ks-growth-num:first-child .font-48,.ks-counter-mobile .ks-growth-num:nth-child(2) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(3) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(4) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(5) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(6) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(7) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(8) .font-48 {
        font-size:40px!important
    }

    .ks-counter-mobile .ks-growth-num:first-child .font-16,.ks-counter-mobile .ks-growth-num:nth-child(2) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(3) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(4) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(5) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(6) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(7) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(8) .font-16 {
        font-size: 14px!important
    }

    .col-body {
        isolation: isolate;
        height: auto
    }
}

@media (max-width: 767px) {
    .ks-social-share-blog {
        position:static
    }

    .blog-detail-content li,.blog-detail-content p {
        font-size: 16px!important;
        color: #2D343F;
        line-height: 28px
    }

    .related-head {
        margin-bottom: 0
    }

    .blog-box-image {
        margin: 20px 0 20px
    }

    .related-head .f-w-600.font-40 {
        font-size: 26px
    }

    .services-unit a {
        position: -webkit-sticky;
        position: sticky;
        top: 125px
    }

    .detail-page-banner-sec:after {
        display: none!important
    }

    .blog-detail-title-row {
        padding-top: 20px
    }

    .ks-blog-area {
        padding: 20px 0 24px 0px!important;
        width: 100%
    }

    .ks-blog-area.ks-blog-area-2 {
        padding: 20px 0 24px 0px!important;
        width: 100%
    }

    .ks-left-left-blogs img {
        border-radius: 0!important
    }

    #insightslider .owl-nav {
        padding: 1rem 0 0 0
    }

    .ks-form-outer .form-unit textarea {
        min-height: 80px
    }

    .tools-line {
        display: none
    }

    .mobile-line {
        display: block
    }

    .ks-tooltip:hover .ks-tooltiptext {
        visibility: hidden
    }

    .recaptcha-div {
        margin: 0 0 0 0;
        width: 100%;
        transform: scale(.8);
        transform-origin: 0 0
    }

    .career_form_div .recaptcha-div {
        transform: none;
        margin: 0 0 0 0;
        width: 100%
    }

    .case-study-single-insight .container_overview {
        padding: 0 16px 24px
    }

    .class_challenges .container {
        padding: 24px 16px
    }

    .class_conclusion .container {
        padding: 24px 16px 0
    }

    section#conclusion .container.page-section.custom-container .container_overview {
        padding: 0 16px 24px
    }

    .class_data_flow_diagram .data_flow_image_container img.data_flow_img,.class_dataflow_diagram {
        padding: 0 0
    }

    .class_data_flow_diagram .container.container-990.data-flow-inner-img {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .class_overview,.class_challenges,.class_our_solution {
        padding: 24px 0
    }

    .case-study-single-insight {
        word-wrap: break-word
    }

    #single-case-study .casestudy_brdcrumb {
        padding: 16px 10px 0 20px;
        display: none
    }

    .project_overview_div {
        padding: 24px 16px 24px 16px
    }

    .case-study-single-insight .project-heading .project_overview_div .mt-32 {
        margin-top: 24px
    }

    .case-study-single-insight .container {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    #single-case-study .casestudy_brdcrumb .breadcrumb.breadcrumb-dark {
        line-height: 24px;
        display: flex;
        flex-wrap: wrap;
        text-align: left
    }

    .newsletter-subheading span {
        font-size: 30px;
        line-height: 36px
    }

    .topbar {
        padding: 10px 0!important
    }

    .insights-main .ks-blogs-bg .owl-carousel .owl-item .ks-left-left-blogs img {
        transform: scale(1.05)
    }

    .col-body:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(40% - 40px);
        top: calc(44% - 40px);
        width: 104px;
        height: 102px;
        border-radius: 50%
    }

    .menu-has-grandchild .grand-child-menu-link {
        width: 93%!important
    }

    .menu-has-grandchild .menu-grand-child .w-m-content span.ms-2.d-inline-block.space-nowrap {
        white-space: normal
    }
}

@media (max-width: 568px) {
    .menu-has-grandchild .grand-child-menu-link {
        width:90%!important
    }

    .blog-detail-title-row.h1,h1.blog-detail-title-row {
        font-size: 22px;
        line-height: 30px
    }

    .ks-social-share-blog {
        position: inherit;
        margin-left: 0;
        margin-bottom: 0
    }

    .font-sm-32 {
        font-size: 32px!important
    }

    .w-sm-100 {
        width: 100%
    }

    .solution-bg video {
        width: 600px!important;
        object-fit: contain
    }

    .text-sm-start {
        text-align: left
    }

    .border-sm-none {
        border: none!important
    }

    .ks-discuss-bg {
        padding: 16px!important
    }

    .ks-discuss-bg .ks-bottom-form {
        padding: 16px
    }

    .ks-counter-mobile {
        padding-left: 0;
        padding-right: 0;
        margin-top: 25px!important
    }

    .ks-counter-mobile .ks-growth-num:nth-child(2),.ks-counter-mobile .ks-growth-num:nth-child(5),.ks-counter-mobile .ks-growth-num:nth-child(6),.ks-counter-mobile .ks-growth-num:nth-child(7),.ks-counter-mobile .ks-growth-num:nth-child(8) {
        align-items: center
    }

    .ks-counter-mobile .ks-growth-num:nth-child(2) .text-end,.ks-counter-mobile .ks-growth-num:nth-child(5) .text-end,.ks-counter-mobile .ks-growth-num:nth-child(6) .text-end,.ks-counter-mobile .ks-growth-num:nth-child(7) .text-end,.ks-counter-mobile .ks-growth-num:nth-child(8) .text-end {
        text-align: center!important
    }

    .ks-counter-mobile .ks-growth-num:nth-child(7),.ks-counter-mobile .ks-growth-num:nth-child(8) {
        justify-content: center!important
    }

    .ks-counter-mobile .ks-growth-num:nth-child(7)>.font-48,.ks-counter-mobile .ks-growth-num:nth-child(8)>.font-48 {
        margin-bottom: 15px
    }

    .ks-counter-mobile .ks-growth-num:nth-child(3),.ks-counter-mobile .ks-growth-num:nth-child(4) {
        border-radius: 0
    }

    .ks-counter-mobile .ks-growth-num:first-child {
        order: 1;
        width: 50%;
        margin-left: 0
    }

    .ks-counter-mobile .ks-growth-num:nth-child(2) {
        order: 2;
        width: 50%;
        border-top-right-radius: 10px
    }

    .ks-counter-mobile .ks-growth-num:nth-child(3) {
        order: 4;
        width: 55%
    }

    .ks-counter-mobile .ks-growth-num:nth-child(4) {
        order: 5;
        width: 58%;
        height: 157px
    }

    .ks-counter-mobile .ks-growth-num:nth-child(4) .workforce-arrow:after {
        width: 44px;
        height: 18px
    }

    .ks-counter-mobile .ks-growth-num:nth-child(4)>.font-24 {
        font-size: 20px
    }

    .ks-counter-mobile .ks-growth-num:nth-child(5) {
        order: 3;
        width: 45%
    }

    .ks-counter-mobile .ks-growth-num:nth-child(6) {
        order: 8;
        width: 48%;
        height: 205px;
        align-items: center;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 0
    }

    .ks-counter-mobile .ks-growth-num:nth-child(7) {
        order: 6;
        width: 42%;
        height: 157px;
        margin-left: 0
    }

    .ks-counter-mobile .ks-growth-num:nth-child(8) {
        order: 7;
        width: 52%;
        height: 205px;
        border-bottom-left-radius: 10px
    }

    .mega-menu-inner {
        padding-top: 0!important
    }

    .font-sm-13 {
        font-size: 13px!important
    }

    .aboutus-banner,.about-home-page-video-banner {
        height: 400px!important
    }

    .ks-blog-area.ks-blog-area-2 {
        padding: 16px;
        width: 100%
    }

    .ks-blog-area {
        padding: 16px;
        width: 100%
    }

    .blog-section-bg img {
        width: 100%
    }

    .home-banner-client-logo {
        display: inline-flex
    }

    .home-banner-client-logo img {
        height: inherit
    }

    .home-banner-client-animation {
        white-space: nowrap;
        display: block
    }

    .home-banner-text .para-box {
        font-size: 16px
    }

    .home-banner-text .h1,.home-banner-text h1 {
        font-size: 28px
    }

    .footer-address-popup {
        width: auto
    }

    .custom-modal-body {
        padding: 20px
    }

    .solution-bg .banner-mobile-btn-style {
        min-height: 40px
    }

    .service-faq-sec .card-header.btn-accordian,.service-faq-sec details.btn-accordian {
        padding-right: 30px
    }

    .mini-menu {
        padding-top: 0!important
    }

    @keyframes toolsBannerSlide {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(-760px)
        }
    }

    .menu-has-grandchild .menu-grand-child .w-m-content {
        width: auto
    }
}

@media (max-width: 479px) {
    .ksolves_cube .gallery__wrapper {
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .aboutus-banner,.about-home-page-video-banner {
        height: 290px!important
    }

    .solution-bg video {
        width: 100%!important;
        object-fit: contain
    }

    .menu-has-grandchild .menu-grand-child .w-m-content {
        width: auto
    }

    body .events-main .ks-case-study-row {
        padding: 20px 10px
    }
}

@media only screen and (max-width: 320px) {
    .menu-has-grandchild .menu-grand-child .w-m-content {
        width:auto
    }

    .mobile-text-services {
        font-size: 16px!important
    }

    .mobile-text-services p {
        font-size: 14px!important
    }

    .menu-has-grandchild .menu-grand-child>li>a {
        font-size: 12px!important
    }

    .menu-has-grandchild .menu-grand-child>li>a>span.ms-3 {
        margin-left: 0.5rem!important
    }

    .ks-counter-mobile .ks-growth-num:nth-child(4)>.font-24 {
        font-size: 16px!important
    }

    .ks-counter-mobile .ks-growth-num:first-child .font-48,.ks-counter-mobile .ks-growth-num:nth-child(2) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(3) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(4) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(5) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(6) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(7) .font-48,.ks-counter-mobile .ks-growth-num:nth-child(8) .font-48 {
        font-size: 40px!important
    }

    .service-section-dekstop-view .ks-heading-outer h1 {
        font-size: 28px
    }

    .next-btn,.prev-btn {
        padding: 5px!important
    }

    .service-icon {
        width: 80px;
        height: 80px
    }

    .service-name {
        min-width: 110px;
        font-size: 14px
    }

    .tool-image-outer {
        width: 110px;
        height: 70px
    }

    .font-md-32 {
        font-size: 22px
    }

    .topbar {
        padding: 15px 0!important
    }

    #exchange_apidata span.text-success {
        font-size: 12px;
        display: flex;
        width: 100%
    }

    .recaptcha-div {
        transform: scale(.8);
        transform-origin: 0 0;
        margin: 0 0 0 0
    }

    .slider-btnpride-club {
        top: 45%
    }

    #pride-club .ks-pride-galleries {
        min-width: 100%
    }

    button#file_upload {
        min-width: 100%!important;
        max-width: 100%!important;
        width: 100%;
        font-size: 14px!important;
        line-height: 14px!important;
        padding: 0!important
    }

    .mobile-text-services h3 {
        font-size: 16px!important
    }

    .mobile-text-services p {
        font-size: 14px
    }

    .tool-image-outer a.text-dark.f-w-500 {
        display: flex;
        font-size: 14px
    }

    .tool-image-outer a.text-dark.f-w-500 img {
        width: 20px;
        margin-top: 1px
    }

    .aboutus-banner,.about-home-page-video-banner {
        height: 260px!important
    }

    .solution-bg video {
        width: 100%!important;
        object-fit: contain;
        height: auto!important
    }

    .video-btn-home {
        position: relative;
        top: 30px
    }

    .odoo-experience-main .h-224 {
        min-height: 224px
    }

    .odoo-client-card-width {
        width: 100%
    }

    #single-case-study .border-left:before {
        border-left: 1px solid #84848466;
        height: 30px;
        content: "";
        position: absolute;
        left: 10px;
        top: 10px
    }

    .project_overview_div .position-relative.project-technology {
        padding-left: 24px!important;
        margin-left: 0!important
    }
}

.removable-card {
    background-image: url(https://www.ksolves.com/assets/images/marketing/ks-who-sec-inner-bg.webp);
    background-blend-mode: multiply;
    background-color: #222d64;
    padding: 20px 40px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap
}

.removable-card-body {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 40px 0 50px
}

.removable-card-header {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    margin-right: 24px
}

.removable-card-contact {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 30px;
    font-size: 20px;
    color: #424242!important;
    font-weight: 600;
    min-width: 170px;
    text-decoration: none!important
}

.Streamline-div .bottom_section_para p {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    text-align: center
}

.wpcf7-form-control-wrap[data-name="your-email"] .wpcf7-not-valid-tip,.wpcf7-form-control-wrap[data-name="email"] .wpcf7-not-valid-tip,.wpcf7-form-control-wrap[data-name="EnterYourEmail"] .wpcf7-not-valid-tip {
    display: none
}

.ks-form-outer .form-unit label {
    z-index: 1!important
}

.announcement-bar {
    background: linear-gradient(90deg,#6CC8EC 0%,#CEDEEA 100%);
    color: #012C57;
    font-weight: 600;
    padding: 4px 17px;
    padding-bottom: 4px;
    text-align: center
}

.flashing-text {
    animation: flashing 1.9s infinite;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle
}

@keyframes flashing {
    0% {
        color: #012C57
    }

    50% {
        color: #113c63
    }

    100% {
        color: #012C57
    }
}

.join-now-button {
    margin-left: 20px
}

@media only screen and (max-width: 990px) {
    .announcement-bar {
        font-size:15px
    }

    .flashing-text {
        font-size: 17px
    }

    a.join-now-button {
        margin-top: 0!important
    }
}

input[type=submit][disabled=disabled] {
    opacity: .4;
    cursor: unset!important
}

.activenew2,.menu-has-grandchild>.activenew2>.menu-grand-child {
    display: block!important
}

.othermenu .menu-has-grandchild:hover .header-menu-name,.othermenu .menu-has-grandchild .header-menu-name {
    color: #28292e
}

.othermenu .menu-has-grandchild:hover .menu-grand-child,.othermenu .menu-has-grandchild .menu-grand-child {
    display: none
}

.othermenu .menu-has-grandchild.mobdev:hover ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev:hover ul.appdev-grandchild {
    display: block!important
}

.menu-has-grandchild.mobdev,.othermenu .menu-has-grandchild.appdev {
    position: relative
}

.activenew2,.menu-has-grandchild>.activenew2>.menu-grand-child {
    display: block!important
}

@media only screen and (max-width: 991px) {
    .othermenu ul.list-unstyled.menu-grand-child.py-2 {
        height:280px;
        overflow-y: scroll
    }

    .othermenu .menu-has-grandchild.mobdev ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev ul.appdev-grandchild {
        height: auto!important
    }

    .othermenu .menu-has-grandchild.mobdev ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev ul.appdev-grandchild {
        padding-left: 0
    }
}

@media only screen and (max-width: 767px) {
    section#implementation_process\:.new-case-study .overview_description_one p.mb-8.f-w-600.font-24 {
        font-size:18px!important
    }

    .othermenu ul.list-unstyled.menu-grand-child.py-2 {
        height: 280px;
        overflow-y: scroll
    }

    .integrated-microsoft-teams .single_casestudy_solution_ul {
        padding: 16px 0 0 0
    }

    .integrated-microsoft-teams h3.oursolution_title {
        margin-bottom: 16px;
        font-size: 16px!important
    }

    .othermenu .menu-has-grandchild.mobdev ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev ul.appdev-grandchild {
        height: auto!important
    }

    .announcement-bar {
        font-size: 13px;
        padding: 4px 15px
    }

    .flashing-text {
        margin-left: 0;
        font-size: 14px;
        padding: 2px 0 4px 0
    }

    .join-now-button {
        margin-left: 10px;
        padding: 3px 6px 4px 6px!important;
        font-size: 12px!important
    }

    .Streamline-div .bottom_section_para br {
        display: none
    }

    .Streamline-div .bottom_section_para p {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        text-align: center
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container p:last-child {
        line-height: 24px;
        font-size: 16px!important
    }

    .case-study-single-insight #our_solution h5.heading_Eight_sub_heading {
        font-size: 18px!important;
        font-weight: 700!important;
        line-height: 24px;
        text-align: left;
        margin-top: 16px;
        margin-bottom: 0
    }

    .case_sublist_data .single_casestudy_solution_ul {
        padding: 16px 0 16px 20px
    }

    section#user_authentication_flow .container.page-section.custom-container {
        margin: 0 auto;
        width: 100%;
        padding: 0 0px!important
    }

    section#code_snippet .container.page-section.custom-container {
        max-width: 796px;
        margin: 0 auto;
        width: 100%;
        padding: 0 0
    }

    .integrated-microsoft-teams .oursolution_title {
        margin-bottom: 16px
    }

    .container.page-section.custom-container.network-maintenance-layout h2.ks-heading-title {
        font-size: 24px!important
    }

    .container_overview.microsoft-teams h2.container_overview_title,.option-constraints-implementation h2.ks-heading-title {
        font-size: 24px!important;
        margin-bottom: 16px
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams .integrated-microsoft-teams-title {
        font-size: 20px!important;
        font-weight: 600;
        line-height: normal;
        text-align: left;
        margin: 0
    }

    p.integrated-microsoft-teams-subtitle {
        font-size: 18px;
        font-weight: 600
    }

    .integrated-microsoft-teams .single_casestudy_solution_ul {
        padding: 8px 0 0 0
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams p.integrated-microsoft-teams-subtitle {
        font-size: 16px!important;
        margin-bottom: 0px!important
    }

    .case-study-single-insight #our_solution .integrated-microsoft-div h3.oursolution_title {
        margin-bottom: 0px!important
    }

    .case-study-single-insight #our_solution .container.page-section.custom-container.integrated-microsoft-teams .single_casestudy_solution_ul {
        padding-top: 10px
    }

    .case-study-single-insight #our_solution .integrated-microsoft-teams h2.ks-heading-title {
        margin-bottom: 16px!important
    }
}

@media only screen and (max-width: 615px) {
    a.join-now-button {
        display:inline-block;
        width: max-content;
        margin: 4px auto!important;
        margin-bottom: 0!important
    }

    .announcement-bar {
        display: block!important;
        padding: 3px 6px!important
    }
}

@media only screen and (max-width: 590px) {
    span.flashing-text {
        display:block;
        padding: 0
    }
}

@media only screen and (max-width: 390px) {
    .announcement-bar {
        font-size:12px
    }

    span.flashing-text {
        font-size: 13px
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width:1200px) and (orientation:landscape) {
    .nav-menu.active {
        background:#fff;
        left: 0;
        max-width: 17rem;
        z-index: 1;
        padding: 16px 16px 40px;
        box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
        height: 76%;
        overflow-y: scroll;
        max-height: 60vh;
        min-height: 72vh
    }

    .tools-line.Microservices-line {
        margin-left: -22px
    }

    #single-case-study .list-style-none {
        list-style: none;
        padding-top: 20px
    }

    .project-industry {
        width: fit-content
    }

    .ks-shopify-div span.text-white {
        font-size: 12px
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .project-industry {
        width:fit-content
    }

    .project-technology {
        width: 70%
    }

    .ks-counter-mobile .ks-growth-num:first-child .font-16,.ks-counter-mobile .ks-growth-num:nth-child(2) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(3) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(4) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(5) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(6) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(7) .font-16,.ks-counter-mobile .ks-growth-num:nth-child(8) .font-16 {
        font-size: 13px!important
    }
}

#hide-more {
    display: none
}

.arrow-red-small:hover {
    color: #28292e!important
}

a.case-study-box-outer .text-dark:hover {
    color: #113c63!important
}

.ks-aboutus-page .service-section .service-name:hover {
    color: #113c63!important
}

.contact-info-item a:hover {
    color: #113c63!important
}

.html5-video-player a:hover {
    color: #113c63!important
}

a.ytp-title-link.yt-uix-sessionlink:hover {
    color: #113c63!important
}

.ytp-title-text a:hover {
    color: #113c63!important
}

#pride-club .ks-nav-link:hover,#ks-careers .nav-pills .nav-link:hover {
    color: #113c63!important
}

#ks-careers .accordion .card[open] .card-header h6 {
    color: #113c63
}

.insights-main a.blog-text-link:hover h3 {
    color: #113c63
}

a.text-dark:hover {
    color: #113c63!important
}

.bg-primary a.text-white:hover {
    color: #28292e!important
}

.bg-dark a.text-white:hover {
    color: #113c63!important
}

a.text-black:hover {
    color: #113c63!important
}

.events-main .case-study-text a:hover h2.study-heading {
    color: #113c63!important
}

.odoo-experience-main .ks-card-link:hover {
    transform: scale(1.1)
}

.odoo-experience-main.new-odoo-page section.ks-java-experties .ks-whychoose-card a:hover {
    color: #113c63!important
}

.ks-gai-tab .nav-item a:hover {
    color: #113c63
}

.tab-service .nav-tab-service a.nav-link-tab-service:hover {
    color: #113c63!important
}

.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link:hover {
    color: #113c63!important
}

a:hover .case-study-title,a:hover h3 {
    color: #113c63!important
}

.industryreach-section-reach .tool-box-outer.diverse-our .btn-read-more span:hover {
    cursor: pointer
}

.container.nifi-trending-blog .btn-width-full:hover {
    border: 1px solid #113c63
}

.nifi-trending-blog .btn-read-more span:hover {
    transform: scale(1.1)
}

a:hover .ks-perception-footer {
    transform: scale(1.1)
}

.service-name:hover {
    color: #113c63!important
}

.services-list a:hover .tool-image-outer:hover {
    border: 1px solid #113c63;
    cursor: pointer
}

.ks-heading-outer {
    cursor: default
}

.invester-main .news-inner a:hover {
    color: #28292e
}

.invester-main .dropdownBtn:hover {
    color: #113c63!important
}

.ks-case-study-row a:hover .study-heading {
    color: #113c63
}

a.about-sec-report:hover .f-w-500 {
    color: #113c63
}

a.about-sec-report:hover .f-w-600 {
    color: #113c63
}

.microservices-main .insights-link a:hover {
    color: #113c63!important
}

.microservices-main .insights-link a:hover path {
    stroke: #113c63
}

.insights-main .ks-follow-us ul li a:hover img {
    cursor: pointer;
    filter: contrast(175%) brightness(103%)
}

.news-outer a:hover {
    color: #28292e
}

section.blog-section-bg a:hover {
    color: #28292e
}

.podcast-main a.font-28.f-w-600.color-113c63:hover {
    color: #28292e
}

.case-study-bg a.text-uppercase:hover {
    color: #28292e
}

.apache-developement-service-tab .tab-pane a.explore-more-text-link:hover {
    color: #28292e;
    border: 1px solid #28292e
}

.apache-developement-service-tab .tab-pane a.explore-more-text-link:hover path {
    stroke: #28292e
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details a:hover {
    transform: scale(1.1)
}

a.nifi-apache-card:hover p {
    color: #113c63!important
}

.blog-category-row a:hover span.blog-category-name,span.blog-category-name a:hover {
    background: #28292e!important
}

a.page-numbers:hover {
    background-color: #fff!important;
    color: #113c63!important
}

.newsletter-form form .tnp-field-button .tnp-submit:hover {
    background: #dc2230d6!important
}

.main_blog_page_div ol.breadcrumb li.breadcrumb-item a:hover {
    color: #113c63!important
}

ol.breadcrumb.breadcrumb-dark li.breadcrumb-item a:hover {
    color: #28292e!important
}

.blog-detail-content p a:hover {
    color: #28292e!important
}

.ks-social-share-blog ul li :hover {
    opacity: .7
}

.single-post .clipboard:hover {
    opacity: .7
}

.blog-detail-content p span strong a:hover {
    color: #28292e!important
}

.latest-post-sec .post-name-link a:hover {
    color: #113c63!important
}

.footer-social li:hover {
    background: #9e9e9e96
}

.contact-main .ks-cards .ks-card-box a:hover {
    color: #113c63!important
}

.ks-aboutus-page a.meet-team-link:hover svg.in-link {
    background-color: #165dadcc;
    border-radius: 50%
}

.invester-main .meet-item a.meet-team-link:hover {
    background-color: #165dadcc
}

a .new-card-design .mt-4.text-left span {
    display: inline-block
}

a .new-card-design .mt-4.text-left span:hover {
    transform: scale(1.1)
}

.roleup-magicpage section.limitations-section {
    position: relative;
    z-index: 999
}

.blog-cta-cat {
    background: url(/wp-content/uploads/2024/08/wave-graphic.webp);
    background-repeat: no-repeat;
    background-position: 101% -54%;
    background-color: #EAF9FF;
    border: 1px solid #B4DBFF;
    background-blend-mode: color-burn
}

.blog-cta-form form p span.wpcf7-form-control-wrap input {
    background: transparent
}

.blog-cta-cat.rounded-2 .wpcf7 form .wpcf7-response-output {
    margin: 0
}

.form-unit.inputcall span.wpcf7-not-valid-tip,.form-unit.position-relative.mb-3.inputcall p.sub-error-message {
    display: none;
    font-size: 14px
}

.products_menu ul.list-unstyled.menu-grand-child.py-2.Oddomenu {
    bottom: -87px;
    max-width: 287px;
    min-width: 295px;
    left: 200px!important
}

.products_menu .mega-menu {
    min-width: 14rem;
    max-width: 12rem
}

.products_menu ul.list-unstyled.menu-grand-child.py-2 {
    right: 0;
    left: 200px!important;
    bottom: -17px
}

.products_menu ul.list-unstyled.menu-grand-child.py-2.bigdatamenu {
    bottom: -15px
}

.products_menu ul.Oddomenu a:hover path {
    stroke: #e2194b
}

.products_menu .aimenu ul.list-unstyled.menu-grand-child.py-2 {
    bottom: 30px
}

span.flashing-text {
    display: inline-block
}

section#Blogs .row .nifi-blog-card img,.page-template-templete_salesforce_services section#Blogs .row .nifi-blog-card img,.new-card-design img {
    height: auto
}

.odoo-experience-main .ks-card-img img,.page-template-template_lifeatksolves .h-100 img.img-fluid,.page-template-template_lifeatksolves .ks-iframe-outer img.life-ks-grp-img2 {
    height: auto!important
}

.tools-outer [alt="Apache Airflow"],.tools-outer [alt="Apache Cassandra"],.tools-outer [alt="Apache Hadoop"],.tools-outer [alt="Apache Kafka"],.tools-outer [alt="Apache Nifi"],.tools-outer [alt="Apache Spark"] {
    width: auto!important
}

.blog-cta-btn input.wpcf7-form-control.wpcf7-submit:hover {
    color: #fff
}

a.gradient-border-content {
    padding: 2px;
    display: block
}

.gradient-border-content {
    border-radius: 12px;
    background: linear-gradient(180deg,#e13d8257 0%,#b1f4f885 100%);
    transition: transform 0.5s ease,background-color 0.5s ease
}

.gradient-border-content:hover {
    transform: scale(1.05);
    background-color: #f5f5f5;
    box-shadow: 0 10px 20px rgba(0,0,0,.15)
}

.salesforce-services-main .ks-product-exp-border:hover {
    border-color: transparent
}

.salesforce-services-main .ks-product-exp-card {
    min-height: 126px;
    padding-bottom: 0;
    padding-top: 0
}

.salesforce-services-main .ks-product-exp-card {
    border: 0!important
}

.odoolinks a,.odoolinks .hover-113c63:hover {
    transition: transform 0.5s ease,background-color 0.5s ease
}

.odoolinks a:hover {
    transform: scale(1.04);
    box-shadow: 1px 7px 8px rgb(0 0 0 / 5%)
}

.odoolinks a:hover .hover-113c63 {
    color: #113c63
}

.big-data-tools a.explore-more-text-link {
    transition: transform 0.5s ease-in-out
}

.products_menu ul.list-unstyled.menu-grand-child.py-2.Oddomenu {
    bottom: -87px;
    max-width: 287px;
    min-width: 295px;
    left: 190px!important
}

.products_menu .mega-menu {
    min-width: 14rem;
    max-width: 12rem
}

.products_menu ul.list-unstyled.menu-grand-child.py-2 {
    right: 0;
    left: 191px!important;
    bottom: -8px
}

.products_menu ul.list-unstyled.menu-grand-child.py-2.bigdatamenu {
    bottom: -15px
}

.products_menu ul.Oddomenu a:hover path {
    stroke: #e2194b
}

.products_menu .aimenu ul.list-unstyled.menu-grand-child.py-2 {
    bottom: 30px
}

@media screen and (max-width: 1366px) {
    .products_menu ul.list-unstyled.menu-grand-child.py-2 {
        right:0;
        max-width: 272px;
        min-width: 252px
    }

    span.conect_menu {
        display: block
    }
}

@media screen and (max-width: 1070px) {
    .products_menu ul.list-unstyled.menu-grand-child.Oddomenu a.text-dark span.space-nowrap {
        white-space:normal;
        max-width: 10rem;
        min-width: 10rem;
        width: max-content;
        overflow-wrap: break-word;
        word-wrap: break-word
    }

    .products_menu ul.list-unstyled.menu-grand-child.Oddomenu .w-m-content1 a span.space-nowrap {
        white-space: normal;
        max-width: 10rem;
        min-width: 5rem;
        width: max-content
    }

    .products_menu ul.list-unstyled.menu-grand-child.py-2.Oddomenu {
        bottom: -130px;
        max-width: 280px;
        min-width: 240px
    }

    .products_menu ul.list-unstyled.menu-grand-child.py-2 {
        right: 0;
        left: 191px!important;
        bottom: -20px
    }
}

@media screen and (max-width: 992px) {
    .products_menu ul.list-unstyled.menu-grand-child.py-2,.products_menu ul.list-unstyled.menu-grand-child.py-2.Oddomenu {
        right:0;
        left: 0!important;
        bottom: -48px;
        max-width: max-content;
        min-width: max-content
    }

    .products_menu ul.list-unstyled.menu-grand-child.Oddomenu a.text-dark span.space-nowrap {
        white-space: normal;
        max-width: 100%;
        min-width: fit-content;
        width: max-content;
        overflow-wrap: break-word;
        word-wrap: break-word
    }

    .products_menu .mega-menu {
        min-width: auto;
        max-width: 100%;
        width: 20rem
    }

    li.py-1.col-12.px-1.mb-1.w-m-content1.text-center {
        margin-bottom: 20px!important
    }

    .products_menu .menu-grand-child {
        box-shadow: none;
        margin-top: 0
    }

    span.conect_menu {
        display: contents
    }
}

@media screen and (max-width: 375px) {
    .products_menu .mega-menu {
        min-width:auto;
        max-width: 100%;
        width: 20rem
    }

    .products_menu ul.list-unstyled.menu-grand-child.Oddomenu a.text-dark span.space-nowrap {
        white-space: normal;
        max-width: 13rem;
        min-width: 13rem;
        width: 100%;
        overflow-wrap: break-word!important;
        word-wrap: break-word
    }
}

.flashing-text {
    padding: 10px 0 5px 0
}

@media screen and (max-width: 767px) {
    .global-ai-mgmt .row.justify-content-center {
        justify-content:left!important
    }
}

@media only screen and (max-width: 615px) {
    a.join-now-button {
        margin-bottom:0!important
    }

    .announcement-bar {
        padding: 3px 6px!important
    }
}

.service-technology-title {
    font-size: 40px;
    font-weight: 600;
    color: rgba(40,41,46,var(--bs-text-opacity))!important;
    margin: 1.5rem .25rem 3rem
}

.exploring-text {
    line-height: normal
}

.line-height-normal {
    line-height: normal
}

.ks-aboutus-page .ks-discuss {
    padding: 60px 0
}

.ks-aboutus-page .contact-info-item span {
    padding-left: 10px
}

.ks-aboutus-page .contact-info-item span:first-of-type {
    padding-left: 0
}

.ks-aboutus-page .contact-info-item:first-child {
    font-weight: 400
}

.ks-aboutus-page .contact-info-item svg {
    margin-top: 3px
}

.ks-aboutus-page .cv-card {
    overflow: hidden
}

.ks-aboutus-page .cv-card:not(:hover) .cv-card-data {
    bottom: -160px
}

.ks-aboutus-page .highlight-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.ks-aboutus-page .highlight-list li {
    width: calc(20% - 13px);
    border-radius: 10px;
    padding: 16px;
    font-size: 18px;
    color: #333;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative
}

.ks-aboutus-page .highlight-list li span {
    font-size: 19px
}

.ks-aboutus-page .highlight-list li img {
    object-fit: contain;
    height: 50px;
    width: fit-content
}

.ks-aboutus-page .highlight-list li:before {
    content: "'";
    position: absolute;
    width: 30px;
    background: #ffa3a8;
    height: 30px;
    bottom: -10px;
    right: -10px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #ffa3a8;
    opacity: .15
}

.ks-aboutus-page .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: #444C;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.ks-aboutus-page .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px
}

.prestashop-development .ks-java-banner-section {
    background-image: url(/wp-content/uploads/2024/02/java-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.prestashop-development .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%;
    cursor: default
}

.prestashop-development .java-service-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center
}

.prestashop-development .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    cursor: default
}

.prestashop-development .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    cursor: default
}

.industryreach-section .tool-box-outer {
    max-Width: 243px;
    width: 100%;
    min-Height: 136px;
    height: auto;
    cursor: default
}

.industryreach-section .tool-box-outer:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,.05);
    border: 1px solid #34353a4a
}

.max-width-number {
    max-width: 974px;
    width: 100%;
    margin: 0 auto
}

.max-width-269 {
    max-width: 269px;
    width: 100%
}

.max-width-390 {
    max-width: 390px;
    width: 100%
}

.max-width-315 {
    max-width: 315px;
    width: 100%
}

.max-width-218 {
    max-width: 218px;
    width: 100%
}

.max-width-240 {
    max-width: 240px;
    width: 100%
}

.max-width-201 {
    max-width: 201px;
    width: 100%
}

.max-width-314 {
    max-width: 314px;
    width: 100%
}

.max-width-458 {
    max-width: 458px;
    width: 100%
}

.max-width-516 {
    max-width: 516px;
    width: 100%
}

.max-width-741 {
    max-width: 741px;
    width: 100%;
    margin: 0 auto
}

.bg-color-34353A {
    background-color: #34353A
}

.bg-color-F6F5F5 {
    background-color: #F6F5F5
}

.bg-color-F8F8F8 {
    background-color: #F8F8F8
}

.col-gray {
    background-color: #E7E7E7
}

.min-height-162 {
    min-height: 162px;
    height: auto
}

.innovation-partner .container {
    max-width: 1014px;
    width: 100%;
    margin: 0 auto;
    padding: 72px 40px;
    border-radius: 16px;
    background-color: #F3F3F3
}

.mb-32 {
    margin-bottom: 32px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-40 {
    margin-top: 40px
}

.mt-33 {
    margin-top: 33px
}

.mt-32 {
    margin-top: 32px
}

.mt-19 {
    margin-top: 19px
}

.mt-20 {
    margin-top: 20px
}

.mt-6 {
    margin-top: 60px
}

.mb-26 {
    margin-bottom: 26px
}

.mb-27 {
    margin-bottom: 27px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-12 {
    margin-bottom: 12px
}

.mr-33 {
    margin-right: 33px
}

.mr-13 {
    margin-right: 13px
}

.ml-37 {
    margin-left: 37px
}

.ml-33 {
    margin-left: 33px
}

.ml-13 {
    margin-left: 13px
}

.bg-color-CB202D {
    background-color: #CB202D
}

.nifi-blog-card {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    min-height: 363px;
    height: auto
}

.nifi-blog-card img {
    height: auto!important
}

.nifi-blog-content {
    padding: 0 16px 16px
}

.l-h-28 {
    line-height: 28px
}

.l-h-24 {
    line-height: 24px
}

.l-h-25 {
    line-height: 25px
}

.l-h-40 {
    line-height: 40px
}

.container.trending-blog {
    max-width: 1142px;
    width: 100%;
    margin: 0 auto
}

.text-red {
    color: #113c63
}

.text-red:hover {
    color: #113c63!important
}

.border-red {
    border: 1px solid #113c63
}

.color-3F3F41E {
    color: #3F3F41
}

.color-4E4E50 {
    color: #4E4E50
}

.nifi-apache-card {
    max-width: 387px;
    width: 100%;
    min-height: 96px;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    gap: 24px;
    border: 1px solid #E8E7E7
}

.max-width-48 {
    max-width: 387px;
    width: 100%
}

.bg-color-FCEDEF {
    background-color: #FCEDEF
}

.apache-developement-service-tab .explore-more-text-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    max-width: fit-content;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    justify-content: center
}

.Apache-NiFi-main .explore-more-text-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    max-width: 178px;
    width: 100%;
    min-height: 48px;
    padding: 8px 16px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left
}

.apache-developement-service-tab .nav-pills .nav-link {
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    background-color: transparent!important;
    border: none!important;
    text-align: left;
    outline: none
}

.apache-developement-service-tab .nav-pills .nav-link.active {
    background-color: #FCEDEF!important;
    color: #CB202D;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    border: none!important
}

.clients-case-study .owl-carousel.service-case-study .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.case-study-box-outer img.trusted-choice-img {
    width: 125px;
    height: 71px;
    object-fit: contain
}

.apache-developement-service-tab #v-pills-tab {
    max-width: 346px;
    width: 100%;
    min-height: 480px;
    height: auto;
    padding: 24px 32px 24px 24px;
    border-radius: 16px;
    border: 1px solid #F3F3F3;
    background-color: #FFF
}

.apache-developement-service-tab #v-pills-tab .nav-link {
    border: none;
    max-width: 290px;
    width: 100%
}

section.apache-developement-service-tab .fade:not(.show) {
    opacity: 0;
    display: none
}

.clients-case-study.owl-carousel.service-case-study .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.service-case-study.owl-carousel .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.service-case-study .owl-carousel .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-prev {
    position: absolute;
    left: -70px
}

.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next {
    position: absolute;
    right: -70px
}

.apache-developement-service-tab .bd-tech-card {
    max-width: 549px;
    min-height: 408px;
    height: auto;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.apache-developement-service-tab .container {
    max-width: 951px;
    width: 100%;
    margin: 0 auto
}

.logo-section-animation {
    animation: toolsBannerSlide 8s linear alternate infinite;
    display: flex
}

@keyframes toolsBannerSlide {
    0% {
        transform: translateX(227px)
    }

    100% {
        transform: translateX(-227px)
    }
}

.logo-section-animation:hover {
    animation-play-state: paused
}

.logo-name {
    min-height: 58px
}

.ks-anim-parent:after,.ks-anim-parent:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    z-index: 1
}

.ks-anim-parent:before {
    left: 0;
    background: linear-gradient(90deg,#ffffff 30%,transparent 120%)
}

.ks-anim-parent:after {
    right: 0;
    background: linear-gradient(270deg,#ffffff 30%,transparent 120%)
}

.nav-link-apache-nifi {
    width: 100%;
    display: block;
    color: #28292E;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    padding: 0 0 16px
}

.apache-content .bd-tech-card {
    padding: 77px 50px
}

.slide-brand-img {
    height: 71px
}

.mt-56 {
    margin-top: 56px
}

.main-nifi {
    width: 70%;
    max-width: 70%
}

.order-lg-1 {
    order: 1!important
}

.order-lg-2 {
    order: 2!important
}

.order-lg-3 {
    order: 3!important
}

.order-lg-4 {
    order: 4!important
}

.order-lg-5 {
    order: 5!important
}

.order-lg-6 {
    order: 6!important
}

.order-lg-7 {
    order: 7!important
}

.order-lg-8 {
    order: 8!important
}

.order-lg-9 {
    order: 9!important
}

img.client-case {
    width: 100%;
    min-height: 217px;
    height: auto;
    object-fit: cover
}

.flow-today-btn {
    display: block
}

.flow-today-btn-mobile {
    display: none
}

.trusted-mobile {
    display: none
}

.service-faq-sec-mobile {
    display: none
}

.apache-developement-service-tab {
    display: block
}

.bg-FAF9F9 {
    background-color: #FAF9F9
}

.Apache-NiFi-main .tabs-container {
    display: none
}

.tab-tags {
    border-radius: 16px;
    padding: 11px 0;
    white-space: nowrap
}

.tabs-container {
    overflow-x: auto
}

.mobile-btns-case-study {
    display: none
}

img.maintenance-img {
    width: 59px;
    height: 50.57px
}

.mobile-bg picture img.card-img-top.cust-card-img-top {
    height: 100%
}

.salesforce-summit-parnter .ks-product-exp-card {
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    padding: 43px 28px;
    background-color: #fff;
    height: 100%
}

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

.salesforce-summit-parnter .cust-col-lg-3 {
    flex: 0 0 auto;
    width: 20%!important
}

.salesforce-summit-parnter .bg-toward-success {
    background-image: url(/wp-content/uploads/2024/03/Group-3627.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    border-radius: 16px;
    min-height: 415px;
    height: auto
}

.salesforce-summit-parnter .industryreach-section .tool-box-outer {
    max-Width: 190px;
    width: 100%;
    min-Height: 136px;
    height: auto;
    border: 1px solid #fff
}

.salesforce-summit-parnter .industryreach-section .tool-box-outer:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,.05);
    border: 1px solid #34353a4a
}

.bg-color-032C60 {
    background-color: #032C60
}

.font-italic {
    font-style: italic
}

.salesforce-summit-parnter .ks-marketing-banner {
    min-height: 630px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.salesforce-summit-parnter .ks-marketing-banner .container-fuild {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto
}

img.img-fluid.summit-banner {
    background-repeat: no-repeat;
    object-fit: cover;
    position: absolute;
    min-height: 630px;
    top: -469px;
    background-position: center right;
    right: 0%;
    transform: translate(40%,50%)
}

.hand-parnter {
    position: absolute;
    left: -101px;
    background-repeat: no-repeat;
    object-fit: contain;
    position: absolute;
    width: fit-content;
    top: 0;
    background-position: center left
}

.hand-parnter img {
    width: 430px;
    height: 287px;
    border-radius: 8px
}

.salesforce-summit-parnter .ks-marketing-banner .banner-header {
    font-size: 56px;
    font-weight: 600;
    line-height: 68px;
    text-align: left
}

.salesforce-summit-parnter .ks-marketing-banner .banner-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left
}

.ks-qoute-content {
    font-size: 24px;
    font-style: italic;
    line-height: 43px;
    text-align: center
}

.salesforce-summit-parnter img.ks-qoute-upper {
    width: 63px;
    height: 58px;
    vertical-align: inherit;
    margin-right: 20px
}

.salesforce-summit-parnter img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px;
    width: 63px;
    height: 58px;
    position: absolute;
    bottom: 26px;
    top: auto;
    right: 155px
}

#summit-faq-section {
    display: none
}

.base-div-main {
    max-width: 385px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #E8E7E7;
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 53px
}

.bg-color-F6FBFF {
    background-color: #F6FBFF
}

.pt-80 {
    padding-top: 80px
}

.pb-77 {
    padding-bottom: 77px
}

.base-div-main .base-div:last-child {
    width: 95px;
    height: 33px;
    border-radius: 4px;
    background-color: #032C60;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-summit-parnter .service-faq-sec details[open] .card-header {
    background-color: #fff!important;
    color: #34353A!important
}

.ks-trusted .header {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px
}

.ceo-img {
    position: absolute;
    left: -95px;
    min-width: 330px;
    width: 330px
}

.ks-trusted_main {
    background-color: #F6FBFF;
    margin-top: 47px;
    padding: 30px;
    border-radius: 8px
}

.ks-trusted .ks-services .service-images {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 8px;
    padding: 22px;
    justify-content: space-between
}

.ks-trusted_main .Salesforce {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 8px;
    padding: 16px 14px
}

.ks-trusted_main .left {
    background-color: #FFF;
    border-radius: 8px;
    padding: 0 22px 0 19px;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
    margin-right: 22px
}

.ks-trusted_main .right {
    background-color: #FFF;
    border-radius: 8px;
    padding: 20px 28px;
    display: flex;
    row-gap: 20px;
    flex-direction: column
}

.ks-trusted_main .custom-gap {
    column-gap: 20px
}

.ks-trusted_main .ks-padding {
    padding: 30px 29px 34px 0!important
}

.pt-56 {
    padding-top: 56px
}

.pt-57 {
    padding-top: 57px
}

img.img-fluid.summit-bannermobile {
    display: none
}

.Consulting-Partner .success::after {
    content: url(/wp-content/uploads/2024/03/qlan.svg);
    position: absolute;
    right: -80px;
    top: 8px
}

.transform-partners {
    max-width: 1019px;
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid #E3E4E6;
    position: relative;
    padding: 32px 34px 32px 24px;
    min-height: 351px;
    margin-right: 32px
}

.hand-parnter-img .hand-img {
    position: absolute;
    left: -190px;
    min-width: 430px;
    width: 430px
}

.hand-parnter-content-area {
    color: #3F3F41;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px
}

.hand-parnter-content-area span {
    font-weight: 600
}

.salesforce-summit-parnter .ks-product-exp-card .link-arrow-btn {
    position: absolute;
    right: 10px;
    bottom: 6px;
    display: none
}

.salesforce-summit-parnter .ks-product-exp-card:hover .link-arrow-btn {
    display: block
}

.Achieved-div {
    max-width: 354px;
    background-color: #F9D486;
    padding: 8px;
    border-radius: 8px;
    width: 100%
}

.Achieved-div p {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
    text-align: left
}

#awards-ten .award-box img {
    height: auto
}

#awards-ten .one,#awards-ten .two,#awards-ten .three,#awards-ten .four,#awards-ten .five,#awards-ten .six,#awards-ten .seven,#awards-ten .eight,#awards-ten .nine,#awards-ten .ten {
    position: absolute;
    border: 1px solid transparent;
    border-color: rgb(255,217,217);
    border-radius: 8px!important;
    margin-top: 2rem
}

#awards-ten .one {
    animation: one 50s forwards infinite
}

#awards-ten .one {
    animation: one 50s forwards infinite;
    border: 1px solid #E3D9FF
}

@keyframes one {
    0% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

#awards-ten .two {
    animation: two 50s forwards infinite;
    border: 1px solid #FFD9D9
}

@keyframes two {
    0% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }
}

#awards-ten .three {
    animation: three 50s forwards infinite;
    border: 1px solid #E7C0FF
}

@keyframes three {
    0% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    10% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    60% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }
}

#awards-ten .four {
    animation: four 50s forwards infinite;
    border: 1px solid #C0F0FF
}

@keyframes four {
    0% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    50% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    100% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }
}

#awards-ten .five {
    animation: five 50s forwards infinite;
    border: 1px solid #E7E7E7
}

@keyframes five {
    0% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    40% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    90% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }
}

#awards-ten .six {
    animation: six 50s forwards infinite;
    border: 1px solid #E7E7E7
}

@keyframes six {
    0% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    20% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    30% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    70% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    80% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

#awards-ten .seven {
    animation: seven 50s forwards infinite;
    border: 1px solid #C0F0FF
}

@keyframes seven {
    0% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    10% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    20% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    40% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    60% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    70% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    90% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }
}

#awards-ten .eight {
    animation: eight 50s forwards infinite;
    border: 1px solid #FFD9D9
}

@keyframes eight {
    0% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    10% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    30% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    50% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    60% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    80% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    100% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }
}

#awards-ten .nine {
    animation: nine 50s forwards infinite;
    border: 1px solid #FFD9D9
}

@keyframes nine {
    0% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    20% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    30% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    40% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    50% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    70% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    80% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    90% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    100% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }
}

#awards-ten .ten {
    animation: ten 50s forwards infinite;
    border: 1px solid #FFD9D9
}

@keyframes ten {
    0% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }

    10% {
        left: 701px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    20% {
        left: 398px;
        top: 185px;
        width: 275px;
        height: 192px
    }

    30% {
        left: 175px;
        top: 185px;
        width: 196px;
        height: 164px
    }

    40% {
        left: 0;
        top: 185px;
        width: 145px;
        height: 145px
    }

    50% {
        left: 0;
        top: 20px;
        width: 145px;
        height: 145px
    }

    60% {
        left: 175px;
        top: 0;
        width: 196px;
        height: 164px
    }

    70% {
        left: 398px;
        top: -30px;
        width: 275px;
        height: 192px
    }

    80% {
        left: 701px;
        top: 0;
        width: 196px;
        height: 164px
    }

    90% {
        left: 924px;
        top: 20px;
        width: 145px;
        height: 145px
    }

    100% {
        left: 924px;
        top: 185px;
        width: 145px;
        height: 145px
    }
}

.service-summitpage {
    display: flex;
    gap: 20px
}

@media screen and (max-width: 1500px) {
    .transform-partners {
        min-height:auto;
        margin-right: 73px
    }

    .hand-parnter-img .hand-img {
        position: absolute;
        left: -93px;
        min-width: 330px;
        width: 330px;
        top: 50%;
        transform: translate(0,-50%)
    }
}

@media screen and (max-width: 1300px) {
    .transform-partners {
        max-width:800px;
        margin-right: 128px
    }

    .hand-parnter-img .hand-img {
        left: -68px;
        min-width: auto;
        width: 261px
    }

    .salesforce-summit-parnter .ks-marketing-banner .banner-header {
        font-size: 40px;
        line-height: 56px
    }

    .salesforce-summit-parnter .ks-marketing-banner .banner-para {
        font-size: 14px;
        font-weight: 400
    }
}

@media (max-width: 1200px) {
    @keyframes toolsBannerSlide {
        0% {
            transform:translateX(-400px)
        }

        100% {
            transform: translateX(400px)
        }
    }

    .transform-partners {
        margin-right: 46px
    }

    .ks-trusted_main .right {
        padding: 12px 16px
    }

    .salesforce-summit-parnter .ks-marketing-banner .banner-header {
        font-size: 40px;
        line-height: 56px
    }

    .ks-trusted_main .ceo-img {
        min-width: 275px;
        width: 275px;
        left: -72px
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        vertical-align: text-top;
        margin-top: 3px;
        width: 63px;
        height: 58px;
        position: absolute;
        bottom: 15px;
        top: auto;
        right: 50px
    }

    img.img-fluid.summit-banner {
        transform: translate(50%,50%)
    }
}

@media (max-width: 992px) {
    .summit-logo-page {
        text-align:center
    }

    .salesforce-summit-parnter .cust-col-lg-3 {
        flex: 0 0 auto;
        width: 25%!important
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        width: 45px;
        height: 45px;
        bottom: 20%;
        top: auto;
        right: 19%
    }

    section.ks-trusted {
        margin-top: 40px
    }

    .salesforce-summit-parnter .ks-marketing-banner .banner-header {
        font-size: 40px;
        line-height: 56px
    }

    .journey-toward {
        padding: 20px 20px 0
    }

    .transform-partners {
        padding: 32px 34px
    }

    .hand-parnter-img .hand-img {
        left: auto;
        min-width: 80%;
        width: 80%;
        position: relative;
        top: auto;
        margin-top: -100px;
        transform: none;
        margin-bottom: 30px
    }

    .tab-view-spacing {
        margin-bottom: 100px!important
    }

    .Achieved-div {
        margin: 0 auto
    }

    .flow-today-btn {
        display: none!important
    }

    @keyframes toolsBannerSlide {
        0% {
            transform: translateX(-450px)
        }

        100% {
            transform: translateX(450px)
        }
    }

    .service-faq-sec-mobile .card-header .btn-accordian:after,.service-faq-sec-mobile details .btn-accordian:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 22px;
        width: 20px;
        height: 20px;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .service-faq-sec-mobile .ks-faq .card .card-header {
        background-color: #FAF9F9;
        outline: none;
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 8px
    }

    .service-faq-sec-mobile details.card {
        border-bottom: 0!important
    }

    .service-faq-sec-mobile details[open] .card-header {
        background-color: #FCEDEF!important;
        color: #CB202D!important
    }

    .service-faq-sec-mobile .container {
        border: 1px solid #F3F3F3;
        padding: 32px 16px;
        border-radius: 16px;
        background-color: #fff
    }

    .microservices-main .ks-salesforce-tab {
        position: sticky;
        top: 138px!important;
        z-index: 10
    }

    .new-nifi-apache-developement .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 {
        background-color: #34353a;
        color: #fff
    }

    .new-nifi-apache-developement .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 div#happy_client {
        color: #fff
    }

    .new-nifi-apache-developement .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 p {
        color: #fff
    }

    .service-faq-sec-mobile .salesforce-cloud-faq-sec-mobile details[open] .card-header {
        background-color: #F0F7FE!important;
        color: #032D60!important
    }
}

@media (max-width: 991px) {
    img.img-fluid.summit-banner {
        display:none!important
    }

    img.img-fluid.summit-bannermobile {
        position: absolute;
        display: block;
        bottom: -20px;
        right: -40px
    }

    .salesforce-summit-parnter .ks-marketing-banner {
        min-height: auto
    }

    .Consulting-Partner .success-one::before {
        position: absolute;
        top: -35px;
        left: 0;
        width: 35px;
        height: 35px
    }

    .salesforce-summit-parnter img.ks-qoute-upper {
        margin-right: 0;
        width: 35px;
        height: 35px
    }

    .ks-trusted_main .ceo-img {
        min-width: 100%;
        width: 100%;
        position: relative;
        left: auto;
        margin-top: -327px;
        margin-bottom: 24px
    }

    .ks-trusted_main .ks-padding {
        padding-left: 29px!important
    }

    .ks-trusted .header {
        margin-bottom: 327px
    }

    .ks-trusted .ks-services .service-images {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 28px;
        justify-items: center
    }

    .ks-trusted_main .Salesforce {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        gap: 10px
    }

    .ks-trusted_main .left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        justify-items: center
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        width: 45px;
        height: 45px;
        bottom: 35px;
        top: auto;
        right: -30px
    }
}

@media (max-width: 768px) {
    .pb-77 {
        padding-bottom:35px
    }

    .pt-80 {
        padding-top: 30px
    }

    .Achieved-div {
        margin: 0 auto
    }

    .Achieved-div p {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 500;
        text-align: center
    }

    .salesforce-summit-parnter .ks-marketing-banner .text-content {
        padding: 0 20px
    }

    .ks-qoute-content {
        font-size: 18px;
        line-height: 30px;
        width: 80%
    }

    .ks-trusted_main .Salesforce p {
        font-size: 12px;
        font-weight: 600
    }

    .ks-trusted_main .ks-services {
        display: flex;
        flex-wrap: wrap
    }

    .ks-trusted .ks-services .service-images {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        justify-items: center;
        width: 50%
    }

    .ks-trusted_main .Salesforce {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        width: 50%
    }

    .ks-trusted_main .left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        justify-items: center
    }

    .ks-trusted_main {
        padding: 30px 10px
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        width: 35px;
        height: 35px;
        bottom: 40px;
        top: auto;
        right: 65px
    }

    .ks-trusted_main .ceo-img {
        margin-top: -254px;
        padding-left: 20px
    }

    .ks-trusted .header {
        margin-bottom: 254px;
        line-height: 40px
    }

    .service-technology-title {
        font-size: 32px;
        margin: 1.5rem .25rem 0rem
    }

    #benefits-apachenifi {
        overflow-x: hidden
    }

    @keyframes toolsBannerSlide {
        0% {
            transform: translateX(-550px)
        }

        100% {
            transform: translateX(550px)
        }
    }

    .flow-today-btn {
        display: none!important
    }

    .flow-today-btn-mobile {
        display: block!important
    }

    .ks-anim-parent:after,.ks-anim-parent:before {
        width: 50px
    }

    .partner-number-bg .ks-growth-num.order-lg-7 {
        background-color: #34353a;
        color: #fff
    }

    .partner-number-bg .ks-growth-num.order-lg-7 .font-40.f-w-700.l-h-24.mb-30.color-28292E {
        color: #fff
    }

    .partner-number-bg .ks-growth-num.order-lg-7 p.font-16.f-w-500.color-3F3F41.mb-0 {
        color: #fff
    }

    .service-case-study-mobile .item {
        box-shadow: 0 4px 4px 0 #0000000F;
        margin-bottom: 15px
    }

    .blog-div-details {
        font-size: 16px;
        line-height: 20px
    }

    img.client-case {
        width: 100%;
        min-height: 217px;
        height: auto
    }

    .mt-md-32 {
        margin-top: 32px
    }

    section.partner-number-bg p.font-16 {
        font-size: 16px
    }

    .l-h-md-42 {
        line-height: 42px
    }

    .l-h-md-40 {
        line-height: 40px
    }

    .new-nifi-apache-developement section.service-faq-sec .font-16 {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .salesforce-summit-parnter .ks-marketing-banner .banner-header {
        font-size:32px;
        font-weight: 600;
        line-height: normal;
        text-align: left
    }

    .transform-partners {
        padding: 32px 16px
    }

    .hand-parnter-img .hand-img {
        min-width: 100%;
        width: 100%
    }

    #summit-faq-section {
        display: block
    }

    #summit-about-section {
        display: none
    }

    .salesforce-summit-parnter .cust-col-lg-3 {
        flex: 0 0 auto;
        width: 50%!important
    }

    .salesforce-summit-parnter .industryreach-section .tool-box-outer {
        max-Width: 150px
    }

    .partner-number-bg .ks-growth-num.order-lg-2.order-7 {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        text-align: center
    }

    .innovation-partner .container {
        width: 93%
    }

    .logo-section .tag-icon img {
        min-height: auto;
        width: fit-content!important
    }

    .service-faq-sec-mobile {
        display: block;
        padding: 32px 16px
    }

    .service-faq-sec-mobile .container {
        border: 1px solid #F3F3F3;
        padding: 32px 16px;
        border-radius: 16px;
        background-color: #fff
    }

    .apache-developement-service-tab {
        display: none
    }

    .trusted-choice-bg {
        display: none
    }

    .trusted-mobile {
        display: block
    }

    section.Apache-NiFi-main {
        background-color: #fff
    }

    .Apache-NiFi-main .tabs-container {
        display: block
    }

    .Apache-NiFi-main .nav-apache-nifi {
        display: none
    }

    .mobile-btns-case-study {
        display: block;
        width: 100%
    }

    .Apache-NiFi-main .explore-more-text-link {
        max-width: 100%
    }

    .main-nifi {
        width: 100%;
        max-width: 100%
    }

    .service-faq-sec-mobile .ks-faq .card .card-header {
        background-color: #FAF9F9;
        outline: none;
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 8px
    }

    .service-faq-sec-mobile details.card {
        border-bottom: 0!important
    }

    .service-faq-sec-mobile.card-header .btn-accordian:after,.service-faq-sec-mobile .btn-accordian:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 22px;
        width: 20px;
        height: 20px;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .service-faq-sec-mobile details[open] .card-header {
        background-color: #FCEDEF!important;
        color: #CB202D!important
    }

    .trusted-mobile .tool-box-outer {
        width: 47%;
        height: 70.38px;
        border-radius: 5px
    }

    .service-faq-sec-mobile .card-body {
        color: #3f3f41;
        padding-right: 50px;
        padding-left: 20px;
        padding-bottom: 16px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: left
    }

    .trusted-mobile .tool-box-outer img {
        object-fit: contain;
        width: 100%;
        height: 100%
    }

    .client-case-card-details {
        padding: 0 16px 15px
    }

    .d-flex.justify-content-center.flex-column.align-items-center.bg-white.rounded-3.p-2.tool-box-outer {
        max-width: 200px
    }

    .nifi-blog-card {
        max-width: inherit;
        min-height: auto
    }

    .font-md-24 {
        font-size: 24px!important
    }

    .btn-width-full {
        width: 100%!important;
        text-align: center;
        display: flex!important;
        align-items: center;
        justify-content: center
    }

    .apache-content .bd-tech-card {
        padding: 0 0
    }

    section.number-bg {
        overflow-x: hidden
    }

    section#award-section {
        overflow-x: hidden
    }

    section.case-study-bg.overflow-hidden.position-relative {
        overflow-x: hidden
    }

    .homepage_ks {
        overflow-x: hidden
    }
}

@media screen and (max-width: 575px) {
    .salesforce-summit-parnter img.ks-qoute-upper {
        margin-right:0;
        width: 30px;
        height: 30px
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        width: 30px;
        height: 30px;
        bottom: 40px;
        top: auto;
        right: 10px
    }

    .ks-trusted_main .right {
        padding: 7px 10px
    }

    .ks-trusted_main .ks-trusted_main {
        border-radius: 0
    }

    @keyframes toolsBannerSlide {
        0% {
            transform: translateX(-650px)
        }

        100% {
            transform: translateX(650px)
        }
    }

    .ks-anim-parent:after,.ks-anim-parent:before {
        width: 20px
    }

    .d-flex.justify-content-center.flex-column.align-items-center.bg-white.rounded-3.p-2.tool-box-outer {
        max-width: 157px
    }

    .f-w-600.mb-4.font-40.color-28292E {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 17px!important
    }

    .f-w-400.font-16.color-3F3F41.max-width-741 {
        text-align: start
    }

    .mt-4.overflow-hidden.position-relative.px-sm-3.tools-row {
        margin-top: 31px!important
    }

    .col-lg-5.col-md-5.max-width-48 {
        max-width: 100%;
        width: 100%
    }

    .nifi-apache-card {
        max-width: 100%;
        justify-content: start!important;
        padding: 16px 24px;
        gap: 16px
    }

    .nifi-apache-card p {
        margin-bottom: 0
    }
}

@media screen and (max-width: 530px) {
    .salesforce-summit-parnter img.ks-qoute-upper {
        margin-right:0;
        width: 30px;
        height: 30px
    }

    .salesforce-summit-parnter img.ks-qoute-lower {
        width: 30px;
        height: 30px;
        bottom: 40px;
        top: auto;
        right: 10px
    }

    .d-flex.justify-content-center.flex-column.align-items-center.bg-white.rounded-3.p-2.tool-box-outer {
        max-width: 157px
    }
}

@media screen and (max-width: 365px) {
    .d-flex.justify-content-center.flex-column.align-items-center.bg-white.rounded-3.p-2.tool-box-outer {
        max-width:100%
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) {
    .nav-link-apache-nifi {
        font-weight:500;
        line-height: 26px
    }

    .apache-content .bd-tech-card {
        padding: 30px 30px
    }

    .ipad-air-gap {
        gap: 20px
    }

    .nav-apache-nifi {
        width: 20%
    }

    .Apache-NiFi-main .explore-more-text-link {
        padding: 8px 10px;
        font-family: "Inter";
        font-size: 11px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next {
        position: absolute;
        right: -40px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-prev {
        position: absolute;
        left: -40px
    }

    .service-case-study.owl-carousel .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 300px
    }

    .client-case-card-details {
        padding: 0 20px
    }
}

@media only screen and (min-device-width : 800px) and (max-device-width :991px) {
    .meet-team-link {
        text-align:right;
        display: block;
        position: relative;
        right: 100px
    }

    .ks-aboutus-page .meet-team-img {
        border-radius: 8px;
        width: 220px;
        height: 260px;
        object-fit: cover
    }

    .in-link {
        width: 30px;
        height: 30px;
        margin-top: -30px
    }
}

@media (max-width: 991px) {
    .order-lg-1 {
        order:1!important
    }

    .order-lg-2 {
        order: 7!important
    }

    .order-lg-3 {
        order: 8!important
    }

    .order-lg-4 {
        order: 3!important
    }

    .order-lg-5 {
        order: 4!important
    }

    .order-lg-6 {
        order: 5!important
    }

    .order-lg-7 {
        order: 2!important
    }

    .order-lg-8 {
        order: 9!important
    }

    .order-lg-9 {
        order: 6!important
    }
}

@media(min-width: 769px) {
    .ks-aboutus-page .col-lg-3.col-md-6.ms-card-outer {
        max-width:20%;
        flex: 0 0 20%;
        padding: 10px 15px 10px
    }

    .ks-aboutus-page .ms-card-outer-2 {
        left: 30px
    }
}

@media (max-width: 768px) {
    .ks-aboutus-page .office-image {
        margin-top:24px;
        margin-bottom: 24px;
        max-height: 300px;
        object-fit: cover;
        object-position: top
    }

    .ai-ml-your-mintext {
        font-size: 28px!important
    }

    .ks-aboutus-page .highlight-list li {
        width: calc(25% - 13px)
    }

    .slider-btnpride-club {
        top: 35%
    }
}

@media (max-width: 575px) {
    .ks-aboutus-page .highlight-list li {
        width:calc(50% - 13px)
    }
}

.ks-aboutus-page .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.ks-aboutus-page .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.ks-aboutus-page .ks-carousel-btn-design .carousel-control-next,.ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.ks-aboutus-page .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.ks-aboutus-page .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.ks-aboutus-page .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.ks-aboutus-page .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.ks-aboutus-page .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.ks-aboutus-page .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.ks-aboutus-page .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.ks-aboutus-page .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.ks-aboutus-page .service-arrow-icon {
    width: 15px
}

.ks-aboutus-page .investors-card .service-arrow-icon {
    transition: .3s ease-in-out
}

.ks-aboutus-page .investors-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

.ks-aboutus-page .investors-card:hover .service-arrow-icon {
    transform: translateX(5px)
}

.ks-aboutus-page .stock-up:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: green;
    position: relative;
    top: -13px;
    margin-left: 20px;
    margin-right: 5px
}

.ks-aboutus-page .z-index-1 {
    z-index: 1
}

.ks-aboutus-page .partner-card:hover+.partner-card-hover {
    opacity: .3;
    filter: blur(50px);
    left: 40px
}

.ks-aboutus-page .ks-owl-btn .owl-nav span {
    display: none
}

.ks-aboutus-page .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.ks-aboutus-page .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.ks-aboutus-page .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.ks-aboutus-page .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.ks-aboutus-page .owl-awards .partner-card {
    cursor: auto
}

.ks-aboutus-page .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

.ks-aboutus-page .ks-contact-sec label.error {
    display: block
}

.ks-aboutus-page .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.ks-aboutus-page .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

.ks-aboutus-page .ks-contact-sec #email-error+label.d-block,.ks-contact-sec #message-error+label.d-block,.ks-contact-sec .ks-input:focus+label.d-block,.ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

.ks-aboutus-page .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

.ks-aboutus-page .ks-contact-sec #email-error[style*=" display: none"]+label.d-block {
    transform: translateY(-55px)
}

.ks-aboutus-page .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

.ks-aboutus-page .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.ks-aboutus-page .ks-contact-sec #message-error[style*=" display: none"]+label.d-block,.ks-aboutus-page .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.ks-aboutus-page .ks-video-modal .modal-body {
    background-color: #000
}

.ks-aboutus-page .ks-video-modal.modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(0,25%)
}

.ks-aboutus-page .ks-video-modal.modal.show .modal-dialog {
    transform: translate(0,0)!important
}

.ks-aboutus-page .ks-video-modal .modal-content {
    border-radius: 0;
    height: 100%
}

.ks-aboutus-page .ks-video-modal .video-card,.ks-video-modal iframe {
    height: 100%;
    border: none
}

.ks-aboutus-page .ks-video-close img {
    width: 16px;
    filter: invert(1) brightness(0)
}

@media (max-width: 768px) {
    .ks-aboutus-page .ks-service-box-title h3 {
        width:calc(100% - 165px);
        margin-left: 15px!important
    }

    .ks-aboutus-page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .ks-aboutus-page .ks-hero-bg .font-80 {
        font-size:40px
    }

    .ks-aboutus-page .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .ks-aboutus-page .ks-carousel-item-inner,.ks-hero-bg .py-75,.ks-partner-sec {
        padding: 40px 15px
    }

    .ks-aboutus-page .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .ks-aboutus-page .ks-services-bg .row {
        margin-right: 0
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.ks-aboutus-page .about-hero-bg {
    min-height: 57vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/pages/about-us/hero.jpg);
    background-position-x: center
}

.ks-aboutus-page .about-hero-bg {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/pages/about-us/discover-page-bg.webp)
}

.ks-aboutus-page .about-hero-data {
    max-width: 950px;
    padding: 40px 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06);
    border-radius: 30px;
    margin-top: -50px!important
}

.ks-aboutus-page .overview-sec {
    background-size: cover;
    background-position: center
}

.ks-aboutus-page .about-sub {
    line-height: 28px;
    letter-spacing: .02em;
    max-width: 1080px;
    color: #4b4b4b
}

.ks-aboutus-page .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.ks-aboutus-page .video-card {
    border-radius: 30px;
    overflow: hidden;
    height: 250px
}

.ks-aboutus-page .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.ks-aboutus-page .about-videos-sec {
    max-width: 890px
}

.ks-aboutus-page .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.ks-aboutus-page .cv-card,.ks-aboutus-page .cv-card .font-24,.cv-card-data {
    transition: .3s ease-in-out
}

.ks-aboutus-page .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.ks-aboutus-page .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.ks-aboutus-page .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.ks-aboutus-page .cv-card-data {
    position: relative;
    bottom: 0
}

.ks-aboutus-page .value-sec-row {
    max-width: 1000px
}

.ks-aboutus-page .cv-card-commitment {
    background-image: url(/image/commitment.jpg)
}

.ks-aboutus-page .cv-card-integrity {
    background-image: url(/image/integrety.jpg)
}

.ks-aboutus-page .cv-card-innovation {
    background-image: url(/image/innovation.jpg)
}

.ks-aboutus-page .cv-card-confidentiality {
    background-image: url(/image/confidentiality.jpg)
}

.ks-aboutus-page .cv-card-commitment {
    background-image: url(/image/commitment.jpg)
}

.ks-aboutus-page .cv-card-integrity {
    background-image: url(/image/integrety.jpg)
}

.ks-aboutus-page .cv-card-innovation {
    background-image: url(/image/innovation.jpg)
}

.ks-aboutus-page .cv-card-confidentiality {
    background-image: url(/image/confidentiality.jpg)
}

.ks-aboutus-page .milestone-sec {
    background-image: url(/image/milestone-banner-scaled.webp)
}

.ks-aboutus-page .ms-card p {
    line-height: 27.44px
}

.ks-aboutus-page .ms-card-outer::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px
}

.ks-aboutus-page .ms-card-outer::after {
    border-radius: 50%;
    background-color: #E32235;
    top: 44%;
    left: -8px
}

.ks-aboutus-page .ms-card-outer {
    border-left: 1px solid #4446
}

.ks-aboutus-page .row-start .ms-card-outer {
    border-right: 1px solid #4446;
    border-left: none;
    right: -1px
}

.ks-aboutus-page .row-start .ms-card-outer::after {
    right: -8px;
    left: auto
}

.ks-aboutus-page .ms-2015,.ks-aboutus-page .ms-2017,.ks-aboutus-page .ms-2019 {
    margin-left: -1px
}

.ks-aboutus-page .ms-2019 {
    border-right: none
}

.ks-aboutus-page .about-sec-report {
    background-color: #8490CE33;
    border-radius: 8px;
    text-decoration: none!important;
    max-width: 515px
}

.ks-aboutus-page .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.ks-aboutus-page .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.ks-aboutus-page .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.ks-aboutus-page .ks-owl-btn .owl-nav button.owl-next,.ks-aboutus-page .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.ks-aboutus-page .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.ks-aboutus-page .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.ks-aboutus-page .ks-meet-sec .nav.nav-tabs {
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.ks-aboutus-page .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.ks-aboutus-page .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.ks-aboutus-page .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.ks-aboutus-page .element.text-primary.ms-3 span {
    color: #fff!important
}

.ks-aboutus-page .bg-design-dotted {
    position: absolute;
    opacity: .2;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect opacity='0' width='12' height='12' fill='%23C4C4C4'/%3E%3Ccircle cx='6.5' cy='5.5' r='1.5' fill='%23C4C4C4'/%3E%3C/svg%3E")
}

.ks-aboutus-page .bg-design-dotted-values {
    width: 46%;
    height: 36%;
    right: 0;
    top: 200px
}

.ks-aboutus-page .bg-design-dotted-values-2 {
    width: 60%;
    height: 39%;
    bottom: 30px
}

.ks-aboutus-page .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

.ks-aboutus-page .f-w-500 {
    font-weight: 500!important
}

.ks-aboutus-page .font-24 {
    font-size: 24px
}

@media (min-width: 769px) {
    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-data {
        display:block
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .ks-aboutus-page .ks-service-box:not(.no-event):hover .ks-aboutus-page .ks-service-box-info {
        display: flex
    }

    .ks-aboutus-page .ms-card-outer-2 {
        left: 75px;
        padding-bottom: 0;
        padding-top: 25px;
        border-bottom: none;
        margin-left: -1px
    }

    .ks-aboutus-page .ms-card-outer-2:before {
        bottom: auto;
        top: -8px
    }

    .ks-aboutus-page .ms-card-outer-2:after {
        top: auto;
        bottom: -8px
    }

    .ks-aboutus-page .ms-2020 {
        border-right: none;
        border-top: 1px dashed #727272;
        margin-top: -1px;
        max-width: 225px
    }

    .ks-aboutus-page .ms-card-outer-2 .ms-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

    .ks-aboutus-page .ms-card-outer-2.ms-2020 .ms-card:after {
        content: " ";
        position: absolute;
        width: 22px;
        height: 24px;
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        right: -10px;
        top: -12px
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .ks-aboutus-page .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .ks-aboutus-page .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .ks-aboutus-page .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    .ks-aboutus-page .ms-card h3 {
        width:100%;
        text-align: left
    }

    .ks-aboutus-page .ms-2012 {
        order: 0
    }

    .ks-aboutus-page .ms-2013 {
        order: 1
    }

    .ks-aboutus-page .ms-2014 {
        order: 2
    }

    .ks-aboutus-page .ms-2015 {
        order: 3
    }

    .ks-aboutus-page .ms-2016 {
        order: 4
    }

    .ks-aboutus-page .ms-2017 {
        order: 6
    }

    .ks-aboutus-page .ms-2018 {
        order: 7
    }

    .ks-aboutus-page .ms-2019 {
        order: 8
    }

    .ks-aboutus-page .ms-2020 {
        order: 9
    }

    .ks-aboutus-page .ms-card-outer {
        padding-top: 24px
    }

    .ks-aboutus-page .ms-card {
        display: flex;
        flex-direction: column
    }

    .ks-aboutus-page .ms-card h3 {
        order: -1
    }

    .ks-aboutus-page .ms-card p {
        max-width: 100%!important
    }

    .ks-aboutus-page .ms-card-outer::before {
        display: none
    }

    .ks-aboutus-page .cv-card {
        padding: 25px;
        overflow: hidden
    }

    .ks-aboutus-page .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }

    .ks-aboutus-page .about-videos-sec .play-vid-outer.video-card:first-child,.about-videos-sec .play-vid-outer.video-card:last-child {
        margin-top: 0
    }
}

@media (max-width: 575px) {
    .ks-aboutus-page .ks-bottom-decorator::after {
        bottom:-8px
    }

    .ks-aboutus-page .ks-hero-data:after {
        display: none
    }

    .ks-aboutus-page .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ks-aboutus-page .investors-sec-dark,.overview-sec {
        padding-top: 30px
    }

    .ks-aboutus-page .investors-sec-dark {
        padding-bottom: 150px
    }

    .ks-aboutus-page .about-hero-bg {
        min-height: 36vh
    }

    .ks-aboutus-page .ks-tech-sec .carousel-indicators {
        display: none!important
    }

    .ks-aboutus-page .ms-card-outer::after {
        top: -8px;
        left: 48%!important;
        right: auto!important
    }

    .ks-aboutus-page .ms-card-outer {
        border: none!important;
        border-top: 1px solid #44444466!important;
        margin-top: 30px!important
    }
}

.ks-aboutus-page .about-txt-decorator:after {
    content: " ";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #113c63
}

.ks-aboutus-page .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .ks-aboutus-page .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.ks-aboutus-page .service-arrow-icon {
    transition: .3s ease-in-out
}

.ks-aboutus-page .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.ks-aboutus-page .index-page-popup .modal-dialog {
    max-width: 850px
}

.ks-aboutus-page .index-page-popup .modal-content {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/pages/index-page/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.ks-aboutus-page .index-page-popup .modal-body {
    padding-top: 60px
}

.ks-aboutus-page .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.ks-aboutus-page .popup-main-text {
    margin-top: 15px;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .ks-aboutus-page .index-page-popup .close {
        right:0
    }

    .ks-aboutus-page .popup-imgs img {
        object-fit: contain
    }

    .ks-aboutus-page .popup-header .font-36,.popup-main-text {
        font-size: 24px
    }
}

.ks-aboutus-page .kafka-tabs {
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    border-radius: 10px;
    height: 75px;
    justify-content: space-between;
    padding: 0 50px;
    align-items: center;
    margin-top: -35px;
    background: #fff;
    border: none
}

.ks-aboutus-page .kafka-tabs .nav-link {
    color: #343434;
    border: none!important;
    padding: 0;
    font-size: 15px
}

.ks-aboutus-page .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

.ks-aboutus-page .kafka-tabs .nav-link::after {
    content: " ";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: .3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.ks-aboutus-page .kafka-tabs .nav-link.active::after {
    transform: scaleY(1)
}

.ks-aboutus-page .kafka-content .tab-pane {
    padding: 80px
}

.ks-aboutus-page .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.ks-aboutus-page .benfits-sec .tab-box {
    background: #343434
}

.ks-aboutus-page .kafka-page-form .ks-contact-form {
    background: linear-gradient(180deg,#363636 0,rgba(56,55,55,.93) 100%),#191918;
    padding: 50px 60px
}

.ks-aboutus-page .kafka-page-form .ks-captcha-outer {
    justify-content: flex-start!important;
    margin-left: -10px
}

.ks-aboutus-page .kafka-page-form .btn-primary {
    width: 100%
}

.ks-aboutus-page .kafka-page-form .ks-input,.kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

.ks-aboutus-page .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

.ks-aboutus-page .kafka-page-form label:not(.error) {
    display: inline-block!important
}

.ks-aboutus-page .kafka-page-form label.error {
    width: 100%
}

.ks-aboutus-page .wk-box .font-14 {
    color: #000
}

.ks-aboutus-page .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.ks-aboutus-page .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.ks-aboutus-page .service-faq-sec .card-header {
    font-size: 18px;
    color: #343434
}

.ks-aboutus-page .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.ks-aboutus-page .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.ks-aboutus-page .service-faq-sec .card-header .btn-accordian:after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.ks-aboutus-page .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.ks-aboutus-page .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.ks-aboutus-page .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 768px) {
    .ks-aboutus-page .about-hero-data .text-center {
        text-align:left!important
    }

    .ks-aboutus-page .about-hero-data {
        padding: 20px
    }

    .ks-aboutus-page .about-txt-decorator:after {
        display: none
    }
}

@media (max-width: 575px) {
    .ks-aboutus-page .kafka-content .tab-pane {
        padding:20px
    }

    .ks-aboutus-page .font-36 {
        font-size: 20px
    }

    .ks-aboutus-page .benfits-sec .py-75,.bg-contact .py-100,.service-faq-sec .py-100,.solutions-sec .py-100,.wk-sec .py-100 {
        padding: 40px 20px
    }

    .ks-aboutus-page .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .ks-aboutus-page .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .ks-aboutus-page .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.ks-aboutus-page .overview-image-box .overview-image {
    width: 100%
}

.ks-aboutus-page .overview-image-box #ks-vid-play {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ks-aboutus-page .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    opacity: 0
}

.ks-aboutus-page .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ks-aboutus-page .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

.ks-aboutus-page .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.ks-aboutus-page .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ks-aboutus-page .services-description ul li {
    position: relative;
    padding-left: 20px
}

.ks-aboutus-page .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: "";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: .7s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: .8s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: .9s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.ks-aboutus-page .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.ks-aboutus-page .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.ks-aboutus-page .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.ks-aboutus-page .insights-link a:hover {
    font-weight: 700;
    color: #b4313c
}

.ks-aboutus-page .contact-us-box {
    background: rgba(251,251,251,.7);
    border-radius: 10px
}

.ks-aboutus-page .salesforce-item:first-child {
    margin-top: 0
}

.ks-aboutus-page .salesforce-item:last-child {
    margin-bottom: 0
}

.ks-aboutus-page .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

.ks-aboutus-page .salesforce-form-input:focus {
    outline: 0
}

.ks-aboutus-page .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

.ks-aboutus-page .salesforce-form-submit:focus {
    outline: 0
}

.ks-aboutus-page .services-salesforce-hero-sec .banner-subheading {
    animation-delay: .6s
}

.ks-aboutus-page .services-salesforce-hero-sec .contact-us-box {
    animation-delay: .7s
}

.ks-aboutus-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: .8s
}

.ks-aboutus-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: .9s
}

.ks-aboutus-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.ks-aboutus-page .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.ks-aboutus-page .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.ks-aboutus-page .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.ks-aboutus-page .salesforce-contact-us #email-error+label.d-block,.salesforce-contact-us .ks-input:focus+label.d-block,.salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.ks-aboutus-page .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.ks-aboutus-page .salesforce-contact-us .ks-input-box {
    height: 45px
}

.ks-aboutus-page .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.ks-aboutus-page .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.ks-aboutus-page .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.ks-aboutus-page .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.ks-aboutus-page .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.ks-aboutus-page .microservices-bg .services-salesforce-hero-bg {
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assetsimages/service-page/microservices-hero-bg.png)!important
}

.ks-aboutus-page .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.ks-aboutus-page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.ks-aboutus-page .ks-service-box-title h3 {
    margin-left: 30px
}

.ks-aboutus-page .news-home-box,.stock-investors-box {
    padding-bottom: 32px
}

.ks-aboutus-page .investors-box-more img {
    margin-left: 8px
}

.ks-aboutus-page .investors-box-more img {
    margin-left: 8px
}

.ks-aboutus-page .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

.ks-aboutus-page .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    color: #343434
}

.ks-aboutus-page .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

.ks-aboutus-page .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

.ks-aboutus-page .investors-box-text ul li {
    margin-bottom: 29px
}

.ks-aboutus-page .investors-box-icon img {
    object-fit: contain
}

.ks-aboutus-page .investors-box-more.report-btn {
    position: absolute;
    width: 100%;
    bottom: 32px;
    right: 32px
}

.ks-aboutus-page .news-home-item p {
    margin-bottom: 15px
}

.ks-aboutus-page .investors-box-more:hover {
    color: #e33e35
}

.ks-aboutus-page .investors-box-more:hover img {
    margin-left: 12px
}

.ks-aboutus-page .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

.ks-aboutus-page .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

.ks-aboutus-page .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.ks-aboutus-page .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.ks-aboutus-page .about-hero-bg {
    overflow: hidden
}

.ks-aboutus-page .ks-about-text {
    font-size: 200px;
    font-weight: 900;
    text-align: center;
    background: #fff;
    color: #000;
    mix-blend-mode: screen;
    transition: 0.6s ease-in-out;
    letter-spacing: 10px;
    min-height: 57vh;
    animation: aboutHero 1.5s ease-in-out forwards;
    transform-origin: center;
    margin-bottom: 0
}

.ks-aboutus-page .meet-team-img {
    border-radius: 8px;
    width: 220px;
    height: 220px;
    object-fit: cover;
    object-position: center top
}

.ks-aboutus-page .ratan-sir-img {
    object-position: 40%
}

.ks-aboutus-page .service-section .service-name {
    min-width: 175px;
    margin-left: auto;
    margin-right: auto
}

.ks-aboutus-page .img-fluid {
    max-width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .ks-aboutus-page .meet-team-img {
        width:100%
    }

    .ks-aboutus-page .service-section .service-name {
        min-width: auto
    }
}

@media (max-width: 1050px) {
    .ks-aboutus-page .service-section .service-name {
        min-width:110px
    }

    .ks-aboutus-page .meet-team-img {
        border-radius: 8px;
        width: 220px;
        height: 220px;
        object-fit: cover
    }
}

@media (max-width: 992px) {
    .ks-aboutus-page .meet-team-img {
        border-radius:8px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 335px
    }

    .ks-aboutus-page .meet-team-card .meet-team-link {
        text-align: right;
        display: block;
        right: 0
    }
}

@media (max-width: 767.8px) {
    .ks-aboutus-page .meet-team-img {
        height:220px;
        min-height: 220px
    }
}

@media(min-width: 769px) {
    .header-bg.header-sticky:not(.header-dark) {
        background:0 0!important
    }
}

.ks-core-nav {
    position: sticky;
    top: 90px
}

.ks-growth-ec {
    font-weight: 600;
    font-size: 20px;
    color: #CB202D;
    background: #F3F3F3;
    opacity: .9;
    border: 1px solid #E8E7E7;
    border-radius: 40px;
    padding: 5px 12px;
    position: absolute;
    right: 41%;
    top: 39%
}

.events-sec .carousel-indicators {
    margin-bottom: 0;
    margin-top: 30px
}

.events-sec .carousel-indicators li {
    height: 10px;
    background-color: #444C;
    border-radius: 50%;
    width: 10px;
    cursor: pointer
}

.events-sec .carousel-indicators li:after {
    display: none
}

.events-sec .carousel-indicators li.active {
    background-color: #113c63;
    width: 10px
}

.events-sec img {
    object-fit: cover;
    aspect-ratio: 16/9;
    height: 100%;
    border-radius: 16px
}

.ai_ml_services_page .consultation-sec .ks_sub__heading {
    color: #113c63;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 14px;
    margin-bottom: 16px!important;
    font-weight: 700
}

.ks-heading-primary,.ks-white-subtext {
    color: var(--ks-heading-primary)
}

.ks-header-secondry {
    color: var(--ks-header-secondry)
}

.ks-para-color {
    color: var(--ks-para-color)
}

.ks-para-dark,.ks-suitable-culture-section .ks-white-subtext {
    color: var(--ks-para-dark)
}

.ks-semi-para-dark {
    color: var(--ks-semi-para-dark)
}

.mb-35 {
    margin-bottom: 35px
}

.ks-page-sub-heading {
    color: var(--ks-primary);
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 28px
}

.ks-page-heading {
    line-height: 60px;
    letter-spacing: -.02em
}

.ks-page-header-para {
    font-style: normal;
    line-height: 28px
}

.mt--15 {
    margin-top: -15px
}

.ks-culture-banner,.ks-dream-perform-section,.ks-weakend-plan-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ks-bg-circle-img,.ks-event-together-bg-img {
    background-size: contain;
    background-repeat: no-repeat
}

.ks-culture-banner {
    background-color: #201a23;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/pages/culture/banner-1.webp);
    padding-top: 5px;
    padding-bottom: 147px;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover
}

@media screen and (max-width: 768px) {
    .ks-culture-banner {
        padding-bottom:90px
    }

    .ks-dream-perform-section .even-1 {
        order: 2
    }

    .ks-dream-perform-section .even-2 {
        order: 1
    }
}

.ks-dream-perform-section {
    height: 951px
}

.ks-weakend-plan-bg {
    height: 1094px
}

.ks-bg-circle-img {
    height: 731px;
    background-position: top
}

.ks-event-together-bg-img {
    background-position: bottom;
    padding-bottom: 85px
}

.ks-header-text-para {
    max-width: 790px;
    margin: auto
}

.ks-dream-perform-section iframe,.ks-weakend-plan-bg iframe {
    border-radius: 24px
}

.ks-every-monent {
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    padding: 50px 0 100px
}

.ks-every-monent .shape1-img {
    width: 190px;
    height: 125px;
    left: 10px;
    bottom: 0;
    position: absolute
}

.ks-every-monent .shape2-img {
    width: 212px;
    height: 173px;
    right: 40px;
    top: 0;
    position: absolute
}

.ks-every-monent .ks-italic {
    margin-top: -32px;
    font-style: italic;
    margin-bottom: 55px
}

@media screen and (max-width: 991px) {
    .ks-every-monent .ks-italic {
        margin-bottom:30px
    }
}

.red-label-box .font-14 {
    background-color: var(--ks-btn-red);
    border-radius: 4px;
    z-index: 2;
    height: 33px
}

.red-label-box .red-sm {
    width: 120px
}

.red-label-box .red-lg {
    width: 247px
}

.img-containter .ks-img {
    margin-top: -11px
}

.ks-suitable-culture-section {
    padding: 70px 0
}

.ks-suitable-culture-section .ks-border-img {
    border-radius: 8px
}

.ks-suitable-culture-section .shape1-img {
    background-size: cover;
    width: 212px;
    height: 148px
}

@media screen and (max-width: 991px) {
    .ks-suitable-culture-section .shape1-img {
        width:162px;
        height: 112px
    }
}

@media screen and (max-width: 575px) {
    .ks-suitable-culture-section .shape1-img {
        display:none
    }
}

.ks-suitable-culture-section .shape2-img {
    background-size: cover;
    width: 458px;
    height: 320px;
    margin-top: -210px;
    margin-left: -104px
}

@media screen and (max-width: 1200px) {
    .ks-suitable-culture-section .shape2-img {
        margin-top:-215px;
        margin-left: -28px
    }
}

@media screen and (max-width: 575px) {
    .ks-every-monent {
        padding-top:12px;
        padding-bottom: 20px
    }

    .ks-suitable-culture-section {
        padding: 30px 0
    }

    .ks-suitable-culture-section .shape2-img {
        margin-top: -265px
    }
}

.ks-suitable-culture-section .ks-light-text {
    line-height: 28px;
    padding-right: 202px;
    color: var(--ks-lighter-black)
}

.ks-suitable-culture-section .ks-pr {
    padding-right: 180px
}

@media screen and (max-width: 1300px) {
    .ks-suitable-culture-section .ks-light-text {
        padding-right:90px
    }

    .ks-suitable-culture-section .ks-pr {
        padding-right: 120px
    }
}

@media screen and (max-width: 1200px) {
    .ks-suitable-culture-section .ks-light-text,.ks-suitable-culture-section .ks-pr {
        padding-right:0
    }
}

.ks-suitable-culture-section .ks-dark-text {
    line-height: 28px;
    color: var(--ks-header-secondry)
}

.ks-suitable-culture-section .ks-join-btn {
    width: 197px;
    height: 54px;
    background-color: var(--ks-btn-red);
    line-height: 22px;
    border-radius: 4px
}

.ks-valuable-sources .ks-odoo-box,.ks-valuable-sources .ks-salesforce-box {
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    background-repeat: no-repeat
}

.ks-suitable-culture-section .ks-join-btn:hover {
    background-color: var(--ks-btn-hover-red)
}

.ks-valuable-sources {
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover
}

.ks-valuable-sources .ks-salesforce-text {
    line-height: 33px
}

.ks-valuable-sources .ks-salesforce-btn {
    line-height: 19px;
    text-transform: uppercase;
    color: var(--ks-heading-primary);
    transition: .3s ease-in-out
}

.ks-valuable-sources .ks-salesforce-btn:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg width=' 12' height=' 9' viewBox=' 0 0 12 9' fill=' none' xmlns=' http: //www.w3.org/2000/svg'%3E%3Cpath d=' M1 4.5H11' stroke=' %23F3F3F3' strokeLinecap=' round' strokeLinejoin=' round'/%3E%3Cpath d=' M7 0.5L11 4.5L7 8.5' stroke=' %23F3F3F3' strokeLinecap=' round' strokeLinejoin=' round'/%3E%3C/svg%3E%0A");
    background-position: right;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 5px
}

.ks-salesforce-btn:hover {
    transform: translateX(8px)
}

.ks-salesforce-btn:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width=' 12' height=' 9' viewBox=' 0 0 16 10' fill=' none' xmlns=' http: //www.w3.org/2000/svg'%3E%3Cpath d=' M1 5L15 5' stroke=' %23DE2B3A' strokeWidth=' 1.5' strokeLinecap=' round' strokeLinejoin=' round'/%3E%3Cpath d=' M11 1L15 5L11 9' stroke=' %23DE2B3A' strokeWidth=' 1.5' strokeLinecap=' round' strokeLinejoin=' round'/%3E%3C/svg%3E%0A")
}

.ks-valuable-sources .ks-odoo-text {
    color: #e4a900;
    line-height: 33px
}

@media screen and (min-width: 992px) {
    .ks-valuable-sources {
        padding-top:30px;
        padding-bottom: 90px
    }

    .col-lg-3.ks-box-size {
        flex: 0 0 28%;
        max-width: 28%
    }

    .col-lg-auto {
        padding: 0
    }

    .mr-lg-35 {
        margin-right: 35px!important
    }

    .mr-lg-25 {
        margin-right: 25px!important
    }
}

@media (min-width: 1200px) {
    .ks-custom-container {
        max-width:calc(100vw - 75px)
    }

    .ks-valuable-sources .ks-box-size {
        flex: 0 0 32%;
        max-width: 31.31%
    }
}

@media(max-width: 1300px) {
    .ks-culture-parent {
        background-color:#fff
    }

    .max-width-fit {
        max-width: fit-content
    }

    .ks-bg-circle-img {
        margin-top: 2rem;
        margin-left: 8px;
        margin-right: 8px;
        width: auto;
        height: auto
    }

    .ks-responsive-banner-img-h,.ks-weakend-plan-bg {
        height: auto
    }

    .ks-cult-img-group-ipad {
        margin-bottom: 35px
    }

    .mr-ipad {
        margin-right: 30px!important
    }
}

@media(max-width: 992px) {
    .ks-culture-img-child {
        max-width:48%;
        margin: auto
    }

    .ks-culture-img-child-2 {
        max-width: 31.33%;
        margin: auto
    }

    .ks-responsive-br br {
        display: none
    }

    .ks-dream-perform-section iframe {
        width: 100%
    }

    .sales-img {
        min-height: 110px
    }
}

@media(max-width: 767px) {
    .ks-heading {
        font-size:26px
    }

    .ks-aboutus-page .font-32,.ks-aboutus-page .font-48 {
        font-size: 26px;
        line-height: 35px
    }

    .ks-sub-heading {
        font-size: 14px
    }

    .ks-dream-perform-section,.ks-responsive-img-height {
        height: auto
    }

    .ks-culture-parent,.ks-event-img-gallery-responsive {
        margin-left: 8px;
        margin-right: 8px
    }

    .col-lg-auto {
        padding: 0
    }

    .ks-cult-img-group {
        margin-bottom: 10px
    }

    .mr-ipad {
        margin-right: 10px!important
    }

    .ks-event-img-gallery-responsive {
        width: auto
    }

    .ks-weakend-plan-bg iframe {
        width: 100%;
        height: 247px;
        border-radius: 8px
    }

    .ks-img-gallery-group-res img {
        border-radius: 8px
    }

    .ks-dream-perform-section iframe {
        height: auto;
        border-radius: 8px
    }

    .w-100-responsive {
        width: 100%
    }

    .mr-sm-0 {
        margin-right: 0!important
    }
}

.ks-kathlon {
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    padding: 50px 0 100px
}

@media screen and (max-width: 575px) {
    .ks-kathlon {
        padding:10px 0 30px
    }
}

@media screen and (max-width: 768px) {
    .ks-kathlon {
        padding:17px 0 45px
    }
}

.ks-kathlon .kathlon-shape1 {
    position: absolute;
    bottom: -55px;
    left: -118px;
    width: 230px;
    height: 151px
}

@media screen and (max-width: 991px) {
    .ks-kathlon .kathlon-shape1 {
        left:-27px
    }
}

.ks-kathlon .kathlon-shape2 {
    position: absolute;
    top: -89px;
    right: -124px;
    width: 252px;
    height: 206px
}

@media screen and (max-width: 1250px) {
    .ks-kathlon .kathlon-shape2 {
        top:-79px;
        right: -104px
    }
}

@media screen and (max-width: 991px) {
    .ks-kathlon .kathlon-shape2 {
        top:-49px;
        right: -30px
    }
}

.ks-cup {
    padding: 50px 0 100px
}

@media screen and (max-width: 575px) {
    .ks-cup {
        padding:10px 0 30px
    }
}

@media screen and (max-width: 768px) {
    .ks-cup {
        padding:17px 0 45px
    }
}

.ks-cup .ks-page-heading {
    color: var(--ks-para-dark)
}

.ks-cup .sub-text {
    color: var(--ks-lighter-black)
}

.video-border {
    border-radius: 8px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .ks-cup .video-border {
        width:100%;
        height: auto
    }
}

.ks-cup .cup-shape1 {
    background-repeat: no-repeat;
    position: absolute;
    top: -89px;
    left: -133px;
    width: 337px;
    height: 312px
}

.ks-cup .cup-shape2 {
    background-repeat: no-repeat;
    position: absolute;
    top: -43px;
    right: 6px;
    width: 270px;
    height: 312px
}

@media screen and (max-width: 991px) {
    .ks-cup .cup-shape2 {
        right:-43px;
        width: 287px
    }
}

@media screen and (max-width: 800px) {
    .ks-cup .cup-shape2 {
        right:-27px;
        width: 282px
    }
}

.ks-cup .cup-shape3 {
    background-repeat: no-repeat;
    position: absolute;
    bottom: -48px;
    left: 8px;
    width: 220px;
    height: 159px
}

.ks-fun {
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    padding: 50px 0 100px
}

@media screen and (max-width: 575px) {
    .ks-fun {
        padding:10px 0 30px
    }
}

@media screen and (max-width: 768px) {
    .ks-fun {
        padding:17px 0 45px
    }
}

.ks-fun .ks-italic {
    line-height: 28px;
    font-style: italic;
    margin-top: -50px;
    margin-bottom: 48px
}

.ks-fun .fun-shape1 {
    background-repeat: no-repeat;
    position: absolute;
    bottom: -48px;
    left: -57px;
    width: 112px;
    height: 112px
}

.ks-fun .fun-shape2 {
    background-repeat: no-repeat;
    position: absolute;
    top: -34px;
    right: -34px;
    width: 74px;
    height: 74px
}

.ks-cup {
    background: linear-gradient(180deg,rgba(48,106,255,.2) 0%,rgba(48,193,255,0) 100%)
}

.ks-weekend.ks-kathlon {
    background: #fff
}

.ks-culture-banner {
    padding-bottom: 0
}

.ks-culture-banner .ks-responsive-img-height.ks-responsive-banner-img-h {
    margin-bottom: -215px
}

.ks-iframe-outer {
    border-radius: 10px;
    overflow: hidden
}

.bg-light-fun {
    background-image: url("data:image/svg+xml,%3Csvg width=' 1920' height=' 751' viewBox=' 0 0 1920 751' fill=' none' xmlns=' http: //www.w3.org/2000/svg'%3E%3Crect width=' 1920' height=' 751' fill=' %23ECEEEF'/%3E%3Cellipse opacity=' 0.4' cx=' 1823.5' cy=' 473' rx=' 232.5' ry=' 234' fill=' white'/%3E%3Cellipse opacity=' 0.2' cx=' 264.5' cy=' 415' rx=' 275.5' ry=' 276' fill=' white'/%3E%3Ccircle opacity=' 0.4' cx=' 1619.5' cy=' 325.5' r=' 108.5' fill=' %23EC838C'/%3E%3Ccircle opacity=' 0.2' cx=' 567.5' cy=' 314.5' r=' 35.5' fill=' %23EC838C'/%3E%3C/svg%3E%0A");
    background-color: #eceeef;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.genesis-vid-sec {
    background-size: cover
}

.our-vision .ks-vision-subtitle {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #262626
}

.our-vision .ks-vision-para {
    line-height: 28px;
    color: #4E4E50
}

@media screen and (max-width: 991px) {
    .ks-culture-banner .ks-responsive-img-height.ks-responsive-banner-img-h {
        margin-bottom:-170px
    }
}

@media screen and (max-width: 768px) {
    .ks-culture-banner .ks-responsive-img-height.ks-responsive-banner-img-h {
        margin-bottom:-120px
    }
}

@media screen and (max-width: 575px) {
    .ks-culture-banner .ks-responsive-img-height.ks-responsive-banner-img-h {
        margin-bottom:-60px
    }
}

.our-code .title-text {
    line-height: 28px;
    color: #4E4E50
}

.img-text {
    line-height: 28px;
    color: #626264
}

.our-partnership {
    background: linear-gradient(110.38deg,#221920 4.04%,#1C202C 39.67%,#15202F 98.01%)
}

.our-partnership .ks-text {
    line-height: 28px;
    color: #E8E7E7
}

.our-core .ks-ilatic-text {
    font-style: italic;
    line-height: 28px;
    color: #34353A
}

.our-core .ks-head {
    line-height: 60px;
    letter-spacing: -.02em;
    color: #28292E
}

.our-core .ks-subhead {
    line-height: 28px;
    color: #3F3F41
}

.our-core .ks-tab-section .ks-tab-content-area {
    width: 100%;
    height: 100%;
    padding: 40px;
    border-radius: 16px
}

.ks-growth {
    background-color: #E6F3FF
}

.ks-hard-word {
    background-color: #FFF9E1
}

.ks-team-work {
    background-color: #FFF2E6
}

.ks-sustainability {
    background-color: #FFFBE6
}

.ks-Belonging {
    background-color: #FFF9E6
}

.ks-growth .logo-box {
    background-color: #FFF;
    border-radius: 16px;
    width: 100%;
    height: 154px
}

.ks-tab-section .ks-head-text {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #34353A
}

.ks-tab-section .ks-para-text {
    line-height: 21px;
    color: #4E4E50;
    margin-bottom: 40px
}

.nav-pills .nav-link {
    border-left: 2px solid #fff;
    background-color: white!important;
    border-radius: 0!important;
    padding: 0 16px!important;
    color: #4E4E50!important;
    line-height: 28px
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #CB202D!important;
    border-left: 2px solid #CB202D
}

@media screen and (min-width: 991px) {
    .col-lg-4.ks-spacing {
        flex:0 0 37.5%;
        max-width: 37.5%
    }

    .ks-note-box .pink-box {
        padding: 40px 120px
    }
}

.ks-note-box .pink-box {
    background-color: #FCEDEF;
    border-radius: 8px;
    padding: 40px
}

.sign-1 {
    position: absolute;
    width: 86px;
    height: 66px;
    left: 105px;
    top: 15px
}

.sign-2 {
    position: absolute;
    width: 86px;
    height: 66px;
    right: 105px;
    bottom: 15px
}

@media screen and (max-width: 575px) {
    .sign-1 {
        position:absolute;
        width: 46px;
        height: 36px;
        left: 25px;
        top: 15px
    }

    .f {
        position: absolute;
        width: 46px;
        height: 36px;
        right: 45px;
        bottom: 15px
    }
}

.emp-section {
    background-color: #111
}

.emp-big-circle-img {
    background-position: center;
    background-position-y: 205px;
    background-repeat: no-repeat;
    background-blend-mode: color;
    background-size: contain
}

.ks-dark-bg {
    background-color: #1E1C1C;
    border-radius: 16px
}

.ks-adark-bg h6 {
    line-height: 28px
}

.ks-dark-bg p {
    line-height: 21px;
    color: #B0B0B0
}

.ks-dark-bg .video-border {
    border-radius: 8px
}

.ks-col-smokewhite {
    color: #E8E7E7
}

.ks-fun-text h5 {
    line-height: 24px;
    letter-spacing: -.02em
}

.ks-fun-text h6 {
    line-height: 24px
}

.ks-fun-text p {
    line-height: 26px
}

.ks-fun-text span {
    line-height: 28px;
    font-style: italic
}

.ks-dream-perform-section {
    background-image: none;
    height: 100%
}

.ks-dream-perform-section .ks-page-heading {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #F3F3F3
}

.ks-dream-perform-section .f-w-400.ks-page-header-para {
    line-height: 28px;
    color: #B0B0B0
}

.ks-dream-perform-section .f-w-600.ks-page-header-para {
    line-height: 28px;
    color: #FCEDEF
}

.ks-dream-perform-section .ks-logo1 {
    position: absolute;
    top: 0;
    left: 40px
}

.ks-dream-perform-section .ks-logo2 {
    position: absolute;
    bottom: 0;
    right: 40px
}

.ks-genesis-video {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

.ks-suitable-culture-section .ks-black-subtext {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #28292E!important
}

.ks-note-position {
    margin-top: -140px
}

.ks-culture-banner-section {
    background-image: url(/image/lifeat-ks-banner-scaled.webp);
    height: 550px;
    max-height: calc(100vh - 120px)
}

.ks-banner-heading-style {
    background: #FFFFFF03;
    padding: 12px 24px;
    border-radius: 16px;
    backdrop-filter: blur(4px);
    margin-top: -5rem
}

@media screen and (max-width: 1200px) {
    .ks-culture-banner-section {
        height:425px
    }
}

@media screen and (max-width: 1100px) {
    .ks-culture-banner-section {
        height:425px
    }
}

@media screen and (max-width: 768px) {
    .ks-culture-banner-section {
        height:260px
    }

    .ks-banner-heading-style {
        font-size: 32px!important
    }

    .at-ksolves-text {
        font-size: 22px;
        width: 85%;
        margin: 0 auto
    }
}

@media screen and (max-width: 575px) {
    .ks-dream-perform-section .ks-logo1,.ks-logo2 {
        display:none
    }

    .ks-note-box .pink-box,.our-core .ks-tab-section .ks-tab-content-area {
        padding: 20px
    }

    .shadow-d-1 {
        box-shadow: -9px -16px 0 0 #df353b
    }

    .shadow-d-2 {
        box-shadow: -20px 14px 0 0 #df353b
    }

    .ks-note-position {
        margin-top: -80px
    }

    .at-ksolves-text {
        font-size: 22px
    }

    .ks-culture-banner-section {
        height: 165px;
        background-size: cover
    }

    .ks-banner-heading-style {
        font-size: 22px!important;
        line-height: normal;
        margin-top: -15px
    }
}

.ks-suitable-culture-section .ks-connect-box-bottom {
    background: linear-gradient(110.38deg,#221920 4.04%,#1C202C 39.67%,#15202F 98.01%);
    border-radius: 16px
}

.ks-suitable-culture-section .ks-connect-box-bottom p {
    line-height: 28px;
    color: #F3F3F3
}

.ks-suitable-culture-section .ks-connect-box-bottom a {
    text-decoration: none;
    line-height: 22px!important;
    width: 197px!important;
    height: 54px!important;
    background-color: #113c63!important;
    border-radius: 4px!important;
    color: #ffffff!important
}

.hw-img img {
    object-fit: cover;
    border-radius: 8px
}

.ks-dark-bg-img {
    background-color: #1E1C1C;
    border-radius: 16px
}

.ks-area-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px
}

.shadow-d-1 {
    box-shadow: -26px -26px 0 0 #df353b;
    border-radius: 8px
}

.shadow-d-2 {
    box-shadow: -56px 33px 0 0 #df353b;
    border-radius: 8px
}

.z-index-1 {
    z-index: 1
}

@keyframes KsAnimate {
    100% {
        transform: translate(0) scale(1) rotate(0) skew(0);
        opacity: 1
    }
}

.rotate-x-30 {
    transform: rotateX(30deg)
}

.rotate-x-n-30 {
    transform: rotateX(-30deg)
}

.rotate-y-30 {
    transform: rotateY(30deg)
}

.rotate-y-n-30 {
    transform: rotateY(-30deg)
}

.delay-9 {
    animation-delay: .9s
}

.delay-12 {
    animation-delay: 1.2s
}

.delay-15 {
    animation-delay: 1.5s
}

.delay-18 {
    animation-delay: 1.8s
}

.delay-21 {
    animation-delay: 2.1s
}

.carousel-inner {
    position: relative;
    width: 100%;
    transition: left 0.6s ease-in-out;
    left: 0;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    float: left;
    height: 100%;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item-next,.carousel-item-prev {
    display: block
}

.carousel-item.active {
    display: block
}

.carousel-item img {
    display: block;
    max-width: 100%;
    height: auto
}

.carousel-prev,.carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    outline: none;
    font-size: 2rem;
    color: #fff
}

.carousel-prev {
    left: 0
}

.carousel-next {
    right: 0
}

.carousel {
    position: relative
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.5);
    cursor: pointer;
    list-style: none;
    overflow: hidden
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3);
    cursor: pointer;
    overflow: hidden
}

.carousel-control-prev:hover,.carousel-control-next:hover {
    background-color: rgba(0,0,0,.5)
}

.carousel-control-prev {
    left: 20px
}

.carousel-control-next {
    right: 20px
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    width: 15px;
    height: 15px;
    background-color: #fff;
    clip-path: polygon(100% 50%,0 0,0 100%)
}

.carousel-control-prev-icon {
    transform: rotate(180deg)
}

.events-sec {
    background-image: url(/image/aboutus-bg-scaled.webp);
    background-size: cover;
    background-position: left
}

.in-link {
    width: 30px;
    height: 30px;
    margin-top: -20px
}

.meet-team-link {
    text-align: right;
    display: block
}

.ks_lifeatksolve_page .events-sec {
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='615' viewBox='0 0 1920 615' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1920' height='615' fill='url(%23paint0_linear_3395_7784)'/%3E%3Cpath d='M0 567.489C22 540.074 91.8 492.557 195 521.798C238.333 542.359 343.8 566.347 419 497.811C454.333 468.112 517.5 452.692 642 521.798C694 553.782 827.5 560.064 943 476.109C1012 432.322 1175.6 372.62 1278 484.104C1309.67 517.991 1402 568.631 1518 500.096C1565 463.544 1686.8 415.341 1798 514.945C1819.33 537.791 1874.4 579.369 1924 562.92' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 514.723C22 487.309 91.8 439.791 195 469.033C238.333 489.593 343.8 513.581 419 445.046C454.333 415.347 517.5 399.927 642 469.033C694 501.016 827.5 507.299 943 423.343C1012 379.556 1175.6 319.855 1278 431.339C1309.67 465.226 1402 515.866 1518 447.33C1565 410.778 1686.8 362.575 1798 462.18C1819.33 485.025 1874.4 526.603 1924 510.154' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 461.957C22 434.543 91.8 387.025 195 416.267C238.333 436.828 343.8 460.815 419 392.28C454.333 362.581 517.5 347.161 642 416.267C694 448.25 827.5 454.533 943 370.577C1012 326.791 1175.6 267.089 1278 378.573C1309.67 412.46 1402 463.1 1518 394.565C1565 358.012 1686.8 309.809 1798 409.414C1819.33 432.259 1874.4 473.837 1924 457.389' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 409.191C22 381.777 91.8 334.259 195 363.501C238.333 384.062 343.8 408.049 419 339.514C454.333 309.815 517.5 294.395 642 363.501C694 395.484 827.5 401.767 943 317.811C1012 274.025 1175.6 214.323 1278 325.807C1309.67 359.694 1402 410.334 1518 341.799C1565 305.247 1686.8 257.044 1798 356.648C1819.33 379.493 1874.4 421.071 1924 404.623' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 356.426C22 329.012 91.8 281.494 195 310.735C238.333 331.296 343.8 355.284 419 286.748C454.333 257.049 517.5 241.629 642 310.735C694 342.719 827.5 349.001 943 265.046C1012 221.259 1175.6 161.557 1278 273.041C1309.67 306.928 1402 357.568 1518 289.033C1565 252.481 1686.8 204.278 1798 303.882C1819.33 326.728 1874.4 368.306 1924 351.857' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 303.66C22 276.246 91.8 228.728 195 257.97C238.333 278.53 343.8 302.518 419 233.983C454.333 204.284 517.5 188.864 642 257.97C694 289.953 827.5 296.236 943 212.28C1012 168.493 1175.6 108.792 1278 220.276C1309.67 254.163 1402 304.803 1518 236.267C1565 199.715 1686.8 151.512 1798 251.117C1819.33 273.962 1874.4 315.54 1924 299.091' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 250.894C22 223.48 91.8 175.962 195 205.204C238.333 225.765 343.8 249.752 419 181.217C454.333 151.518 517.5 136.098 642 205.204C694 237.187 827.5 243.47 943 159.514C1012 115.728 1175.6 56.0258 1278 167.51C1309.67 201.397 1402 252.037 1518 183.502C1565 146.949 1686.8 98.7463 1798 198.351C1819.33 221.196 1874.4 262.774 1924 246.326' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cpath d='M0 198.128C22 170.714 91.8 123.196 195 152.438C238.333 172.999 343.8 196.986 419 128.451C454.333 98.7523 517.5 83.3323 642 152.438C694 184.422 827.5 190.704 943 106.748C1012 62.962 1175.6 3.2601 1278 114.744C1309.67 148.631 1402 199.271 1518 130.736C1565 94.1837 1686.8 45.9805 1798 145.585C1819.33 168.43 1874.4 210.008 1924 193.56' stroke='%23113c63' stroke-opacity='0.12'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3395_7784' x1='-71.1111' y1='-30.2459' x2='1074.48' y2='1298.76' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0790641' stop-color='%23221920'/%3E%3Cstop offset='0.428307' stop-color='%231C202C'/%3E%3Cstop offset='1' stop-color='%2315202F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: left
}

.ks-culture-banner-section,.ks-dream-perform-section,.ks-weakend-plan-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ks_lifeatksolve_page .sign-1 {
    position: absolute;
    width: 44px;
    height: 41px;
    left: -10px;
    top: -8px
}

.ks_lifeatksolve_page .sign-2 {
    position: absolute;
    width: 44px;
    height: 41px;
    right: 105px;
    bottom: 0
}

.br-8 {
    border-radius: 8px
}

.video-card {
    border-radius: 30px;
    overflow: hidden
}

.video-card iframe {
    width: 100%
}

.card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.emp-eng-img img {
    height: 300px;
    object-fit: cover;
    border-radius: 8px
}

.life-at-ks-inner {
    box-shadow: 0 6px 17px 0 #73737312
}

.life-at-ks-sec {
    margin-top: -50px
}

.ks-our-work .row {
    margin: 0 -12px
}

.ks-our-work .row .col-lg-3 {
    padding: 0 12px
}

.ks-our-work .row .col-lg-3 .ks-box-set {
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    padding: 24px
}

.ks-our-work .row .col-lg-3 .ks-box-set .number-box {
    border-radius: 4px;
    background-color: #e63a4b;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: .8px;
    height: 64px;
    width: 64px;
    margin-bottom: 32px
}

.ks-our-work .row .col-lg-3 .ks-box-set h6 {
    color: #1c1c1c;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
    letter-spacing: .36px;
    margin-bottom: 12px
}

.ks-our-work .row .col-lg-3 .ks-box-set p {
    color: #1c1c1c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .16px
}

.ks-our-work .row .col-lg-3 .border-btm {
    border-bottom: 4px solid #e63a4b
}

.ks-our-work .row .col-lg-3 .border-btm::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: #e63a4b;
    bottom: 0;
    right: 0
}

.ks-our-work .row .col-lg-3 .border-btm::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: #e63a4b;
    bottom: 0;
    left: 0
}

.ks-our-work .row .col-lg-3 .border-up {
    border-top: 4px solid #e63a4b
}

.ks-our-work .row .col-lg-3 .border-up::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: #e63a4b;
    top: 0;
    right: 0
}

.ks-our-work .row .col-lg-3 .border-up::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: #e63a4b;
    top: 0;
    left: 0
}

.video-card iframe {
    border-radius: 8px
}

.about-videos-sec .play-vid-outer.video-card:first-child,.about-videos-sec .play-vid-outer.video-card:last-child {
    margin-top: 150px!important
}

.border-bottom-red>.container:after,.border-bottom-red-devider:after {
    content: "";
    border-image-source: linear-gradient(90deg,rgba(230,58,75,0) 2.6%,#E63A4B 49.94%,rgba(230,58,75,.01) 100%);
    background: linear-gradient(90deg,rgba(230,58,75,0) 2.6%,#E63A4B 49.94%,rgba(230,58,75,.01) 100%);
    display: block;
    width: 100%;
    height: 3px
}

.text-italic {
    font-style: italic
}

.bg-464646 {
    background-color: #464646
}

.bg-pink {
    background-color: #F2E5EF
}

.wpcf7-spinner::before {
    display: none
}

img.life-ks-grp-img2 {
    max-width: 970px;
    width: 100%;
    margin: 0 auto
}

@media(max-width: 1050px) {
    .video-border {
        width:100%
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 42px;
        height: 40px;
        right: 130px;
        bottom: 0
    }
}

@media only screen and (max-width: 922px) {
    .ks_lifeatksolve_page .sign-1 {
        position:absolute;
        width: 44px;
        height: 41px;
        left: 0;
        top: -20px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 44px;
        height: 41px;
        right: 180px;
        bottom: 0
    }
}

@media (max-width: 991px) {
    .ks-aboutus-page .solution-bg video {
        object-fit:contain
    }

    .ks-form-outer .footer-submit .wpcf7-spinner {
        height: fit-content
    }
}

@media(max-width: 768px) {
    .about-videos-sec .play-vid-outer.video-card:first-child,.about-videos-sec .play-vid-outer.video-card:last-child {
        margin-top:0px!important
    }

    .life-at-ks-sec {
        margin-top: -20px
    }

    .ks_lifeatksolve_page .font-40 {
        font-size: 34px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 25px;
        height: 25px;
        right: 50px;
        bottom: 5px
    }

    .ks_lifeatksolve_page .sign-1 {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 50px;
        top: -20px
    }
}

@media screen and (max-width: 575px) {
    .ks_lifeatksolve_page .font-40 {
        font-size:34px
    }

    .ks_lifeatksolve_page .sign-1 {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 20px;
        top: -15px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 25px;
        height: 25px;
        right: 35px;
        bottom: 10px
    }

    .ks_lifeatksolve_page .l-h-sm-normal {
        line-height: normal
    }
}

@media screen and (max-width: 489px) {
    .ks_lifeatksolve_page .sign-1 {
        position:absolute;
        width: 25px;
        height: 25px;
        left: 0;
        top: -15px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 25px;
        height: 25px;
        right: 125px;
        bottom: 10px
    }
}

@media screen and (max-width: 428px) {
    .ks_lifeatksolve_page .sign-1 {
        position:absolute;
        width: 25px;
        height: 25px;
        left: 20px;
        top: -15px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 25px;
        height: 25px;
        right: 35px;
        bottom: 10px
    }
}

.ai-ml-services {
    background-image: url(/image/ai-services-bg.webp);
    background-position: center;
    background-position-y: -2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #121922
}

.ai-ml-services .ks_sub__heading-light {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ec838c
}

.ai-ml-services .ks__heading1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #f3f3f3
}

.ai-ml-services .ks-sub-para {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #f3f3f3
}

.ai-ml-services .content-box {
    border-radius: 8px;
    min-height: 100%;
    background: linear-gradient(78.91deg,rgba(29,40,54,.8) 21.35%,rgba(32,41,61,.8) 105.88%);
    opacity: .9;
    backdrop-filter: blur(80px);
    cursor: default
}

.ai-ml-services .ai-content-para {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #f3f3f3
}

.ai-ml-services .col-sm-6 {
    position: relative
}

.ai-ml-services .col-sm-6::before {
    content: "";
    position: absolute;
    width: calc(100% - 17px);
    height: calc(100% - 2px);
    background: linear-gradient(180deg,rgba(48,193,255,.1) 0,rgba(48,193,255,0) 100%);
    border-radius: 8px;
    left: 14px;
    top: -1px
}

.ai-ml-services .col-sm-6:not(.pr-sm-1)::before {
    width: calc(100% - 28px)
}

.ai-ml-services .content-box:hover .ai-content-para {
    transform: translateX(10px)
}

.ai-ml-services .content-box:hover svg {
    transform: scale(1.2)
}

.ai-ml-services .ai-content-para,.ai-ml-services .content-box svg {
    transition: .3s ease-in-out
}

@media(max-width: 767px) {
    .ai_ml_service_scroller {
        display:block!important;
        width: 100%
    }

    .ai-ml-services .ks__heading {
        font-size: 26px
    }

    .ai-ml-services .ks_sub__heading {
        font-size: 14px
    }

    .ai-ml-services .ks-sub-header {
        line-height: 22px!important
    }
}

.ks-banner-sec {
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 650px
}

.text-content p.font-20 {
    min-height: 56px
}

#bannersCarousel .carousel-indicators {
    bottom: 20px
}

#bannersCarousel .carousel-indicators li {
    height: 5px;
    border-radius: 8px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    opacity: .5
}

#bannersCarousel .carousel-indicators .active {
    background-color: #e6606b;
    opacity: 1
}

.banner-header-text {
    font-weight: 700;
    font-size: 56px;
    line-height: 76px;
    letter-spacing: -.02em
}

.line-height-28 {
    line-height: 28px
}

.ks-btn-arrow:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L15 5' stroke='white' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M11 1L15 5L11 9' stroke='white' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 12px;
    transition: .3s ease-in-out
}

.ks-btn-arrow:hover:after {
    transform: translateX(5px)
}

.ks-primary-btn-outline:hover {
    background: #f7cace;
    color: #de2b3a
}

.ks-primary-btn-outline.ks-btn-arrow:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L15 5' stroke='%23DE2B3A' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M11 1L15 5L11 9' stroke='%23DE2B3A' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

@media (max-width: 991px) {
    .ks-banner-sec {
        background-color:rgba(0,0,0,.8);
        background-blend-mode: color;
        min-height: auto
    }

    .banner-header-text {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
}

@media (max-width: 575px) {
    .ks-banner-sec .text-content {
        width:100%;
        padding-top: 20px
    }

    .ks-banner-sec .text-content .ks-buttons a,.ks-banner-sec .text-content .ks-buttons button {
        margin-right: 0!important
    }

    .ks-banner-sec .text-content .ks-buttons a {
        margin-left: 10px!important
    }

    .banner-header-text {
        font-size: 32px;
        line-height: 1.2
    }
}

@media(min-width: 1300px) {
    .ks-banner-sec {
        max-height:610px;
        min-height: 610px
    }
}

@media(min-width: 1600px) {
    .ks-banner-sec {
        max-height:650px;
        min-height: 650px
    }
}

.ks-banner-sec .text-content {
    max-width: 720px
}

@media(min-width: 991px) {
    .header-bg.header-sticky {
        background:0 0!important
    }

    .order-lg-9 {
        order: 9!important
    }

    .order-lg-10 {
        order: 10!important
    }

    .order-lg-11 {
        order: 11!important
    }

    .order-lg-12 {
        order: 12!important
    }
}

.header-bg.header-sticky.header-dark {
    background: #19202d!important
}

.banner-header-text {
    transform: translateX(24px);
    animation: .6s ease-in-out 1.4s forwards KsAnimate
}

.banner-paragraph {
    transform: scale(1.1);
    animation: .6s ease-in-out 1.8s forwards KsAnimate
}

.ks-buttons .ks-primary-btn {
    transform: translateX(24px);
    animation: .6s ease-in-out 2.2s forwards KsAnimate
}

.ks-buttons .ks-primary-btn-outline {
    transform: translateX(-24px);
    animation: .6s ease-in-out 2.2s forwards KsAnimate
}

@keyframes KsAnimate {
    100% {
        transform: translate(0) scale(1);
        opacity: 1
    }
}

.ks-ai-bg {
    background-color: #0a0939;
    max-height: initial
}

.no-animation {
    animation: none!important;
    opacity: 1!important;
    transform: none!important
}

.banner-header-text {
    animation-delay: 0.2s
}

.banner-paragraph {
    animation-delay: 0.6s
}

.ks-btn-lg.ks-primary-btn {
    animation-delay: 0.8s
}

.ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.ks-tabs li.active {
    border-color: #F4B8BD;
    color: #fff
}

@media (max-width: 575px) {
    .ks__heading {
        line-height:1.2!important
    }

    .ks-process-section,.ai-expertise-section {
        padding: 48px 0!important
    }

    .ai-expertise-section-row .ai-expertise-list-row {
        gap: 0
    }

    .ai-expertise-list-row .col-lg-6 {
        margin-top: 30px
    }

    body .blog-section {
        background-attachment: initial;
        background-position: center
    }

    .banner-header-text,.banner-paragraph,.ks-buttons .ks-primary-btn {
        animation: none;
        opacity: 1;
        transform: none
    }
}

.ai-competitive {
    background-image: url(/image/ai-competitive.svg);
    cursor: default
}

.bd-card {
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 0 2px #ccc
}

.bd-side-img img {
    max-width: inherit;
    object-fit: cover
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)
}

.no-cont {
    width: 40px;
    height: 40px;
    min-width: 40px;
    text-align: center;
    line-height: 40px;
    background: rgba(222,43,58,.2);
    color: #de2b3a;
    font-weight: 700
}

.mt-n90 {
    margin-top: -40px
}

@media (min-width: 992px) {
    .bd-card {
        padding:60px 150px 60px 60px
    }

    .bd-card2 {
        padding: 60px 150px 60px 60px
    }

    .bd-side-img {
        margin-left: -120px;
        flex: 0 0 calc(33% + 120px);
        max-width: inherit;
        padding: 70px 0
    }

    .mt-n90 {
        margin-top: 40px
    }
}

.ai-expertise-section {
    background: url(/image/ai-expertise-bg.webp) right/cover fixed;
    padding: 75px 0
}

.ks__heading {
    line-height: 44px;
    margin-bottom: 21px
}

.ks-sub-header {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px
}

.ai-expertise-list-item {
    background: linear-gradient(180deg,rgba(29,29,47,.7) 0,rgba(29,29,47,.406) 100%);
    border-radius: 16px;
    padding: 44px 24px;
    height: 100%
}

.ai-expertise-list-row {
    gap: 30px 0
}

.ai-expertise-item-title {
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 16px;
    margin-top: 20px
}

.ai-expertise-item-text {
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #cacaca
}

.sticky-sec-side {
    top: 80px;
    height: fit-content
}

.ai-expertise-section {
    background: url(/image/ai-expertise-bg.webp);
    padding: 75px 0;
    background-size: cover;
    background-position: right;
    background-attachment: fixed
}

.ks-process-section {
    background-image: url(/image/ai-business-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px
}

.ks-our-process-area {
    background: rgba(14,18,34,.85);
    border-radius: 16px;
    padding-bottom: 10px!important;
    padding: 3rem 5rem 3rem 3.5rem
}

.ks-process-icon-box>div {
    position: relative;
    cursor: default
}

.ks-process-icon-box>div:before {
    content: "";
    position: absolute;
    width: 203px;
    height: 146px;
    background-image: linear-gradient(180deg,rgba(48,193,255,.1) 0%,rgba(48,193,255,0) 100%);
    left: -1px;
    top: -1px;
    border-radius: 16px;
    transition: 0.3s ease-in-out
}

.ks-process-icon-box>div:hover::before {
    transform: rotateX(180deg)
}

.ks-process-icon-box>div:hover svg {
    transform: scale(1.1)
}

.ks-process-icon-box>div:hover svg {
    transform: scale(1.2)
}

.ks-process-icon-box>div:hover .ks-process-icon-name {
    transform: translateY(-5px)
}

.ks-process-icon-box svg {
    transition: 0.3s ease-in-out
}

.ks-process-box {
    background-color: #111626;
    border-radius: 16px;
    width: 201px;
    height: 144px;
    border-image: round;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative
}

.ks-process-icon-box {
    flex-wrap: wrap;
    width: calc(100% - 440px);
    margin-left: 60px
}

.ks-process-content-area {
    width: 440px;
    margin-top: 35px
}

.ks-process-section .ks-process-content-area .ks__heading {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #FFF;
    max-width: 440px;
    width: 100%;
    padding-bottom: 8px
}

.ks-process-content-area p {
    color: #F3F3F3;
    width: 380px
}

.ks-process-icon-name {
    line-height: 28px;
    color: #F3F3F3;
    margin-top: 20px;
    margin-bottom: 40px;
    transition: 0.3s ease-in-out
}

@media (max-width: 768px) {
    .ks-our-process-area {
        padding:20px
    }

    .ks-process-content-area {
        text-align: center
    }

    .ai-expertise-list-item {
        padding: 24px
    }
}

@media (max-width: 1250px) {
    .ks-process-content-area,.ks-process-content-area .ks__heading,.ks-process-content-area p {
        width:100%
    }

    .ks-process-content-area p {
        margin-bottom: 30px!important
    }

    .ks-process-icon-box {
        justify-content: center!important;
        width: 100%;
        margin: 0
    }

    .ks-process-box {
        margin: 0 30px
    }
}

.blog-section {
    background-color: #F6F6F6;
    background-image: url(/image/blog-bg-scaled.webp);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.view-all-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .02em
}

.blog-section .text-white:hover {
    color: #fff
}

.ks-new-blog .card {
    border-radius: 16px;
    border: none!important
}

.ks-new-blog .card-body {
    padding: 25px 24px;
    flex: 1 1 auto
}

.ks-new-blog .card-body .user-img img {
    border-radius: 100%
}

.ks-new-blog .card-body .user-name p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #626264
}

.ks-new-blog .ks-blue-sf {
    background-color: #056ECF;
    border-radius: 2px;
    padding: 2px
}

.ks-new-blog .ks-blue-odoo {
    background-color: #9C5789;
    border-radius: 2px;
    padding: 2px
}

.ks-new-blog .card-body .ks-blog-type p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FCEDEF;
    text-align: center
}

.ks-new-blog .card-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: -.02em;
    color: #262626
}

.ks-new-blog .card-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #626264;
    margin-bottom: 1px
}

.blog-section .middle {
    transition: all ease-in-out 0.3s;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-color: #DE2B3A
}

.blog-section .middle a {
    padding: 12px;
    border: 1px solid #fff;
    border-radius: 5px
}

.blog-section .card:hover .image {
    opacity: .3;
    background-color: #DE2B3A
}

.blog-section .card:hover .middle {
    opacity: .85;
    background-color: #DE2B3A
}

.blog-section .card .text {
    font-weight: 600;
    font-size: 14px;
    line-height: 146%;
    text-transform: uppercase;
    color: #F3F3F3;
    text-decoration: none
}

.blog-section .card a:hover {
    text-decoration: none
}

.blog-section .text-links {
    text-decoration: none
}

.blog-section .middle .ks-arrow::after {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-left: 5px
}

.blog-section .card-body .ks-cal::before {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.makes-us-diff {
    background-image: url(/image/ai-diffrent-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.makes-us-diff .content-diff-box {
    background-color: rgba(32,34,58,.95);
    border-radius: 16px;
    padding: 70px 50px
}

@media screen and (max-width: 1200px) {
    .makes-us-diff .content-diff-box {
        padding:50px
    }

    .mt-n90 {
        margin-top: 30px
    }

    .generative-ai-page .ai-banner-sider {
        bottom: -30px
    }
}

@media screen and (max-width: 575px) {
    .makes-us-diff .content-diff-box {
        padding:30px
    }

    .mt-n90 {
        margin-top: 34px
    }
}

.makes-us-diff .ks_sub__heading-light2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #E6606B
}

.makes-us-diff .ks__heading1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em
}

.makes-us-diff .ks-sub-para {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #F3F3F3
}

.makes-us-diff .content-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #F3F3F3
}

.makes-us-diff .content-text-bold {
    font-weight: 600;
    font-size: 20px
}

.makes-us-diff .grey-box {
    background-color: #f2f2f2;
    border-radius: 8px;
    margin-bottom: 16px
}

.makes-us-diff .grey-small-box {
    width: 99px;
    height: 99px
}

.makes-us-diff .grey-big-box {
    width: 140px;
    height: 140px
}

.ks-tabs ul {
    padding-top: calc(50vh - 250px);
    position: sticky;
    top: 290px
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .makes-us-diff .grey-big-box {
        width:99px;
        height: 99px
    }
}

@media screen and (max-width: 991px) {
    .makes-us-diff .grey-small-box {
        width:140px;
        height: 140px
    }

    .mt-n90 {
        margin-top: 30px
    }

    .generative-ai-page .ai-banner-sider {
        left: 36px
    }
}

@media screen and (max-width: 575px) {
    .makes-us-diff .grey-small-box {
        width:99px;
        height: 99px
    }

    .makes-us-diff .grey-big-box {
        width: 99px;
        height: 99px
    }

    .makes-us-diff .right-side-p {
        padding-right: 0;
        padding-left: 0
    }

    .makes-us-diff .left-side-p {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .bd-card {
        padding:60px 150px 60px 60px!important
    }

    .bd-side-img {
        margin-left: -120px!important;
        flex: 0 0 calc(33% + 120px)!important;
        max-width: inherit!important;
        padding: 70px 0!important
    }
}

.color-113c63 {
    color: #113c63
}

.color-3E3E3E {
    color: #3E3E3E
}

.ks-gi-banner-section {
    background-image: url(/image/generative-ai-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.contact-bg,.power-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 332px
}

@media (max-width: 1050px) {
    .contact-bg {
        height:auto!important
    }
}

.power-bg {
    background-image: url(/image/power-gai-bg-scaled.webp)
}

.contact-bg {
    background-image: url(/image/contact-bg-scaled.webp)
}

.inner-page-brands>.bg-light {
    background-color: #fff!important
}

.bg-light-blue {
    background: linear-gradient(92.03deg,#EBFFF9 5.74%,#F9F5FF 106.07%)
}

.computer_vision_page .ks-check-icon:before {
    content: ''!important;
    background-image: url(/image/check-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.list-style-none {
    list-style: none
}

.java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.l-h-20 {
    line-height: 20px
}

.l-h-38 {
    line-height: 38px
}

.l-h-32 {
    line-height: 32px
}

.subpage-case-study-haeding {
    display: block!important
}

.main-case-study-haeding {
    display: none
}

.generative-ai-page .gai-tab-section {
    border-bottom: 1px solid #D8D8D8;
    position: sticky;
    top: 110px;
    z-index: 9
}

.ks-gai-tab .nav-item a.nav-link.active::after {
    content: "";
    border-bottom: 3px solid #051B2D;
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%
}

.ks-gai-tab .nav-item.active a {
    font-weight: bold!important
}

.ks-gai-tab .nav-item a {
    color: #28292E
}

.ks-gai-tab .nav-item {
    cursor: pointer
}

.color-gradient {
    background: -webkit-linear-gradient(25deg,#8600bc,#0bc18d 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bg-F4F4F4 {
    background-color: #F4F4F4
}

.bg-F9FFF2 {
    background-color: #F9FFF2
}

.bg-FEEEF5 {
    background-color: #FEEEF5
}

.bg-F6F3F3 {
    background-color: #F6F3F3
}

.bg-E0EDF4 {
    background-color: #E0EDF4
}

.bg-F5F1FF {
    background-color: #F5F1FF
}

.bg-FBFBEF {
    background-color: #FBFBEF
}

.bg-E9FFFF {
    background-color: #E9FFFF
}

.bg-FCFFF1 {
    background-color: #FCFFF1
}

.bg-F1F6FF {
    background-color: #F1F6FF
}

.b-r-16 {
    border-radius: 16px
}

.b-r-12 {
    border-radius: 12px
}

.experties-card {
    border: 1px solid #E5E5E5
}

.generative-ai-page.java-experties-large-card {
    border: 1px solid #EAEAEA
}

.ai-banner-icon {
    position: absolute;
    transition: .9s
}

.ai-banner-icon:hover {
    transform: scale(1.19)
}

.ai-banner-icon-1 .ai-banner-icon {
    bottom: 10px;
    left: 0
}

.ai-banner-icon-1 .custom-tooltip-text {
    bottom: 100px;
    left: 0
}

.ai-banner-icon-2 .ai-banner-icon {
    bottom: 106px;
    left: -20px
}

.ai-banner-icon-2 .custom-tooltip-text {
    bottom: 200px;
    left: -40px
}

.ai-banner-icon-3 .ai-banner-icon {
    bottom: 205px;
    left: -8px
}

.ai-banner-icon-3 .custom-tooltip-text {
    bottom: 300px;
    left: 0
}

.ai-banner-icon-4 .ai-banner-icon {
    top: 79px;
    left: 44px
}

.ai-banner-icon-4 .custom-tooltip-text {
    top: 22px;
    left: 0
}

.ai-banner-icon-5 .ai-banner-icon {
    top: 12px;
    left: 118px
}

.ai-banner-icon-5 .custom-tooltip-text {
    top: -45px;
    left: 120px
}

.ai-banner-icon-6 .ai-banner-icon {
    top: -25px;
    left: 212px
}

.ai-banner-icon-6 .custom-tooltip-text {
    top: -84px;
    left: 180px
}

.ai-banner-icon-7 .ai-banner-icon {
    bottom: 20px;
    right: 0
}

.ai-banner-icon-12 .custom-tooltip-text {
    top: -83px;
    right: 245px
}

.ai-banner-icon-8 .ai-banner-icon {
    bottom: 118px;
    right: 0
}

.ai-banner-icon-11 .custom-tooltip-text {
    top: -50px;
    right: -12px
}

.ai-banner-icon-9 .ai-banner-icon {
    top: 148px;
    right: 10px
}

.ai-banner-icon-10 .custom-tooltip-text {
    top: 0;
    right: 80px
}

.ai-banner-icon-10 .ai-banner-icon {
    top: 62px;
    right: 62px
}

.ai-banner-icon-9 .custom-tooltip-text {
    top: 90px;
    right: -40px
}

.ai-banner-icon-11 .ai-banner-icon {
    top: 8px;
    right: 148px
}

.ai-banner-icon-8 .custom-tooltip-text {
    top: 190px;
    right: -20px
}

.ai-banner-icon-12 .ai-banner-icon {
    top: -25px;
    right: 242px
}

.ai-banner-icon-7 .custom-tooltip-text {
    bottom: 115px;
    right: -25px
}

.custom-tooltip .custom-tooltip-text::after {
    content: "";
    bottom: -5px;
    left: 40%;
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    transform: rotate(45deg)
}

.custom-tooltip.border-grad .custom-tooltip-text {
    border: 1px solid
}

.ks-our-approach .custom-tooltip .custom-tooltip-text::after {
    border-bottom: 1px solid;
    border-right: 1px solid;
    height: 10px;
    width: 10px
}

.custom-tooltip:hover .custom-tooltip-text {
    display: block;
    z-index: 99
}

.custom-tooltip .custom-tooltip-text {
    background: #fff;
    border-radius: 4px;
    padding: 12px 18px;
    display: none;
    position: absolute;
    z-index: 2
}

.generative-ai-page .custom-tooltip.border-grad .custom-tooltip-text {
    top: -80px;
    left: -25px;
    width: 300px;
    height: 110px;
    box-shadow: 0 3px 8px 0 #00000029
}

@media(min-width: 1250px) {
    .generative-ai-page.java-experties-large-card {
        height:287px
    }
}

@media(min-width: 992px) {
    .generative-ai-page.ks-gi-banner-section {
        height:630px
    }
}

@media(max-width: 1050px) {
    .generative-ai-page.contact-bg {
        height:auto!important
    }
}

@media(max-width: 992px) {
    .ks-power-gai-bg2 iframe {
        width:100%
    }

    .custom-order-sm-1 {
        order: 1
    }

    .custom-order-sm-2 {
        order: 2
    }

    .font-50 {
        font-size: 40px!important
    }

    .ks-gi-banner-section {
        background-size: unset;
        height: auto
    }
}

@media(max-width: 768px) {
    .schedul-title {
        font-size:30px
    }

    .generative-ai-page.h-sm-auto {
        height: auto
    }

    .ai-banner-sider {
        left: 35px
    }
}

@media(max-width: 568px) {
    .ks-power-gai-bg2 iframe {
        width:100%;
        height: 225px
    }

    .generative-ai-page.font-36 {
        font-size: 30px!important
    }

    .ai-banner-sider {
        left: 0
    }

    .generative-ai-page.custom-tooltip.border-grad .custom-tooltip-text {
        top: -120px;
        left: 0
    }
}

@media screen and (min-width: 1250px) and (max-width:1400px) {
    .ai-banner-sider {
        max-width:520px;
        margin-left: auto
    }
}

@media screen and (min-width: 1201px) and (max-width:1400px) {
    .ai-banner-icon-1 .ai-banner-icon {
        bottom:10px;
        left: -80px
    }

    .ai-banner-icon-2 .ai-banner-icon {
        bottom: 106px;
        left: -100px
    }

    .ai-banner-icon-3 .ai-banner-icon {
        bottom: 205px;
        left: -88px
    }

    .ai-banner-icon-4 .ai-banner-icon {
        top: 75px;
        left: -46px
    }

    .ai-banner-icon-5 .ai-banner-icon {
        top: 5px;
        left: 20px
    }

    .ai-banner-icon-6 .ai-banner-icon {
        top: -60px;
        left: 117px
    }

    .ai-banner-icon-7 .ai-banner-icon {
        bottom: 20px;
        right: 24px
    }

    .ai-banner-icon-9 .ai-banner-icon {
        top: 148px;
        right: 10px
    }

    .ai-banner-icon-10 .ai-banner-icon {
        top: 60px;
        right: 42px
    }

    .ai-banner-icon-11 .ai-banner-icon {
        top: -13px;
        right: 102px
    }

    .ai-banner-icon-12 .ai-banner-icon {
        top: -60px;
        right: 210px
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .ai-banner-icon-1 .ai-banner-icon {
        bottom:10px;
        left: -80px
    }

    .ai-banner-icon-2 .ai-banner-icon {
        bottom: 106px;
        left: -100px
    }

    .ai-banner-icon-3 .ai-banner-icon {
        bottom: 205px;
        left: -88px
    }

    .ai-banner-icon-4 .ai-banner-icon {
        top: 75px;
        left: -46px
    }

    .ai-banner-icon-5 .ai-banner-icon {
        top: 5px;
        left: 20px
    }

    .ai-banner-icon-6 .ai-banner-icon {
        top: -50px;
        left: 93px
    }

    .ai-banner-icon-7 .ai-banner-icon {
        bottom: 20px;
        right: 24px
    }

    .ai-banner-icon-9 .ai-banner-icon {
        top: 148px;
        right: 10px
    }

    .ai-banner-icon-10 .ai-banner-icon {
        top: 60px;
        right: 42px
    }

    .ai-banner-icon-11 .ai-banner-icon {
        top: -13px;
        right: 102px
    }

    .ai-banner-icon-12 .ai-banner-icon {
        top: -50px;
        right: 191px
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .ai-banner-icon-7 .ai-banner-icon {
        bottom:20px;
        right: 75px
    }

    .ai-banner-icon-8 .ai-banner-icon {
        bottom: 118px;
        right: 55px
    }

    .ai-banner-icon-9 .ai-banner-icon {
        top: 148px;
        right: 80px
    }

    .ai-banner-icon-10 .ai-banner-icon {
        top: 62px;
        right: 125px
    }

    .ai-banner-icon-11 .ai-banner-icon {
        top: 8px;
        right: 205px
    }

    .ai-banner-icon-12 .ai-banner-icon {
        top: -25px;
        right: 297px
    }
}

.deep_learning_page .text-left {
    text-align: left
}

.deep_learning_page .new-card-design {
    text-align: left!important
}

.deep_learning_page .ks-dl-banner-section {
    background-image: url(/image/deep-learning-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.deep_learning_page .inner-page-brands>.bg-light {
    background-color: #fff!important
}

.deep_learning_page .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.deep_learning_page .ks-dl-request {
    background-image: url(/image/request-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

@media(min-width: 992px) {
    .deep_learning_page .ks-dl-banner-section {
        height:630px
    }

    .deep_learning_page .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .deep_learning_page .h-sm-auto {
        height:auto
    }

    .deep_learning_page .font-sm-32 {
        font-size: 32px!important
    }

    .deep_learning_page .custom-order-sm-1 {
        order: 1
    }

    .deep_learning_page .custom-order-sm-2 {
        order: 2
    }
}

@media(max-width: 768px) {
    .deep_learning_page .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

.predictive_analysis_page .text-left {
    text-align: left
}

.predictive_analysis_page .ks-pa-banner-section {
    background-image: url(/image/predictive-analysis-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.predictive_analysis_page .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #e4e4e4
}

.predictive_analysis_page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

.predictive_analysis_page .inner-page-brands>.bg-light {
    background-color: #fff!important
}

.predictive_analysis_page .box-area {
    background-color: #fff;
    border-radius: 16px;
    padding: 40px 32px
}

.predictive_analysis_page .object-cover {
    object-fit: cover
}

.predictive_analysis_page .l-h-20 {
    line-height: 20.72px
}

.predictive_analysis_page .req-bg {
    background-image: url(/image/req-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.predictive_analysis_page .ks-expert-partner {
    background-image: url(/image/expert-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

@media (min-width: 1250px) {
    .predictive_analysis_page .object-xl-cover {
        object-fit:cover
    }

    .predictive_analysis_page .java-experties-large-card {
        height: 338px
    }

    .predictive_analysis_page .ks-whychoose-card {
        height: 208px
    }

    .predictive_analysis_page .ks-whychoose-card.h-128 {
        height: 128px
    }
}

@media (min-width: 992px) {
    .predictive_analysis_page .ks-pa-banner-section {
        height:630px
    }

    .predictive_analysis_page .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media (max-width: 568px) {
    .predictive_analysis_page .h-sm-auto {
        height:auto
    }

    .predictive_analysis_page .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    .predictive_analysis_page .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

@media (max-width: 1050px) {
    .predictive_analysis_page .graph-img {
        width:auto;
        height: auto
    }
}

.computer_vision_page .ks-cv-banner-section {
    background-image: url(/image/computer-vision-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.computer_vision_page .ks-discover-bg {
    background-image: url(/image/ks-discover-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.computer_vision_page .ks-business-section {
    background-image: url(/image/business-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

@media(min-width: 1250px) {
    .computer_vision_page .computer-vision-page.java-experties-large-card {
        height:287px
    }
}

@media(min-width: 992px) {
    .computer_vision_page .ks-cv-banner-section {
        height:630px
    }
}

.natural_language_processing .color-3E3E3E {
    color: #3E3E3E
}

.natural_language_processing .ks-cv-banner-section {
    background-image: url(/image/nlp-banner-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.natural_language_processing .inner-page-brands>.bg-light {
    background-color: #fff!important
}

.natural_language_processing .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.natural_language_processing .ks-discover-bg {
    background-image: url(/image/ks-discover-bg-1-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.natural_language_processing .ks-business-section {
    background-image: url(/image/nlp-business-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.natural_language_processing .ks-check-icon:before {
    content: ''!important;
    background-image: url(/image/check-icon.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.natural_language_processing .list-style-none {
    list-style: none
}

.natural_language_processing .inner-page-brands>.bg-light {
    background-color: #fff!important
}

.natural_language_processing .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.natural_language_processing .l-h-20 {
    line-height: 20px
}

.natural_language_processing .subpage-case-study-haeding {
    display: block!important
}

@media(min-width: 1250px) {
    .natural_language_processing .java-experties-large-card {
        height:287px
    }
}

@media(min-width: 992px) {
    .natural_language_processing .ks-cv-banner-section {
        height:630px
    }

    .natural_language_processing .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .natural_language_processing .h-sm-auto {
        height:auto
    }

    .natural_language_processing .font-sm-32 {
        font-size: 32px!important
    }

    .natural_language_processing .custom-order-sm-1 {
        order: 1
    }

    .natural_language_processing .custom-order-sm-2 {
        order: 2
    }
}

@media(max-width: 768px) {
    .natural_language_processing .font-40 {
        font-size:26px!important;
        line-height: normal;
        padding: 0 20px
    }
}

.big-data-consulting-company-page .font-14 {
    font-size: 14px
}

.big-data-consulting-company-page .ks-salesforce-crm.ks-looking-for-section .container {
    max-width: 1320px
}

.big-data-consulting-company-page .ks_sub__heading {
    color: #113c63;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 16px;
    margin-bottom: 16px!important
}

.big-data-consulting-company-page .ks__heading {
    color: var(--ks-heading);
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.02em
}

.big-data-consulting-company-page .ks__heading,.big-data-consulting-company-page .ks_sub__heading {
    font-style: normal;
    font-weight: 600;
    font-family: Inter,sans-serif
}

.big-data-consulting-company-page svg,.big-data-consulting-company-page img {
    max-width: 100%
}

.big-data-consulting-company-page .ks-big-data-bg {
    background-color: #0a0939;
    max-height: initial
}

.big-data-consulting-company-page .fit-cover {
    object-fit: cover
}

.big-data-consulting-company-page .py-55 {
    padding: 55px 0
}

.big-data-consulting-company-page .py-75 {
    padding: 75px 0
}

.big-data-consulting-company-page .py-100 {
    padding: 100px 0
}

.big-data-consulting-company-page .z-index-1 {
    z-index: 1
}

.big-data-consulting-company-page .cursor-pointer {
    cursor: pointer
}

.big-data-consulting-company-page .text-yellow {
    color: #f3ad39
}

.big-data-consulting-company-page .text-dark-pink {
    color: #ff6767
}

.big-data-consulting-company-page .ks-hero-bg {
    background-color: #212327
}

.big-data-consulting-company-page .ks-hero-data-outer {
    background: rgba(11,49,68,.4);
    box-shadow: 0 20px 30px rgba(0,0,0,.06);
    border-radius: 44px;
    padding: 52px 26px
}

.big-data-consulting-company-page .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.big-data-consulting-company-page .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next,.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.big-data-consulting-company-page .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.big-data-consulting-company-page .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.big-data-consulting-company-page .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

.big-data-consulting-company-page .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.big-data-consulting-company-page .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

.big-data-consulting-company-page .ks-service-box-inner {
    border-radius: 10px;
    width: 100%;
    height: 73px;
    min-height: 73px;
    box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
    overflow: hidden
}

.big-data-consulting-company-page .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.big-data-consulting-company-page .service-arrow-icon {
    width: 15px
}

.big-data-consulting-company-page .client-img-bg {
    background-color: #e7e7e7;
    border-radius: 15px;
    height: 85px;
    margin-bottom: 12px
}

.big-data-consulting-company-page .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

.big-data-consulting-company-page .ks-client-bg-img {
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: calc(100% - 130px);
    background-size: 70%;
    top: 130px
}

.big-data-consulting-company-page .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.big-data-consulting-company-page .ks-owl-btn .owl-nav span {
    display: none
}

.big-data-consulting-company-page .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.big-data-consulting-company-page .ks-aboutus-page .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.big-data-consulting-company-page .ks-aboutus-page .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.big-data-consulting-company-page .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.big-data-consulting-company-page .owl-awards {
    cursor: auto
}

.big-data-consulting-company-page .map-img-2,.big-data-consulting-company-page .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.big-data-consulting-company-page .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1)
}

.big-data-consulting-company-page .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.big-data-consulting-company-page .cv-card,.big-data-consulting-company-page .cv-card .font-24,.big-data-consulting-company-page .cv-card-data {
    transition: 0.3s ease-in-out
}

.big-data-consulting-company-page .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.big-data-consulting-company-page .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.big-data-consulting-company-page .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.big-data-consulting-company-page .cv-card-data {
    position: relative;
    bottom: 0
}

.big-data-consulting-company-page .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.big-data-consulting-company-page .value-sec-row {
    max-width: 1000px
}

.big-data-consulting-company-page .milestone-sec {
    background-color: #021132
}

.big-data-consulting-company-page .ms-card h3 {
    color: #ffb93e
}

.big-data-consulting-company-page .ms-2015,.big-data-consulting-company-page .ms-2017,.big-data-consulting-company-page .ms-2019 {
    margin-left: -1px
}

.big-data-consulting-company-page .ms-2019 {
    border-right: none
}

.big-data-consulting-company-page .investors-sec-dark {
    padding-top: 120px;
    padding-bottom: 200px;
    background-size: cover
}

.big-data-consulting-company-page .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.big-data-consulting-company-page .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.big-data-consulting-company-page .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-next,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.big-data-consulting-company-page .btn-primary {
    color: #fff;
    background-color: #113c63;
    border-color: #113c63
}

.big-data-consulting-company-page .btn-primary:hover {
    background-color: #e65a66;
    border-color: #e32235
}

.big-data-consulting-company-page .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.big-data-consulting-company-page .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.big-data-consulting-company-page .about-us-partner {
    padding-top: 120px;
    background: linear-gradient(180deg,#0f0f0f 0,rgba(55,54,54,.93) 100%)
}

.big-data-consulting-company-page .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.big-data-consulting-company-page .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.big-data-consulting-company-page .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.big-data-consulting-company-page .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.big-data-consulting-company-page .element.text-primary.ms-3 span {
    color: #fff!important
}

.big-data-consulting-company-page .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

.big-data-consulting-company-page .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.big-data-consulting-company-page .card-shadow img.h-100.w-100 {
    object-fit: cover
}

.big-data-consulting-company-page .service-arrow-icon {
    transition: 0.3s ease-in-out
}

.big-data-consulting-company-page .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.big-data-consulting-company-page .index-page-popup .modal-dialog {
    max-width: 850px
}

.big-data-consulting-company-page .index-page-popup .modal-content {
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.big-data-consulting-company-page .index-page-popup .modal-body {
    padding-top: 60px
}

.big-data-consulting-company-page .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.big-data-consulting-company-page .lh-auto {
    line-height: initial
}

.big-data-consulting-company-page .modal-artboard-img {
    top: 0;
    left: 0
}

.big-data-consulting-company-page .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.big-data-consulting-company-page .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.big-data-consulting-company-page .wk-box .font-14 {
    color: #000
}

.big-data-consulting-company-page .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.big-data-consulting-company-page .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8!important;
    border: none
}

.big-data-consulting-company-page .service-faq-sec .card-header {
    font-weight: 500!important;
    font-size: 18px!important;
    color: #343434
}

.big-data-consulting-company-page .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.big-data-consulting-company-page .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.big-data-consulting-company-page .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.big-data-consulting-company-page .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.big-data-consulting-company-page .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.big-data-consulting-company-page .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.big-data-consulting-company-page .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.big-data-consulting-company-page .services-description ul li {
    position: relative;
    padding-left: 20px
}

.big-data-consulting-company-page .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.big-data-consulting-company-page .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.big-data-consulting-company-page .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.big-data-consulting-company-page .services-salesforce-hero-sec {
    background: #0e97d8
}

.big-data-consulting-company-page .services-salesforce-hero-sec .banner-subheading {
    animation-delay: 0.6s
}

.big-data-consulting-company-page .services-salesforce-hero-sec {
    animation-delay: 0.7s
}

.big-data-consulting-company-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: 0.8s
}

.big-data-consulting-company-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: 0.9s
}

.big-data-consulting-company-page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.big-data-consulting-company-page .salesforce-tabs {
    justify-content: space-evenly
}

.big-data-consulting-company-page .ks-salesforce-services-bg {
    background: #fdfbfb
}

.big-data-consulting-company-page .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.big-data-consulting-company-page .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.big-data-consulting-company-page .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.big-data-consulting-company-page .salesforce-contact-us #email-error+label.d-block,.big-data-consulting-company-page .salesforce-contact-us .ks-input:focus+label.d-block,.big-data-consulting-company-page .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.big-data-consulting-company-page .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.big-data-consulting-company-page .salesforce-contact-us .ks-input-box {
    height: 45px
}

.big-data-consulting-company-page .salesforce-contact-us .ks-textarea-box,.big-data-consulting-company-page .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.big-data-consulting-company-page .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.big-data-consulting-company-page .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.big-data-consulting-company-page .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.big-data-consulting-company-page .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.big-data-consulting-company-page .py-spacing {
    padding: 110px 0 75px
}

.big-data-consulting-company-page .services-lg-custom {
    width: 40%;
    margin-bottom: 12px
}

.big-data-consulting-company-page .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.big-data-consulting-company-page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.big-data-consulting-company-page .ks-office {
    position: relative
}

.big-data-consulting-company-page .ks-office-big {
    margin-bottom: 30px
}

.big-data-consulting-company-page .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.big-data-consulting-company-page .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.big-data-consulting-company-page .magento-banner-bg {
    background: linear-gradient(180deg,#ffca7a 0%,#563a19 100%);
    background-position-y: 100%!important
}

.big-data-consulting-company-page .bd-card {
    border-radius: 16px;
    padding: 70px 230px 70px 75px!important
}

.big-data-consulting-company-page .text-body-color {
    color: #4e4e50;
    line-height: 28px
}

.big-data-consulting-company-page .ks-bd-consulting {
    background-color: #f3f3f3
}

.big-data-consulting-company-page .bd-need-card {
    max-width: 870px;
    background: rgba(34,35,53,.9);
    border-radius: 16px;
    padding: 64px 40px 64px 64px
}

.big-data-consulting-company-page .ks-bd-need {
    background: #1f3349;
    background-size: cover;
    background-position-x: 30%
}

.big-data-consulting-company-page .text-white-light {
    color: #cacaca;
    line-height: 32px
}

.big-data-consulting-company-page .bd-benifits-card {
    padding: 60px;
    border-radius: 8px;
    background: #34353a
}

.big-data-consulting-company-page .ai-expertise-section {
    background-color: #202e41;
    padding: 75px 0;
    background-size: cover;
    background-position: right;
    background-attachment: fixed
}

.big-data-consulting-company-page .ai-expertise-list-item {
    background: linear-gradient(180deg,#252639 0%,rgba(36,37,58,.25) 100%);
    border: 1px solid rgba(48,193,255,.1);
    border-radius: 16px;
    padding: 44px 24px;
    height: 100%;
    display: flex
}

.big-data-consulting-company-page .ai-expertise-list-item svg {
    min-width: 60px;
    margin-left: 40px
}

.big-data-consulting-company-page .ai-expertise-list-row {
    gap: 30px 0
}

.big-data-consulting-company-page .ai-expertise-item-title {
    font-family: "Inter",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 24px
}

.big-data-consulting-company-page .ai-expertise-item-text {
    font-family: "Inter",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #cacaca
}

.big-data-consulting-company-page .ai-expertise-section-row .ks_sub__heading {
    line-height: 28px
}

.big-data-consulting-company-page .ai-expertise-section-row .ks__heading {
    line-height: 50px
}

.big-data-consulting-company-page .industries-section {
    background-color: #121131
}

@media screen and (min-width: 1200px) {
    .big-data-consulting-company-page .ks-20 {
        max-width:20%;
        flex: 0 0 25%
    }
}

.big-data-consulting-company-page .industries-section .content-bg {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    min-height: 100%;
    transition: all ease-in-out 0.6s
}

.big-data-consulting-company-page .industries-section .content-bg:hover::after {
    opacity: 1
}

.big-data-consulting-company-page .industries-section .ks-more-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .08em;
    text-decoration: none
}

.big-data-consulting-company-page .ai-ml-faq .card {
    margin: 10px 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    padding-top: 6px;
    padding-left: 6px
}

.big-data-consulting-company-page .ai-ml-faq .card .btn.btn-link {
    width: 100%;
    text-align: start;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #34353a;
    text-decoration: none;
    padding-left: 0;
    display: flex
}

.big-data-consulting-company-page .ai-ml-faq .btn-link p {
    white-space: initial
}

.big-data-consulting-company-page .ai-ml-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3f3f41;
    padding-right: 50px;
    padding-top: 8px;
    padding-left: 8px
}

.big-data-consulting-company-page .faq-w {
    max-width: 100%
}

.big-data-consulting-company-page .ai-ml-faq .header-panel {
    max-width: 940px
}

.big-data-consulting-company-page .ai-ml-faq .btn:not(.collapsed)::after {
    transform: rotate(-180deg)
}

.big-data-consulting-company-page .ai-ml-faq .btn::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center;
    margin-top: 5px;
    transition: transform 0.2s ease-in-out
}

.big-data-consulting-company-page .ks-wck-card {
    border-radius: 8px;
    padding: 32px
}

.big-data-consulting-company-page .ks-wck-card h3 {
    color: #34353a
}

.big-data-consulting-company-page .ks-wck-card p {
    color: #4E4E50
}

.big-data-consulting-company-page .ks-wck-card svg {
    min-width: fit-content
}

.big-data-consulting-company-page .ks__heading {
    line-height: 44px
}

.big-data-consulting-company-page .ks-bd-tech {
    background-color: #21213b
}

.big-data-consulting-company-page .ks-bd-tech .nav-pills .nav-link {
    line-height: normal;
    font-size: 16px;
    color: #cacaca!important;
    margin-bottom: 0;
    position: relative;
    transition: color 0.3s ease-in-out;
    background-color: transparent!important;
    border: none;
    text-align: left;
    outline: none
}

.big-data-consulting-company-page .ks-bd-tech .nav-pills .nav-link.active {
    background-color: transparent;
    font-weight: 600;
    font-size: 20px;
    color: #f3f3f3!important
}

.big-data-consulting-company-page .ks-bd-tech .nav-pills .nav-link.active:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 3px;
    background-color: #e6606b;
    left: -4px;
    top: 23px
}

.big-data-consulting-company-page .ks-bd-tech .nav {
    min-width: 300px
}

.big-data-consulting-company-page .bd-tech-card {
    padding: 45px;
    border-radius: 16px
}

.big-data-consulting-company-page .bd-tech-card p {
    line-height: 28px;
    color: #3f3f41
}

.big-data-consulting-company-page .bd-tech-card img {
    object-fit: contain
}

.big-data-consulting-company-page .content-bg img {
    border-radius: 12px
}

.big-data-consulting-company-page .ks-bd-need {
    background-image: url(/image/bd-new-bg.webp)
}

.big-data-consulting-company-page .ai-expertise-section {
    background-image: url(/image/ai-expertise-section.webp)
}

.big-data-consulting-company-page .industries-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.big-data-consulting-company-page .ks-big-data-bg {
    background-image: url(/image/bd-hero-bg-2.webp)
}

.big-data-consulting-company-page .light-bg-section {
    background-image: url(/image/ai-competitive_new.svg);
    background-size: 30%;
    background-position: bottom;
    background-repeat: no-repeat
}

.big-data-consulting-company-page .ks-bd-tech {
    background-image: url(/image/bd-tech-sec.webp)
}

@keyframes KsAnimate {
    100% {
        transform: translate(0) scale(1) rotate(0) skew(0);
        opacity: 1
    }
}

.big-data-consulting-company-page .idea-sec .ks__heading {
    transform: rotateX(90deg)
}

.big-data-consulting-company-page .bd-need-card {
    transform: none!important;
    transform-origin: left;
    z-index: 10;
    position: relative
}

.big-data-consulting-company-page .banner-header-text,.big-data-consulting-company-page .ks-bd-tech .header-panel div:nth-child(2),.big-data-consulting-company-page .ai-ml-faq .header-panel>div:nth-child(2),.big-data-consulting-company-page .ks-bd-wck .ks__heading,.big-data-consulting-company-page .industries-section .header-panel div:nth-child(2),.big-data-consulting-company-page .consultation-sec .header-panel>div:nth-child(2),.big-data-consulting-company-page .ai-expertise-section .header-panel>div:nth-child(2) {
    animation-delay: 0.3s
}

.big-data-consulting-company-page .banner-paragraph,.big-data-consulting-company-page .ks-bd-tech .nav-pills,.big-data-consulting-company-page .ks-bd-tech .tab-content,.big-data-consulting-company-page .ai-ml-faq .faq-w,.big-data-consulting-company-page .ks-bd-wck .ks-wck-card,.big-data-consulting-company-page .industries-section .content-bg,.big-data-consulting-company-page .consultation-sec .ks-primary-btn,.big-data-consulting-company-page .ai-expertise-list-item,.big-data-consulting-company-page .ks-bd-benifits .bd-benifits-card {
    animation-delay: 0.6s
}

.big-data-consulting-company-page .ks-buttons .ks-primary-btn {
    animation-delay: 1.2s
}

.big-data-consulting-company-page .bd-hero-img {
    animation-delay: 1.8s
}

.big-data-consulting-company-page .ks-inves-big-data {
    background: #f3f3f3
}

.big-data-consulting-company-page .ks-inves-big-data .card {
    border-radius: 16px;
    color: #4e4e50
}

.big-data-consulting-company-page .ks-inves-big-data h4.card-title {
    font-weight: 600
}

.big-data-consulting-company-page .ks-big-data-strategy {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    color: #cacaca
}

.big-data-consulting-company-page .ks-str-step {
    color: #de2b3a;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px
}

.big-data-consulting-company-page .ks-str-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.01em;
    color: #f3f3f3
}

.big-data-consulting-company-page .ks-big-data-strategy p {
    color: #cacaca;
    font-weight: 400
}

.big-data-consulting-company-page .ks-str-thumimg {
    background: linear-gradient(180deg,#252639 0%,rgba(37,38,57,.25) 100%);
    opacity: .8;
    border: 1px solid rgba(48,193,255,.1);
    border-radius: 16px;
    padding: 25px;
    width: 360px!important;
    max-width: 100%!important
}

.big-data-consulting-company-page .ks-str-container {
    max-width: 1080px
}

.big-data-consulting-company-page .ms-auto {
    margin-left: auto!important
}

.big-data-consulting-company-page .ms-4 {
    margin-left: 1.5rem!important
}

.big-data-consulting-company-page :root {
    --primary-curve: cubic-bezier(0.62, 0.05, 0.01, 0.99)
}

.big-data-consulting-company-page .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.big-data-consulting-company-page .ks-banner-sec {
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 650px
}

.big-data-consulting-company-page .text-content p.font-20 {
    min-height: 56px
}

.big-data-consulting-company-page #bannersCarousel .carousel-indicators {
    bottom: 20px
}

.big-data-consulting-company-page #bannersCarousel .carousel-indicators li {
    height: 5px;
    border-radius: 8px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    opacity: .5
}

.big-data-consulting-company-page #bannersCarousel .carousel-indicators .active {
    background-color: #e6606b;
    opacity: 1
}

.big-data-consulting-company-page .banner-header-text {
    color: #fff;
    font-weight: 700;
    font-size: 56px;
    line-height: 76px;
    letter-spacing: -.02em
}

.big-data-consulting-company-page .bg-red {
    background-color: var(--ks-primary)
}

.big-data-consulting-company-page .text-red {
    color: var(--ks-primary)
}

.big-data-consulting-company-page .border-dark {
    border: 1px solid #848484
}

.big-data-consulting-company-page .ks-primary-btn,.big-data-consulting-company-page .ks-primary-btn-outline {
    color: #fff;
    font-weight: 500;
    transition: 0.3s ease-in-out
}

.big-data-consulting-company-page .line-height-28 {
    line-height: 28px
}

.big-data-consulting-company-page .border-r-4 {
    border-radius: 4px
}

.big-data-consulting-company-page .ks-btn-arrow:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L15 5' stroke='white' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M11 1L15 5L11 9' stroke='white' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 12px;
    transition: 0.3s ease-in-out
}

.big-data-consulting-company-page .ks-btn-lg {
    font-size: 18px;
    padding: 13px 32px
}

.big-data-consulting-company-page .ks-btn-arrow:hover:after {
    transform: translateX(5px)
}

.big-data-consulting-company-page .ks-primary-btn-outline {
    border: 1px solid #e6606b;
    border-radius: 4px
}

.big-data-consulting-company-page .ks-primary-btn-outline:hover {
    background: #f7cace;
    color: #de2b3a
}

.big-data-consulting-company-page .ks-primary-btn-outline.ks-btn-arrow:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L15 5' stroke='%23DE2B3A' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3Cpath d='M11 1L15 5L11 9' stroke='%23DE2B3A' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.big-data-consulting-company-page .ks-primary-btn {
    background-color: #de2b3a
}

.big-data-consulting-company-page .carousel-banner-img {
    object-fit: contain
}

.big-data-consulting-company-page .ks-banner-sec .text-content {
    max-width: 720px
}

.big-data-consulting-company-page .header-bg.header-sticky.header-dark {
    background: #19202d!important
}

.big-data-consulting-company-page .banner-header-text,.big-data-consulting-company-page .banner-paragraph,.big-data-consulting-company-page .ks-buttons .ks-primary-btn,.big-data-consulting-company-page .ks-buttons .ks-primary-btn-outline,.big-data-consulting-company-page .letter,.big-data-consulting-company-page .top-headline {
    opacity: 0
}

.big-data-consulting-company-page .top-headline {
    transform: translateY(24px);
    animation: 0.6s ease-in-out 1s forwards KsAnimate
}

.big-data-consulting-company-page .banner-header-text {
    transform: translateX(24px);
    animation: 0.6s ease-in-out 1.4s forwards KsAnimate
}

.big-data-consulting-company-page .banner-paragraph {
    transform: scale(1.1);
    animation: 0.6s ease-in-out 1.8s forwards KsAnimate
}

.big-data-consulting-company-page .ks-buttons .ks-primary-btn {
    transform: translateX(24px);
    animation: 0.6s ease-in-out 2.2s forwards KsAnimate
}

.big-data-consulting-company-page .ks-buttons .ks-primary-btn-outline {
    transform: translateX(-24px);
    animation: 0.6s ease-in-out 2.2s forwards KsAnimate
}

@keyframes KsAnimate {
    100% {
        transform: translate(0) scale(1);
        opacity: 1
    }
}

.big-data-consulting-company-page .pe-lg-5,.big-data-consulting-company-page .px-lg-5 {
    padding-right: 3rem!important
}

.big-data-consulting-company-page .ps-lg-5,.big-data-consulting-company-page .px-lg-5 {
    padding-left: 3rem!important
}

.big-data-consulting-company-page .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.big-data-consulting-company-page .nav-link {
    display: block;
    padding: .5rem 1rem
}

.big-data-consulting-company-page .tab-content>.tab-pane {
    display: none
}

.big-data-consulting-company-page .tab-content>.active {
    display: block
}

@media (max-width: 1550px) and (min-width:1201px) {
    .big-data-consulting-company-page .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .big-data-consulting-company-page .col-lg-custom {
        width:25%
    }

    .big-data-consulting-company-page .services-lg-custom {
        width: 45%!important
    }

    .big-data-consulting-company-page .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .big-data-consulting-company-page .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (min-width: 1600px) {
    .big-data-consulting-company-page .ks-banner-sec {
        max-height:650px;
        min-height: 650px
    }
}

@media (min-width: 1500px) {
    .big-data-consulting-company-page .container,.big-data-consulting-company-page .container-lg,.big-data-consulting-company-page .container-md,.big-data-consulting-company-page .container-sm,.big-data-consulting-company-page .container-xl {
        max-width:1350px
    }
}

@media(min-width: 1400px) {
    .big-data-consulting-company-page .container,.big-data-consulting-company-page .container-lg,.big-data-consulting-company-page .container-md,.big-data-consulting-company-page .container-sm,.big-data-consulting-company-page .container-xl {
        max-width:1320px
    }
}

@media (min-width: 1300px) {
    .big-data-consulting-company-page .ks-banner-sec {
        max-height:610px;
        min-height: 610px
    }
}

@media (min-width: 992px) {
    .big-data-consulting-company-page .bd-side-img {
        margin-left:-120px!important;
        flex: 0 0 calc(33% + 120px)!important;
        max-width: inherit!important;
        padding: 70px 0!important
    }

    .big-data-consulting-company-page .ks-client-bg .col-lg-2 {
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
}

@media screen and (min-width: 991px) {
    .big-data-consulting-company-page .faq-w {
        max-width:940px
    }

    .big-data-consulting-company-page .ai-ml-faq .card-body {
        padding-right: 160px
    }

    .big-data-consulting-company-page .header-bg.header-sticky {
        background: 0 0!important
    }
}

@media (min-width: 769px) {
    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .big-data-consulting-company-page .ks-service-box-image {
        background: unset!important
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    .big-data-consulting-company-page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (min-width: 768px) {
    .big-data-consulting-company-page .ks-hero-bg {
        background-color:#212327;
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media (max-width: 991px) {
    .big-data-consulting-company-page .ai-expertise-list-item {
        flex-wrap:wrap
    }

    .big-data-consulting-company-page .ai-expertise-list-item svg {
        margin-left: 0;
        margin-bottom: 16px;
        order: -1
    }

    .big-data-consulting-company-page .bd-tech-card {
        flex-direction: column
    }

    .big-data-consulting-company-page .bd-card {
        padding: 70px!important
    }

    .big-data-consulting-company-page .ks-banner-sec {
        background-color: rgba(0,0,0,.8);
        background-blend-mode: color;
        min-height: auto
    }

    .big-data-consulting-company-page .ks-bg-circle {
        display: none
    }

    .big-data-consulting-company-page .banner-header-text {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .big-data-consulting-company-page .ks-bd-tech .nav {
        width:100%;
        min-width: 100%
    }

    .big-data-consulting-company-page .container,.big-data-consulting-company-page .ks-salesforce-crm.ks-looking-for-section .container,.apache_dev_page .ks-salesforce-crm.ks-looking-for-section .container,.apache_dev_page .container,.apache_kafka_page .ks-salesforce-crm.ks-looking-for-section .container {
        max-width: 720px
    }

    .big-data-consulting-company-page .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }

    .big-data-consulting-company-page .ks-carousel-item-inner {
        height: auto
    }

    .big-data-consulting-company-page .col-lg-custom {
        width: 33%
    }

    .big-data-consulting-company-page .services-lg-custom {
        width: 50%!important
    }

    .big-data-consulting-company-page .ks-service-box-text {
        padding-right: 15px!important
    }

    .big-data-consulting-company-page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .big-data-consulting-company-page .cv-card {
        padding: 25px;
        overflow: hidden
    }

    .big-data-consulting-company-page .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }

    .big-data-consulting-company-page .index-page-popup .close {
        right: 0
    }

    .big-data-consulting-company-page .popup-imgs img {
        object-fit: contain
    }

    .big-data-consulting-company-page .popup-header .font-36,.big-data-consulting-company-page .popup-main-text {
        font-size: 24px!important
    }

    .big-data-consulting-company-page .ai-ml-faq .card .btn.btn-link {
        align-items: center
    }
}

@media (max-width: 767px) {
    .big-data-consulting-company-page .ks-str-thumimg {
        width:100%!important;
        text-align: center
    }

    .big-data-consulting-company-page .ks-str-thumimg .img-fluid {
        max-width: 250px;
        margin: auto
    }

    .container.trending-blog,.ks-salesforce-crm.ks-looking-for-section .container {
        max-width: 540px!important;
        width: 100%
    }

    .big-data-consulting-company-page .ks-hero-bg {
        background: linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }

    .big-data-consulting-company-page .ks__heading {
        font-size: 26px;
        line-height: 36px!important
    }

    .big-data-consulting-company-page .ps-lg-5,.big-data-consulting-company-page .px-lg-5 {
        padding-left: 1rem!important
    }

    .big-data-consulting-company-page .ai-expertise-section-row .ks__heading.text-white {
        color: #28292e!important
    }

    .big-data-consulting-company-page .ks_sub__heading {
        font-size: 14px
    }

    .big-data-consulting-company-page .ks-sub-header {
        line-height: 22px!important
    }
}

@media screen and (max-width: 575px) {
    .big-data-consulting-company-page .industries-section .ks-p-rl {
        padding-right:7px;
        padding-left: 7px
    }

    .container.trending-blog,.ks-salesforce-crm.ks-looking-for-section .container {
        max-width: 540px!important;
        width: 100%
    }
}

@media (max-width: 575px) {
    .big-data-consulting-company-page .ks-str-container .ks-str-card.even .ks-str-thumimg {
        order:2
    }

    .big-data-consulting-company-page .ai-expertise-section {
        padding: 45px 0;
        background-image: none!important
    }

    .big-data-consulting-company-page .ai-expertise-list-item {
        padding: 24px
    }

    .big-data-consulting-company-page .ks-hero-data-outer {
        margin: 0
    }

    .big-data-consulting-company-page .ks-hero-bg .font-80 {
        font-size: 40px!important
    }

    .big-data-consulting-company-page .ks-contact-sec .font-45 {
        font-size: 36px!important
    }

    .big-data-consulting-company-page .ks-career-sec-inner,.big-data-consulting-company-page .ks-carousel-item-inner,.big-data-consulting-company-page .ks-hero-bg .py-75,.big-data-consulting-company-page .ks-partner-sec {
        padding: 40px 15px
    }

    .big-data-consulting-company-page .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .big-data-consulting-company-page .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .big-data-consulting-company-page .col-lg-custom {
        width: 50%
    }

    .big-data-consulting-company-page .services-lg-custom {
        width: 100%!important
    }

    .big-data-consulting-company-page .ks-service-box-inner {
        width: auto
    }

    .big-data-consulting-company-page .ks-services-bg .row {
        margin-right: 0
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-next,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .big-data-consulting-company-page .ks-carousel-btn-design .carousel-control-prev,.big-data-consulting-company-page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .big-data-consulting-company-page .ks-services-bg {
        padding-bottom: 20px
    }

    .big-data-consulting-company-page .client-bg-img {
        margin-top: -140px
    }

    .big-data-consulting-company-page .ks-client-bg {
        padding-bottom: 140px
    }

    .big-data-consulting-company-page .ks-banner-sec .text-content {
        width: 100%;
        padding-top: 20px
    }

    .big-data-consulting-company-page .ks-banner-sec .text-content .ks-buttons a,.big-data-consulting-company-page .ks-banner-sec .text-content .ks-buttons button {
        margin-right: 0!important
    }

    .big-data-consulting-company-page .ks-banner-sec .text-content .ks-buttons a {
        margin-left: 10px!important
    }

    .big-data-consulting-company-page .banner-header-text {
        font-size: 32px;
        line-height: 1.2
    }

    .big-data-consulting-company-page .ks-hero-data-outer {
        border-radius: 0;
        padding: 32px 0
    }

    .big-data-consulting-company-page .ks-hero-data {
        margin-bottom: 32px
    }

    .big-data-consulting-company-page .ks-bottom-decorator::after {
        bottom: -8px
    }

    .big-data-consulting-company-page .ks-hero-data:after {
        display: none
    }

    .big-data-consulting-company-page .meet-team-card {
        text-align: center
    }

    .big-data-consulting-company-page .nse-partner-logo {
        object-fit: contain
    }

    .big-data-consulting-company-page .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .big-data-consulting-company-page .investors-sec-dark,.big-data-consulting-company-page .overview-sec {
        padding-top: 40px
    }

    .big-data-consulting-company-page .about-hero-bg {
        min-height: 36vh
    }

    .big-data-consulting-company-page .ks-tech-sec .carousel-indicators {
        display: none!important
    }

    .big-data-consulting-company-page .kafka-content .tab-pane {
        padding: 20px
    }

    .big-data-consulting-company-page .font-45,.big-data-consulting-company-page .font-48 {
        font-size: 28px!important
    }

    .big-data-consulting-company-page .font-36 {
        font-size: 20px!important
    }

    .big-data-consulting-company-page .benfits-sec .py-75,.big-data-consulting-company-page .bg-contact .py-100,.big-data-consulting-company-page .service-faq-sec .py-100,.big-data-consulting-company-page .solutions-sec .py-100,.big-data-consulting-company-page .wk-sec .py-100 {
        padding: 40px 20px
    }

    .big-data-consulting-company-page .banner-header-text,.big-data-consulting-company-page .text-content p.font-20,.big-data-consulting-company-page .ks-banner-sec .text-content .ks-buttons a {
        opacity: 1;
        transform: none
    }

    .big-data-consulting-company-page .ks-bd-consulting .bd-card {
        padding: 24px!important;
        margin-left: 16px!important;
        margin-right: 16px!important;
        width: fit-content
    }

    .big-data-consulting-company-page .bd-card {
        padding: 24px!important;
        margin-left: 16px;
        margin-right: 16px
    }

    .big-data-consulting-company-page .bd-tech-card,.big-data-consulting-company-page .ks-wck-card,.big-data-consulting-company-page .bd-benifits-card,.big-data-consulting-company-page .bd-need-card {
        padding: 24px
    }

    .big-data-consulting-company-page .ks-wck-card {
        flex-wrap: wrap
    }

    .big-data-consulting-company-page .ks-wck-card .ks-wck-content {
        margin-left: 0!important;
        margin-top: 24px
    }
}

.apache_dev_page .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.apache_dev_page .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.apache_dev_page .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.apache_dev_page .ks-carousel-btn-design .carousel-control-next,.apache_dev_page .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.apache_dev_page .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_dev_page .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_dev_page .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.apache_dev_page .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.apache_dev_page .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.apache_dev_page .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

.apache_dev_page .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.apache_dev_page .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_dev_page .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_dev_page .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.apache_dev_page .owl-awards .partner-card {
    cursor: auto
}

.apache_dev_page .ks-contact-form {
    border-radius: 20px;
    padding: 30px 35px
}

.apache_dev_page .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

.apache_dev_page .ks-contact-sec label.error {
    display: block
}

.apache_dev_page .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.apache_dev_page .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

.apache_dev_page .ks-contact-sec #email-error+label.d-block,.apache_dev_page .ks-contact-sec #message-error+label.d-block,.apache_dev_page .ks-contact-sec .ks-input:focus+label.d-block,.apache_dev_page .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

.apache_dev_page .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_dev_page .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-55px)
}

.apache_dev_page .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

.apache_dev_page .ks-input-textarea-small {
    height: 60px
}

.apache_dev_page .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_dev_page .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.apache_dev_page .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.apache_dev_page .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_dev_page .ks-video-modal .modal-body {
    background-color: #000
}

.apache_dev_page .ks-video-modal.modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(0,25%)
}

.apache_dev_page .ks-video-modal.modal.show .modal-dialog {
    transform: translate(0,0)!important
}

.apache_dev_page .ks-video-modal .modal-content {
    border-radius: 0;
    height: 100%
}

.apache_dev_page .ks-video-modal .video-card,.apache_dev_page .ks-video-modal iframe {
    height: 100%;
    border: none
}

.apache_dev_page .ks-video-close img {
    width: 16px;
    filter: invert(1) brightness(0)
}

.apache_dev_page .map-img-2,.apache_dev_page .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.apache_dev_page .overview-sec {
    padding-top: 65px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center
}

.apache_dev_page .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.apache_dev_page .cv-card,.apache_dev_page .cv-card .font-24,.apache_dev_page .cv-card-data {
    transition: 0.3s ease-in-out
}

.apache_dev_page .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.apache_dev_page .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.apache_dev_page .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.apache_dev_page .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.apache_dev_page .ms-card h3 {
    color: #ffb93e
}

.apache_dev_page .ms-card-outer::after,.apache_dev_page .ms-card-outer::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px
}

.apache_dev_page .ms-card-outer::after {
    border-radius: 50%;
    background-color: #f98992;
    top: -8px;
    left: -8px
}

.apache_dev_page .ms-card-outer::before {
    background-color: #ffb93e;
    clip-path: polygon(100% 50%,0 0,0 100%);
    bottom: -10px;
    left: -8px;
    height: 19px
}

.apache_dev_page .ms-2015,.apache_dev_page .ms-2017,.apache_dev_page .ms-2019 {
    margin-left: -1px
}

.apache_dev_page .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.apache_dev_page .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.apache_dev_page .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.apache_dev_page .ks-owl-btn .owl-nav button.owl-next,.apache_dev_page .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.apache_dev_page .btn-primary {
    color: #fff;
    background-color: #113c63;
    border-color: #113c63
}

.apache_dev_page .btn-primary:hover {
    background-color: #e65a66;
    border-color: #e32235
}

.apache_dev_page .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.apache_dev_page .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.apache_dev_page .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.apache_dev_page .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.apache_dev_page .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.apache_dev_page .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.apache_dev_page .element.text-primary.ms-3 span {
    color: #fff!important
}

.apache_dev_page .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.apache_dev_page .card-shadow img.h-100.w-100 {
    object-fit: cover
}

.apache_dev_page .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.apache_dev_page .index-page-popup .modal-dialog {
    max-width: 850px
}

.apache_dev_page .index-page-popup .modal-body {
    padding-top: 60px
}

.apache_dev_page .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.apache_dev_page .kafka-tabs {
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    border-radius: 10px;
    height: 75px;
    justify-content: space-between;
    padding: 0 50px;
    align-items: center;
    margin-top: -35px;
    background: #fff;
    border: none
}

.apache_dev_page .kafka-tabs .nav-link {
    color: #343434;
    border: none!important;
    padding: 0;
    font-size: 15px
}

.apache_dev_page .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

.apache_dev_page .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: 0.3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.apache_dev_page .kafka-tabs .nav-item.active-new .nav-link::after {
    transform: scaleY(1)
}

.apache_dev_page .kafka-content {
    background: linear-gradient(180deg,#090606 0,rgba(56,56,56,.93) 100%),#191918;
    border-radius: 40px
}

.apache_dev_page .kafka-content .tab-pane {
    padding: 60px
}

.apache_dev_page .kafka-service-img {
    border-radius: 16px;
    width: 127px;
    height: 152px
}

.apache_dev_page .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.apache_dev_page .benfits-sec .tab-box {
    background: #343434
}

.apache_dev_page .kafka-page-form .ks-contact-form {
    background: linear-gradient(180deg,#363636 0,rgba(56,55,55,.93) 100%),#191918;
    padding: 50px 60px
}

.apache_dev_page .kafka-page-form .ks-captcha-outer {
    justify-content: flex-start!important;
    margin-left: -10px
}

.apache_dev_page .kafka-page-form .btn-primary {
    width: 100%
}

.apache_dev_page .kafka-page-form .ks-input,.apache_dev_page .kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

.apache_dev_page .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

.apache_dev_page .kafka-page-form label:not(.error) {
    display: inline-block!important
}

.apache_dev_page .kafka-page-form label.error {
    width: 100%
}

.apache_dev_page .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.apache_dev_page .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.apache_dev_page .service-faq-sec .card-header {
    font-size: 18px;
    color: #343434
}

.apache_dev_page .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.apache_dev_page .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.apache_dev_page .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.apache_dev_page .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.apache_dev_page .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.apache_dev_page .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.apache_dev_page .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%
}

.apache_dev_page .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.apache_dev_page .ks-salesforce-services-box .services-title {
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0;
    font-weight: 600
}

.apache_dev_page .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.apache_dev_page .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.apache_dev_page .services-description ul li {
    position: relative;
    padding-left: 20px
}

.apache_dev_page .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.apache_dev_page .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.apache_dev_page .ks-development-company-box {
    width: 100%;
    height: 100%;
    background: #f8fdff;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #343434
}

.apache_dev_page .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.apache_dev_page .insights-box {
    mix-blend-mode: normal;
    border-radius: 5px;
    float: left;
    width: 100%;
    overflow: hidden
}

.apache_dev_page .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.apache_dev_page .insights-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_dev_page .insights-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
    filter: blur(3px)
}

.apache_dev_page .insights-link {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_dev_page .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.apache_dev_page .insights-link a:hover {
    color: #b4313c
}

.apache_dev_page .insights-link a:hover svg path {
    stroke: #113c63
}

.apache_dev_page .services-salesforce-hero-sec {
    background: #0e97d8
}

.apache_dev_page .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

.apache_dev_page .salesforce-form-input:focus {
    outline: 0
}

.apache_dev_page .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

.apache_dev_page .salesforce-form-submit:focus {
    outline: 0
}

.apache_dev_page .services-salesforce-hero-sec .banner-subheading {
    animation-delay: 0.6s
}

.apache_dev_page .services-salesforce-hero-sec .contact-us-box {
    animation-delay: 0.7s
}

.apache_dev_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: 0.8s
}

.apache_dev_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: 0.9s
}

.apache_dev_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.apache_dev_page .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.apache_dev_page .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.apache_dev_page .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.apache_dev_page .salesforce-contact-us #email-error+label.d-block,.apache_dev_page .salesforce-contact-us .ks-input:focus+label.d-block,.apache_dev_page .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.apache_dev_page .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_dev_page .salesforce-contact-us .ks-input-box {
    height: 45px
}

.apache_dev_page .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.apache_dev_page .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.apache_dev_page .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_dev_page .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.apache_dev_page .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_dev_page .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.apache_dev_page .spark-bg {
    background: linear-gradient(180deg,#0b0e18 0,#1b3b61 100%);
    background-position-y: 100%!important
}

.apache_dev_page .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.apache_dev_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.apache_dev_page .ks-service-box-title h3 {
    margin-left: 30px
}

.apache_dev_page .news-home-box,.apache_dev_page .stock-investors-box {
    padding-bottom: 32px
}

.apache_dev_page .investors-box-more img {
    margin-left: 8px
}

.apache_dev_page .investors-box-more img {
    margin-left: 8px
}

.apache_dev_page .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

.apache_dev_page .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #343434
}

.apache_dev_page .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

.apache_dev_page .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

.apache_dev_page .investors-box-text ul li {
    margin-bottom: 29px
}

.apache_dev_page .investors-box-icon img {
    object-fit: contain
}

.apache_dev_page .investors-box-more.report-btn {
    position: absolute;
    width: 100%;
    bottom: 32px;
    right: 32px
}

.apache_dev_page .news-home-item p {
    margin-bottom: 15px
}

.apache_dev_page .investors-box-more:hover {
    color: #e33e35
}

.apache_dev_page .investors-box-more:hover img {
    margin-left: 12px
}

.apache_dev_page .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

.apache_dev_page .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

.apache_dev_page .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.apache_dev_page .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.apache_dev_page .ks-salesforce-tab .nav {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap
}

.apache_dev_page .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.apache_dev_page .nav-link {
    display: block
}

.apache_dev_page .nav-item .nav-link:not(.btn):hover {
    color: #e6606b
}

.apache_dev_page .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11bafc;
    border-color: #11bafc
}

.apache_dev_page .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.apache_dev_page .ks-salesforce-tab {
    position: sticky;
    top: 111px;
    z-index: 10
}

.apache_dev_page .ks-salesforce-tab ul li {
    padding: 0 20px
}

.apache_dev_page .ks-salesforce-tab ul li a {
    color: #000;
    padding: 19px 0;
    position: relative;
    font-size: 14px
}

.apache_dev_page .ks-salesforce-tab ul li a::after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: #11bafc;
    position: absolute;
    bottom: 0;
    left: 0
}

.apache_dev_page .overview-sec-parent .ks-heading-outer h2.text-dark {
    color: #fff!important
}

@media (min-width: 992px) {
    .apache_dev_page .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

@media (min-width: 769px) {
    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    .apache_dev_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }

    .apache_dev_page .ms-card-outer-2:before {
        bottom: auto;
        top: -8px
    }

    .apache_dev_page .ms-card-outer-2:after {
        top: auto;
        bottom: -8px
    }

    .apache_dev_page .ms-card-outer-2 .ms-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

    .apache_dev_page .ms-card-outer-2.ms-2020 .ms-card:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 24px;
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        right: -10px;
        top: -12px
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .apache_dev_page .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .apache_dev_page .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }

    .apache_dev_page .ks-carousel-btn-design .carousel-control-prev,.apache_dev_page .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .apache_dev_page .ks-carousel-btn-design .carousel-control-next,.apache_dev_page .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 1024px) {
    .apache_dev_page .kafka-tabs {
        padding:0 20px
    }

    .apache_dev_page .kafka-content .tab-pane {
        padding: 40px
    }
}

@media (max-width: 768px) {
    .apache_dev_page .ks-service-box-title h3 {
        width:calc(100% - 165px);
        margin-left: 15px!important
    }

    .apache_dev_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .apache_dev_page .ks-carousel-btn-design .carousel-control-next,.apache_dev_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .apache_dev_page .ms-card h3 {
        order: -1
    }

    .apache_dev_page .ms-card p {
        max-width: 100%!important
    }

    .apache_dev_page .ms-card-outer::before {
        display: none
    }

    .apache_dev_page .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }

    .apache_dev_page .index-page-popup .close {
        right: 0
    }

    .apache_dev_page .popup-imgs img {
        object-fit: contain
    }

    .apache_dev_page .popup-header .font-36,.apache_dev_page .popup-main-text {
        font-size: 24px!important
    }

    .apache_dev_page .kafka-tabs {
        display: none!important
    }
}

@media (max-width: 575px) {
    .apache_dev_page .ks-hero-bg .font-80 {
        font-size:40px!important
    }

    .apache_dev_page .ks-salesforce-tab {
        top: 57px
    }

    .apache_dev_page .ks-salesforce-tab ul li {
        padding: 0 10px
    }

    .apache_dev_page .ks-contact-sec .font-45 {
        font-size: 36px!important
    }

    .apache_dev_page .ks-career-sec-inner,.apache_dev_page .ks-carousel-item-inner,.apache_dev_page .ks-hero-bg .py-75,.apache_dev_page .ks-partner-sec {
        padding: 40px 15px
    }

    .apache_dev_page .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .apache_dev_page .ks-carousel-btn-design .carousel-control-next,.apache_dev_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .apache_dev_page .ks-carousel-btn-design .carousel-control-prev,.apache_dev_page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .apache_dev_page .ks-bottom-decorator::after {
        bottom: -8px
    }

    .apache_dev_page .ks-hero-data:after {
        display: none
    }

    .apache_dev_page .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .apache_dev_page .investors-sec-dark,.apache_dev_page .overview-sec {
        padding-top: 40px
    }

    .apache_dev_page .ks-tech-sec .carousel-indicators {
        display: none!important
    }

    .apache_dev_page .kafka-content .tab-pane {
        padding: 20px
    }

    .apache_dev_page .font-45,.apache_dev_page .font-48 {
        font-size: 28px!important
    }

    .apache_dev_page .font-36 {
        font-size: 20px!important
    }

    .apache_dev_page .benfits-sec .py-75,.apache_dev_page .bg-contact .py-100,.apache_dev_page .service-faq-sec .py-100,.apache_dev_page .solutions-sec .py-100,.apache_dev_page .wk-sec .py-100 {
        padding: 40px 20px
    }

    .apache_dev_page .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .apache_dev_page .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .apache_dev_page .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.apache_kafka_page .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.apache_kafka_page .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.apache_kafka_page .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.apache_kafka_page .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.apache_kafka_page .ks-carousel-btn-design .carousel-control-next,.apache_kafka_page .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.apache_kafka_page .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.apache_kafka_page .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.apache_kafka_page .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_kafka_page .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_kafka_page .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.apache_kafka_page .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.apache_kafka_page .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.apache_kafka_page .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

.apache_kafka_page .text-investors {
    background-image: linear-gradient(90deg,#333 0,#dd1818 92.73%)
}

.apache_kafka_page .investors-card .service-arrow-icon {
    transition: 0.3s ease-in-out
}

.apache_kafka_page .investors-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

.apache_kafka_page .investors-card:hover .service-arrow-icon {
    transform: translateX(5px)
}

.apache_kafka_page .stock-up:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: green;
    position: relative;
    top: -13px;
    margin-left: 20px;
    margin-right: 5px
}

.apache_kafka_page .partner-card:hover+.partner-card-hover {
    opacity: .3;
    filter: blur(50px);
    left: 40px
}

.apache_kafka_page .ks-owl-btn .owl-nav span {
    display: none
}

.apache_kafka_page .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.apache_kafka_page .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_kafka_page .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_kafka_page .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.apache_kafka_page .owl-awards .partner-card {
    cursor: auto
}

.apache_kafka_page .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

.apache_kafka_page .ks-contact-sec label.error {
    display: block
}

.apache_kafka_page .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.apache_kafka_page .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

.apache_kafka_page .ks-contact-sec #email-error+label.d-block,.apache_kafka_page .ks-contact-sec #message-error+label.d-block,.apache_kafka_page .ks-contact-sec .ks-input:focus+label.d-block,.apache_kafka_page .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

.apache_kafka_page .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_kafka_page .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-55px)
}

.apache_kafka_page .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

.apache_kafka_page .ks-input-textarea-small {
    height: 60px
}

.apache_kafka_page .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_kafka_page .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.apache_kafka_page .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.apache_kafka_page .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_kafka_page .ks-video-modal .modal-body {
    background-color: #000
}

.apache_kafka_page .ks-video-modal.modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(0,25%)
}

.apache_kafka_page .ks-video-modal.modal.show .modal-dialog {
    transform: translate(0,0)!important
}

.apache_kafka_page .ks-video-modal .modal-content {
    border-radius: 0;
    height: 100%
}

.apache_kafka_page .ks-video-modal .video-card,.apache_kafka_page .ks-video-modal iframe {
    height: 100%;
    border: none
}

.apache_kafka_page .ks-video-close img {
    width: 16px;
    filter: invert(1) brightness(0)
}

@media (max-width: 768px) {
    .apache_kafka_page .ks-service-box-title h3 {
        width:calc(100% - 165px);
        margin-left: 15px!important
    }

    .apache_kafka_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-prev,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-next,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .apache_kafka_page .ks-hero-bg .font-80 {
        font-size:40px!important
    }

    .apache_kafka_page .ks-contact-sec .font-45 {
        font-size: 36px!important
    }

    .apache_kafka_page .ks-career-sec-inner,.apache_kafka_page .ks-carousel-item-inner,.apache_kafka_page .ks-hero-bg .py-75,.apache_kafka_page .ks-partner-sec {
        padding: 40px 15px
    }

    .apache_kafka_page .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .apache_kafka_page .ks-services-bg .row {
        margin-right: 0
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-next,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-prev,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .apache_kafka_page .why-box-radius-left,.apache_kafka_page .why-box-radius-right,.apache_kafka_page .why-box-view {
        border-radius: 0px!important
    }
}

.apache_kafka_page .map-img-2,.apache_kafka_page .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.apache_kafka_page .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.apache_kafka_page .cv-card,.apache_kafka_page .cv-card .font-24,.apache_kafka_page .cv-card-data {
    transition: 0.3s ease-in-out
}

.apache_kafka_page .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.apache_kafka_page .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.apache_kafka_page .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.apache_kafka_page .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.apache_kafka_page .ms-card h3 {
    color: #ffb93e
}

.apache_kafka_page .ms-card-outer::after,.apache_kafka_page .ms-card-outer::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px
}

.apache_kafka_page .ms-card-outer::after {
    border-radius: 50%;
    background-color: #f98992;
    top: -8px;
    left: -8px
}

.apache_kafka_page .ms-card-outer::before {
    background-color: #ffb93e;
    clip-path: polygon(100% 50%,0 0,0 100%);
    bottom: -10px;
    left: -8px;
    height: 19px
}

.apache_kafka_page .ms-2015,.apache_kafka_page .ms-2017,.apache_kafka_page .ms-2019 {
    margin-left: -1px
}

.apache_kafka_page .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.apache_kafka_page .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.apache_kafka_page .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.apache_kafka_page .ks-owl-btn .owl-nav button.owl-next,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.apache_kafka_page .btn-primary {
    color: #fff;
    background-color: #113c63;
    border-color: #113c63
}

.apache_kafka_page .btn-primary:hover {
    background-color: #e65a66;
    border-color: #e65a66
}

.apache_kafka_page .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.apache_kafka_page .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.apache_kafka_page .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.apache_kafka_page .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.apache_kafka_page .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.apache_kafka_page .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.apache_kafka_page .element.text-primary.ms-3 span {
    color: #fff!important
}

.apache_kafka_page .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .apache_kafka_page .ks-service-box-inner .apache_kafka_page .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    .apache_kafka_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }

    .apache_kafka_page .ms-card-outer-2:before {
        bottom: auto;
        top: -8px
    }

    .apache_kafka_page .ms-card-outer-2:after {
        top: auto;
        bottom: -8px
    }

    .apache_kafka_page .ms-card-outer-2 .ms-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

    .apache_kafka_page .ms-card-outer-2.ms-2020 .ms-card:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 24px;
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        right: -10px;
        top: -12px
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .apache_kafka_page .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .apache_kafka_page .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-prev,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .apache_kafka_page .ks-carousel-btn-design .carousel-control-next,.apache_kafka_page .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    .apache_kafka_page .ms-card h3 {
        order:-1
    }

    .apache_kafka_page .ms-card p {
        max-width: 100%!important
    }

    .apache_kafka_page .ms-card-outer::before {
        display: none
    }

    .apache_kafka_page .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .apache_kafka_page .ks-bottom-decorator::after {
        bottom:-8px
    }

    .apache_kafka_page .ks-hero-data:after {
        display: none
    }

    .apache_kafka_page .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .apache_kafka_page .investors-sec-dark,.apache_kafka_page .overview-sec {
        padding-top: 40px
    }

    .apache_kafka_page .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.apache_kafka_page .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.apache_kafka_page .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .apache_kafka_page .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.apache_kafka_page .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.apache_kafka_page .index-page-popup .modal-dialog {
    max-width: 850px
}

.apache_kafka_page .index-page-popup .modal-content {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/index-page/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.apache_kafka_page .index-page-popup .modal-body {
    padding-top: 60px
}

.apache_kafka_page .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

@media (max-width: 768px) {
    .apache_kafka_page .index-page-popup .close {
        right:0
    }

    .apache_kafka_page .popup-imgs img {
        object-fit: contain
    }

    .apache_kafka_page .popup-header .font-36,.apache_kafka_page .popup-main-text {
        font-size: 24px!important
    }
}

.apache_kafka_page .kafka-tabs {
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    border-radius: 10px;
    height: 75px;
    justify-content: space-between;
    padding: 0 50px!important;
    align-items: center;
    margin-top: -35px;
    background: #fff;
    border: none
}

.apache_kafka_page .kafka-tabs .nav-link {
    color: #343434;
    border: none!important;
    padding: 0;
    font-size: 15px
}

.apache_kafka_page .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

.apache_kafka_page .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: 0.3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.apache_kafka_page .kafka-tabs .nav-item.active-new .nav-link::after {
    transform: scaleY(1)
}

.apache_kafka_page .kafka-content .tab-pane {
    padding: 60px
}

.apache_kafka_page .kafka-service-box {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.04);
    border-radius: 20px;
    min-height: 278px
}

.apache_kafka_page .kafka-service-img {
    border-radius: 16px;
    width: 127px;
    height: 152px
}

.apache_kafka_page .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.apache_kafka_page .benfits-sec .tab-box {
    background: #343434
}

.apache_kafka_page .kafka-page-form .ks-contact-form {
    background: linear-gradient(180deg,#363636 0,rgba(56,55,55,.93) 100%),#191918;
    padding: 50px 60px
}

.apache_kafka_page .kafka-page-form .ks-captcha-outer {
    justify-content: flex-start!important;
    margin-left: -10px
}

.apache_kafka_page .kafka-page-form .btn-primary {
    width: 100%
}

.apache_kafka_page .kafka-page-form .ks-input,.apache_kafka_page .kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

.apache_kafka_page .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

.apache_kafka_page .kafka-page-form label:not(.error) {
    display: inline-block!important
}

.apache_kafka_page .kafka-page-form label.error {
    width: 100%
}

.apache_kafka_page .wk-box .font-14 {
    color: #000
}

.apache_kafka_page .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.apache_kafka_page .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.apache_kafka_page .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.apache_kafka_page .service-faq-sec .card-header {
    font-size: 18px;
    color: #343434
}

.apache_kafka_page .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.apache_kafka_page .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.apache_kafka_page .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.apache_kafka_page .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.apache_kafka_page .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.apache_kafka_page .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.apache_kafka_page .services-hero-sec {
    background-image: url(/image/kafka-bg.jpg);
    background-color: rgba(5,3,3,.81);
    background-blend-mode: color;
    background-size: 120vw;
    background-repeat: no-repeat;
    background-position-x: center
}

@media (max-width: 1024px) {
    .apache_kafka_page .kafka-tabs {
        padding:0 20px
    }

    .apache_kafka_page .services-hero-sec {
        background-size: 120vh
    }

    .apache_kafka_page .kafka-content .tab-pane {
        padding: 60px
    }
}

@media (max-width: 768px) {
    .apache_kafka_page .services-hero-sec {
        background-size:cover
    }

    .apache_kafka_page .kafka-tabs {
        display: none!important
    }

    .apache_kafka_page .kafka-content {
        margin-top: 40px
    }
}

@media (max-width: 575px) {
    .apache_kafka_page .kafka-content .tab-pane {
        padding:20px
    }

    .apache_kafka_page .font-45,.apache_kafka_page .font-48 {
        font-size: 28px!important
    }

    .apache_kafka_page .benfits-sec .py-75,.apache_kafka_page .bg-contact .py-100,.apache_kafka_page .service-faq-sec .py-100,.apache_kafka_page .solutions-sec .py-100,.apache_kafka_page .wk-sec .py-100 {
        padding: 40px 20px
    }

    .apache_kafka_page .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .apache_kafka_page .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .apache_kafka_page .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }

    .apache_kafka_page .services-hero svg {
        height: auto
    }
}

.apache_kafka_page .overview-image-box .overview-image {
    width: 100%;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.apache_kafka_page .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%
}

.apache_kafka_page .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.apache_kafka_page .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

.apache_kafka_page .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.apache_kafka_page .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.apache_kafka_page .services-description ul li {
    position: relative;
    padding-left: 20px
}

.apache_kafka_page .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.apache_kafka_page .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.apache_kafka_page .ks-development-company-box {
    width: 100%;
    height: 100%;
    background: #f8fdff;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #343434
}

.apache_kafka_page .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.apache_kafka_page .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.apache_kafka_page .insights-box {
    mix-blend-mode: normal;
    border-radius: 5px;
    float: left;
    width: 100%;
    overflow: hidden
}

.apache_kafka_page .insights-type {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_kafka_page .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.apache_kafka_page .insights-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_kafka_page .insights-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
    filter: blur(3px)
}

.apache_kafka_page .insights-link {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_kafka_page .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.apache_kafka_page .insights-link a:hover {
    color: #b4313c
}

.apache_kafka_page .insights-link a:hover svg path {
    stroke: #113c63
}

.apache_kafka_page .services-salesforce-hero-sec {
    background: #0e97d8
}

@media (min-width: 768px) {
    .apache_kafka_page .services-salesforce-hero-bg {
        background:url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/service-page/services-salesforce-hero-bg.png);
        background-blend-mode: color;
        background-size: 100vw;
        background-repeat: no-repeat;
        background-position: center
    }
}

.apache_kafka_page .salesforce-item:first-child {
    margin-top: 0
}

.apache_kafka_page .salesforce-item:last-child {
    margin-bottom: 0
}

.apache_kafka_page .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

.apache_kafka_page .salesforce-form-input:focus {
    outline: 0
}

.apache_kafka_page .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

.apache_kafka_page .salesforce-form-submit:focus {
    outline: 0
}

.apache_kafka_page .services-salesforce-hero-sec .banner-subheading {
    animation-delay: 0.6s
}

.apache_kafka_page .services-salesforce-hero-sec .contact-us-box {
    animation-delay: 0.7s
}

.apache_kafka_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: 0.8s
}

.apache_kafka_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: 0.9s
}

.apache_kafka_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.apache_kafka_page .salesforce-tabs {
    justify-content: space-evenly!important
}

.apache_kafka_page .ks-salesforce-services-bg {
    background: #fdfbfb
}

.apache_kafka_page .ks-sales-sec {
    background: #fdfbfb
}

.apache_kafka_page .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.apache_kafka_page .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.apache_kafka_page .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.apache_kafka_page .salesforce-contact-us #email-error+label.d-block,.apache_kafka_page .salesforce-contact-us .ks-input:focus+label.d-block,.apache_kafka_page .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.apache_kafka_page .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_kafka_page .salesforce-contact-us .ks-input-box {
    height: 45px
}

.apache_kafka_page .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.apache_kafka_page .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.apache_kafka_page .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_kafka_page .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.apache_kafka_page .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_kafka_page .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.apache_kafka_page .why-box-item {
    flex-direction: column
}

.apache_kafka_page .why-box-item-header {
    height: 180px;
    line-height: 30px;
    color: #343434
}

.apache_kafka_page .why-box-item-body {
    line-height: 24px;
    color: #4b4b4b
}

.apache_kafka_page .why-box-radius-left {
    border-top-left-radius: 20px;
    overflow: hidden
}

.apache_kafka_page .why-box-radius-right {
    border-top-right-radius: 20px;
    overflow: hidden
}

.apache_kafka_page .microservices-bg .services-salesforce-hero-bg {
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/service-page/microservices-hero-bg.png)!important
}

.apache_kafka_page .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.apache_kafka_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.apache_kafka_page .ks-service-box-title h3 {
    margin-left: 30px
}

.apache_kafka_page .news-home-box,.apache_kafka_page .stock-investors-box {
    padding-bottom: 32px
}

.apache_kafka_page .investors-box-more {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #afafaf;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.apache_kafka_page .investors-box-more img {
    margin-left: 8px
}

.apache_kafka_page .investors-box-more img {
    margin-left: 8px
}

.apache_kafka_page .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

.apache_kafka_page .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #343434
}

.apache_kafka_page .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

.apache_kafka_page .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

.apache_kafka_page .investors-box-text ul li {
    margin-bottom: 29px
}

.apache_kafka_page .investors-box-icon img {
    object-fit: contain
}

.apache_kafka_page .investors-box-more.report-btn {
    position: absolute;
    width: 100%;
    bottom: 32px;
    right: 32px
}

.apache_kafka_page .news-home-item p {
    margin-bottom: 15px
}

.apache_kafka_page .investors-box-more:hover {
    color: #e33e35
}

.apache_kafka_page .investors-box-more:hover img {
    margin-left: 12px
}

.apache_kafka_page .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

.apache_kafka_page .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

.apache_kafka_page .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.apache_kafka_page .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.apache_kafka_page .magento-banner-bg {
    background: linear-gradient(180deg,#ffca7a 0%,#563a19 100%);
    background-position-y: 100%!important
}

.apache_kafka_page .ks-salesforce-tab .nav {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: start
}

.apache_kafka_page .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.apache_kafka_page .nav-link {
    display: block
}

.apache_kafka_page .nav-item .nav-link:not(.btn):hover {
    color: #e6606b
}

.apache_kafka_page .ks-salesforce-tab {
    position: sticky;
    top: 111px;
    z-index: 10
}

.apache_kafka_page .ks-salesforce-tab ul li {
    padding: 0 20px
}

@media (max-width: 575px) {
    .apache_kafka_page .ks-salesforce-tab {
        top:57px
    }

    .apache_kafka_page .ks-salesforce-tab ul li {
        padding: 0 10px
    }
}

.apache_kafka_page .ks-salesforce-tab ul li a {
    color: #000;
    padding: 19px 0;
    position: relative;
    font-size: 14px
}

.apache_kafka_page .ks-salesforce-tab ul li a::after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: #11bafc;
    position: absolute;
    bottom: 0;
    left: 0
}

.apache_kafka_page .why-ksolves-sec-parent h2.text-dark {
    color: #fff!important
}

.apache_cassandra_page .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.apache_cassandra_page .ks-carousel-btn-design .carousel-control-next,.apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.apache_cassandra_page .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_cassandra_page .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

.apache_cassandra_page .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.apache_cassandra_page .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.apache_cassandra_page .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.new-nifi-apache-developement section.service-faq-sec details.card .card-body {
    padding-left: 35px
}

.apache_cassandra_page .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

.apache_cassandra_page .investors-card .service-arrow-icon {
    transition: 0.3s ease-in-out
}

.apache_cassandra_page .investors-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

.apache_cassandra_page .investors-card:hover .service-arrow-icon {
    transform: translateX(5px)
}

.apache_cassandra_page .stock-up:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: green;
    position: relative;
    top: -13px;
    margin-left: 20px;
    margin-right: 5px
}

.apache_cassandra_page .partner-card:hover+.partner-card-hover {
    opacity: .3;
    filter: blur(50px);
    left: 40px
}

.apache_cassandra_page .partner-card-hover {
    transition: 0.3s ease-in-out;
    width: 211.03px;
    height: 111px;
    background: #685a39;
    opacity: 0;
    filter: blur(0);
    border-radius: 30px;
    position: absolute;
    bottom: -30px
}

.apache_cassandra_page .ks-owl-btn .owl-nav span {
    display: none
}

.apache_cassandra_page .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

.apache_cassandra_page .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.apache_cassandra_page .owl-awards .partner-card {
    cursor: auto
}

.apache_cassandra_page .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

.apache_cassandra_page .ks-contact-sec label.error {
    display: block
}

.apache_cassandra_page .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.apache_cassandra_page .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

.apache_cassandra_page .ks-contact-sec #email-error+label.d-block,.apache_cassandra_page .ks-contact-sec #message-error+label.d-block,.apache_cassandra_page .ks-contact-sec .ks-input:focus+label.d-block,.apache_cassandra_page .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

.apache_cassandra_page .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_cassandra_page .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-55px)
}

.apache_cassandra_page .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

.apache_cassandra_page .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_cassandra_page .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.apache_cassandra_page .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.apache_cassandra_page .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_cassandra_page .ks-video-modal .modal-body {
    background-color: #000
}

.apache_cassandra_page .ks-video-modal.modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(0,25%)
}

.apache_cassandra_page .ks-video-modal.modal.show .modal-dialog {
    transform: translate(0,0)!important
}

.apache_cassandra_page .ks-video-modal .modal-content {
    border-radius: 0;
    height: 100%
}

.apache_cassandra_page .ks-video-modal .video-card,.apache_cassandra_page .ks-video-modal iframe {
    height: 100%;
    border: none
}

.apache_cassandra_page .ks-video-close img {
    width: 16px;
    filter: invert(1) brightness(0)
}

div#contact_modal_event .wpcf7-response-output {
    display: none
}

.container.nifi-trending-blog .btn-width-full {
    margin-top: 40px!important
}

@media (max-width: 768px) {
    .apache_cassandra_page .ks-service-box-title h3 {
        width:calc(100% - 165px);
        margin-left: 15px!important
    }

    .apache_cassandra_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-next,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .new-nifi-apache-developement section.service-faq-sec details.card .card-body {
        padding-left: 12px
    }

    .container.nifi-trending-blog .btn-width-full {
        margin-top: 8px!important
    }
}

@media (max-width: 575px) {
    .apache_cassandra_page .ks-hero-bg .font-80 {
        font-size:40px!important
    }

    .apache_cassandra_page .ks-contact-sec .font-45 {
        font-size: 36px!important
    }

    .apache_cassandra_page .ks-career-sec-inner,.apache_cassandra_page .ks-carousel-item-inner,.apache_cassandra_page .ks-hero-bg .py-75,.apache_cassandra_page .ks-partner-sec {
        padding: 40px 15px
    }

    .apache_cassandra_page .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .apache_cassandra_page .ks-services-bg .row {
        margin-right: 0
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-next,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }
}

.apache_cassandra_page .map-img-2,.apache_cassandra_page .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

.apache_cassandra_page .salesforce-img-part {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    animation: salesforceImg 1s ease-in-out forwards 0.6s
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.apache_cassandra_page .overview-sec {
    padding-top: 65px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center
}

.apache_cassandra_page .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.apache_cassandra_page .cv-card,.apache_cassandra_page .cv-card .font-24,.apache_cassandra_page .cv-card-data {
    transition: 0.3s ease-in-out
}

.apache_cassandra_page .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.apache_cassandra_page .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.apache_cassandra_page .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.apache_cassandra_page .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.apache_cassandra_page .value-sec-row {
    max-width: 1000px
}

.apache_cassandra_page .milestone-sec {
    background-color: #021132
}

.apache_cassandra_page .ms-card h3 {
    color: #ffb93e
}

.apache_cassandra_page .ms-card-outer::after,.apache_cassandra_page .ms-card-outer::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px
}

.apache_cassandra_page .ms-card-outer::after {
    border-radius: 50%;
    background-color: #f98992;
    top: -8px;
    left: -8px
}

.apache_cassandra_page .ms-card-outer::before {
    background-color: #ffb93e;
    clip-path: polygon(100% 50%,0 0,0 100%);
    bottom: -10px;
    left: -8px;
    height: 19px
}

.apache_cassandra_page .ms-2015,.apache_cassandra_page .ms-2017,.apache_cassandra_page .ms-2019 {
    margin-left: -1px
}

.apache_cassandra_page .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.apache_cassandra_page .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.apache_cassandra_page .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-next,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.apache_cassandra_page .btn-primary {
    color: #fff;
    background-color: #113c63;
    border-color: #113c63
}

.apache_cassandra_page .btn-primary:hover {
    background-color: #e65a66;
    border-color: #e65a66
}

.apache_cassandra_page .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.apache_cassandra_page .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.apache_cassandra_page .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.apache_cassandra_page .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.apache_cassandra_page .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.apache_cassandra_page .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.apache_cassandra_page .element.text-primary.ms-3 span {
    color: #fff!important
}

.apache_cassandra_page .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    .apache_cassandra_page .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }

    .apache_cassandra_page .ms-card-outer-2:before {
        bottom: auto;
        top: -8px
    }

    .apache_cassandra_page .ms-card-outer-2:after {
        top: auto;
        bottom: -8px
    }

    .apache_cassandra_page .ms-card-outer-2 .ms-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

    .apache_cassandra_page .ms-card-outer-2.ms-2020 .ms-card:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 24px;
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        right: -10px;
        top: -12px
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .apache_cassandra_page .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .apache_cassandra_page .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-prev,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .apache_cassandra_page .ks-carousel-btn-design .carousel-control-next,.apache_cassandra_page .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    .apache_cassandra_page .ms-card h3 {
        order:-1
    }

    .apache_cassandra_page .ms-card p {
        max-width: 100%!important
    }

    .apache_cassandra_page .ms-card-outer::before {
        display: none
    }

    .apache_cassandra_page .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .apache_cassandra_page .ks-hero-data:after {
        display:none
    }

    .apache_cassandra_page .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .apache_cassandra_page .investors-sec-dark,.apache_cassandra_page .overview-sec {
        padding-top: 40px
    }

    .apache_cassandra_page .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.apache_cassandra_page .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.apache_cassandra_page .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .apache_cassandra_page .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.apache_cassandra_page .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.apache_cassandra_page .index-page-popup .modal-dialog {
    max-width: 850px
}

.apache_cassandra_page .index-page-popup .modal-content {
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.apache_cassandra_page .index-page-popup .modal-body {
    padding-top: 60px
}

.apache_cassandra_page .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

@media (max-width: 768px) {
    .apache_cassandra_page .index-page-popup .close {
        right:0
    }

    .apache_cassandra_page .popup-imgs img {
        object-fit: contain
    }

    .apache_cassandra_page .popup-header .font-36,.apache_cassandra_page .popup-main-text {
        font-size: 24px!important
    }
}

.apache_cassandra_page .kafka-tabs {
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    border-radius: 10px;
    height: 75px;
    justify-content: space-between;
    padding: 0 50px;
    align-items: center;
    margin-top: -35px;
    background: #fff;
    border: none
}

.apache_cassandra_page .kafka-tabs .nav-link {
    color: #343434;
    border: none!important;
    padding: 0;
    font-size: 15px
}

.apache_cassandra_page .kafka-content {
    background: linear-gradient(180deg,#090606 0,rgba(56,56,56,.93) 100%),#191918;
    border-radius: 40px
}

.apache_cassandra_page .kafka-content .tab-pane {
    padding: 60px
}

.apache_cassandra_page .kafka-service-img {
    border-radius: 16px;
    width: 127px;
    height: 152px
}

.apache_cassandra_page .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.apache_cassandra_page .benfits-sec .tab-box {
    background: #343434
}

.apache_cassandra_page .kafka-page-form {
    max-width: 475px;
    padding-top: 0
}

.apache_cassandra_page .kafka-page-form .ks-contact-form {
    background: linear-gradient(180deg,#363636 0,rgba(56,55,55,.93) 100%),#191918;
    padding: 50px 60px
}

.apache_cassandra_page .kafka-page-form .ks-captcha-outer {
    justify-content: flex-start!important;
    margin-left: -10px
}

.apache_cassandra_page .kafka-page-form .btn-primary {
    width: 100%
}

.apache_cassandra_page .kafka-page-form .ks-input,.apache_cassandra_page .kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

.apache_cassandra_page .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

.apache_cassandra_page .kafka-page-form label:not(.error) {
    display: inline-block!important
}

.apache_cassandra_page .kafka-page-form label.error {
    width: 100%
}

.apache_cassandra_page .wk-box .font-14 {
    color: #000
}

.apache_cassandra_page .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

.apache_cassandra_page .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.apache_cassandra_page .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.apache_cassandra_page .service-faq-sec .card-header {
    font-size: 18px;
    color: #343434
}

.apache_cassandra_page .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.apache_cassandra_page .service-faq-sec #accordion {
    max-width: 972px;
    margin: auto
}

.apache_cassandra_page .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

.apache_cassandra_page .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.apache_cassandra_page .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.apache_cassandra_page .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 1024px) {
    .apache_cassandra_page .kafka-tabs {
        padding:0 20px
    }

    .apache_cassandra_page .kafka-content .tab-pane {
        padding: 40px
    }
}

@media (max-width: 768px) {
    .apache_cassandra_page .kafka-tabs {
        display:none!important
    }
}

@media (max-width: 575px) {
    .apache_cassandra_page .kafka-content .tab-pane {
        padding:20px
    }

    .apache_cassandra_page .font-45,.apache_cassandra_page .font-48 {
        font-size: 28px!important
    }

    .apache_cassandra_page .benfits-sec .py-75,.apache_cassandra_page .bg-contact .py-100,.apache_cassandra_page .service-faq-sec .py-100,.apache_cassandra_page .solutions-sec .py-100,.apache_cassandra_page .wk-sec .py-100 {
        padding: 40px 20px
    }

    .apache_cassandra_page .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .apache_cassandra_page .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .apache_cassandra_page .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.apache_cassandra_page .overview-image-box .overview-image {
    width: 100%
}

.apache_cassandra_page .overview-image-box #ks-vid-play {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.apache_cassandra_page .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%
}

.apache_cassandra_page .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.apache_cassandra_page .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

.apache_cassandra_page .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.apache_cassandra_page .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.apache_cassandra_page .services-description ul li {
    position: relative;
    padding-left: 20px
}

.apache_cassandra_page .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.apache_cassandra_page .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.apache_cassandra_page .ks-development-company-box {
    width: 100%;
    height: 100%;
    background: #f8fdff;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #343434
}

.apache_cassandra_page .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.apache_cassandra_page .insights-box {
    mix-blend-mode: normal;
    border-radius: 5px;
    float: left;
    width: 100%;
    overflow: hidden
}

.apache_cassandra_page .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.apache_cassandra_page .insights-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_cassandra_page .insights-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
    filter: blur(3px)
}

.apache_cassandra_page .insights-link {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.apache_cassandra_page .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.apache_cassandra_page .insights-link a:hover {
    color: #b4313c
}

.apache_cassandra_page .insights-link a:hover svg path {
    stroke: #113c63
}

.apache_cassandra_page .services-salesforce-hero-sec {
    background: #0e97d8
}

.apache_cassandra_page .salesforce-item:first-child {
    margin-top: 0
}

.apache_cassandra_page .salesforce-item:last-child {
    margin-bottom: 0
}

.apache_cassandra_page .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

.apache_cassandra_page .salesforce-form-input:focus {
    outline: 0
}

.apache_cassandra_page .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

.apache_cassandra_page .salesforce-form-submit:focus {
    outline: 0
}

.apache_cassandra_page .services-salesforce-hero-sec .banner-subheading {
    animation-delay: 0.6s
}

.apache_cassandra_page .services-salesforce-hero-sec .contact-us-box {
    animation-delay: 0.7s
}

.apache_cassandra_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: 0.8s
}

.apache_cassandra_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: 0.9s
}

.apache_cassandra_page .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.apache_cassandra_page .salesforce-tabs {
    justify-content: space-evenly
}

.apache_cassandra_page .ks-salesforce-services-bg {
    background: #fdfbfb
}

.apache_cassandra_page .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.apache_cassandra_page .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.apache_cassandra_page .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.apache_cassandra_page .salesforce-contact-us #email-error+label.d-block,.apache_cassandra_page .salesforce-contact-us .ks-input:focus+label.d-block,.apache_cassandra_page .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.apache_cassandra_page .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.apache_cassandra_page .salesforce-contact-us .ks-input-box {
    height: 45px
}

.apache_cassandra_page .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.apache_cassandra_page .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.apache_cassandra_page .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.apache_cassandra_page .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.apache_cassandra_page .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.apache_cassandra_page .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.apache_cassandra_page .cassandra-bg {
    background: linear-gradient(180deg,#357fa4 0,#194256 100%);
    background-position-y: 100%!important
}

.apache_cassandra_page .why-box-radius-right {
    border-top-right-radius: 20px;
    overflow: hidden
}

.apache_cassandra_page .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.apache_cassandra_page .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.apache_cassandra_page .ks-service-box-title h3 {
    margin-left: 30px
}

.apache_cassandra_page .news-home-box,.apache_cassandra_page .stock-investors-box {
    padding-bottom: 32px
}

.apache_cassandra_page .investors-box-more img {
    margin-left: 8px
}

.apache_cassandra_page .investors-box-more img {
    margin-left: 8px
}

.apache_cassandra_page .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

.apache_cassandra_page .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    color: #343434
}

.apache_cassandra_page .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

.apache_cassandra_page .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

.apache_cassandra_page .investors-box-text ul li {
    margin-bottom: 29px
}

.apache_cassandra_page .investors-box-icon img {
    object-fit: contain
}

.apache_cassandra_page .investors-box-more.report-btn {
    position: absolute;
    width: 100%;
    bottom: 32px;
    right: 32px
}

.apache_cassandra_page .news-home-item p {
    margin-bottom: 15px
}

.apache_cassandra_page .investors-box-more:hover {
    color: #e33e35
}

.apache_cassandra_page .investors-box-more:hover img {
    margin-left: 12px
}

.apache_cassandra_page .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

.apache_cassandra_page .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

.apache_cassandra_page .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.apache_cassandra_page .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.apache_cassandra_page .ks-salesforce-tab .nav {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap
}

.apache_cassandra_page .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.apache_cassandra_page .nav-link {
    display: block
}

.apache_cassandra_page .nav-item .nav-link:not(.btn):hover {
    color: #e6606b
}

.apache_cassandra_page .ks-salesforce-tab {
    position: sticky;
    top: 111px;
    z-index: 10
}

.apache_cassandra_page .ks-salesforce-tab ul li {
    padding: 0 20px
}

@media (max-width: 575px) {
    .apache_cassandra_page .ks-salesforce-tab {
        top:57px
    }

    .apache_cassandra_page .ks-salesforce-tab ul li {
        padding: 0 10px
    }
}

.apache_cassandra_page .ks-salesforce-tab ul li a {
    color: #000;
    padding: 19px 0;
    position: relative;
    font-size: 14px
}

.apache_cassandra_page .ks-salesforce-tab ul li a::after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: #dc2230;
    position: absolute;
    bottom: 0;
    left: 0
}

.apache_cassandra_page .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: 0.3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.apache_cassandra_page .kafka-tabs .nav-item.active-new .nav-link::after {
    transform: scaleY(1)
}

.apache_cassandra_page .overview-sec-parent .ks-heading-outer h2.text-dark {
    color: #fff!important
}

.apache_nifi .ks-java-banner-section {
    background-image: url(/image/java-banner-1-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.apache_nifi .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.apache_nifi .java-service-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center
}

.apache_nifi .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.apache_nifi .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px
}

@media (min-width: 1200px) {
    .apache_nifi .ks-whychoose-card {
        width:377px
    }
}

@media (min-width: 992px) {
    .apache_nifi .ks-java-banner-section {
    }

    .apache_nifi .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .apache_nifi .ks-whychoose-card {
        height: 128px
    }
}

@media (max-width: 568px) {
    .apache_nifi .h-sm-auto {
        height:auto
    }

    .apache_nifi .font-sm-32 {
        font-size: 32px!important
    }
}

.apache_nifi .ks-check-icon:before {
    content: ""!important;
    background-image: url(/image/check-circle-2.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.apache_nifi .ks-check-icon.ks-check-icon-white:before {
    background-image: url(/image/check-circle-white.svg)!important
}

.apache_nifi .list-style-none {
    list-style: none
}

.apache_hadoop_page .ks-java-banner-section {
    background-image: url(/image/java-banner-1-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.apache_hadoop_page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.apache_hadoop_page .java-service-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center
}

.apache_hadoop_page .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.apache_hadoop_page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px
}

@media (min-width: 1200px) {
    .apache_hadoop_page .ks-whychoose-card {
        width:377px
    }
}

@media (min-width: 992px) {
    .apache_hadoop_page .ks-java-banner-section {
        height:630px
    }

    .apache_hadoop_page .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .apache_hadoop_page .ks-whychoose-card {
        height: 128px
    }
}

@media (max-width: 568px) {
    .apache_hadoop_page .h-sm-auto {
        height:auto
    }

    .apache_hadoop_page .font-sm-32 {
        font-size: 32px!important
    }
}

div#contact_modal .popup-container.custom-popup-area,div#contact_modal_event .popup-container.custom-popup-area {
    max-width: 747px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    min-height: 581px;
    height: auto
}

div#contact_modal .popup-container.custom-popup-area .form-request-call,div#contact_modal_event .popup-container.custom-popup-area .form-request-call {
    padding: 20px 20px 30px;
    background-color: #fff;
    border-radius: 16px
}

section.case-study-bg .owl-carousel.case-study-slider .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

section.case-study-bg .owl-carousel.case-study-slider .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

section.case-study-bg .owl-carousel.case-study-slider .owl-nav button.owl-prev:hover,section.case-study-bg .owl-carousel.case-study-slider .owl-nav button.owl-next:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%
}

.hidden-explore-episode-hidden {
    height: 100%!important
}

.audio-hidden {
    display: none
}

.ReactModal__Content {
    position: fixed;
    inset: 40px;
    overflow: auto;
    outline: none;
    border-radius: 0px!important;
    border: none!important;
    color: #fff!important;
    padding: 20px!important;
    height: 168px!important;
    max-width: 100%!important;
    width: 100%!important;
    margin: 0!important;
    bottom: 0!important;
    left: 0!important;
    top: auto!important;
    z-index: 9999999999;
    background: linear-gradient(269.23deg,#313A8F 9.38%,#210E57 46.87%,#5F6491 92.55%)!important
}

.episode-audio {
    width: 500px;
    background-color: #fff;
    -moz-background-color: #fff!important;
    border-radius: 4px
}

.podcast-popup-close {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.input-present {
    font-size: 14px!important;
    background-color: #fff!important;
    top: -8px!important;
    left: 8px!important;
    padding: 0 8px!important;
    font-weight: 400!important;
    z-index: 999!important
}

.btn-read-more span {
    transition: all .2s ease-in-out;
    display: inline-block
}

.btn-read-more span:hover {
    transform: scale(1.1)
}

.popup-container.custom-popup-area .wpcf7-submit {
    background: transparent
}

.ks-bottom-form .wpcf7-submit {
    background: transparent
}

.ks-form-outer.Request_form.have_project_idea .footer-form-sub {
    width: 100%
}

div#contact_modal .ks-form-outer.Request_form.have_project_idea .footer-form-sub input.wpcf7-form-control.wpcf7-submit,div#rfp_contact_modal .ks-form-outer.Request_form.have_project_idea .footer-form-sub input.wpcf7-form-control.wpcf7-submit {
    height: 55px;
    bottom: 0;
    width: 100%
}

div#contact_modal .ks-form-outer.Request_form.have_project_idea .footer-form-sub,div#rfp_contact_modal .ks-form-outer.Request_form.have_project_idea .footer-form-sub {
    width: 100%;
    padding: 0!important
}

.footer-col-form .footer-form .footer-form-sub {
    width: 100%;
    padding: 0!important
}

.footer-col-form .footer-form .footer-form-sub p {
    width: 100%;
    height: 55px
}

.footer-col-form .footer-form .footer-form-sub p input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    height: 55px;
    line-height: 55px;
    bottom: 0
}

.podcast-main .ks-form-outer .form-unit input::placeholder {
    color: rgba(200,200,200,.7)!important
}

.popup-container.custom-popup-area sup,.footer-form sup {
    top: -.5em;
    left: .5em
}

div#contact_modal ul li,div#rfp_contact_modal ul li {
    display: flex;
    align-items: center
}

div#contact_modal ul li a,div#rfp_contact_modal ul li a {
    display: flex;
    align-items: center
}

#performance-testing-page .ks-form-outer.ui-form {
    max-width: 672px;
    width: 100%;
    margin: 0 auto
}

#performance-testing-page .ks-form-outer.ui-form .form-unit {
    width: 100%;
    max-width: 244px
}

.wpcf7-not-valid-tip {
    text-align: left;
    padding-top: 0
}

#performance-testing-page .ks-ui-experties {
    position: relative
}

#performance-testing-page .ks-ui-experties form.wpcf7-form.invalid .wpcf7-response-output {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 500px;
    bottom: 77px;
    font-size: 14px;
    display: none
}

#contact_modal .wpcf7 form .wpcf7-response-output {
    color: #000;
    display: none
}

.apache_hadoop_page .container {
    max-width: 1320px;
    width: 100%
}

#performance-testing-page .ui-form .form-unit .form-control::placeholder {
    color: #767676!important
}

.ks-form-outer .footer-submit {
    height: 55px
}

@media(min-width: 1200px) {
    .prestashop-development .ks-whychoose-card {
        width:377px
    }
}

@media(min-width: 992px) {
    .prestashop-development .ks-java-banner-section {
        min-height:630px
    }

    .prestashop-development .ks-whychoose-card {
        height: 128px
    }
}

@media (max-width: 991px) {
    .podcast-main .container {
        max-width:960px!important;
        width: 100%
    }

    #performance-testing-page .ks-ui-experties form.wpcf7-form.invalid .wpcf7-response-output {
        bottom: 10px
    }
}

@media (max-width: 768px) {
    .prestashop-development .font-sm-32 {
        font-size:32px!important
    }

    div#contact_modal .popup-container.custom-popup-area,div#contact_modal_event .popup-container.custom-popup-area {
        width: 90%;
        margin: 0 auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 80%;
        min-height: auto;
        max-width: 747px;
        z-index: 9999
    }

    .case-Studies-title {
        font-size: 28px
    }

    .podcast-main .container,.ks-salesforce-crm.ks-looking-for-section .container,section#trending_section .container.trending-blog {
        max-width: 720px!important;
        width: 100%
    }

    .episode-audio {
        width: 250px
    }

    .ReactModal__Content {
        height: auto!important;
        max-width: 100%!important
    }

    #performance-testing-page .ks-ui-experties form.wpcf7-form.invalid .wpcf7-response-output {
        bottom: 12px
    }

    .ellipsis-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #contact_modal .popup-container.custom-popup-area .wpcf7-submit {
        background: transparent;
        line-height: 34px;
        bottom: 0;
        height: auto!important
    }

    .ks-form-outer .footer-submit {
        line-height: 55px;
        padding: 0!important;
        height: 55px
    }

    #contact_modal .ks-form-outer .footer-submit {
        line-height: 55px
    }
}

@media (max-width: 767px) {
    div#contact_modal .popup-container.custom-popup-area,div#contact_modal_event .popup-container.custom-popup-area {
        width:90%;
        margin: 0 auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 95%;
        min-height: auto
    }
}

@media only screen and (max-width: 322px) {
    .ReactModal__Content {
        height:auto!important;
        max-width: 280px!important;
        width: fit-content!important
    }

    div#contact_modal .popup-container.custom-popup-area,div#contact_modal_event .popup-container.custom-popup-area {
        height: 90%
    }
}

@media only screen and (max-width: 250px) {
    .ReactModal__Content {
        height:auto!important;
        max-width: 240px!important;
        width: fit-content!important
    }
}

.ks-odoo-customization-company-banner {
    background-image: url(/wp-content/uploads/2024/03/Group-3648-2-scaled.webp);
    min-height: 580px;
    height: auto
}

.Enhance-business {
    background-image: url(/wp-content/uploads/2024/03/Frame-3654-1.svg);
    min-height: 379px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    background-position: center center
}

.Opt-Customization .ks-expert-card-details .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    border: 1px solid #CCA7C2;
    min-height: 368px;
    height: 100%
}

.explore-range {
    background: linear-gradient(180deg,#F2E5EF 9.33%,rgba(228,204,222,0) 115.35%)
}

.process-card {
    width: calc(100% / 3)
}

.customization-process-section .order-1 {
    order: 1!important
}

.customization-process-section .order-2 {
    order: 2!important
}

.customization-process-section .order-3 {
    order: 3!important
}

.customization-process-section .order-4 {
    order: 4!important
}

.customization-process-section .order-5 {
    order: 5!important
}

.customization-process-section .order-6 {
    order: 6!important
}

.customization-process-section .order-7 {
    order: 7!important
}

.customization-process-section .order-8 {
    order: 8!important
}

.customization-process-section .order-9 {
    order: 9!important
}

.mobile-bottom-arrow:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/03/process-mobile-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 240px;
    height: 15px;
    top: -24px;
    left: 60px
}

.process-card.mobile-arrow:after {
    content: "";
    background-image: url(/wp-content/uploads/2024/03/line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 28px;
    height: 8px;
    top: 25%;
    left: 87%
}

.process-icon img {
    width: 60px;
    height: 60px
}

.Opt-Customization .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    height: 120px
}

.img-border-odoo {
    position: absolute;
    bottom: 0;
    top: -70px;
    left: 0;
    right: 0;
    width: 161px;
    margin: 0 auto
}

.Opt-Customization-top {
    margin-top: 120px
}

.customization-Partner .odoo-services-card {
    max-width: 400px;
    border-radius: 8px;
    border: 1px solid #E7C0FF;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px
}

.explore-range .java-experties-large-card {
    height: auto;
    min-height: 345px
}

@media screen and (min-width: 375px) {
    .mobile-bottom-arrow:before {
        width:270px;
        height: 20px;
        top: -25px;
        left: 60px
    }

    .process-icon img {
        width: 88px;
        height: 88px
    }

    .process-card.mobile-arrow:after {
        width: 36px;
        height: 10px;
        top: 25%;
        left: 88%
    }
}

@media screen and (min-width: 768px) {
    .process-card.mobile-arrow:after {
        width:50px;
        height: 15px;
        top: 40%;
        left: 90%
    }

    .mobile-bottom-arrow:before {
        width: 490px;
        height: 35px;
        top: -40px;
        left: 111px
    }

    .process-icon img {
        width: 150px;
        height: 150px
    }
}

@media screen and (min-width: 992px) {
    .process-card.arrow:after {
        content:"";
        background-image: url(/wp-content/uploads/2024/03/process-desktop-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        position: absolute;
        width: 50px;
        height: 145px;
        top: 40%;
        left: 87%
    }

    .process-card.mobile-arrow:after {
        display: none
    }

    .process-card.mobile-arrow.arrow:after {
        display: block
    }

    .mobile-bottom-arrow:before {
        display: none
    }

    .customization-process-section .process-card {
        width: calc(100% / 5)
    }

    .customization-process-section .order-lg-1 {
        order: 1!important
    }

    .customization-process-section .order-lg-2 {
        order: 2!important
    }

    .customization-process-section .order-lg-3 {
        order: 3!important
    }

    .customization-process-section .order-lg-4 {
        order: 4!important
    }

    .customization-process-section .order-lg-5 {
        order: 5!important
    }

    .customization-process-section .order-lg-6 {
        order: 6!important
    }

    .customization-process-section .order-lg-7 {
        order: 7!important
    }

    .customization-process-section .order-lg-8 {
        order: 8!important
    }

    .customization-process-section .order-lg-9 {
        order: 9!important
    }

    .menu-has-grandchild.Salesforce-menu-parent:hover ul.list-unstyled.menu-grand-child.Salesforce-menu-child {
        display: block;
        max-width: 300px;
        width: 100%;
        position: absolute;
        right: -305px;
        padding-right: 15px;
        padding-left: 15px;
        z-index: 9;
        background-color: #fff;
        min-width: 306px;
        border-radius: 8px;
        top: 40px
    }
}

@media screen and (min-width: 1200px) {
    .process-card.arrow:after {
        width:100px;
        top: 50%;
        left: 80%
    }
}

@media screen and (max-width: 992px) {
    .customization-process-section .font-48 {
        font-size:34px!important;
        line-height: normal
    }

    .process-card .font-18 {
        font-size: 14px!important
    }

    .Opt-Customization-top .ks-expert-card-details:last-child {
        margin-top: 120px
    }

    .odoo-consulting-services-main.new-odoo-services {
        word-wrap: break-word
    }

    .Opt-Customization-top .ks-expert-card-details:nth-child(2) {
        margin-top: 0
    }

    .explore-range .java-experties-large-card {
        height: auto;
        min-height: 385px
    }
}

@media screen and (max-width: 786px) {
    .odoo-consulting-services-main.new-odoo-services {
        word-wrap:break-word
    }

    .customization-process-section .font-48 {
        font-size: 34px;
        line-height: normal
    }

    .process-card .font-18 {
        font-size: 14px!important
    }

    .Opt-Customization-top .ks-expert-card-details:last-child {
        margin-top: 120px
    }

    .Opt-Customization-top .ks-expert-card-details:nth-child(2) {
        margin-top: 0
    }

    .explore-range .java-experties-large-card {
        flex-direction: column
    }

    .footer-col-form .footer-form .footer-form-sub p input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 100%;
        height: 55px;
        line-height: 45px;
        bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .footer-col-form .footer-form .footer-form-sub p input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width:100%;
        height: auto;
        line-height: 60px;
        bottom: 5px
    }

    .footer-col-form .footer-form .footer-form-sub p {
        width: 100%;
        height: auto
    }

    .odoo-consulting-services-main.new-odoo-services .font-40,.odoo-consulting-services-main.new-odoo-services .font-48,.customization-Partner .font-40,.Enhance-business .font-48 {
        font-size: 24px!important
    }

    .odoo-consulting-services-main.new-odoo-services {
        word-wrap: break-word
    }

    .Enhance-business {
        background-image: url(/wp-content/uploads/2024/03/Group-3652-1.svg);
        height: 520px
    }

    .Enhance-business>div {
        margin-top: 70px
    }

    .Enhance-business .ks-buttons.mt-40 {
        margin-top: 30px
    }

    .faq-mobile {
        font-size: 24px!important
    }

    .ks-odoo-customization-company-banner .font-40 {
        font-size: 40px!important
    }

    .Opt-Customization-top .ks-expert-card-details:nth-child(2) {
        margin-top: 120px
    }
}

@media screen and (max-width: 568px) {
    .process-card .font-18 {
        font-size:12px!important
    }
}

@media screen and (max-width: 280px) {
    .mobile-bottom-arrow:before {
        left:45px!important;
        width: 190px
    }
}

#industryreach .tools-row {
    padding-top: 5px;
    padding-bottom: 20px
}

.nifi-bg-img {
    background-position: center center;
    min-height: 444px;
    height: auto;
    background-color: #E3F4F4
}

.industryreach-section-reach .tool-box-outer.diverse-our {
    padding: 20px!important;
    height: 200px!important;
    min-height: 200px!important;
    border: 1px solid transparent;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 4px 4px 0 #0000000F
}

.container.industryreach-section-reach {
    cursor: default
}

img.live-pattern-top {
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 160px
}

img.live-pattern-botton {
    position: absolute;
    left: -19px;
    bottom: -12px;
    width: 125px
}

.mt-65 {
    margin-top: 65px
}

.service-pop-inner {
    background-color: #F3F3F3;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 719px;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    top: 25%
}

.industryreach-section button.btn {
    max-width: fit-content;
    width: 100%!important;
    margin: 0 auto;
    justify-content: center
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#style-1::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555
}

.bg-color-ECF9FF {
    background-color: #ECF9FF
}

.bg-color-F1F0E8 {
    background-color: #F1F0E8
}

.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link.active {
    position: relative;
    border-radius: 8px!important
}

.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background-color: #CB202D;
    position: absolute;
    left: 0
}

.new-nifi-apache-developement .apache-developement-service-tab .bd-tech-card {
    max-width: 549px;
    min-height: 403px;
    height: 595px;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.tab-scoll-Apache {
    overflow-y: auto;
    min-height: 300px;
    height: 350px;
    padding-right: 20px
}

.apache-developement-service-tab .explore-more-text-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    max-width: fit-content;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    margin-top: 30px
}

.service-faq-sec-mobile .card-body .explore-more-text-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    max-width: 100%;
    width: 100%;
    min-height: 48px;
    padding: 12px 22px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500
}

.service-faq-sec-mobile .card-body p {
    margin-top: 15px
}

details summary::-webkit-details-marker {
    display: none;
    appearance: none
}

.new-nifi-apache-developement .ks-banner-sec {
    min-height: 440px;
    height: auto
}

.new-nifi-apache-developement .apache-developement-service-tab .MindAiNinja-tab-div #v-pills-tab .nav-link {
    border: none;
    max-width: 100%;
    width: 100%;
    line-height: 38px;
    padding: 4px 0 4px 16px!important
}

.new-nifi-apache-developement .apache-developement-service-tab .MindAiNinja-tab-div #v-pills-tab {
    max-width: 415px;
    width: 100%;
    min-height: 480px;
    height: auto;
    padding: 24px 32px 24px 24px;
    border-radius: 16px;
    border: 1px solid #F3F3F3;
    background-color: #FFF
}

section#Inside-MindAiNinja .container.Key-Features-analytics {
    max-width: 1189px;
    width: 100%;
    margin: 0 auto
}

.new-nifi-apache-developement .apache-developement-service-tab .container {
    max-width: 1029px;
    width: 100%;
    margin: 0 auto
}

.new-nifi-apache-developement section.service-faq-sec .nifi-cluster-ul li {
    margin-bottom: 10px
}

.new-nifi-apache-developement section.tab-service {
    position: sticky;
    top: 110px;
    background-color: #F8F8F8;
    border-top: 1px solid #ddd;
    z-index: 99;
    box-shadow: 0 4px 4px 0 #0000000F
}

.new-nifi-apache-developement section li.nav-item.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    border-bottom: 2px solid #113c63
}

.Microservices-Application-Development-tab .custom-nav-area button:focus-visible {
    outline: none
}

.font-22 {
    font-size: 22px!important
}

@media only screen and (max-width: 922px) {
    .apache-developement-service-tab {
        display:none
    }

    .service-faq-sec-mobile {
        display: block;
        background: #FAF9F9
    }

    .max-width-48 {
        max-width: 322px;
        width: 100%
    }

    .flow-today-btn-mobile.btn-width-full {
        height: auto!important
    }
}

@media only screen and (max-width: 768px) {
    .apache-developement-service-tab {
        display:none
    }

    .service-faq-sec-mobile {
        display: block;
        background: #FAF9F9
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 103px;
        z-index: 9
    }

    .flow-today-btn-mobile.btn-width-full {
        height: 48px!important
    }
}

@media only screen and (max-width: 767px) {
    .new-nifi-apache-developement .service-faq-sec-mobile .card-body {
        color:#3f3f41;
        padding-right: 10px;
        padding-left: 0;
        padding-bottom: 16px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: left
    }

    img.live-pattern-botton,img.live-pattern-top {
        display: none
    }

    .industryreach-section button.btn {
        max-width: 100%;
        width: 100%!important;
        margin: 0 auto
    }

    .mt-65 {
        margin-top: 35px
    }

    .new-nifi-apache-developement .innovation-partner .container {
        width: 94%!important;
        padding: 24px 16px!important
    }

    .new-nifi-apache-developement section.service-faq-sec .ks-heading-outer {
        padding: 16px 0
    }

    .ks-faq.mt-56 {
        margin-top: 0
    }

    .service-pop-inner {
        max-width: 375px;
        background-color: #F3F3F3;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-width: 719px;
        border-radius: 0!important;
        padding: 32px;
        position: fixed;
        bottom: 0;
        max-width: 100%!important;
        border-top-left-radius: 16px!important;
        border-top-right-radius: 16px!important;
        top: auto;
        overflow-y: scroll
    }

    .service-pop-outer {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .service-pop .service-pop-header p {
        font-size: 24px;
        width: 79%;
        word-break: break-word;
        text-align: left!important;
        line-height: normal
    }

    .new-nifi-apache-developement {
        overflow-x: hidden
    }

    .service-faq-sec-mobile summary.card-header.btn-accordian {
        background-color: #FAF9F9;
        margin-bottom: 16px
    }

    .tab-scoll-Apache {
        overflow-y: auto;
        min-height: 280px;
        height: 310px;
        padding-right: 20px
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-1.col-lg-4.col-6 {
        background-color: #FFF
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.col-lg-3.order-lg-5.order-4.col-6 {
        background-color: #F3F3F3
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-6.order-5.col-lg-2.col-6 {
        background-color: #fff
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 55px;
        text-align: center
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16 {
        padding-bottom: 50px;
        text-align: center
    }

    .temp-case-studies button.btn-filter {
        width: 100%;
        padding: 5px;
        height: 34px;
        font-size: 16px!important;
        margin: 0 auto 0;
        text-align: center
    }

    .temp-case-studies button.btn-filter.mobile-filter {
        margin-top: 30px
    }

    .temp-case-studies .ks-dropdown-box select {
        margin-right: 0;
        width: 100%
    }

    .temp-case-studies .ks-dropdown-box {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .scroller-spacing1 {
        margin-top: 30px
    }

    .temp-case-studies .topnav-category-case .topnav-category-section {
        flex-direction: column
    }
}

@media only screen and (max-width: 568px) {
    .new-nifi-apache-developement section.partner-number-bg .min-height-162 {
        height:auto
    }
}

@media only screen and (max-width: 389px) {
    .new-nifi-apache-developement section.partner-number-bg .min-height-162 {
        height:auto
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 {
        min-height: 210px;
        height: auto
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 210px;
        height: auto
    }

    .ks_lifeatksolve_page .sign-1 {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 20px;
        top: -20px
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 25px;
        height: 25px;
        right: 100px;
        bottom: 10px
    }

    .service-faq-sec-mobile .card-body .explore-more-text-link {
        font-size: 14px;
        line-height: normal;
        padding: 10px 0
    }
}

@media only screen and (max-width: 320px) {
    .service-pop-inner {
        max-width:375px;
        background-color: #F3F3F3;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-width: 719px;
        border-radius: 0!important;
        padding: 32px;
        position: fixed;
        bottom: 0;
        max-width: 100%!important;
        border-top-left-radius: 16px!important;
        border-top-right-radius: 16px!important;
        bottom: 0!important;
        overflow-y: scroll
    }

    .new-nifi-apache-developement section.partner-number-bg .min-height-162 {
        min-height: 205px;
        height: auto
    }

    .service-pop .service-pop-header p {
        font-size: 16px;
        width: 60%!important
    }

    .service-faq-sec-mobile .card-body .explore-more-text-link {
        font-size: 12px;
        line-height: normal;
        padding: 10px 0
    }

    .new-nifi-apache-developement .innovation-partner .container button {
        font-size: 12px!important
    }

    .ks_lifeatksolve_page .sign-2 {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 50px;
        bottom: 20px
    }

    .ks_lifeatksolve_page .sign-1 {
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0;
        top: -15px
    }
}

.container.pb-2.mb-2.Opt-Customization .img-border-odoo {
    margin-top: -85px;
    position: unset
}

.odoo-experience-main.new-odoo-page .odoo-experience-section {
    background-image: url(/wp-content/uploads/2024/03/banner-scaled-3.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.odoo-experience-main.new-odoo-page .events-banner-card {
    border: 1px solid #E9C2DF;
    border-radius: 8px;
    padding: 14px 16px;
    max-width: 462px;
    width: 100%
}

.odoo-experience-main.new-odoo-page .meet-us-btn {
    border: 1px solid #E1EDFF;
    height: 56px;
    padding: 4px 16px 4px 8px;
    animation: zoom-in-zoom-out 2s ease infinite;
    cursor: default
}

.odoo-experience-main.new-odoo-page .w-max-content {
    width: max-content
}

.odoo-experience-main.new-odoo-page section.ks-business-section2 {
    background-image: url(/wp-content/uploads/2024/03/Group-3771.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.odoo-experience-main.new-odoo-page section.ks-java-experties .ks-whychoose-card {
    min-height: 90px;
    height: auto;
    width: 100%;
    border: 1px solid #E7C0FF;
    transition: transform 0.5s ease,background-color 0.5s ease
}

.odoo-experience-main.new-odoo-page section.ks-java-experties .ks-whychoose-card:hover {
    transform: scale(1.05)
}

.odoo-experience-main.new-odoo-page section.odoo-happy-client .ks-sl-prodict-card {
    border: none;
    box-shadow: none;
    min-height: auto;
    height: auto
}

.odoo-experience-main.new-odoo-page .industryreach-section {
    background: linear-gradient(180deg,#FFFFFF 34.38%,rgba(225,199,226,.4) 100%)
}

.odoo-experience-main.new-odoo-page .ks-business-section {
    background-image: url(/wp-content/uploads/2024/03/Frame-1321314973.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.odoo-experience-main.new-odoo-page .industryreach-section-reach .tool-box-outer.diverse-our {
    padding: 20px!important;
    min-height: 158px!important;
    border: 1px solid transparent;
    max-width: 265px;
    width: 100%;
    box-shadow: 0 4px 4px 0 #0000000F;
    cursor: default
}

.odoo-experience-main.new-odoo-page .banner-sec-case2 {
    background-image: url(/wp-content/uploads/2024/03/Group-3358.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.odoo-experience-main.new-odoo-page .odoo-event-form {
    padding: 31px 29px 33px;
    background: linear-gradient(180deg,rgba(21,183,170,.8) -15.86%,rgba(6,36,82,.8) 100%);
    max-width: 473px;
    border-radius: 16px!important;
    width: 100%
}

.odoo-experience-main.new-odoo-page .odoo-event-form .wpcf7-form-control {
    background-color: #fff
}

.odoo-experience-main.new-odoo-page .odoo-event-form .wpcf7-form-control:focus-visible {
    outline: none
}

.odoo-experience-main.new-odoo-page .odoo-event-form .ks-form-outer .footer-submit .wpcf7-submit {
    background-color: transparent
}

.odoo-experience-main.new-odoo-page .odoo-event-form .footer-submit p {
    margin: 5px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.odoo-experience-main.new-odoo-page .odoo-event-form form.wpcf7-form.invalid .wpcf7-response-output {
    display: none
}

section.odoo-Specialist img.object-fit-cover {
    object-fit: contain;
    width: 100%;
    height: auto;
    border-radius: 8px
}

.odoo-experience-main.new-odoo-page .odoo-event-form .footer-submit p .arrow-icon {
    margin-bottom: 7px
}

.odoo-experience-main.new-odoo-page .btn-form-design {
    background-color: #774B85!important;
    padding: 12px 16px!important;
    border-radius: 4px
}

.odoo-experience-main.new-odoo-page .ks-sl-prodict-card {
    background: #F8F0F6;
    border-radius: 60px
}

.odoo-Specialist .container {
    max-width: 980px;
    width: 100%;
    margin: 0 auto
}

.odoo-event-box {
    border: 1px solid #C8B1C2;
    border-radius: 16px;
    max-width: 1065px;
    width: 100%;
    margin: 0 auto;
    padding: 14px 26px
}

.ninja-event-box {
    border: 1px solid #E84A5F;
    padding: 20px 32px;
    border-radius: 4px;
    margin-left: 0;
    max-width: 540px;
    width: 100%
}

.ninja-event-box .col-md-4 {
    max-width: 30%;
    width: 100%;
    padding: 0;
    position: relative
}

img.odoo_ks_product_logo {
    position: absolute;
    left: 0;
    background-size: contain;
    top: 90px;
    background-position: left;
    background-repeat: no-repeat;
    width: 570px;
    height: auto
}

.img-border-odoo {
    margin-top: -85px
}

.bg-F5E8F2 {
    background-color: #F5E8F2
}

.bg-F9F4F8 {
    background-color: #F9F4F8
}

.bg-FFDCE1 {
    background-color: #FFDCE1
}

.color-FEB7FF {
    color: #FEB7FF
}

.color-671854 {
    color: #671854
}

.color-691454 {
    color: #691454
}

.color-E4A900 {
    color: #E4A900
}

.border-l-r-C8B1C2 {
    border-right: 1px solid #C8B1C2
}

.border-l-r-E7495E66 {
    border-right: 1px solid #E7495E66
}

.elevating-odoo {
    margin-top: -15px
}

img.odoo_ks_product_mobile {
    width: 100%
}

.l-h-60 {
    line-height: 60px
}

.events-border-right {
    position: relative
}

.events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #fff;
    height: 38px;
    right: -15px
}

.flash-animation {
    animation: zoomflash-in-zoomflash-out 2s ease infinite
}

@keyframes zoomflash-in-zoomflash-out {
    0% {
        transform: scale(1,1);
        color: #671854
    }

    50% {
        transform: scale(1.02,1.02);
        color: #671854
    }

    100% {
        transform: scale(1,1);
        color: #671854
    }
}

@media screen and (max-width: 1300px) {
    img.odoo_ks_product_logo {
        position:absolute;
        left: 0;
        background-size: contain;
        top: 90px;
        background-position: left;
        background-repeat: no-repeat;
        width: 500px;
        height: auto
    }
}

@media screen and (max-width: 1200px) {
    section.odoo-happy-client .Opt-Customization .img-border-odoo {
        margin-top:-40px!important;
        position: unset;
        margin-right: 10px
    }
}

@media screen and (max-width: 1050px) {
    .odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners {
        width:100px;
        height: auto
    }

    .odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners img {
        width: 100%;
        height: auto
    }

    .odoo-experience-main.new-odoo-page .w-max-content {
        width: fit-content
    }
}

@media screen and (max-width: 992px) {
    section.odoo-happy-client .ks-expert-card-details:last-child {
        margin-top:100px
    }

    section.odoo-happy-client .ks-expert-card-details:nth-child(2) {
        margin-top: 100px
    }

    .odoo-experience-main.new-odoo-page section.odoo-Specialist .object-fit-cover {
        object-fit: contain;
        width: 100%;
        height: auto
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .img-border-odoo {
        margin-top: -100px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .happy_clients-div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .happy_clients-div p {
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .happy_clients-div span {
        width: 100%
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .clientsbox {
        display: block!important
    }

    .odoo-experience-main.new-odoo-page .ks-expert-card-details {
        margin-bottom: 70px
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 33%!important
    }
}

@media screen and (max-width: 768px) {
    .odoo-experience-main.new-odoo-page .w-max-content {
        width:max-content
    }

    .odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners {
        width: 48%;
        height: auto
    }

    .odoo-experience-main.new-odoo-page .odoo-event-form .footer-submit p {
        margin: 10px 0 0
    }

    .odoo-experience-main.new-odoo-page .odoo-event-form .ks-form-outer .footer-submit {
        line-height: 45px;
        padding: 0!important;
        height: 56px
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 103px!important;
        z-index: 9
    }

    section.Microservices-Application-Development-tab .Salesforce-Einstein .tab-pane.fade {
        display: block;
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .clientsbox {
        display:flex!important
    }

    .odoo-experience-main.new-odoo-page .container.pb-2.mb-2.Opt-Customization .img-border-odoo {
        margin-top: -35px;
        position: unset
    }

    .odoo-experience-main.new-odoo-page section.odoo-Specialist h2 {
        font-size: 24px!important
    }

    .odoo-experience-main.new-odoo-page section.odoo-happy-client h2 {
        font-size: 23px
    }

    section.odoo-happy-client .ks-expert-card-details:nth-child(2) {
        margin-top: 0
    }

    .odoo-experience-main.new-odoo-page section.odoo-happy-client .ks-sl-prodict-card:first-child {
        margin-top: 10px
    }

    .odoo-experience-main.new-odoo-page .ks-expert-card-details {
        margin-bottom: 70px
    }

    .linkedin-name {
        font-size: 16px
    }

    .odoo-experience-main.new-odoo-page .odoo-event-form .odoo-experience-main.new-odoo-page .odoo-event-form .footer-submit p {
        margin: 10px 0 0
    }

    .odoo-experience-main.new-odoo-page .meet-us-btn {
        padding: 14px 16px 14px 16px;
        width: 100%!important;
        text-align: center;
        justify-content: center
    }

    .odoo-experience-main.new-odoo-page .odoo-experience-section button.btn {
        padding: 16px;
        font-size: 18px
    }

    img.linkedin-icon {
        width: 17px;
        height: 16px
    }

    .odoo-experience-main.new-odoo-page .btn-form-design {
        width: 100%
    }

    .odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners {
        width: 47%;
        height: auto
    }

    .odoo-experience-main.new-odoo-page .odoo-event-form .font-24 {
        font-size: 18px
    }

    .mobile-btn-width {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .odoo-experience-main.new-odoo-page .industryreach-section-reach .tool-box-outer.diverse-our {
        max-width: 100%;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page .ks-card-area {
        border-radius: 8px;
        border: 1px solid #F1DAFF;
        background-color: #FFF;
        padding: 16px 10px
    }

    .odoo-experience-main.new-odoo-page .odoo-experience-section .font-sm-40 {
        font-size: 40px!important
    }

    .odoo-experience-main.new-odoo-page .odoo-experience-section .font-sm-18 {
        font-size: 18px!important;
        text-align: left
    }

    .odoo-experience-main.new-odoo-page .events-banner-card .d-flex {
        width: 48%;
        align-items: center!important
    }

    .odoo-experience-main.new-odoo-page .w-max-content {
        font-size: 16px!important;
        margin: 0 auto
    }

    .odoo-experience-main.new-odoo-page .w-max-content span {
        width: 100%;
        display: block;
        color: #671854;
        font-size: 16px
    }

    img.dashboard-ninja-img {
        width: 50px;
        height: 50px
    }

    .dashboard-ninja-title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left
    }

    .ninja-event-box .col-md-4:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #E7495E66;
        width: 50px;
        margin: 10px auto 0;
        left: 0;
        right: 0
    }

    .odoo-event-box .border-l-r-C8B1C2 {
        position: relative;
        border-right: none
    }

    .odoo-event-box .border-l-r-C8B1C2:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #C8B1C2;
        width: 156px;
        margin: 10px auto 0;
        left: 0;
        right: 0
    }

    .col-md-4.col-lg-4.border-l-r-E7495E66 {
        border-right: none
    }

    .ninja-event-box .col-md-4 {
        max-width: 100%
    }

    .ninja-event-box .col-md-4:last-child:after {
        border-bottom: none
    }

    section.dashboard-ninja {
        padding-top: 32px
    }

    .odoo-event-box {
        text-align: center
    }

    .font-sm-16 {
        font-size: 16px!important
    }

    .font-sm-14 {
        font-size: 14px!important
    }

    .odoo-experience-main.new-odoo-page h5.ks-card-title {
        font-size: 18px
    }

    section.ks-java-experties .mb-40 {
        margin-bottom: 16px
    }

    .odoo-experience-main.new-odoo-page section.ks-java-experties .col-lg-4.col-md-6 {
        padding: 0 0
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .img-border-odoo img {
        width: 127px;
        height: 127px
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card p.font-16 {
        font-size: 18px;
        font-weight: 400
    }

    .odoo-experience-main.new-odoo-page .ks-sl-prodict-card .img-border-odoo {
        margin-top: -45px!important
    }

    section.odoo-happy-client .ks-expert-card-details {
        margin-bottom: 75px
    }

    section.odoo-happy-client .ks-expert-card-details:last-child {
        margin-bottom: 0;
        margin-top: 0
    }

    .events-border-right:after {
        position: absolute;
        content: '';
        border-right: 2px solid #FFF6FD33;
        height: 44px;
        right: 10px
    }

    .new-nifi-apache-developement.big-data-page.microservices-service section.service-faq-sec .ks-heading-outer {
        padding: 16px 16px
    }
}

@media screen and (max-width: 568px) {
    .odoo-experience-main.new-odoo-page .w-max-content {
        width:auto;
        font-size: 16px!important;
        margin: 0 auto
    }

    .odoo-experience-main.new-odoo-page .events-banner-card {
        width: auto
    }
}

@media screen and (max-width: 389px) {
    .events-border-right:after {
        position:absolute;
        content: '';
        border-right: 2px solid #FFF6FD33;
        height: 44px;
        right: 0
    }
}

.odoo-experience-main.new-odoo-demand-page .odoo-experience-section {
    background-image: url(/wp-content/uploads/2024/03/Group-3853.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.odoo-experience-main.new-odoo-demand-page .events-banner-card {
    border-radius: 8px;
    padding: 14px 16px;
    max-width: 593px;
    width: 100%
}

.odoo-experience-main.new-odoo-demand-page .ks-business-section-odd-demand {
    background-image: url(/wp-content/uploads/2024/03/Group-3821-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.odoo-experience-main.new-odoo-demand-page .apache-developement-service-tab .nav-pills .nav-link.active {
    background-color: #FDECF9!important;
    color: #714B67!important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    border: none!important
}

.odoo-experience-main.new-odoo-demand-page button,.odoo-experience-main.new-odoo-demand-page .btn.rounded-1 {
    border-radius: 3px!important
}

.odoo-perday {
    line-height: normal
}

.odoo-experience-main.new-odoo-demand-page .apache-developement-service-tab .nav-pills .nav-link {
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    background-color: transparent!important;
    border: none!important;
    text-align: left;
    outline: none
}

.odoo-experience-main.new-odoo-demand-page .apache-developement-service-tab .nav-pills .nav-link.active:before {
    content: '';
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background-color: #714B67;
    position: absolute;
    left: 0
}

.odoo-experience-main.new-odoo-demand-page .apache-developement-service-tab .explore-more-text-link {
    border: 1px solid #B4008A;
    border-radius: 3px;
    max-width: fit-content;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    margin-top: 30px
}

.odoo-experience-main.new-odoo-demand-page .industryreach-section-reach .tool-box-outer.diverse-our {
    padding: 20px!important;
    min-height: 200px!important;
    border: 1px solid transparent;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 4px 4px 0 #0000000F
}

.color-B4008A {
    color: #B4008A
}

.color-4D4D4D {
    color: #4D4D4D
}

.color-017E84 {
    color: #017E84;
}

.odoo-experience-main.new-odoo-demand-page .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #B4008A!important;
    border-left: 2px solid #B4008A
}

.odoo-experience-main.new-odoo-demand-page .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #BCBCBC;
    height: 154px;
    right: -45px
}

.Benefits-odoo {
    background-image: url(/wp-content/uploads/2024/03/Group-3838-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.odoo-experience-main.new-odoo-demand-page .Benefits-odoo .nifi-apache-card {
    max-width: 100%;
    width: 100%;
    min-height: 80px;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    height: 100%;
    gap: 16px
}

.odoo-demand-form {
    max-width: 811px;
    min-height: 541px;
    height: auto;
    background: #F7F1F5;
    width: 100%;
    padding: 40px 32px
}

.odoo-demand-form .form-unit {
    width: 50%;
    max-width: 48%
}

.ks-form-outer.Request_form.have_project_idea.odoo_developer_demand_form {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 16px
}

.odoo-demand-form .form-unit.textarea-full-width {
    width: 100%;
    max-width: 100%
}

.ks-form-outer.Request_form.have_project_idea.odoo_developer_demand_form .recaptcha-div {
    width: 100%
}

.ks-form-outer.Request_form.have_project_idea.odoo_developer_demand_form .w-100.footer-submit {
    height: 48px;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    width: 134px!important;
    margin-top: 15px
}

.ks-form-outer.Request_form.have_project_idea.odoo_developer_demand_form input.wpcf7-form-control.wpcf7-submit {
    background: transparent;
    bottom: 0
}

.case-study-bg .ks-heading-outer h2 {
    text-transform: capitalize
}

.odoo-demand-form .ks-form-outer .footer-submit p {
    margin-bottom: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.odoo-experience-main.new-odoo-demand-page .service-faq-sec-mobile .card-body .explore-more-text-link {
    border: 1px solid #B4008A
}

.odoo-experience-main.new-odoo-demand-page .service-faq-sec .card-body {
    padding-right: 160px!important
}

.btn.rounded-1.freetrial:hover {
    border: 1px solid #113c63
}

.odoo-experience-main.new-odoo-demand-page img.odoo_ks_product_logo {
    position: absolute;
    left: 0;
    background-size: contain;
    top: 90px;
    background-position: left;
    background-repeat: no-repeat;
    width: 500px;
    height: auto
}

.hosting-select p.text-lg-start {
    width: 100%;
    border: 1px solid #e8e7e7;
    border-radius: 4px;
    padding: 6px 16px;
    resize: none;
    background: #fff
}

select#hosting-input {
    background: transparent;
    border: 0;
    outline: 0;
    padding-left: 0;
    margin-right: 0
}

.hosting-select small {
    padding: 5px 0 0 6px
}

.speci-oddo small {
    text-align: left!important;
    display: block;
    padding: 5px 0 0 6px;
    font-size: 14px
}

.nifi-blog-content h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 50px
}

@media screen and (max-width: 1300px) {
    .odoo-experience-main.new-odoo-demand-page img.odoo_ks_product_logo {
        width:400px
    }
}

@media screen and (max-width: 1025px) {
    .odoo-experience-main.new-odoo-demand-page .odoo-experience-section img.ipad-mobile-odoo {
        position:relative;
        bottom: -68px;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 922px) {
    .odoo-experience-main.new-odoo-demand-page .events-border-right:after {
        position:absolute;
        content: '';
        border-right: 2px solid #BCBCBC;
        height: 136px;
        right: -20px
    }

    .odoo-experience-main.new-odoo-demand-page .service-faq-sec .card-body {
        padding-right: 0px!important
    }

    .service-faq-sec-mobile .card-body .explore-more-text-link {
        max-width: 50%;
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .odoo-experience-main.new-odoo-demand-page .odoo-experience-section img.ipad-mobile-odoo {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0
    }

    .odoo-experience-main.new-odoo-demand-page .service-faq-sec-mobile .Mobileview-border {
        padding: 32px 16px;
        border-radius: 16px;
        border: 1px solid #F3F3F3
    }

    .odoo-experience-main.new-odoo-demand-page .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 div#happy_client {
        color: #fff
    }

    .odoo-experience-main.new-odoo-demand-page .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 {
        background-color: #34353a
    }

    .odoo-experience-main.new-odoo-demand-page .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162.bg-color-F6F5F5 p.font-16.f-w-500.color-3F3F41.mb-0 {
        color: #fff
    }

    .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162.col-gray.d-flex.flex-column.text-center.justify-content-center.p-3.position-relative {
        background: #fff
    }
}

@media screen and (max-width: 1258px) {
    .form-unit.inputfullname.hosting-select,.form-unit.speci-oddo {
        width:100%;
        max-width: 100%
    }

    .hosting-select small {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .hosting-select small {
        display:none
    }

    .service-faq-sec-mobile .card-body .explore-more-text-link {
        max-width: 100%
    }

    .odoo-experience-main.new-odoo-demand-page .service-faq-sec details[open] .card-header {
        background-color: #FDECF9!important;
        color: #B4008A!important
    }

    .odoo-experience-main.new-odoo-demand-page .odoo-experience-section img.ipad-mobile-odoo {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg p.font-16.f-w-400.color-3F3F41.l-h-24.mb-40 {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }

    .odoo-experience-main.new-odoo-demand-page .service-faq-sec .card-body {
        padding-right: 0px!important
    }

    .odoo-experience-main.new-odoo-demand-page .service-faq-sec-mobile .ks-faq .card .card-header {
        border-radius: 8px;
        padding: 16px 10px
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-1.col-lg-4.col-6 {
        background-color: #FFF
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-6.order-5.col-lg-2.col-6 {
        background-color: #FFF
    }

    .odoo-experience-main.new-odoo-demand-page .industryreach-section {
        background-color: #F8F8F8
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-2.order-7.col-6 {
        min-height: 171px;
        height: auto
    }

    section.service-faq-sec.position-relative.page-section h2.font-16.f-w-400 {
        font-size: 16px;
        line-height: 24px
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 35px;
        text-align: center
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16.f-w-500 {
        padding-bottom: 45px
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 .mb-26 {
        margin-bottom: 16px
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto;
        background-color: #fff
    }

    .odoo-experience-main.new-odoo-demand-page .odoo-demand-form .form-unit {
        width: 100%;
        max-width: 100%
    }

    .ks-form-outer.Request_form.have_project_idea.odoo_developer_demand_form .w-100.footer-submit {
        height: 48px;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        width: 100%!important;
        margin-top: 15px;
        justify-content: center
    }

    .odoo-experience-main.new-odoo-demand-page .ks-business-section-odd-demand button.btn {
        font-size: 18px;
        height: 56px
    }

    .odoo-experience-main.new-odoo-demand-page .ks-business-section-odd-demand p {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        text-align: left
    }

    .odoo-experience-main.new-odoo-demand-page .events-border-right:after {
        border-right: 0;
        position: absolute;
        content: '';
        border-bottom: 2px solid #BCBCBC;
        width: 100%;
        right: 0;
        left: 0;
        height: 0;
        bottom: -18px;
        margin: 0 auto
    }

    .odoo-experience-main.new-odoo-demand-page .odoo-experience-section {
        background-image: url(/wp-content/uploads/2024/03/Group-3842-1.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto
    }

    .oddo-demand-title {
        font-size: 40px;
        font-weight: 700;
        text-align: left
    }

    .oddo-demand-subtitle {
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        text-align: left
    }

    .Benefits-odoo {
        background-image: url(/wp-content/uploads/2024/03/Group-3853-1-scaled.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: auto
    }

    .odoo-demand-form {
        padding: 40px 16px
    }

    .odoo-demand-form .font-40 {
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        margin: 0 auto
    }

    .odoo-experience-main.new-odoo-demand-page .events-banner-card {
        border: 0;
        border-radius: 8px;
        padding: 14px 16px;
        max-width: 100%;
        width: 100%
    }

    .odoo-experience-main.new-odoo-demand-page section.partner-number-bg p.font-16 {
        font-size: 12px
    }

    .ks-growth-num.order-lg-8.order-9.col-lg-6.col-12.min-height-162.col-gray {
        background-color: #F3F3F3
    }

    .big-data-nifi-box-content {
        margin-top: -25px;
        min-height: 216px!important;
        height: 100%
    }
}

@media screen and (max-width: 360px) {
    select#hosting-input {
        width:100%;
        border: 1px solid #ccc;
        margin: 5px 0 9px 0
    }

    span.ahem_discuss {
        margin-left: 55px
    }
}

section.ks-business-explore-global-ai {
    background: radial-gradient(80.14% 80.14% at 50% 97.59%,#2A204E 0%,#1E1E1E 100%);
    padding: 65px 0
}

.global-ai-show-banner-sec-Booth {
    background-image: url(/wp-content/uploads/2024/11/boot-banner-bgnew.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.global-ai-show-banner-sec-Booth .global-ai-show .odoo-event-form.ms-auto {
    border: 1px solid rgba(255,255,255,.15);
    background: #0F1331;
    padding: 24px 0 32px
}

.global-ai-show-banner-sec-Booth .global-ai-show .odoo-event-form.ms-auto .odoo_experience_form {
    padding: 16px 32px 0
}

.new-nifi-apache-developement summary.card-header.btn-accordian {
    font-size: 18px;
    padding: 20px 24px 20px 20px
}

section.talk-with-CTO-section {
    background: linear-gradient(90deg,#050E2E 0%,#606FA4 100%)
}

.odoo-experience-main.new-odoo-page section.odoo-experience-section.global-ai-show {
    background-image: url(/wp-content/uploads/2024/03/global-ai-banner-scaled.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

section.logo-section-global-ai .container {
    background: #FFF;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: -19px;
    padding: 10px 10px 0 10px;
    border-radius: 8px
}

.tool-box-outer.diverse-our {
    border: 1px solid #67B9B44A;
    background: #050E2E;
    border-radius: 12px;
    max-width: 280px;
    min-height: 240px;
    width: 100%;
    height: auto
}

section.ai-expertise-page-section {
    background: linear-gradient(79.92deg,#050E2E -57.07%,#606FA4 126.24%)
}

.odoo-experience-main.new-odoo-page.global-ai-show-main .global-ai-events-banner-card {
    border: 1px solid #B1BEDC66;
    border-radius: 8px;
    padding: 14px 16px;
    max-width: 555px;
    width: 100%
}

.odoo-experience-main.new-odoo-page.global-ai-show-main .global-ai-events-banner-card .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid rgba(240,245,255,.2);
    height: 38px;
    right: -15px
}

.meet-us-btn-dubai.global-ai {
    border-radius: 4px;
    border: 1px solid rgba(106,221,187,.5);
    display: flex;
    padding: 4px 16px 4px 8px;
    align-items: center;
    gap: 8px
}

.meet-us-btn-dubai.global-ai:before {
    display: none
}

.odoo-experience-main.new-odoo-page.global-ai-show-main .btn.rounded-1 {
    border-radius: 4px!important
}

.bg-F6F5F5 {
    background: #F6F5F5
}

.bg-color-0F1331 {
    background: #0F1331!important
}

.bg-color-0F1331:hover {
    box-shadow: none
}

.bg-color-6ADDBB {
    background: #6ADDBB!important
}

.bg-color-E6ECF5 {
    background: #E6ECF5!important
}

.color-040F2B {
    color: #040F2B
}

.btn-height-52 {
    min-height: 52px
}

.meet-us-btn-dubai {
    padding: 11px 16px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 51px;
    line-height: 28px
}

.meet-us-btn-dubai:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5px;
    background: linear-gradient(95.5deg,#E1EDFF 14.18%,rgba(225,237,255,.5) 54.39%);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    border-radius: 4px
}

.gold-sponsor-animation {
    border: 1px solid #FEC312;
    padding: 8px 16px
}

.color-061E46 {
    color: #061E46!important
}

.color-34353A {
    color: #34353A!important
}

.color-FEC312 {
    color: #FEC312
}

.color-28292E {
    color: #28292E
}

.color-black {
    color: #000
}

.tool-box-outer.diverse-our a:hover {
    text-decoration: underline;
    color: #fff
}

.global-hover-btn:hover {
    transform: scale(1.1)
}

.flow-today-btn-mobile.btn-width-full {
    height: 48px
}

.bg-color-D6EEE7 {
    background-color: #D6EEE7
}

.nifi-icon-apache {
    position: relative;
    top: -29px
}

.big-data-nifi-box-content {
    margin-top: -25px;
    min-height: 220px;
    height: auto
}

.big-data-nifi-box .explore-more-text-link:hover {
    transform: scale(1.1)
}

.color-838383 {
    color: #838383
}

.font-13 {
    font-size: 13px
}

.industryreach-section-reach .tool-box-outer.diverse-our img {
    width: 68px;
    height: 68px;
    object-fit: contain
}

.step-bg-image-bigdata .step {
    max-width: 199px;
    width: 100%
}

.l-h-15 {
    line-height: 15px
}

.global-ai-mgmt .h-sm-auto.object-fit-cover {
    height: 287px;
    object-fit: cover;
    width: 100%;
    object-position: top;
    border-radius: 8px
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab #v-pills-tab {
    max-width: 415px;
    width: 100%;
    min-height: 300px;
    height: auto;
    padding: 24px 32px 24px 24px;
    border-radius: 16px;
    border: 1px solid #F3F3F3;
    background-color: #FFF
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .bd-tech-card {
    max-width: 549px;
    min-height: 300px;
    height: 408px;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .bd-tech-card .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 190px;
    height: 200px;
    padding-right: 20px
}

.odoo-experience-main.new-odoo-page section.odoo-experience-section.dreamforce-image-banner {
    background-image: url(/wp-content/uploads/2024/04/dreamforce-banner.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 610px;
    height: auto
}

.odoo-experience-main.new-odoo-page.dreamforce-page section.logo-section-dreamforce {
    background-image: url(/wp-content/uploads/2024/04/dreamforce-trangle-image.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.ks-Salesforce-experties {
    background-image: url(/wp-content/uploads/2024/04/salesforce-service-banner.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-color-FEFF86 {
    background-color: #FEFF86
}

.color-012C57 {
    color: #012C57
}

.color-E1EDFF {
    color: #E1EDFF
}

.dreamforce-bg {
    background: linear-gradient(85.1deg,#001639 39.44%,#023434 94.81%);
    border-radius: 16px
}

img.events-overview-logo {
    margin-left: -10px
}

img.dream-Photoroom {
    width: 100%;
    min-height: 301px;
    max-width: 765px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0
}

.odoo-experience-main.new-odoo-page.dreamforce-page .ks-tabs-cards {
    max-width: 1035px;
    margin: 0 auto;
    width: 100%
}

.ks-Salesforce-experties .Salesforce_317 .max-width-48 {
    max-width: 317px;
    width: 100%;
    height: 96px;
    border-radius: 8px
}

.dreamforce-div .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #DBE6F7;
    height: 36px;
    right: -24px;
    top: 11px
}

.Dreamforce-bg-div {
    max-width: 722px;
    width: 100%;
    min-height: 91px;
    padding: 12px 36px;
    border-radius: 8px;
    text-align: center
}

.dreamforce-events-banner {
    border-radius: 8px;
    padding: 8px 8px 8px 16px;
    max-width: 690px;
    width: 100%;
    height: 54px;
    position: relative;
    overflow: hidden
}

.dreamforce-events-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background: linear-gradient(180deg,#E1EDFF 0%,rgba(225,237,255,.6) 100%);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#ffffff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    padding: .5px 1px 1px
}

.w-163 {
    width: 163px
}

.dreamforce-page section.dreamforce-number .col-body.col-dark {
    background: linear-gradient(180deg,#001639 0%,#00245C 100%)
}

.dreamforce-page section.dreamforce-number .col-body.col-dark:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(65% - 26px);
    top: calc(40% - 50px);
    width: 136px;
    height: 135px;
    background: linear-gradient(138.98deg,rgba(0,13,35,.6) 3.5%,rgba(47,47,47,0) 88.86%);
    border-radius: 50%
}

.dreamforce-page section.dreamforce-number.col-dark.saleforce-100 {
    background: linear-gradient(180deg,#001639 0%,#00245C 100%)
}

.dreamforce-page section.dreamforce-number .col-dark.saleforce-100::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(34% - 26px);
    top: calc(43% - 50px);
    width: 93px;
    height: 93px;
    background: linear-gradient(138.98deg,rgba(0,13,35,.6) 3.5%,rgba(47,47,47,0) 88.86%);
    border-radius: 50%
}

.dreamforce-page section.dreamforce-number.col-body {
    position: relative
}

.dreamforce-page section.dreamforce-number .col-body {
    isolation: isolate;
    height: 143px
}

.dreamforce-page section.dreamforce-number .col-body:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(40% - 52px);
    top: calc(40% - 52px);
    width: 84px;
    height: 84px;
    background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
    border-radius: 50%
}

.dreamforce-page section.dreamforce-number.col-body::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(50% - 52px);
    top: calc(40% - 52px);
    width: 104px;
    height: 102px;
    background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
    border-radius: 50%
}

.dreamforce-page section.dreamforce-number .col-primary {
    background: linear-gradient(242.52deg,#8c000f -6.13%,#e42c40 102.02%)
}

.dreamforce-page section.dreamforce-number .col-primary:before {
    background: linear-gradient(138.48deg,hsla(4,60%,62%,.6) -44.69%,hsla(0,72%,76%,0) 75.98%);
    position: absolute;
    z-index: -1;
    left: calc(60% - 52px);
    top: calc(40% - 52px);
    width: 112px;
    height: 112px
}

.bg-color-001639 {
    background-color: #001639
}

.color-88E2FF {
    color: #88E2FF
}

.color-F0F7FF {
    color: #F0F7FF
}

.dreamforce-SalesStrategy .events-border-right {
    position: relative
}

.dreamforce-SalesStrategy .events-border-right::after {
    position: absolute;
    content: '';
    border-right: 2px solid #94949466;
    height: 21px;
    right: -10px;
    top: 1px
}

.odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) .font-24 {
    margin-top: 10px
}

.pb-68 {
    padding-bottom: 68px
}

.font-47 {
    font-size: 47px
}

a.salesforce-image-hover:hover img {
    border: 1px solid #fff;
    border-radius: 8px
}

.dreamforce-page section.dreamforce-number .ks-growth-num.col-body.nine_percant {
    max-width: 160px;
    width: 100%
}

.bg-color-E3F4F4 {
    background: #E3F4F4
}

.color-404040 {
    color: #404040
}

.Micro-Architecture {
    max-width: 272px;
    width: 100%;
    height: 189px;
    padding: 32px 17px;
    border: 1px solid #70707033
}

.center-line-horizontal {
    border: 1px solid #113c6366;
    max-width: 238px;
    width: 100%
}

section.Microservices-Application-Development-tab .fade:not(.show) {
    opacity: 0;
    display: none
}

.Microservices-Application-Development-tab .custom-nav-area {
    width: 100%;
    border-bottom: 2px solid #E8E7E7!important;
    text-align: left;
    white-space: nowrap;
    flex-wrap: nowrap;
    max-width: fit-content;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 auto
}

.Microservices-Application-Development-tab .custom-nav-area button {
    border: none;
    background: transparent!important;
    text-align: start;
    margin: 0;
    padding: 0 12px 16px!important
}

.Microservices-Application-Development-tab .custom-nav-area button:focus-visible {
    outline: none
}

.Microservices-Application-Development-tab .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #3F3F41!important;
    border-bottom: 2px solid #CB202D;
    border-left: 0!important
}

.service-case-study-microservices img.client-case {
    width: 100%;
    min-height: 280px;
    height: auto;
    object-fit: cover
}

button.btn.Project-Vision-btn {
    max-width: fit-content;
    width: 100%!important;
    margin: 0 auto;
    justify-content: center;
    height: 48px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev {
    position: absolute;
    left: -70px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-next {
    position: absolute;
    right: -70px
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.v-align-middle {
    vertical-align: middle
}

.bg-color-07314B {
    background: #07314B
}

.bg-color-E0F2FE {
    background: #E0F2FE
}

.bg-color-032D60 {
    background: #032D60!important
}

.color-032D60 {
    color: #032D60
}

.color-626264 {
    color: #626264
}

.color-F4FAFF {
    color: #F4FAFF
}

.counter-row {
    width: 100%;
    margin: 0 auto
}

.counter-circle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 210px!important;
    width: 100%;
    height: 196px;
    padding: 30px
}

a.appexchange-hover:hover span {
    color: #113c63
}

.counter-row.salesforce-service .counter-circle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 180px;
    height: 196px;
    padding: 30px;
    width: 100%
}

.counter-circle-1 {
    background-image: url(/wp-content/uploads/2024/05/increase-sale.svg)
}

.counter-circle-2 {
    background-image: url(/wp-content/uploads/2024/05/sales-revenue.svg)
}

.counter-circle-3 {
    background-image: url(/wp-content/uploads/2024/05/sales-opportunity.svg)
}

.counter-circle-4 {
    background-image: url(/wp-content/uploads/2024/05/forecasting-sales.svg)
}

.counter-circle-5 {
    background-image: url(/wp-content/uploads/2024/05/increase-in-deals.svg)
}

.counter-circle-6 {
    background-image: url(/wp-content/uploads/2024/05/reduction-reporting-time.svg)
}

.counter-circle-23 {
    background-image: url(/wp-content/uploads/2024/06/counter-circle-5.png)
}

.counter-circle-10 {
    background-image: url(/wp-content/uploads/2024/06/increase-sale-one.svg)
}

.counter-circle-11 {
    background-image: url(/wp-content/uploads/2024/06/sales-revenu-one.svg)
}

.counter-circle-12 {
    background-image: url(/wp-content/uploads/2024/06/sales-opportunity-one.svg)
}

.counter-circle-13 {
    background-image: url(/wp-content/uploads/2024/06/Increase-Deals-blue.png)
}

.counter-circle-14 {
    background-image: url(/wp-content/uploads/2024/06/Maintenance-costs.svg)
}

.counter-circle-64 {
    background-image: url(/wp-content/uploads/2024/06/64-percent.svg)
}

.counter-circle-78 {
    background-image: url(/wp-content/uploads/2024/06/78-percent.svg)
}

.color-626264 {
    color: #626264
}

.border-E8E7E7 {
    border: 1px solid #E8E7E7!important
}

.border-F3F3F3 {
    border: 1px solid #F3F3F3
}

.sales-cloud-section .counter-row.salesforce-service .counter-circle.counter-circle-width {
    max-width: 196px!important
}

.custom-whitespace {
    white-space: nowrap
}

.custom-padding-space {
    padding: 45px 9px 39px 8px!important
}

.apache-developement-service-tab .Sales-Cloud .nav-pills .nav-link.active {
    background-color: #F0F7FE!important;
    color: #032D60!important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    border: none!important
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background-color: #032D60;
    position: absolute;
    left: 0
}

.Sales-Cloud .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #CB202D!important;
    border-left: 2px solid #CB202D
}

.Sales-Cloud .tab-service .nav-tab-service a.nav-link-tab-service:hover {
    color: #032D60!important
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud #v-pills-tab .nav-link:hover {
    color: #032D60!important
}

.Salesforce-Cloud .sales-product-exp-card {
    max-width: 305px;
    height: 120px;
    padding: 24px;
    width: 100%
}

.salesforce-Diverse-Industry .ks-product-exp-card {
    border: 1px solid #F3F3F3;
    min-height: 211px;
    height: 100%;
    cursor: default
}

.salesforce-Diverse-Industry .col-lg-3 {
    flex: 0 0 auto;
    width: 20%!important
}

.gap-38.Benefits-salesforce {
    row-gap: 38px;
    column-gap: 16px
}

.Benefits-salesforce .nifi-apache-card {
    border: 1px solid #032D6040;
    padding: 42px 24px 16px 24px;
    height: 100%
}

.Benefits-salesforce .nifi-apache-card img {
    position: absolute;
    top: -30px
}

.banner-padding-zero {
    padding: 0 0!important
}

.color-565656 {
    color: #565656
}

.color-727272 {
    color: #727272
}

.border-ECECEC {
    border: 1px solid #ECECEC
}

.ls-1 {
    letter-spacing: 2px
}

.new-podcast-play-btn {
    max-width: 202px;
    height: 56px;
    padding: 8px 16px;
    border-radius: 40px;
    width: 100%;
    margin: 32px 0 0 0
}

.padding-32 {
    padding: 32px
}

.ks-new-podcast-details .ks-mobile-block span.read-more-btn {
    cursor: pointer;
    font-weight: 500
}

.ks-new-podcast-details .ks-mobile-block span.read-more-btn:hover {
    color: #1C1C1C
}

.ks-new-podcast-details .ks-mobile-block .ks-podcast-details p a:hover {
    color: #1C1C1C
}

.ks-new-podcast-details .ks-mobile-block {
    margin-bottom: 40px;
    cursor: default
}

.ReactModal__Content .ps-4 {
    cursor: default
}

.btn-read-more span:first-child:hover {
    transform: scale(1.1);
    margin-left: 5px
}

.ReactModal__Content.ReactModal__Content--after-open .audio-image {
    border-radius: 8px!important;
    overflow: hidden
}

.odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) .font-14 {
    margin-top: 0px!important
}

button.podcast-newbtn {
    max-width: 188px;
    height: 56px;
    padding: 16px 32px;
    border-radius: 4px!important;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.podcast-popup-close span {
    height: 47px;
    width: 46px;
    padding: 0 0 0 1px
}

.new-nifi-apache-developement.big-data-page.microservices-service,.new-nifi-apache-developement.big-data-page,.new-nifi-apache-developement,.new-nifi-apache-developement.cassandra-templ {
    cursor: default
}

.othermenu .menu-has-grandchild:hover .header-menu-name,.othermenu .menu-has-grandchild .header-menu-name :hover {
    color: #113c63!important
}

.l-h-37 {
    line-height: 37px
}

.btn.btn-width-full.microservices-blog {
    max-width: 142px;
    width: 100%;
    padding: 12px 24px!important
}

.natural_language_processing .list-style-none li.ks-check-icon,.computer_vision_page .list-style-none li.ks-check-icon {
    display: flex;
    align-items: center
}

.border-EDEDED {
    border: 1px solid #EDEDED
}

.bg-color-AC1021 {
    background-color: #AC1021
}

.bg-color-252525 {
    background-color: #252525
}

.salesforce-cloud-blogs .color-34353A {
    color: #032D60!important
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev {
    position: absolute;
    left: -70px
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next {
    position: absolute;
    right: -70px
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.service-case-study-spark-cassandra img.client-case {
    width: 100%;
    min-height: 280px;
    height: auto;
    object-fit: cover
}

.z-index-999 {
    z-index: 999
}

.clients-case-study.sprak-case-study {
    display: block!important
}

.color-EFF9FF {
    color: #EFF9FF
}

.odoo-experience-main.new-odoo-page section.odoo-experience-section.mumbai-image-banner {
    background-image: url(/wp-content/uploads/2024/05/Mumbai-banner-scaled.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 630px;
    height: auto
}

.bg-color-F3F5F6 {
    background-color: #F3F5F6
}

.flash-animation-red {
    animation: zoomflash-in-zoomflash-out 2s ease infinite
}

@keyframes zoomflash-in-zoomflash-out {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.dreamforce-events-banner.mumbai-tour-page {
    border: 1px solid #E1EDFF;
    border-radius: 8px;
    padding: 10px 16px;
    max-width: 640px;
    width: 100%;
    height: 85px
}

.dreamforce-events-banner.mumbai-tour-page-second {
    border: 1px solid #E1EDFF;
    border-radius: 8px;
    padding: 15px 16px;
    max-width: 600px;
    width: 100%;
    min-height: 54px;
    height: auto;
    overflow: visible
}

.dreamforce-events-banner.mumbai-tour-page-second::before {
    background: transparent
}

.dreamforce-events-banner.mumbai-tour-page::before {
    background: transparent
}

.dreamforce-events-banner.mumbai-tour-page-second .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #E1EDFF;
    height: 20px;
    right: -13px;
    top: 5px
}

.bg-color-linear-salesfroce {
    background: linear-gradient(180deg,rgba(247,251,255,.4) 0%,rgba(230,234,238,.4) 95.77%)
}

.border-A4A4A4 {
    border: 1px solid #A4A4A4
}

.color-00A1E0 {
    color: #00A1E0
}

.color-E8E7E7 {
    color: #E8E7E7
}

.Salesforce-partners.border-A4A4A4 {
    max-width: 190px;
    width: 100%;
    height: 137px;
    padding: 26px 28px 31px 26px
}

.Our-Booth-salesfroce-bg {
    background-image: url(/wp-content/uploads/2024/05/Group-3920-3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 630px;
    height: auto;
    box-shadow: 2px 2px 32px 0 #0003;
    border-radius: 24px
}

.border-D7D7D766 {
    border: 1px solid #D7D7D766
}

.Our-Booth-salesfroce-bg .salesfroce-bg-padding {
    padding: 55px 56px 0 56px
}

.Salesforce-newevent .sales-product-exp-card {
    max-width: 272px;
    width: 100%;
    min-height: 230px;
    height: auto;
    gap: 18px;
    background: #FFFC
}

section.innovation-partner.AI-Capabilities-Multi-Channel .container.Revolutionize-whyuse {
    background-color: transparent
}

section.innovation-partner.AI-Capabilities .container.Revolutionize-whyuse {
    max-width: 1014px;
    width: 100%;
    margin: 0 auto;
    padding: 72px 40px;
    border-radius: 16px;
    background-color: transparent
}

.Experience-Revolutionary {
    background-image: url(/wp-content/uploads/2024/05/Experience-Revolutionary.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 236px;
    height: auto;
    margin-top: 55px
}

.color-626264 {
    color: #626264
}

.border-E8E7E7 {
    border: 1px solid #E8E7E7
}

.border-F3F3F3 {
    border: 1px solid #F3F3F3
}

.box-shadow-sales {
    box-shadow: 2px 2px 18px 0 #00000040
}

section.innovation-partner.AI-Capabilities {
    background-image: url(/wp-content/uploads/2024/05/mumbai-footer-background-scaled.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 635px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: self-start;
    padding-top: 80px!important
}

.Exclusive-image {
    min-width: 27px
}

.Experience-Power_title,.Experience-Revolutionary_title {
    font-size: 40px
}

.Experience-Power_para {
    font-size: 24px
}

.powerful-AI-integration {
    background: url(/wp-content/uploads/2024/05/world-bg.svg);
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: contain
}

.power-ai_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48.41px;
    text-align: left;
    color: #012C57;
    margin-bottom: 24px
}

.power-ai_para {
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    text-align: left;
    color: #3F3F41
}

.ai-bird-logo {
    position: relative;
    top: -41px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Ai-salesforce_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48.41px;
    text-align: left;
    color: #012C57;
    margin-bottom: 16px
}

.Ai-salesforce-para {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #3F3F41;
    margin-bottom: 32px
}

.Revolutionize-whyuse {
    background-image: url(/wp-content/uploads/2024/05/learn-connect-inspire-bg-scaled.webp);
    background: linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(221,230,231,.1) 100%);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 451px;
    height: auto
}

.bg-image-saleforce-event {
    background-image: url(/wp-content/uploads/2024/05/Rectangle-curve.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    height: auto;
    width: 100%
}

.blue-gradiant {
    background: linear-gradient(180deg,#6991AD 0%,#084B6E 100%)
}

section.innovation-partner.AI-Capabilities-Multi-Channel .container.Revolutionize-whyuse {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2024/05/learn-connect-inspire-bg-1-scaled.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%
}

section.innovation-partner.AI-Capabilities-Multi-Channel .container.box-shadow-sales {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

section.innovation-partner.AI-Capabilities-Multi-Channel .container.box-shadow-sales .row {
    padding: 45px 0 45px 56px
}

.unifiedinbox-div {
    gap: 32px
}

.bg-color-F7F6F7 {
    background-color: #F7F6F7
}

.gradiant-linear-gray {
    background: linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(221,230,231,.1) 100%)
}

section.Ai-salesforce_sms {
    background-color: #F6F9FA
}

section.odoo-Specialist1.global-ai-mgmt img.img-fluid.h-sm-auto.object-fit-cover {
    height: 244px;
    object-fit: contain;
    width: 100%;
    object-position: top;
    border-radius: 8px
}

section.new-link-section.odoo-Specialist1.global-ai-mgmt img.img-fluid.h-sm-auto.object-fit-cover {
    height: 228px;
    object-fit: contain;
    width: 100%;
    object-position: top;
    border-radius: 8px
}

.date-time_container {
    padding: 8px 6px;
    border: 1px solid #855A774D;
    border-radius: 8px;
    position: relative;
    margin-bottom: 8px
}

.date-time_container:nth-child(2) {
    margin-bottom: 16px
}

.line-custom {
    position: relative;
    content: " ";
    height: .5px;
    width: 66px;
    top: -16px;
    transform: rotate(-90deg);
    border: 1px solid #E1EDFF
}

.line-custom-event {
    position: relative;
    content: " ";
    height: .5px;
    width: 66px;
    top: 27px;
    transform: rotate(-90deg);
    border: 1px solid #E1EDFF
}

.social-gap {
    column-gap: 8px;
    row-gap: 8px
}

.slider-row-gap {
    row-gap: 24px
}

.revolution-strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .01em;
    text-align: left;
    color: #3F3F41
}

.revolution-light {
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: .01em;
    text-align: left;
    color: #3F3F41
}

.custom-font-genAi {
    font-size: 16px
}

.click-font {
    font-size: 16px
}

.date-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20.44px;
    text-align: left;
    color: #444
}

.date-para {
    font-size: 12px;
    font-weight: 500;
    line-height: 17.52px;
    text-align: left;
    color: #444
}

.modal.mumbai-event-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,.4);
    padding: 0 16px
}

.mumbai-tour-page .banner-logo-area .odoo-partners img {
    height: 92px;
    width: 151px
}

.modal.mumbai-event-popup .modal-content {
    margin: 15% auto;
    padding: 20px;
    background-image: url(/wp-content/uploads/2024/05/mumbai-popup-1.svg);
    max-width: 963px;
    border-radius: 24px!important;
    display: flex;
    justify-content: space-around!important;
    flex-direction: row!important;
    align-items: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.mumbai-event-popup .close strong {
    margin: 2px 10px 2px 10px
}

.slider-row-gap .client-case-card img:hover {
    box-shadow: 0 6px 20px 0 #0006;
    border-radius: 24px
}

.modal.mumbai-event-popup .modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 27.96px;
    text-align: left;
    color: #fff
}

.modal.mumbai-event-popup .modal-para {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    margin-bottom: 8px;
    color: #fff
}

.modal.mumbai-event-popup .modal-strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    color: #fff
}

.modal.mumbai-event-popup .modal-list {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #fff;
    margin-bottom: 8px
}

.modal.mumbai-event-popup .modal-list::marker {
    color: #fff
}

.modal.mumbai-event-popup .max-w {
    max-width: 70%!important;
    min-width: 70%!important;
    min-height: 360px
}

.mumbai-event-popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

img.img-fuild.capabilities {
    position: absolute;
    top: -7px;
    left: 18px
}

section.innovation-partner.AI-Capabilities .container.box-shadow-sales {
    padding: 56px 0;
    text-align: center
}

h2.study-h2-heading {
    padding-bottom: 12px;
    margin-bottom: 0
}

ul.cookie-list {
    padding-top: 0;
    list-style: lower-roman
}

.study-div-subheading {
    padding-bottom: 16px
}

ul.cookie-list li {
    padding-bottom: 12px
}

.cookies-list-div p {
    margin-bottom: 12px
}

#cokkies-table tr td,#cokkies-table-first tr td {
    padding: 8px 12px;
    border: 1px solid #ddd
}

#cokkies-table-first thead {
    background: #f3f3f3
}

.cookie-cls-tb {
    max-height: 800px;
    overflow: auto;
    position: relative;
    border-top: 1px solid #ddd
}

#cookies-table {
    width: 100%;
    border-collapse: collapse
}

#cookies-table thead {
    position: sticky;
    top: -1px;
    background: #f3f3f3;
    z-index: 1
}

#cookies-table th,#cookies-table td {
    padding: 8px 12px;
    border: 1px solid #ddd
}

#cookies-table th {
    background-color: #f4f4f4
}

.color-5A4588 {
    color: #5A4588
}

.border-6A51A0 {
    border: 1px solid #6A51A0!important
}

.bg-color-F6F2FF {
    background-color: #F6F2FF!important
}

.bg-color-F1F4F9 {
    background-color: #F1F4F9!important
}

.bg-color-343434 {
    background-color: #343434
}

.bg-color-F3F3F3 {
    background-color: #F3F3F3
}

.performance-bg-img {
    background-image: url(/wp-content/uploads/2024/05/Performance-Testing.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.new-nifi-apache-developement .apache-developement-service-tab .performance-testing-tabs #v-pills-tab .nav-link.active {
    position: relative;
    border-radius: 8px!important;
    color: #5A4588!important;
    background-color: #F4F1FF!important
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud .performance-testing-tabs #v-pills-tab .nav-link:hover {
    color: #5A4588!important
}

.new-nifi-apache-developement .apache-developement-service-tab .container .performance-testing-tabs #v-pills-tab {
    max-width: 415px;
    width: 100%;
    min-height: 456px;
    height: auto;
    padding: 24px 32px 24px 24px;
    border-radius: 16px;
    border: 1px solid #F3F3F3;
    background-color: #FFF
}

.new-nifi-apache-developement .apache-developement-service-tab .container .performance-testing-tabs .tab-content.ks-faq.performance-testing-tabs .bd-tech-card {
    max-width: 549px;
    min-height: 403px;
    height: 504px;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud .performance-testing-tabs #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 22px;
    border-radius: 3px;
    background-color: #5A4588;
    position: absolute;
    left: 0
}

.performance-testing-page .performance-testing-tabs .card[open] summary.card-header {
    color: #5A4588!important
}

.performance-testing-page .ks-faq details.card[open] .btn-accordian:after {
    background-image: url(/wp-content/uploads/2024/05/Vector.svg);
    transform: rotate(0deg)!important
}

.ks-faq.performance-testing-tabs .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 285px;
    height: 290px;
    padding-right: 20px
}

.performance-testing-page .ks-faq details.card a.explore-more-text-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    max-width: 237px;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    margin-top: 8px;
    font-weight: 500
}

.performance-testing {
    padding: 64px 0 41px 0
}

.performance-testing_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    margin-bottom: 25px;
    color: #28292E
}

.performance-testing_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #34353A;
    margin-bottom: 32px
}

.testing-content {
    border: 1px solid #DDD;
    padding: 32px 16px;
    border-radius: 16px;
    min-height: 816px;
    height: 100%
}

.testing-content_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #5A4588;
    margin-bottom: 8px;
    margin-top: 16px
}

.testing-content-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #34353A
}

.testing-content_list {
    margin-top: 24px;
    padding-left: 30px
}

.testing-content_listitem {
    font-weight: 400
}

.testing-gap {
    row-gap: 16px
}

.distributed-testing {
    background-color: #F1F4F9;
    padding: 64px 0
}

.distributed-content-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #28292E;
    margin-bottom: 25px
}

.distribute-content_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #34353A
}

.versatility-performance {
    padding: 64px 0
}

.versatility-content_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    color: #28292E;
    margin-bottom: 24px
}

.versatility-content_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #34353A;
    margin-bottom: 64px
}

.performance-testing .testing-content_title {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;
    text-align: left;
    color: #28292E;
    margin-bottom: 8px;
    margin-top: 16px
}

.verstitlity-logo {
    margin-bottom: 64px
}

.monitoring-tools {
    background-color: #F1F4F9
}

.monitoring-tools_content {
    padding: 40px 0
}

.monitoring-content_title {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
    color: #28292E;
    margin-bottom: 25px
}

.monitoring-content_para {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #34353A
}

.testing-process {
    padding: 64px 0
}

.testing-heading_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -.02em;
    text-align: center;
    color: #28292E;
    margin-bottom: 24px
}

.testing-heading_para {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #34353A;
    margin-bottom: 64px
}

.testing-content_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #3F3F41
}

#Performance-Testing-Benefits .Benefits-salesforce .nifi-apache-card {
    min-height: 88px
}

.ks-faq.performance-testing-tabs .card-body {
    padding-right: 22px
}

.new-nifi-apache-developement .apache-developement-service-tab .container .performance-testing-tabs .tab-content.ks-faq.performance-testing-tabs .bd-tech-card.BenchmarkTesting {
    max-width: 549px;
    min-height: 403px;
    height: 525px;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.linear-salesforce_custombg {
    padding: 32px 0;
    margin-top: 40px;
    margin-bottom: 80px
}

.linear-salesforce_custombg .custom-certified_container {
    border: 1px solid #A4A4A4;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 137px;
    border-radius: 8px
}

.linear-salesforce_custombg .infomative_titles {
    font-size: 28px;
    font-weight: 700;
    line-height: 40.88px;
    text-align: center;
    color: #00A1E0;
    margin-bottom: 5px
}

.linear-salesforce_custombg .infomative_paras {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: center;
    color: #1C1C1C
}

.linear-salesforce_custombg .custom_salesforce-gap {
    row-gap: 16px
}

section#data_flow_diagram .data-flow-inner-img .border-F3F3F3 {
    border: none
}

.bg-color-F9F9F9 {
    background-color: #F9F9F9
}

.salesforce-commerce {
    padding: 80px 0
}

.salesforce-commerce-content {
    border: 1px solid #D0D0D0;
    border-radius: 16px;
    padding: 40px 24px 40px 24px;
    height: 100%
}

.salesforce-commerce-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #032D60;
    margin-bottom: 25px
}

.salesforce-commerce-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #3F3F41;
    margin-bottom: 40px
}

.salesforce-content-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #34353A;
    margin-bottom: 12px
}

.salesforce-content-point {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #3F3F41;
    margin-bottom: 14px
}

.salesforce-commerce .row-gap-24 {
    row-gap: 24px
}

.commerce-img {
    margin-right: 8px
}

#Commerce-Cloud-Benefits .Benefits-salesforce .nifi-apache-card {
    border: 1px solid #032D6040;
    padding: 42px 24px 16px 24px;
    height: auto;
    min-height: 88px
}

.pb-13 {
    padding-bottom: 13px
}

.max-width-203 {
    max-width: 203px;
    width: 100%
}

.max-width-336 {
    max-width: 336px;
    width: 100%
}

.salesforce-community-row img.position-absolute.tour-logo.tour-logo-1 {
    bottom: -65px!important
}

.tag-icon {
    height: 80px
}

.bg-color-343434 {
    background-color: #343434
}

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

.bg-color-F5EAF2 {
    background-color: #F5EAF2
}

.bg-color-8E79B74D {
    background-color: #8E79B74D
}

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

section.ks-business-explore-Revolutionize {
    background-image: url(/wp-content/uploads/2024/05/explore-Revolutionize.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    min-height: 369px;
    height: auto
}

.odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community {
    background-image: url(/wp-content/uploads/2024/05/odoo-comunity-banner.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 664px;
    height: auto
}

section.banner-sec-case-our-Booth {
    background-image: url(/wp-content/uploads/2024/05/Our-Booth-odoo.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: bottom;
    min-height: 841px;
    height: auto
}

section.dashboard-ninja-Animated {
    background-image: url(/wp-content/uploads/2024/05/Dashboard-Ninja-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: top;
    min-height: 751px;
    height: auto
}

.bg-color-FFFFFF66 {
    background: #FFFFFF66!important
}

.bg-color-855A77 {
    background-color: #855A77!important
}

.bg-color-F2E8EF99 {
    background-color: #F2E8EF99!important
}

.border-FFFFFF4D {
    border: 1px solid #FFFFFF4D
}

.color-855A77 {
    color: #855A77
}

.color-E093C7 {
    color: #E093C7
}

.btn-form-design.bg-color-855A77 {
    background-color: #855A77!important
}

.odoo-experience-main.new-odoo-page button.btn-form-design.bg-color-855A77 {
    background-color: #855A77!important;
    cursor: default;
    border: none
}

.odoo-experience-main.new-odoo-page button.btn-form-design.bg-color-855A77:hover {
    transition: none;
    box-shadow: none
}

.Consultation-Odoo span {
    color: #E093C7!important
}

.odoo-community-events-banner-card .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #FFF6FD33;
    height: 20px;
    right: -10px;
    top: 9px
}

.events-banner-card-odoo-community .events-border-right-mobile:after {
    position: relative;
    content: " ";
    height: 44px;
    width: 0;
    top: 8px;
    transform: none;
    border: 1px solid #855A7733;
    left: 0
}

section.dashboard-ninja-Animated .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #855A7766;
    height: 20px;
    right: -9px
}

.two-section-bg-img {
    background-image: url(/wp-content/uploads/2024/05/Our-Suite-banner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: bottom;
    min-height: 1254px;
    height: auto
}

.odoo-community-dashboard {
    position: absolute;
    right: 0;
    background-size: contain;
    top: 105px;
    background-position: right;
    background-repeat: no-repeat;
    width: fit-content;
    height: 551px
}

.min-height-auto {
    min-height: auto
}

.pt-112 {
    padding-top: 112px
}

.pt-105 {
    padding-top: 105px
}

.odoo-experience-main.new-odoo-page section.ks-java-experties .ks-whychoose-card a {
    color: #34353A!important
}

.odoo-experience-main.new-odoo-page section.ks-java-experties .ks-whychoose-card a:hover {
    color: #113c63!important
}

.table-container {
    overflow-x: auto;
    width: 100%
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    caption-side: top;
    empty-cells: hide;
    table-layout: auto;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D4D4D8;
    border-collapse: separate;
    border-spacing: 0
}

.table-container table tbody {
    border-left: 2px solid #D4D4D8;
    border-right: 2px solid #D4D4D8;
    border-bottom: 2px solid #D4D4D8
}

.table-container table tbody tr:first-child td:first-child {
    border-top-left-radius: 10px
}

.table-container table tbody tr:first-child td:last-child {
    border-top-right-radius: 10px
}

.table-container table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px
}

.table-container table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px
}

.table-container table tbody tr:first-child td {
    border-top-style: solid
}

.table-container table th {
    padding: 0 0 0 16px;
    text-align: left;
    font-weight: 600;
    width: 100%;
    max-width: 25%;
    height: 70px
}

.table-container table td {
    padding: 16px;
    text-align: left;
    border: none;
    vertical-align: baseline
}

.table-container table tr:nth-child(odd) {
    background-color: #F9F9F9;
    border: 1px solid #D4D4D8
}

.table-container table tr:nth-child(odd) td {
    border-bottom: 1px solid #D4D4D8;
    border-top: 1px solid #D4D4D8
}

.max-width-203 {
    max-width: 203px;
    width: 100%
}

.max-width-189 {
    max-width: 189px;
    width: 100%
}

.bg-color-E7E7E7 {
    background-color: #F3F3F3
}

.Microservices-Application-Development-tab .nav-pills .nav-link.active,.nav-pills .show>.nav-link:focus-visible {
    outline: none
}

.DataStax-Certifications-row .col-lg-4 {
    max-width: 31%;
    width: 100%
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .salesforce-cpq .bd-tech-card {
    max-width: 549px;
    min-height: 408px;
    height: 481px;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .salesforce-cpq .bd-tech-card .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 190px;
    height: 270px;
    padding-right: 20px
}

.max-width-231 {
    max-width: 231px!important;
    width: 100%!important
}

.insights-main .ks-read-more-btn:hover {
    color: #113c63
}

.border-EAEAEA {
    border: 1px solid #EAEAEA
}

.Oracle-ERP-div {
    max-width: 187px;
    min-height: 147px;
    height: auto;
    width: 100%
}

.mb-10 {
    margin-bottom: 10px
}

.mulesoft-content {
    border: 1px solid #eaeaea;
    background: #fff;
    gap: 24px;
    border-radius: 8px;
    min-height: 326px
}

.max-width-429 {
    max-width: 429px;
    width: 100%
}

.border-D9D9D9 {
    border: 1px solid #D9D9D9
}

.Salesforce-Einstein .col-gap-40 {
    column-gap: 40px
}

.Salesforce-Einstein .tab-content-container {
    padding: 32px;
    border-radius: 16px
}

p.cf7-error-email,p.wpcf7-not-valid-tip-new,p.cf7-error-contact,p.cf7-error-name {
    font-size: 14px;
    color: #dc3232;
    font-weight: 400;
    display: block;
    padding-top: 1px
}

p.cf7-error-message {
    font-size: 14px;
    color: #dc3232;
    font-weight: 400;
    display: block;
    padding-top: 4px;
    line-height: 14px
}

p.sub-error-message {
    font-size: 14px;
    color: #dc3232;
    font-weight: 400;
    display: block;
    padding-top: 0;
    line-height: 14px;
    margin-top: 6px!important
}

.ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap span {
    font-size: 14px;
    color: #dc3232;
    font-weight: 400;
    padding-top: 6px;
    line-height: 14px
}

.measglead p.sub-error-message {
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding-top: 0;
    line-height: 10px!important
}

.measglead p.cf7-error-message {
    font-size: 14px;
    color: #dc3232;
    font-weight: 400;
    display: block;
    padding-top: 0;
    line-height: 14px
}

.salesforce-Diverse-Industry .ks-product-exp-card .color-3F3F41 {
    font-size: 18px
}

section#Industries .tools-rows .ks-product-exp-card .color-3F3F41 {
    font-size: 18px!important
}

section#client_use_cases .container {
    padding: 0 60px 0;
    max-width: 796px;
    width: 100%;
    margin: 0 auto
}

section#client_use_cases {
    background-color: #fff!important;
    padding: 60px 0
}

#client_use_cases p:empty {
    display: none
}

section#client_use_cases h2.Challenges_title {
    margin-bottom: 0
}

.postid-14429 section#challenges {
    padding-top: 60px
}

section#client_use_cases h5.Challenges_title.heading_Eight_sub_heading:empty {
    display: none
}

.bg-gradient-auto {
    background: linear-gradient(90deg,rgba(96,255,217,.17) 10.9%,rgba(255,252,250,.18) 105.05%)
}

.border-EEEEEE {
    border: 1px solid #EEE
}

.border-E8E7E7 {
    border: 1px solid #E8E7E7
}

.border-D2D2D2 {
    border: 1px solid #D2D2D2
}

.color-000 {
    color: #000
}

.bd-tech-automation {
    overflow-y: auto;
    min-height: 500px;
    height: 500px;
    padding-right: 24px;
    display: inline-block
}

.bd-tech-content-automation {
    max-width: 401px;
    width: 100%;
    margin: 0 0 16px 0
}

.bd-tech-automation::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.bd-tech-automation::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.bd-tech-automation::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555
}

.row-gap-3 {
    row-gap: 16px
}

.automation-mobile-overflow .salesforce-Diverse-Industry .col-lg-3 {
    flex: 0 0 auto;
    width: 25%!important
}

.color-F6F5F5 {
    color: #F6F5F5
}

.ks-discuss .ks-bottom-form .mod_june span.country-name {
    color: #212529;
    word-break: break-word;
    font-size: 16px
}

.height-36 {
    height: 36px
}

.border-DDDDDD {
    border: 1px solid #DDD
}

.line-blue-w-full {
    border-top: 10px solid #0F2D5D
}

.line-yellow-w-full {
    border-top: 10px solid #F4C043
}

.line-pink-w-full {
    border-top: 10px solid #A72454
}

.color-888C94 {
    color: #888C94
}

.connectivity-padding {
    padding: 32px 16px
}

.intl-tel-input.allow-dropdown .flag-container {
    position: relative;
    top: 23px;
    z-index: 999;
    background-color: transparent
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
    position: relative;
    z-index: 99;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}

.border-E7D0E1 {
    border: 1px solid #E7D0E1
}

.bg-color-E7E7E7 {
    background-color: #E7E7E7
}

.hover-113c63:hover {
    color: #113c63
}

.ksolve_captcha .dscf7captcha {
    display: flex;
    gap: 5px;
    align-items: center
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 999999;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    top: 20px;
    width: 100%
}

.intl-tel-input.iti-container {
    z-index: 50000
}

.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag {
    width: fit-content;
    position: relative;
    z-index: 9999;
    outline: none
}

.intl-tel-input {
    position: relative;
    z-index: 999
}

.intl-tel-input .selected-flag .iti-arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    right: -25px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 213px;
    margin-left: 2px
}

.intl-tel-input ul.country-list li {
    max-width: 100%;
    width: 100%
}

.ks-form-outer.Request_form p.wpcf7-not-valid-tip-new,.ks-form-outer.Request_form.have_project_idea .wpcf7-not-valid-tip {
    display: none
}

#contact_modal_event .ks-form-outer.Request_form.have_project_idea .wpcf7-not-valid-tip {
    display: block!important
}

#generative-expt .salespaid-form form .recaptcha-div .wpcf7-not-valid-tip,.genaipaid-banner .salespaid-form form .recaptcha-div .wpcf7-not-valid-tip {
    display: block!important;
    text-align: start;
    color: #FF5F6D;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px
}

p.dscf7captcha p.sub-error-message {
    display: none!important
}

.file-input span.wpcf7-not-valid-tip,p.dscf7captcha span.wpcf7-not-valid-tip:first-of-type {
    display: block!important
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,.05);
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: default
}

.ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input {
    width: 100%!important;
    font-size: 14px!important;
    margin-bottom: 0!important
}

.ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input::placeholder {
    font-size: 14px!important
}

.invester-main .ks-discuss-bg .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 343px
}

#magento-development-services .ks-discuss-bg .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 343px
}

#salesforce-professional-services .ks-discuss-bg .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 339px
}

.ks-aboutus-page .ks-discuss .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 355px
}

.company-insights-main .ks-discuss-bg .ks-contact-sec .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 349px
}

.company-insights-main .ks-discuss-bg .ks-contact-sec .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon {
    filter: invert(1)
}

.ks-aboutus-page .ks-discuss .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon {
    filter: invert(1)
}

.footer-col-form .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 173px
}

.footer-col-form .ksolve_captcha .dscf7captcha {
    gap: 5px
}

.invester-main .ks-discuss-bg .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon,#magento-development-services .ks-discuss-bg .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon,#salesforce-professional-services .ks-discuss-bg .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon {
    filter: invert(1)
}

.form-unit.mb-3.measglead {
    margin-bottom: 10px!important
}

.row-gap-32 {
    row-gap: 32px
}

.odoo-experience-main.new-odoo-page .odoo-event-form .wpcf7 form .wpcf7-response-output {
    color: #fff!important
}

section.ks-hero-sec.roleup-banner {
    background-image: url(/wp-content/uploads/2024/07/roleup-banner.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 473px;
    height: auto
}

.bg-gredient-F9FAFA {
    background: linear-gradient(85.92deg,#F9F3EF 4.26%,#FCFAFA 95.56%)
}

.font-11 {
    font-size: 11px
}

.btn-secondry {
    padding: 6px 24px;
    border: 1px solid #113c63;
    color: #113c63
}

.btn-secondry:hover {
    padding: 6px 24px;
    border: 1px solid #113c63;
    color: #fff;
    background-color: #e65a66
}

.color-484848 {
    color: #484848
}

.border-gredient {
    background: linear-gradient(to right,rgba(227,34,53,.2) 0,rgba(68,68,68,.2) 100%)
}

.max-w-1014 {
    max-width: 1014px;
    width: 100%;
    margin: 0 auto
}

section.limitations-section .container {
    border-radius: 16px;
    padding: .5px 1px 1px 1px
}

section.limitations-section .container .bg-gredient-F9FAFA {
    border-radius: 16px;
    padding: 72px 40px;
    margin: 0 1px 0 1px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg,rgba(225,61,130,.2) 0%,rgba(68,68,68,.2) 100%)
}

.l-h-42 {
    line-height: 42px
}

.br-10 {
    border-radius: 10px!important
}

.roleup-box {
    background: linear-gradient(180deg,rgba(227,34,53,.2) 0%,rgba(68,68,68,.2) 100%);
    padding: 0 1px 2.5px 1px!important;
    max-width: 420px;
    width: 100%;
    border-radius: 8px
}

.roleup-card {
    background-color: #fff;
    margin: 1px 0 0 0;
    padding: 24px
}

.gap-32 {
    gap: 32px
}

.rollup-services {
    background: linear-gradient(180deg,rgba(227,34,53,.2) 0%,rgba(68,68,68,.2) 100%);
    padding: 0 1px 2.1px 1px!important;
    max-width: 533px;
    width: 100%;
    border-radius: 8px
}

.rollup-services-card {
    background-color: #fff;
    margin: 1px 0 0 0;
    padding: 24px;
    border-radius: 8px
}

.gap-40 {
    gap: 40px
}

.RollUpcurve {
    position: relative;
    z-index: 999
}

.RollUpcurve:after {
    content: "";
    background-image: url(/wp-content/uploads/2024/07/Vector-1-2.png);
    display: block;
    width: 100%;
    position: absolute;
    top: 52%;
    height: 100%;
    z-index: -1;
    background-position: bottom;
    background-size: cover
}

section.limitations-section {
    position: relative;
    z-index: 1
}

.ks-expert-card-magic {
    background: linear-gradient(180deg,rgba(227,34,53,.2) 0%,rgba(68,68,68,.2) 100%);
    padding: 0 1px 1px 1px!important;
    max-width: 290px;
    width: 100%;
    border-radius: 16px
}

.rollup-prodict-card {
    background-color: #F9F9F9;
    margin: 1px 0 0 0;
    padding: 16px;
    border-radius: 16px;
    height: 160px;
    justify-content: center
}

.img-border-roleup {
    position: absolute;
    top: -45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rollup-prodict-card p {
    padding-top: 32px
}

section.Why-RollUp:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/07/section-circle.png);
    display: block;
    position: absolute;
    top: 100px;
    right: 10px;
    height: 800px;
    z-index: -1;
    background-position: right;
    background-size: contain;
    width: 800px;
    background-repeat: no-repeat
}

section.key-Features::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/07/section-circle.png);
    display: block;
    position: absolute;
    top: 0;
    left: -22%;
    height: 828px;
    z-index: -1;
    background-position: left;
    background-size: contain;
    width: 828px;
    background-repeat: no-repeat
}

.single-sidebar .footer-col-form .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
    width: 100%!important;
    max-width: 250px
}

.border-113c6333 {
    border: 1px solid #113c63
}

section.ks-hero-sec.google-analytics-banner {
    background-image: url(/wp-content/uploads/2024/07/gac-banner.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 547px;
    height: auto
}

.intuition-bg {
    background-image: url(/wp-content/uploads/2024/07/intuition-banner.png);
    background-repeat: no-repeat;
    background-size: cover
}

.border-D3D3D3 {
    border: 1px solid #D3D3D3
}

.m-w-395 {
    max-width: 395px;
    width: 100%
}

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

.bg-pricing-color {
    background: linear-gradient(180deg,rgba(196,196,196,.08) 0%,rgba(225,61,75,.08) 100%)
}

.m-w-1090 {
    max-width: 1090px;
    width: 100%
}

.pricing-border {
    border-left: 1px solid #C8C8C8;
    height: 220px
}

section#Google-Analytics-Connector:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/07/gac-ecommer.png);
    display: block;
    position: absolute;
    top: 108px;
    right: 0;
    height: 472px;
    z-index: 9;
    background-position: right;
    background-size: contain;
    width: 706px;
    background-repeat: no-repeat
}

section#Google-Analytics-Connector {
    position: relative
}

.google-analytics .container.Key-Features-analytics {
    max-width: 1154px;
    width: 100%;
    margin: 0 auto
}

.google-analytics .container.Key-Features-analytics {
    max-width: 1154px;
    width: 100%;
    margin: 0 auto
}

.google-analytics .container.Key-Features-analytics div#v-pills-tab {
    background-color: transparent;
    border: none;
    position: relative
}

.google-analytics .container.Key-Features-analytics .nav-pills .nav-link {
    padding: 12px!important
}

.google-analytics .container.Key-Features-analytics .nav-pills .nav-link.active {
    background-color: transparent!important;
    color: #113c63!important;
    font-weight: 600!important
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .google-analytics .container.Key-Features-analytics .bd-tech-card .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 161px;
    height: 175px;
    padding-right: 20px
}

.google-analytics .container.Key-Features-analytics .bd-tech-card .bd-tech-content .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 170px;
    height: 175px;
    padding-right: 20px
}

.google-analytics .container.Key-Features-analytics #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background-color: #113c63!important;
    position: absolute;
    left: 0
}

.google-analytics .container.Key-Features-analytics .bd-tech-card {
    max-width: 729px;
    min-height: 100%;
    height: auto;
    width: 100%;
    padding: 1px;
    background: linear-gradient(180deg,#E13D82 0%,#B1F4F8 100%)
}

.google-analytics .container.Key-Features-analytics .bd-tech-card .bd-tech-content {
    background-color: #fff;
    padding: 28px 48px;
    border-radius: 16px;
    max-width: 729px;
    width: 100%
}

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

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

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

.ks-expert-card-boost {
    border: 1px solid #9B9B9B;
    max-width: 375px;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    position: relative
}

.ks-expert-card-boost .img-border-roleup {
    position: absolute;
    top: -70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    right: 0
}

.border-113c6333 {
    border: 1px solid #113c63
}

.blog-cta-cat {
    padding: 24px;
    width: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0
}

.blog-cta-form form p {
    display: flex;
    max-width: 688px;
    width: 100%;
    gap: 16px
}

.blog-cta-form form p span.wpcf7-form-control-wrap input {
    max-width: 320px;
    width: 100%;
    border-bottom: 1px solid #D0D5DD;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #667085
}

.blog-cta-form form p span.wpcf7-form-control-wrap input::placeholder {
    color: #667085!important
}

.blog-cta-form form p span.wpcf7-form-control-wrap input:focus-visible {
    outline: none
}

.blog-cta-btn {
    max-width: 225px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-cta-btn input.wpcf7-form-control.wpcf7-submit {
    background-color: #113c63;
    width: 100%;
    padding: 12px 0;
    border: 4px solid #113c63;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 8px;
    margin-top: 16px
}

.blog-cta-btn input.wpcf7-form-control.wpcf7-submit:hover {
    box-shadow: 0 21px 15px -9px rgba(225,61,75,.2);
    transform: scale(1.1)
}

.cta-content-div p {
    font-size: 16px!important;
    line-height: 24px;
    margin-bottom: 24px;
    color: #2D2D2D
}

.dreamfore-team-div img.img-fluid.h-sm-auto.object-fit-cover {
    object-fit: cover!important
}

.gap-12 {
    gap: 12px
}

.m-w-397 {
    max-width: 397px;
    width: 100%
}

.Harness-capabilities {
    background-image: url(/wp-content/uploads/2024/07/elevate-lower-trangle.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: self-start
}

.Elevate-capabilities {
    background-image: url(/wp-content/uploads/2024/07/elevate-upper-trangle.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: self-start
}

.Connector-content {
    gap: 88px
}

.font-46 {
    font-size: 46px
}

.sale-support-div {
    min-height: 71px;
    height: 70px
}

.insights-template-default.single.single-insights .btn-primary {
    color: #fff;
    background-color: #113c63;
    border-color: #113c63
}

.insights-template-default.single.single-insights .btn-primary:hover {
    background-color: var(--bs-btn-hover-bg)
}

section.ks-hero-sec.position-relative.ai_ml_services_page {
    background-image: url(/wp-content/uploads/2024/07/artboard-banner.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto
}

.m-w-230 {
    max-width: 23%;
    width: 100%
}

.border-gredient-ai-ml {
    background: linear-gradient(180deg,#E13D82 0%,#B1F4F8 100%)
}

.bg-color-F3F3F3-alml {
    border-radius: 16px;
    padding: 72px 40px;
    margin: 0 1px 0 1px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg,rgba(225,61,130,.2) 0%,rgba(68,68,68,.2) 100%);
    background-color: #F3F3F3
}

.bg-color-393838 {
    background-color: #393838
}

.bg-color-113c63 {
    background-color: #113c63
}

.min-h-472 {
    min-height: 490px;
    height: auto;
    border: 1.5px solid #E8E7E7
}

.Accelerate {
    margin-top: .5px
}

.m-w-257 {
    max-width: 20%;
    width: 100%;
}

.m-w-300 {
    max-width: 22%;
    width: 100%;
}

.ks-our-approach-ai .line-up {
    top: 80px;
    left: 5px;
    height: auto;
    z-index: 1;
    width: 95%
}

.ks-our-approach-ai .line-btm {
    bottom: 222px;
    right: 5%;
    height: auto;
    z-index: 1;
    width: 78%
}

.ks-our-approach-ai .line-vertical {
    right: 0;
    top: 80px;
    height: 350px;
    z-index: 1;
    width: auto
}

.ks-our-approach-ai .salesforce-Diverse-Industry {
    position: relative;
    z-index: 1
}

.google-analytics .container.Key-Features-analytics .tab-content.aiml-page .bd-tech-card .bd-tech-content .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 170px;
    height: 380px;
    padding-right: 20px
}

.google-analytics .container.Key-Features-analytics .tab-content.aiml-page .bd-tech-card .bd-tech-content {
    background-color: #fff;
    padding: 28px 10px 28px 48px;
    border-radius: 16px;
    max-width: 729px;
    width: 100%
}

.industryreach-section .Diverse-aiml .tool-box-outer:hover {
    border: none;
    box-shadow: none
}

.google-analytics.aiml-page .container.Key-Features-analytics #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 35px;
    border-radius: 3px;
    background-color: #113c63!important;
    position: absolute;
    left: 0;
    z-index: 11;
    top: 0
}

.google-analytics.aiml-page .container.Key-Features-analytics div#v-pills-tab:after {
    content: '';
    border-left: 3px solid #E8E7E7;
    position: absolute;
    left: 24px;
    height: 485px;
    top: 8px;
    z-index: 1
}

.google-analytics.aiml-page .container.Key-Features-analytics div#v-pills-tab {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0 0 0 24px
}

.text-decoration-line {
    text-decoration: underline!important
}

.color-FED501 {
    color: #FED501
}

section.limitations-section.rollupcuvre-below .container {
    padding: 1px 1px 1px 1px
}

.Expertise-Technologies .col-lg-4 {
    max-width: 32%;
    width: 100%;
    padding: 0
}

.expertise-div {
    position: relative;
    padding: 16px 24px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    min-height: 83px
}

.expertise-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: .5px 1px 1px 1px;
    background: linear-gradient(180deg,#E13D82 0%,#B1F4F8 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.expertise-div:hover::before {
    background: linear-gradient(180deg,#B1F4F8 0%,#E13D82 100%)
}

.business-growth {
    padding: 80px 0
}

.business-growth .growth-title-bus {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    color: #28292E
}

.business-growth .ks-text {
    color: #113c63
}

.business-growth .left-side {
    background-color: #34353A;
    border-radius: 16px 0 0 16px
}

.business-growth .left-side .box {
    padding: 91px 90px
}

.business-growth .left-side .box h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #F8F8F8
}

.business-growth .left-side .box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #F8F8F8
}

.business-growth .middle-side,.business-growth .right-side {
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0
}

.business-growth .middle-side .top,.business-growth .right-side .top {
    padding: 0 30px;
    flex: 1;
    border-bottom: 1px solid #F0F0F0;
    background-color: #F8F8F8
}

.business-growth .middle-side .bottom,.business-growth .right-side .bottom {
    padding: 0 33px;
    flex: 1
}

.business-growth .right-side .top {
    background-color: #113c63;
    border-bottom: none;
    border-radius: 0 16px 0 0
}

.business-growth .right-side .bottom {
    background-color: #34353A;
    border-radius: 0 0 16px 0
}

.business-growth .right-side .top h3,.business-growth .right-side .bottom h3,.business-growth .middle-side .bottom h3,.business-growth .middle-side .top h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #34353A
}

.business-growth .right-side .top p,.business-growth .right-side .bottom p,.business-growth .middle-side .bottom p,.business-growth .middle-side .top p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #3F3F41
}

.business-growth .right-side .top h3,.business-growth .right-side .bottom h3 {
    color: #FFF
}

.business-growth .right-side .top p,.business-growth .right-side .bottom p {
    color: #FFF
}

.Availability-icon {
    min-width: 64px
}

.arrow-direction svg {
    margin-bottom: 20px;
    position: relative;
    left: 5px
}

.arrow-direction-left svg {
    bottom: 12px;
    position: relative;
    left: -5px
}

.aiml-page #style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.aiml-page #style-1::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.aiml-page #style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #B1B1B1
}

section.ks-hero-sec.dcs-banner {
    background-image: url(/wp-content/uploads/2024/08/dsc-bgbanner.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto
}

.new-nifi-apache-developement.big-data-page.dcs-page .apache-developement-service-tab .bd-tech-card {
    max-width: 549px;
    min-height: 400px;
    height: auto;
    width: 100%;
    padding: 48px 48px;
    border-radius: 16px;
    border: 1px solid #F3F3F3
}

.new-nifi-apache-developement.big-data-page.dcs-page .apache-developement-service-tab .bd-tech-card .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 400px;
    height: 400px;
    padding-right: 20px
}

.new-nifi-apache-developement.big-data-page.dcs-page #style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #E8E7E7
}

.new-nifi-apache-developement.big-data-page.dcs-page #style-1::-webkit-scrollbar {
    width: 5px;
    background-color: #E8E7E7
}

.new-nifi-apache-developement.big-data-page.dcs-page #style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #848484
}

.odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
    background-image: url(/wp-content/uploads/2024/08/odoo-usa-banner-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 685px;
    height: auto
}

.events-banner-card-odoo-community.usa-canada {
    max-width: 70%;
    width: 100%
}

.events-banner-card-odoo-community.usa-canada .location_Francisco {
    margin-left: 16px
}

.events-banner-card-odoo-community.usa-canada .events-border-right-mobile:after {
    position: relative;
    content: " ";
    height: 44px;
    width: 0;
    top: 0;
    transform: none;
    border: 1px solid #855A7733;
    left: 0
}

.bg-F9DFDA4D {
    background: #F9DFDA4D
}

.bg-color-E2602E {
    background-color: #E2602E
}

.bg-color-E2602E:hover {
    background-color: #e2602ecf
}

.border-E2602E {
    border: 1px solid #E2602E
}

.bg-color-E7DDFD {
    background: linear-gradient(267.9deg,rgba(231,223,214,.6) 5.26%,rgba(223,222,222,.6) 96.83%);
    height: 630px
}

.bg-color-FDFDFD {
    background-color: #FDFDFD
}

section.Operational-section .container .max-w-1014 {
    padding: 72px 40px
}

section.Operational-section {
    position: relative;
    z-index: 9
}

.quet-bgdiv {
    height: 434px;
    background-color: #F8F8F8
}

section.Operational-section-new,section.Operational-section-Clusters {
    position: relative;
    z-index: 9
}

section.Operational-section-new:before {
    content: '';
    position: absolute;
    top: -24px;
    left: 5%;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 520px;
    height: 420px;
    background-color: #F8F8F8;
    border-radius: 0 8px 8px 0
}

section.Operational-section-new:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 120px;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 246px;
    height: 195px;
    background-image: url(/wp-content/uploads/2024/08/upper-qued.png);
    background-size: contain
}

section.Operational-section-new .container,section.Operational-section-Clusters .container {
    position: relative;
    left: 170px;
    padding: 72px 40px
}

section.Operational-section-new.time-intensive:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 5%;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 520px;
    height: 405px;
    background-color: #F8F8F8;
    border-radius: 0 8px 8px 0
}

section.Operational-section-new.time-intensive:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 120px;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 246px;
    height: 195px;
    background-image: url(/wp-content/uploads/2024/08/upper-qued.png);
    background-size: contain
}

section.Operational-section-new.Simplify-Kafka {
    position: relative;
    z-index: 9
}

section.Operational-section-new.Simplify-Kafka:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 5%;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 520px;
    height: 409px;
    background-color: #F8F8F8;
    border-radius: 0 8px 8px 0
}

section.Operational-section-new.Simplify-Kafka:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 120px;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 246px;
    height: 195px;
    background-image: url(/wp-content/uploads/2024/08/upper-qued.png);
    background-size: contain
}

section.Operational-section-Clusters:before {
    content: '';
    position: absolute;
    top: -24px;
    left: 5%;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 520px;
    height: 434px;
    background-color: #F8F8F8;
    border-radius: 0 8px 8px 0
}

section.Operational-section-Clusters:after {
    content: '';
    position: absolute;
    top: 0;
    left: 120px;
    background-position: left;
    background-repeat: no-repeat;
    z-index: -1;
    width: 246px;
    height: 195px;
    background-image: url(/wp-content/uploads/2024/08/upper-qued.png);
    background-size: contain
}

.btn-third {
    padding: 6px 24px;
    border: 1px solid #E2602E;
    color: #E2602E
}

.btn-third:hover {
    padding: 6px 24px;
    border: 1px solid #E2602E;
    color: #fff;
    background-color: #e2602ecf
}

.border-3D5E7B1A {
    border: 1px solid #3D5E7B1A
}

.Cluster-title-line {
    height: 4px;
    width: 30px;
    border-radius: 8px;
    background-color: #E2602E;
    margin-top: 24px
}

.m-h-410 {
    min-height: 410px
}

.Data-Streaming-img {
    position: absolute;
    right: 0;
    top: 80px;
    display: flex;
    justify-content: end;
    object-fit: initial;
    max-width: 50%
}

.margin-bottom-102 {
    margin-bottom: 102px
}

.google-analytics.aiml-page .container.Key-Features-analytics div#v-pills-tabContent {
    max-width: 713px;
    width: 100%
}

.google-analytics.aiml-page .container.Key-Features-analytics div#v-pills-tab .nav-link {
    width: 100%;
    max-width: 100%;
    line-height: 21px;
    padding-right: 0px!important
}

.color-0E0E0E {
    color: #0E0E0E
}

.color-754FF4 {
    background: linear-gradient(96.71deg,#02ACF6 -10.43%,#294FB3 46.56%,#D454F8 104.71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.l-h-56 {
    line-height: 56px
}

.btn-four-secondry {
    border: 1px solid;
    border-image-source: linear-gradient(96.71deg,#02ACF6 -10.43%,#294FB3 46.56%,#D454F8 104.71%)
}

.btn-four-secondry {
    position: relative;
    overflow: hidden;
    height: 56px;
    border-radius: 8px;
    background-color: transparent;
    z-index: 99;
    max-width: 193px;
    width: 100%;
    text-align: center;
    justify-content: center;
    border: none
}

.btn-four-secondry:hover {
    color: #754FF4;
    box-shadow: 0 21px 15px -9px rgb(117 79 244 / 22%)
}

.btn-four-secondry:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1px 1px 1px 1px;
    background: linear-gradient(96.71deg,#02ACF6 -10.43%,#294FB3 46.56%,#D454F8 104.71%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.btn-four {
    background: linear-gradient(95.97deg,rgba(2,172,246,.9) -3.87%,rgba(65,104,206,.9) 49.29%,rgba(212,84,248,.9) 103.96%);
    padding: 6px 24px;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 8px;
    z-index: 99;
    max-width: 193px;
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 56px;
    border: none
}

.MindAiNinja-Organization .Brain-Organization {
    max-width: 43%;
    width: 100%
}

.btn-four:hover {
    color: #fff;
    background: linear-gradient(95.97deg,rgb(2 172 246 / 78%) -3.87%,rgb(65 104 206 / 69%) 49.29%,rgba(212,84,248,.9) 103.96%);
    border: none;
    box-shadow: 0 21px 15px -9px rgb(33 150 243 / 13%)
}

.bg-color-EFFDFF {
    background-color: #EFFDFF
}

.circle-D9FAFF {
    background-color: #D9FAFF;
    width: 59px;
    height: 59px;
    border-radius: 50%
}

.Data-Driven {
    position: relative;
    padding: 63px 57px 0;
    width: 100%;
    border-radius: 38px;
    overflow: hidden;
    min-height: 426px;
    background: linear-gradient(96.71deg,rgba(2,172,246,.1) -10.43%,rgba(41,79,179,.1) 46.56%,rgba(212,84,248,.1) 104.71%);
    max-width: 1235px;
    margin: 0 auto
}

.Data-Driven:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 38px;
    padding: 1.5px;
    background: linear-gradient(96.71deg,rgba(2,172,246,.4) -10.43%,rgba(41,79,179,.4) 46.56%,rgba(212,84,248,.4) 104.71%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.Data-Driven.Data-new-Organization {
    padding: 0
}

.Data-Driven.Data-new-Organization .intelligence-div {
    padding: 63px 57px 0
}

.Data-Driven.Data-new-Organization .data-drive-img {
    bottom: -14px
}

.circle-D9FAFF svg {
    max-width: 56px
}

.Revolutionizing-block {
    padding-top: 48px
}

.MindAiNinja-Organization .row,.Data-Driven .row {
    position: relative;
    z-index: 1000
}

.Revolutionizing-div {
    display: flex;
    gap: 24px;
    align-items: center
}

.google-analytics.mindai-ninja .container.Key-Features-analytics div#v-pills-tab:after {
    content: '';
    border-left: 3px solid #E6E6E6;
    position: absolute;
    left: 24px;
    height: 411px;
    top: 8px;
    z-index: 1
}

.new-nifi-apache-developement.big-data-page .apache-developement-service-tab .MindAiNinja-tab-div #v-pills-tab {
    max-width: 437px;
    width: 100%;
    min-height: 300px;
    height: auto;
    padding: 0 0 24px 24px
}

.google-analytics.mindai-ninja .container.Key-Features-analytics #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 46px;
    border-radius: 3px;
    background: linear-gradient(95.97deg,rgba(2,172,246,.9) -3.87%,rgba(65,104,206,.9) 49.29%,rgba(212,84,248,.9) 103.96%)!important;
    position: absolute;
    left: 0;
    z-index: 11
}

.google-analytics.mindai-ninja .container.Key-Features-analytics .nav-pills .nav-link.active {
    background-color: transparent!important;
    color: #333333!important;
    font-weight: 500!important;
    font-size: 18px
}

.google-analytics.mindai-ninja .container.Key-Features-analytics .bd-tech-card {
    max-width: 729px;
    min-height: 100%;
    height: auto;
    width: 100%;
    padding: 1px;
    background: linear-gradient(96.71deg,rgba(2,172,246,.6) -10.43%,rgba(41,79,179,.6) 46.56%,rgba(212,84,248,.6) 104.71%)
}

.MindAiNinja-text {
    position: relative;
    z-index: 999;
    max-width: 228px;
    width: 100%;
    border-radius: 38px;
    overflow: hidden;
    height: 56px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: linear-gradient(96.71deg,rgba(2,172,246,.1) -10.43%,rgba(41,79,179,.1) 46.56%,rgba(212,84,248,.1) 104.71%)
}

.data-drive-img {
    position: relative;
    bottom: 0;
    right: -20px
}

.MindAiNinja-text:before {
    content: '';
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 38px;
    padding: 1.3px;
    background: linear-gradient(96.71deg,#02ACF6 -10.43%,#294FB3 46.56%,#D454F8 104.71%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.google-analytics.mindai-ninja .container.Key-Features-analytics .bd-tech-card .bd-tech-content {
    background-color: #fff;
    padding: 48px 48px 67px;
    border-radius: 16px;
    max-width: 729px;
    width: 100%;
    height: 100%
}

.google-analytics.mindai-ninja .apache-developement-service-tab #v-pills-tab .nav-link:hover {
    color: #333333!important
}

section#Revolutionizing .col-lg-4 {
    padding: 48px 39px
}

.ninja-section {
    background-image: url(/wp-content/uploads/2024/08/ninja-bgcolor.png),url(/wp-content/uploads/2024/08/banner-ninja-min.png);
    background-position: top,top;
    background-repeat: no-repeat;
    background-size: 100%,100% 115%;
    ;height: auto
}

section#decision-making {
    padding: 140px 0
}

section#intelligence-cta {
    padding: 80px 0 87px
}

.MindAiNinja-Organization {
    position: relative;
    z-index: 999;
    padding: 67px 34px;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg,rgb(248 249 250) 0%,rgb(254 254 254 / 5%) 100%)
}

.MindAiNinja-Organization::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    padding: 1.5px;
    background: linear-gradient(169.77deg,rgba(2,172,246,.3) .74%,rgba(212,84,248,0) 50.59%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 999
}

.color-2D264B {
    color: #2D264B
}

img.img-fluid.mindninja-ai {
    height: revert-layer
}

.l-h-30 {
    line-height: 30px!important
}

section#Inside-MindAiNinja {
    padding-top: 140px
}

.color-0C5362 {
    color: #0C5362
}

.color-3D3D3D {
    color: #3D3D3D
}

.color-454545 {
    color: #454545
}

.obj-fit-contain {
    object-fit: contain;
    height: 48px!important;
    width: 48px!important
}

.color-FFFFFF {
    color: #FFF
}

.color-3DFFC4 {
    color: #3DFFC4
}

.lmn-sec-five h2 {
    line-height: 54px
}

.lmn-sec-five h3 {
    line-height: 30px
}

.lmn-sec-five p {
    line-height: 24px
}

.border-top-row {
    border-top: 1px solid #EDE9E7;
    padding-top: 48px
}

.color-434548 {
    color: #434548
}

.Revolutionizing-text {
    line-height: 48px
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .odoo-tab-div div#v-pills-tab {
    background-color: transparent;
    border: none;
    position: relative;
    padding-top: 0
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .odoo-tab-div div#v-pills-tab:after {
    content: '';
    border-left: 3px solid #E8E7E7;
    position: absolute;
    left: 24px;
    height: 483px;
    top: 8px;
    z-index: 1
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .odoo-tab-div .nav-pills .nav-link.active {
    background-color: transparent!important;
    color: #A24689!important;
    font-weight: 600!important
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .odoo-tab-div #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 40px;
    border-radius: 3px;
    background-color: #A24689!important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .odoo-tab-div #v-pills-tab .nav-link:hover {
    color: #A24689!important
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics.tab-content.aiml-page .bd-tech-card .bd-tech-content .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 170px;
    height: 458px;
    padding-right: 20px
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .tab-content.aiml-page .bd-tech-card .bd-tech-content {
    background-color: #fff;
    padding: 28px 10px 28px 48px;
    border-radius: 16px;
    max-width: 729px;
    width: 100%;
    position: relative
}

.new-nifi-apache-developement.odoo-integration .container.Key-Features-analytics .bd-tech-card {
    max-width: 549px;
    min-height: 403px;
    height: 505px;
    width: 100%;
    padding: 0;
    border-radius: 16px;
    border: 1px solid #A24689
}

.new-nifi-apache-developement.odoo-integration #style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.new-nifi-apache-developement.odoo-integration #style-1::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.new-nifi-apache-developement.odoo-integration #style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #B1B1B1
}

.odoo-tab-div .explore-more-text-link {
    border: 1px solid #A24689;
    border-radius: 3px;
    max-width: fit-content;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    margin-top: 30px;
    position: absolute;
    bottom: 28px
}

.other-img-container {
    background-color: #FCFCFC;
    position: relative;
    width: 100%;
    min-height: 310px
}

.other-img-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    padding: 1.5px;
    background: linear-gradient(180deg,#DAE3FD 0%,#F2F6FF 100%);
    -webkit-mask: linear-gradient(#FCFCFC 0 0) content-box,linear-gradient(#FCFCFC 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.other-services-bottom {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto 80px
}

.color-E32235 {
    color: #E32235
}

.Explore-More-button {
    color: #E32235;
    text-decoration: none;
    transition: color 0.3s ease,transform 0.3s ease,font-size 0.3s ease
}

.Explore-More-button:hover {
    color: #E32235;
    transform: scale(1.02)
}

.Explore-More-button svg {
    transition: transform 0.3s ease;
    margin-top: 4px
}

.Explore-More-button:hover svg {
    transform: translateX(5px)
}

section.ks-hero-sec.dfm-banner {
    background-image: url(/wp-content/uploads/2024/08/dfm-bg-banner.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto
}

.bg-colo-FAFAFA {
    background-color: #FAFAFA
}

.Ansible-container {
    position: relative;
    padding: 16px 0
}

.Ansible-container img {
    border: 1px solid #F4D2FF;
    border-radius: 24px
}

.Eliminates-div {
    padding: 80px 140px 80px 100px
}

.Eliminates-section .eliminates-parent {
    position: relative
}

.Eliminates-section .eliminates-parent:before {
    content: "";
    background-color: #FAFAFA;
    display: block;
    position: absolute;
    width: 93%;
    min-height: 338px;
    left: 0;
    border: 1px solid #F7EBFB;
    border-radius: 24px;
    z-index: -1
}

.dataflow-section {
    padding: 112px 0;
    position: relative
}

.dataflow-section .cta-dataflow:before {
    content: "";
    background-color: #FAFAFA;
    display: block;
    position: absolute;
    width: 93%;
    min-height: 338px;
    left: 0;
    border: 1px solid #F7EBFB;
    border-radius: 24px;
    z-index: -1
}

.revolutionize-promotion {
    padding: 80px 123px 80px 100px
}

.revolutionize-section {
    padding: 104px 0 112px;
    position: relative
}

.revolutionize-section .cta-revolutionize:before {
    content: "";
    background-color: #FAFAFA;
    display: block;
    position: absolute;
    width: 93%;
    min-height: 338px;
    left: 0;
    border: 1px solid #F7EBFB;
    border-radius: 24px;
    z-index: -1
}

.Manual-section {
    padding: 112px 0 80px;
    position: relative
}

.Manual-div {
    padding: 80px 50px 80px 100px
}

.Manual-section .Manual-cta:before {
    content: "";
    background-color: #FAFAFA;
    display: block;
    position: absolute;
    width: 93%;
    min-height: 338px;
    left: 0;
    border: 1px solid #F7EBFB;
    border-radius: 24px;
    z-index: -1
}

.border-BFBFBF {
    border: 1px solid #BFBFBF66
}

.why-data-flow .row {
    gap: 16px
}

.why-data-flow .row .col-lg-4 {
    max-width: 32%;
    width: 100%
}

.flexible-pricing .ks-expert-card-boost {
    border: 1px solid #DADADA;
    max-width: 283px;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    position: relative
}

.Eliminates-section {
    padding: 56px 0 96px
}

@media screen and (min-width: 765.8px) and (max-width:991px) {
    .border-lg-right {
        border-right:1px solid #EDE9E7
    }

    .border-bottom-lg {
        border-bottom: 1px solid #EDE9E7
    }

    section#Revolutionizing .border-lg-right {
        border-right: 1px solid #D0E4E7
    }

    section#Revolutionizing .border-bottom-lg {
        border-bottom: 1px solid #D0E4E7
    }
}

@media screen and (min-width: 991px) {
    .border-right-custom-xl {
        border-right:1px solid #EDE9E7
    }

    section#Revolutionizing .border-right-custom-xl {
        border-right: 1px solid #D0E4E7
    }
}

@media screen and (max-width: 765.8px) {
    .lmn-sec-five h2 {
        font-size:24px!important;
        line-height: 32px
    }
}

@media screen and (min-width: 765.8px) {
    .border-top-custom {
        border-top:1px solid #EDE9E7;
        padding-top: 48px
    }

    section#Revolutionizing .border-top-custom {
        border-top: 1px solid #D0E4E7;
        padding-top: 0
    }

    .pt-67 {
        padding-top: 67px
    }

    .pb-124 {
        padding-bottom: 124px
    }

    .pb-67 {
        padding-bottom: 67px
    }

    .border-right-custom {
        border-right: 1px solid #EDE9E7
    }

    section#Revolutionizing .border-right-custom {
        border-right: 1px solid #D0E4E7
    }
}

@media only screen and (min-width: 1600px) {
    img.dream-Photoroom {
        width:100%;
        min-height: 301px;
        max-width: 765px;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media screen and (min-width: 1350px) {
    section.innovation-partner.AI-Capabilities-Multi-Channel .container.box-shadow-sales {
        max-width:1320px;
        width: 100%;
        margin: 0 auto;
        padding: 0
    }
}

@media screen and (min-width: 1200px) and (max-width:1366px) {
    section.Operational-section-new .container,section.Operational-section-Clusters .container {
        left:101px;
        max-width: 70%
    }

    section.Operational-section-new.time-intensive:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new.time-intensive:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-new.Simplify-Kafka:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-new.Simplify-Kafka:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-Clusters:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-Clusters:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new::before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    .Data-Streaming-img {
        object-fit: contain;
        max-width: 46%
    }

    .events-banner-card-odoo-community.usa-canada {
        max-width: 85%;
        width: 100%
    }

    .arrow-direction-left svg {
        bottom: 3px;
        position: relative;
        left: -7px
    }

    .ks-our-approach-ai .line-vertical {
        right: 0;
        top: 12%;
        height: 52.4%;
        z-index: 1;
        width: auto
    }

    .ks-our-approach-ai .line-btm {
        bottom: 35.5%;
        right: 5%;
        height: auto;
        z-index: 1;
        width: 78%
    }

    .ks-our-approach-ai .line-up {
        top: 80px;
        left: 5px;
        height: auto;
        z-index: 1;
        width: 94%
    }

    .roleup-box {
        max-width: 400px
    }

    .ks-expert-card-magic {
        max-width: 250px
    }

    .rollup-prodict-card p {
        padding-top: 32px;
        font-size: 16px
    }

    .max-width-48 {
        max-width: 325px;
        width: 100%
    }

    .industryreach-section-reach .tool-box-outer.diverse-our {
        padding: 20px!important;
        height: 200px!important;
        min-height: 200px!important;
        border: 1px solid transparent;
        max-width: 230px;
        width: 100%;
        box-shadow: 0 4px 4px 0 #0000000F
    }

    .new-nifi-apache-developement.cassandra-templ .ks-banner-sec {
        min-height: 380px;
        height: auto
    }

    .footer-col-about {
        max-width: 320px
    }

    .testing-content_title {
        font-size: 28px
    }

    .odoo-community-dashboard {
        position: absolute;
        right: 0;
        background-size: contain;
        top: 105px;
        background-position: right;
        background-repeat: no-repeat;
        width: 500px;
        height: auto
    }
}

@media screen and (min-width: 1026px) and (max-width:1200px) {
    section.Operational-section-new .container,section.Operational-section-Clusters .container {
        left:101px;
        max-width: 70%
    }

    section.Operational-section-new.time-intensive:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new.time-intensive:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-new.Simplify-Kafka:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-new.Simplify-Kafka:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-Clusters:before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    section.Operational-section-Clusters:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new:after {
        top: -15px;
        left: 99px;
        width: 135px;
        height: 90px
    }

    section.Operational-section-new::before {
        top: -30px;
        left: 5%;
        width: 345px;
        height: 268px
    }

    .Data-Streaming-img {
        object-fit: contain;
        max-width: 46%
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada .line-custom {
        display: none
    }

    .arrow-direction-left svg {
        bottom: 5px;
        position: relative;
        left: -5px
    }

    .ks-our-approach-ai .line-vertical {
        right: 0;
        top: 11%;
        height: 49%;
        z-index: 1;
        width: auto
    }

    .ks-our-approach-ai .line-btm {
        bottom: 40%;
        right: 5%;
        height: auto;
        z-index: 1;
        width: 78%
    }

    .ks-our-approach-ai .line-up {
        top: 83px;
        left: 5px;
        height: auto;
        z-index: 1;
        width: 94%
    }

    .new-nifi-apache-developement section.ks-java-experties .row .col-sm-5.col-12 .nifi-apache-card {
        max-width: 100%;
        width: 100%
    }

    .new-nifi-apache-developement section.ks-java-experties .row .col-sm-5.col-12 {
        max-width: 49%!important;
        width: 100%
    }
}

@media screen and (max-width: 1025px) {
    .dfm-overview {
        height:100%
    }

    .flexible-pricing .ks-expert-card-boost:last-child {
        margin-top: 0
    }

    .Eliminates-div {
        padding: 30px 60px 50px 60px
    }

    .revolutionize-promotion {
        padding: 42px 60px 50px 60px
    }

    .Manual-div {
        padding: 42px 60px 50px 60px
    }

    .Ansible-container img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        margin-top: 40px
    }

    .Manual-nifi img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: 30px;
        margin-top: 40px
    }

    .Data-Driven.Data-new-Organization .data-drive-img {
        bottom: -54px;
        right: 10px
    }

    .MindAiNinja-Organization .Brain-Organization {
        max-width: 47%;
        width: 100%
    }

    .Data-Driven .col-lg-8 .roleup-magic-btn {
        padding-bottom: 52px
    }

    .Revolutionizing-block {
        padding-top: 0
    }

    .data-drive-img {
        position: relative;
        width: 100%;
        max-width: 100%;
        bottom: -120px
    }

    section#Inside-MindAiNinja {
        padding-top: 65px
    }

    section#decision-making {
        padding: 65px 0
    }

    section#intelligence-cta {
        padding: 65px 0
    }

    section#Revolutionizing .col-lg-4 {
        padding: 34px 21px
    }

    .Expertise-Technologies .col-lg-4 {
        max-width: 48%;
        width: 100%
    }

    .Data-Streaming-img {
        object-fit: contain;
        max-width: 55%
    }

    section.Operational-section-new .container,section.Operational-section-Clusters .container {
        left: 132px;
        max-width: 65%;
        width: 100%
    }

    section.Operational-section-new.time-intensive:before {
        width: 400px;
        height: 350px
    }

    section.Operational-section-new.time-intensive:after {
        width: 200px;
        height: 150px;
        top: 0;
        left: 90px
    }

    section.Operational-section-new.Simplify-Kafka:before {
        width: 400px;
        height: 350px
    }

    section.Operational-section-new.Simplify-Kafka:after {
        width: 200px;
        height: 150px;
        top: 0;
        left: 90px
    }

    section.Operational-section-Clusters:before {
        width: 400px;
        height: 350px
    }

    section.Operational-section-Clusters:after {
        width: 200px;
        height: 150px;
        top: 0;
        left: 90px
    }

    section.Operational-section-new:after {
        width: 200px;
        height: 150px;
        top: 0;
        left: 90px
    }

    section.Operational-section-new::before {
        width: 400px;
        height: 350px
    }

    .m-h-410 {
        min-height: 500px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
        background-image: url(/wp-content/uploads/2024/08/usa-mobile-banner.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        min-height: 950px;
        height: auto
    }

    .arrow-direction-left svg {
        bottom: 23px;
        position: relative;
        left: -5px
    }

    .ks-our-approach-ai .line-vertical {
        height: 357px
    }

    .ks-our-approach-ai .line-btm {
        bottom: 42.5%;
        right: 5%;
        height: auto;
        z-index: 1;
        width: 79%
    }

    .blog-cta-form form p {
        display: flex
    }

    .ks-expert-card-boost:last-child {
        margin-top: 45px
    }

    section#Google-Analytics-Connector:before {
        height: 395px;
        width: 560px
    }

    .rollup-services {
        max-width: 420px
    }

    .rollup-prodict-card p {
        font-size: 14px
    }

    .ks-expert-card-magic {
        max-width: 215px
    }

    .invester-main .ks-discuss-bg .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
        width: 100%!important;
        max-width: 140px
    }

    .ksolve_captcha .dscf7captcha {
        display: block;
        gap: 8px;
        align-items: center;
        font-size: 14px
    }

    .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input::placeholder {
        font-size: 14px!important
    }

    .ks-roboot-image {
        position: relative;
        bottom: -78px;
        left: 0;
        right: 0
    }

    .Booth-number {
        width: fit-content;
        height: 56px;
        padding: 7px 16px;
        border-radius: 4px;
        margin-bottom: 26px;
        border: 1px solid #6ADDBB80
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) .font-24 {
        font-size: 20px!important;
        margin-top: 20px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) .font-14 {
        margin-top: 5px!important
    }

    .d-flex.gap-md-3.gap-3.mb-0.mb-xl-0.align-items-md-center.align-items-start.events-border-right.events-border-right-mobile::after {
        border-right: 0
    }

    .ksolves-leadership {
        object-fit: fill;
        border-radius: 8px
    }

    .big-data-nifi-box-content {
        margin-top: -25px;
        min-height: 280px;
        height: 100%
    }

    .Streamline-div .bottom_section_para p br {
        display: none
    }

    .dreamforce-number.mt-80 {
        margin-top: 0
    }

    .global-ai-mgmt .h-sm-auto.object-fit-cover {
        height: 200px;
        object-fit: cover;
        width: 100%;
        object-position: top
    }

    img.dream-Photoroom {
        width: 100%;
        min-height: 220px;
        max-width: 560px;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        object-fit: contain
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) {
        max-width: 385px;
        width: 100%
    }

    .dreamforce-page section.dreamforce-number .ks-growth-num.col-body.nine_percant {
        max-width: 150px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) {
        max-width: 215px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) {
        max-width: 230px;
        width: 100%
    }

    .service-case-study-microservices img.client-case {
        width: 100%;
        min-height: 217px;
        height: auto;
        object-fit: cover
    }

    .service-case-study-microservices .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 300px
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev {
        position: absolute;
        left: -40px
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-next {
        position: absolute;
        right: -40px
    }

    .service-case-study-spark-cassandra img.client-case {
        width: 100%;
        min-height: 217px;
        height: auto;
        object-fit: cover
    }

    .service-case-study-spark-cassandra .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 300px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev {
        position: absolute;
        left: -40px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next {
        position: absolute;
        right: -40px
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 120px;
        z-index: 9
    }

    .tab-service .nav-tab-service {
        display: flex!important;
        align-items: center;
        gap: 0px!important;
        white-space: nowrap;
        min-height: 60px;
        margin-bottom: 0
    }

    .innovation-partner .container {
        max-width: 900px;
        width: 100%
    }

    .testing-content_title {
        font-size: 28px
    }

    .tab-service .nav-tab-service a.nav-link-tab-service {
        font-size: 13px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community {
        min-height: 860px;
        height: auto
    }

    .two-section-bg-img {
        min-height: 1515px;
        height: auto
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community .date-time_container .line-custom {
        position: relative;
        content: " ";
        height: .5px;
        width: 37px;
        top: 0;
        border: 1px solid #855A7733
    }

    .Odoo-Community-Days {
        text-align: start!important
    }

    section.new-link-section.odoo-Specialist1.global-ai-mgmt img.img-fluid.h-sm-auto.object-fit-cover {
        height: auto;
        object-fit: contain;
        width: 100%;
        object-position: top;
        border-radius: 8px
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 25%!important
    }

    section.key-Features::before {
        display: none
    }

    section.Why-RollUp:before {
        display: none
    }

    .m-w-395 {
        max-width: 330px;
        width: 100%
    }

    .sale-support-div {
        max-width: 300px
    }
}

@media screen and (min-width: 992px) {
    .mulesoft-content-main:nth-child(even) .mulesoft-img-container {
        order:2
    }

    .mulesoft-content-main:nth-child(odd) .mulesoft-img-container {
        order: 1
    }

    .mulesoft-content-main:nth-child(even) .mulesoft-info {
        order: 1
    }

    .mulesoft-content-main:nth-child(odd) .mulesoft-info {
        order: 2
    }
}

@media screen and (max-width: 922px) {
    .Ansible-container img {
        width:100%;
        object-fit: contain;
        height: auto;
        margin-top: 0
    }

    .Manual-nifi img {
        width: 100%;
        object-fit: contain;
        height: auto;
        border-radius: 0;
        margin-top: 0
    }

    .flexible-pricing .ks-expert-card-boost:last-child {
        margin-top: 45px
    }

    .revolutionize-section {
        padding: 32px 0 32px
    }

    .revolutionize-promotion {
        padding: 32px 34px 29px 34px
    }

    .revolutionize-section .cta-revolutionize:before {
        width: 100%;
        height: 353px
    }

    .why-data-flow .row .col-lg-4 {
        max-width: 48%;
        width: 100%
    }

    .flexible-pricing .ks-expert-card-boost {
        max-width: 48%;
        width: 100%
    }

    .Manual-section {
        padding: 32px 0
    }

    .Manual-div {
        padding: 32px 34px 29px 34px
    }

    .Manual-section .Manual-cta:before {
        width: 100%;
        min-height: 415px
    }

    .Manual-nifi {
        margin: 0 auto;
        width: 96%;
        padding: 16px 0 0
    }

    .dfm-overview {
        width: 100%;
        object-fit: cover;
        height: 100%
    }

    .flexible-data {
        padding: 32px 0
    }

    .Eliminates-section {
        padding: 32px 0 32px
    }

    .Eliminates-section .eliminates-parent:before {
        width: 100%;
        height: 353px
    }

    .Eliminates-div {
        padding: 32px 34px 23px 34px
    }

    .Ansible-container {
        margin: 0 auto;
        width: 96%;
        padding: 16px 0 0
    }

    .manual-bottom {
        position: relative;
        padding: 24px 0
    }

    .manual-bottom:after {
        content: "";
        background: #EDE9E7;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 90%;
        height: 1px;
        margin: 0 auto
    }

    .border-top-custom.border-lg-right.manual-bottom:after {
        display: none
    }

    .dataflow-section {
        padding: 32px 0
    }

    .dataflow-section .cta-dataflow:before {
        width: 100%;
        height: 353px
    }

    .why-data-flow,.data-keyfeature {
        padding: 32px 0
    }

    .other-content-div {
        padding-bottom: 26px
    }

    .other-services-bottom {
        margin: 0 auto 32px
    }

    .Data-Driven.Data-new-Organization .data-drive-img {
        bottom: 0;
        right: 0;
        display: flex;
        margin: 0 auto
    }

    .MindAiNinja-Organization .Brain-Organization {
        max-width: 100%;
        width: 100%
    }

    .container.ksolves-odoo-faq-mobile {
        background-color: transparent
    }

    .ksolves-odoo-faq-mobile details.card {
        background: transparent
    }

    .ksolves-odoo-faq-mobile .ks-faq .card .card-header {
        background-color: transparent!important
    }

    .container.ksolves-odoo-faq-mobile details[open] {
        border: 1px solid #A24689!important;
        border-radius: 16px;
        padding: 1px;
        text-align: center;
        margin-bottom: 16px
    }

    .container.ksolves-odoo-faq-mobile details[open] .card-header {
        Color: #A24689!important;
        margin-bottom: 0
    }

    .odoo-integration .odoo-accordion-content {
        margin-top: 0px!important
    }

    .ksolves-odoo-faq-mobile a.explore-more-text-link {
        border: 1px solid #A24689!important;
        min-height: 48px;
        padding: 12px 24px!important;
        border-radius: 3px;
        width: 90%!important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .data-drive-img {
        position: relative;
        bottom: 0;
        width: 100%;
        max-width: 100%
    }

    section#Inside-MindAiNinja {
        padding-top: 80px
    }

    .container.Key-Features-analytics-sec-mobile-ninja details[open] .card-header {
        background-color: transparent!important;
        margin-bottom: 0;
        color: #2D264B!important;
        font-weight: 600!important;
        padding: 20px 21px 1px 16px
    }

    .container.Key-Features-analytics-sec-mobile-ninja details.card .card-body img.img-fluid {
        margin-bottom: 24px
    }

    .container.Key-Features-analytics-sec-mobile-ninja summary.card-header.btn-accordian {
        background-color: transparent;
        margin-bottom: 0
    }

    .container.Key-Features-analytics-sec-mobile-ninja details[open] {
        background-color: #fff;
        border: double 1px transparent;
        border-radius: 16px;
        padding: .5px 1px 1px 1px;
        text-align: center;
        background-image: linear-gradient(#fff,#fff),linear-gradient(96.71deg,rgba(2,172,246,.6) -10.43%,rgba(41,79,179,.6) 46.56%,rgba(212,84,248,.6) 104.71%);
        background-origin: border-box;
        background-clip: content-box,border-box,border-box;
        margin-bottom: 16px
    }

    .container.Key-Features-analytics-sec-mobile-ninja details.card .card-body {
        padding: 0 16px 16px!important;
        text-align: start
    }

    .Expertise-Technologies .col-lg-4 {
        max-width: 48%;
        width: 100%
    }

    section.Operational-section-new .container,section.Operational-section-Clusters .container {
        left: 0;
        max-width: 85%;
        width: 100%;
        margin-top: 15%!important
    }

    section.Operational-section-new.time-intensive:after {
        width: 170px;
        height: 100px;
        top: -32%;
        left: 60px
    }

    section.Operational-section-new.time-intensive:before {
        width: 300px;
        height: 235px;
        top: -35%
    }

    section.Operational-section-new.Simplify-Kafka:before {
        width: 300px;
        height: 235px;
        top: -35%
    }

    section.Operational-section-new.Simplify-Kafka:after {
        width: 170px;
        height: 100px;
        top: -32%;
        left: 60px
    }

    section.Operational-section-Clusters:before {
        width: 300px;
        height: 235px;
        top: -35%
    }

    section.Operational-section-Clusters:after {
        width: 170px;
        height: 100px;
        top: -32%;
        left: 60px
    }

    section.Operational-section-new:after {
        width: 170px;
        height: 100px;
        top: -32%;
        left: 60px
    }

    section.Operational-section-new::before {
        width: 300px;
        height: 235px;
        top: -35%
    }

    .margin-bottom-102 {
        margin-bottom: 220px
    }

    .Data-Streaming-img {
        max-width: 95%;
        top: 46%
    }

    .bg-color-E7DDFD {
        height: 1000px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
        background-size: 100% 100%;
        min-height: 1000px;
        height: auto
    }

    .dcs-page .service-faq-sec-mobile .container {
        background-color: transparent
    }

    .business-growth .left-side {
        border-radius: 16px 16px 0 0
    }

    .business-growth .right-side {
        border-top: none
    }

    .business-growth .right-side .top {
        border-radius: 0 0 0 16px;
        padding: 41px 30px
    }

    .business-growth .right-side .bottom,.business-growth .left-side .box {
        padding: 41px 30px
    }

    .business-growth .right-side .top h3,.business-growth .right-side .bottom h3,.business-growth .middle-side .bottom h3,.business-growth .middle-side .top h3,.business-growth .left-side .box h3 {
        text-align: center;
        line-height: 24px
    }

    .business-growth .right-side .top p,.business-growth .right-side .bottom p,.business-growth .middle-side .bottom p,.business-growth .middle-side .top p,.business-growth .left-side .box p {
        text-align: center
    }

    .business-growth .middle-side .bottom,.business-growth .middle-side .top {
        padding: 41px 30px;
        border: 1px solid #F0F0F0
    }

    .m-w-230 {
        max-width: 31%
    }

    .aiml-page .service-faq-sec-mobile .container {
        background-color: transparent
    }

    .vector-content-main {
        max-width: 50%;
        width: 100%;
        margin: 60px auto 0;
        padding: 0 48px 0 48px
    }

    .ks-our-approach-ai-mobile .col-12.Vectorright {
        position: relative
    }

    .vector-content {
        padding: 0 0 0 20px
    }

    .ks-our-approach-ai-mobile .col-12.Vectorright:after {
        content: '';
        background-image: url(/wp-content/uploads/2024/07/Vectorright-mobile.png);
        display: block;
        position: absolute;
        top: 50px;
        right: 0;
        height: 100%;
        background-position: right;
        width: 100%;
        background-repeat: no-repeat;
        z-index: 1;
        background-size: 70% 100%
    }

    .ks-our-approach-ai-mobile .col-12.Vectorleft {
        position: relative
    }

    .ks-our-approach-ai-mobile .col-12.Vectorleft:before {
        content: '';
        background-image: url(/wp-content/uploads/2024/07/Vectorleft-mobile.png);
        display: block;
        position: absolute;
        top: 50px;
        left: 0;
        height: 100%;
        background-position: left;
        width: 100%;
        background-repeat: no-repeat;
        z-index: 1;
        background-size: 20% 100%
    }

    .Vectorimg {
        position: relative;
        z-index: 111
    }

    .industryreach-section .Diverse-aiml .tool-box-outer:hover {
        border: none;
        box-shadow: none
    }

    .Connector-content .mulesoft-info.order-lg-1.order-2 {
        order: 2!important
    }

    .Connector-content .mulesoft-img-container.order-lg-2.order-1 {
        order: 1!important
    }

    .Connector-content {
        gap: 40px
    }

    .Harness-capabilities {
        background-image: url(/wp-content/uploads/2024/07/elevate-upper-trangle-mobile.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: self-start
    }

    img.google-logo-iconnn,img.roleup-logo-iconn {
        width: 100%
    }

    .Connector-content .mulesoft-img-container {
        width: 100%
    }

    .Elevate-capabilities {
        background-image: url(/wp-content/uploads/2024/07/elevate-blower-trangle-mobile.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: self-start
    }

    .Harness-capabilities .container,.Elevate-capabilities .container {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .ks-expert-card-boost {
        max-width: 335px
    }

    section#Google-Analytics-Connector:before {
        display: none
    }

    section#Google-Analytics-Connector {
        position: relative;
        padding: 0 0 240px 0!important
    }

    section#Google-Analytics-Connector:after {
        content: "";
        background-image: url(/wp-content/uploads/2024/07/gac-ecommer.png);
        display: block;
        position: absolute;
        bottom: 35px;
        right: 0;
        height: 223px;
        z-index: 9;
        background-position: right;
        background-size: contain;
        width: 333px;
        background-repeat: no-repeat
    }

    .RollUpcurve:after {
        display: none
    }

    .ks-expert-card-magic:last-child {
        margin-top: 45px
    }

    section#client_use_cases {
        background-color: #fff!important;
        padding: 60px 0
    }

    section#client_use_cases .single_casestudy_solution_ul {
        padding-top: 16px
    }

    .postid-14429 section#challenges {
        padding-top: 60px
    }

    .salesforce-community-connect-main .right-0 {
        right: -33px;
        z-index: 1;
        width: 200px
    }

    .bg-color-mobile-F9F9F9 {
        background-color: #F9F9F9!important
    }

    .salesforce-community-row img.position-absolute.tour-logo.tour-logo-1 {
        bottom: -30px!important
    }

    .salesforce-community-connect-main .salesforce-community-row .border-l-r {
        border-bottom: 1px solid #47147833!important;
        border-top: 1px solid #47147833!important;
        padding: 10px 0
    }

    .modal.mumbai-event-popup .max-w {
        max-width: 90%!important
    }

    .dreamforce-div .events-border-right:after {
        position: absolute;
        content: '';
        border-right: 1px solid #DBE6F7;
        height: 28px;
        right: -8px;
        top: 11px
    }

    .dreamforce-number .btn-primary.mobile-btn-width {
        margin: 0 auto;
        display: flex;
        width: fit-content
    }

    .dreamforce-events-banner-card .font-40 {
        font-size: 32px
    }

    .btn:hover {
        box-shadow: none!important;
        transform: none!important;
        border: 1px solid #113c63!important
    }

    .Booth-number {
        width: fit-content;
        height: 56px;
        padding: 7px 16px;
        border-radius: 4px;
        margin-bottom: 26px;
        border: 1px solid #6ADDBB80
    }

    .d-flex.gap-md-3.gap-3.mb-0.mb-xl-0.align-items-md-center.align-items-start.events-border-right.events-border-right-mobile::after {
        border-right: 0
    }

    .ks-roboot-image {
        text-align: center;
        margin: 0 auto;
        display: flex
    }

    .col-gray.year-exp-bg-black {
        background-color: #34353A;
        color: #fff!important
    }

    .col-gray.year-exp-bg-black p {
        color: #fff!important
    }

    .col-gray.year-exp-bg-black div#product_counter {
        color: #fff!important
    }

    .ks-roboot-image {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0
    }

    img.dream-Photoroom {
        width: 100%;
        min-height: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
        bottom: 0;
        right: 0;
        object-fit: contain
    }

    .new-nifi-apache-developement .service-faq-sec .card-header .btn-accordian:after,.new-nifi-apache-developement .service-faq-sec details .btn-accordian:after {
        content: "";
        position: absolute;
        right: 7px;
        top: 20px;
        width: 20px;
        height: 20px;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .new-nifi-apache-developement .service-faq-sec details[open] .btn-accordian:after {
        transform: rotate(180deg)
    }

    .new-nifi-apache-developement .service-faq-sec details .btn-accordian:after {
        transform: rotate(0deg)
    }

    .service-case-study.owl-carousel .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 305px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 32%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .Streamline-div .bottom_section_para p br {
        display: none
    }

    .global-ai-mgmt .h-sm-auto.object-fit-cover {
        height: 300px;
        object-fit: cover;
        width: 100%;
        object-position: top;
        border-radius: 8px
    }

    .dreamforce-page section.dreamforce-number .col-body {
        isolation: isolate;
        height: auto
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) {
        max-width: 232px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) {
        max-width: 200px;
        width: 100%
    }

    .dreamforce-page section.dreamforce-number .ks-growth-num.col-body.nine_percant {
        max-width: 162px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) {
        max-width: 385px;
        width: 100%
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-7 div#happy_client {
        color: #fff
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-7 {
        background-color: #34353A
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-7 p {
        color: #fff
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-next {
        right: -40px;
        position: absolute
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev {
        left: -40px;
        position: absolute
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 35%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 35%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev {
        position: absolute;
        left: -40px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next {
        position: absolute;
        right: -40px
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 120px;
        z-index: 9
    }

    .innovation-partner .container {
        max-width: 680px;
        width: 100%
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 33%!important
    }

    .sales-app-exchange a {
        width: 100%;
        max-width: 47%
    }

    section.innovation-partner.AI-Capabilities-Multi-Channel .container.Revolutionize-whyuse {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain
    }

    .font-md-14 {
        font-size: 14px
    }

    .solution-arrow.ml-37 {
        margin-left: 0
    }

    img.Deliver-image {
        width: 53px;
        height: 53px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community .date-time_container .line-custom {
        position: relative;
        content: " ";
        height: .5px;
        width: 37px;
        top: 0;
        border: 1px solid #855A7733
    }

    .tab-scoll-Apache {
        overflow-y: auto;
        min-height: 200px;
        height: 210px;
        padding-right: 20px
    }

    .DataStax-Certifications-row .col-lg-4 {
        max-width: 48%;
        width: 100%
    }

    .container.Key-Features-analytics-sec-mobile details[open] {
        background-color: #FAF9F9;
        border: double 1px transparent;
        border-radius: 16px;
        padding: 1px;
        text-align: center;
        background-image: linear-gradient(#FAF9F9,#FAF9F9),linear-gradient(180deg,#E13D9B 0%,#B1F4F8 100%);
        background-origin: border-box;
        background-clip: content-box,border-box;
        margin-bottom: 16px
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.faq-mobile-aiml summary.card-header {
        background-color: transparent!important
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.faq-mobile-aiml details[open] .card-header {
        background-color: transparent!important
    }

    .technology-stack .row-gap-24 {
        width: 100%;
        margin: 0 auto;
        gap: 24px;
        justify-content: center
    }

    .min-h-472 {
        min-height: 495px;
        height: auto
    }

    .technology-stack .row-gap-24 .col-lg-3.col-md-6.col-12 {
        width: 48%
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.Key-Features-gacmobile details[open] {
        background-color: #FAF9F9;
        border: double 1px transparent;
        border-radius: 16px;
        padding: 1px;
        text-align: center;
        background-origin: border-box;
        background-clip: content-box,border-box;
        background-image: linear-gradient(#FAF9F9,#FAF9F9),linear-gradient(180deg,#e13d8270 0%,#B1F4F8 100%)
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.Key-Features-gacmobile details[open] summary.card-header {
        border-radius: 8px;
        width: 95%;
        margin: 16px 16px;
        text-align: left
    }

    .mobile-direction-arrow svg {
        position: relative;
        top: -18px;
        left: -5px;
        transform: rotate(180deg)
    }

    .mobile-direction-leftarrow svg {
        position: relative;
        top: -18px;
        left: 5px
    }
}

@media screen and (max-width: 768px) {
    section#Revolutionizing .col-lg-4 {
        padding:16px 16px
    }

    .Revolutionizing-block {
        padding-top: 16px
    }

    .Data-Streaming-img {
        max-width: 95%;
        top: 45%
    }

    .bg-color-E7DDFD {
        height: 1000px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
        background-size: 100% 100%;
        min-height: 1000px;
        height: auto;
        padding-bottom: 40px
    }

    .odoo-com-usa-canada .date-time_container {
        width: 100%
    }

    .odoo-com-usa-canada .date-time_container:nth-child(1) {
        margin-bottom: 10px!important
    }

    .odoo-com-usa-canada {
        display: block!important
    }

    .Diverse-aiml .tool-box-outer {
        max-width: 46%;
        width: 100%
    }

    .ks-expert-card-magic:last-child {
        margin-top: 45px
    }

    .rollup-services {
        max-width: 325px
    }

    section.Why-RollUp:before {
        display: none
    }

    section.key-Features::before {
        display: none
    }

    .RollUpcurve:after {
        content: "";
        background-image: url(/wp-content/uploads/2024/07/mobile-curve-image.png);
        display: block;
        width: 100%;
        position: absolute;
        top: 30%;
        height: 100%;
        z-index: -1;
        background-position: bottom;
        background-size: cover
    }

    .ksolve_captcha .dscf7captcha {
        display: block;
        gap: 5px;
        align-items: center;
        font-size: 14px
    }

    .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input::placeholder {
        font-size: 14px!important
    }

    .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon {
        width: 20px
    }

    .invester-main .ks-discuss-bg .ksolve_captcha .dscf7captcha img.dscf7_captcha_icon {
        filter: invert(1);
        width: 20px
    }

    .invester-main .ks-discuss-bg .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap {
        width: 53%!important;
        max-width: 316px
    }

    section#client_use_cases {
        background-color: #fff!important;
        padding: 24px 16px
    }

    section#client_use_cases .single_casestudy_solution_ul {
        padding-top: 16px
    }

    .postid-14037 section#challenges,.postid-14429 section#challenges {
        padding-top: 24px
    }
}

@media screen and (max-width: 767.8px) {
    .flexible-pricing .ks-expert-card-boost:last-child {
        margin-top:45px
    }

    section.ks-hero-sec.dfm-banner {
        background-image: url(/wp-content/uploads/2024/08/dfm-bg-banner-mobile.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto
    }

    .why-data-flow .row .col-lg-4 {
        max-width: 94%;
        width: 100%
    }

    .flexible-pricing .ks-expert-card-boost {
        max-width: 100%;
        width: 100%
    }

    .container.Key-Features-analytics-sec-mobile-ninja details.card .card-body img.img-fluid {
        margin-bottom: 24px
    }

    .l-h-sm-48 {
        line-height: 48px
    }

    .Data-Driven.Data-new-Organization .intelligence-div {
        padding: 36px 33px 0
    }

    .Data-Driven.Data-new-Organization .data-drive-img {
        bottom: 0;
        max-width: 70%;
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding-top: 0!important
    }

    .l-h-56 {
        line-height: 40px
    }

    .l-h-sm-32 {
        line-height: 32px
    }

    section#Inside-MindAiNinja {
        padding-top: 40px
    }

    .Revolutionizing-text {
        line-height: 40px
    }

    section#Revolutionizing {
        margin-top: 64px
    }

    .MindAiNinja-Organization {
        padding: 26px 16px
    }

    .Data-Driven .roleup-magic-btn button {
        width: 100%;
        max-width: 100%!important;
        font-size: 16px!important
    }

    section#MindAiNinja-Platform .container {
        padding-left: 0!important;
        padding-right: 0px!important
    }

    section#decision-making .Data-Driven {
        padding-bottom: 29px
    }

    section#decision-making {
        padding: 0 0
    }

    section#intelligence-cta {
        padding: 40px 16px
    }

    .data-drive-img {
        position: relative!important;
        bottom: 0;
        padding-top: 0px!important;
        width: 100%;
        max-width: 100%
    }

    .Data-Driven .col-lg-8 .roleup-magic-btn {
        padding-bottom: 35px
    }

    section#mobile-faq-ninja {
        background-color: transparent
    }

    section#mobile-faq-ninja .ks-heading-outer {
        padding: 0 0
    }

    .font-sm-30 {
        font-size: 30px!important
    }

    .mindai-ninja .roleup-magic-btn .btn {
        font-size: 16px!important
    }

    .Data-Driven {
        position: relative;
        padding: 36px 33px 0
    }

    .Expertise-Technologies .col-lg-4 {
        max-width: 100%;
        width: 100%
    }

    #How-to-Work .ks-expert-card-boost {
        margin-top: 16px
    }

    .bg-color-E7DDFD {
        height: 780px;
        background: linear-gradient(180deg,#DFDEDE 0%,#E7DFD6 100%)
    }

    .Data-Streaming-img {
        top: 64%
    }

    section.Operational-section-new.time-intensive:after {
        width: 71px;
        height: 56px;
        top: -11%;
        left: 30px
    }

    section.Operational-section-new.time-intensive:before {
        width: 163px;
        height: 119px;
        top: -12%
    }

    section.Operational-section-new.Simplify-Kafka:before {
        width: 163px;
        height: 119px;
        top: -12%
    }

    section.Operational-section-new.Simplify-Kafka:after {
        width: 71px;
        height: 56px;
        top: -11%;
        left: 30px
    }

    section.Operational-section-Clusters:before {
        width: 163px;
        height: 119px;
        top: -12%
    }

    section.Operational-section-Clusters:after {
        width: 71px;
        height: 56px;
        top: -11%;
        left: 30px
    }

    section.Operational-section-new:after {
        width: 71px;
        height: 56px;
        top: -8%;
        left: 30px
    }

    section.Operational-section-new::before {
        width: 163px;
        height: 119px;
        top: -12%
    }

    .Data-Streaming-page .roleup-magic-btn button {
        max-width: 100%!important
    }

    .Data-Streaming-page .bg-color-E2602E {
        width: 100%!important
    }

    .margin-bottom-102 {
        margin-bottom: 100px
    }

    section.Operational-section-new .container,section.Operational-section-Clusters .container {
        left: 10px;
        padding: 24px 24px;
        top: 25px
    }

    .Data-Streaming-page section#Features {
        margin-top: 110px;
        margin-bottom: 110px
    }

    .Data-Streaming-page section#How-to-Work {
        margin-top: 85px;
        margin-bottom: 30px
    }

    section.config-provided-customer {
        margin-bottom: 85px
    }

    section.Operational-section-new .container {
        top: 55px
    }

    .Data-Streaming-page section#How-to-Work .ks-expert-card-boost {
        padding: 16px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
        background-size: 100% 100%;
        min-height: 1400px;
        height: auto;
        padding-bottom: 0
    }

    .odoo-com-usa-canada .date-time_container {
        width: 100%
    }

    .integrate-datbricks img.img-fluid {
        height: 62px
    }

    .Availability-icon {
        min-width: 68px
    }

    .business-growth .right-side .top {
        padding: 16px 8px
    }

    .business-growth .right-side .bottom,.business-growth .left-side .box {
        padding: 16px 8px
    }

    .business-growth .middle-side .bottom,.business-growth .middle-side .top {
        padding: 16px 8px
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.Key-Features-gacmobile details[open] summary.card-header {
        border-radius: 8px;
        width: 90%;
        margin: 16px 16px;
        text-align: left
    }

    .m-w-230 {
        max-width: 47%
    }

    .aiml-industryreach .salesforce-Diverse-Industry .ks-product-exp-card {
        padding: 16px 16px!important
    }

    .technology-stack .row-gap-24 .col-lg-3.col-md-6.col-12 {
        width: 100%
    }

    .h-48 {
        height: 48px
    }

    .vector-content-main {
        max-width: 91%;
        width: 100%;
        margin: 0 auto 0
    }

    section#Industries .aiml-industryreach .tools-rows .ks-product-exp-card .font-18.font-sm-14 {
        font-size: 14px!important
    }

    .container.Key-Features-analytics-sec-mobile details[open] {
        background-color: #FAF9F9;
        border: double 1px transparent;
        border-radius: 16px;
        padding: 1px;
        text-align: center;
        background-image: linear-gradient(#FAF9F9,#FAF9F9),linear-gradient(180deg,#E13D9B 0%,#B1F4F8 100%);
        background-origin: border-box;
        background-clip: content-box,border-box
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.faq-mobile-aiml summary.card-header {
        background-color: transparent!important
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq.faq-mobile-aiml details[open] .card-header {
        background-color: transparent!important;
        margin-bottom: 0
    }

    .vector-content-main {
        padding: 0 30px 0 30px
    }

    .ks-our-approach-ai-mobile .col-12.Vectorright {
        position: relative
    }

    .vector-content {
        padding: 0 0 0 20px
    }

    .ks-our-approach-ai-mobile .col-12.Vectorright:after {
        background-size: 65% 100%
    }

    .ks-our-approach-ai-mobile .col-12.Vectorleft {
        position: relative
    }

    .ks-our-approach-ai-mobile .col-12.Vectorleft:before {
        background-size: 20% 100%
    }

    .ks-our-approach-ai-mobile .col-12.Vectorleft {
        position: relative
    }

    .mobile-direction-arrow svg {
        position: relative;
        top: -18px;
        left: -5px;
        transform: rotate(180deg)
    }

    .mobile-direction-leftarrow svg {
        position: relative;
        top: -18px;
        left: 5px
    }

    .Vectorimg {
        position: relative;
        z-index: 111
    }

    section.ks-hero-sec.position-relative.ai_ml_services_page {
        background-image: url(/wp-content/uploads/2024/07/Artboard-banner-mobile.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto
    }

    .bg-color-F3F3F3-alml {
        padding: 24px 20px
    }

    .aiml-industryreach .salesforce-Diverse-Industry {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: start
    }

    .aiml-industryreach {
        width: 90%;
        margin: 0 auto
    }

    .aiml-industryreach .salesforce-Diverse-Industry .col-lg-4.col-md-4.col-6 {
        max-width: 47%;
        width: 100%;
        padding: 0 0
    }

    .aiml-industryreach .tools-rows {
        margin: 0 auto;
        width: 100%;
        justify-content: center;
        display: flex
    }

    .min-h-472 {
        min-height: 382px;
        height: auto
    }

    .technology-stack .row-gap-24 {
        width: 94%;
        margin: 0 auto
    }

    .aiml-page section.limitations-section .container {
        padding-left: 0px!important;
        padding-right: 0!important
    }

    .aiml-page section.limitations-section .container {
        width: 90%
    }

    section.limitations-section {
        position: relative;
        z-index: 999
    }

    .Harness-capabilities {
        background-image: url(/wp-content/uploads/2024/07/elevate-upper-trangle-mobile.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: 335px;
        display: flex;
        justify-content: center;
        align-items: self-start
    }

    .Elevate-capabilities {
        background-image: url(/wp-content/uploads/2024/07/elevate-blower-trangle-mobile.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 360px;
        display: flex;
        justify-content: center;
        align-items: self-start
    }

    .Harness-capabilities .container,.Elevate-capabilities .container {
        padding-left: 0!important;
        padding-right: 0!important
    }

    img.dreme-cal {
        width: 26px;
        height: 26px
    }

    img.lmn-icon-dreamforce {
        width: 160px
    }

    img.gac-icon-dreamforce {
        width: 72px
    }

    img.roleup-icon-dreamforc {
        width: 82px
    }

    .Connector-content {
        gap: 16px
    }

    .blog-cat-details .d-flex {
        flex-direction: column-reverse
    }

    .blog-cta-form form p {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 10px!important
    }

    .blog-cta-form form p br {
        display: none
    }

    .sale-support-div {
        max-width: 225px;
        margin: 0 auto;
        width: 100%
    }

    section#Google-Analytics-Connector {
        position: relative;
        padding: 0 0 240px 0!important
    }

    section.ks-hero-sec.google-analytics-banner {
        background-image: url(/wp-content/uploads/2024/07/gac-mobile-banner.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 945px;
        height: auto
    }

    section.analytics-pricing {
        margin-top: 32px
    }

    section.ks-hero-sec.google-analytics-banner .roleup-magic-btn .btn {
        font-size: 14px!important
    }

    section.service-faq-sec .container.Key-Features-analytics-sec-mobile {
        background-color: transparent;
        border: none
    }

    .container.Key-Features-analytics-sec-mobile .ks-faq .card .card-header {
        background-color: #fff
    }

    .container.Key-Features-analytics-sec-mobile details[open] .card-header {
        background-color: #FCEDEF!important;
        color: #CB202D!important
    }

    .Key-Features-analytics-sec-mobile .card .card-body .tab-scoll-Apache {
        min-height: 210px;
        height: 215px
    }

    .ks-expert-card-boost {
        margin-top: 40px
    }

    .pricing-border {
        border-bottom: 1px solid #C8C8C8;
        width: 281px;
        border-left: 0;
        height: 0;
        margin: 24px 0
    }

    .new-nifi-apache-developement.big-data-page.microservices-service section.analytics-pricing .container {
        padding-left: 0px!important;
        padding-right: 0px!important
    }

    .font-sm-32 {
        font-size: 32px
    }

    .intuition-bg {
        background-image: url(/wp-content/uploads/2024/07/intuition-banner-mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 32px;
        height: 332px
    }

    .l-h-sm-42 {
        line-height: 35px
    }

    .bg-pricing-color {
        padding: 32px 24px!important
    }

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

    section#Google-Analytics-Connector:before {
        display: none
    }

    section#Google-Analytics-Connector:after {
        content: "";
        background-image: url(/wp-content/uploads/2024/07/gac-ecommer.png);
        display: block;
        position: absolute;
        bottom: 55px;
        right: 0;
        height: 223px;
        z-index: 9;
        background-position: right;
        background-size: contain;
        width: 333px;
        background-repeat: no-repeat
    }

    .gap-sm-16 {
        gap: 16px!important
    }

    section.limitations-section .container .bg-gredient-F9FAFA {
        padding: 16px 10px
    }

    .roleup-magicpage section.limitations-section .container {
        width: 94%
    }

    .roleup-card {
        padding: 18px
    }

    .rollup-services-card {
        padding: 16px
    }

    .rollup-services-card img {
        width: 60px;
        height: 60px
    }

    .rollup-services {
        max-width: 345px
    }

    .ks-expert-card-magic {
        max-width: 270px
    }

    .rollup-prodict-card p {
        font-size: 18px;
        padding: 40px 0 0 0
    }

    .roleup-magic-btn .btn {
        font-size: 13px!important
    }

    .new-nifi-apache-developement.big-data-page.microservices-service.salesforce-services-main.roleup-magicpage section.limitations-section .container {
        padding-left: 0px!important;
        padding-right: 0!important;
        background: linear-gradient(2.9deg,rgba(68,68,68,.2) 2.77%,rgba(225,61,75,.2) 97.88%)
    }

    .curve-image .RollUpcurve .row {
        padding-left: 16px;
        padding-right: 16px
    }

    .ks-expert-card-magic {
        margin-top: 36px
    }

    .font-sm-26 {
        font-size: 26px!important
    }

    .roleup-magic-btn button {
        max-width: fit-content!important
    }

    .intl-tel-input.allow-dropdown .flag-container {
        width: fit-content
    }

    section.service-faq-sec.page-section.service-faq-sec-mobile details.card .card-body {
        padding-left: 0
    }

    section.service-faq-sec.page-section.service-faq-sec-mobile details.card .card-body .tab-scoll-Apache {
        padding-left: 12px
    }

    .automation-circle-div .counter-circle {
        padding: 16px;
        justify-content: center!important;
        row-gap: 16px;
        width: 160px!important
    }

    .font-sm-40 {
        font-size: 40px!important
    }

    .automation-mobile-overflow .salesforce-Diverse-Industry .col-lg-3 {
        padding-left: 0;
        width: 100%;
        min-width: 190px
    }

    .automation-mobile-overflow .salesforce-Diverse-Industry .col-lg-3:last-child {
        padding-right: 0
    }

    section#client_use_cases {
        background-color: #fff!important;
        padding: 24px 16px
    }

    section#client_use_cases .single_casestudy_solution_ul {
        padding-top: 16px
    }

    .postid-14429 section#challenges {
        padding-top: 24px
    }

    .sales-cloud-section .counter-row.salesforce-service .counter-circle.counter-circle-width {
        width: 151px!important;
        height: 151px;
        padding: 37px 21px
    }

    .sales-cloud-section .counter-row.salesforce-service .counter-circle.services-countercircle {
        padding: 37px 10px;
        height: 151px
    }

    .service-faq-sec-mobile .ks-faq .card .card-header.custom-header-font {
        font-size: 13px!important
    }

    .m-w-221 {
        max-width: 265px
    }

    .bd-tech-automation {
        overflow-y: hidden;
        min-height: auto;
        height: auto;
        padding-right: 0
    }

    .bd-tech-content-automation {
        margin: 0 0 16px 0;
        padding: 8px
    }

    .bd-tech-content-automation:last-child {
        margin: 0 0 0 0
    }

    .automation-mobile-overflow .tools-row-outer {
        border-bottom: none;
        text-align: left;
        white-space: nowrap;
        flex-wrap: nowrap!important;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .automation-mobile-overflow .tools-row-outer .diverse-our {
        flex: 0 0 auto;
        width: 50%!important;
        margin: 0 auto;
        text-align: center;
        display: inline
    }

    .automation-mobile-overflow .tools-row-outer .diverse-our p {
        font-size: 18px;
        word-break: break-word
    }

    .custom-whitespace {
        white-space: initial
    }

    .bg-image-saleforce-event {
        background-size: contain;
        min-height: 2910px;
        height: auto;
        width: 100%
    }

    .Oracle-ERP-div {
        min-height: 98px;
        height: auto
    }

    .salesforce-community-row img.position-absolute.tour-logo.tour-logo-1 {
        bottom: 0px!important
    }

    section.innovation-partner.AI-Capabilities {
        align-items: center;
        background-size: contain;
        padding: 0 16px
    }

    .modal.mumbai-event-popup .modal-content {
        flex-direction: column!important
    }

    .World-tour-mumbai-div {
        justify-content: center!important
    }

    .modal.mumbai-event-popup {
        position: fixed;
        z-index: 1000002;
        left: 0;
        top: 44px
    }

    .salesforce-commerce-content {
        padding: 16px
    }

    .salesforce-commerce-title {
        font-size: 24px;
        line-height: 40px;
        text-align: left;
        margin-bottom: 16px
    }

    .salesforce-commerce-para {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 16px
    }

    .salesforce-content-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left
    }

    .salesforce-content-point {
        font-size: 14px;
        line-height: 28px;
        text-align: left
    }

    .salesforce-commerce .row-gap-24 {
        row-gap: 16px
    }

    .salesforce-commerce {
        padding: 32px 0
    }

    .performance-bg-img {
        background-image: url(/wp-content/uploads/2024/05/salesforce-mobile-Header.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto
    }

    .rounded-3px {
        border-radius: 3px
    }

    section.telecom-industry {
        margin-bottom: 62px
    }

    .Specialists-community .mb-40 {
        margin-bottom: 24px
    }

    .Specialists-community img.linkedin-icon {
        width: 34px;
        height: 32px
    }

    .Specialists-community .col-lg-4 .row,.Specialists-community .col-lg-4 p {
        padding-left: 16px;
        padding-right: 16px
    }

    .new-nifi-apache-developement .innovation-partner .container.bg-color-032D60 {
        width: 94%!important;
        padding: 72px 40px!important
    }

    .new-nifi-apache-developement .innovation-partner .container.bg-color-032D60 .row {
        padding-left: 24px;
        padding-right: 24px
    }

    section.odoo-Specialist1.global-ai-mgmt img.img-fluid.h-sm-auto.object-fit-cover,section.new-link-section.odoo-Specialist1.global-ai-mgmt img.img-fluid.h-sm-auto.object-fit-cover {
        height: auto;
        object-fit: contain;
        width: 100%;
        object-position: top;
        border-radius: 8px
    }

    .performance-testing-page .ks-faq details.card a.explore-more-text-link {
        border: 1px solid #113c63;
        border-radius: 3px;
        max-width: 96%;
        width: 100%
    }

    .table-container table th {
        font-weight: 500
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.col-lg-3.Industry-leading-mobile {
        min-height: 162px!important
    }

    .font-sm-22 {
        font-size: 22px!important
    }

    .DataStax-Certifications-row .col-lg-4 {
        max-width: 100%;
        width: 100%
    }

    section.DataStax-Certifications {
        padding-left: 16px;
        padding-right: 16px
    }

    .counter-circle.MaintenanceCosts {
        padding: 18px
    }

    .font-sm-42 {
        font-size: 42px
    }

    .ks-Salesforce-experties .Salesforce_317 .max-width-48 {
        max-width: 100%
    }

    .other-services-bottom {
        margin: 0 auto 32px
    }

    .other-services-bottom .col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .Salesforce-Einstein .tab-content-container {
        padding:0 26px 24px 26px
    }

    .Salesforce-Einstein .tab-content-container:last-child {
        padding-bottom: 16px!important
    }

    .Salesforce-Einstein .tab-img-container {
        width: 88%;
        margin: 0 auto
    }

    .modal.mumbai-event-popup .modal-title {
        font-size: 22px
    }

    .modal.mumbai-event-popup .modal-para {
        font-size: 16px
    }

    .modal.mumbai-event-popup .modal-list {
        font-size: 14px
    }

    .Customer-subheading {
        margin-bottom: 24px
    }

    .Salesforce-partners.border-A4A4A4 {
        max-width: 163px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.mumbai-image-banner {
        background-image: url(/wp-content/uploads/2024/05/Perfect-Equation-mobile.svg);
        min-height: 630px;
        height: auto
    }

    .font-sm-10 {
        font-size: 10px!important
    }

    .font-sm-9 {
        font-size: 9px!important
    }

    .font-sm-8 {
        font-size: 8px!important
    }

    .dreamforce-events-banner-card img.img-fuild.World-tour {
        width: 167px;
        height: auto
    }

    .dreamforce-events-banner-card img.img-fuild.mumbai-2024 {
        width: 105px;
        height: auto
    }

    .power-ai_para {
        font-size: 18px;
        font-weight: 500;
        line-height: 21.78px;
        text-align: left
    }

    .powerful-AI-integration {
        background-size: unset
    }

    .ai-bird-logo {
        position: initial;
        margin-right: 20px
    }

    .Ai-salesforce_title {
        font-size: 24px;
        line-height: 29.05px;
        margin-bottom: 16px
    }

    .Ai-salesforce-para {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .salesforce-Diverse-Industry {
        border-bottom: none;
        text-align: left;
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .salesforce-Diverse-Industry::-webkit-scrollbar {
        display: none
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 50%!important
    }

    .counter-circle {
        width: 151px!important;
        height: 151px!important
    }

    .Salesforce-Cloud .sales-product-exp-card {
        width: 100%;
        max-width: 100%
    }

    .dreamforce-SalesStrategy .events-border-right::after {
        position: absolute;
        content: '';
        border-right: 2px solid #FFF6;
        height: 21px;
        right: -12px;
        top: 1px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:first-child .font-14.f-w-500 {
        font-weight: 600!important
    }

    .padding-sm-16 {
        padding: 16px!important
    }

    .mt-sm-54 {
        margin-top: 54px!important
    }

    .new-podcast-play-btn {
        margin: 24px 0 0 0
    }

    .ks-new-podcast-details .ks-mobile-block {
        margin-bottom: 24px
    }

    .btn:hover {
        box-shadow: none;
        transform: none;
        border: 1px solid #113c63
    }

    img.img-fluid.dreamforce-parnter {
        width: 95%;
        margin: 0 auto
    }

    img.dream-Photoroom {
        padding: 0!important;
        margin-right: 0;
        min-height: 100%;
        position: relative
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.dreamforce-image-banner {
        min-height: 1102px;
        height: auto;
        object-fit: contain;
        background: linear-gradient(180.01deg,#001639 77.21%,rgba(0,22,57,0) 94.05%),url(/wp-content/uploads/2024/07/dreamforce-mobile-view.png);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page section.logo-section-dreamforce {
        background-image: url(/wp-content/uploads/2024/07/dreamfroce-logo.png);
        min-height: 1185px;
        height: auto
    }

    .dreamforce-page section.dreamforce-number .col-body.col-dark:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(50% - 26px);
        top: calc(44% - 50px);
        width: 93px;
        height: 93px;
        background: linear-gradient(138.98deg,rgba(0,13,35,.6) 3.5%,rgba(47,47,47,0) 88.86%);
        border-radius: 50%
    }

    .dreamforce-page section.dreamforce-number .col-body {
        padding: 10px!important
    }

    .dreamforce-page section.dreamforce-number .ks-counter-mobile {
        padding-left: 16px!important;
        padding-right: 16px!important;
        margin-top: 0!important
    }

    .dreamforce-page section.dreamforce-number .col-body:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(67% - 52px);
        top: calc(50% - 52px);
        width: 84px;
        height: 84px;
        background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
        border-radius: 50%
    }

    .dreamforce-page section.dreamforce-number .col-primary:before {
        background: linear-gradient(138.48deg,hsla(4,60%,62%,.6) -44.69%,hsla(0,72%,76%,0) 75.98%);
        position: absolute;
        z-index: -1;
        left: calc(60% - 52px);
        top: calc(43% - 52px);
        width: 112px;
        height: 112px
    }

    .dreamforce-number .btn-primary.mobile-btn-width {
        margin: 0 auto;
        display: flex;
        width: 100%
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .dreamforce-div .events-border-right:after {
        position: absolute;
        content: '';
        border-right: 1px solid #DBE6F7;
        height: 22px;
        right: -14px;
        top: 8px
    }

    .dreamforce-events-banner-card .font-40 {
        font-size: 24px;
        font-weight: 300
    }

    .odoo-experience-main.new-odoo-page .odoo-experience-section h1.Dreamforce-bg-div {
        font-size: 32px!important;
        padding: 12px 12px
    }

    .logo-section-dreamforce .banner-logo-area {
        margin-bottom: 34px
    }

    .dreamforce-bg {
        border-radius: 0;
        background: linear-gradient(177.21deg,#156C94 14.7%,#CBE0E9 73.22%)
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) {
        order: 5;
        width: 55%;
        max-width: 50%;
        height: 157px;
        background: linear-gradient(180deg,#00163B 0%,#002257 100%);
        border: none;
        text-align: right
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5):before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(50% - 26px);
        top: calc(37% - 50px);
        width: 141px;
        height: 135px;
        border-radius: 50%;
        background: linear-gradient(138.98deg,rgba(74,74,74,.6) 3.5%,rgba(47,47,47,0) 88.86%)
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) {
        order: 3;
        width: 47%;
        background: #fff!important;
        color: #28292E!important;
        height: 121px;
        border: none
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) {
        order: 4;
        width: 53%;
        max-width: 53%;
        height: 121px;
        display: block!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:first-child {
        order: 1;
        width: 50%;
        margin-left: 0;
        height: 121px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(2) {
        order: 2;
        width: 50%;
        border-top-right-radius: 10px;
        height: 121px;
        text-align: left!important;
        align-items: start
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(2) .font-56 {
        font-size: 40px;
        text-align: left!important;
        margin-top: 10px;
        font-weight: 700!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) .font-56.f-w-600.lh-1.text-white {
        color: #28292E!important;
        font-size: 40px;
        font-weight: 700!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) .font-56 {
        font-weight: 700!important;
        font-size: 48px!important;
        padding-left: 10px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) .font-56 {
        font-weight: 700!important;
        color: #fff!important;
        font-size: 40px;
        text-align: left!important;
        margin-top: 10px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3)::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(34% - 26px);
        top: calc(43% - 50px);
        width: 93px;
        height: 93px;
        border-radius: 50%;
        background: linear-gradient(138.98deg,rgba(237,237,237,.8) 3.5%,rgba(227,225,225,0) 88.86%)
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) .font-14 {
        margin-top: 3px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) .font-56 {
        background: none;
        -webkit-background-clip: text;
        -webkit-text-fill-color: snow;
        background-clip: unset;
        color: #fff;
        font-size: 40px;
        margin-top: 16px;
        font-weight: 700!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) .font-sm-16 {
        color: #fff;
        text-align: left;
        font-size: 14px!important;
        margin-top: 24px!important;
        font-weight: 600!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) {
        order: 6;
        width: 50%;
        height: 157px;
        margin-left: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        background: #D12235;
        border: none;
        text-align: right
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6)::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(63% - 52px);
        top: calc(60% - 52px);
        width: 112px;
        height: 122px;
        border-radius: 50%;
        background: linear-gradient(138.48deg,rgba(216,108,101,.6) -44.69%,rgba(238,150,150,0) 75.98%)
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) .font-54 {
        font-size: 40px;
        color: #fff;
        margin-top: 24px;
        text-align: center!important;
        font-weight: 700!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) .font-14 {
        color: #fff;
        text-align: center!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) {
        order: 6;
        width: 100%;
        max-width: 100%;
        height: 133px;
        margin-left: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7)::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(18% - 52px);
        top: calc(42% - 52px);
        width: 125px;
        height: 122px;
        background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
        border-radius: 50%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) .font-14 {
        text-align: left!important;
        width: 43%;
        position: absolute;
        right: 11px;
        bottom: 10px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) .font-24 {
        font-size: 14px!important;
        margin-top: 12px;
        font-weight: 500!important
    }

    section.ks-business-explore-dreamforce button.btn.mobile-btn-width {
        max-width: 230px;
        height: 56px;
        width: 100%
    }

    .global-ai-mgmt .h-sm-auto.object-fit-cover {
        height: auto;
        object-fit: cover;
        width: 100%;
        object-position: top;
        min-height: 150px
    }

    .service-case-study.owl-carousel .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 248px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 32%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    img.events-overview-logo {
        margin-left: -12px;
        width: 128px;
        height: 53px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-prev {
        position: absolute;
        left: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next {
        position: absolute;
        right: -8px;
        width: 40px;
        height: 40px
    }

    .service-case-study.owl-carousel .owl-nav button span {
        background-color: rgb(225,61,75,.8);
        border-radius: 50%;
        background-size: 40px;
        padding: 0;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-heading-outer p.mb-40 {
        margin-bottom: 32px
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num p.font-16 {
        font-size: 12px
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 30px;
        text-align: center
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16 {
        padding-bottom: 30px;
        text-align: center
    }

    section.ai-expertise-page-section .ks-heading-outer .mb-40 {
        margin-bottom: 16px
    }

    .new-nifi-apache-developement summary.card-header.btn-accordian {
        font-size: 16px;
        padding: 20px 21px 20px 16px;
        width: 100%
    }

    .new-nifi-apache-developement .faq-bottom-section summary.card-header.btn-accordian {
        width: 96%
    }

    .odoo-experience-main.new-odoo-page.global-ai-show-main .global-ai-events-banner-card {
        border: 0;
        padding: 0
    }

    .mt-sm-16 {
        margin-top: 16px
    }

    .mt-sm-18 {
        margin-top: 18px
    }

    .mt-sm-20 {
        margin-top: 20px
    }

    .mt-sm-22 {
        margin-top: 22px
    }

    .mt-sm-24 {
        margin-top: 24px
    }

    .mt-sm-26 {
        margin-top: 26px
    }

    .mt-sm-32 {
        margin-top: 32px
    }

    .mb-sm-16 {
        margin-bottom: 16px
    }

    .mb-sm-18 {
        margin-bottom: 18px
    }

    .mb-sm-20 {
        margin-bottom: 20px
    }

    .mb-sm-22 {
        margin-bottom: 22px
    }

    .mb-sm-24 {
        margin-bottom: 24px
    }

    .mb-sm-26 {
        margin-bottom: 26px
    }

    .mb-sm-32 {
        margin-bottom: 32px!important
    }

    .pt-sm-32 {
        padding-top: 32px
    }

    .pb-sm-32 {
        padding-bottom: 32px
    }

    .max-w-311 {
        max-width: 311px
    }

    .l-h-sm-29 {
        line-height: 29px!important
    }

    .l-h-sm-27 {
        line-height: 27px!important
    }

    .l-h-sm-24 {
        line-height: 24px!important
    }

    .l-h-sm-28 {
        line-height: 28px!important
    }

    .l-h-sm-40 {
        line-height: 40px!important
    }

    .font-sm-18 {
        font-size: 18px!important
    }

    .font-sm-13 {
        font-size: 13px!important
    }

    .font-sm-12 {
        font-size: 12px!important
    }

    .font-sm-90 {
        font-size: 90px!important
    }

    .font-sm-50 {
        font-size: 50px!important
    }

    .odoo-experience-main.new-odoo-page.global-ai-show-main .btn-lg {
        min-height: 56px
    }

    .btn-height-52 {
        min-height: 52px;
        width: 100%
    }

    .global-ai-show-banner-sec-Booth {
        background: radial-gradient(1768.92% 160.52% at 56.8% 83.51%,#2A204E 0%,#1E1E1E 100%);
        background-position: center;
        height: auto
    }

    .global-ai-show-banner-sec-Booth .global-ai-show .odoo-event-form.ms-auto {
        width: 100%;
        max-width: 100%;
        padding: 24px 0 16px
    }

    .col-gray.year-exp-bg-black {
        background-color: #34353A;
        color: #fff!important
    }

    .col-gray.year-exp-bg-black p {
        color: #fff!important
    }

    .col-gray.year-exp-bg-black div#product_counter {
        color: #fff!important
    }

    section.ai-expertise-page-section {
        background: linear-gradient(177.21deg,#050E2E 14.7%,#606FA4 73.22%)
    }

    img.CTO-image {
        width: 244px;
        height: 244px
    }

    section.logo-section-global-ai .container {
        top: 0;
        padding: 0
    }

    .font-w-sm-500 {
        font-weight: 500!important
    }

    .font-w-sm-400 {
        font-weight: 400!important
    }

    .font-w-sm-600 {
        font-weight: 600!important
    }

    .font-sm-40 {
        font-size: 40px
    }

    .meet-us-btn-dubai {
        width: 96%!important;
        text-align: center;
        justify-content: center
    }

    .gold-sponsor-animation {
        width: 96%!important
    }

    .ks-roboot-image {
        width: 237px;
        height: 229px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        position: relative;
        bottom: -1px;
        left: 0;
        right: 0
    }

    .new-nifi-apache-developement .industryreach-section-reach .mt-65 {
        margin-top: 32px
    }

    .dreamforce-events-banner {
        padding: 8px 8px 8px 8px
    }

    .dreamforce-events-banner img.global-location {
        width: 26px;
        height: 26px
    }

    .dreamforce-events-banner .events-border-right.events-border-right-mobile:after {
        position: absolute;
        content: '';
        border-right: 2px solid #fff;
        height: 38px;
        right: -10px
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.dreamforce-image-banner button.btn {
        padding: 14px 16px;
        font-size: 18px
    }

    .events-border-right.events-border-right-mobile:after {
        position: absolute;
        content: '';
        border-right: 0;
        height: 44px;
        right: 0
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.cassandra-templ section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16 {
        padding-bottom: 30px;
        text-align: center
    }

    .new-nifi-apache-developement section.partner-number-bg .ks-growth-num.col-lg-3.order-lg-5.order-4.col-6 div#count_workforce {
        margin-top: 25px
    }

    .new-nifi-apache-developement.cassandra-templ section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 30px;
        text-align: center
    }

    .new-nifi-apache-developement.cassandra-templ section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.min-height-162 div#happy_client {
        color: #fff
    }

    .container.nifi-trending-blog .btn-width-full {
        width: 100%;
        padding: 12px 24px;
        gap: 8px;
        border-radius: 3px 0 0 0;
        font-family: "Inter";
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 {
        min-height: 171px!important;
        height: auto
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.min-height-162 div#happy_client {
        color: #fff
    }

    .new-nifi-apache-developement.cassandra-templ .ks-growth-num.order-lg-7.order-2.col-6.col-lg-4.min-height-162 p.font-16 {
        margin-top: 10px
    }

    .new-nifi-apache-developement.hadoop-templ .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 {
        min-height: 171px!important;
        height: auto
    }

    .new-nifi-apache-developement.hadoop-templ section.partner-number-bg p.font-16,.new-nifi-apache-developement.hadoop-templ section.partner-number-bg p.font-16 {
        font-size: 12px
    }

    .new-nifi-apache-developement.hadoop-templ .ks-growth-num.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.hadoop-templ .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.hadoop-templ section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16 {
        padding-bottom: 30px;
        text-align: center
    }

    .new-nifi-apache-developement.hadoop-templ section.partner-number-bg .ks-growth-num.col-lg-3.order-lg-5.order-4.col-6 div#count_workforce {
        margin-top: 25px
    }

    .new-nifi-apache-developement.hadoop-templ section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 30px;
        text-align: center
    }

    .new-nifi-apache-developement.hadoop-templ section.partner-number-bg .ks-growth-num.order-lg-3.order-8.col-lg-4.col-6.min-height-162 {
        min-height: 171px;
        height: auto
    }

    .new-nifi-apache-developement.hadoop-templ .ks-growth-num.min-height-162 div#happy_client {
        color: #fff
    }

    .new-nifi-apache-developement .container {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .big-data-tools .row {
        margin: 0!important
    }

    .big-data-tools .row .col-md-6.col-lg-4.col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.global-ai-show .events-border-right-mobile {
        border: 1px solid #6ADDBB80;
        width: 100%;
        padding: 8px 16px 8px 24px;
        border-radius: 4px
    }

    .Booth-number {
        width: 100%!important;
        height: 56px;
        padding: 7px 16px;
        border-radius: 4px;
        margin-bottom: 26px;
        border: 1px solid #6ADDBB80
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.global-ai-show {
        background-image: url(/wp-content/uploads/2024/11/artificial-banner-mobile.png);
        height: auto
    }

    img.global-location {
        width: 100%;
        height: 46px
    }

    .copyrightlink li {
        line-height: 25px;
        padding-left: 0!important
    }

    .custom-dataflow-diagram.owl-carousel .data_flow_image_container {
        width: 100%;
        margin: 0 auto
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.dreamforce-image-banner .meet-us-btn-dubai {
        width: 100%!important;
        text-align: center;
        justify-content: center
    }

    .dreamforce-number.mt-80 {
        margin-top: 0
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:first-child .font-56 {
        font-size: 40px;
        margin-top: 10px;
        font-weight: 700!important
    }

    .insights-main a.blog-text-link .insight-title {
        width: 50%;
        word-wrap: break-word
    }

    .new-nifi-apache-developement.big-data-page.microservices-service .btn-lg {
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%
    }

    .Micro-Architecture {
        max-width: 272px;
        width: 100%;
        height: 165px
    }

    .new-nifi-apache-developement.big-data-page.microservices-service .container {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .Microservices-Application-Development-tab .custom-nav-area {
        border-bottom: 2px solid #E8E7E7!important;
        text-align: left;
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .Microservices-Application-Development-tab .custom-nav-area::-webkit-scrollbar {
        display: none
    }

    .Microservices-Application-Development-tab .bd-tech-card .col-6.col-md-3.col-lg-2.col-xl-2 {
        max-width: 45%;
        padding: 0;
        width: 45%
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-1 {
        background: #fff
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-6 {
        background: #fff
    }

    img.faster-image {
        width: 53px;
        height: 53px
    }

    img.Deliver-image {
        width: 53px;
        height: 53px
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-7 div#happy_client {
        color: #fff
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-9 div#project_deliver {
        margin-top: 20px
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-9 p.font-16 {
        margin-top: -34px
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.col-lg-3 {
        text-align: center!important;
        min-height: 150px
    }

    section.partner-number-bg.Microservices-Application-number .DeliverScalable {
        min-height: 150px!important
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.col-lg-3 p.font-16 {
        text-align: center;
        width: 96%;
        justify-content: center;
        display: flex
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.col-lg-3 div#count_workforce {
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 248px
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-prev {
        position: absolute;
        left: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button.owl-next {
        position: absolute;
        right: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-microservices .owl-nav button span {
        background-color: rgb(225,61,75,.8);
        border-radius: 50%;
        background-size: 40px;
        padding: 0;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .tab-scoll-Apache ul.nifi-cluster-ul {
        padding-left: 22px
    }

    section.service-faq-sec details.card .card-body {
        padding-right: 20px
    }

    section.service-faq-sec details.card .card-body ul.nifi-cluster-ul {
        padding-left: 16px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 248px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-prev {
        position: absolute;
        left: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button.owl-next {
        position: absolute;
        right: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-spark-cassandra .owl-nav button span {
        background-color: rgb(225,61,75,.8);
        border-radius: 50%;
        background-size: 40px;
        padding: 0;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .new-nifi-apache-developement.big-data-page.microservices-service section.service-faq-sec .salesforce-cloud-faq-sec-mobile .ks-heading-outer {
        padding: 6px 0 24px
    }

    .clients-case-study.sprak-case-study .mt-65.service-case-study-spark-cassandra {
        margin-top: 0px!important
    }

    .performance-testing .testing-content_title {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        text-align: left
    }

    .pb-sm-9 {
        padding-bottom: 9px
    }

    .btn.btn-width-full.microservices-blog {
        max-width: 100%;
        width: 100%;
        padding: 12px 24px!important
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community h1.Dreamforce-bg-div {
        font-size: 32px!important
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community {
        background-image: url(/wp-content/uploads/2024/06/Odoo-Community-banner.webp);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 1400px;
        height: auto
    }

    section.ks-business-explore-Revolutionize {
        background-image: url(/wp-content/uploads/2024/05/explore-Revolutionize-mobile.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        min-height: 296px;
        height: auto;
        margin-top: 32px
    }

    section.ks-business-section-ai-global.global-ai-show .ks-tabs-cards.mb-40 {
        margin-bottom: 0
    }

    .sales-cloud-section .counter-row.salesforce-service .counter-circle {
        max-width: 180px;
        padding: 12px
    }

    .f-w-sm-600 {
        font-weight: 600!important
    }

    .f-w-sm-700 {
        font-weight: 700!important
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community .date-time_container .line-custom {
        position: relative;
        content: " ";
        height: .5px;
        width: 37px;
        top: 0;
        border: 1px solid #855A7733
    }

    section.telecom-industry .container.mt-65 {
        margin-top: 25px
    }

    section.telecom-industry img.CTO-image {
        width: 94%;
        margin: 0 auto;
        height: 100%
    }

    section.banner-sec-case-our-Booth {
        padding-top: 38px
    }

    section.banner-sec-case-our-Booth {
        background-image: url(/wp-content/uploads/2024/06/Our-Booth-odoo-mobile.webp);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        background-position: bottom;
        min-height: 1615px;
        height: auto
    }

    section.ks-java-experties-Odoo .mb-40 {
        margin-bottom: 16px
    }

    section.dashboard-ninja-Animated {
        background-image: url(/wp-content/uploads/2024/05/Dashboard-Ninja-bg-mobile.webp);
        min-height: 950px;
        height: auto;
        padding-top: 65px
    }

    section.dashboard-ninja-Animated img.dashboard-ninja-img {
        width: 257px;
        height: 109px
    }

    section.dashboard-ninja-Animated .events-border-right:after {
        display: none
    }

    .two-section-bg-img {
        min-height: 1600px;
        height: auto
    }

    .tab-scoll-Apache {
        overflow-y: auto;
        min-height: 280px;
        height: 310px;
        padding-right: 20px
    }

    .salesforce-Diverse-Industry .ks-product-exp-card {
        padding: 24px 20px!important
    }
}

@media screen and (max-width: 575.8px) {
    .m-h-410 {
        min-height:auto;
        border-bottom: 1px solid #EDE9E7;
        padding-bottom: 24px
    }

    .business-growth .right-side .top p,.business-growth .right-side .bottom p,.business-growth .middle-side .bottom p,.business-growth .middle-side .top p,.business-growth .left-side .box p {
        font-size: 13px;
        line-height: 19px
    }

    .business-growth .right-side .top h3,.business-growth .right-side .bottom h3,.business-growth .middle-side .bottom h3,.business-growth .middle-side .top h3,.business-growth .left-side .box h3,.business-growth .left-side .box h3 {
        font-size: 18px
    }

    .business-growth .growth-title-bus {
        font-size: 32px
    }

    .business-growth {
        padding: 48px 0
    }

    .dreamforce-three-icon {
        justify-content: center
    }

    section.ks-hero-sec.google-analytics-banner .roleup-magic-btn .btn {
        font-size: 12px!important
    }

    .modal.mumbai-event-popup .max-w {
        max-width: 100%!important
    }

    .Experience-Power_title,.Experience-Revolutionary_title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 16px
    }

    .Experience-Power_para {
        font-size: 18px
    }

    section.innovation-partner.AI-Capabilities-Multi-Channel .container.box-shadow-sales .row {
        padding: 0
    }

    section.innovation-partner.AI-Capabilities {
        background: url(/wp-content/uploads/2024/05/mumbai-footer-background-mobile.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        padding: 0 16px!important
    }

    .AI-Capabilities_title {
        font-size: 24px!important;
        font-weight: 600;
        line-height: 29.05px!important;
        text-align: center
    }

    section#Industries .tools-rows .ks-product-exp-card .font-18 {
        font-size: 16px!important
    }

    section#Industries .tools-rows .ks-product-exp-card .color-3F3F41 {
        font-size: 16px!important
    }

    .odoo-experience-main.new-odoo-page section.odoo-experience-section.odoo-community.usa-canada {
        min-height: 1425px;
        height: auto;
        padding-bottom: 0
    }
}

@media screen and (max-width: 375px) {
    .business-growth .middle-side .bottom,.business-growth .middle-side .top {
        padding:41px 22px
    }
}

@media screen and (max-width: 360px) {
    .vector-content {
        padding:0 0 0 15px
    }

    .vector-content-main {
        padding: 0 20px 0 20px
    }

    .max-w-311 {
        max-width: 292px
    }

    img.lmn-icon-dreamforce {
        width: 130px
    }

    img.gac-icon-dreamforce {
        width: 65px
    }

    img.roleup-icon-dreamforc {
        width: 70px
    }

    .intuition-bg {
        height: 360px
    }

    section.limitations-section .container .bg-gredient-F9FAFA {
        padding: 16px 6px
    }

    .new-nifi-apache-developement.big-data-page.microservices-service.salesforce-services-main.roleup-magicpage .roleup-magic-btn .btn {
        font-size: 12px!important
    }

    .automation-circle-div .counter-circle {
        padding: 16px;
        justify-content: center!important;
        row-gap: 16px;
        width: 150px!important
    }

    .new-nifi-apache-developement.big-data-page.microservices-service .btn-lg {
        font-size: 14px!important
    }

    section#Industries .tools-rows .ks-product-exp-card .font-18 {
        font-size: 14px!important
    }

    section#Industries .tools-rows .ks-product-exp-card .color-3F3F41 {
        font-size: 14px!important
    }

    .trusted-mobile .tool-box-outer {
        width: 47%;
        height: 70.38px;
        border-radius: 5px
    }

    .linear-salesforce_custombg .infomative_paras {
        font-size: 12px
    }

    odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners {
        width: 45%
    }

    .odoo-experience-main.new-odoo-page .odoo-experience-section h1.Dreamforce-bg-div {
        font-size: 26px!important
    }

    .dreamforce-events-banner {
        padding: 10px 0 10px 0;
        flex-wrap: wrap!important;
        width: 100%;
        height: auto;
        justify-content: center!important
    }

    .meet_Francisco {
        font-size: 16px
    }

    .dreamforce-events-banner .events-border-right.events-border-right-mobile {
        width: 100%;
        padding: 0 0 20px 24px;
        justify-content: center!important
    }

    .dreamforce-events-banner .events-border-right.events-border-right-mobile:after {
        position: absolute;
        content: '';
        border-right: 0;
        height: 44px;
        right: 0;
        border-bottom: 2px solid #FFF6FD33;
        width: 100%;
        left: 0;
        top: -6px;
        margin: 0 auto
    }

    .location_Francisco {
        padding-left: 0!important;
        position: relative;
        left: -5px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:first-child .font-56 {
        font-size: 36px;
        margin-top: 10px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) .font-56.f-w-600.lh-1.text-white {
        font-size: 36px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) .font-56 {
        font-size: 36px!important;
        text-align: left!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) .font-56 {
        font-size: 36px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(5) .font-sm-16 {
        color: #fff;
        text-align: left;
        font-size: 14px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) .font-54 {
        font-size: 36px!important;
        margin-top: 40px
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) {
        order: 6;
        width: 100%;
        height: 133px;
        margin-left: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border: none
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7)::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(20% - 52px);
        top: calc(42% - 52px);
        width: 112px;
        height: 110px;
        background: linear-gradient(138.98deg,hsla(0,0%,93%,.8) 3.5%,hsla(0,3%,89%,0) 88.86%);
        border-radius: 50%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) .font-56 {
        font-size: 48px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) .font-sm-16 {
        font-size: 14px!important;
        width: 50%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6)::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: calc(50% - 52px);
        top: calc(45% - 52px);
        width: 112px;
        height: 122px;
        border-radius: 50%;
        background: linear-gradient(138.48deg,rgba(216,108,101,.6) -44.69%,rgba(238,150,150,0) 75.98%)
    }
}

@media screen and (max-width: 340px) {
    .Data-Streaming-img {
        top:70%
    }

    .Harness-capabilities {
        height: 395px
    }

    .Elevate-capabilities {
        height: 400px
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation:landscape) {
    .generative-ai-page .gai-tab-section {
        border-bottom:1px solid #D8D8D8;
        position: sticky;
        top: 122px;
        z-index: 9
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width:1200px) and (orientation:landscape) {
    .counter-circle h2 {
        font-size:30px!important
    }

    .gap-38.Benefits-salesforce .col-sm-5.col-12 {
        max-width: 100%!important;
        width: 100%!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(4) {
        border-radius: 0!important;
        max-width: 370px;
        width: 100%;
        border-bottom-left-radius: 10px!important;
        border-top-left-radius: 10px!important
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(6) {
        max-width: 220px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(7) {
        max-width: 225px;
        width: 100%
    }

    .dreamforce-page section.dreamforce-number .ks-growth-num.col-body.nine_percant {
        max-width: 162px;
        width: 100%
    }

    .odoo-experience-main.new-odoo-page.dreamforce-page .ks-counter-mobile .ks-growth-num:nth-child(3) {
        border-radius: 0!important;
        border-top-right-radius: 10px!important
    }

    div#contact_modal .popup-container.custom-popup-area,div#rfp_contact_modal .popup-container.custom-popup-area {
        width: 90%;
        margin: 0 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: auto;
        height: 75%;
        min-height: auto;
        max-width: 500px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }

    div#contact_modal_event .popup-container.custom-popup-area,div#rfp_contact_modal .popup-container.custom-popup-area {
        width: 90%;
        margin: 0 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: auto;
        height: 80%;
        min-height: auto;
        max-width: 100%
    }

    .service-pop-inner {
        height: 100%;
        margin: auto;
        border-radius: 0px!important;
        padding: 32px;
        position: relative;
        top: 46%;
        min-height: 236px;
        overflow: scroll;
        max-height: 236px;
        border-top-left-radius: 16px!important;
        border-top-right-radius: 16px!important
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 p.font-16 {
        padding-bottom: 0;
        text-align: center;
        padding-left: 14px
    }

    section.partner-number-bg.Microservices-Application-number .ks-growth-num.order-lg-9 p.font-16 {
        margin-top: 0
    }

    .new-nifi-apache-developement.big-data-page section.partner-number-bg .ks-growth-num.order-lg-9.order-6.col-lg-6.col-6.min-height-162 div#project_deliver {
        margin-top: 0;
        text-align: center
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 122px;
        z-index: 9
    }

    .modal.mumbai-event-popup .max-w {
        max-width: 90%!important;
        width: 90%;
        margin: 0 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: auto;
        height: 75%;
        min-height: auto
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width:922px) and (orientation:landscape) {
    .scroller-spacing1 {
        margin-top:0px!important
    }

    .temp-case-studies button.btn-filter.mobile-filter {
        margin-top: 30px!important
    }

    .generative-ai-page .gai-tab-section {
        border-bottom: 1px solid #D8D8D8;
        position: sticky;
        top: 135px!important;
        z-index: 9
    }
}

.linear-salesforce_custombg {
    padding: 32px 0;
    margin-top: 40px;
    margin-bottom: 80px
}

.linear-salesforce_custombg .custom-certified_container {
    border: 1px solid #A4A4A4;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 137px;
    border-radius: 8px
}

.linear-salesforce_custombg .infomative_titles {
    font-size: 28px;
    font-weight: 700;
    line-height: 40.88px;
    text-align: center;
    color: #00A1E0;
    margin-bottom: 5px
}

.linear-salesforce_custombg .infomative_paras {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: center;
    color: #1C1C1C
}

.linear-salesforce_custombg .custom_salesforce-gap {
    row-gap: 16px
}

section#data_flow_diagram .data-flow-inner-img .border-F3F3F3 {
    border: none
}

@media screen and (min-width: 1370px) {
    .custom-col-4 {
        width:28%;
        flex: 0 0 29%!important
    }
}

@media screen and (max-width: 765.8px) {
    .linear-salesforce_custombg {
        background:linear-gradient(180deg,#F6FBFF 0%,#E6EAEE 100%)!important;
        padding: 24px 0;
        margin-top: 10px;
        margin-bottom: 23px
    }

    .linear-salesforce_custombg .custom-certified_container {
        background-color: #fff
    }
}

@media screen and (max-width: 991.8px) {
    .line-custom {
        top:0
    }

    .testing-process_img {
        text-align: center
    }
}

@media screen and (max-width: 767.9px) {
    .sales-app-exchange img.img-fuild {
        width:165px;
        max-width: 100%
    }

    .sales-app-exchange a {
        width: 100%;
        max-width: 47%
    }

    .powerful-AI-integration {
        padding: 40px 0
    }

    .custom-font-genAi {
        font-size: 11px;
        padding-top: 5px
    }

    .Salesforce-newevent .sales-product-exp-card {
        max-width: 100%;
        min-height: 230px;
        background: #FFFC
    }

    .Revolutionize-whyuse .bg-transparent {
        justify-content: center;
        display: flex;
        gap: 14px
    }

    .Revolutionize-whyuse .bg-transparent a img.img-fluid {
        width: 133px
    }

    .Salesforce-newevent {
        padding: 0 22px
    }

    .Our-Booth-salesfroce-bg {
        background-image: url(/wp-content/uploads/2024/05/boot-section-bg-image.svg)
    }

    .Our-Booth-salesfroce {
        padding: 0 16px
    }

    .font-custom-20 {
        font-size: 20px!important
    }

    .Our-Booth-salesfroce-bg .salesfroce-bg-padding {
        padding: 32px 16px 6px
    }

    .Experience-Revolutionary {
        background-image: url(/wp-content/uploads/2024/05/cloud-mobile.svg);
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 236px;
        height: auto;
        padding-top: 67px!important;
        margin-top: 24px;
        background-position: unset
    }

    .Revolutionize-shadow {
        box-shadow: none!important
    }

    .revolution-strong,.revolution-light {
        font-size: 16px;
        font-weight: 500;
        line-height: 19.36px;
        text-align: left
    }

    section.innovation-partner.AI-Capabilities-Multi-Channel .container.Revolutionize-whyuse {
        padding-top: 0!important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        max-width: 100%
    }

    .testing-content {
        min-height: auto
    }

    .distributed-content-title {
        margin-bottom: 16px
    }

    .distribute-content_para {
        margin-bottom: 32px
    }

    .monitoring-tools-img img {
        position: relative;
        left: -30px
    }

    .testing-process {
        padding: 32px 0
    }

    .new-nifi-apache-developement.performance-testing-page section.service-faq-sec .mobile-odoo-services .ks-heading-outer {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 575.8px) {
    .date {
        justify-content:flex-start!important
    }

    .date-time_container {
        justify-content: flex-start!important
    }

    .custom-font-genAi {
        font-size: 9px;
        flex: 1;
        padding-top: 5px
    }

    .no-cost-title {
        text-align: center
    }

    .Revolutionize-title {
        font-size: 16px!important;
        text-align: center!important
    }

    .performance-testing_title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left;
        margin-bottom: 16px
    }

    .performance-testing_para {
        text-align: left
    }

    .performance-testing {
        padding: 32px 0
    }

    .testing-content_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        text-align: left
    }

    .testing-content-para {
        font-size: 13px
    }

    .testing-content_list {
        font-size: 13px
    }

    .testing-content_listitem {
        font-weight: 400
    }

    .distributed-testing {
        padding: 32px 0
    }

    .distributed-content-title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left
    }

    .versatility-performance {
        padding: 32px 0
    }

    .versatility-content_title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left;
        margin-bottom: 16px
    }

    .versatility-content_para {
        margin-bottom: 32px
    }

    .verstitlity-logo {
        margin-bottom: 32px
    }

    .monitoring-tools_content {
        padding: 32px 0
    }

    .monitoring-content_title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left;
        margin-bottom: 16px
    }

    .monitoring-content_para {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .monitoring-tools-img {
        margin-bottom: 32px
    }

    .testing-heading_title {
        font-size: 24px;
        line-height: 29.05px;
        text-align: left;
        margin-bottom: 16px
    }

    .testing-heading_para {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 32px
    }

    .testing-process_img {
        margin-bottom: 32px
    }

    .testing-content_para {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 375px) {
    .line-custom {
        top:-16px
    }

    .custom-font-genAi {
        font-size: 9px;
        flex: 1;
        padding-top: 5px
    }

    .banner-logo-area {
        justify-content: center!important
    }

    .sales-app-exchange a {
        width: 100%;
        max-width: 46%
    }

    .odoo-experience-main.new-odoo-page .banner-logo-area .odoo-partners {
        width: 46%;
        height: auto
    }
}

.footer-address-popup .offices-address.san_jose_address:after {
    left: 46px
}

#pride-club .pride-club-slider-one.owl-carousel .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

#pride-club .pride-club-slider-one .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

#pride-club .owl-carousel.pride-club-slider-one .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.apache-developement-service-tab .explore-more-text-link {
    justify-content: center
}

#pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-prev {
    position: absolute;
    left: -65px
}

#pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-next {
    position: absolute;
    right: -65px
}

#pride-club .owl-carousel.pride-club-slider-one .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

#pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-prev:hover,.owl-carousel.pride-club-slider-one .owl-nav button.owl-next:hover {
    background: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%
}

#pride-club .ks-core-nav {
    position: sticky;
    top: 129px
}

#pride-club .wrapper {
    max-width: 90vw
}

#pride-club .wrapper .pride-club-caraousel {
    white-space: nowrap;
    font-size: 0
}

#pride-club .pride-club-caraousel img {
    height: 356px;
    object-fit: cover;
    width: 300px
}

.pride-club-caraousel img:first-child {
    margin-left: 0
}

@media (max-width: 320px) {
    #pride-club .pride-club-caraousel img {
        margin-left:0
    }
}

#ks-careers .ks-core-nav {
    position: sticky;
    top: 148px
}

#ror-service-page.ks-ror-banner-section {
    background-image: url(/image/ror-banner.webp)!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    z-index: 1000
}

#pride-club .ks-pride-club-banner {
    background-image: url(/wp-content/uploads/2025/03/prideclub-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 640px;
    max-height: calc(100vh - 120px)
}

#pride-club .ks-pride-club-banner .ks-banner-heading {
    background: #ffffff03;
    padding: 0 24px;
    letter-spacing: -2px;
    border-radius: 16px;
    backdrop-filter: blur(4px);
    margin-top: -3rem
}

#pride-club .ks-nav-link {
    padding: 16px;
    background-color: #fff;
    border: none;
    color: #656565
}

#pride-club .ks-nav-link.active {
    background-color: #f4f4f4!important;
    border-right: 2px solid #cb2027;
    border-radius: 8px 0 0 8px;
    color: black!important;
    padding: 16px!important
}

#pride-club .ks-tab-icon {
    padding: 8px;
    border-radius: 4px
}

#pride-club .ks-nav-link.active .ks-tab-icon {
    background-color: #e9e9e9;
    padding: 8px;
    border-radius: 4px
}

#pride-club #ks-pills-tab {
    border-right: 2px solid #ebebeb
}

#pride-club .ks-pride-profile {
    margin-bottom: -10px;
    position: relative
}

#pride-club .ks-tooltip.ks-club-member-tooltip .ks-tooltiptext {
    border: none;
    background: rgb(255,255,255,.8);
    padding: 8px 32px;
    border-radius: 8px;
    color: rgba(116,116,118,1);
    font-size: 12px;
    left: -10%;
    bottom: 50%;
    margin-left: 0;
    width: auto;
    line-height: 14.52px
}

#pride-club .ks-tooltip.ks-club-member-tooltip .ks-tooltiptext:after {
    display: none
}

#pride-club .h-56 {
    min-height: auto;
    padding-bottom: 10px
}

#pride-club .pride-club-gallery {
    object-fit: cover;
    border-radius: 8px;
    width: 300px;
    height: 356px
}

@media (min-width: 1250px) {
    #pride-club .ks-tooltip.ks-club-member-tooltip .ks-tooltiptext {
        min-height:76px
    }
}

@media (max-width: 1024px) {
    #pride-club .ks-pride-club-banner {
        height:340px
    }
}

@media screen and (min-width: 375px) and (max-width:740px) and (orientation:landscape) {
    #pride-club #ks-rakesh-profile img {
        height:197px!important
    }
}

@media (max-width: 992px) {
    #pride-club .ks-tab-section #ks-pills-tab ul li {
        font-size:16px
    }

    #pride-club .ks-pride-profile {
        margin-bottom: -23px;
        position: relative
    }

    #pride-club #ks-rakesh-profile {
        margin-bottom: -10px
    }

    #pride-club #ks-rakesh-profile img {
        height: 186px
    }

    #pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-prev {
        position: absolute;
        left: -57px
    }

    #pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-next {
        position: absolute;
        right: -50px
    }
}

@media (max-width: 768px) {
    .footer-address-popup .offices-address:after {
        left:24px!important
    }

    .offices-address.pune-address {
        top: -217px
    }

    .offices-address.indore-address {
        top: -167px
    }

    .footer-address-popup .offices-address {
        width: 260px
    }

    .offices-address.noida-address {
        top: -255px
    }
}

@media (max-width: 767px) {
    .footer-address-popup {
        position:relative;
        z-index: 9999
    }

    .offices-address.noida-address {
        top: -259px
    }

    .offices-address.pune-address {
        top: -251px
    }

    .offices-address.indore-address {
        top: -192px
    }

    .offices-address.ahmedabad-address {
        top: -197px
    }

    .offices-address.cities_two.san_jose_address {
        top: -145px
    }

    .footer-address-popup {
        width: auto
    }

    .footer-address-popup .offices-address:after {
        left: 24px!important
    }

    .footer-address-popup .offices-address {
        border: 1px solid #dee2e6;
        border-radius: 6px;
        width: 247px;
        margin: 0 auto;
        position: absolute;
        left: -64px;
        right: 0;
        background: #fff
    }

    #pride-club .ks-tooltip:hover .ks-tooltiptext {
        visibility: visible!important
    }

    #pride-club .ks-nav-link {
        white-space: nowrap
    }

    #pride-club .ks-tab-pane {
        display: flex;
        flex-wrap: wrap
    }

    #pride-club .ks-pride-profile {
        margin-bottom: -11px;
        position: relative
    }
}

@media (max-width: 730px) {
    .footer-address-popup .offices-address:after {
        left:auto!important
    }
}

@media (max-width: 568px) {
    #pride-club .ks-pride-club-banner {
        height:132px
    }

    #pride-club .ks-pride-club-banner .ks-banner-heading {
        font-size: 32px;
        backdrop-filter: none;
        margin-top: 0
    }

    #pride-club .ks-pride-club-member .font-40 {
        font-size: 30px;
        line-height: normal
    }

    #pride-club .ks-nav-link.active {
        border-right: none;
        border-bottom: 2px solid #cb2027;
        border-radius: 8px 8px 0 0
    }

    #pride-club .ks-tab-pane .h-56 {
        min-height: fit-content
    }

    #pride-club .font-40 {
        font-size: 24px!important
    }

    #pride-club .ks-pride-profile img {
        max-width: 100%;
        object-fit: contain;
        height: revert-layer
    }

    #pride-club #ks-rakesh-profile img {
        height: 197px
    }
}

@media (max-width: 768px) {
    #pride-club .ks-pride-profile img {
        max-width:100%;
        object-fit: contain;
        height: revert-layer
    }

    #pride-club .pride-club-gallery {
        object-fit: cover;
        border-radius: 8px;
        width: 300px;
        height: 356px;
        margin: 0 auto
    }

    #pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-prev {
        position: absolute;
        left: -19px
    }

    #pride-club .owl-carousel.pride-club-slider-one .owl-nav button.owl-next {
        position: absolute;
        right: -16px
    }

    #pride-club .pride-club-slider-one.owl-carousel .owl-nav button span {
        font-size: 30px
    }
}

@media (max-width: 320px) {
    #pride-club .ks-pride-profile {
        margin-bottom:-35px;
        position: relative
    }

    #pride-club #ks-rakesh-profile {
        margin-bottom: -10px
    }

    #pride-club #ks-rakesh-profile img {
        height: 174px
    }
}

@media (min-width: 769px) {
    #ks-careers .header-bg.header-sticky:not(.header-dark) {
        background:0 0!important
    }
}

#ks-careers .ks-carrer-banner h1 {
    line-height: 44px;
    padding: 62px 0;
    letter-spacing: -.02em
}

#ks-careers .container-padding-space {
    padding: 30px 20px!important
}

@media screen and (min-width: 991px) {
    #ks-careers .container-padding-space {
        padding:50px 35px!important
    }
}

@media screen and (min-width: 1200px) {
    #ks-careers .container-padding-space {
        padding:60px 90px!important
    }
}

@media screen and (max-width: 991px) {
    #ks-careers .ks-carrer-banner h1 {
        line-height:32px;
        font-size: 26px!important;
        font-weight: 600!important
    }

    #ks-careers .ks-carrer-content-table h6 {
        line-height: 34px!important;
        font-size: 26px!important
    }
}

@media screen and (max-width: 768px) {
    #ks-careers .ks-carrer-banner h1 {
        line-height:32px;
        font-size: 26px!important;
        font-weight: 500!important
    }

    #pride-club .ks-pride-galleries {
        margin-right: 15px;
        width: 100%!important;
        height: 100%!important
    }
}

#ks-careers .form-group .btn {
    background-color: #113c63!important;
    border: 1px solid #113c63!important;
    border-radius: 4px;
    line-height: 22px
}

#ks-careers .card-header .title {
    font-size: 17px;
    color: #000
}

#ks-careers .card-header {
    cursor: pointer;
    border-bottom: none
}

#ks-careers .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #cb202d!important;
    border-left: 2px solid #cb202d
}

#ks-careers .nav-pills .nav-link {
    position: relative
}

#ks-careers .nav-pills .nav-link.active {
    position: relative;
    color: #cb202d!important
}

#ks-careers .nav-pills .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 5px;
    border-radius: 2px;
    height: 100%;
    z-index: -1
}

#ks-careers .card {
    border: 1px solid #ddd
}

#ks-careers .card-body {
    border-top: 1px solid #ddd
}

#ks-careers .card-header {
    padding: 12px 24px;
    margin-bottom: 0;
    background-color: #fff;
    outline: none
}

#ks-careers .card-body {
    border-top: 1px solid transparent
}

#ks-careers .card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

@media screen and (max-width: 991px) {
    #ks-careers .card .w-75 {
        width:100%!important
    }
}

#ks-careers .accordion .card {
    border: 1px solid #e8e7e7;
    border-radius: 4px
}

#ks-careers .card-header p img {
    margin-bottom: 4px
}

#ks-careers .ks-time-display img {
    margin-bottom: 4px;
    margin-left: 4px
}

#ks-careers .ks-btn-primary-outline {
    color: #e6606b!important;
    border: 1px solid #e6606b!important;
    border-radius: 4px!important;
    background: transparent
}

#ks-careers .ks-btn-primary-outline:hover {
    background: #f7cace!important;
    color: #de2b3a!important
}

#ks-careers .ks-join .ks-content-box {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    border-radius: 16px
}

#ks-careers .ks-join h6 {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #f3f3f3
}

#ks-careers .ks-join p {
    line-height: 28px;
    color: #fff
}

#ks-careers .ks-join a {
    background: #113c63;
    border-radius: 4px;
    text-decoration: none;
    padding: 16px 32px
}

#ks-careers .career-form .label-text {
    line-height: 21px;
    color: #34353a;
    font-weight: 600!important;
    margin-bottom: .5rem
}

#ks-careers img {
    object-fit: initial
}

#ks-careers .career-form .form-control {
    line-height: 21px;
    color: #848484;
    height: 53px;
    border: 1px solid #e8e7e7;
    border-radius: 4px
}

#ks-careers .career-form .form-control {
    line-height: 28px;
    color: #34353a
}

#ks-careers .file-input input[type="&quot"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 162px;
    height: 43px
}

#ks-careers .file-input .input-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 14px;
    height: 43px;
    min-width: 210px;
    max-width: 210px;
    color: #de2b3a;
    background-color: #fff;
    border: 1px solid #de2b3a!important;
    border-radius: 4px;
    cursor: pointer
}

#ks-careers .text-file-cursor {
    cursor: pointer
}

#ks-careers .ks-form-img img {
    height: fit-content;
    border-radius: 16px
}

@media screen and (max-width: 575px) {
    #ks-careers .ks-carrer-content-table .card .card-header {
        flex-direction:column;
        margin-top: 10px
    }

    #salesforce-professional-services .case-study {
        font-weight: 700!important;
        font-size: 28px;
        padding-bottom: 1.5rem!important
    }

    #salesforce-marketing-cloud .case-study {
        font-weight: 700!important;
        font-size: 28px;
        padding-bottom: 1.5rem!important
    }

    #ks-careers .ks-carrer-content-table .card .d-flex.align-items-baseline {
        margin-top: 10px;
        width: 100%
    }
}

@media screen and (min-width: 576px) and (max-width:768px) {
    #ks-careers .ks-carrer-content-table .card .d-flex.align-items-baseline {
        flex-direction:column
    }
}

@media screen and (max-width: 768px) {
    #ks-careers .ks-join h6 {
        line-height:30px;
        letter-spacing: -.02em;
        color: #f3f3f3;
        font-size: 30px
    }

    #ks-careers .mb-3.font-20.f-w-500 {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 24px!important
    }

    #salesforce-professional-services .case-study {
        font-weight: 700!important;
        font-size: 48px!important;
        padding-bottom: 1.5rem!important
    }

    #ks-careers .file-input .input-label {
        min-width: 100%!important
    }

    #ks-careers .max-md-285 {
        max-width: 100%
    }
}

#ks-careers .ks-carrer-content-table .ks-pointer-links {
    text-decoration: none!important;
    color: #212529!important
}

#ks-careers .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

#ks-careers .label-text {
    line-height: 21px;
    color: #34353a;
    font-weight: 600
}

#ks-careers .card-header:first-child {
    border-radius: 10px
}

#ks-careers .job-btn-1 {
    right: 175px;
    position: absolute;
    top: 12px
}

#ks-careers .job-btn-2 {
    position: absolute;
    right: 24px;
    top: 12px
}

#ks-careers .card-header .max-md-285 {
    gap: 24px
}

@media screen and (max-width: 992px) {
    #ks-careers .job-btn-1 {
        padding:10px;
        position: relative!important;
        right: auto!important;
        left: auto!important;
        top: auto!important;
        bottom: auto;
        margin: 0!important;
        margin-top: 8px!important;
        margin-bottom: 6px!important;
        font-size: 14px!important;
        justify-content: center;
        min-height: auto!important
    }

    #ks-careers .job-btn-2 {
        padding: 10px;
        position: relative!important;
        right: auto!important;
        left: auto!important;
        top: auto!important;
        bottom: auto;
        margin: 0!important;
        margin-top: 0px!important;
        margin-bottom: 6px!important;
        font-size: 14px!important;
        justify-content: center;
        min-height: auto!important
    }

    #ks-careers .file-input input[type="&quot"] {
        width: 100%
    }
}

#ks-careers .error {
    color: #113c63
}

#ks-careers .ks-carrer-banner {
    background-image: url(/image/career-bg-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 78px 0;
    background-position: top center
}

#ks-careers .ks-carrer-banner .ks-banner-img h1 {
    line-height: 60px;
    letter-spacing: -.02em;
    color: #f3f3f3
}

@media screen and (max-width: 768px) {
    #ks-careers .ks-carrer-banner .ks-banner-img h1 {
        line-height:45px;
        font-size: 35px
    }
}

#ks-careers .ks-carrer-banner .ks-banner-img p {
    line-height: 28px
}

#ks-careers .ks-carrer-banner .ks-banner-img a {
    background-color: #113c63;
    border-radius: 4px;
    padding: 16px 32px;
    text-decoration: none
}

#ks-careers .life-at-ksolves {
    margin-top: -85px;
    border-radius: 16px
}

#ks-careers .life-at-ksolves .ks-content h6 {
    line-height: 28px;
    letter-spacing: .08em;
    color: #e6606b
}

#ks-careers .our-core .ks-ilatic-text {
    font-style: italic;
    line-height: 28px;
    color: #34353a
}

#ks-careers .our-core .ks-head {
    line-height: 60px;
    letter-spacing: -.02em;
    color: #28292e
}

#ks-careers .our-core .ks-subhead {
    line-height: 28px;
    color: #3f3f41
}

#ks-careers .our-core .ks-tab-section .ks-tab-content-area {
    width: 100%;
    height: 100%;
    min-height: 540px;
    padding: 40px;
    border-radius: 16px
}

#ks-careers .ks-hard-word {
    background-color: #eee6ff
}

#ks-careers .ks-team-work {
    background-color: #fff2e6
}

#ks-careers .ks-sustainability {
    background-color: #e6e6ff
}

#ks-careers .ks-Belonging {
    background-color: #fff9e6
}

#ks-careers .ks-growth .logo-box {
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
    height: 154px
}

#ks-careers .ks-tab-section .ks-head-text {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #34353a
}

#ks-careers .ks-tab-section .ks-para-text {
    line-height: 21px;
    color: #4e4e50
}

#ks-careers .nav-pills .nav-link {
    border-left: 2px solid #fff;
    background-color: white!important;
    border-radius: 0!important;
    padding: 0 16px!important;
    color: #4e4e50!important;
    line-height: 28px
}

#ks-careers .nav-link {
    color: #cb202d!important;
    border-left: 2px solid #cb202d
}

#ks-careers .ks-num-line {
    line-height: 28px;
    color: #28292e;
    margin-bottom: 40px
}

#ks-careers .ks-num-line .ks-num {
    line-height: 28px;
    color: #cb202d
}

#ks-careers .ks-growth-ec {
    font-weight: 600;
    font-size: 20px;
    color: #cb202d;
    background: #f3f3f3;
    opacity: .9;
    border: 1px solid #e8e7e7;
    border-radius: 40px;
    padding: 5px 12px;
    position: absolute;
    right: 41%;
    top: 39%
}

@media screen and (max-width: 768px) {
    #ks-careers .ks-growth-ec {
        font-weight:500;
        font-size: 14px;
        padding: 5px
    }

    #ks-careers .our-core .ks-tab-section .ks-tab-content-area {
        height: auto
    }

    #ks-careers .ks-carrer-banner {
        padding: 40px 0
    }

    #ks-careers .ks-carrer-banner .ks-banner-img p {
        font-size: 16px;
        line-height: inherit
    }
}

@media screen and (min-width: 991px) {
    #ks-careers .col-lg-4.ks-spacing {
        flex:0 0 37.5%;
        max-width: 37.5%
    }
}

#ks-careers .ks-fullblack-box {
    padding-top: 50px;
    padding-bottom: 60px;
    background-image: url(/wp-content/uploads/2024/02/banner-fun-at-work-scaled.webp)
}

@media screen and (max-width: 575px) {
    #ks-careers .ks-fullblack-box {
        padding-top:50px;
        padding-bottom: 30px
    }

    #ks-careers .card-header .max-md-285 {
        gap: 16px 24px
    }

    #ks-careers .job-btn-2 {
        margin-top: 6px!important;
        margin-bottom: 6px!important
    }
}

#ks-careers .ks-dark-bg {
    background-color: #1e1c1c;
    border-radius: 16px
}

#ks-careers .ks-adark-bg h6 {
    line-height: 28px
}

#ks-careers .ks-dark-bg p {
    line-height: 21px;
    color: #b0b0b0
}

#ks-careers .ks-dark-bg .video-border {
    border-radius: 8px
}

#ks-careers .ks-col-smokewhite {
    color: #e8e7e7
}

#ks-careers .ks-fun-text h5 {
    line-height: 44px;
    letter-spacing: -.02em
}

#ks-careers .ks-fun-text h6 {
    line-height: 28px
}

@media (min-width: 1600px) {
    #ks-careers .container {
        max-width:1350px
    }
}

#ks-careers .errors {
    color: red
}

#ks-careers button[disabled] {
    opacity: .6;
    pointer-events: none
}

#ks-careers .img-fluid {
    max-width: 100%;
    height: auto
}

#ks-careers .ks-form-outer .form-unit:focus-within label {
    padding: 0 5px!important
}

@media screen and (max-width: 575px) {
    #ks-careers .file-input .input-label {
        min-width:max-content
    }
}

#ks-careers .br-8 {
    border-radius: 8px
}

@media screen and (max-width: 400px) {
    #ks-careers .ks-content-box .g-recaptcha {
        margin:0 0 0 0;
        width: 100%;
        transform: scale(.8);
        transform-origin: 0 0
    }
}

@media screen and (max-width: 1050px) {
    #ks-careers .container {
        max-width:100%
    }
}

@media screen and (max-width: 992px) {
    #ks-careers .ks-carrer-content-table .card .card-header {
        flex-direction:column;
        margin-top: 10px
    }

    #ks-careers .ks-carrer-content-table .card .d-flex.align-items-baseline {
        flex-direction: row
    }
}

#ks-careers details>summary {
    list-style-type: none
}

#ks-careers details>summary::-webkit-details-marker {
    display: none
}

#magento-development-services .ks-know-more-btn {
    background-color: transparent!important;
    letter-spacing: .03em;
    border: 1px solid #fff;
    color: #fff
}

#magento-development-services .ks-know-more-btn:hover {
    background-color: #fff!important
}

#magento-development-services .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

#magento-development-services .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

#magento-development-services .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

#magento-development-services .ks-carousel-btn-design .carousel-control-next,.ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

#magento-development-services .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

#magento-development-services .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

#magento-development-services .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

#magento-development-services .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

#magento-development-services .investors-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

#magento-development-services .investors-card:hover .service-arrow-icon {
    transform: translateX(5px)
}

#magento-development-services .stock-up:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: green;
    position: relative;
    top: -13px;
    margin-left: 20px;
    margin-right: 5px
}

#magento-development-services .partner-card:hover+.partner-card-hover {
    opacity: .3;
    filter: blur(50px);
    left: 40px
}

#magento-development-services .ks-owl-btn .owl-nav span {
    display: none
}

#magento-development-services .ks-know-more-btn:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease
}

#magento-development-services .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

#magento-development-services .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

#magento-development-services .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

#magento-development-services .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

#magento-development-services .ks-contact-sec label.error {
    display: block
}

#magento-development-services .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

#magento-development-services .ks-contact-sec #email-error+label.d-block,.ks-contact-sec #message-error+label.d-block,.ks-contact-sec .ks-input:focus+label.d-block,.ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

#magento-development-services .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

#magento-development-services .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-55px)
}

#magento-development-services .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

#magento-development-services .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

#magento-development-services .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

#magento-development-services .ks-video-modal .video-card,.ks-video-modal iframe {
    height: 100%;
    border: none
}

@media (max-width: 768px) {
    #magento-development-services .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right:0
    }
}

@media (max-width: 575px) {
    #magento-development-services .ks-hero-data-outer {
        margin:0
    }

    #magento-development-services .ks-contact-sec .font-45 {
        font-size: 36px
    }

    #magento-development-services .ks-career-sec-inner,.ks-carousel-item-inner,.ks-hero-bg .py-75,.ks-partner-sec {
        padding: 40px 15px
    }

    #magento-development-services .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    #magento-development-services .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    #magento-development-services .ks-service-box-inner {
        width: auto
    }

    #magento-development-services .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    #magento-development-services .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

#magento-development-services .cv-card,.cv-card .font-24,.cv-card-data {
    transition: 0.3s ease-in-out
}

#magento-development-services .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

#magento-development-services .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

#magento-development-services .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

#magento-development-services .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

#magento-development-services .ms-card h3 {
    color: #ffb93e
}

#magento-development-services .ms-card-outer::after,.ms-card-outer::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px
}

#magento-development-services .ms-card-outer::after {
    border-radius: 50%;
    background-color: #f98992;
    top: -8px;
    left: -8px
}

#magento-development-services .ms-card-outer::before {
    background-color: #ffb93e;
    clip-path: polygon(100% 50%,0 0,0 100%);
    bottom: -10px;
    left: -8px;
    height: 19px
}

#magento-development-services .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

#magento-development-services .ks-owl-btn .owl-nav button.owl-next,.ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

#magento-development-services .btn-primary {
    color: #fff;
    background-color: #e32235;
    border-color: #e32235
}

#magento-development-services .btn-primary:hover {
    color: #e32235;
    border-color: #e32235
}

#magento-development-services .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

#magento-development-services .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

#magento-development-services .element.text-primary.ms-3 span {
    color: #fff!important
}

#magento-development-services .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    #magento-development-services .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }

    #magento-development-services .ms-card-outer-2:before {
        bottom: auto;
        top: -8px
    }

    #magento-development-services .ms-card-outer-2:after {
        top: auto;
        bottom: -8px
    }

    #magento-development-services .ms-card-outer-2.ms-2020 .ms-card:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 24px;
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        right: -10px;
        top: -12px
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    #magento-development-services .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    #magento-development-services .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }

    #magento-development-services .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    #magento-development-services .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    #magento-development-services .ms-card h3 {
        order:-1
    }

    #magento-development-services .ms-card p {
        max-width: 100%!important
    }

    #magento-development-services .ms-card-outer::before {
        display: none
    }

    #magento-development-services .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    #magento-development-services .ks-bottom-decorator::after {
        bottom:-8px
    }

    #magento-development-services .ks-hero-data:after {
        display: none
    }

    #magento-development-services .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #magento-development-services .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

#magento-development-services .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

#magento-development-services .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    #magento-development-services .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

#magento-development-services .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

@media (max-width: 768px) {
    #magento-development-services .popup-header .font-36,.popup-main-text {
        font-size:24px
    }
}

#magento-development-services .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

#magento-development-services .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: 0.3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

#magento-development-services .kafka-tabs .nav-link.active::after {
    transform: scaleY(1)
}

#magento-development-services .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

#magento-development-services .kafka-page-form .btn-primary {
    width: 100%
}

#magento-development-services .kafka-page-form .ks-input,.kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

#magento-development-services .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

#magento-development-services .kafka-page-form label:not(.error) {
    display: inline-block!important
}

#magento-development-services .kafka-page-form label.error {
    width: 100%
}

#magento-development-services .wk-box .font-14 {
    color: #000
}

#magento-development-services .scroll-setter {
    position: absolute;
    margin-top: -120px
}

#magento-development-services .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

#magento-development-services .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

#magento-development-services .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

#magento-development-services .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

#magento-development-services .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

#magento-development-services .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#magento-development-services .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

#magento-development-services .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 575px) {
    #magento-development-services .benfits-sec .py-75,.bg-contact .py-100,.service-faq-sec .py-100,.solutions-sec .py-100,.wk-sec .py-100 {
        padding:40px 20px
    }
}

#magento-development-services .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#magento-development-services .services-description ul li {
    position: relative;
    padding-left: 20px
}

#magento-development-services .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: "";
    top: 11px;
    left: 0;
    border-radius: 6px
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

#magento-development-services .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

#magento-development-services .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

#magento-development-services .insights-link a:hover {
    font-weight: 700
}

#magento-development-services .salesforce-item:first-child {
    margin-top: 0
}

#magento-development-services .salesforce-item:last-child {
    margin-bottom: 0
}

#magento-development-services .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

#magento-development-services .salesforce-form-input:focus {
    outline: 0
}

#magento-development-services .salesforce-form-submit:focus {
    outline: 0
}

#magento-development-services .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: 0.8s
}

#magento-development-services .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: 0.9s
}

#magento-development-services .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

#magento-development-services .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

#magento-development-services .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

#magento-development-services .salesforce-contact-us #email-error+label.d-block,.salesforce-contact-us .ks-input:focus+label.d-block,.salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

#magento-development-services .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

#magento-development-services .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

#magento-development-services .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

#magento-development-services .py-spacing {
    padding: 110px 0 75px
}

#magento-development-services .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

#magento-development-services .ks-service-box-title h3 {
    margin-left: 30px
}

#magento-development-services .news-home-box,.stock-investors-box {
    padding-bottom: 32px
}

#magento-development-services .investors-box-more img {
    margin-left: 8px
}

#magento-development-services .investors-box-more img {
    margin-left: 8px
}

#magento-development-services .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

#magento-development-services .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    color: #343434
}

#magento-development-services .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

#magento-development-services .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

#magento-development-services .investors-box-text ul li {
    margin-bottom: 29px
}

#magento-development-services .investors-box-icon img {
    object-fit: contain
}

#magento-development-services .news-home-item p {
    margin-bottom: 15px
}

#magento-development-services .investors-box-more:hover {
    color: #e33e35
}

#magento-development-services .investors-box-more:hover img {
    margin-left: 12px
}

#magento-development-services .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

#magento-development-services .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

#magento-development-services .player__container .overlay {
    height: 100%;
    width: 100%;
    display: block;
    z-index: 1;
    position: absolute;
    background-color: rgba(4,61,77,.6);
    background-repeat: repeat
}

#magento-development-services .player__container iframe,.player__container embed,.player__container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99
}

#magento-development-services .salesforce-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#magento-development-services .success-story-box p {
    text-align: center;
    letter-spacing: .02em;
    color: #565758;
    margin-bottom: 30px;
    line-height: 26px;
    margin-top: 40px
}

#magento-development-services .success-story-box .control-prev,.success-story-box .control-next {
    margin: 0 15px
}

.request-call-back button {
    width: 100%
}

#magento-development-services .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    z-index: 1;
    position: relative
}

#magento-development-services .text-dark.heading-text {
    color: #404040!important
}

#magento-development-services .spotlight-item-list ul {
    padding: 0;
    margin-left: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: .02em;
    color: #6f7072
}

#magento-development-services .spotlight-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#magento-development-services .spotlight-item-link a svg {
    margin-left: 10px
}

#magento-development-services .solutions-col img {
    object-fit: contain
}

#magento-development-services .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

#magento-development-services .insights-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#magento-development-services .insights-item-link a svg {
    margin-left: 10px
}

#magento-development-services .contact-info-item svg {
    margin-top: 3px
}

#magento-development-services .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11bafc;
    border-color: #11bafc
}

#magento-development-services .nav-link.btn-primary {
    display: flex;
    align-items: center
}

#magento-development-services .our-new-client .col-md-4 {
    max-width: 125px
}

#magento-development-services .our-new-client .col-md-4 svg {
    height: 35px
}

#magento-development-services .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media (max-width: 767px) {
    #magento-development-services .ks-who-cont-box .col-lg-4.col-6 {
        padding-left:8px;
        padding-right: 8px
    }

    #magento-development-services .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    #magento-development-services .success-story-box,.request-call-back,.ks-who-sec-inner {
        border-radius: 10px
    }

    #magento-development-services .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    #magento-development-services .ks-insights,.ks-meet {
        padding: 35px 0
    }

    #magento-development-services .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    #magento-development-services .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    #magento-development-services .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }
}

@media (max-width: 557px) {
    #magento-development-services #contactForm4 .btn-primary {
        width:100%
    }

    #magento-development-services .ks-discuss {
        padding: 35px 0
    }

    #magento-development-services .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    #magento-development-services .success-story-box p {
        margin-top: 16px
    }

    #magento-development-services .solutions-col img {
        height: 35px
    }

    #magento-development-services .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

#magento-development-services .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

#magento-development-services .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

#magento-development-services .ks-offering .spotlight-item-image svg {
    display: block
}

#magento-development-services .ks-bottom-form .ks-input {
    height: 56px
}

#magento-development-services .ks-bottom-form .ks-contact-sec label.d-block {
    transform: translateY(-40px)
}

#magento-development-services .ks-bottom-form .ks-contact-sec #email-error+label.d-block,.ks-bottom-form .ks-contact-sec #message-error+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input:focus+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    transform: translateY(-65px)
}

#magento-development-services .ks-bottom-form .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-95px)
}

#magento-development-services .ks-bottom-form .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-65px)
}

#magento-development-services .ks-bottom-form .ks-input-textarea-small {
    height: 85px
}

#magento-development-services .ks-bottom-form .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-85px)
}

#magento-development-services .ks-bottom-form .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-105px)
}

#magento-development-services .ks-right-alignment {
    right: 0
}

#magento-development-services .ks-left-alignment {
    left: 0
}

#magento-development-services .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

#magento-development-services .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

#magento-development-services .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

#magento-development-services .ks-background-pink1 {
    background-color: #fde8de
}

#magento-development-services .ks-background-pink2 {
    background-color: #fff0d3
}

#magento-development-services .ks-background-blue1 {
    background-color: #dee7fd
}

#magento-development-services .ks-background-blue2 {
    background-color: #cce3ff
}

#magento-development-services .ks-background-blue3 {
    background-color: #e1e2ff
}

#magento-development-services .ks-background-blue4 {
    background-color: #e5e5fb
}

#magento-development-services .ks-background-lightblue {
    background-color: #daf8ff
}

#magento-development-services .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

#magento-development-services .ks-letter-spacing {
    letter-spacing: .02em
}

#magento-development-services .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

#magento-development-services .ks-marketing-banner {
    background-image: url(/image/banner-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#magento-development-services .ks-marketing-banner .banner-header {
    color: #f26322;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2
}

#magento-development-services .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

#magento-development-services .img-border-orange {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 68px;
    height: 34px;
    border: 4px solid #f26322;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#magento-development-services .img-border-orange img {
    height: 60px;
    width: 60px
}

#magento-development-services .text-red {
    color: #e33636
}

#magento-development-services .text-orange {
    color: #f26322
}

#magento-development-services .tex-light-blue {
    color: #c8effe
}

#magento-development-services .bg-red {
    background-color: #e33636!important
}

#magento-development-services .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

#magento-development-services .border-r-10 {
    border-radius: 10px!important
}

#magento-development-services .border-none {
    border: none
}

#magento-development-services .box-shadow-none {
    box-shadow: none!important
}

#magento-development-services .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

#magento-development-services .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg-2.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#magento-development-services .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

#magento-development-services .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#magento-development-services .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#magento-development-services .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

#magento-development-services .ks-process.ks-our-process-panel {
    padding-top: 80px!important;
    padding-bottom: 40px!important
}

#magento-development-services .py-68 {
    padding: 68px 0
}

#magento-development-services .py-132 {
    padding: 132px 0
}

#magento-development-services .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

#magento-development-services .ks-marketing-faq .text-investors {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

#magento-development-services .ks-marketing-faq {
    background-color: #f6f6f9
}

#magento-development-services .ks-marketing-faq .card-body,.ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

#magento-development-services .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

#magento-development-services .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

#magento-development-services .ks-marketing-faq .card {
    border-bottom: 1px solid #ededef;
    margin-bottom: 1rem
}

#magento-development-services .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

#magento-development-services .ks-marketing-faq .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#magento-development-services .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

#magento-development-services .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

#magento-development-services .ks-expert-card-details {
    margin-bottom: 4rem
}

#magento-development-services .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

#magento-development-services .ks-line-height-19 {
    line-height: 19px
}

#magento-development-services .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

#magento-development-services .ks-marketing-team {
    background-color: #f6f6f9
}

#magento-development-services .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

#magento-development-services .ks-color-dark-light {
    color: #262626
}

#magento-development-services .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

#magento-development-services .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

#magento-development-services .py-20 {
    padding: 20px 0
}

#magento-development-services .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

#magento-development-services .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#magento-development-services .ks-see-more:after {
    content: "";
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/marketing/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

#magento-development-services .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

#magento-development-services .ks-deliver-results h2,.ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#magento-development-services .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

#magento-development-services .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

#magento-development-services .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

#magento-development-services .ks-deliver-result-heading span {
    color: #f26322;
    text-transform: uppercase;
    line-height: 1
}

#magento-development-services .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce
}

#magento-development-services .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

#magento-development-services .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

#magento-development-services .ks-contact-modal .modal-dialog {
    max-width: 731px
}

#magento-development-services .ks-contact-modal .modal-content {
    background: #f8f8f8;
    border-radius: 20px
}

#magento-development-services .ks-contact-modal .modal-header {
    border: none;
    padding-bottom: 10px
}

#magento-development-services .ks-contact-modal .modal-header .close {
    padding: .5rem .8rem;
    font-weight: 500;
    outline: none
}

#magento-development-services .ks-contact-modal .ks-discuss-bg h5.ks-contact-head-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #4b4b4b;
    margin-bottom: 30px;
    margin-top: 10px
}

#magento-development-services .ks-contact-modal .contact-info-header-title .icon-area {
    width: 30px;
    margin-right: 6px
}

#magento-development-services .ks-contact-modal .contact-info-header-title .icon-area img {
    vertical-align: inherit
}

#magento-development-services .ks-contact-modal .contact-info-header-title a {
    font-weight: 500;
    font-size: 16px;
    line-height: 170.5%;
    letter-spacing: .02em;
    color: #4b4b4b
}

#magento-development-services .ks-contact-modal .ks-discuss-bg {
    margin: 0!important;
    padding: 30px;
    background-image: none;
    padding-top: 0;
    padding-bottom: 0
}

#magento-development-services .ks-contact-mail-div .ks-mail-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #4b4b4b
}

#magento-development-services .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded {
    background: #dc2230!important;
    border-color: #dc2230!important;
    border-radius: 5px!important;
    height: 48px
}

#magento-development-services .ks-marketing-benefits {
    padding-bottom: 35px!important
}

#magento-development-services .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

#magento-development-services .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

#magento-development-services .red-hat,.top-crm-consulting,.force-talk,.expertise-img {
    display: none!important
}

#magento-development-services .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

#magento-development-services .slds-story img {
    object-fit: contain;
    object-position: top
}

#magento-development-services #accordion {
    max-width: 950px;
    margin: auto
}

#magento-development-services .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

#magento-development-services .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#magento-development-services .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

#magento-development-services .ks-section-marketing {
    background-size: cover
}

#magento-development-services .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

#magento-development-services .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

#magento-development-services .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    #magento-development-services main .container {
        max-width:1200px
    }

    #magento-development-services .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    #magento-development-services .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    #magento-development-services .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    #magento-development-services .ks-sl-prodict-card {
        text-align:center
    }

    #magento-development-services .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    #magento-development-services .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    #magento-development-services .cmmi-sec img {
        height:70px!important
    }

    #magento-development-services .ks-see-more {
        margin-top: 1rem
    }

    #magento-development-services .ks-marketing-banner {
        padding-top: 40px
    }

    #magento-development-services .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    #magento-development-services .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    #magento-development-services .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    #magento-development-services .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    #magento-development-services .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    #magento-development-services .ks-marketing-banner .font-45,.ks-market-grow-business .font-45,.ks-marketing-faq .font-45,.ks-marketing-page-who-ksolves .font-40,.ks-section-marketing .font-36,.ks-ksolves-experts .font-36,.ks-looking-for-section .font-36,.ks-marketing-benefits .font-36,.ks-deliver-results h2,.ks-marketing-team h2,.ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    #magento-development-services .ks-banner-counter .font-50 {
        font-size: 22px
    }

    #magento-development-services .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    #magento-development-services .ks-buttons button,.ks-buttons a {
        font-size: 1rem!important;
        justify-content: center
    }

    #magento-development-services .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    #magento-development-services .ks-marketing-benefits {
        padding-top: 0px!important
    }

    #magento-development-services .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    #magento-development-services .py-68 {
        padding: 40px 0
    }

    #magento-development-services .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #magento-development-services .ks-process.ks-our-process-panel {
        padding-top: 40px!important;
        padding-bottom: 0!important
    }

    #magento-development-services .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    #magento-development-services .solutions-col img {
        height: 100%
    }

    #magento-development-services .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    #magento-development-services .py-132 {
        padding: 50px 0
    }

    #magento-development-services #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    #magento-development-services #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    #magento-development-services #ks-contactModal .ks-marketing-contact-info-area,#ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    #magento-development-services .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    #magento-development-services .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    #magento-development-services .banner-header-text,.ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

#magento-development-services .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.btn-primary.ks-btn-red:hover,.btn-primary.ks-btn-red:active,.btn-primary.ks-btn-red:focus,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11bafc!important;
    border-color: #11bafc!important;
    transition: all 0.2s ease-in-out;
    color: #fff!important
}

#magento-development-services .ks-ksolves-experts .ks-sl-prodict-card {
    border-color: #f26322
}

#magento-development-services .ks-reason-sec .reason-box-image img {
    min-width: 90px;
    width: 90px;
    height: 90px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#magento-development-services .ks-know-more-btn:hover {
    border-color: #fff!important
}

#magento-development-services .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

#magento-development-services .img-fluid {
    max-width: 100%;
    height: auto
}

#magento-development-services .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

#magento-development-services .ks-left-alignment {
    left: 0
}

#magento-development-services .ks-right-alignment {
    right: 0
}

#magento-development-services .text-left {
    text-align: left
}

#ror-service-page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#ror-service-page .java-service-icon {
    display: flex;
    align-items: center
}

#ror-service-page .col-4 {
    align-items: center
}

#ror-service-page .java-service-icon img {
    width: 100%;
    height: auto;
    object-fit: cover
}

#ror-service-page .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

#ror-service-page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px
}

#ror-service-page .ks-check-icon:before {
    content: "\27"!important;
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

#ror-service-page .list-style-none {
    list-style: none
}

#ror-service-page .fit-cover {
    object-fit: cover
}

#ror-service-page .ks-sections,.ks-tabs {
    margin-right: 100px
}

#ror-service-page .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

#ror-service-page .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#ror-service-page .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

#ror-service-page .hight-lights-sec .side-img {
    position: static;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#ror-service-page .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

#ror-service-page .high-light-images {
    max-width: 350px
}

@media (max-width: 1050px) {
    #ror-service-page .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    #ror-service-page .ks-tabs {
        display:none
    }

    #ror-service-page .high-light-images,.ks-sections {
        display: contents
    }

    #ror-service-page .high-lights-outer {
        flex-wrap: wrap
    }

    #ror-service-page .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    #ror-service-page .hight-lights-sec img.side-img1 {
        order: 2
    }

    #ror-service-page .hight-lights-sec img.side-img2 {
        order: 4
    }

    #ror-service-page .hight-lights-sec img.side-img3 {
        order: 6
    }

    #ror-service-page .hight-lights-sec img.side-img4 {
        order: 8
    }

    #ror-service-page .side-img-1,.high-light-1 {
        order: 1
    }

    #ror-service-page .side-img-2,.high-light-2 {
        order: 3
    }

    #ror-service-page .side-img-3,.high-light-3 {
        order: 5
    }

    #ror-service-page .side-img-4,.high-light-4 {
        order: 7
    }

    #ror-service-page .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    #ror-service-page .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    #ror-service-page .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media (min-width: 1200px) {
    #ror-service-page .java-services-large-card {
        width:100%;
        height: 100%
    }

    #ror-service-page .java-experties-large-card {
        width: 190px;
        height: 152px
    }
}

@media (min-width: 992px) {
    #ror-service-page .ks-ror-banner-section {
        height:630px
    }

    #ror-service-page .service-faq-sec .card-body {
        padding-right: 0!important
    }

    #ror-service-page .ks-whychoose-card {
        height: 128px
    }
}

@media (max-width: 568px) {
    #ror-service-page .h-sm-auto {
        height:auto
    }

    #ror-service-page .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    #ror-service-page .font-40 {
        font-size:32px!important;
        line-height: normal
    }

    #pride-club .ks-tab-pane .h-56 {
        min-height: fit-content
    }
}

#penetration-testing-service-page .ks-pt-banner-section {
    background-image: url(/image/penetration-testing-banner-1-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#penetration-testing-service-page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#penetration-testing-service-page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#penetration-testing-service-page .ks-when-to-perform .ks-whychoose-card {
    padding: 45px 24px
}

#penetration-testing-service-page .ks-why-ksolve .ks-whychoose-card {
    padding: 20px
}

#penetration-testing-service-page .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    height: 100%
}

#penetration-testing-service-page .inner-page-brands>.bg-light {
    background-color: #fff!important
}

#penetration-testing-service-page section.bg-primary.text-white.py-5 {
    background-color: #343a40!important
}

#penetration-testing-service-page .ks-check-icon:before {
    content: "\27"!important;
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

#penetration-testing-service-page .list-style-none {
    list-style: none
}

#penetration-testing-service-page .l-h-27 {
    line-height: 27px
}

@media (min-width: 1250px) {
    #penetration-testing-service-page .java-experties-large-card {
        height:400px
    }

    #penetration-testing-service-page .tool-section .java-experties-large-card {
        height: 320px
    }
}

@media (min-width: 1200px) {
    #penetration-testing-service-page .java-services-large-card {
        width:100%;
        height: 100%
    }

    #penetration-testing-service-page .ks-pt-banner-section {
        height: 630px
    }
}

@media (min-width: 992px) {
    #penetration-testing-service-page .service-faq-sec .card-body {
        padding-right:0!important
    }
}

@media (max-width: 568px) {
    #penetration-testing-service-page .h-sm-auto {
        height:auto
    }

    #penetration-testing-service-page .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 320px) {
    #penetration-testing-service-page .font-40 {
        font-size:37px
    }
}

#backup-disaster-recovery-services .ks-backup-disaster-banner-section {
    background-image: url(/image/backup-disaster-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#backup-disaster-recovery-services .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#backup-disaster-recovery-services .java-service-icon {
    display: flex;
    align-items: center
}

#backup-disaster-recovery-services .java-service-icon img {
    width: 100%;
    height: auto;
    object-fit: cover
}

#backup-disaster-recovery-services .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

#backup-disaster-recovery-services .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#backup-disaster-recovery-services .fit-cover {
    object-fit: cover
}

#backup-disaster-recovery-services .ks-sections,.ks-tabs {
    margin-right: 100px
}

#backup-disaster-recovery-services .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

#backup-disaster-recovery-services .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#backup-disaster-recovery-services .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

#backup-disaster-recovery-services .hight-lights-sec .side-img {
    position: sticky;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#backup-disaster-recovery-services .high-light-images img:not(:last-child) {
    margin-bottom: 700px
}

#backup-disaster-recovery-services .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

#backup-disaster-recovery-services .high-light-images {
    max-width: 350px
}

@media (max-width: 1050px) {
    #backup-disaster-recovery-services .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    #backup-disaster-recovery-services .ks-tabs {
        display:none
    }

    #backup-disaster-recovery-services .high-light-images,.ks-sections {
        display: contents
    }

    #backup-disaster-recovery-services .high-lights-outer {
        flex-wrap: wrap
    }

    #backup-disaster-recovery-services .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    #backup-disaster-recovery-services .hight-lights-sec img.side-img1 {
        order: 2
    }

    #backup-disaster-recovery-services .hight-lights-sec img.side-img2 {
        order: 4
    }

    #backup-disaster-recovery-services .hight-lights-sec img.side-img3 {
        order: 6
    }

    #backup-disaster-recovery-services .hight-lights-sec img.side-img4 {
        order: 8
    }

    #backup-disaster-recovery-services .side-img-1,.high-light-1 {
        order: 1
    }

    #backup-disaster-recovery-services .side-img-2,.high-light-2 {
        order: 3
    }

    #backup-disaster-recovery-services .side-img-3,.high-light-3 {
        order: 5
    }

    #backup-disaster-recovery-services .side-img-4,.high-light-4 {
        order: 7
    }

    #backup-disaster-recovery-services .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    #backup-disaster-recovery-services .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    #backup-disaster-recovery-services .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media (min-width: 1200px) {
    #backup-disaster-recovery-services .java-services-large-card {
        width:100%;
        height: 100%
    }
}

@media (min-width: 992px) {
    #backup-disaster-recovery-services .ks-backup-disaster-banner-section {
        height:630px
    }

    #backup-disaster-recovery-services .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media (max-width: 568px) {
    #backup-disaster-recovery-services .h-sm-auto {
        height:auto
    }

    #backup-disaster-recovery-services .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    #backup-disaster-recovery-services .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

#saas-application-service-page .ks-sass-banner-section {
    background-image: url(/image/sass-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#saas-application-service-page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#saas-application-service-page .java-service-icon {
    display: flex;
    align-items: center
}

#saas-application-service-page .java-service-icon img {
    object-fit: cover;
    width: 100%;
    height: auto
}

#saas-application-service-page .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

#saas-application-service-page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#saas-application-service-page .fit-cover {
    object-fit: cover
}

#saas-application-service-page .ks-sections,.ks-tabs {
    margin-right: 100px
}

#saas-application-service-page .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

#saas-application-service-page .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#saas-application-service-page .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

#saas-application-service-page .hight-lights-sec .side-img {
    position: static;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#saas-application-service-page .high-light-images img:not(:last-child) {
    margin-bottom: 700px
}

#saas-application-service-page .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

#saas-application-service-page .high-light-images {
    max-width: 350px
}

@media (max-width: 1050px) {
    #saas-application-service-page .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    #saas-application-service-page .ks-tabs {
        display:none
    }

    #saas-application-service-page .high-light-images,.ks-sections {
        display: contents
    }

    #saas-application-service-page .high-lights-outer {
        flex-wrap: wrap
    }

    #saas-application-service-page .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    #saas-application-service-page .hight-lights-sec img.side-img1 {
        order: 2
    }

    #saas-application-service-page .hight-lights-sec img.side-img2 {
        order: 4
    }

    #saas-application-service-page .hight-lights-sec img.side-img3 {
        order: 6
    }

    #saas-application-service-page .hight-lights-sec img.side-img4 {
        order: 8
    }

    #saas-application-service-page .side-img-1,.high-light-1 {
        order: 1
    }

    #saas-application-service-page .side-img-2,.high-light-2 {
        order: 3
    }

    #saas-application-service-page .side-img-3,.high-light-3 {
        order: 5
    }

    #saas-application-service-page .side-img-4,.high-light-4 {
        order: 7
    }

    #saas-application-service-page .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    #saas-application-service-page .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    #saas-application-service-page .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media (min-width: 992px) {
    #saas-application-service-page .ks-sass-banner-section {
        height:630px
    }

    #saas-application-service-page .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media (max-width: 568px) {
    #saas-application-service-page .h-sm-auto {
        height:auto
    }

    #saas-application-service-page .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    #saas-application-service-page .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

#api-integration-service-page .hight-lights-sec .side-img {
    position: sticky;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#api-integration-service-page .ks-api-banner-section {
    background-image: url(/image/api-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#api-integration-service-page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#api-integration-service-page .java-service-icon {
    display: flex;
    align-items: center
}

#api-integration-service-page .java-service-icon img {
    width: 100%;
    height: auto;
    object-fit: cover
}

#api-integration-service-page .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

#api-integration-service-page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#api-integration-service-page .fit-cover {
    object-fit: cover
}

#api-integration-service-page .ks-sections,.ks-tabs {
    margin-right: 100px
}

#api-integration-service-page .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

#api-integration-service-page .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#api-integration-service-page .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

#serverless-computing-services #api-integration-service-page .hight-lights-sec .side-img {
    opacity: 1;
    position: sticky;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#api-integration-service-page .high-light-images img:not(:last-child) {
    margin-bottom: 700px
}

#serverless-computing-services #api-integration-service-page .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

#api-integration-service-page .high-light-images {
    max-width: 350px
}

@media (max-width: 1050px) {
    #api-integration-service-page .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    #api-integration-service-page .ks-tabs {
        display:none
    }

    #api-integration-service-page .high-light-images,.ks-sections {
        display: contents
    }

    #api-integration-service-page .high-lights-outer {
        flex-wrap: wrap
    }

    #api-integration-service-page .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    #api-integration-service-page .hight-lights-sec img.side-img1 {
        order: 2
    }

    #api-integration-service-page .hight-lights-sec img.side-img2 {
        order: 4
    }

    #api-integration-service-page .hight-lights-sec img.side-img3 {
        order: 6
    }

    #api-integration-service-page .hight-lights-sec img.side-img4 {
        order: 8
    }

    #api-integration-service-page .side-img-1,.high-light-1 {
        order: 1
    }

    #api-integration-service-page .side-img-2,.high-light-2 {
        order: 3
    }

    #api-integration-service-page .side-img-3,.high-light-3 {
        order: 5
    }

    #api-integration-service-page .side-img-4,.high-light-4 {
        order: 7
    }

    #api-integration-service-page .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    #api-integration-service-page .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    #api-integration-service-page .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media (min-width: 1200px) {
    #api-integration-service-page .ks-whychoose-card {
        width:100%
    }
}

@media (min-width: 992px) {
    #api-integration-service-page .ks-api-banner-section {
        height:630px
    }

    #api-integration-service-page .service-faq-sec .card-body {
        padding-right: 0!important
    }

    #api-integration-service-page .ks-whychoose-card {
        height: 100%
    }
}

@media (max-width: 568px) {
    #api-integration-service-page .h-sm-auto {
        height:auto
    }

    #api-integration-service-page .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    #api-integration-service-page .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

#serverless-computing-services .hight-lights-sec .side-img {
    position: sticky;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

#serverless-computing-services .ks-serverless-banner-section {
    background-image: url(/image/serverless-banner-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#serverless-computing-services .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#serverless-computing-services .high-light-images img:not(:last-child) {
    margin-bottom: 700px
}

#serverless-computing-services .java-service-icon {
    display: flex;
    align-items: center
}

#serverless-computing-services .java-service-icon img {
    object-fit: cover;
    width: 100%;
    height: auto
}

#serverless-computing-services .java-experties-large-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

#serverless-computing-services .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#serverless-computing-services .ks-check-icon:before {
    content: "\27"!important;
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

#serverless-computing-services .fit-cover {
    object-fit: cover
}

#serverless-computing-services .ks-sections,.ks-tabs {
    margin-right: 100px
}

#serverless-computing-services .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

#serverless-computing-services .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#serverless-computing-services .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

#serverless-computing-services .high-light-images {
    max-width: 350px
}

@media (max-width: 1050px) {
    #serverless-computing-services .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    #serverless-computing-services .ks-tabs {
        display:none
    }

    #serverless-computing-services .high-light-images,.ks-sections {
        display: contents
    }

    #serverless-computing-services .high-lights-outer {
        flex-wrap: wrap
    }

    #serverless-computing-services .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    #serverless-computing-services .hight-lights-sec img.side-img1 {
        order: 2
    }

    #serverless-computing-services .hight-lights-sec img.side-img2 {
        order: 4
    }

    #serverless-computing-services .hight-lights-sec img.side-img3 {
        order: 6
    }

    #serverless-computing-services .hight-lights-sec img.side-img4 {
        order: 8
    }

    #serverless-computing-services .side-img-1,.high-light-1 {
        order: 1
    }

    #serverless-computing-services .side-img-2,.high-light-2 {
        order: 3
    }

    #serverless-computing-services .side-img-3,.high-light-3 {
        order: 5
    }

    #serverless-computing-services .side-img-4,.high-light-4 {
        order: 7
    }

    #serverless-computing-services .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    #serverless-computing-services .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    #serverless-computing-services .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media (min-width: 1200px) {
    #serverless-computing-services .ks-whychoose-card {
        width:100%
    }

    #serverless-computing-services .java-services-large-card {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 992px) {
    #serverless-computing-services .ks-serverless-banner-section {
        height:630px
    }

    #serverless-computing-services .service-faq-sec .card-body {
        padding-right: 0!important
    }

    #serverless-computing-services .ks-whychoose-card {
        height: 100%
    }
}

@media (max-width: 568px) {
    #serverless-computing-services .h-sm-auto {
        height:auto
    }

    #serverless-computing-services .font-sm-32 {
        font-size: 32px!important
    }
}

@media (max-width: 768px) {
    #serverless-computing-services .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

#performance-testing-page .ks-pt-banner-section {
    background-image: url(/image/performance-testing-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

#performance-testing-page .java-services-large-card {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

#performance-testing-page .ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%
}

#performance-testing-page .ks-when-to-perform .ks-whychoose-card {
    padding: 38px 24px
}

#performance-testing-page .ks-why-ksolve .ks-whychoose-card {
    padding: 20px
}

#performance-testing-page .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    height: 100%
}

#performance-testing-page .inner-page-brands .bg-light {
    background-color: #fff!important
}

#performance-testing-page section.bg-primary.text-white.py-5 {
    background-color: #343a40!important
}

#performance-testing-page .ks-check-icon:before {
    content: "\27"!important;
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

#performance-testing-page .list-style-none {
    list-style: none
}

#performance-testing-page .l-h-27 {
    line-height: 27px
}

#performance-testing-page .ks-ui-experties {
    background-image: url(/image/form-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 320px
}

#performance-testing-page .ui-form .form-unit .form-control {
    border: none;
    border-radius: 0;
    padding: 8px 0;
    border-bottom: 1px solid #767676;
    outline: none
}

#performance-testing-page .text-capitalize {
    text-transform: capitalize
}

#performance-testing-page .bg-ping-gradient {
    background: linear-gradient(180deg,#f9f9f9 0%,#fff5f6 155.69%)
}

#performance-testing-page .tools-card {
    border-radius: 50px
}

#performance-testing-page .tools-haeder {
    background-image: url(/image/tools-heading-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 128px;
    width: 504px
}

#performance-testing-page .tools-data {
    border: 1px solid #f0f0f0
}

#performance-testing-page .process-number {
    border-radius: 50%;
    width: 68px;
    height: 68px
}

#performance-testing-page .bg-F6FFF0 {
    background: #f6fff0
}

#performance-testing-page .bg-F0F7FF {
    background: #f0f7ff
}

#performance-testing-page .bg-F0FFFF {
    background: azure
}

#performance-testing-page .bg-F8F0FF {
    background: #f8f0ff
}

#performance-testing-page .bg-FDF0FF {
    background: #fdf0ff
}

#performance-testing-page .br-right {
    border-right: 1px solid #ebeef1
}

#performance-testing-page .br-bottom {
    border-bottom: 8px solid #eaeaea
}

#performance-testing-page .ks-request {
    background-image: url(/image/request-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 310px
}

#performance-testing-page .performance-testing-blog .ks-salesforce-crm.ks-looking-for-section {
    margin-bottom: 0!important
}

@media (min-width: 1250px) {
    #performance-testing-page .tool-section .java-experties-large-card {
        height:320px
    }
}

@media (min-width: 1200px) {
    #performance-testing-page .java-services-large-card {
        width:100%;
        height: 100%
    }

    #performance-testing-page .ks-pt-banner-section {
        height: 630px
    }
}

@media (min-width: 992px) {
    #performance-testing-page .service-faq-sec .card-body {
        padding-right:0!important
    }

    #performance-testing-page .testing-process-card {
        width: calc(100% / 5)!important
    }
}

@media (max-width: 568px) {
    #performance-testing-page .h-sm-auto {
        height:auto
    }

    #performance-testing-page .font-sm-32 {
        font-size: 32px!important
    }

    #performance-testing-page .font-sm-24 {
        font-size: 24px!important
    }
}

@media (max-width: 768px) {
    #performance-testing-page .ks-ui-experties {
        height:100%
    }
}

#performance-testing-page .text-left {
    text-align: left
}

#salesforce-professional-services .bg-EFFAFE {
    background-color: #effafe
}

#salesforce-professional-services .sf-puzzle {
    min-height: 105px
}

#salesforce-professional-services html {
    scroll-padding-top: 170px
}

#salesforce-professional-services .font-36 {
    font-size: 36px
}

#salesforce-professional-services .ks-color-dark-light {
    color: #262626
}

#salesforce-professional-services .salesforce-verified-section .font-36 br {
    display: none
}

#salesforce-professional-services .salesforce-verified-section>a .btn-primary {
    font-size: 14px;
    margin: auto!important
}

#salesforce-professional-services .no-gutters {
    margin-right: 0;
    margin-left: 0
}

#salesforce-professional-services .tab-content>.tab-pane {
    display: none
}

#salesforce-professional-services .tab-content>.active {
    display: block
}

#salesforce-professional-services .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

#salesforce-professional-services .row {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.25 * var(--bs-gutter-x));
    margin-left: calc(-0.25 * var(--bs-gutter-x))
}

#salesforce-professional-services .nav-link {
    display: block
}

#salesforce-professional-services .nav-item .nav-link:not(.btn):hover {
    color: #e6606b
}

#salesforce-professional-services .f-w-bold {
    font-weight: 600
}

#salesforce-professional-services .services-salesforce-hero {
    background-image: url(/image/sfs-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}

#salesforce-professional-services .img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#salesforce-professional-services .solutions-col img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-professional-services .solutions-row {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    #salesforce-professional-services .solutions-col {
        width: calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

@media (max-width: 1279px) {
    #salesforce-professional-services .solutions-row {
        display:grid;
        grid-gap: 18px;
        justify-self: center;
        grid-template-columns: repeat(auto-fill,minmax(196px,1fr))
    }
}

#salesforce-professional-services .ks-development-company-box {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #515152;
    padding: 20px!important;
    background: #f6f6f9;
    border-radius: 10px
}

#salesforce-professional-services .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

#salesforce-professional-services .ks-client-bg {
    padding: 180px 0 60px;
    background: #f6f6f9
}

#salesforce-professional-services .ks-meet {
    padding: 60px 0
}

#salesforce-professional-services .meet-item {
    width: 100%;
    background: #f6f6f9;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap
}

#salesforce-professional-services .user-meet-img {
    width: 167px
}

#salesforce-professional-services .user-meet-img .meet-team-img {
    border-radius: 0
}

#salesforce-professional-services .user-meet-footer {
    display: flex;
    flex-wrap: wrap
}

#salesforce-professional-services .user-meet-footer .meet-team-link {
    margin-top: 0
}

#salesforce-professional-services .insights-item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-professional-services .insights-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#salesforce-professional-services .insights-item-link a svg {
    margin-left: 10px
}

#salesforce-professional-services .insights-item-link {
    position: absolute;
    bottom: 24px
}

#salesforce-professional-services .contact-info-item:first-child {
    font-weight: 400
}

#salesforce-professional-services .contact-info-item svg {
    margin-top: 3px
}

#salesforce-professional-services .contact-info-header-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 31px;
    color: #fff
}

#salesforce-professional-services .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11bafc;
    border-color: #11bafc
}

#salesforce-professional-services .nav-link.btn-primary {
    display: flex;
    align-items: center
}

#salesforce-professional-services .our-new-client .col-md-4 {
    max-width: 125px
}

#salesforce-professional-services .our-new-client .col-md-4 svg {
    height: 35px
}

#salesforce-professional-services .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

#salesforce-professional-services .player__container {
    transform: translate(0,-10%)
}

#salesforce-professional-services .player__container {
    transform: translate(0,0%)
}

@media (max-width: 280px) {
    #salesforce-professional-services .ks-mobile-view-top {
        display:none
    }
}

@media screen and (max-width: 360px) {
    #salesforce-professional-services .services-salesforce-hero .ks-salesforce-certificat .ks-salesforce-list p {
        font-size:14px
    }
}

@media (max-width: 767px) {
    #salesforce-professional-services .font-36 {
        font-size:28px!important
    }

    #salesforce-professional-services .font-45 {
        font-size: 24px!important
    }

    #salesforce-professional-services .heading-text.font-45 {
        font-size: 28px!important
    }

    #salesforce-professional-services .font-18,.heading-text.font-36 {
        font-size: 16px!important
    }

    #salesforce-professional-services .ks-who-cont-box {
        padding-left: 8px;
        padding-right: 8px
    }

    #salesforce-professional-services .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    #salesforce-professional-services .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    #salesforce-professional-services .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    #salesforce-professional-services .ks-insights,.ks-meet {
        padding: 35px 0
    }

    #salesforce-professional-services .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    #salesforce-professional-services .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    #salesforce-professional-services .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    #salesforce-professional-services .ks-client-bg {
        padding: 145px 0 20px
    }
}

#salesforce-professional-services .py-75 {
    padding: 35px 15px
}

#salesforce-professional-services #contactForm4 .btn-primary {
    width: 100%
}

#salesforce-professional-services .saleshome-service-item svg {
    width: 80px;
    height: 80px
}

#salesforce-professional-services .success-story-box p {
    margin-top: 16px
}

#salesforce-professional-services .ks-who-sec-name {
    font-size: 16px
}

#salesforce-professional-services .solutions-row {
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr))
}

#salesforce-professional-services .ks-development-company-box {
    padding: 15px!important
}

#salesforce-professional-services .user-meet-exp {
    font-size: 14px;
    line-height: 20px
}

#salesforce-professional-services .solutions-col img {
    height: 35px
}

#salesforce-professional-services .solutions-row .solutions-col:nth-child(1) img {
    height: 25px
}

@media (max-width: 420px) {
    #salesforce-professional-services .user-meet-img {
        width:128px
    }

    #salesforce-professional-services .meet-team-img {
        height: 152px
    }
}

#salesforce-professional-services .svg {
    display: block
}

#salesforce-professional-services .ks-bottom-form .ks-input solutions-col {
    height: 56px
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec label.d-block {
    transform: translateY(-40px)
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec #email-error+label.d-block,.ks-bottom-form .ks-contact-sec #message-error+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input:focus+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    transform: translateY(-65px)
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-95px)
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec #email-error[style*="display: none"]+label.d-block {
    transform: translateY(-65px)
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

#salesforce-professional-services .ks-bottom-form .ks-input-textarea-small {
    height: 85px
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-85px)
}

#salesforce-professional-services .ks-bottom-form .ks-contact-sec #message-error[style*="display: none"]+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.ks-bottom-form .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-105px)
}

#salesforce-professional-services .letter-sp-2 {
    letter-spacing: .02em
}

#salesforce-professional-services .lh-28 {
    line-height: 28px
}

#salesforce-professional-services .h-auto {
    height: auto
}

#salesforce-professional-services .border-radius-10 {
    border-radius: 10px
}

#salesforce-professional-services .scroll-setter {
    margin-top: 0
}

#salesforce-professional-services .ks-salesforce-page {
    color: #565758
}

#salesforce-professional-services .services-salesforce-hero h1 {
    font-size: 36px
}

#salesforce-professional-services .ks-salesforce-certificat {
    max-width: 850px
}

#salesforce-professional-services .ks-partner-panel .ks-partner-icon {
    text-align: center
}

#salesforce-professional-services .ks-partner-icon img {
    height: auto
}

#salesforce-professional-services .ks-salesforce-tab {
    background: #404040;
    position: sticky;
    top: 112px;
    z-index: 999
}

#salesforce-professional-services .ks-salesforce-tab ul li {
    padding: 0 20px
}

@media (max-width: 575px) {
    #salesforce-professional-services .ks-salesforce-tab {
        top:57px
    }

    #salesforce-professional-services .ks-salesforce-tab ul li {
        padding: 0 10px
    }
}

#salesforce-professional-services .ks-salesforce-tab ul li a {
    color: rgb(255 255 255 / 85%);
    padding: 19px 0;
    position: relative;
    font-size: 14px
}

#salesforce-professional-services .ks-salesforce-tab ul li.active a {
    color: #fff
}

#salesforce-professional-services .ks-salesforce-tab ul li a::after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: var(--bs-primary);
    position: absolute;
    bottom: 0;
    left: 0
}

#salesforce-professional-services .ks-salesforce-tab ul li.active a::after {
    width: 100%
}

#salesforce-professional-services .ks-header-panel h2 {
    color: #404040;
    font-size: 48px
}

#salesforce-professional-services .ks-sub-header {
    font-size: 18px;
    font-weight: 500;
    color: #515152
}

#salesforce-professional-services .ks-salesforce-crm {
    background: #f6f6f9;
    color: #404040
}

#salesforce-professional-services .ks-salesforce-crm .tab-content h3.font-36 {
    margin-bottom: 15px;
    font-weight: 700
}

#salesforce-professional-services .ks-salesforce-crm ol {
    margin-left: -20px;
    padding-bottom: 10px
}

#salesforce-professional-services .ks-salesforce-crm ol li {
    margin-bottom: 10px
}

#salesforce-professional-services .ks-salesforce-crm .nav {
    background: #505050;
    background: linear-gradient(180deg,rgba(49,48,48,.8) 0%,rgba(0,0,0,0) 100%),#505050;
    border: 1px solid;
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    border-radius: 10px 0 0 10px;
    position: sticky;
    top: 90px
}

#salesforce-professional-services .ks-salesforce-crm .nav li {
    border-bottom: 1px solid #595959
}

#salesforce-professional-services .ks-salesforce-crm .nav li button {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    height: 54px;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: left;
    width: 100%
}

#salesforce-professional-services .nav li button:hover {
    color: #e6606b
}

#salesforce-professional-services .nav li button.active {
    background-color: #11bafc;
    color: #fff
}

#salesforce-professional-services .tab-content {
    border-radius: 10px
}

@media (min-width: 768px) {
    #salesforce-professional-services .tab-content {
        margin-left:-10px
    }
}

#salesforce-professional-services .ks-salesforce-ideal {
    background-image: url(/image/salesforce-ideal-bg.webp);
    background-size: cover;
    border-radius: 20px
}

#salesforce-professional-services .ks-perception-card {
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    border-radius: 10px
}

#salesforce-professional-services .ks-perception-card .ks-perception-body {
    line-height: 35px
}

#salesforce-professional-services .ks-perception-footer a svg {
    vertical-align: middle
}

#salesforce-professional-services .ks-our-process-panel {
    background: #f6f6f9
}

#salesforce-professional-services .ks-our-process-panel h3 {
    color: #404040
}

#salesforce-professional-services .ks-our-process-panel img {
    border-radius: 20px
}

#salesforce-professional-services .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 5px;
    color: #515152;
    height: 100%;
    font-weight: 500
}

#salesforce-professional-services .ks-sl-prodict-card .small {
    opacity: .8
}

#salesforce-professional-services .nav li button.active svg {
    filter: brightness(4)
}

#salesforce-professional-services .nav li a img,.nav li button svg {
    vertical-align: middle;
    margin-right: 25px;
    filter: brightness(4)
}

#salesforce-professional-services .no-gutters {
    margin-right: 0;
    margin-left: 0
}

@media (max-width: 767px) {
    #salesforce-professional-services .ks-our-process-sec>.row.align-items-center:nth-child(even)>.col-md-6:last-child {
        order:1;
        margin-bottom: 16px
    }

    #salesforce-professional-services .ks-our-process-sec>.row.align-items-center:nth-child(even)>.col-md-6:first-child {
        order: 2
    }

    #salesforce-professional-services .ks-partner-panel {
        grid-template-columns: repeat(auto-fill,minmax(109px,1fr));
        grid-gap: 10px
    }

    #salesforce-professional-services .ks-salesforce-tab .nav {
        overflow: auto;
        width: 100%;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: start!important
    }

    #salesforce-professional-services .ks-salesforce-products .col-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

#salesforce-professional-services .tab-content h3.font-36 {
    padding: 2rem 3rem 0rem 3rem
}

#salesforce-professional-services .tab-content .tab-content-scroll {
    max-height: 580px;
    overflow: auto;
    padding: 0rem 3rem 3rem 3rem
}

#salesforce-professional-services .ks-bottom-form .btn-primary {
    width: 100%;
    height: 58px
}

#salesforce-professional-services strong.font-36 {
    font-size: 28px;
    font-weight: 500;
    color: #113c63!important
}

#salesforce-professional-services .no-gutters>.col,.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

#salesforce-professional-services .text-left {
    text-align: left
}

@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false
}

#salesforce-marketing-cloud .bg-EFFAFE {
    background-color: #effafe
}

#salesforce-marketing-cloud .count-anim {
    animation: counter 2.5s ease-in-out forwards;
    counter-reset: num var(--num)
}

#salesforce-marketing-cloud .count-anim::before {
    content: counter(num)
}

@keyframes counter {
    from {
        --num: 0
    }

    to {
        --num: var(--total)
    }
}

#salesforce-marketing-cloud .anim-time {
    animation-duration: 3.2s
}

#salesforce-marketing-cloud .anim-delay {
    animation-delay: 0.9s;
    animation-duration: 3.2s
}

#salesforce-marketing-cloud .pb-10.ks-section-marketing {
    padding-bottom: 10rem!important
}

#salesforce-marketing-cloud .pt-10.ks-our-process-panel {
    padding-top: 11rem!important
}

#salesforce-marketing-cloud .ks-marketing-banner {
    background-image: url(/image/marketing-cloud-bg.webp);
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom
}

#salesforce-marketing-cloud .ks-section-marketing {
    background: url(/image/Rectangle-36-1.webp);
    background-size: cover;
    padding-bottom: 180px!important
}

#salesforce-marketing-cloud .ks-banner-up-section {
    background: rgba(0,0,0,.5);
    border-radius: 30px;
    padding: 30px 20px;
    margin: 30px 0
}

@media (min-width: 768px) {
    #salesforce-marketing-cloud .ks-hero-bg {
        background-color:#212327;
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media (max-width: 767px) {
    #salesforce-marketing-cloud .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }

    #salesforce-marketing-cloud .ks-banner-up-section {
        padding: 30px 5px
    }
}

#salesforce-marketing-cloud .ks-hero-bg {
    background-color: #212327
}

#salesforce-marketing-cloud .py-75 {
    padding: 75px 0
}

#salesforce-marketing-cloud .ks-hero-data-outer {
    background: rgba(11,49,68,.4);
    box-shadow: 0 20px 30px rgba(0,0,0,.06);
    border-radius: 44px;
    padding: 52px 26px
}

#salesforce-marketing-cloud .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

#salesforce-marketing-cloud .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

#salesforce-marketing-cloud .py-100 {
    padding: 100px 0
}

#salesforce-marketing-cloud .py-55 {
    padding: 55px 0
}

#salesforce-marketing-cloud .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

#salesforce-marketing-cloud .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

#salesforce-marketing-cloud .services-text-bg {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

#salesforce-marketing-cloud .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

#salesforce-marketing-cloud .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

#salesforce-marketing-cloud .service-arrow-icon {
    width: 15px
}

#salesforce-marketing-cloud .ks-investors-bg {
    padding: 60px 0;
    background-image: linear-gradient(180deg,#090606 0,rgba(75,75,75,.93) 100%)
}

#salesforce-marketing-cloud .flag-india {
    margin-right: 30px;
    margin-top: 20px
}

#salesforce-marketing-cloud .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

#salesforce-marketing-cloud .z-index-1 {
    z-index: 1
}

#salesforce-marketing-cloud .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

#salesforce-marketing-cloud .ks-awards-bg {
    background-size: cover;
    padding-bottom: 170px;
    background-color: #0a0e11
}

@media (min-width: 992px) {
    #salesforce-marketing-cloud .ks-awards-bg {
    }
}

#salesforce-marketing-cloud .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

#salesforce-marketing-cloud .ks-contact-sec {
    padding-top: 170px
}

#salesforce-marketing-cloud .cursor-pointer {
    cursor: pointer
}

#salesforce-marketing-cloud .carousel-data-card {
    padding: 12px;
    margin-bottom: 12px;
    margin-right: 12px;
    border-radius: 5px;
    display: inline-block
}

@media (max-width: 768px) {
    #salesforce-marketing-cloud .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    #salesforce-marketing-cloud .ks-carousel-item-inner {
        height: auto
    }

    #salesforce-marketing-cloud .col-lg-custom {
        width: 33%
    }

    #salesforce-marketing-cloud .services-lg-custom {
        width: 50%!important
    }

    #salesforce-marketing-cloud .ks-service-box-title h3 {
        width: calc(100% - 165px);
        margin-left: 15px!important
    }

    #salesforce-marketing-cloud .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    #salesforce-marketing-cloud .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    #salesforce-marketing-cloud .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    #salesforce-marketing-cloud .ks-hero-data-outer {
        margin:0
    }

    #salesforce-marketing-cloud .ks-carousel-item-inner,.ks-hero-bg .py-75,.ks-partner-sec {
        padding: 40px 15px
    }

    #salesforce-marketing-cloud .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    #salesforce-marketing-cloud .col-lg-custom {
        width: 50%
    }

    #salesforce-marketing-cloud .services-lg-custom {
        width: 100%!important
    }

    #salesforce-marketing-cloud .ks-service-box-inner {
        width: auto
    }

    #salesforce-marketing-cloud .ks-services-bg .row {
        margin-right: 0
    }

    #salesforce-marketing-cloud .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    #salesforce-marketing-cloud .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    #salesforce-marketing-cloud .ks-services-bg {
        padding-bottom: 20px
    }

    #salesforce-marketing-cloud .client-bg-img {
        margin-top: -140px
    }

    #salesforce-marketing-cloud .ks-client-bg {
        padding-bottom: 140px
    }

    #salesforce-marketing-cloud .ks-awards-bg {
        padding-top: 40px
    }
}

#salesforce-marketing-cloud .map-img-2,.map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

#salesforce-marketing-cloud .value-sec-row {
    max-width: 1000px
}

#salesforce-marketing-cloud .milestone-sec {
    background-color: #021132
}

#salesforce-marketing-cloud .ms-card h3 {
    color: #ffb93e
}

#salesforce-marketing-cloud .subheading-text {
    max-width: 760px;
    margin: auto
}

#salesforce-marketing-cloud .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

#salesforce-marketing-cloud .ks-owl-btn .owl-nav button.owl-next,.ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

#salesforce-marketing-cloud .btn-primary:hover {
    color: #e32235;
    border-color: #e32235
}

#salesforce-marketing-cloud .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

#salesforce-marketing-cloud .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

#salesforce-marketing-cloud .element.text-primary.ms-3 span {
    color: #fff!important
}

#salesforce-marketing-cloud .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (max-width: 1550px) and (min-width:1201px) {
    #salesforce-marketing-cloud .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    #salesforce-marketing-cloud .col-lg-custom {
        width:25%
    }

    #salesforce-marketing-cloud .services-lg-custom {
        width: 45%!important
    }

    #salesforce-marketing-cloud .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    #salesforce-marketing-cloud .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 768px) {
    #salesforce-marketing-cloud .ms-card p {
        max-width:100%!important
    }

    #salesforce-marketing-cloud .cv-card {
        padding: 25px;
        overflow: hidden
    }

    #salesforce-marketing-cloud .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    #salesforce-marketing-cloud .ks-hero-data-outer {
        border-radius:0;
        padding: 32px 0
    }

    #salesforce-marketing-cloud .ks-hero-data {
        margin-bottom: 32px
    }

    #salesforce-marketing-cloud .ks-bottom-decorator::after {
        bottom: -8px
    }

    #salesforce-marketing-cloud .ks-hero-data:after {
        display: none
    }

    #salesforce-marketing-cloud .meet-team-card {
        text-align: center
    }

    #salesforce-marketing-cloud .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #salesforce-marketing-cloud .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

#salesforce-marketing-cloud .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    #salesforce-marketing-cloud .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

#salesforce-marketing-cloud .service-arrow-icon {
    transition: 0.3s ease-in-out
}

#salesforce-marketing-cloud .service-arrow-icon {
    transform: translateX(5px)
}

#salesforce-marketing-cloud .index-page-popup .modal-dialog {
    max-width: 850px
}

#salesforce-marketing-cloud .text-yellow {
    color: #f3ad39
}

#salesforce-marketing-cloud .index-page-popup .modal-body {
    padding-top: 60px
}

#salesforce-marketing-cloud .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

#salesforce-marketing-cloud .lh-auto {
    line-height: initial
}

#salesforce-marketing-cloud .modal-artboard-img {
    top: 0;
    left: 0
}

@media (max-width: 768px) {
    #salesforce-marketing-cloud .index-page-popup .close {
        right:0
    }

    #salesforce-marketing-cloud .popup-imgs img {
        object-fit: contain
    }
}

#salesforce-marketing-cloud .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

#salesforce-marketing-cloud .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

#salesforce-marketing-cloud .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

#salesforce-marketing-cloud .wk-box .font-14 {
    color: #000
}

#salesforce-marketing-cloud .scroll-setter {
    position: absolute;
    margin-top: -120px
}

#salesforce-marketing-cloud .solution-box-outer {
    background: linear-gradient(180deg,#232323 0,rgba(28,28,28,.93) 100%),#191918;
    border-radius: 20px;
    padding: 40px 20px;
    margin-bottom: 30px
}

#salesforce-marketing-cloud .solution-box-outer li::after {
    background: #ff6767
}

#salesforce-marketing-cloud .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

#salesforce-marketing-cloud .service-faq-sec .card-header {
    font-size: 20px;
    color: #343434
}

#salesforce-marketing-cloud .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

#salesforce-marketing-cloud .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

#salesforce-marketing-cloud .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

#salesforce-marketing-cloud .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-marketing-cloud .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

#salesforce-marketing-cloud .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 1024px) {
    #salesforce-marketing-cloud .services-hero-sec {
        background-size:120vh
    }
}

@media (max-width: 768px) {
    #salesforce-marketing-cloud .services-hero-sec {
        background-size:cover
    }
}

@media (max-width: 575px) {
    #salesforce-marketing-cloud .py-75,.bg-contact .py-100,.service-faq-sec .py-100,.py-100,.wk-sec .py-100 {
        padding:40px 20px
    }

    #salesforce-marketing-cloud .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

#salesforce-marketing-cloud .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

#salesforce-marketing-cloud .ks-salesforce-insights-bg {
    background: #e5e5e5
}

#salesforce-marketing-cloud .services-salesforce-hero-sec {
    background: #0e97d8
}

@media (max-width: 767px) {
    #salesforce-marketing-cloud .services-salesforce-hero-bg {
        background-color:#1996d5
    }
}

#salesforce-marketing-cloud .py-spacing {
    padding: 110px 0 75px
}

#salesforce-marketing-cloud .services-lg-custom {
    width: 40%;
    margin-bottom: 12px
}

#salesforce-marketing-cloud .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

#salesforce-marketing-cloud .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

#salesforce-marketing-cloud .ks-service-box-title h3 {
    margin-left: 30px
}

#salesforce-marketing-cloud .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

#salesforce-marketing-cloud .solutions-col img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-marketing-cloud .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

#salesforce-marketing-cloud .ks-client-bg {
    padding: 180px 0 60px;
    background: #f6f6f9
}

#salesforce-marketing-cloud .ks-meet {
    padding: 60px 0
}

#salesforce-marketing-cloud .meet-team-img {
    border-radius: 0
}

#salesforce-marketing-cloud .ks-discuss {
    padding: 60px 0
}

#salesforce-marketing-cloud .our-new-client .col-md-4 {
    max-width: 125px
}

#salesforce-marketing-cloud .our-new-client .col-md-4 svg {
    height: 35px
}

#salesforce-marketing-cloud .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media (max-width: 280px) {
    #salesforce-marketing-cloud .ks-mobile-view-top {
        display:none
    }
}

#salesforce-marketing-cloud .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

@media (max-width: 767px) {
    #salesforce-marketing-cloud .ks-who-cont-box .col-lg-4.col-6 {
        padding-left:8px;
        padding-right: 8px
    }

    #salesforce-marketing-cloud .ks-who-sec-item {
        height: 100%
    }

    #salesforce-marketing-cloud .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    #salesforce-marketing-cloud .success-story-box,.request-call-back,.ks-who-sec-inner {
        border-radius: 10px
    }

    #salesforce-marketing-cloud .request-call-back {
        padding: 20px 30px 10px 30px
    }

    #salesforce-marketing-cloud .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    #salesforce-marketing-cloud .client-img-bg {
        height: 78px
    }

    #salesforce-marketing-cloud .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    #salesforce-marketing-cloud .meet-team-img {
        height: 150px
    }

    #salesforce-marketing-cloud .ks-insights,.ks-meet {
        padding: 35px 0
    }

    #salesforce-marketing-cloud .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    #salesforce-marketing-cloud .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    #salesforce-marketing-cloud .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    #salesforce-marketing-cloud .ks-client-bg {
        padding: 145px 0 20px
    }
}

@media (max-width: 557px) {
    #salesforce-marketing-cloud .py-75 {
        padding:35px 15px
    }

    #salesforce-marketing-cloud #contactForm4 .btn-primary {
        width: 100%
    }

    #salesforce-marketing-cloud .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    #salesforce-marketing-cloud .ks-discuss {
        padding: 35px 0
    }

    #salesforce-marketing-cloud .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    #salesforce-marketing-cloud .success-story-box p {
        margin-top: 16px
    }

    #salesforce-marketing-cloud .user-meet-exp {
        font-size: 14px;
        line-height: 20px
    }

    #salesforce-marketing-cloud .solutions-col img {
        height: 35px
    }

    #salesforce-marketing-cloud .solutions-col:nth-child(1) img {
        height: 25px
    }
}

@media (max-width: 420px) {
    #salesforce-marketing-cloud .meet-team-img {
        height:152px
    }
}

#salesforce-marketing-cloud .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-marketing-cloud .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

#salesforce-marketing-cloud .ks-offering .spotlight-item-image svg {
    display: block
}

#salesforce-marketing-cloud .devider-cont {
    opacity: .4
}

#salesforce-marketing-cloud .letter-sp-2 {
    letter-spacing: .02em
}

@media (max-width: 280px) {
    #salesforce-marketing-cloud .letter-sp-2 {
        letter-spacing:.02em;
        flex-direction: column
    }

    #salesforce-marketing-cloud .ks-buttons button,.ks-buttons a {
        min-width: 117px!important
    }
}

#salesforce-marketing-cloud .ks-right-alignment {
    right: 0
}

#salesforce-marketing-cloud .ks-left-alignment {
    left: 0
}

#salesforce-marketing-cloud .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

#salesforce-marketing-cloud .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

#salesforce-marketing-cloud .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

#salesforce-marketing-cloud .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

#salesforce-marketing-cloud .text-blue {
    color: #11bafc
}

#salesforce-marketing-cloud .text-red {
    color: #e33636
}

#salesforce-marketing-cloud .text-orange {
    color: #f26322
}

#salesforce-marketing-cloud .tex-light-blue {
    color: #c8effe
}

#salesforce-marketing-cloud .bg-orange {
    background-color: #f26322
}

#salesforce-marketing-cloud .bg-red {
    background-color: #e33636!important
}

#salesforce-marketing-cloud .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

#salesforce-marketing-cloud .border-r-10 {
    border-radius: 10px!important
}

#salesforce-marketing-cloud .border-none {
    border: none
}

#salesforce-marketing-cloud .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

#salesforce-marketing-cloud .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg-2.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-marketing-cloud .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

#salesforce-marketing-cloud .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-marketing-cloud .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#salesforce-marketing-cloud .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

#salesforce-marketing-cloud .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

#salesforce-marketing-cloud .py-68 {
    padding: 68px 0
}

#salesforce-marketing-cloud .py-132 {
    padding: 132px 0
}

#salesforce-marketing-cloud .ks-grow-business {
    background: url(/image/Rectangle-21-2.webp) left center;
    background-size: cover
}

#salesforce-marketing-cloud .ks-marketing-faq {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

#salesforce-marketing-cloud .ks-marketing-faq {
    background-color: #f6f6f9
}

#salesforce-marketing-cloud .ks-marketing-faq .card-body,.ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

#salesforce-marketing-cloud .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

#salesforce-marketing-cloud .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

#salesforce-marketing-cloud .ks-marketing-faq .card {
    border-bottom: 1px solid #ededef;
    margin-bottom: 1rem
}

#salesforce-marketing-cloud .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

#salesforce-marketing-cloud .ks-marketing-faq .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-marketing-cloud .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

#salesforce-marketing-cloud .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

#salesforce-marketing-cloud .ks-expert-card-details {
    margin-bottom: 4rem
}

#salesforce-marketing-cloud .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

#salesforce-marketing-cloud .ks-line-height-19 {
    line-height: 19px
}

#salesforce-marketing-cloud .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

#salesforce-marketing-cloud .ks-marketing-team {
    background-color: #f6f6f9
}

#salesforce-marketing-cloud .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

#salesforce-marketing-cloud .ks-color-dark-light {
    color: #262626
}

#salesforce-marketing-cloud .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

#salesforce-marketing-cloud .py-20 {
    padding: 20px 0
}

#salesforce-marketing-cloud .ks-marketing-who-ksolves {
    height: 0!important
}

#salesforce-marketing-cloud .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-marketing-cloud .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

#salesforce-marketing-cloud .ks-see-more:after {
    content: "";
    background: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/images/marketing/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

#salesforce-marketing-cloud .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

#salesforce-marketing-cloud .ks-deliver-results h2,.ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-marketing-cloud .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

#salesforce-marketing-cloud .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

#salesforce-marketing-cloud .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

#salesforce-marketing-cloud .ks-deliver-result-heading span {
    color: #427fce;
    text-transform: uppercase;
    line-height: 1
}

#salesforce-marketing-cloud .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce;
    margin: 0 auto!important;
    width: 100%;
    max-width: 870px
}

#salesforce-marketing-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

#salesforce-marketing-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

#salesforce-marketing-cloud .ks-marketing-benefits {
    padding-bottom: 35px!important
}

#salesforce-marketing-cloud .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

#salesforce-marketing-cloud .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

#salesforce-marketing-cloud .ks-deliver-result-heading .font-24 {
    margin-top: 4px
}

#salesforce-marketing-cloud .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

#salesforce-marketing-cloud #accordion {
    max-width: 950px;
    margin: auto
}

#salesforce-marketing-cloud .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

#salesforce-marketing-cloud .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

#salesforce-marketing-cloud .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-marketing-cloud .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11bafc;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#salesforce-marketing-cloud .ks-section-marketing {
    background: url(/image/Rectangle-36-1.webp) left center;
    background-size: cover
}

#salesforce-marketing-cloud .ks-who-sec-inner.py-68 {
    background: url(/image/ks-who-sec-inner-bg-1.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

#salesforce-marketing-cloud .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

#salesforce-marketing-cloud .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

#salesforce-marketing-cloud .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-marketing-cloud .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    #salesforce-marketing-cloud .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    #salesforce-marketing-cloud .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    #salesforce-marketing-cloud .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    #salesforce-marketing-cloud .ks-sl-prodict-card {
        text-align: center
    }

    #salesforce-marketing-cloud .ks-sl-prodict-card .col-sm-12.pr-0 {
        padding: 0
    }

    #salesforce-marketing-cloud .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    #salesforce-marketing-cloud .cmmi-sec img {
        height:70px!important
    }

    #salesforce-marketing-cloud .ks-see-more {
        margin-top: 1rem
    }

    #salesforce-marketing-cloud .ks-marketing-banner {
        padding-top: 40px
    }

    #salesforce-marketing-cloud .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    #salesforce-marketing-cloud .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    #salesforce-marketing-cloud .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    #salesforce-marketing-cloud .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    #salesforce-marketing-cloud .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    #salesforce-marketing-cloud .ks-marketing-banner .font-45,.ks-market-grow-business .font-45,.ks-marketing-faq .font-45,.ks-marketing-page-who-ksolves .font-40,.ks-section-marketing .font-36,.ks-ksolves-experts .font-36,.ks-looking-for-section .font-36,.ks-marketing-benefits .font-36,.ks-deliver-results h2,.ks-marketing-team h2,.ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    #salesforce-marketing-cloud .ks-banner-counter .font-50 {
        font-size: 22px
    }

    #salesforce-marketing-cloud .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    #salesforce-marketing-cloud .ks-buttons button,.ks-buttons a {
        font-size: 16px
    }

    #salesforce-marketing-cloud .ks-buttons a span {
        font-size: 16px
    }

    #salesforce-marketing-cloud .ks-grow-business .ks-buttons a span {
        margin-right: 0!important
    }

    #salesforce-marketing-cloud .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    #salesforce-marketing-cloud .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    #salesforce-marketing-cloud .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    #salesforce-marketing-cloud .py-68 {
        padding: 40px 0
    }

    #salesforce-marketing-cloud .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #salesforce-marketing-cloud .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    #salesforce-marketing-cloud .solutions-col img {
        height: 100%
    }

    #salesforce-marketing-cloud .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    #salesforce-marketing-cloud .py-132 {
        padding: 50px 0
    }

    #salesforce-marketing-cloud .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    #salesforce-marketing-cloud #ks-contactModal .ks-contact-mail-div {
        position: "relative"
    }

    #salesforce-marketing-cloud #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    #salesforce-marketing-cloud #ks-contactModal .ks-marketing-contact-info-area,#ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    #salesforce-marketing-cloud .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    #salesforce-marketing-cloud .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

#salesforce-marketing-cloud .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.btn-primary.ks-btn-red:hover,.btn-primary.ks-btn-red:active,.btn-primary.ks-btn-red:focus,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11bafc!important;
    border-color: #11bafc!important;
    transition: all 0.2s ease-in-out;
    color: #fff!important
}

#salesforce-marketing-cloud .text-left {
    text-align: left
}

#salesforce-sales-cloud .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg-2.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

#salesforce-sales-cloud .ks-marketing-banner {
    background-image: url(/image/sales-cloud-bg.webp);
    background-attachment: fixed;
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom
}

#salesforce-sales-cloud .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg-2.webp) left center
}

#salesforce-sales-cloud .ks-section-marketing {
    background: url(/image/Rectangle-36-2.webp) left center;
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 90px
}

#salesforce-sales-cloud .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

#salesforce-sales-cloud .ks-deliver-result-heading h3 {
    color: #427fce;
    text-transform: uppercase
}

#salesforce-sales-cloud .ks-marketing-banner .container .row {
    min-height: 540px
}

@media (min-width: 768px) {
    #salesforce-sales-cloud .ks-hero-bg {
        background-color:#212327;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/index-page/hero-bg.jpg);
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media (max-width: 767px) {
    #salesforce-sales-cloud .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }
}

#salesforce-sales-cloud .ks-hero-bg {
    background-color: #212327
}

#salesforce-sales-cloud .py-75 {
    padding: 75px 0
}

#salesforce-sales-cloud .py-100 {
    padding: 100px 0
}

#salesforce-sales-cloud .py-55 {
    padding: 55px 0
}

#salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next,.ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

#salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

#salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

#salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

#salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")
}

#salesforce-sales-cloud .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

#salesforce-sales-cloud .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

#salesforce-sales-cloud .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

#salesforce-sales-cloud .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

#salesforce-sales-cloud .services-text-bg {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

#salesforce-sales-cloud .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

#salesforce-sales-cloud .ks-service-box-inner {
    border-radius: 10px;
    width: 100%;
    height: 73px;
    min-height: 73px;
    box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
    overflow: hidden
}

#salesforce-sales-cloud .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

#salesforce-sales-cloud .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

#salesforce-sales-cloud .z-index-1 {
    z-index: 1
}

#salesforce-sales-cloud .ks-client-bg-img {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/index-page/investors-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: calc(100% - 130px);
    background-size: 70%;
    top: 130px
}

#salesforce-sales-cloud .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

#salesforce-sales-cloud .ks-awards-bg {
    background-size: cover;
    padding-bottom: 170px;
    background-color: #0a0e11
}

@media (min-width: 992px) {
    #salesforce-sales-cloud .ks-awards-bg {
        background-image:url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/index-page/Awards-bg.jpg)
    }

    #salesforce-sales-cloud .ks-awards-bg {
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assets/images/index-page/Awards-bg.webp)
    }

    #salesforce-sales-cloud .ks-marketing-banner .justify-content-lg-start {
        justify-content: left!important
    }
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav span {
    display: none
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M11 1L1 11.0574L11 21.1149' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M1 21.1149L11 11.0574L1 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")!important
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

#salesforce-sales-cloud .owl-awards .partner-card {
    cursor: auto
}

#salesforce-sales-cloud .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

#salesforce-sales-cloud .ks-contact-sec {
    padding-top: 170px
}

#salesforce-sales-cloud .cursor-pointer {
    cursor: pointer
}

#salesforce-sales-cloud .ks-carousel-item-inner {
    padding-top: 70px;
    padding-bottom: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 760px
}

#salesforce-sales-cloud .carousel-btn-position {
    position: absolute;
    height: 50px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

#salesforce-sales-cloud .carousel-data-card {
    padding: 12px;
    margin-bottom: 12px;
    margin-right: 12px;
    border-radius: 5px;
    display: inline-block
}

@media (max-width: 768px) {
    #salesforce-sales-cloud .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    #salesforce-sales-cloud .ks-carousel-item-inner {
        height: auto
    }

    #salesforce-sales-cloud .col-lg-custom {
        width: 33%
    }

    #salesforce-sales-cloud .ks-service-box-title {
        flex-wrap: wrap!important
    }

    #salesforce-sales-cloud .ks-service-box-title h3 {
        width: calc(100% - 165px);
        margin-left: 15px!important
    }

    #salesforce-sales-cloud .ks-service-box-text {
        padding-right: 15px!important
    }

    #salesforce-sales-cloud .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    #salesforce-sales-cloud .ks-hero-data-outer {
        margin:0
    }

    #salesforce-sales-cloud .ks-hero-bg .font-80 {
        font-size: 40px
    }

    #salesforce-sales-cloud .ks-contact-sec .font-45 {
        font-size: 36px
    }

    #salesforce-sales-cloud .ks-career-sec-inner,.ks-carousel-item-inner,.ks-hero-bg .py-75,.ks-partner-sec {
        padding: 40px 15px
    }

    #salesforce-sales-cloud .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    #salesforce-sales-cloud .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    #salesforce-sales-cloud .col-lg-custom {
        width: 50%
    }

    #salesforce-sales-cloud .ks-service-box-inner {
        width: auto
    }

    #salesforce-sales-cloud .ks-services-bg .row {
        margin-right: 0
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    #salesforce-sales-cloud .ks-services-bg {
        padding-bottom: 20px
    }

    #salesforce-sales-cloud .client-bg-img {
        margin-top: -140px
    }

    #salesforce-sales-cloud .ks-client-bg {
        padding-bottom: 140px
    }

    #salesforce-sales-cloud .partner-card {
        height: 150px
    }

    #salesforce-sales-cloud .ks-awards-bg {
        padding-top: 40px
    }

    #salesforce-sales-cloud .bg-wave-effect {
        display: none
    }
}

#salesforce-sales-cloud .map-img-2,.map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

#salesforce-sales-cloud .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

#salesforce-sales-cloud .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

#salesforce-sales-cloud .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

#salesforce-sales-cloud .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

#salesforce-sales-cloud .ks-owl-btn .owl-nav button.owl-next,.ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

#salesforce-sales-cloud .btn-primary:hover {
    color: #e32235;
    border-color: #e32235
}

#salesforce-sales-cloud .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

#salesforce-sales-cloud .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

#salesforce-sales-cloud .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

#salesforce-sales-cloud .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

#salesforce-sales-cloud .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

#salesforce-sales-cloud .element.text-primary.ms-3 span {
    color: #fff!important
}

@media (min-width: 769px) {
    #salesforce-sales-cloud .ks-service-box:not(.no-event):hover {
        display:block
    }

    #salesforce-sales-cloud .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    #salesforce-sales-cloud .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    #salesforce-sales-cloud .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    #salesforce-sales-cloud .col-lg-custom {
        width:25%
    }

    #salesforce-sales-cloud .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-prev,.ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    #salesforce-sales-cloud .ks-carousel-btn-design .carousel-control-next,.ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    #salesforce-sales-cloud .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 575px) {
    #salesforce-sales-cloud .ks-hero-data {
        margin-bottom:32px
    }

    #salesforce-sales-cloud .ks-hero-data:after {
        display: none
    }

    #salesforce-sales-cloud .meet-team-card {
        text-align: center
    }

    #salesforce-sales-cloud .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #salesforce-sales-cloud .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

#salesforce-sales-cloud .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

#salesforce-sales-cloud .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    #salesforce-sales-cloud .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

#salesforce-sales-cloud .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

#salesforce-sales-cloud .lh-auto {
    line-height: initial
}

#salesforce-sales-cloud .text-em-large {
    font-size: 1.5em
}

@media (max-width: 768px) {
    #salesforce-sales-cloud .index-page-popup .close {
        right:0
    }

    #salesforce-sales-cloud .popup-imgs img {
        object-fit: contain
    }

    #salesforce-sales-cloud .popup-header .font-36,.popup-main-text {
        font-size: 24px
    }
}

#salesforce-sales-cloud .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

#salesforce-sales-cloud .text-dark-pink {
    color: #ff6767
}

#salesforce-sales-cloud .benfits-sec .tab-box {
    background: #343434
}

#salesforce-sales-cloud .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

#salesforce-sales-cloud .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

#salesforce-sales-cloud .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

#salesforce-sales-cloud .wk-box .font-14 {
    color: #000
}

#salesforce-sales-cloud .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

#salesforce-sales-cloud .scroll-setter {
    position: absolute;
    margin-top: -120px
}

#salesforce-sales-cloud .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

#salesforce-sales-cloud .service-faq-sec .card-header {
    color: #343434
}

#salesforce-sales-cloud .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

#salesforce-sales-cloud .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

#salesforce-sales-cloud .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

#salesforce-sales-cloud .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-sales-cloud .service-faq-sec .card-body ul {
    color: #4b4b4b
}

#salesforce-sales-cloud .services-hero-sec {
    background-image: url(/image/kafka-bg.jpg);
    background-color: rgba(5,3,3,.81);
    background-blend-mode: color;
    background-size: 120vw;
    background-repeat: no-repeat;
    background-position-x: center
}

@media (max-width: 1024px) {
    #salesforce-sales-cloud .services-hero-sec {
        background-size:120vh
    }
}

@media (max-width: 768px) {
    #salesforce-sales-cloud .services-hero-sec {
        background-size:cover
    }
}

@media (max-width: 575px) {
    #salesforce-sales-cloud .benfits-sec .py-75,.bg-contact .py-100,.service-faq-sec .py-100,.solutions-sec .py-100,.wk-sec .py-100 {
        padding:40px 20px
    }

    #salesforce-sales-cloud .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

#salesforce-sales-cloud .py-spacing {
    padding: 110px 0 75px
}

#salesforce-sales-cloud .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

#salesforce-sales-cloud .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

#salesforce-sales-cloud .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

#salesforce-sales-cloud .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

#salesforce-sales-cloud .player__container iframe,.player__container embed,.player__container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99
}

#salesforce-sales-cloud .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

#salesforce-sales-cloud .success-story-box .control-prev,.success-story-box .control-next {
    margin: 0 15px
}

#salesforce-sales-cloud .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

#salesforce-sales-cloud .text-dark.subheading-text {
    color: #515152!important
}

#salesforce-sales-cloud .text-dark.heading-text {
    color: #404040!important
}

#salesforce-sales-cloud .solutions-col img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-sales-cloud .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

#salesforce-sales-cloud .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

#salesforce-sales-cloud .ks-client-bg {
    padding: 180px 0 60px;
    background: #f6f6f9
}

#salesforce-sales-cloud .ks-meet {
    padding: 60px 0
}

#salesforce-sales-cloud .user-meet-footer .meet-team-link {
    margin-top: 0
}

#salesforce-sales-cloud .ks-discuss {
    padding: 60px 0
}

#salesforce-sales-cloud .contact-info-item:first-child {
    font-weight: 400
}

#salesforce-sales-cloud .contact-info-item svg {
    margin-top: 3px
}

#salesforce-sales-cloud .our-new-client .col-md-4 {
    max-width: 125px
}

#salesforce-sales-cloud .our-new-client .col-md-4 svg {
    height: 35px
}

#salesforce-sales-cloud .our-new-client {
    height: 55px;
    padding: 5px 10px
}

@media (max-width: 280px) {
    #salesforce-sales-cloud .ks-mobile-view-top {
        display:none
    }
}

#salesforce-sales-cloud .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

@media (max-width: 767px) {
    #salesforce-sales-cloud .font-36 {
        font-size:28px
    }

    #salesforce-sales-cloud .font-45 {
        font-size: 24px
    }

    #salesforce-sales-cloud .heading-text.font-45 {
        font-size: 28px
    }

    #salesforce-sales-cloud .font-18,.heading-text.font-36 {
        font-size: 16px
    }

    #salesforce-sales-cloud .subheading-text.font-18,.spotlight-item-list ul {
        font-size: 14px!important
    }

    #salesforce-sales-cloud .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    #salesforce-sales-cloud .ks-who-sec-item {
        height: 100%
    }

    #salesforce-sales-cloud .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    #salesforce-sales-cloud .success-story-box,.ks-who-sec-inner {
        border-radius: 10px
    }

    #salesforce-sales-cloud .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    #salesforce-sales-cloud .ks-insights,.ks-meet {
        padding: 35px 0
    }

    #salesforce-sales-cloud .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    #salesforce-sales-cloud .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    #salesforce-sales-cloud .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    #salesforce-sales-cloud .ks-client-bg {
        padding: 145px 0 20px
    }
}

@media (max-width: 557px) {
    #salesforce-sales-cloud .font-28 {
        font-size:16px
    }

    #salesforce-sales-cloud .py-75 {
        padding: 35px 15px
    }

    #salesforce-sales-cloud #contactForm4 .btn-primary {
        width: 100%
    }

    #salesforce-sales-cloud .ks-discuss {
        padding: 35px 0
    }

    #salesforce-sales-cloud .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    #salesforce-sales-cloud .success-story-box p {
        margin-top: 16px
    }

    #salesforce-sales-cloud .solutions-col img {
        height: 35px
    }

    #salesforce-sales-cloud .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

#salesforce-sales-cloud .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-sales-cloud .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

#salesforce-sales-cloud .ks-offering .spotlight-item-image svg {
    display: block
}

#salesforce-sales-cloud .letter-sp-2 {
    letter-spacing: .02em
}

#salesforce-sales-cloud .ks-right-alignment {
    right: 0
}

#salesforce-sales-cloud .ks-left-alignment {
    left: 0
}

#salesforce-sales-cloud .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

#salesforce-sales-cloud .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

#salesforce-sales-cloud .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

#salesforce-sales-cloud .ks-background-pink1 {
    background-color: #fde8de
}

#salesforce-sales-cloud .ks-background-pink2 {
    background-color: #fff0d3
}

#salesforce-sales-cloud .ks-background-blue1 {
    background-color: #dee7fd
}

#salesforce-sales-cloud .ks-background-blue2 {
    background-color: #cce3ff
}

#salesforce-sales-cloud .ks-background-blue3 {
    background-color: #e1e2ff
}

#salesforce-sales-cloud .ks-background-blue4 {
    background-color: #e5e5fb
}

#salesforce-sales-cloud .ks-background-lightblue {
    background-color: #daf8ff
}

#salesforce-sales-cloud .ks-letter-spacing {
    letter-spacing: .02em
}

#salesforce-sales-cloud .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

#salesforce-sales-cloud .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

#salesforce-sales-cloud .ks-marketing-banner {
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-sales-cloud .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

#salesforce-sales-cloud .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

#salesforce-sales-cloud .text-blue {
    color: #11bafc
}

#salesforce-sales-cloud .tex-light-blue {
    color: #c8effe
}

#salesforce-sales-cloud .bg-orange {
    background-color: #f26322
}

#salesforce-sales-cloud .bg-red {
    background-color: #e33636!important
}

#salesforce-sales-cloud .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

#salesforce-sales-cloud .border-r-10 {
    border-radius: 10px!important
}

#salesforce-sales-cloud .border-none {
    border: none
}

#salesforce-sales-cloud .box-shadow-none {
    box-shadow: none!important
}

#salesforce-sales-cloud .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

#salesforce-sales-cloud .ks-section-marketing.ks-ksolves-experts {
    left: center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-sales-cloud .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

#salesforce-sales-cloud .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

#salesforce-sales-cloud .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-sales-cloud .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#salesforce-sales-cloud .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

#salesforce-sales-cloud .ks-our-process-panel.page-section.ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

#salesforce-sales-cloud .py-68 {
    padding: 68px 0
}

#salesforce-sales-cloud .py-132 {
    padding: 132px 0
}

#salesforce-sales-cloud .ks-grow-business {
    background: url(/image/Rectangle-21-2.webp) left center;
    background-size: cover
}

#salesforce-sales-cloud .ks-marketing-faq .text-investors {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

#salesforce-sales-cloud .ks-marketing-faq {
    background-color: #f6f6f9
}

#salesforce-sales-cloud .ks-marketing-faq .card-body,.ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

#salesforce-sales-cloud .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

#salesforce-sales-cloud .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

#salesforce-sales-cloud .ks-marketing-faq .card {
    border-bottom: 1px solid #ededef;
    margin-bottom: 1rem
}

#salesforce-sales-cloud .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

#salesforce-sales-cloud .ks-marketing-faq .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-sales-cloud .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

#salesforce-sales-cloud .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

#salesforce-sales-cloud .ks-expert-card-details {
    margin-bottom: 4rem
}

#salesforce-sales-cloud .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

#salesforce-sales-cloud .ks-line-height-19 {
    line-height: 19px
}

#salesforce-sales-cloud .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

#salesforce-sales-cloud .ks-marketing-team {
    background-color: #f6f6f9
}

#salesforce-sales-cloud .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

#salesforce-sales-cloud .ks-color-dark-light {
    color: #262626
}

#salesforce-sales-cloud .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

#salesforce-sales-cloud .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

#salesforce-sales-cloud .py-20 {
    padding: 20px 0
}

#salesforce-sales-cloud .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

.ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-sales-cloud .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

#salesforce-sales-cloud .ks-see-more:after {
    content: "";
    background: url(/images/marketing/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

#salesforce-sales-cloud .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

#salesforce-sales-cloud .ks-deliver-results h2,.ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-sales-cloud .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

#salesforce-sales-cloud .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

#salesforce-sales-cloud .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

#salesforce-sales-cloud .ks-deliver-result-heading span {
    color: #427fce;
    text-transform: uppercase;
    line-height: 1
}

#salesforce-sales-cloud .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce
}

#salesforce-sales-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

#salesforce-sales-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

#salesforce-sales-cloud .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

#salesforce-sales-cloud .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

#salesforce-sales-cloud .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

#salesforce-sales-cloud .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

#salesforce-sales-cloud #accordion {
    max-width: 950px;
    margin: auto
}

#salesforce-sales-cloud .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

#salesforce-sales-cloud .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

#salesforce-sales-cloud .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-sales-cloud .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11bafc;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#salesforce-sales-cloud .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

#salesforce-sales-cloud .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-sales-cloud .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    #salesforce-sales-cloud .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    #salesforce-sales-cloud .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    #salesforce-sales-cloud .ks-sl-prodict-card {
        text-align: center
    }

    #salesforce-sales-cloud .ks-sl-prodict-card .col-sm-12.pr-0 {
        padding: 0
    }

    #salesforce-sales-cloud .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    #salesforce-sales-cloud .cmmi-sec img {
        height:70px!important
    }

    #salesforce-sales-cloud .ks-see-more {
        margin-top: 1rem
    }

    #salesforce-sales-cloud .ks-marketing-banner {
        padding-top: 40px
    }

    #salesforce-sales-cloud .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    #salesforce-sales-cloud .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    #salesforce-sales-cloud .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    #salesforce-sales-cloud .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    #salesforce-sales-cloud .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    #salesforce-sales-cloud .ks-marketing-banner .font-45,.ks-market-grow-business .font-45,.ks-marketing-faq .font-45,.ks-marketing-page-who-ksolves .font-40,.ks-section-marketing .font-36,.ks-ksolves-experts .font-36,.ks-looking-for-section .font-36,.ks-marketing-benefits .font-36,.ks-deliver-results h2,.ks-marketing-team h2,.ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    #salesforce-sales-cloud .font-50 {
        font-size: 22px
    }

    #salesforce-sales-cloud .font-18 {
        font-size: 16px!important
    }

    #salesforce-sales-cloud .ks-buttons button,.ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    #salesforce-sales-cloud .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    #salesforce-sales-cloud .ks-marketing-benefits {
        padding-bottom: 0!important
    }

    #salesforce-sales-cloud .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    #salesforce-sales-cloud .py-68 {
        padding: 40px 0
    }

    #salesforce-sales-cloud .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #salesforce-sales-cloud .ks-our-process-panel.page-section.ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    #salesforce-sales-cloud .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    #salesforce-sales-cloud .solutions-col img {
        height: 100%
    }

    #salesforce-sales-cloud .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    #salesforce-sales-cloud .py-132 {
        padding: 50px 0
    }

    #salesforce-sales-cloud .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    #salesforce-sales-cloud #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    #salesforce-sales-cloud #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    #salesforce-sales-cloud #ks-contactModal .ks-marketing-contact-info-area,#ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    #salesforce-sales-cloud .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    #salesforce-sales-cloud .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

#salesforce-cpq .py-75 {
    padding: 75px 0
}

#salesforce-cpq .py-55 {
    padding: 55px 0
}

#salesforce-cpq .z-index-1 {
    z-index: 1
}

#salesforce-cpq .ks-color-dark-light {
    color: #262626
}

@media (max-width: 575px) {
    #salesforce-cpq .font-80 {
        font-size:40px
    }

    #salesforce-cpq .ks-contact-sec .font-45 {
        font-size: 36px
    }

    #salesforce-cpq .ks-career-sec-inner,.py-75,.ks-partner-sec {
        padding: 40px 15px
    }

    #salesforce-cpq .row {
        margin-right: 0
    }

    #salesforce-cpq .client-bg-img {
        margin-top: -140px
    }

    #salesforce-cpq .partner-card {
        height: 150px
    }
}

#salesforce-cpq .map-img-2,.map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

#salesforce-cpq .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

#salesforce-cpq .element.text-primary.ms-3 span {
    color: #fff!important
}

#salesforce-cpq .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    #salesforce-cpq .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

#salesforce-cpq .benfits-sec .tab-box {
    background: #343434
}

#salesforce-cpq .kafka-page-form .ks-contact-form {
    background: linear-gradient(180deg,#363636 0,rgba(56,55,55,.93) 100%),#191918;
    padding: 50px 60px
}

#salesforce-cpq .kafka-page-form .ks-captcha-outer {
    justify-content: flex-start!important;
    margin-left: -10px
}

#salesforce-cpq .kafka-page-form .btn-primary {
    width: 100%
}

#salesforce-cpq .kafka-page-form .ks-input,.kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

#salesforce-cpq .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

#salesforce-cpq .kafka-page-form label:not(.error) {
    display: inline-block!important
}

#salesforce-cpq .kafka-page-form label.error {
    width: 100%
}

#salesforce-cpq .wk-box .font-14 {
    color: #000
}

#salesforce-cpq .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

#salesforce-cpq .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

#salesforce-cpq .service-faq-sec .card-header {
    color: #343434
}

#salesforce-cpq .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

#salesforce-cpq .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

#salesforce-cpq .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
}

#salesforce-cpq .service-faq-sec .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-cpq .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

#salesforce-cpq .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 575px) {
    #salesforce-cpq .kafka-content .tab-pane {
        padding:20px
    }

    #salesforce-cpq .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    #salesforce-cpq .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    #salesforce-cpq .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

#salesforce-cpq .overview-image-box .overview-image {
    width: 100%
}

#salesforce-cpq .overview-image-box #ks-vid-play {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-cpq .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#salesforce-cpq .services-description ul li {
    position: relative;
    padding-left: 20px
}

#salesforce-cpq .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

#salesforce-cpq .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

#salesforce-cpq .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

#salesforce-cpq .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

#salesforce-cpq .insights-link a:hover {
    font-weight: 700
}

#salesforce-cpq .salesforce-item:first-child {
    margin-top: 0
}

#salesforce-cpq .salesforce-item:last-child {
    margin-bottom: 0
}

#salesforce-cpq .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

#salesforce-cpq .salesforce-form-input:focus {
    outline: 0
}

#salesforce-cpq .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

#salesforce-cpq .py-spacing {
    padding: 110px 0 75px
}

#salesforce-cpq .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

#salesforce-cpq .salesforce-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#salesforce-cpq .success-story-box p {
    text-align: center;
    letter-spacing: .02em;
    color: #565758;
    margin-bottom: 30px;
    line-height: 26px;
    margin-top: 40px
}

#salesforce-cpq .success-story-box .control-prev,.success-story-box .control-next {
    margin: 0 15px
}

#salesforce-cpq .request-call-back button {
    width: 100%
}

#salesforce-cpq .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

#salesforce-cpq .text-dark.subheading-text {
    color: #515152!important
}

#salesforce-cpq .text-dark.heading-text {
    color: #404040!important
}

#salesforce-cpq .solutions-col img {
    object-fit: contain
}

#salesforce-cpq .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

#salesforce-cpq .user-meet-img .meet-team-img {
    border-radius: 0
}

#salesforce-cpq .user-meet-footer .meet-team-link {
    margin-top: 0
}

#salesforce-cpq .insights-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#salesforce-cpq .insights-item-link a svg {
    margin-left: 10px
}

#salesforce-cpq .contact-info-item svg {
    margin-top: 3px
}

#salesforce-cpq .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11bafc;
    border-color: #11bafc
}

#salesforce-cpq .nav-link.btn-primary {
    display: flex;
    align-items: center
}

#salesforce-cpq .our-new-client .col-md-4 {
    max-width: 125px
}

#salesforce-cpq .our-new-client .col-md-4 svg {
    height: 35px
}

#salesforce-cpq .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

#salesforce-cpq .ks-auto-scroll .row {
    flex-wrap: nowrap
}

#salesforce-cpq .ks-auto-scroll .row .col-lg-4 {
    min-width: 290px
}

@media (max-width: 557px) {
    #salesforce-cpq .py-75 {
        padding:35px 15px
    }

    #salesforce-cpq #contactForm4 .btn-primary {
        width: 100%
    }

    #salesforce-cpq .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    #salesforce-cpq .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    #salesforce-cpq .success-story-box p {
        margin-top: 16px
    }

    #salesforce-cpq .solutions-col img {
        height: 35px
    }

    #salesforce-cpq .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

.ks-bottom-form .ks-input {
    height: 56px
}

#salesforce-cpq .ks-marketing-banner {
    background-image: url(/image/CPQ-services-bg.webp);
    background-attachment: fixed
}

#salesforce-cpq .ks-marketing-banner .container .row {
    min-height: 540px
}

#salesforce-cpq .ks-deliver-result-heading h3 {
    color: #427fce;
    text-transform: uppercase
}

@media (max-width: 767px) {
    #salesforce-cpq .ks-who-ksolves .btn-outline-light {
        white-space:normal;
        max-width: calc(100% - 30px)
    }
}

#salesforce-cpq .ks-right-alignment {
    right: 0
}

#salesforce-cpq .ks-left-alignment {
    left: 0
}

#salesforce-cpq .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

#salesforce-cpq .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

#salesforce-cpq .ks-marketing-banner {
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-cpq .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

#salesforce-cpq .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

#salesforce-cpq .img-border-orange img {
    height: 60px;
    width: 60px
}

#salesforce-cpq .text-blue {
    color: #11bafc
}

#salesforce-cpq .text-red {
    color: #e33636
}

#salesforce-cpq .text-orange {
    color: #f26322
}

#salesforce-cpq .tex-light-blue {
    color: #c8effe
}

#salesforce-cpq .bg-orange {
    background-color: #f26322
}

#salesforce-cpq .bg-red {
    background-color: #e33636!important
}

#salesforce-cpq .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

#salesforce-cpq .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

#salesforce-cpq .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg-2.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-cpq .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

#salesforce-cpq .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

#salesforce-cpq .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-cpq .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#salesforce-cpq .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

#salesforce-cpq .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

#salesforce-cpq .py-68 {
    padding: 68px 0
}

#salesforce-cpq .py-132 {
    padding: 132px 0
}

#salesforce-cpq .ks-grow-business {
    background: url(/image/Rectangle-21-2.webp) left center;
    background-size: cover
}

#salesforce-cpq .ks-marketing-faq .card-body,.ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

#salesforce-cpq .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

#salesforce-cpq .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

#salesforce-cpq .ks-marketing-faq .card {
    border-bottom: 1px solid #ededef;
    margin-bottom: 1rem
}

#salesforce-cpq .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

#salesforce-cpq .ks-marketing-faq .card-header .btn-accordian[aria-expanded="true"]:after {
    transform: rotate(180deg)
}

#salesforce-cpq .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

#salesforce-cpq .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

#salesforce-cpq .ks-expert-card-details {
    margin-bottom: 4rem
}

#salesforce-cpq .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

#salesforce-cpq .ks-line-height-19 {
    line-height: 19px
}

#salesforce-cpq .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

#salesforce-cpq .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

#salesforce-cpq .py-20 {
    padding: 20px 0
}

#salesforce-cpq .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-cpq .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

#salesforce-cpq .ks-see-more:after {
    content: "";
    background: url(/images/marketing/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

#salesforce-cpq .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

#salesforce-cpq .ks-deliver-results h2,.ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-cpq .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

#salesforce-cpq .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

#salesforce-cpq .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

#salesforce-cpq .ks-deliver-result-heading span {
    color: #427fce;
    text-transform: uppercase;
    line-height: 1
}

#salesforce-cpq .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce
}

#salesforce-cpq .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

#salesforce-cpq .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

#salesforce-cpq .ks-contact-mail-div .ks-mail-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #4b4b4b
}

#salesforce-cpq .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded {
    background: #dc2230!important;
    border-color: #dc2230!important;
    border-radius: 5px!important;
    height: 48px
}

#salesforce-cpq .ks-marketing-benefits {
    padding-bottom: 35px!important
}

#salesforce-cpq .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

#salesforce-cpq .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

#salesforce-cpq .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

#salesforce-cpq #accordion {
    max-width: 950px;
    margin: auto
}

#salesforce-cpq .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

#salesforce-cpq .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

#salesforce-cpq .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-cpq .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11bafc;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#salesforce-cpq .ks-section-marketing {
    background-size: cover
}

#salesforce-cpq .icon-sec-2 {
    width: 54px;
    height: 54px
}

#salesforce-cpq .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

#salesforce-cpq .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    #salesforce-cpq main .container {
        max-width:1200px
    }

    #salesforce-cpq .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    #salesforce-cpq .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    #salesforce-cpq .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    #salesforce-cpq .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    #salesforce-cpq .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    #salesforce-cpq .ks-sl-prodict-card {
        text-align: center
    }

    #salesforce-cpq .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    #salesforce-cpq .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    #salesforce-cpq .cmmi-sec img {
        height:70px!important
    }

    #salesforce-cpq .ks-see-more {
        margin-top: 1rem
    }

    #salesforce-cpq .ks-marketing-banner {
        padding-top: 40px
    }

    #salesforce-cpq .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    #salesforce-cpq .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    #salesforce-cpq .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    #salesforce-cpq .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    #salesforce-cpq .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    #salesforce-cpq .ks-marketing-banner .font-45,.ks-market-grow-business .font-45,.ks-marketing-faq .font-45,.ks-marketing-page-who-ksolves .font-40,.ks-section-marketing .font-36,.ks-ksolves-experts .font-36,.ks-looking-for-section .font-36,.ks-marketing-benefits .font-36,.ks-deliver-results h2,.ks-marketing-team h2,.ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    #salesforce-cpq .ks-banner-counter .font-50 {
        font-size: 22px
    }

    #salesforce-cpq .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    #salesforce-cpq .ks-buttons button,.ks-buttons a {
        font-size: 1rem!important
    }

    #salesforce-cpq .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    #salesforce-cpq .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    #salesforce-cpq .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    #salesforce-cpq .py-68 {
        padding: 40px 0
    }

    #salesforce-cpq .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #salesforce-cpq .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    #salesforce-cpq .solutions-col img {
        height: 100%
    }

    #salesforce-cpq .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    #salesforce-cpq .py-132 {
        padding: 50px 0
    }

    #salesforce-cpq .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    #salesforce-cpq .ks-who-sec-inner.py-68 {
        padding-left:16px;
        padding-right: 16px
    }

    #salesforce-cpq .ks-marketing-banner h1.banner-header {
        font-size: 36px;
        line-height: 1.2
    }
}

#salesforce-cpq .ks-marketing-banner {
    background-image: url(/image/muleSoft-bg.webp);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom
}

#salesforce-cpq .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 90px
}

#salesforce-cpq .ks-deliver-result-heading h3 {
    color: #427fce;
    text-transform: uppercase
}

#salesforce-cpq .ks-marketing-banner .container .row {
    min-height: 540px
}

@media (max-width: 991px) {
    #salesforce-cpq .ks-sl-prodict-card .d-flex {
        justify-content:center
    }
}

#salesforce-cpq .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg-2.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

#salesforce-cpq .bg-EFFAFE {
    background-color: #effafe
}

#salesforce-cpq .service-faq-sec .card-body p {
    color: #343434
}

#salesforce-experience-cloud .bg-EFFAFE {
    background-color: #effafe
}

#salesforce-experience-cloud .ks-marketing-banner.ks-salesforce-experience-cloud {
    background-image: url(/image/banner-bg-3.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.75)
}

#salesforce-experience-cloud .ks-ksolves-experts .ks-sl-prodict-card {
    border-color: #f26322
}

#salesforce-experience-cloud .ks-reason-sec .reason-box-image img {
    min-width: 90px;
    width: 90px;
    height: 90px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#salesforce-experience-cloud .banner-header-text {
    color: #11bafc;
    font-weight: 700;
    font-size: 45px;
    line-height: 50px
}

#salesforce-experience-cloud .text-col {
    color: #373333
}

#salesforce-experience-cloud .para-col {
    color: #393939
}

#salesforce-experience-cloud .ks-sl-prodict-card.blue-border {
    border-top: 3px solid #11bafc!important
}

#salesforce-experience-cloud .ks-deliver-result-heading .text-blue {
    color: #427fce
}

#salesforce-experience-cloud .card-body ul li .text-bold {
    font-weight: 600
}

#salesforce-experience-cloud .img-border-blue img {
    height: 60px;
    width: 60px
}

#salesforce-experience-cloud .py-75 {
    padding: 75px 0
}

#salesforce-experience-cloud .py-100 {
    padding: 100px 0
}

#salesforce-experience-cloud .py-55 {
    padding: 55px 0
}

#salesforce-experience-cloud .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

#salesforce-experience-cloud .flag-india {
    margin-right: 30px;
    margin-top: 20px
}

#salesforce-experience-cloud .z-index-1 {
    z-index: 1
}

#salesforce-experience-cloud .text-dark-pink {
    color: #ff6767
}

#salesforce-experience-cloud .scroll-setter {
    position: absolute;
    margin-top: -120px
}

#salesforce-experience-cloud .solution-box-outer {
    background: linear-gradient(180deg,#232323 0,rgba(28,28,28,.93) 100%),#191918;
    border-radius: 20px;
    padding: 40px 20px;
    margin-bottom: 30px
}

#salesforce-experience-cloud .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

#salesforce-experience-cloud .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    opacity: 0
}

#salesforce-experience-cloud .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#salesforce-experience-cloud .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

#salesforce-experience-cloud .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

#salesforce-experience-cloud .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#salesforce-experience-cloud .services-description ul li {
    position: relative;
    padding-left: 20px
}

#salesforce-experience-cloud .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: " ";
    top: 11px;
    left: 0;
    border-radius: 6px
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: 0.7s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: 0.8s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: 0.9s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

#salesforce-experience-cloud .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

#salesforce-experience-cloud .ks-development-company-box {
    width: 100%;
    height: 100%;
    background: #f8fdff;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #343434
}

#salesforce-experience-cloud .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

#salesforce-experience-cloud .services-salesforce-hero-sec {
    background: #0e97d8
}

@media (max-width: 767px) {
    #salesforce-experience-cloud .services-salesforce-hero-bg {
        background-color:#1996d5
    }
}

#salesforce-experience-cloud .services-salesforce-hero-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#salesforce-experience-cloud .contact-us-box {
    background: rgba(251,251,251,.7);
    border-radius: 10px
}

#salesforce-experience-cloud .salesforce-item {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

#salesforce-experience-cloud .salesforce-item:first-child {
    margin-top: 0
}

#salesforce-experience-cloud .salesforce-item:last-child {
    margin-bottom: 0
}

#salesforce-experience-cloud .salesforce-form-input {
    width: 100%;
    background: rgba(255,255,255,.6);
    border: 1px solid #c4ddfc;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 40px;
    padding: 0 12px
}

#salesforce-experience-cloud .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

#salesforce-experience-cloud .salesforce-form-input:focus {
    outline: 0
}

#salesforce-experience-cloud .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

#salesforce-experience-cloud .salesforce-form-submit {
    width: 100%;
    background: #1a97d5;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

#salesforce-experience-cloud .salesforce-form-submit:focus {
    outline: 0
}

#salesforce-experience-cloud .ks-salesforce-services-bg {
    background: #fdfbfb
}

#salesforce-experience-cloud .ks-sales-sec {
    background: #fdfbfb
}

#salesforce-experience-cloud .py-spacing {
    padding: 110px 0 75px
}

#salesforce-experience-cloud .services-lg-custom {
    width: 40%;
    margin-bottom: 12px
}

#salesforce-experience-cloud .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

#salesforce-experience-cloud .salesforce-item {
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0 6px;
    max-width: 184px
}

#salesforce-experience-cloud .salesforce-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#salesforce-experience-cloud .ks-saleshome-service {
    background: #fff;
    padding: 58px 0
}

#salesforce-experience-cloud .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

#salesforce-experience-cloud .ks-who-sec-item {
    max-width: 280px;
    height: 100%;
    display: block;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.04);
    border-radius: 5px
}

#salesforce-experience-cloud .ks-who-sec-number {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 79px
}

#salesforce-experience-cloud .ks-who-sec-name {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #515152
}

#salesforce-experience-cloud .ks-spotlight {
    padding: 180px 0 180px;
    background: #f6f6f9
}

#salesforce-experience-cloud .text-dark.subheading-text {
    color: #515152!important
}

#salesforce-experience-cloud .text-dark.heading-text {
    color: #404040!important
}

#salesforce-experience-cloud .spotlight-item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-experience-cloud .spotlight-item-image {
    background: #e1f5ff;
    text-align: center;
    padding: 30px
}

#salesforce-experience-cloud .spotlight-item-text {
    padding: 25px;
    padding-bottom: 48px
}

#salesforce-experience-cloud .spotlight-item-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #2a2a2a;
    margin-bottom: 15px
}

#salesforce-experience-cloud .spotlight-item-list ul {
    padding: 0;
    margin-left: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: .02em;
    color: #6f7072
}

#salesforce-experience-cloud .spotlight-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#salesforce-experience-cloud .spotlight-item-link a svg {
    margin-left: 10px
}

#salesforce-experience-cloud .spotlight-item-link {
    position: absolute;
    bottom: 24px
}

#salesforce-experience-cloud .solutions-col img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-experience-cloud .solutions-row {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    #salesforce-experience-cloud .solutions-col {
        width: calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

@media (max-width: 1279px) {
    #salesforce-experience-cloud .solutions-row {
        display:grid;
        grid-gap: 18px;
        justify-self: center;
        grid-template-columns: repeat(auto-fill,minmax(196px,1fr))
    }
}

#salesforce-experience-cloud .ks-development-company-box {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #515152;
    padding: 20px!important;
    background: #f6f6f9;
    border-radius: 10px
}

#salesforce-experience-cloud .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

#salesforce-experience-cloud .ks-client-bg {
    padding: 180px 0 60px;
    background: #f6f6f9
}

#salesforce-experience-cloud .client-img-bg {
    background: #fff
}

#salesforce-experience-cloud .ks-meet {
    padding: 60px 0
}

#salesforce-experience-cloud .meet-item {
    width: 100%;
    background: #f6f6f9;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap
}

#salesforce-experience-cloud .user-meet-img {
    width: 167px
}

#salesforce-experience-cloud .user-meet-text {
    width: calc(100% - 167px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px
}

#salesforce-experience-cloud .user-meet-img .meet-team-img {
    border-radius: 0
}

#salesforce-experience-cloud .user-meet-footer {
    display: flex;
    flex-wrap: wrap
}

#salesforce-experience-cloud .user-meet-footer .meet-team-link {
    margin-top: 0
}

#salesforce-experience-cloud .user-meet-exp {
    width: calc(100% - 31px);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #2a2a2a
}

#salesforce-experience-cloud .user-meet-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #2a2a2a
}

#salesforce-experience-cloud .user-meet-dsc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #515152;
    margin-top: 5px
}

#salesforce-experience-cloud .ks-insights {
    padding: 60px 0;
    background: #f6f6f9
}

#salesforce-experience-cloud .insights-item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-experience-cloud .insights-item-image {
    background: #e1f5ff;
    text-align: center
}

#salesforce-experience-cloud .insights-item-text {
    padding: 25px;
    padding-bottom: 48px
}

#salesforce-experience-cloud .insights-item-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #2a2a2a;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px
}

#salesforce-experience-cloud .insights-item-deec {
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: .02em;
    color: #6f7072;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px
}

#salesforce-experience-cloud .insights-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11bafc
}

#salesforce-experience-cloud .insights-item-link a svg {
    margin-left: 10px
}

#salesforce-experience-cloud .insights-item-link {
    position: absolute;
    bottom: 24px
}

#salesforce-experience-cloud .ks-discuss {
    padding: 60px 0
}

#salesforce-experience-cloud .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11bafc;
    border-color: #11bafc
}

#salesforce-experience-cloud .nav-link.btn-primary {
    display: flex;
    align-items: center
}

#salesforce-experience-cloud .ks-who-cont-box {
    max-width: 900px
}

#salesforce-experience-cloud .our-new-client .col-md-4 {
    max-width: 125px
}

#salesforce-experience-cloud .client-img-bg {
    border-radius: 4px;
    height: 114px
}

#salesforce-experience-cloud .our-new-client .col-md-4 svg {
    height: 35px
}

#salesforce-experience-cloud .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

#salesforce-experience-cloud .video-container {
    background: #205871
}

@media (max-width: 280px) {
    #salesforce-experience-cloud .ks-mobile-view-top {
        display:none
    }
}

#salesforce-experience-cloud .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

#salesforce-experience-cloud .ks-who-sec-item {
    height: 100%
}

#salesforce-experience-cloud .ks-who-sec-item.p-4 {
    padding: 0.8rem!important
}

#salesforce-experience-cloud .ks-spotlight {
    padding-top: 155px;
    padding-bottom: 140px
}

#salesforce-experience-cloud .request-call-back {
    padding: 20px 30px 10px 30px
}

#salesforce-experience-cloud .ks-auto-scroll {
    width: 100%;
    overflow: auto
}

#salesforce-experience-cloud .ks-auto-scroll .row {
    flex-wrap: nowrap
}

#salesforce-experience-cloud .ks-auto-scroll .row .col-lg-4 {
    min-width: 290px
}

#salesforce-experience-cloud .ks-client-bg {
    padding: 145px 0 20px
}

#salesforce-experience-cloud .salesforce-item {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px)
}

#salesforce-experience-cloud .devider-cont {
    opacity: .4
}

#salesforce-experience-cloud .letter-sp-2 {
    letter-spacing: .02em
}

#salesforce-experience-cloud .ks-right-alignment {
    right: 0
}

#salesforce-experience-cloud .ks-left-alignment {
    left: 0
}

#salesforce-experience-cloud .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

#salesforce-experience-cloud .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

#salesforce-experience-cloud .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

#salesforce-experience-cloud .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

#salesforce-experience-cloud .ks-background-pink1 {
    background-color: #fde8de
}

#salesforce-experience-cloud .ks-background-pink2 {
    background-color: #fff0d3
}

#salesforce-experience-cloud .ks-background-blue1 {
    background-color: #dee7fd
}

#salesforce-experience-cloud .ks-background-blue2 {
    background-color: #cce3ff
}

#salesforce-experience-cloud .ks-background-blue3 {
    background-color: #e1e2ff
}

#salesforce-experience-cloud .ks-background-blue4 {
    background-color: #e5e5fb
}

#salesforce-experience-cloud .ks-background-lightblue {
    background-color: #daf8ff
}

#salesforce-experience-cloud .ks-offer-bg {
    background-image: url(/images/magneto-development-services/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

#salesforce-experience-cloud .ks-letter-spacing {
    letter-spacing: .02em
}

#salesforce-experience-cloud .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

#salesforce-experience-cloud .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

#salesforce-experience-cloud .ks-development-company-box {
    min-height: 200px
}

#salesforce-experience-cloud .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

#salesforce-experience-cloud .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

#salesforce-experience-cloud .img-border-orange {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 68px;
    height: 34px;
    border: 4px solid #f26322;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#salesforce-experience-cloud .img-border-orange img {
    height: 60px;
    width: 60px
}

#salesforce-experience-cloud .text-blue {
    color: #11bafc
}

#salesforce-experience-cloud .text-red {
    color: #e33636
}

#salesforce-experience-cloud .text-orange {
    color: #f26322
}

#salesforce-experience-cloud .tex-light-blue {
    color: #c8effe
}

#salesforce-experience-cloud .bg-orange {
    background-color: #f26322
}

#salesforce-experience-cloud .bg-red {
    background-color: #e33636!important
}

#salesforce-experience-cloud .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

#salesforce-experience-cloud .border-r-10 {
    border-radius: 10px!important
}

#salesforce-experience-cloud .border-none {
    border: none
}

#salesforce-experience-cloud .box-shadow-none {
    box-shadow: none!important
}

#salesforce-experience-cloud .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

#salesforce-experience-cloud .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg-1.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

#salesforce-experience-cloud .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

#salesforce-experience-cloud .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

#salesforce-experience-cloud .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

#salesforce-experience-cloud .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

#salesforce-experience-cloud .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

#salesforce-experience-cloud .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

#salesforce-experience-cloud .py-68 {
    padding: 68px 0
}

#salesforce-experience-cloud .py-132 {
    padding: 132px 0
}

#salesforce-experience-cloud .ks-grow-business {
    background: url(/image/Rectangle-21-1.webp) left center;
    background-size: cover
}

#salesforce-experience-cloud .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

#salesforce-experience-cloud .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

#salesforce-experience-cloud .ks-expert-card-details {
    margin-bottom: 4rem
}

#salesforce-experience-cloud .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

#salesforce-experience-cloud .ks-line-height-19 {
    line-height: 19px
}

#salesforce-experience-cloud .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

#salesforce-experience-cloud .ks-color-dark-light {
    color: #262626
}

#salesforce-experience-cloud .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

#salesforce-experience-cloud .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

#salesforce-experience-cloud .py-20 {
    padding: 20px 0
}

#salesforce-experience-cloud .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

#salesforce-experience-cloud .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

#salesforce-experience-cloud .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

#salesforce-experience-cloud .ks-see-more:after {
    content: "";
    background: url(/images/marketing/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

#salesforce-experience-cloud .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

#salesforce-experience-cloud .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

#salesforce-experience-cloud .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

#salesforce-experience-cloud .ks-deliver-result-heading span {
    color: #427fce;
    text-transform: uppercase;
    line-height: 1
}

#salesforce-experience-cloud .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce
}

#salesforce-experience-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

#salesforce-experience-cloud .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

#salesforce-experience-cloud .ks-contact-modal .modal-dialog {
    max-width: 731px
}

#salesforce-experience-cloud .ks-contact-modal .modal-content {
    background: #f8f8f8;
    border-radius: 20px
}

#salesforce-experience-cloud .ks-contact-modal .modal-header {
    border: none;
    padding-bottom: 10px
}

#salesforce-experience-cloud .ks-contact-modal .modal-header .close {
    padding: .5rem .8rem;
    font-weight: 500;
    outline: none
}

#salesforce-experience-cloud .ks-contact-modal .ks-discuss,.ks-contact-modal .modal-body {
    padding: 0
}

#salesforce-experience-cloud .ks-contact-modal .ks-discuss-bg h5.ks-contact-head-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #4b4b4b;
    margin-bottom: 30px;
    margin-top: 10px
}

#salesforce-experience-cloud .ks-contact-modal .ks-discuss-bg {
    margin: 0!important;
    padding: 30px;
    background-image: none;
    padding-top: 0;
    padding-bottom: 0
}

#salesforce-experience-cloud .ks-marketing-contact-popup {
    flex: 0 0 60.525%;
    max-width: 60.525%
}

#salesforce-experience-cloud .ks-marketing-contact-info-area {
    flex: 0 0 35.42%;
    max-width: 35.42%
}

#salesforce-experience-cloud .ks-marketing-contact-popup .ks-bottom-form {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 23px;
    padding: 36px 29px
}

#salesforce-experience-cloud .ks-contact-mail-div {
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.06);
    border-radius: 20px;
    padding: 7px 20px;
    bottom: 0;
    position: absolute
}

#salesforce-experience-cloud .ks-contact-mail-div .ks-mail-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #4b4b4b
}

#salesforce-experience-cloud .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded {
    background: #dc2230!important;
    border-color: #dc2230!important;
    border-radius: 5px!important;
    height: 48px
}

#salesforce-experience-cloud .ks-know-more-btn {
    border: 2px solid;
    background-color: transparent!important;
    letter-spacing: .03em
}

#salesforce-experience-cloud .ks-know-more-btn:hover {
    background-color: #fff!important
}

#salesforce-experience-cloud .ks-marketing-benefits {
    padding-bottom: 35px!important
}

#salesforce-experience-cloud .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

#salesforce-experience-cloud .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

#salesforce-experience-cloud .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

#salesforce-experience-cloud .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

#salesforce-experience-cloud #accordion {
    max-width: 950px;
    margin: auto
}

#salesforce-experience-cloud .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

#salesforce-experience-cloud .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11bafc;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

#salesforce-experience-cloud .icon-sec-2 {
    width: 54px;
    height: 54px
}

#salesforce-experience-cloud .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg-2.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

#salesforce-experience-cloud .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

#salesforce-experience-cloud .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1280px) {
    #salesforce-experience-cloud .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    #salesforce-experience-cloud .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    #salesforce-experience-cloud .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    #salesforce-experience-cloud .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    #salesforce-experience-cloud .ks-sl-prodict-card {
        text-align: center
    }

    #salesforce-experience-cloud .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    #salesforce-experience-cloud .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    #salesforce-experience-cloud .cmmi-sec img {
        height:70px!important
    }

    #salesforce-experience-cloud .ks-see-more {
        margin-top: 1rem
    }

    #salesforce-experience-cloud .ks-marketing-banner {
        padding-top: 40px
    }

    #salesforce-experience-cloud .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    #salesforce-experience-cloud .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    #salesforce-experience-cloud .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    #salesforce-experience-cloud .ks-marketing-banner .font-45,.ks-market-grow-business .font-45,.ks-marketing-page-who-ksolves .font-40,.ks-section-marketing .font-36,.ks-ksolves-experts .font-36,.ks-looking-for-section .font-36,.ks-marketing-benefits .font-36,.ks-deliver-results h2,.ks-marketing-team h2,.ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    #salesforce-experience-cloud .ks-banner-counter .font-50 {
        font-size: 22px
    }

    #salesforce-experience-cloud .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    #salesforce-experience-cloud .ks-buttons button,.ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    #salesforce-experience-cloud .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    #salesforce-experience-cloud .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    #salesforce-experience-cloud .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    #salesforce-experience-cloud .py-68 {
        padding: 40px 0
    }

    #salesforce-experience-cloud .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #salesforce-experience-cloud .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    #salesforce-experience-cloud .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    #salesforce-experience-cloud .solutions-col img {
        height: 100%
    }

    #salesforce-experience-cloud .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    #salesforce-experience-cloud .py-132 {
        padding: 50px 0
    }

    #salesforce-experience-cloud .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    #salesforce-experience-cloud #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    #salesforce-experience-cloud #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    #salesforce-experience-cloud #ks-contactModal .ks-marketing-contact-info-area,#ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .banner-header-text,.ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

@media (max-width: 320px) {
    #salesforce-experience-cloud .ks-deliver-result-heading .font-24 {
        font-size:24px!important;
        line-height: 30px
    }
}

.text-left {
    text-align: left
}

#salesforce-experience-cloud .img-fluid {
    max-width: 100%;
    height: auto
}

.img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11bafc;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.slds-story img {
    object-fit: contain;
    object-position: top
}

.red-hat,.top-crm-consulting,.force-talk,.expertise-img {
    display: none!important
}

.ks-whychoose-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px
}

@media (min-width: 992px) {
    .ks-whychoose-card {
        height:128px
    }
}

#salesforce-professional-services .case-study {
    font-weight: 700!important;
    font-size: 48px;
    padding-bottom: 1.5rem!important
}

.kks-body-case-study {
    background-color: rgba(250,250,250,.8)
}

.ks-body-case-study ul {
    list-style: none
}

.ks-body-case-study .banner-sec-case {
    background-image: url(/images/pages/events/odoo-event/odoo-landing-banner.webp);
    height: 630px
}

.ks-body-case-study .color-white {
    color: #fff
}

.ks-body-case-study .ks-top-header {
    padding-top: 42px;
    padding-bottom: 32px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-top-header {
        padding:40px 15px 30px 15px
    }
}

.ks-body-case-study .ks-top-header h4 {
    color: #1c1c1c;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.6px;
    margin-bottom: 16px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-top-header h4 {
        font-size:30px;
        line-height: 36px
    }
}

.ks-body-case-study .ks-top-header h6 {
    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study.ks-top-header h6 {
        font-size:16px;
        line-height: 24px
    }
}

.ks-body-case-study .ks-contact-purple-container {
    background-color: #f8f0f6;
    padding: 44px 0
}

.ks-body-case-study .ks-contact-purple-container h5 {
    color: #1c1c1c;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.6px;
    margin-bottom: 32px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-contact-purple-container h5 {
        font-size:30px;
        line-height: 36px;
        margin-bottom: 26px
    }
}

.ks-body-case-study .ks-odoo-promises {
    padding: 90px 0
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-odoo-promises {
        padding:40px 0
    }
}

.ks-body-case-study .ks-odoo-promises h5 {
    color: #1c1c1c;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.6px;
    margin-bottom: 50px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-odoo-promises h5 {
        font-size:32px;
        line-height: 36px;
        margin-bottom: 26px
    }
}

.ks-body-case-study .ks-voice {
    padding: 80px 0
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-voice {
        padding:40px 0
    }
}

.ks-body-case-study .ks-voice h5 {
    color: #1c1c1c;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.6px;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .ks-body-case-study .ks-voice h5 {
        font-size:32px;
        line-height: 36px;
        margin-bottom: 26px
    }
}

.ks-body-case-study .ks-voice .bg-dark-purple {
    border-radius: 16px;
    background-color: #b788ac;
    padding: 55px 65px
}

@media screen and (max-width: 991px) {
    .ks-body-case-study .ks-voice .bg-dark-purple {
        padding:31px 24px
    }
}

.ks-body-case-study .ks-voice .bg-dark-purple .text-area-container {
    border-radius: 32px 16px;
    background-color: #ffeefb;
    padding: 36px 30px
}

.ks-body-case-study .ks-voice .bg-dark-purple .text-area-container p {
    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.44px;
    margin-bottom: 10px
}

.ks-body-case-study .ks-voice .bg-dark-purple .text-area-container h6 {
    color: #444;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 34.76px
}

.ks-body-case-study .ks-voice .bg-dark-purple .text-area-container span {
    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.44px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav {
    margin-bottom: 40px;
    padding-left: 0;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav {
        margin-bottom:22px
    }
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav .nav-link {
    color: #444;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.64px;
    background-color: transparent;
    border: none;
    padding: 16px 24px;
    border-bottom: 1px solid #f1daff;
    border-radius: 0
}

@media screen and (max-width: 991px) {
    .ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav .nav-link {
        padding:8px
    }
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav .nav-link.active {
    border-radius: 8px 8px 0 0px!important;
    border-bottom: 2px solid #882957;
    background-color: #fee!important;
    color: #444!important
}

@media screen and (min-width: 1200px) {
    .ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards {
        max-width:1020px;
        margin-right: auto;
        margin-left: auto
    }
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 {
    margin-bottom: 24px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area {
    border-radius: 8px;
    border: 1px solid #f1daff;
    background-color: #fff;
    padding: 24px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-img {
    margin-bottom: 10px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-label {
    color: #ed4051;
    border-radius: 2px;
    background-color: #fff5f5;
    padding: 4px 8px;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12.815px;
    letter-spacing: .33px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-title {
    color: #1c1c1c;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.2px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
    margin-bottom: 12px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-project {
    color: #444;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.64px;
    margin-bottom: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 22px
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-project span {
    color: #343434
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-link {
    color: #323232;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    transition: all .2s ease-in-out;
    display: inline-block
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-link:hover {
    color: #e32235
}

.ks-body-case-study {
    background-color: rgba(250,250,250,.8);
    .ks-top-header {
        padding-top: 42px;
        padding-bottom: 32px;
        @media screen and (max-width: 575px) {
            padding:40px 15px 30px 15px
        }

        .ks-body-case-study h4 {
            color: #1c1c1c;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 46.6px;
            margin-bottom: 16px;
            @media screen and (max-width: 575px) {
                font-size:30px;
                line-height:36px}
        }

        .ks-body-case-study h6 {
            color: #444;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 27px;
            @media screen and (max-width: 575px) {
                font-size:16px;
                line-height:24px}
        }
    }

    .ks-body-case-study .ks-contact-purple-container {
        background-color: #f8f0f6;
        padding: 44px 0;
        h5 {
            color: #1c1c1c;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 46.6px;
            margin-bottom: 32px;
            @media screen and (max-width: 575px) {
                font-size:30px;
                line-height:36px;margin-bottom:26px}
        }
    }

    .ks-body-case-study .ks-odoo-promises {
        padding: 90px 0;
        @media screen and (max-width: 575px) {
            padding:40px 0
        }

        .ks-body-case-study h5 {
            color: #1c1c1c;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 46.6px;
            margin-bottom: 50px;
            @media screen and (max-width: 575px) {
                font-size:32px;
                line-height:36px;margin-bottom:26px}
        }
    }

    .ks-body-case-study .ks-voice {
        padding: 80px 0;
        @media screen and (max-width: 575px) {
            padding:40px 0
        }

        .ks-body-case-study h5 {
            color: #1c1c1c;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 46.6px;
            margin-bottom: 40px;
            @media screen and (max-width: 575px) {
                font-size:32px;
                line-height:36px;margin-bottom:26px}
        }

        .ks-body-case-study .bg-dark-purple {
            border-radius: 16px;
            background-color: #b788ac;
            padding: 55px 65px;
            @media screen and (max-width: 991px) {
                padding:31px 24px
            }

            .ks-body-case-study .text-area-container {
                border-radius: 32px 16px;
                background-color: #ffeefb;
                padding: 36px 30px;
                p {
                    color: #444;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 28.44px;
                    margin-bottom: 10px
                }

                .ks-body-case-study h6 {
                    color: #444;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 34.76px
                }

                .ks-body-case-study span {
                    color: #444;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 28.44px
                }
            }
        }
    }

    .ks-body-case-study .ks-card-tabs-sec {
        .ks-tabs-nav {
            margin-bottom: 40px;
            @media screen and (max-width: 991px) {
                margin-bottom:22px
            }

            .ks-body-case-study .nav-link {
                color: #444;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 18.64px;
                background-color: transparent;
                border: none;
                padding: 16px 24px;
                border-bottom: 1px solid #f1daff;
                border-radius: 0;
                @media screen and (max-width: 991px) {
                    padding:8px
                }

                &.active {
                    border-radius: 8px 8px 0 0;
                    border-bottom: 2px solid #882957;
                    background-color: #fee
                }
            }
        }

        .ks-body-case-study .ks-tabs-cards {
            @media screen and (min-width: 1200px) {
                max-width:1020px;
                margin-right:auto;margin-left:auto}

            .ks-body-case-study .col-12 {
                margin-bottom: 24px;
                .ks-card-area {
                    border-radius: 8px;
                    border: 1px solid #f1daff;
                    background-color: #fff;
                    padding: 24px;
                    .ks-card-img {
                        margin-bottom: 10px
                    }

                    .ks-body-case-study .ks-card-details {
                        .ks-card-label {
                            color: #ed4051;
                            border-radius: 2px;
                            background-color: #fff5f5;
                            padding: 4px 8px;
                            font-size: 11px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 12.815px;
                            letter-spacing: .33px;
                            margin-bottom: 16px
                        }

                        .ks-body-case-study .ks-card-title {
                            color: #1c1c1c;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 23.2px;
                            width: 100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            height: 46px;
                            margin-bottom: 12px
                        }

                        .ks-body-case-study .ks-card-project {
                            color: #444;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 18.64px;
                            margin-bottom: 24px;
                            width: 100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 1;
                            -webkit-box-orient: vertical;
                            height: 22px;
                            span {
                                color: #343434
                            }
                        }

                        .ks-body-case-study .ks-card-link {
                            color: #e32235;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: normal;
                            text-decoration: none
                        }
                    }
                }
            }
        }
    }
}

.ks-body-case-study .filterDiv {
    display: none
}

.ks-body-case-study .shown {
    display: block!important
}

@media (max-width: 992px) {
    .episode-audio {
        width:290px;
        margin-right: 15px;
        margin-left: 6px
    }

    .podcast-main .h-sm-auto {
        height: auto
    }
}

@media (max-width: 320px) {
    .ReactModal__Content {
        max-width:100%!important
    }
}

.bg-color-EEE3FF {
    background: linear-gradient(180deg,#EEE3FF 0%,rgba(255,255,255,0) 100%)
}

.color-A24689 {
    color: #A24689
}

.odoo-integration.new-nifi-apache-developement section.tab-service {
    border-top: none;
    background-color: #FFF9FD
}

.bg-color-F9FAFB {
    background-color: #F9FAFB
}

.odoo-integration .industryreach-section-reach .tool-box-outer.diverse-our {
    border: none;
    box-shadow: none
}

.odoo-integration .innovation-partner .container {
    background: linear-gradient(101.98deg,#FFF7FB -45.48%,#E5A9D5 171.5%)
}

.odoo-integration .nifi-apache-card {
    border: 1px solid #A2468940;
    padding: 42px 24px 16px 24px;
    height: 100%
}

.odoo-integration .gap-38 {
    row-gap: 38px;
    column-gap: 16px
}

.odoo-integration .nifi-apache-card img {
    position: absolute;
    top: -30px
}

.-color--CB6AB3 {
    color: #CB6AB3
}

.bg-color-906E87 {
    background-color: #906E87
}

.odoo-integration .odoo-integration-services.service-faq-sec .card {
    border-left: 3px solid #E8E7E7;
    border-bottom: none!important
}

.odoo-integration .odoo-integration-services.service-faq-sec .card[open] {
    border-left: 3px solid #A24689
}

.odoo-integration .tab-scoll-Apache {
    overflow-y: auto;
    min-height: 170px;
    height: 351px;
    padding-right: 20px
}

.mb-40 {
    margin-bottom: 40px
}

.odoo-integration-services {
    background-color: #F9FAFB!important
}

.odoo-integration .odoo-integration-services details .btn-accordian:after {
    background-image: url(/wp-content/uploads/2024/04/chevron-down.svg)
}

.odoo-integration .odoo-integration-services .card[open] .btn-accordian:after {
    background-image: url(/wp-content/uploads/2024/04/chevron-up.svg);
    transform: rotate(0deg)!important
}

.odoo-integration .odoo-integration-services .card[open] .card-header {
    color: #A24689!important;
    background-color: #F9FAFB!important
}

.odoo-integration .odoo-integration-services .ks-faq .card .card-header {
    background-color: #F9FAFB!important
}

.odoo-integration .odoo-accordion-content {
    font-weight: 400!important;
    font-size: 16px;
    line-height: 26px;
    color: #28292E;
    margin-bottom: 17px
}

.odoo-integration .odoo-list-item li {
    font-weight: 400;
    font-size: 16px;
    color: #28292E;
    line-height: 26px
}

.odoo-integration .oddo-request-link {
    border: 1px solid #113c63;
    border-radius: 3px;
    padding: 12px 24px;
    width: fit-content;
    margin-top: 24px;
    font-weight: 500
}

@media screen and (max-width: 575px) {
    .odoo-integration .odoo-integration-services .tab-scoll-Apache {
        overflow-y:auto;
        min-height: 200px;
        height: 275px;
        padding-right: 20px
    }

    .odoo-integration .odoo-knowledge-corner {
        margin-bottom: 16px!important
    }

    .odoo-integration .service-faq-sec details .btn-accordian:after {
        right: -3px!important
    }

    .odoo-integration .why-odoo-title {
        font-size: 16px!important
    }

    .odoo-integration .oddo-request-link {
        width: 100%;
        justify-content: center
    }

    .odoo-integration .odoo-integration-services .card-body {
        padding-right: 0!important;
        padding-left: 16px!important
    }

    .odoo-integration section.partner-number-bg p.font-16 {
        font-size: 12px
    }

    .odoo-integration .mobile-odoo-services {
        padding: 16px;
        border: 1px solid #F3F3F3;
        border-radius: 16px
    }

    .odoo-integration .odoo-integration-services.service-faq-sec .card {
        border-left: none!important
    }

    .odoo-integration .odoo-integration-services.service-faq-sec .card[open] {
        border-left: none!important
    }

    .odoo-integration .mb-sm-24 {
        margin-bottom: 24px!important
    }
}

@media screen and (max-width: 765.8px) {
    .odoo-integration .industryreach-section-reach .tool-box-outer.diverse-our {
        height:auto!important;
        padding-bottom: 24px!important;
        min-height: auto!important
    }

    .odoo-integration .font-16 {
        font-size: 16px!important
    }
}

@media screen and (max-width: 991.8px) {
    .odoo-integration .odoo-retention {
        background-color:#906E87!important
    }

    .odoo-integration .innovation-partner .container {
        width: 94%!important
    }
}

@media screen and (min-width: 765.8px) and (max-width:991px) {
    .odoo-inquiry-btn {
        margin-top:20px
    }
}

.odoo-integration .support-banner {
    background: linear-gradient(180deg,#D5F0FF 0%,rgba(255,255,255,0) 100%)
}

.odoo-integration .min-h-50 {
    min-height: 50px
}

.odoo-integration .mb-md-44 {
    margin-bottom: 44px!important
}

.odoo-integration .custom-fit-height {
    height: fit-content
}

@media screen and (min-width: 479px) and (max-width:1200px) {
    .odoo-integration .odoo-main-text {
        margin-left:8px
    }
}

@media screen and (max-width: 765px) {
    .odoo-integration .odoo-support-banner-txt {
        margin-bottom:74px!important
    }
}

.odoo-migration-banner {
    background: linear-gradient(180deg,#FFEAF9 0%,rgba(255,255,255,0) 100%)
}

.odoo-li-bold {
    font-weight: 700
}

.odoo-integration .custom-img-height {
    height: 284.92px
}

@media screen and (max-width: 991px) {
    .odoo-integration .img-size {
        object-fit:contain
    }
}

@media screen and (max-width: 765px) {
    .odoo-integration .link-width {
        width:100%
    }
}

@media screen and (min-width: 507px) and (max-width:991px) {
    .odoo-migration-heading {
        margin-left:8px
    }
}

@media screen and (max-width: 575px) {
    .odoo-integration .client-case-card-details h3 {
        font-size:16px!important
    }
}

.odoo-integration .odoo-dev-gap {
    row-gap: 38px
}

.odoo-integration .explore-link {
    font-size: 16px;
    font-weight: 500;
    color: #2C29D5;
    text-decoration: none!important;
    cursor: pointer
}

.odoo-integration .explore-link:hover {
    text-decoration: underline!important
}

.odoo-integration .odoo-review-content {
    font-size: 16px
}

.odoo-integration .hiring-heading {
    font-size: 40px
}

.odoo-integration .hiring-content {
    padding: 32px 64px;
    border-radius: 32px;
    background: linear-gradient(101.98deg,#FFF7FB -45.48%,#E5A9D5 171.5%)
}

.odoo-integration .odoo-dev-image {
    margin-top: 24px
}

.odoo-integration .odoo-growth-img {
    left: 16px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support.odoo-dev-scroller .owl-nav button.owl-next {
    right: -39px;
    position: absolute
}

.clients-case-study .owl-carousel.service-case-study-odoo-support.odoo-dev-scroller .owl-nav button.owl-prev {
    left: -39px;
    position: absolute
}

@media screen and (max-width: 575px) {
    .odoo-integration .odoo-review-content {
        font-size:13px
    }

    .odoo-integration .hiring-heading {
        font-size: 24px
    }

    .odoo-integration .hiring-content {
        padding: 32px
    }

    .odoo-integration .hiring-devs {
        padding: 32px 16px
    }
}

@media screen and (max-width: 768.8px) {
    .btn-padding {
        padding:12px 24px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support.odoo-dev-scroller .owl-nav button.owl-next {
        right: -8px;
        position: absolute
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support.odoo-dev-scroller .owl-nav button.owl-prev {
        left: -8px;
        position: absolute
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .odoo-dev-heading {
        margin-left:8px
    }
}

.odoo-integration .review-section-odoo {
    padding: 32px 0
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev {
    position: absolute;
    left: -39px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-next {
    position: absolute;
    right: -39px
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev:hover,.clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.new-nifi-apache-developement.odoo-integration .clients-case-study {
    display: block!important
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) {
    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-next {
        position:absolute;
        right: -40px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev {
        position: absolute;
        left: -40px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support.owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 300px
    }
}

@media screen and (max-width: 767px) {
    .odoo-integration .hire-explore-btn {
        justify-content:center!important;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 248px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 32%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev {
        position: absolute;
        left: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-next {
        position: absolute;
        right: -8px;
        width: 40px;
        height: 40px
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button span {
        background-color: rgb(225,61,75,.8);
        border-radius: 50%;
        background-size: 40px;
        padding: 0;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .new-nifi-apache-developement.odoo-integration .clients-case-study {
        display: block!important
    }
}

@media screen and (max-width: 768.8px) {
    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-next {
        right:-8px;
        position: absolute
    }

    .clients-case-study .owl-carousel.service-case-study-odoo-support .owl-nav button.owl-prev {
        left: -8px;
        position: absolute
    }
}

.cookie-modal {
    position: fixed;
    width: 100%;
    bottom: 2px;
    z-index: 10000
}

.cookie-modal-content {
    padding: 18px;
    border-radius: 24px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    position: relative
}

.accept-cookie_btn {
    background-color: #E32235;
    padding: 10px 32px;
    border-radius: 43px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    border: 1px solid transparent
}

.accept-cookie_btn:hover {
    background-color: #000;
    color: #fff
}

.cookie-link {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 8px;
    display: none
}

.cookie-para-link {
    color: #565656;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    cursor: pointer
}

.cookie-title {
    font-weight: 900;
    font-size: 21px;
    line-height: 39px;
    color: #1B1B1B
}

.cookie-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #565656
}

.cookie-btn-container {
    min-width: 200px
}

.cookie-gap {
    gap: 22px;
    margin-top: 5px
}

.cookie-img {
    min-width: 60px;
    min-height: 60px
}

.cookie-btn_close-container {
    position: absolute;
    right: 19px;
    top: 3px
}

.cookie-close_btn {
    height: 0;
    border: 1px solid transparent;
    width: 0;
    background: transparent;
    padding: 0 0 0 1px;
    color: #000!important;
    border-radius: 50%;
    cursor: pointer!important;
    font-size: 19px!important
}

.custom-br-cookie {
    display: none
}

@media screen and (max-width: 991.8px) {
    .cookie-para {
        text-align:center
    }

    .cookie-title {
        text-align: center
    }

    .cookie-modal-content {
        position: relative
    }

    .cookie-img-container {
        position: absolute;
        bottom: 5px;
        left: 5px
    }

    .cookie-gap {
        flex-direction: column
    }
}

@media screen and (max-width: 575.8px) {
    .cookie-modal-content {
        border-radius:8px
    }

    .cookie-title {
        line-height: 30px;
        margin-bottom: 9px;
        font-size: 26px
    }

    .cookie-btn-container {
        min-width: 170px
    }

    .accept-cookie_btn {
        padding: 9px 15px;
        border-radius: 18px;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (min-width: 1350px) {
    .custom-br-cookie {
        display:block
    }
}

.integrating-third-parties {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    flex-direction: column
}

.integrated-bg {
    background: url(/wp-content/uploads/2024/05/integrated-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 60%
}

.integrating-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    color: #032D60;
    margin-bottom: 25px;
    text-align: center
}

.intergarting-paragrph {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3F3F41;
    text-align: center;
    margin-bottom: 78px
}

.integrated-text {
    background-color: #D8EEFE;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 0 50px 50px 0;
    text-align: center;
    height: 100%;
    padding: 40px
}

.integrated-text.left {
    border-radius: 0 50px 50px 0
}

.integrated-text.right {
    border-radius: 50px 0 0 50px
}

.integrate-container {
    border-radius: 32px;
    overflow: hidden;
    background: #F8F8F8;
    min-height: 114px;
    height: 114px
}

.row-gap-20 {
    row-gap: 20px
}

.marketo-logo {
    width: 91px;
    object-fit: cover
}

.strapi-logo {
    width: 89px;
    object-fit: cover
}

.img-gap {
    column-gap: 15px;
    row-gap: 11px
}

.lms-section-row {
    row-gap: 14px
}

.lms-second-img-content {
    column-gap: 29px
}

.marketing-section-display {
    display: none
}

.marketing-section-display1 {
    display: flex
}

@media screen and (max-width: 991px) {
    .integrated-bg {
        background-image:none
    }
}

@media screen and (max-width: 767.8px) {
    .integrating-title {
        text-align:left;
        font-size: 38px
    }

    .integrated-text {
        font-size: 13px
    }

    .marketo-logo {
        width: 67px;
        object-fit: cover
    }

    .intutive-mailchip {
        width: 56px;
        object-fit: contain
    }

    .hubspot-logo {
        width: 50px;
        object-fit: contain
    }

    .zoho-campaign-logo {
        width: 87px;
        object-fit: contain
    }

    .constant-contact-logo {
        width: 119px;
        object-fit: contain
    }

    .fb-logo {
        width: 23px;
        object-fit: contain
    }

    .twitter-logo {
        width: 22px;
        object-fit: contain
    }

    .insta-logo {
        width: 23px;
        object-fit: cover
    }

    .google-logo {
        width: 22px;
        object-fit: contain
    }

    .whatsapp-logo {
        width: 29px;
        object-fit: cover
    }

    .zendesk-logo {
        width: 48px;
        object-fit: cover
    }

    .bmc-logo {
        width: 64px;
        object-fit: cover
    }

    .freshservice-logo {
        width: 124px;
        object-fit: cover
    }

    .ringcentral-logo {
        width: 94px;
        object-fit: contain
    }

    .vonage-logo {
        width: 65px;
        object-fit: cover
    }

    .five-9 {
        width: 45px;
        object-fit: cover
    }

    .twillo-logo {
        width: 61px;
        object-fit: cover
    }

    .absorb-logo {
        width: 52px;
        object-fit: cover
    }

    .intellum-logo {
        width: 61px;
        object-fit: cover
    }

    .ispring-logo {
        width: 74px;
        object-fit: contain
    }

    .sap-limtos {
        width: 109px;
        object-fit: cover
    }

    .cp-logo {
        width: 25px;
        object-fit: cover
    }

    .wordpress-logo {
        width: 22px;
        object-fit: cover
    }

    .lms-2 {
        width: 22px;
        object-fit: cover
    }

    .durapal-logo {
        width: 58px;
        object-fit: cover
    }

    .strapi-logo {
        width: 60px;
        object-fit: cover
    }

    .magento-logo {
        width: 61px;
        object-fit: contain
    }

    .office-365-logo {
        width: 87px;
        object-fit: cover
    }

    .exchange-logo {
        width: 66px;
        object-fit: contain
    }

    .google-apps-logo {
        width: 74px;
        object-fit: cover
    }

    .outlook-logo {
        width: 36px;
        object-fit: cover
    }

    .woocom-logo {
        width: 94px;
        object-fit: cover
    }

    .magento-logo {
        width: 93px;
        object-fit: contain
    }

    .shopify-logo {
        width: 65px;
        object-fit: cover
    }

    .zoho-books {
        width: 80px;
        object-fit: cover
    }

    .quick-books {
        width: 90px;
        object-fit: contain
    }

    .xero-logo {
        width: 36px;
        object-fit: cover
    }

    .microsoft-dynamic {
        width: 77px;
        object-fit: cover
    }

    .oracle-business {
        width: 76px;
        object-fit: contain
    }

    .oracle-netsuite {
        width: 71px;
        object-fit: cover
    }

    .img-gap {
        column-gap: 12px;
        row-gap: 11px
    }
}

@media screen and (max-width: 575.8px) {
    .integrating-title {
        font-size:24px;
        text-align: left;
        margin-bottom: 16px
    }

    .intergarting-paragrph {
        font-size: 16px;
        line-height: 24px;
        color: #3F3F41;
        text-align: left;
        margin-bottom: 26px
    }

    .row-gap-20 {
        gap: 8px
    }

    .integrated-text {
        padding: 33px
    }

    .integrated-text {
        font-size: 13px
    }

    .integrated-text.left {
        border-radius: 0 44px 44px 0
    }

    .integrated-text.right {
        border-radius: 44px 0 0 44px
    }
}

@media screen and (max-width: 375px) {
    .marketing-section-display {
        display:flex
    }

    .marketing-section-display1 {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .integrated-text {
        font-size:10px
    }

    .office-365-logo {
        width: 75px
    }

    .shopify-logo {
        width: 61px;
        object-fit: cover
    }

    .magento-logo {
        width: 87px;
        object-fit: contain
    }

    .quick-books {
        width: 87px;
        object-fit: contain
    }

    .oracle-business {
        width: 63px;
        object-fit: contain
    }
}

.salesforce-certified {
    background: url(/wp-content/uploads/2024/05/exchange-bg.svg);
    padding: 64px 0;
    background-repeat: no-repeat;
    background-size: cover
}

.salesforce-certified_title {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 32px
}

.salesforce-certified_img {
    margin-top: 32px
}

.salesforce-gap {
    column-gap: 16px
}

.r-g-32 {
    row-gap: 32px
}

.img-certifications {
    text-align: center
}

@media screen and (min-width: 991px) {
    .col-2-salesforce {
        width:12.33%
    }
}

@media screen and (max-width: 767.8px) {
    .salesforce-certified_title {
        font-size:38px;
        font-weight: 600;
        line-height: 40px;
        text-align: center
    }
}

@media screen and (max-width: 575.8px) {
    .salesforce-certified_title {
        font-size:24px
    }

    .salesforce-certified {
        padding: 32px 0
    }
}

.salesforce-app-exchange {
    padding: 56px 0
}

.app-exchange_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    color: #032D60;
    text-align: center;
    margin-bottom: 25px
}

.app-exchange_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #3F3F41;
    text-align: center;
    margin-bottom: 33px
}

.img-infos-exchange {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-align: center;
    color: #3F3F41;
    margin-top: 16px
}

.r-gexchange {
    row-gap: 16px
}

.m-h-138 {
    min-height: 138px
}

@media screen and (max-width: 575.8px) {
    .app-exchange_title {
        font-size:24px;
        line-height: 40px;
        text-align: left;
        margin-bottom: 16px
    }

    .app-exchange_para {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        margin-bottom: 16px
    }

    .salesforce-app-exchange {
        padding: 32px 0
    }
}

.sales-force-banner {
    padding: 20px 0px!important
}

.sales-cloud-section .counter-row.salesforce-service .counter-circle {
    max-width: 196px
}

.salesforce-services-main .ks-product-exp-border.link-hover_salesforce:hover {
    border: 1px solid #E8E7E7!important
}

.salesforce-services-main .ks-product-exp-card.link-hover_salesforce:hover .link-arrow-btn {
    display: none!important
}

.crud-logo {
    width: 152px;
    height: 50px;
    object-fit: contain
}

.tag-icon {
    height: 80px
}

.bg-color-07314B {
    background: #07314B
}

.bg-color-E0F2FE {
    background: #E0F2FE
}

.bg-color-032D60 {
    background: #032D60!important
}

.color-032D60 {
    color: #032D60
}

.counter-row {
    width: 100%;
    margin: 0 auto
}

.counter-circle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 196px;
    width: 100%;
    height: 196px;
    padding: 30px
}

.counter-row.salesforce-service .counter-circle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 180px;
    height: 196px;
    padding: 30px;
    width: 100%
}

.counter-circle-1 {
    background-image: url(/wp-content/uploads/2024/05/increase-sale.svg)
}

.counter-circle-2 {
    background-image: url(/wp-content/uploads/2024/05/sales-revenue.svg)
}

.counter-circle-3 {
    background-image: url(/wp-content/uploads/2024/05/sales-opportunity.svg)
}

.counter-circle-4 {
    background-image: url(/wp-content/uploads/2024/05/forecasting-sales.svg)
}

.counter-circle-5 {
    background-image: url(/wp-content/uploads/2024/05/increase-in-deals.svg)
}

.counter-circle-6 {
    background-image: url(/wp-content/uploads/2024/05/reduction-reporting-time.svg)
}

.color-626264 {
    color: #626264
}

.border-E8E7E7 {
    border: 1px solid #E8E7E7
}

.border-F3F3F3 {
    border: 1px solid #F3F3F3
}

.apache-developement-service-tab .Sales-Cloud .nav-pills .nav-link.active {
    background-color: #F0F7FE!important;
    color: #032D60!important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    border: none!important
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud #v-pills-tab .nav-link.active:before {
    content: '';
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background-color: #032D60;
    position: absolute;
    left: 0
}

.Sales-Cloud .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #CB202D!important;
    border-left: 2px solid #CB202D
}

.Sales-Cloud .tab-service .nav-tab-service a.nav-link-tab-service:hover {
    color: #032D60!important
}

.new-nifi-apache-developement .apache-developement-service-tab .Sales-Cloud #v-pills-tab .nav-link:hover {
    color: #032D60!important
}

.Salesforce-Cloud .sales-product-exp-card {
    max-width: 305px;
    height: 120px;
    padding: 24px;
    width: 100%
}

.salesforce-Diverse-Industry .ks-product-exp-card {
    border: 1px solid #F3F3F3;
    min-height: 211px;
    height: 100%;
    cursor: default
}

.salesforce-Diverse-Industry .col-lg-3 {
    flex: 0 0 auto;
    width: 20%!important
}

.gap-38.Benefits-salesforce {
    row-gap: 38px;
    column-gap: 16px
}

.Benefits-salesforce .nifi-apache-card {
    border: 1px solid #032D6040;
    padding: 42px 24px 16px 24px;
    height: 100%
}

.Benefits-salesforce .nifi-apache-card img {
    position: absolute;
    top: -30px
}

@media screen and (max-width: 992px) {
    .salesforce-Diverse-Industry .col-lg-3 {
        flex:0 0 auto;
        width: 33%!important
    }

    .sales-app-exchange a {
        width: 100%;
        max-width: 47%
    }
}

@media screen and (max-width: 767px) {
    .logo-section .tag-icon img {
        min-height:auto;
        width: fit-content!important
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 50%!important
    }
}

@media screen and (max-width: 992px) {
    .footer-address-popup .offices-address {
        left:-271px
    }

    .offices-address.noida-address {
        top: -232px
    }
}

@media (max-width: 768px) {
    .footer-address-popup .offices-address:after {
        left:117px!important
    }

    .offices-address.noida-address {
        top: -211px!important
    }
}

@media (max-width: 767px) {
    .footer-address-popup .offices-address:after {
        left:111px!important
    }

    .offices-address.noida-address p br {
        display: none
    }

    .offices-address.pune-address p br {
        display: none
    }

    .offices-address.indore-address p br {
        display: none
    }
}

@media screen and (max-width: 575.8px) {
    .offices-address.noida-address {
        top:-239px
    }

    .footer-address-popup .offices-address {
        left: -63px
    }
}

.othermenu .menu-has-grandchild:hover .header-menu-name,.othermenu .menu-has-grandchild .header-menu-name {
    color: #28292e
}

.othermenu .menu-has-grandchild:hover .menu-grand-child,.othermenu .menu-has-grandchild .menu-grand-child {
    display: none
}

.othermenu .menu-has-grandchild.mobdev:hover ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev:hover ul.appdev-grandchild {
    display: block!important
}

.menu-has-grandchild.mobdev,.othermenu .menu-has-grandchild.appdev {
    position: relative
}

@media only screen and (max-width: 767px) {
    .othermenu .menu-has-grandchild.mobdev ul.mobdev-grandchild,.othermenu .menu-has-grandchild.appdev ul.appdev-grandchild {
        padding-left:0
    }
}

@media only screen and (max-width: 320px) {
    .othermenu .menu-has-grandchild.mobdev .w-m-content span.space-nowrap,.othermenu .menu-has-grandchild.appdev .w-m-content span.space-nowrap {
        width:150px
    }
}

.csr-main .csr-sec-1 {
    background-image: url(/image/sec-1.jpg);
    background-size: cover;
    min-height: calc(100vh - 120px)
}

.csr-main .csr-sec-1 p {
    max-width: 740px;
    line-height: 32px;
    letter-spacing: .01em
}

.csr-main .csr-sec-2 {
    background-image: url(/image/sec-2.jpg);
    background-size: cover;
    min-height: 500px
}

.csr-main .csr-sec-2 p {
    max-width: 850px;
    line-height: 32px;
    letter-spacing: .03em
}

.csr-main .csr-sec-3 {
    background-image: url(/image/sec-3.jpg);
    background-size: cover;
    min-height: 500px
}

.csr-main .csr-sec-3 p {
    max-width: 560px;
    line-height: 32px;
    letter-spacing: .03em
}

.csr-main .csr-sec-4 {
    background-image: url(/image/sec-4.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    min-height: 460px
}

.csr-main .csr-sec-5 {
    background: #070811
}

.csr-main .csr-card {
    border-radius: 20px;
    padding: 20px;
    color: #4B4B4B
}

.csr-main .csr-card h3 {
    color: #302F2F;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.01em
}

.csr-main .container-row {
    max-width: 1140px
}

.csr-main .csr-sec-6 p {
    letter-spacing: .02em;
    color: #4B4B4B
}

.csr-main .csr-sec-6 h2 {
    color: #302F2F;
    line-height: 112%;
    letter-spacing: -.02em;
    font-weight: 800;
    text-transform: uppercase
}

.csr-main .pledge-img {
    width: 430px;
    filter: drop-shadow(0 4px 20px rgba(0,0,0,.05));
    border-radius: 20px
}

.csr-main .csr-sec-6 {
    background-image: url(/image/sec-6.jpg);
    background-size: cover;
    min-height: 550px
}

.salesforce-community-connect-main .banner-sec {
    background-image: url(/wp-content/uploads/2024/02/banner-scaled.webp);
    min-height: 632px
}

.salesforce-community-connect-main .banner-sec,.grab-cofee-sec,.industry-exp-sec,.ks-connect-card,.ks-lmn-blue-card,.team-section,.sydeny-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.salesforce-community-connect-main .right-0 {
    right: 0
}

.salesforce-community-connect-main .border-0ec2e24d {
    border: 1px solid #0ec2e24d
}

.salesforce-community-connect-main .br-8 {
    border-radius: 8px
}

.salesforce-community-connect-main .max-w-38 {
    max-width: 38px
}

.salesforce-community-connect-main .border-l-r {
    border-left: 1px solid #47147833;
    border-right: 1px solid #47147833
}

.salesforce-community-connect-main .popup {
    background-color: rgba(0,0,0,.3)!important
}

.salesforce-community-connect-main .grab-cofee-sec {
    background-image: url(/wp-content/uploads/2024/02/grab-bg.svg);
    height: 397px;
    margin-top: -55px
}

.salesforce-community-connect-main .industry-exp-sec {
    background-image: url(/wp-content/uploads/2024/02/industry-exp-sec.svg);
    height: 205px
}

.salesforce-community-connect-main .ks-connect-card {
    background-image: url(/wp-content/uploads/2024/02/connect-card-bg-scaled.webp);
    height: 394px
}

.salesforce-community-connect-main .team-section:after {
    background-image: url(/wp-content/uploads/2024/02/team-bg.svg);
    height: 236px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.salesforce-community-connect-main .sydeny-bg:after {
    background-image: url(/wp-content/uploads/2024/02/sydney-bg.svg);
    content: "";
    height: 513px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0
}

.salesforce-community-connect-main .bg-F6FBFF {
    background-color: #F6FBFF
}

.salesforce-community-connect-main .l-h-57 {
    line-height: 57px
}

.salesforce-community-connect-main .l-h-48 {
    line-height: 48px
}

.salesforce-community-connect-main .border-EBEBEB {
    border: 1px solid #EBEBEB
}

.salesforce-community-connect-main .br-16 {
    border-radius: 16px
}

.salesforce-community-connect-main .bg-linear-blue {
    background: linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 100%)
}

.salesforce-community-connect-main .ks-lmn-blue-card {
    background-image: url(/wp-content/uploads/2024/02/ks-blue-card.webp);
    min-height: 488px
}

.salesforce-community-connect-main .font-34 {
    font-size: 34px
}

.salesforce-community-connect-main .l-h-38 {
    line-height: 38px
}

.salesforce-community-connect-main .lmn-card {
    margin-top: -110px
}

.salesforce-community-connect-main .red-line:after {
    content: "";
    background-image: url(/wp-content/uploads/2024/02/red-line1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 408px;
    height: 12px;
    position: absolute;
    bottom: -30px;
    right: 0
}

.salesforce-community-connect-main .color-032C60 {
    color: #032C60
}

.salesforce-community-connect-main .color-515151 {
    color: #515151
}

.salesforce-community-connect-main .color-52535A {
    color: #52535A
}

.salesforce-community-connect-main .bg-032C60 {
    background-color: #032C60
}

.salesforce-community-connect-main .meet-banner-btn {
    color: #308F7B!important;
    border: 1px solid #84DFC1!important;
    animation: zoom-in-zoom-out 2s ease infinite
}

.salesforce-community-connect-main .meet-banner-btn:hover {
    box-shadow: none!important
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.1,1.1)
    }

    100% {
        transform: scale(1,1)
    }
}

.salesforce-community-connect-main .l-h-inherit {
    line-height: inherit
}

.salesforce-community-connect-main .l-h-normal {
    line-height: normal
}

.salesforce-community-connect-main .l-h-24 {
    line-height: 24px
}

.salesforce-community-connect-main .color-88E2FF {
    color: #88E2FF
}

.salesforce-community-connect-main .font-96 {
    font-size: 96px
}

.salesforce-community-connect-main .world-tour-icon {
    margin-top: -90px
}

.salesforce-community-connect-main .l-h-28 {
    line-height: 28px
}

.salesforce-community-connect-main .z-index-9 {
    z-index: 9
}

.salesforce-community-connect-main .cursor-auto {
    cursor: auto!important
}

.salesforce-community-connect-main .popup-form-heading {
    display: none
}

.salesforce-community-connect-main .salesforce-community-connect-form .salesforce-community-connect-heading {
    display: block!important
}

.bg-D0E5FF {
    background-color: #D0E5FF
}

.color-FFC83B {
    color: #FFC83B
}

.salesforce-consultation {
    max-width: fit-content;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    border-radius: 8px;
    padding: 4px 8px;
    animation: zoomsale-in-zoomsale-out 2s ease-out infinite
}

@keyframes zoomsale-in-zoomsale-out {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.salesforce-consultation span {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #0053BC;
    font-family: "inter"
}

.product-for h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    animation: zoomheading-in-zoomheading-out 2s ease infinite
}

@keyframes zoomheading-in-zoomheading-out {
    0% {
        transform: scale(1,1);
        color: #FFC83B
    }

    50% {
        transform: scale(1.02,1.02);
        color: #fff
    }

    100% {
        transform: scale(1,1);
        color: #FFC83B
    }
}

.product-for p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left
}

.product-for {
    margin-bottom: 18px
}

.offerin {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #88E2FF
}

#event-countdown {
    padding: 4px 12px;
    border-radius: 12px;
    color: #032C60;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

@media (max-width: 1024px) {
    .csr-main .csr-sec-1 {
        min-height:calc(60vh - 120px)
    }
}

@media (max-width: 768px) {
    .csr-main .csr-sec-5 .col-lg-4 {
        margin-bottom:20px
    }

    .terms-main.study-heading {
        font-weight: 700!important;
        font-size: 48px!important
    }

    .salesforce-community-connect-main .ks-expect-section img {
        width: 100%
    }

    .csr-main .csr-sec-1,.csr-main .csr-sec-2,.csr-main .csr-sec-4 {
        padding-left: 28px;
        padding-right: 28px
    }

    .csr-main .csr-sec-1 {
        min-height: calc(70vh - 120px)
    }
}

@media (max-width: 575px) {
    .csr-main .font-60,.csr-main .font-52,.csr-main .font-48,.csr-main .font-64 {
        font-size:36px!important
    }

    .csr-main .pledge-img {
        height: auto
    }

    .csr-main .csr-sec-4 {
        min-height: auto
    }

    .csr-main .csr-sec-6,.csr-main .csr-sec-3 {
        padding-left: 12px;
        padding-right: 12px
    }
}

.csr-main .heading {
    font-weight: 700!important
}

.sitemap-main .sitemap-heading {
    position: relative
}

.sitemap-main .sitemap-menus {
    position: absolute;
    top: auto;
    left: 80%;
    margin-top: -40px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    padding: 16px;
    border-radius: 8px;
    width: 80%!important;
    background: #fff
}

.sitemap-main .other-services-menu {
    bottom: 0;
    margin-bottom: 10px
}

.sitemap-main .heading-service {
    display: flex;
    justify-content: space-between
}

.sitemap-main .white-text {
    color: #fff
}

.sitemap-main .banner {
    min-height: 400px
}

.sitemap-main .banner.sitemap {
    background: url() no-repeat;
    background-size: cover
}

.sitemap-main .banner.sitemap {
    background: url(/image/sitemap.webp) no-repeat;
    background-size: cover
}

.sitemap-main .arrow {
    padding-right: 70px;
    background: url(/image/sitemap-link-arrow.png) no-repeat 0 center;
    transition: .3s ease-in-out;
    font-weight: 500;
    margin-left: 10px
}

.sitemap-main .sitemap .title {
    font-size: 35px;
    white-space: nowrap
}

.sitemap-main .sitemapui {
    color: #000
}

.sitemap-main ul.tree {
    padding-left: 24px
}

.sitemap-main ul.tree li {
    margin: 0 0 0 21px;
    padding: 5px 0 0 33px;
    border-left: 1px solid #d6d4d4;
    background: url(/image/sitemap-horizontal.png) no-repeat left 15px transparent
}

.sitemap-main ul.tree li a:hover {
    font-weight: 700
}

.sitemap-main ul.tree>.sitemap-main li {
    margin: 0 0 0 11px
}

.sitemap-main ul.tree li.last {
    border: medium none;
    background: url(/image/sitemap-last.png) no-repeat 0 -4px transparent
}

.sitemap-main .sitemap-card {
    border-radius: 8px;
    padding: 18px;
    border: 1px solid #f1f1f1;
    height: 100%
}

.sitemap-main .sitemap-card-services {
    border-radius: 8px;
    padding: 18px;
    border: 1px solid #f1f1f1;
    height: 100%;
    width: 300px
}

@media (max-width: 568px) {
    .sitemap-main .sitemap-menus {
        left:50%
    }

    .sitemap-main .heading-service {
        width: 100%
    }

    .sitemap-main .sitemap-menus {
        width: 50%!important
    }

    .salesforce-community-connect-main .font-28 {
        font-size: 20px!important
    }

    .salesforce-community-connect-main .h-sm-auto,.ks-connect-card {
        height: auto
    }

    .salesforce-community-connect-main .font-56 {
        font-size: 26px!important
    }

    .salesforce-community-connect-main .font-48 {
        font-size: 24px!important
    }

    .salesforce-community-connect-main .font-40 {
        font-size: 22px!important
    }

    .salesforce-community-connect-main .tour-logo.tour-logo-1 {
        width: 90px;
        height: 90px;
        right: 25px;
        bottom: 15px !IMPORTANT
    }

    .salesforce-community-connect-main .tour-logo {
        width: 70px;
        height: 70px
    }

    .salesforce-community-connect-main .red-line:after,.industry-exp-sec .red-line:after {
        display: none
    }

    .salesforce-community-connect-main .grab-cofee-sec {
        height: 200px
    }

    .salesforce-community-connect-main .pb-5 {
        padding-bottom: 1rem!important
    }

    .sitemap-main .banner {
        min-height: 300px
    }
}

.contact-main .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.contact-main .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

.contact-main .carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.contact-main .carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.contact-main .carousel-indicators li.active {
    background-color: #fff
}

.contact-main .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.contact-main .carousel-control-next-icon,.contact-main .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.contact-main .carousel-control-next,.contact-main .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.contact-main .carousel-control-next {
    right: 0
}

.contact-main .carousel-control-prev {
    left: 0
}

.contact-main .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.contact-main .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.contact-main .modal-dialog {
    height: 100%;
    margin: 1.75rem auto;
    position: relative;
    width: auto;
    z-index: 99999;
    max-width: 500px
}

@media screen and (min-width: 991px) {
    .contact-main .modal-dialog {
        max-width:590px!important
    }
}

.contact-main .contact-page-form .align-items-end.justify-content-xl-end {
    justify-content: flex-start!important;
    z-index: 1!important
}

.contact-main .contact-page-form .col-md-4,.contact-main .contact-page-form .col-md-8,.contact-main .contact-page-form .col-xl-4,.contact-main .contact-page-form .col-xl-8 {
    margin-top: 10px!important
}

.contact-main .bg-design {
    background: none
}

#success,#fail,#success2,#fail2,#success3,#fail3,#success4,#fail4,#success5,#fail5,#success6,#fail6 {
    display: none
}

#message,#message2,#message3,#message4,#message5,#message6,#success,#fail,#success2,#fail2,#success3,#fail3,#success4,#fail4,#success5,#fail5,#success6,#fail6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.contact-main .ks-contact-banner {
    background-image: url(/image/banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 67px 0 70px 0;
    background-position: top center
}

@media screen and (max-width: 575px) {
    .contact-main .ks-contact-banner {
        padding:120px 0 70px 0
    }

    .contact-main .ks-contact-banner h1 {
        font-size: 36px
    }

    .contact-main .ks-contact-banner p {
        font-size: 18px!important
    }
}

@media screen and (min-width: 991px) {
    .contact-main .modal-body .close {
        margin-right:-20px
    }
}

.contact-main .ks-contact-banner p {
    line-height: 28px
}

.contact-main .form-address-area {
    display: flex
}

@media screen and (max-width: 992px) {
    .contact-main .form-address-area {
        flex-direction:column;
        gap: 20px
    }
}

.contact-main .ks-address-area .ks-number {
    line-height: 30px;
    color: rgba(0,0,0,.7)
}

.contact-main .ks-head-address .ks-head {
    line-height: 28px;
    color: #000
}

.contact-main .ks-head-address .ks-subhead {
    line-height: 28px;
    color: #000
}

.contact-main hr {
    border: 1px solid rgba(0,0,0,.2)
}

.contact-main .ks-address {
    line-height: 24px;
    color: #000
}

.contact-main .ks-subtitle {
    line-height: 24px;
    color: #000;
    opacity: .6
}

.contact-main .ks-red-bg {
    background-image: url(/image/red-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 7px
}

.contact-main .ks-blue-bg {
    background-image: url(/image/blue-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px
}

.contact-main .ks-color-box h6 {
    line-height: 38px;
    text-align: center;
    text-transform: uppercase
}

.contact-main .ks-color-box .ks-btn-t {
    padding: 10px 40px;
    background: rgba(255,255,255,.3);
    border: 1px solid #FFF;
    border-radius: 4px;
    line-height: 28px;
    text-align: center;
    transition: all 0.3s ease-in-out
}

.contact-main .ks-color-box .ks-btn-t:hover {
    background: rgba(255,255,255,.42)
}

.contact-main .ks-cards .ks-card-box {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

.contact-main .ks-cards .ks-card-box h6 {
    line-height: 28px;
    text-transform: uppercase
}

.contact-main .ks-cards .ks-green-text {
    color: #55D759
}

.contact-main .ks-cards .ks-red-text {
    color: #DE2B3A
}

.contact-main .ks-cards .ks-blue-text {
    color: #9665FF
}

.contact-main .ks-cards .ks-purple-text {
    color: #9C5789
}

.contact-main .ks-para-card {
    line-height: 24px;
    color: rgba(0,0,0,.9)
}

.contact-main .ks-call-link {
    text-decoration: none;
    line-height: 24px;
    color: #000000!important
}

.contact-main .ks-card-btn {
    background-color: #DE2B3A;
    text-decoration: none;
    border-radius: 3px;
    line-height: 28px;
    color: #FFF;
    padding: 5px 16px;
    border-color: transparent;
    cursor: pointer
}

.contact-main .ks-card-btn:hover {
    color: #FFF
}

.contact-main .expertise-row .d-block.f-w-600 {
    display: none!important
}

.contact-main .expertise-row .ks-input {
    background-color: #FFFFFF!important;
    border: 1px solid #E8E7E7!important;
    border-radius: 4px!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 21px!important;
    color: #3F3F41!important
}

.contact-main .modal-body .ks-head {
    margin-bottom: 30px
}

.contact-main .modal-body .ks-para {
    line-height: 26px;
    color: #28292E
}

.contact-main .expertise-row .col-md-4.col-6.ps-0,.contact-main .col-xl-8.col-12.ps-0.mt-md-5.mt-4 {
    margin-top: 16px!important
}

.contact-main .expertise-row .ks-input-textarea-small {
    height: 80px!important
}

.contact-main .expertise-row .btn.btn-primary.px-4 {
    width: 175px!important;
    height: 48px!important;
    background-color: #113c63!important;
    border-radius: 4px!important;
    font-weight: 500!important;
    font-size: 18px!important;
    line-height: 22px!important
}

.contact-main .expertise-row .btn.btn-primary.px-4:hover {
    color: #fff
}

::placeholder {
    font-style: normal!important;
    opacity: 1;
    color: #28292E!important
}

.contact-main .carousel-item img {
    border-radius: 5px;
    object-fit: cover
}

.contact-main .img-fluid {
    max-width: 100%;
    height: auto
}

.contact-main .carousel-item img {
    width: 100%
}

.contact-main .modal-open .modal {
    overflow-y: hidden!important
}

.contact-main .modal {
    z-index: 9999!important
}

.contact-main .ks-cards {
    background-color: #fbfcff
}

.contact-main .ks-card-box {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background-color: #fff!important;
    border: none!important
}

.contact-main .ks-card-box .ks-head-text {
    color: #212529!important;
    line-height: 1.2!important;
    font-size: 1.5rem!important;
    text-transform: capitalize!important
}

.contact-main .ks-card-box .ks-para-card {
    color: #212529;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important
}

.contact-main .ks-bg-slider-text {
    background-color: rgb(23 21 21 / 64%);
    border-radius: 40px;
    padding: 10px 0;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.contact-main .success {
    color: #009e55
}

.contact-main .fade:not(.show) {
    opacity: 1!important
}

body.active-modal {
    overflow-y: hidden
}

.contact-main .btn-modal {
    padding: 10px 20px;
    display: block;
    font-size: 14px
}

.contact-main .modal {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed
}

.contact-main .overlay:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgba(49,49,49,.8)
}

.contact-main .modal-content {
    position: absolute;
    z-index: 9
}

.contact-main .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    padding-bottom: 2rem
}

.contact-main .close-modal {
    float: right;
    padding: 0;
    border: none;
    background: transparent;
    opacity: .5
}

.contact-main .close-modal:hover {
    opacity: .9
}

.contact-main .carousel {
    position: relative
}

.contact-main .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.contact-main .carousel-item {
    position: relative;
    display: none;
    width: 100%;
    height: auto
}

.contact-main .carousel-item.active {
    display: block
}

.contact-main .carousel-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.contact-main .carousel-controls button {
    background-color: rgba(0,0,0,.5);
    border: none;
    color: #fff;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: background-color 0.3s ease
}

.contact-main .carousel-controls button:hover {
    background-color: rgba(0,0,0,.7);
    cursor: pointer
}

.contact-main .modal-form-style .form-unit {
    margin-bottom: 16px!important
}

.contact-main .ks-slider-area {
    position: relative;
    height: 500px
}

.contact-main .carousel-item {
    height: 100%
}

@media (max-width: 767px) {
    .contact-main .ks-slider-area {
        height:300px
    }

    .salesforce-crest-partner-main .btn-center {
        text-align: center
    }

    .salesforce-services-cloud-main .btn-center {
        text-align: center
    }

    .contact-main .carousel-caption {
        position: static;
        background-color: transparent;
        padding: 10px
    }

    .contact-main .contact-card-area .modal-content {
        width: 100%
    }

    .contact-main .modal-body .ks-para {
        font-size: 14px;
        line-height: normal
    }
}

.contact-main .ks-slider-area {
    position: relative
}

.contact-main .modal-content {
    max-height: 100%;
    overflow-y: auto
}

body.active-modal {
    overflow: fixed
}

body.active-modal {
    overflow: hidden
}

@media screen and (max-width: 280px) {
    .contact-main .ks-call-link.email-link {
        width:150px;
        word-wrap: break-word
    }
}

@media screen and (max-width: 360px) {
    .contact-main .captcha-scale .g-recaptcha {
        transform:scale(.6);
        margin-left: -50px
    }
}

.invester-main .font-32 {
    font-size: 32px
}

.invester-main .contact-info-item {
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    margin-top: 15px
}

.invester-main .contact-info-item:first-child {
    font-weight: 400
}

.invester-main .contact-info-header-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 41px;
    color: #FFF
}

@media (max-width: 568px) {
    .invester-main .font-45 {
        font-size:32px!important
    }
}

.invester-main .ks-discuss-bg {
    background-image: url(/image/discuss-bg.webp);
    padding: 70px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover
}

.invester-main .ks-discuss {
    padding: 80px 0
}

.invester-main .ks-discuss {
    padding: 35px 0
}

.invester-main .dropDiv {
    height: 125px;
    overflow: auto
}

.invester-main .dropdownBtn {
    border: none;
    background: #fff
}

.invester-main .bg-grievance {
    background-image: url(/image/Grievance-cell.jpg);
    background-size: cover;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.5)
}

.invester-main .news-outer {
    max-height: 575px;
    overflow: hidden;
    box-shadow: none!important
}

.invester-main .ks-meet {
    background: #F6F6F9
}

.invester-main .news-inner {
    animation-name: newsUp;
    animation-duration: 150s;
    animation-timing-function: linear;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-play-state: running
}

.invester-main .newsUp:hover {
    animation-play-state: paused
}

@keyframes newsUp {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.invester-main .ks-heading::before,.ks-heading::after {
    content: "";
    height: 4px;
    background-color: #e32235;
    width: 200px;
    display: block
}

.invester-main .ks-heading {
    margin-right: 20px;
    border-radius: 30px 0 0 30px
}

.invester-main .ks-heading::before {
    margin-right: 20px
}

.invester-main .ks-heading::after {
    margin-left: 20px
}

.invester-main .meet-item {
    width: 100%;
    background: #F6F6F9;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    box-shadow: 0 1px 2px #dad9d9
}

.invester-main .user-meet-Image {
    width: 134px
}

.invester-main .meet-team-Image {
    border-radius: 0;
    width: 100%;
    height: 140px;
    object-fit: cover
}

.invester-main .user-meet-Image.varsha-team {
    overflow: hidden
}

.invester-main .user-meet-Image.varsha-team .meet-team-Image {
    transform: scale(1.03);
    transform-origin: top center
}

.invester-main .user-meet-text {
    width: calc(100% - 135px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px
}

.invester-main .user-meet-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #2A2A2A
}

.invester-main .user-meet-dsc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #515152;
    margin-top: 5px
}

.invester-main .user-meet-footer {
    display: flex;
    flex-wrap: wrap
}

.invester-main .user-meet-exp {
    width: calc(100% - 31px);
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #2A2A2A
}

.invester-main .meet-team-link {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #165dad;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    z-index: 10;
    position: relative;
    box-shadow: 0 4px 4px rgb(0 0 0 / 8%)
}

.invester-main .bg-design {
    background-image: url(/image/investor_img.svg);
    position: absolute;
    width: 50%;
    height: 100%;
    top: 60px;
    opacity: .15;
    z-index: -1;
    transform: rotate(-25deg);
    left: -90px
}

@media (min-width: 1200px) {
    .invester-main .bg-design-right {
        right:-50px;
        left: auto
    }
}

.invester-main .f-w-bold {
    font-weight: bold!important
}

.invester-main .f-w-500 {
    font-weight: 500!important
}

.invester-main .font-weight-normal {
    font-weight: normal!important
}

.invester-main .btn-hover-white {
    color: #fff!important
}

.invester-main .btn-hover-white:hover {
    border-color: #fff!important;
    background: transparent!important
}

.invester-main .lh-1-8 {
    line-height: 1.8
}

@media screen and (max-width: 922px) {
    .invester-main .ks-discuss-bg,.page-template-template_aboutusksolves .ks-discuss-bg {
        padding:24px
    }
}

.podcast-main .ks-podcast-form {
    background: url(/image/podcast-form.webp);
    background-size: cover;
    border-radius: 15px
}

.podcast-main .custom-button {
    font-family: var(--Inter-font)
}

.podcast-main .placeholder-color::placeholder,.podcast-main .placeholder-color {
    color: rgba(100,200,200,.7);
    border-color: rgba(200,200,200,.7);
    test-color: light
}

.podcast-main .color-1C1C1C {
    color: #1C1C1C
}

.podcast-main .color-444444 {
    color: #444
}

.podcast-main .color-363636 {
    color: #363636
}

.podcast-main .ks-podcast-banner-section {
    background-image: url(/image/podcast-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.podcast-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.podcast-main .java-service-icon {
    display: flex;
    align-items: center
}

.podcast-main .java-service-icon img {
    height: 100%
}

.podcast-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #E4E4E4
}

.podcast-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%
}

.podcast-main .ks-check-icon:before {
    content: "";
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.podcast-main .fit-cover {
    object-fit: cover
}

.podcast-main .ks-sections,.podcast-main .ks-tabs {
    margin-right: 100px
}

.podcast-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.podcast-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.podcast-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.podcast-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.podcast-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

.podcast-main .high-light-images {
    min-width: 350px
}

.podcast-main .l-h-28 {
    line-height: 28px
}

.podcast-main .text-underline {
    text-decoration: underline
}

.podcast-main .ks-form-outer .form-unit input {
    height: 45px
}

.podcast-main .color-113c63 {
    color: #113c63
}

.podcast-main .color-727272 {
    color: #727272
}

.podcast-main .episode-card {
    border: 1px solid #ECECEC;
    border-radius: 8px
}

.podcast-main .episode-card img {
    border-radius: 8px
}

.podcast-main .text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.podcast-main .episode-play-btn {
    bottom: 15px;
    left: 10px;
    box-shadow: 0 5px 12px 0 #17044D70;
    background-color: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border: none
}

.podcast-main .object-cover {
    object-fit: cover
}

.podcast-main .episode-audio {
    width: 500px;
    background-color: #fff;
    border-radius: 4px
}

.podcast-main audio::-webkit-media-controls-panel {
    box-shadow: 0 5px 12px 0 #17044D70
}

.podcast-main audio::-webkit-media-controls-mute-button {
    background-color: #113c638a;
    border-radius: 50%;
    margin-left: 5px
}

.podcast-main audio::-webkit-media-controls-play-button {
    background-color: #113c638a;
    border-radius: 50%;
    margin-right: 10px
}

.podcast-main audio::-webkit-media-controls-panel {
    background-color: #fff;
    border: none;
    outline: none
}

.podcast-main audio::-webkit-media-controls-time-remaining-display,.podcast-main audio::-webkit-media-controls-current-time-display {
    color: #113c63;
    font-weight: 700
}

.podcast-main audio::-webkit-media-controls-rewind-button {
    background-color: #113c63
}

.podcast-main #latest-episode #hidden-explore-episode {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.podcast-main #latest-episode #hidden-explore-episode.exploreEpisode {
    height: 100%;
    transition: height .35s ease
}

.podcast-main .explore-less {
    display: none
}

.podcast-main .showExplorebtn .explore-less {
    display: block
}

.podcast-main .showExplorebtn .explore-more {
    display: none
}

.podcast-main .ReactModalPortal .ReactModal__Content {
    border-radius: 0px!important;
    border: none!important;
    color: #fff!important;
    padding: 20px!important;
    height: 168px!important;
    max-width: 100%!important;
    width: 100%!important;
    margin: 0!important;
    bottom: 0!important;
    left: 0!important;
    top: auto!important;
    background: linear-gradient(269.23deg,#313A8F 9.38%,#210E57 46.87%,#5F6491 92.55%)!important
}

.podcast-main .br-4 {
    border-radius: 4px
}

.podcast-main .before-dot:before {
    content: "";
    font-size: 30px;
    line-height: 0;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px
}

.podcast-main #explore-episode-click.showExplorebtn {
    display: none!important
}

.podcast-main .podcast-popup-close {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

@media (max-width: 1050px) {
    .podcast-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .podcast-main .ks-tabs {
        display:none
    }

    .podcast-main .high-light-images,.podcast-main .ks-sections {
        display: contents
    }

    .podcast-main .high-lights-outer {
        flex-wrap: wrap
    }

    .podcast-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .podcast-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .podcast-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .podcast-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .podcast-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .podcast-main .side-img-1,.podcast-main .high-light-1 {
        order: 1
    }

    .podcast-main .side-img-2,.podcast-main .high-light-2 {
        order: 3
    }

    .podcast-main .side-img-3,.podcast-main .high-light-3 {
        order: 5
    }

    .podcast-main .side-img-4,.podcast-main .high-light-4 {
        order: 7
    }

    .podcast-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .podcast-main .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .podcast-main .high-lights-outer>div {
        transform: translateX(50px)
    }

    .podcast-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1050px) {
    .podcast-main .java-experties-large-card {
        width:199px;
        height: 232px
    }

    .podcast-main .java-experties-large-card.tech-card {
        width: 200px;
        height: 193px
    }
}

@media(min-width: 992px) {
    .podcast-main .ks-ios-banner-section {
        height:630px
    }

    .podcast-main .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .podcast-main .h-sm-auto {
        height:auto
    }

    .podcast-main .font-sm-32 {
        font-size: 32px!important
    }

    .podcast-main .font-16 {
        font-size: 16px!important
    }

    .podcast-main .ReactModalPortal .ReactModal__Content {
        height: auto!important
    }
}

@media(max-width: 768px) {
    .podcast-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }

    .podcast-main .episode-audio {
        width: 300px
    }
}

.react-main .color-1C1C1C {
    color: #1C1C1C
}

.react-main .color-444444 {
    color: #444
}

.react-main .color-363636 {
    color: #363636
}

.react-main .ks-react-banner-section {
    background-image: url(/image/react-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.react-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.react-main .java-service-icon {
    display: flex;
    align-items: center
}

.react-main .java-service-icon img {
    object-fit: cover;
    height: auto;
    width: 100%
}

.react-main .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.react-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.react-main .fit-cover {
    object-fit: cover
}

.react-main .ks-sections,.react-main .ks-tabs {
    margin-right: 100px
}

.react-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.react-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.react-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.react-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.react-main .high-light-images {
    min-width: 350px
}

.react-main .ks-check-icon:before {
    content: "";
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.react-main .list-style-none {
    list-style: none
}

.react-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

@media (max-width: 1050px) {
    .react-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .react-main .ks-tabs {
        display:none
    }

    .react-main .high-light-images,.react-main .ks-sections {
        display: contents
    }

    .react-main .high-lights-outer {
        flex-wrap: wrap
    }

    .react-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .react-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .react-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .react-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .react-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .react-main .side-img-1,.react-main .high-light-1 {
        order: 1
    }

    .react-main .side-img-2,.react-main .high-light-2 {
        order: 3
    }

    .react-main .side-img-3,.react-main .high-light-3 {
        order: 5
    }

    .react-main .side-img-4,.react-main .high-light-4 {
        order: 7
    }

    .react-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }

    .salesforce-services-cloud-main .service-faq-sec .card-header {
        font-size: 18px!important
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .react-main .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .react-main .high-lights-outer>div {
        transform: translateX(50px)
    }

    .react-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1200px) {
    .react-main .java-services-large-card {
        width:100%;
        height: 100%
    }

    .react-main .java-experties-large-card {
        width: 190px;
        height: 152px
    }
}

@media(min-width: 992px) {
    .react-main .ks-react-banner-section {
        height:630px
    }

    .react-main .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .react-main .ks-whychoose-card {
        height: 128px
    }
}

@media(max-width: 568px) {
    .react-main .h-sm-auto {
        height:auto
    }

    .react-main .font-sm-32 {
        font-size: 32px!important
    }
}

@media(max-width: 768px) {
    .react-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

.node-main .list-styled {
    list-style: none
}

.node-main .color-1C1C1C {
    color: #1C1C1C
}

.node-main .color-444444 {
    color: #444
}

.node-main .color-363636 {
    color: #363636
}

.node-main .ks-node-banner-section {
    background-image: url(/image/nodejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.node-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.node-main .java-service-icon {
    display: flex;
    align-items: center
}

.node-main .java-service-icon img {
    object-fit: cover;
    height: auto;
    width: 100%
}

.node-main .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.node-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.node-main .ks-check-icon:before {
    content: "";
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.node-main .list-style-none {
    list-style: none
}

.node-main .fit-cover {
    object-fit: cover
}

.node-main .ks-sections,.node-main .ks-tabs {
    margin-right: 100px
}

.node-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.node-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.node-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.node-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.node-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

.node-main .high-light-images {
    min-width: 350px
}

@media (max-width: 1050px) {
    .node-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .node-main .ks-tabs {
        display:none
    }

    .node-main .high-light-images,.node-main .ks-sections {
        display: contents
    }

    .node-main .high-lights-outer {
        flex-wrap: wrap
    }

    .node-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .node-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .node-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .node-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .node-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .node-main .side-img-1,.node-main .high-light-1 {
        order: 1
    }

    .node-main .side-img-2,.node-main .high-light-2 {
        order: 3
    }

    .node-main .side-img-3,.node-main .high-light-3 {
        order: 5
    }

    .node-main .side-img-4,.node-main .high-light-4 {
        order: 7
    }

    .node-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .node-main .high-lights-outer&gt;div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .node-main .high-lights-outer&gt;div {
        transform: translateX(50px)
    }

    .node-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1200px) {
    .node-main .java-services-large-card {
        width:100%;
        height: 100%
    }

    .node-main .java-experties-large-card {
        width: 190px;
        height: 152px
    }
}

@media(min-width: 992px) {
    .node-main .ks-node-banner-section {
        height:630px
    }

    .node-main .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .node-main .ks-whychoose-card {
        height: 128px
    }
}

@media(max-width: 568px) {
    .node-main .h-sm-auto {
        height:auto
    }

    .node-main .font-sm-32 {
        font-size: 32px!important
    }
}

@media(max-width: 768px) {
    .node-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }

    .invester-main .bg-design {
        top: 0;
        transform: none;
        left: 0
    }
}

.ios-main .color-1C1C1C {
    color: #1C1C1C
}

.ios-main .color-444444 {
    color: #444
}

.ios-main .color-363636 {
    color: #363636
}

.ios-main .ks-ios-banner-section {
    background-image: url(/image/ios-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.ios-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.ios-main .java-service-icon {
    display: flex;
    align-items: center
}

.ios-main .ios-main .java-service-icon img {
    height: 100%
}

.ios-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #E4E4E4
}

.ios-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%
}

.ios-main .ks-check-icon:before {
    content: "";
    background-image: url(/image/check-circle-1.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.ios-main .fit-cover {
    object-fit: cover
}

.ios-main .ks-sections,.ios-main .ks-tabs {
    margin-right: 100px
}

.ios-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.ios-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.ios-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.ios-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.ios-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

.ios-main .high-light-images {
    min-width: 350px
}

@media (max-width: 1050px) {
    .ios-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .ios-main .ks-tabs {
        display:none
    }

    .ios-main .high-light-images,.ios-main .ks-sections {
        display: contents
    }

    .ios-main .high-lights-outer {
        flex-wrap: wrap
    }

    .ios-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .ios-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .ios-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .ios-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .ios-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .ios-main .side-img-1,.ios-main .high-light-1 {
        order: 1
    }

    .ios-main .side-img-2,.ios-main .high-light-2 {
        order: 3
    }

    .ios-main .side-img-3,.ios-main .high-light-3 {
        order: 5
    }

    .ios-main .side-img-4,.ios-main .high-light-4 {
        order: 7
    }

    .ios-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .ios-main .high-lights-outer&gt;div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .ios-main .high-lights-outer&gt;div {
        transform: translateX(50px)
    }

    .ios-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1050px) {
    .ios-main .java-experties-large-card {
        width:199px;
        height: 232px
    }

    .ios-main .java-experties-large-card.tech-card {
        width: 200px;
        height: 193px
    }
}

@media(min-width: 992px) {
    .ios-main .ks-ios-banner-section {
        height:630px
    }

    .ios-main .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .ios-main .h-sm-auto {
        height:auto
    }

    .ios-main .font-sm-32 {
        font-size: 32px!important
    }
}

@media(max-width: 768px) {
    .ios-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

.android-main .color-1C1C1C {
    color: #1C1C1C
}

.android-main .color-444444 {
    color: #444
}

.android-main .color-363636 {
    color: #363636
}

.android-main .ks-andriod-banner-section {
    background-image: url(/image/android-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.android-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.android-main .java-service-icon {
    display: flex;
    align-items: center
}

.android-main .java-service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.android-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #E4E4E4
}

.android-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%
}

.android-main .ks-check-icon:before {
    content: "";
    background-image: url(/image/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.android-main .fit-cover {
    object-fit: cover
}

.android-main .ks-sections,.android-main .ks-tabs {
    margin-right: 100px
}

.android-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.android-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.android-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.android-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.android-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

.android-main .high-light-images {
    min-width: 350px
}

@media (max-width: 1050px) {
    .android-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .android-main .ks-tabs {
        display:none
    }

    .android-main .high-light-images,.android-main .ks-sections {
        display: contents
    }

    .android-main .high-lights-outer {
        flex-wrap: wrap
    }

    .android-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .android-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .android-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .android-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .android-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .android-main .side-img-1,.android-main .high-light-1 {
        order: 1
    }

    .android-main .side-img-2,.android-main .high-light-2 {
        order: 3
    }

    .android-main .side-img-3,.android-main .high-light-3 {
        order: 5
    }

    .android-main .side-img-4,.android-main .high-light-4 {
        order: 7
    }

    .android-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .android-main .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .android-main .high-lights-outer>div {
        transform: translateX(50px)
    }

    .android-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1050px) {
    .android-main .java-experties-large-card {
        width:199px;
        height: 232px
    }

    .android-main .java-experties-large-card.tech-card {
        width: 200px;
        height: 193px
    }
}

@media(min-width: 992px) {
    .android-main .ks-andriod-banner-section {
        height:630px
    }

    .android-main .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .android-main .h-sm-auto {
        height:auto
    }

    .android-main .font-sm-32 {
        font-size: 32px!important
    }
}

@media(max-width: 768px) {
    .android-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

.java-main .color-1C1C1C {
    color: #1C1C1C
}

.java-main .color-444444 {
    color: #444
}

.java-main .color-363636 {
    color: #363636
}

.java-main .ks-java-banner-section {
    background-image: url(/image/java-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.java-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px 24px 40px;
    height: 100%
}

.java-main .java-service-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center
}

.java-main .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.java-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.java-main .inner-page-brands &gt;.java-main .bg-light {
    background-color: #fff!important
}

@media(min-width: 1200px) {
    .java-main .ks-whychoose-card {
        width:377px
    }

    .java-main .java-services-large-card {
        width: 421px;
        height: 295px
    }

    .java-main .java-experties-large-card {
        width: 424px;
        height: 331px
    }
}

@media(min-width: 992px) {
    .java-main .ks-java-banner-section {
        height:630px
    }

    .java-main .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .java-main .ks-whychoose-card {
        height: 128px
    }
}

@media(max-width: 568px) {
    .java-main .h-sm-auto {
        height:auto
    }

    .java-main .font-sm-32 {
        font-size: 32px!important
    }
}

.java-main .text-left {
    text-align: left
}

.cross-platform-main .color-1C1C1C {
    color: #1C1C1C
}

.cross-platform-main .color-444444 {
    color: #444
}

.cross-platform-main .color-363636 {
    color: #363636
}

.cross-platform-main .ks-cross-plateform-banner-section {
    background-image: url(/image/cross-plateform-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.cross-platform-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px 24px 40px;
    height: 100%
}

.cross-platform-main .java-service-icon {
    display: flex;
    align-items: center
}

.cross-platform-main .java-service-icon img {
    object-fit: cover;
    width: 100%;
    height: auto
}

.cross-platform-main .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%
}

.cross-platform-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%
}

.cross-platform-main .fit-cover {
    object-fit: cover
}

.cross-platform-main .ks-sections,.cross-platform-main .ks-tabs {
    margin-right: 100px
}

.cross-platform-main .cross-platform-main .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.cross-platform-main .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

.cross-platform-main .high-lights-text {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.cross-platform-main .cross-platform-main .hight-lights-sec .side-img {
    opacity: 0;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important
}

.cross-platform-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear
}

.cross-platform-main .high-light-images {
    min-width: 350px
}

@media (max-width: 1050px) {
    .cross-platform-main .hight-lights-sec .img-animate {
        top:50%
    }
}

@media (max-width: 991px) {
    .cross-platform-main .ks-tabs {
        display:none
    }

    .cross-platform-main .high-light-images,.cross-platform-main .ks-sections {
        display: contents
    }

    .cross-platform-main .high-lights-outer {
        flex-wrap: wrap
    }

    .cross-platform-main .hight-lights-sec img.side-img {
        opacity: 1;
        position: static;
        z-index: 1;
        margin-bottom: 30px
    }

    .cross-platform-main .hight-lights-sec img.side-img1 {
        order: 2
    }

    .cross-platform-main .hight-lights-sec img.side-img2 {
        order: 4
    }

    .cross-platform-main .hight-lights-sec img.side-img3 {
        order: 6
    }

    .cross-platform-main .hight-lights-sec img.side-img4 {
        order: 8
    }

    .cross-platform-main .side-img-1,.high-light-1 {
        order: 1
    }

    .cross-platform-main .side-img-2,.high-light-2 {
        order: 3
    }

    .cross-platform-main .side-img-3,.cross-platform-main .high-light-3 {
        order: 5
    }

    .cross-platform-main .side-img-4,.cross-platform-main .high-light-4 {
        order: 7
    }

    .cross-platform-main .high-lights-text {
        min-height: auto;
        margin-bottom: 20px;
        border-top: 2px solid #ccc;
        padding-top: 20px
    }
}

@media (min-width: 576px) {
    @keyframes KsAnimate {
        100% {
            transform:translate(0) scale(1) rotate(0);
            opacity: 1
        }
    }

    .cross-platform-main .high-lights-outer>div {
        opacity: 0;
        animation: KsAnimate 0.6s ease forwards
    }

    .cross-platform-main .high-lights-outer>div {
        transform: translateX(50px)
    }

    .cross-platform-main .ks-tabs ul {
        position: sticky;
        top: 240px;
        padding-top: 90px
    }
}

@media(min-width: 1200px) {
    .cross-platform-main .java-services-large-card {
        width:100%;
        height: 100%
    }
}

@media(min-width: 992px) {
    .cross-platform-main .ks-cross-plateform-banner-section {
        height:630px
    }

    .cross-platform-main .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .cross-platform-main .h-sm-auto {
        height:auto
    }

    .cross-platform-main .font-sm-32 {
        font-size: 32px!important
    }
}

@media(max-width: 768px) {
    .cross-platform-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }
}

.cross-platform-main .text-left {
    text-align: left
}

.devops-main .color-1C1C1C {
    color: #1C1C1C
}

.devops-main .color-444444 {
    color: #444
}

.devops-main .color-363636 {
    color: #363636
}

.devops-main .ks-devops-banner-section {
    background-image: url(/image/devops-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.devops-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.devops-main .java-service-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center
}

.devops-main .java-experties-large-card {
    background: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.devops-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%
}

.devops-main .ks-check-icon:before {
    content: "";
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;/image/check-circle.svg&quot;)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.devops-main .list-style-none {
    list-style: none
}

.devops-main .ks-devops-experties {
    background-image: url(/image/request-banner-1-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.devops-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.devops-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.devops-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.devops-main .ks-looking-for-section .slds-story {
    background: #fff;
    box-shadow: 0 10px 15px -3px #0000001A;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.devops-main .slds-story img {
    object-fit: cover;
    object-position: top
}

.devops-main .ks-color-dark-light {
    color: #262626
}

@media(max-width: 568px) {
    .devops-main .h-sm-auto {
        height:auto
    }

    .devops-main .font-sm-32 {
        font-size: 32px!important
    }
}

.devops-main .text-left {
    text-align: left
}

.odoo-main .text-left {
    text-align: left
}

.odoo-main .ks-odoo-why {
    background: #7C3E6C
}

.odoo-main .ks-odoo-dev-company-banner {
    background-image: url(/image/odoo-service-banner.webp);
    height: 557px
}

.odoo-main .border-r-5 {
    border-radius: 5px
}

.odoo-main .ks-star-box {
    background: #7C3E6C;
    border-radius: 5px;
    padding: 20px 20px 22px;
    max-width: 318px;
    margin-bottom: 55px;
    margin-top: 45px
}

.odoo-main .ks-star-box img {
    margin-bottom: 15px;
    vertical-align: top
}

.odoo-main .ks-odoo-dev-counter {
    background-color: #262626;
    padding: 33px
}

.odoo-main .ks-odoo-company-details {
    padding: 75px 10px
}

.odoo-main .ks-dev-company-details {
    flex: 0 0 55.56%;
    max-width: 55.56%
}

.odoo-main .ks-dev-company-image {
    flex: 0 0 34.62%;
    max-width: 34.62%
}

.odoo-main .ks-grey-26 {
    color: #262626
}

.odoo-main .ks-grey-58 {
    color: #565758
}

.odoo-main .py-56 {
    padding: 56px 0
}

.odoo-main .py-spacing-200 {
    padding: 75px 0 200px
}

.odoo-main .py-spacing-top-200 {
    padding: 200px 0 75px
}

.odoo-main .py-spacing-top-botto-200 {
    padding: 200px 0 200px
}

.odoo-main .line-height-54 {
    line-height: 54px
}

.odoo-main .ks-service-logo {
    background: linear-gradient(180deg,#313131 0%,#242323 100%);
    padding: 75px 10px
}

.odoo-main .height-49 {
    height: 49px
}

.odoo-main .ks-grey {
    color: #F2EFF1
}

.odoo-main .bg-purple {
    background: linear-gradient(88.94deg,#9a1fd3 3.6%,#591e94 99.46%)
}

.odoo-main .ks-dev-logo {
    width: 272px!important;
    height: 207px
}

.odoo-main .text-uppercase {
    text-transform: uppercase
}

.odoo-main .flex-wrap {
    flex-wrap: wrap
}

.odoo-main .color-gray {
    color: #565758
}

.odoo-main .letter-spacing-2em {
    letter-spacing: .02em
}

.odoo-main .letter-spacing-2nem {
    letter-spacing: -.02em
}

.odoo-main .ks-testimonial p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: .02em;
    color: #565758;
    margin-bottom: 46px
}

.odoo-main .ks-odoo-services {
    background-size: cover;
    background-position: 0 200px;
    background-repeat: no-repeat
}

.odoo-main .odoo-services-large-card {
    background: #FFF;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    padding: 43px;
    height: 100%
}

.odoo-main .odoo-services-large-card svg {
    margin-bottom: 45px;
    min-height: 79px
}

.odoo-main .odoo-services-large-card h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: .02em;
    color: #262626;
    margin-bottom: 29px
}

.odoo-main .odoo-services-large-card p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    color: #565758
}

.odoo-main .odoo-industry-view ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.odoo-main .odoo-industry-view ul li a.active {
    background-color: #E33636!important;
    color: #fff!important
}

.odoo-main .odoo-industry-view ul li a {
    background-color: #ffffff!important;
    color: #565758!important;
    border-color: #C4C4C4!important;
    box-shadow: none!important;
    transform: scale(1)!important;
    border-radius: 0.25rem!important
}

.odoo-main .industry-sider .carousel-item {
    border-radius: 14px;
    overflow: hidden
}

.odoo-main .industry-sider .carousel-inner {
    padding: 0 21px
}

.odoo-main .industry-sider {
    position: relative
}

.odoo-main .ks-odoo-process {
    background: #FFF2FC
}

.odoo-main .odoo-process-card {
    background: linear-gradient(223.25deg,#7C3E6C 4.23%,rgba(104,39,87,.93) 75.77%);
    border-radius: 10px;
    padding: 40px;
    height: 100%;
    position: relative
}

.odoo-main .process-arrow {
    position: absolute;
    right: -15%;
    top: 0;
    bottom: 20px;
    height: 85%;
    z-index: 9
}

.odoo-main .odoo-growth-card {
    border: 1px solid #EEEEEF;
    border-radius: 10px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.odoo-main .odoo-growth-card svg {
    width: 70px;
    margin-right: 40px
}

.odoo-main .odoo-growth-text {
    max-width: calc(100% - 110px)
}

.odoo-main .ks-odoo-why {
    background: #7C3E6C
}

.odoo-main .ks-odoo-why .odoo-growth-card {
    border: 1px solid #fff;
    background: #FFF;
    border-radius: 10px
}

@media (max-width: 992px) {
    .odoo-main .process-arrow {
        height:unset;
        top: unset;
        bottom: -15%;
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: rotate(135deg)
    }

    .odoo-main .odoo-process-card {
        padding: 60px 40px
    }
}

.odoo-main .ks-services-devider {
    border-right: 1px solid #FFF;
    height: 46px
}

.odoo-main .ks-dev-logo {
    flex-direction: column
}

.odoo-main .ks-dev-logo img {
    object-fit: contain
}

.odoo-main .carousel-indicators li {
    text-indent: inherit;
    width: auto;
    height: auto
}

.odoo-main .carousel-indicators li::before,.odoo-main .carousel-indicators li::after {
    display: none
}

.odoo-main .carousel-control-prev-icon,.odoo-main .carousel-control-next-icon {
    background-image: none
}

.odoo-main .carousel-indicators {
    position: relative
}

.odoo-main .odoo-industry-view ul li.active a,.odoo-main .odoo-industry-view ul li.active .slide-button {
    background-color: #E33636!important;
    color: #fff!important
}

.odoo-main .carousel-control-next,.odoo-main .carousel-control-prev {
    position: relative
}

.odoo-main .industry-btn a,.odoo-main .carousel-control-next:focus,.odoo-main .carousel-control-next:hover,.odoo-main .carousel-control-prev:focus,.odoo-main .carousel-control-prev:hover {
    opacity: 1
}

.odoo-main .industry-btn a {
    top: 15%
}

.odoo-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

@media (max-width: 1024px) {
    .odoo-main .ks-odoo-dev-company-banner {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .odoo-main .font-54 {
        font-size:28px!important
    }

    .odoo-main .ks-odoo-dev-company-banner h2 {
        text-align: center
    }

    .odoo-main .ks-star-box {
        margin-bottom: 25px;
        margin-top: 15px;
        max-width: 100%;
        text-align: center
    }

    .odoo-main .ks-buttons button,.odoo-main .ks-buttons a {
        min-width: auto
    }

    .odoo-main .ks-odoo-dev-company-banner .ks-buttons {
        justify-content: center
    }

    .odoo-main .ks-odoo-dev-company-banner .ks-buttons button {
        margin-right: 10px!important
    }

    .odoo-main .ks-odoo-company-details .ks-mobile-block {
        display: block!important
    }

    .odoo-main .ks-odoo-company-details .ks-dev-company-image,.odoo-main .ks-odoo-company-details .ks-dev-company-details {
        flex: 100%;
        max-width: 100%
    }

    .odoo-main .ks-odoo-company-details .ks-dev-company-image {
        margin-bottom: 2rem
    }

    .odoo-main .ks-odoo-company-details {
        padding: 30px 10px
    }

    .odoo-main .ks-service-logo {
        padding: 40px 10px 40px
    }

    .odoo-main .ks-odoo-dev-counter .ks-mobile-block {
        display: block!important
    }

    .odoo-main .ks-services-devider {
        border-bottom: 1px solid #FFF;
        border-right: none;
        height: 100%;
        width: 100%;
        display: block;
        margin-top: 10px
    }

    .odoo-main .ks-odoo-dev-company-banner .ks-buttons .ks-odoo-contact {
        margin-right: 10px!important
    }

    .odoo-main .industry-btn a {
        top: 30%
    }

    .odoo-main #ks-contactModal .ks-contact-mail-div {
        position: relative;
        margin-bottom: 2rem
    }

    .odoo-main #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    .odoo-main #ks-contactModal .ks-marketing-contact-info-area,.odoo-main #ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    .odoo-main .ks-contact-modal .ks-discuss-bg {
        padding: 10px!important
    }
}

.odoo-main .carousel {
    position: relative
}

.odoo-main .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.odoo-main .carousel-item {
    position: relative;
    display: none;
    width: 100%;
    transition: transform 0.6s ease-in-out
}

.odoo-main .carousel-item.active {
    display: block
}

.odoo-main .carousel-image {
    width: 100%;
    height: auto
}

.odoo-main .carousel-control-prev,.odoo-main .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    color: #fff
}

.odoo-main .carousel-control-prev {
    left: 0
}

.odoo-main .carousel-control-next {
    right: 0
}

.odoo-main .carousel-control-prev:hover,.odoo-main .carousel-control-next:hover {
    background: rgba(0,0,0,.5)
}

.odoo-main .carousel-control-prev-icon,.odoo-main .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.odoo-main .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

.odoo-main .ks-success-story {
    padding: 60px 0 180px;
    background: #EEEEEF
}

.odoo-main .success-story-box .control-prev,.odoo-main .success-story-box .control-next {
    margin: 0 15px
}

.odoo-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

.odoo-main .text-dark.subheading-text {
    color: #515152!important
}

.odoo-main .text-dark.heading-text {
    color: #404040!important
}

.odoo-main .solutions-col img {
    object-fit: contain
}

@media(min-width: 1280px) {
    .odoo-main .solutions-row {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .odoo-main .solutions-col {
        width: calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

@media(max-width: 1279px) {
    .odoo-main .solutions-row {
        display:grid;
        grid-gap: 18px;
        justify-self: center;
        grid-template-columns: repeat(auto-fill,minmax(196px,1fr))
    }
}

.odoo-main .ks-development-company-box {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #515152;
    padding: 20px!important;
    background: #F6F6F9;
    border-radius: 10px
}

.odoo-main .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

.odoo-main .ks-client-bg {
    padding: 180px 0 60px;
    background: #F6F6F9
}

.odoo-main .client-img-bg {
    background: #fff
}

.odoo-main .ks-meet {
    padding: 60px 0
}

.odoo-main .user-meet-footer .meet-team-link {
    margin-top: 0
}

.odoo-main .user-meet-dsc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #515152;
    margin-top: 5px
}

.odoo-main .ks-discuss {
    padding: 60px 0
}

.odoo-main .ks-discuss-bg {
    padding: 57px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover
}

.odoo-main .contact-info-item span {
    padding-left: 10px
}

.odoo-main .contact-info-item:first-child {
    font-weight: 400
}

.odoo-main .contact-info-item svg {
    margin-top: 3px
}

.odoo-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.odoo-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.odoo-main .ks-who-cont-box {
    max-width: 900px
}

.odoo-main .our-new-client .col-md-4 {
    max-width: 125px
}

.odoo-main .client-img-bg {
    border-radius: 4px;
    height: 114px
}

.odoo-main .our-new-client .col-md-4 svg {
    height: 35px
}

.odoo-main .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

.odoo-main .video-container {
    background: #205871
}

@media(max-width: 1600px) and (min-width:769px) {
    .odoo-main .video-container {
        background-size:cover
    }

    .odoo-main .player__container {
        transform: translate(0,-10%)
    }
}

@media(max-width: 280px) {
    .odoo-main .ks-mobile-view-top {
        display:none
    }
}

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

@media(max-width: 767px) {
    .odoo-main .font-48 {
        font-size:28px!important
    }

    .odoo-main .h-md-auto {
        height: auto
    }

    .odoo-main .btn.btn-primary,.odoo-main .btn.btn-outline-primary {
        font-size: 14px
    }

    .odoo-main .font-48 {
        font-size: 32px!important
    }

    .odoo-main .odoo-growth-card {
        display: block;
        padding: 20px
    }

    .odoo-main .odoo-growth-text {
        max-width: 100%;
        margin-top: 20px
    }

    .odoo-main .py-spacing {
        padding: 35px 0!important
    }

    .odoo-main .py-spacing-200 {
        padding: 35px 0 150px
    }

    .odoo-main .py-56 {
        padding: 35px 0
    }

    .odoo-main .py-spacing-top-botto-200 {
        padding: 150px 0
    }

    .odoo-main .py-spacing-top-200 {
        padding: 150px 0 35px
    }

    .odoo-main .odoo-services-large-card {
        padding: 20px
    }

    .odoo-main .service-faq-sec {
        padding-left: 16px;
        padding-right: 16px
    }

    .odoo-main .ks-odoo-services {
        padding-bottom: 35px
    }
}

@media(max-width: 557px) {
    .odoo-main .video-container .salesforce-cont .font-28 {
        font-size:22px!important
    }

    .odoo-main .video-container .salesforce-cont .font-18 {
        font-size: 16px!important
    }
}

@media(max-width: 767px) {
    .odoo-main .ks-success-story {
        padding-top:30px
    }

    .odoo-main .font-36 {
        font-size: 28px!important
    }

    .odoo-main .font-45 {
        font-size: 24px!important
    }

    .odoo-main .heading-text.font-45 {
        font-size: 28px!important
    }

    .odoo-main .font-18,.heading-text.font-36 {
        font-size: 16px!important
    }

    .odoo-main .subheading-text.font-18,.spotlight-item-list ul {
        font-size: 14px!important
    }

    .odoo-main .spotlight-item-title {
        font-size: 18px
    }

    .odoo-main .ks-who-cont-box {
        padding-left: 8px;
        padding-right: 8px
    }

    .odoo-main .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    .odoo-main .ks-who-sec-item {
        height: 100%
    }

    .odoo-main .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    .odoo-main .success-story-box,.odoo-main .request-call-back,.odoo-main .ks-who-sec-inner {
        border-radius: 10px
    }

    .odoo-main .request-call-back {
        padding: 20px 30px 10px 30px
    }

    .odoo-main .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    .odoo-main .client-img-bg {
        height: 78px
    }

    .odoo-main .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    .odoo-main .ks-insights,.odoo-main .ks-meet {
        padding: 35px 0
    }

    .odoo-main .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    .odoo-main .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    .odoo-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    .odoo-main .ks-client-bg {
        padding: 145px 0 20px
    }
}

@media(max-width: 557px) {
    .odoo-main .video-container .font-28 {
        font-size:16px!important
    }

    .odoo-main .py-75 {
        padding: 35px 15px
    }

    .odoo-main #contactForm4 .btn-primary {
        width: 100%
    }

    .odoo-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .odoo-main .ks-discuss {
        padding: 35px 0
    }

    .odoo-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .odoo-main .success-story-box p {
        margin-top: 16px
    }

    .odoo-main .solutions-row {
        grid-gap: 8px;
        grid-template-columns: repeat(auto-fill,minmax(140px,1fr))
    }

    .odoo-main .ks-development-company-box {
        padding: 15px!important;
    }

    .odoo-main .solutions-col img {
        height: 35px
    }

    .odoo-main .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

.odoo-main .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

.odoo-main .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

.odoo-main .ks-offering .spotlight-item-image svg {
    display: block
}

.odoo-main .letter-sp-2 {
    letter-spacing: .02em
}

.odoo-main .border-r-10 {
    border-radius: 10px
}

.odoo-main .py-spacing {
    padding: 75px 0
}

.microservices-main .text-left {
    text-align: left
}

@media(max-width: 1350px) {
    .microservices-main .microservices-tabs li:nth-child(5),.microservices-tabs li:nth-child(4) {
        display:none
    }
}

.microservices-main .serverless-archit {
    background-image: url(/image/serverless-archt-bg-scaled.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.microservices-main .ks-whychoose-card {
    padding: 24px;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    height: 100%
}

.microservices-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.microservices-main .microservices-bg .services-salesforce-hero-bg {
    background: url(/image/microservices-hero-bg.png)!important
}

.microservices-main .kafka-tabs {
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    border-radius: 10px;
    height: 75px;
    justify-content: space-between;
    padding: 0 50px;
    align-items: center;
    margin-top: -35px;
    background: #fff;
    border: none
}

.microservices-main .kafka-tabs .nav-link {
    color: #343434;
    border: none!important;
    padding: 0;
    font-size: 15px
}

.microservices-main .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

.microservices-main .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: .3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.microservices-main .kafka-tabs .nav-link.active::after {
    transform: scaleY(1)
}

.microservices-main .kafka-content {
    background: linear-gradient(180deg,#090606 0,rgba(56,56,56,.93) 100%),#191918;
    border-radius: 40px;
    margin-top: 55px
}

.microservices-main .ks-salesforce-tab {
    position: sticky;
    top: 113px;
    z-index: 10
}

.microservices-main .ks-salesforce-tab ul li {
    padding: 0 20px
}

.microservices-main .ks-salesforce-tab ul li a {
    color: #000;
    padding: 19px 0;
    position: relative;
    font-size: 14px
}

.microservices-main .ks-salesforce-tab ul li a::after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: #11BAFC;
    position: absolute;
    bottom: 0;
    left: 0
}

.microservices-main .ks-salesforce-tab .nav {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap
}

.microservices-main .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.microservices-main .nav-link {
    display: block
}

.microservices-main .nav-item .nav-link:not(.btn):hover {
    color: #e6606b
}

.microservices-main .kafka-tabs .nav-item.active .nav-link::after {
    transform: scaleY(1)
}

.microservices-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.microservices-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.microservices-main .overview-heading h2.text-dark {
    color: #fff!important
}

@media(max-width: 575px) {
    .microservices-main .font-45,.microservices-main .font-48 {
        font-size:28px!important
    }

    .microservices-main .font-36 {
        font-size: 20px!important
    }

    .microservices-main .ks-salesforce-tab {
        top: 57px
    }

    .microservices-main .ks-salesforce-tab ul li {
        padding: 0 10px
    }

    .microservices-main .py-spacing {
        padding: 50px 0!important
    }

    .microservices-main .cust-order-sm-2 {
        order: 2
    }
}

@media(min-width: 768px) {
    .microservices-main .ks-hero-bg {
        background-color:#212327;
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media(max-width: 767px) {
    .microservices-main .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }

    .odoo-main .ks-grey-26 h2 {
        font-size: 48px
    }
}

.microservices-main .ks-hero-bg {
    background-color: #212327
}

.microservices-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.microservices-main .py-75 {
    padding: 75px 0
}

.microservices-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.microservices-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.microservices-main .text-bg-clip {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}

.microservices-main .text-salesforce {
    background-image: linear-gradient(80.83deg,#4db4ff 5.8%,#81ffe8 52.65%,#21f2f2 85.1%)
}

.microservices-main .py-100 {
    padding: 100px 0
}

.microservices-main .py-55 {
    padding: 55px 0
}

.microservices-main .ks-carousel-btn-design .carousel-control-next,.microservices-main .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.microservices-main .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.microservices-main .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.microservices-main .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.microservices-main .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.microservices-main .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.microservices-main .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.microservices-main .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

.microservices-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.microservices-main .services-text-bg {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.microservices-main .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.microservices-main .ks-service-box-inner {
    border-radius: 10px;
    width: 100%;
    height: 73px;
    min-height: 73px;
    box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
    overflow: hidden
}

.microservices-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.microservices-main .service-arrow-icon {
    width: 15px
}

.microservices-main .text-investors {
    background-image: linear-gradient(90deg,#333 0,#dd1818 92.73%)
}

.microservices-main .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

.microservices-main .z-index-1 {
    z-index: 1
}

.microservices-main .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.microservices-main .nse-partner-logo {
    height: 60px;
    margin-bottom: -50px
}

.microservices-main .ks-awards-bg {
    background-size: cover;
    padding-bottom: 170px;
    background-color: #0a0e11
}

@media(min-width: 992px) {
    .microservices-main .ks-awards-bg {
        // background-image:url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assetsimages/index-page/Awards-bg.jpg)
    }

    .microservices-main .ks-awards-bg {
        // background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assetsimages/index-page/Awards-bg.webp)
    }
}

.microservices-main .ks-owl-btn .owl-nav span {
    display: none
}

.microservices-main .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.microservices-main .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.microservices-main .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.microservices-main .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.microservices-main .owl-awards .partner-card {
    cursor: auto
}

.microservices-main .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0
}

.microservices-main .ks-contact-sec label.error {
    display: block
}

.microservices-main .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.microservices-main .ks-contact-sec .ks-input::placeholder {
    color: #fff
}

.microservices-main .ks-contact-sec #email-error+label.d-block,.microservices-main .ks-contact-sec #message-error+label.d-block,.microservices-main .ks-contact-sec .ks-input:focus+label.d-block,.microservices-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff;
    display: inline-block!important
}

.microservices-main .ks-contact-sec #email-error+label.d-block {
    transform: translateY(-85px)
}

.microservices-main .ks-contact-sec #email-error[style*=&quot;display:none&quot;]+label.d-block {
    transform: translateY(-55px)
}

.microservices-main .ks-contact-sec #message-error+label.d-block {
    transform: translateY(-106px)
}

.microservices-main .ks-input-textarea-small {
    height: 60px
}

.microservices-main .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.microservices-main .ks-contact-sec #message-error[style*=&quot;display:none]+label.d-block,.microservices-main .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.microservices-main .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.microservices-main .ks-contact-sec {
    padding-top: 170px
}

.microservices-main .cursor-pointer {
    cursor: pointer
}

@media (max-width: 768px) {
    .microservices-main .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    .microservices-main .col-lg-custom {
        width: 33%
    }

    .microservices-main .services-lg-custom {
        width: 50%!important
    }

    .microservices-main .ks-service-box-text {
        padding-right: 15px!important
    }

    .microservices-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-prev,.microservices-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-next,.microservices-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .microservices-main .h-sm-auto {
        height: auto
    }
}

@media (max-width: 575px) {
    .microservices-main .ks-hero-bg .font-80 {
        font-size:40px
    }

    .microservices-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .microservices-main .ks-career-sec-inner,.microservices-main .ks-carousel-item-inner,.microservices-main .ks-hero-bg .py-75,.microservices-main .ks-partner-sec {
        padding: 40px 15px
    }

    .microservices-main .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .microservices-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .microservices-main .col-lg-custom {
        width: 50%
    }

    .microservices-main .services-lg-custom {
        width: 100%!important
    }

    .microservices-main .ks-service-box-inner {
        width: auto
    }

    .microservices-main .ks-services-bg .row {
        margin-right: 0
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-next,.microservices-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-prev,.microservices-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .microservices-main .ks-services-bg {
        padding-bottom: 20px
    }

    .microservices-main .client-bg-img {
        margin-top: -140px
    }

    .microservices-main .ks-client-bg {
        padding-bottom: 140px
    }

    .microservices-main .ks-awards-bg {
        padding-top: 40px
    }
}

.microservices-main .map-img-2,.microservices-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.microservices-main .about-hero-bg {
    min-height: 57vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center
}

.microservices-main .about-hero-data {
    max-width: 950px;
    padding: 40px 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06);
    border-radius: 30px;
    margin-top: -50px
}

.microservices-main .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.microservices-main .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.microservices-main .about-videos-sec {
    max-width: 890px
}

.microservices-main .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.microservices-main .cv-card,.microservices-main .cv-card .font-24,.microservices-main .cv-card-data {
    transition: .3s ease-in-out
}

.microservices-main .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.microservices-main .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.microservices-main .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.microservices-main .cv-card-data {
    position: relative;
    bottom: 0
}

.microservices-main .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.microservices-main .value-sec-row {
    max-width: 1000px
}

.microservices-main .milestone-sec {
    background-color: #021132
}

@media(min-width: 768px) {
    .microservices-main .milestone-sec {
        background-size:cover
    }
}

.microservices-main .ms-card h3 {
    color: #ffb93e
}

.microservices-main .ms-2015,.microservices-main .ms-2017,.microservices-main .ms-2019 {
    margin-left: -1px
}

.microservices-main .ms-2019 {
    border-right: none
}

.microservices-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.microservices-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.microservices-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.microservices-main .ks-owl-btn .owl-nav button.owl-next,.microservices-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.microservices-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.microservices-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.microservices-main .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.microservices-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.microservices-main .about-us-partner {
    padding-top: 120px;
    background: linear-gradient(180deg,#0f0f0f 0,rgba(55,54,54,.93) 100%)
}

.microservices-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.microservices-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.microservices-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.microservices-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.microservices-main .ks-event-img {
    width: 100%;
    border-radius: 30px;
    height: 100%;
    object-fit: cover
}

.microservices-main .element.text-primary.ml-3 span {
    color: #fff!important
}

.microservices-main .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .microservices-main .ks-service-box-image {
        background: unset!important
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .microservices-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .microservices-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .microservices-main .col-lg-custom {
        width:25%
    }

    .microservices-main .services-lg-custom {
        width: 45%!important
    }

    .microservices-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-prev,.microservices-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .microservices-main .ks-carousel-btn-design .carousel-control-next,.microservices-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .microservices-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 768px) {
    .microservices-main .cv-card {
        padding:25px;
        overflow: hidden
    }

    .microservices-main .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .microservices-main .ks-hero-data {
        margin-bottom:32px
    }

    .microservices-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .microservices-main .ks-hero-data:after {
        display: none
    }

    .microservices-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .microservices-main .investors-sec-dark,.microservices-main .overview-sec {
        padding-top: 40px
    }

    .microservices-main .about-hero-bg {
        min-height: 36vh
    }

    .microservices-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.microservices-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.microservices-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .microservices-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.microservices-main .service-arrow-icon {
    transition: .3s ease-in-out
}

.microservices-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.microservices-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.microservices-main .index-page-popup .modal-content {
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.microservices-main .index-page-popup .modal-body {
    padding-top: 60px
}

.microservices-main .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.microservices-main .popup-header {
    position: relative;
    left: -30px
}

.microservices-main .lh-auto {
    line-height: initial
}

.microservices-main .text-em-large {
    font-size: 1.5em
}

@media (max-width: 768px) {
    .microservices-main .index-page-popup .close {
        right:0
    }

    .microservices-main .popup-imgs img {
        object-fit: contain
    }

    .microservices-main .popup-header .font-36, {
        font-size: 24px
    }
}

.microservices-main .kafka-content .tab-pane {
    padding: 80px
}

.microservices-main .kafka-service-box {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.04);
    border-radius: 20px;
    min-height: 278px
}

.microservices-main .kafka-service-img {
    border-radius: 16px;
    width: 127px;
    height: 152px
}

.microservices-main .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.microservices-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.microservices-main .text-dark-pink {
    color: #ff6767
}

.microservices-main .benfits-sec .tab-box {
    background: #343434
}

.microservices-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.microservices-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.microservices-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.microservices-main .wk-box .font-14 {
    color: #000
}

.microservices-main .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

.microservices-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.microservices-main .solution-box-outer {
    background: linear-gradient(180deg,#232323 0,rgba(28,28,28,.93) 100%),#191918;
    border-radius: 20px;
    padding: 40px 20px;
    margin-bottom: 30px
}

.microservices-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.microservices-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.microservices-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 18px;
    color: #343434
}

.microservices-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.microservices-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.microservices-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.microservices-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.microservices-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.microservices-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.microservices-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.microservices-main .services-hero-sec {
    background-color: rgba(5,3,3,.81);
    background-blend-mode: color;
    background-size: 120vw;
    background-repeat: no-repeat;
    background-position-x: center
}

@media (max-width: 1024px) {
    .microservices-main .kafka-tabs {
        padding:0 20px
    }

    .microservices-main .services-hero-sec {
        background-size: 120vh
    }
}

@media (max-width: 768px) {
    .microservices-main .services-hero-sec {
        background-size:cover
    }

    .microservices-main .kafka-tabs {
        display: none!important
    }

    .microservices-main .kafka-content {
        margin-top: 40px
    }
}

@media (max-width: 575px) {
    .microservices-main .kafka-content .tab-pane {
        padding:20px
    }

    .microservices-main .benfits-sec .py-75,.microservices-main .bg-contact .py-100,.microservices-main .service-faq-sec .py-100,.microservices-main .solutions-sec .py-100,.microservices-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .microservices-main .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .microservices-main .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .microservices-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.microservices-main .f-w-500 {
    font-weight: 500
}

.microservices-main .ks-salesforce-services-box {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    opacity: 0
}

.microservices-main .ks-salesforce-services-icon {
    width: 100%;
    height: 152px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.microservices-main .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

.microservices-main .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.microservices-main .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.microservices-main .services-description ul li {
    position: relative;
    padding-left: 20px
}

.microservices-main .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: "";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: .7s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: .8s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: .9s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.microservices-main .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.microservices-main .ks-development-company-box {
    width: 100%;
    height: 100%;
    background: #f8fdff;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #343434
}

.microservices-main .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.microservices-main .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.microservices-main .insights-box {
    mix-blend-mode: normal;
    border-radius: 5px;
    float: left;
    width: 100%;
    overflow: hidden
}

.microservices-main .insights-type {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.microservices-main .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.microservices-main .insights-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.microservices-main .insights-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
    filter: blur(3px)
}

.microservices-main .insights-link {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.microservices-main .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.microservices-main .insights-link a:hover {
    font-weight: 700
}

.microservices-main .services-salesforce-hero-sec {
    background: #0e97d8
}

@media(min-width: 768px) {
    .microservices-main .services-salesforce-hero-bg {
        background-blend-mode:color;
        background-size: 100vw;
        background-repeat: no-repeat;
        background-position: center
    }
}

@media(max-width: 767px) {
    .microservices-main .services-salesforce-hero-bg {
        background-color:#1996d5
    }
}

.microservices-main .services-salesforce-hero-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.microservices-main .contact-us-box {
    background: rgba(251,251,251,.7);
    border-radius: 10px
}

.microservices-main .services-salesforce-hero-sec .banner-subheading {
    animation-delay: .6s
}

.microservices-main .services-salesforce-hero-sec .contact-us-box {
    animation-delay: .7s
}

.microservices-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: .8s
}

.microservices-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: .9s
}

.microservices-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.microservices-main .salesforce-tabs {
    justify-content: start
}

.microservices-main .ks-salesforce-services-bg {
    background: #fdfbfb
}

.microservices-main .ks-sales-sec {
    background: #fdfbfb
}

.microservices-main .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.microservices-main .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.microservices-main .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.microservices-main .salesforce-contact-us #email-error+label.d-block,.microservices-main .salesforce-contact-us .ks-input:focus+label.d-block,.microservices-main .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.microservices-main .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.microservices-main .salesforce-contact-us .ks-input-box {
    height: 45px
}

.microservices-main .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.microservices-main .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.microservices-main .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.microservices-main .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.microservices-main .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.microservices-main .salesforce-contact-us .ks-captcha {
    transform: scale(.8) translateX(0) translateY(0);
    justify-content: start!important;
    transform-origin: left
}

.microservices-main .why-box-view {
    border-radius: 20px;
    overflow: hidden
}

.microservices-main .why-box-item {
    flex-direction: column
}

.microservices-main .why-box-item-header {
    height: 180px;
    line-height: 30px;
    col .why-box-item-body {
        line-height: 24px;
        color: #4b4b4b
    }

    .microservices-main .cassandra-bg {
        background: linear-gradient(180deg,#357fa4 0,#194256 100%);
        background-position-y: 100%!important
    }

    .microservices-main .spark-bg {
        background: linear-gradient(180deg,#0b0e18 0,#1b3b61 100%);
        background-position-y: 100%!important
    }

    .microservices-main .why-box-radius-left {
        border-top-left-radius: 20px;
        overflow: hidden
    }

    .microservices-main .why-box-radius-right {
        border-top-right-radius: 20px;
        overflow: hidden
    }

    .microservices-main .py-spacing {
        padding: 110px 0 75px
    }

    .microservices-main .services-lg-custom {
        width: 40%;
        margin-bottom: 12px
    }

    .microservices-main .ks-service-box-info {
        display: flex;
        justify-content: space-between;
        height: 73px;
        width: 100%
    }

    .microservices-main .ks-service-box-image {
        height: 100%;
        width: 150px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 20px
    }

    .microservices-main .ks-service-box-text {
        width: auto;
        padding-right: 28px;
        padding-left: 15px;
        display: flex;
        height: 73px;
        align-items: center;
        justify-content: space-between
    }

    .microservices-main .ks-service-box-image img {
        object-fit: contain;
        height: 100%;
        width: 100%
    }

    .microservices-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        transition: .3s ease-in-out all;
        position: absolute;
        width: 150px;
        height: 100%;
        z-index: 0;
        border-radius: 10px
    }

    .microservices-main .investors-box {
        background: #fff;
        box-shadow: 0 4px 20px rgba(0,0,0,.06);
        border-radius: 30px;
        padding: 32px;
        margin-bottom: 30px;
        min-height: 303px;
        position: relative;
        display: block;
        padding-bottom: 52px
    }

    .microservices-main .news-home-box,.microservices-main .stock-investors-box {
        padding-bottom: 32px
    }

    .microservices-main .annual-report-box {
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-size: cover;
        background-position: right;
        padding-bottom: 32px;
        min-height: 200px
    }

    .microservices-main .investors-box-more {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #afafaf;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .microservices-main .investors-box-more img {
        margin-left: 8px
    }

    .microservices-main .investors-box-more {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #afafaf;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .microservices-main .investors-box-more img {
        margin-left: 8px
    }

    .microservices-main .investors-box-text h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        text-transform: uppercase;
        color: #343434
    }

    .microservices-main .investors-box-text p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        color: #4b4b4b
    }

    .microservices-main .investors-box-text ul {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        color: #4b4b4b;
        padding-left: 18px
    }

    .microservices-main .investors-box-text ul li {
        margin-bottom: 29px
    }

    .microservices-main .investors-box-more.report-btn {
        position: absolute;
        width: 100%;
        bottom: 32px;
        right: 32px
    }

    .microservices-main .news-home-item {
        margin-bottom: 15px;
        display: block
    }

    .microservices-main .news-home-item p {
        margin-bottom: 15px
    }

    .microservices-main .ks-office {
        position: relative
    }

    .microservices-main .ks-office-big {
        margin-bottom: 30px
    }

    .microservices-main .investors-box-more:hover {
        color: #e33e35
    }

    .microservices-main .investors-box-more:hover img {
        margin-left: 12px
    }

    .microservices-main .investors-box:not(.news-home-box):hover .investors-box-more {
        color: #e33e35
    }

    .microservices-main .investors-box:not(.news-home-box):hover .investors-box-more img {
        margin-left: 12px
    }

    .microservices-main .news-home-box {
        min-height: calc(100% - 30px)
    }

    .microservices-main .ks-carousel-item-4 .text-salesforce {
        background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
    }

    .microservices-main .ks-carousel-item-5 .text-salesforce {
        background-image: linear-gradient(80.83deg,#03294d,#277aa9)
    }

    .microservices-main .magento-banner-bg {
        background: linear-gradient(180deg,#FFCA7A 0%,#563A19 100%);
        background-position-y: 100%!important
    }

    .salesforce-services-cloud-main .text-left {
        text-align: left
    }

    @media(min-width: 768px) {
        .salesforce-services-cloud-main .ks-hero-bg {
            background-color:#212327;
            // background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assetsimages/index-page/hero-bg.jpg);
            background-size: 130%;
            background-position-x: 50%;
            background-repeat: no-repeat
        }
    }

    @media(max-width: 767px) {
        .salesforce-services-cloud-main .ks-hero-bg {
            background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
        }
    }

    .salesforce-services-cloud-main .ks-hero-bg {
        background-color: #212327
    }

    .salesforce-services-cloud-main .py-75 {
        padding: 75px 0
    }

    .salesforce-services-cloud-main .ks-hero-data-outer {
        background: rgba(11,49,68,.4);
        box-shadow: 0 20px 30px rgba(0,0,0,.06);
        border-radius: 44px;
        padding: 52px 26px
    }

    .salesforce-services-cloud-main .ks-bottom-decorator::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 2px;
        background: #e43a36;
        bottom: -15px;
        left: 0
    }

    .salesforce-services-cloud-main .ks-hero-data:after {
        content: "";
        position: absolute;
        top: calc(50% + 10px);
        right: 0;
        height: 20px;
        width: 2px;
        background-color: #acbdfb
    }

    .salesforce-services-cloud-main .py-100 {
        padding: 100px 0
    }

    .salesforce-services-cloud-main .py-55 {
        padding: 55px 0
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev {
        opacity: 1;
        width: auto
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev {
        left: -70px
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next {
        right: -70px
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev-icon {
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next-icon {
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
    }

    .salesforce-services-cloud-main .ks-carousel-indicator-design .carousel-indicators .active {
        background-color: #fca8af
    }

    .salesforce-services-cloud-main .ks-carousel-indicator-design .carousel-indicators li {
        cursor: pointer
    }

    .salesforce-services-cloud-main .ks-services-bg {
        padding: 66px 0;
        background: #fbfbfb
    }

    .salesforce-services-cloud-main .ks-heading-decorator:after {
        content: "";
        position: absolute;
        width: 25px;
        height: 4px;
        background-color: #dc2230;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%)
    }

    .salesforce-services-cloud-main .services-text-bg {
        background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
    }

    .salesforce-services-cloud-main .ks-service-box:not(.ks-service-box-inner) {
        transition: .3s ease-in-out all
    }

    .salesforce-services-cloud-main .ks-service-box-inner {
        border-radius: 10px;
        width: 100%;
        height: 73px;
        min-height: 73px;
        box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
        overflow: hidden
    }

    .salesforce-services-cloud-main .col-lg-custom {
        width: 20%;
        margin-bottom: 30px
    }

    .salesforce-services-cloud-main .service-arrow-icon {
        width: 15px
    }

    .salesforce-services-cloud-main .ks-service-box-data {
        display: none;
        padding: 20px 30px
    }

    .salesforce-services-cloud-main .client-img-bg {
        background-color: #e7e7e7;
        border-radius: 15px;
        height: 85px;
        margin-bottom: 12px
    }

    .salesforce-services-cloud-main .client-bg-img {
        margin-bottom: -75px;
        margin-top: -220px
    }

    .salesforce-services-cloud-main .z-index-1 {
        z-index: 1
    }

    .salesforce-services-cloud-main .ks-client-bg {
        padding-top: 75px;
        padding-bottom: 180px
    }

    .salesforce-services-cloud-main .ks-awards-bg {
        background-size: cover;
        padding-bottom: 170px;
        background-color: #0a0e11
    }

    .salesforce-services-cloud-main .ks-owl-btn .owl-nav span {
        display: none
    }

    .salesforce-services-cloud-main .ks-owl-btn .owl-nav button {
        width: 40px;
        height: 40px;
        position: relative;
        background-repeat: no-repeat!important;
        outline: 0!important
    }

    .salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -50px;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
    }

    .salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        margin-left: auto;
        right: -50px;
        background-position-x: 100%!important;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
    }

    .salesforce-services-cloud-main .ks-owl-btn .owl-nav {
        position: absolute;
        width: 100%;
        top: calc(50% - 20px);
        display: flex
    }

    .salesforce-services-cloud-main .owl-awards .partner-card {
        cursor: auto
    }

    .salesforce-services-cloud-main .ks-career-sec-inner {
        padding-left: 50px;
        padding-right: 50px;
        box-shadow: 0 4px 30px rgba(0,0,0,.06);
        border-radius: 40px;
        margin-top: -120px;
        margin-bottom: -120px;
        z-index: 1;
        position: relative
    }

    .salesforce-services-cloud-main .cursor-pointer {
        cursor: pointer
    }
}

@media (max-width: 768px) {
    .salesforce-services-cloud-main .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    .salesforce-services-cloud-main .col-lg-custom {
        width: 33%
    }

    .salesforce-services-cloud-main .ks-service-box-text {
        padding-right: 15px!important
    }

    .salesforce-services-cloud-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .salesforce-services-cloud-main .ks-hero-data-outer {
        margin:0
    }

    .salesforce-services-cloud-main .ks-hero-bg .font-80 {
        font-size: 40px
    }

    .salesforce-services-cloud-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .salesforce-services-cloud-main .ks-career-sec-inner,.salesforce-services-cloud-main .ks-carousel-item-inner,.salesforce-services-cloud-main .ks-hero-bg .py-75,.salesforce-services-cloud-main .ks-partner-sec {
        padding: 40px 15px
    }

    .salesforce-services-cloud-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .salesforce-services-cloud-main .col-lg-custom {
        width: 50%
    }

    .salesforce-services-cloud-main .ks-service-box-inner {
        width: auto
    }

    .salesforce-services-cloud-main .ks-services-bg .row {
        margin-right: 0
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-services-cloud-main .ks-services-bg {
        padding-bottom: 20px
    }

    .salesforce-services-cloud-main .client-bg-img {
        margin-top: -140px
    }

    .salesforce-services-cloud-main .ks-client-bg {
        padding-bottom: 140px
    }

    .salesforce-services-cloud-main .ks-awards-bg {
        padding-top: 40px
    }
}

.salesforce-services-cloud-main .map-img-2,.salesforce-services-cloud-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.salesforce-services-cloud-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce-services-cloud-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.salesforce-services-cloud-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-next,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.salesforce-services-cloud-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.salesforce-services-cloud-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.salesforce-services-cloud-main .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.salesforce-services-cloud-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.salesforce-services-cloud-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.salesforce-services-cloud-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.salesforce-services-cloud-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.salesforce-services-cloud-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

@media (min-width: 769px) {
    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .salesforce-services-cloud-main .ks-service-box-image {
        background: unset!important
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .salesforce-services-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .salesforce-services-cloud-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce-services-cloud-main .col-lg-custom {
        width:25%
    }

    .salesforce-services-cloud-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .salesforce-services-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-services-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .salesforce-services-cloud-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 575px) {
    .salesforce-services-cloud-main .ks-bottom-decorator::after {
        bottom:-8px
    }

    .salesforce-services-cloud-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .salesforce-services-cloud-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.salesforce-services-cloud-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.salesforce-services-cloud-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .salesforce-services-cloud-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.salesforce-services-cloud-main .service-arrow-icon {
    transition: .3s ease-in-out
}

.salesforce-services-cloud-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

@media (max-width: 768px) {
    .salesforce-services-cloud-main .index-page-popup .close {
        right:0
    }

    .salesforce-services-cloud-main .popup-imgs img {
        object-fit: contain
    }

    .salesforce-services-cloud-main .popup-header .font-36 {
        font-size: 24px
    }
}

.salesforce-services-cloud-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-services-cloud-main .benfits-sec .tab-box {
    background: #343434
}

.salesforce-services-cloud-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.salesforce-services-cloud-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.salesforce-services-cloud-main .wk-box .font-14 {
    color: #000
}

.salesforce-services-cloud-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce-services-cloud-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.salesforce-services-cloud-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 20px;
    color: #343434
}

.salesforce-services-cloud-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.salesforce-services-cloud-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.salesforce-services-cloud-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.salesforce-services-cloud-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.salesforce-services-cloud-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.salesforce-services-cloud-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.salesforce-services-cloud-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 575px) {
    .salesforce-services-cloud-main .font-45,.salesforce-services-cloud-main .font-48 {
        font-size:28px
    }

    .salesforce-services-cloud-main .font-36 {
        font-size: 20px
    }

    .salesforce-services-cloud-main .benfits-sec .py-75,.salesforce-services-cloud-main .bg-contact .py-100,.salesforce-services-cloud-main .service-faq-sec .py-100,.salesforce-services-cloud-main .solutions-sec .py-100,.salesforce-services-cloud-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .salesforce-services-cloud-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.salesforce-services-cloud-main .why-box-radius-right {
    border-top-right-radius: 20px;
    overflow: hidden
}

.salesforce-services-cloud-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.salesforce-services-cloud-main .microservices-bg .services-salesforce-hero-bg {
    // background: url(/image/microservices-hero-bg.png)!important
}

.salesforce-services-cloud-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce-services-cloud-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.salesforce-services-cloud-main .ks-office {
    position: relative
}

.salesforce-services-cloud-main .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

.salesforce-services-cloud-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    // z-index: 1;
    position: relative
}

.salesforce-services-cloud-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce-services-cloud-main .text-dark.heading-text {
    color: #404040!important
}

@media(min-width: 1280px) {
    .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

.salesforce-services-cloud-main .ks-client-bg {
    padding: 180px 0 60px;
    background: #F6F6F9
}

.salesforce-services-cloud-main .client-img-bg {
    background: #fff
}

.salesforce-services-cloud-main .ks-meet {
    padding: 60px 0
}

.salesforce-services-cloud-main .user-meet-footer .meet-team-link {
    margin-top: 0
}

.salesforce-services-cloud-main .ks-discuss {
    padding: 60px 0;
    background-color: #f8f9fa
}

.salesforce-services-cloud-main .contact-info-item span {
    padding-left: 10px
}

.salesforce-services-cloud-main .contact-info-item:first-child {
    font-weight: 400
}

.salesforce-services-cloud-main .contact-info-item svg {
    margin-top: 3px
}

.salesforce-services-cloud-main .contact-info-header-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 31px;
    color: #FFF
}

.salesforce-services-cloud-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.salesforce-services-cloud-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.salesforce-services-cloud-main .our-new-client .col-md-4 {
    max-width: 125px
}

.salesforce-services-cloud-main .client-img-bg {
    border-radius: 4px;
    height: 114px
}

.salesforce-services-cloud-main .our-new-client .col-md-4 svg {
    height: 35px
}

.salesforce-services-cloud-main .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media(max-width: 280px) {
    .salesforce-services-cloud-main .ks-mobile-view-top {
        display:none
    }
}

.salesforce-services-cloud-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

@media(max-width: 767px) {
    .salesforce-services-cloud-main .ks-success-story {
        padding-top:30px
    }

    .salesforce-services-cloud-main .font-36 {
        font-size: 28px
    }

    .salesforce-services-cloud-main .font-45 {
        font-size: 24px
    }

    .salesforce-services-cloud-main .heading-text.font-45 {
        font-size: 28px
    }

    .salesforce-services-cloud-main .subheading-text.font-18,.salesforce-services-cloud-main .spotlight-item-list ul {
        font-size: 14px!important
    }

    .salesforce-services-cloud-main .ks-who-cont-box {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-services-cloud-main .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-services-cloud-main .ks-who-sec-item {
        height: 100%
    }

    .salesforce-services-cloud-main .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    .salesforce-services-cloud-main .ks-spotlight {
        padding-top: 155px;
        padding-bottom: 140px
    }

    .salesforce-services-cloud-main .success-story-box,.salesforce-services-cloud-main .request-call-back,.salesforce-services-cloud-main .ks-who-sec-inner {
        border-radius: 10px
    }

    .salesforce-services-cloud-main .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    .salesforce-services-cloud-main .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    .salesforce-services-cloud-main .ks-insights,.salesforce-services-cloud-main .ks-meet {
        padding: 35px 0
    }

    .salesforce-services-cloud-main .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    .salesforce-services-cloud-main .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    .salesforce-services-cloud-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    .salesforce-services-cloud-main .ks-client-bg {
        padding: 145px 0 20px
    }

    .salesforce-services-cloud-main .salesforce-item {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px)
    }
}

@media(max-width: 557px) {
    .salesforce-services-cloud-main .py-75 {
        padding:35px 15px
    }

    .salesforce-services-cloud-main #contactForm4 .btn-primary {
        width: 100%
    }

    .salesforce-services-cloud-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .salesforce-services-cloud-main .ks-discuss {
        padding: 35px 0
    }

    .salesforce-services-cloud-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .salesforce-services-cloud-main .success-story-box p {
        margin-top: 16px
    }

    .salesforce-services-cloud-main .solutions-col img {
        height: 35px
    }

    .salesforce-services-cloud-main .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

.salesforce-services-cloud-main .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-services-cloud-main .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

.salesforce-services-cloud-main .ks-offering .spotlight-item-image svg {
    display: block
}

.salesforce-services-cloud-main .ks-captcha-outer.align-items-end {
    align-items: flex-start!important;
    flex-direction: column
}

.salesforce-services-cloud-main .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

.salesforce-services-cloud-main .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.salesforce-services-cloud-main .ks-marketing-banner {
    background-image: url(/image/banner-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-services-cloud-main .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

.salesforce-services-cloud-main .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #FFF
}

.salesforce-services-cloud-main .img-border-orange {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 68px;
    height: 34px;
    border: 4px solid #F26322;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-services-cloud-main .img-border-orange img {
    height: 60px;
    width: 60px
}

.salesforce-services-cloud-main .text-blue {
    color: #11BAFC
}

.salesforce-services-cloud-main .text-red {
    color: #E33636
}

.salesforce-services-cloud-main .text-orange {
    color: #F26322
}

.salesforce-services-cloud-main .tex-light-blue {
    color: #C8EFFE
}

.salesforce-services-cloud-main .bg-orange {
    background-color: #F26322
}

.salesforce-services-cloud-main .bg-red {
    background-color: #E33636!important
}

.salesforce-services-cloud-main .btn-primary.ks-btn-red {
    background-color: #E33636!important;
    border: none
}

.salesforce-services-cloud-main .border-r-10 {
    border-radius: 10px!important
}

.salesforce-services-cloud-main .border-none {
    border: none
}

.salesforce-services-cloud-main .box-shadow-none {
    box-shadow: none!important
}

.salesforce-services-cloud-main .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

.salesforce-services-cloud-main .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-services-cloud-main .ks-section-marketing .ks-sl-prodict-card {
    background: #F6F6F9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

.salesforce-services-cloud-main .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

.salesforce-services-cloud-main .ks-looking-for-section .slds-story {
    background: #F6F6F9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce-services-cloud-main .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: .3s ease-in-out;
    object-fit: contain
}

.salesforce-services-cloud-main .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

.salesforce-services-cloud-main .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

.salesforce-services-cloud-main .py-68 {
    padding: 68px 0
}

.salesforce-services-cloud-main .py-132 {
    padding: 132px 0
}

.salesforce-services-cloud-main .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

.salesforce-services-cloud-main .ks-marketing-faq .text-investors {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

.salesforce-services-cloud-main .ks-marketing-faq {
    background-color: #F6F6F9
}

.salesforce-services-cloud-main .ks-marketing-faq .card-body,.salesforce-services-cloud-main .ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

.salesforce-services-cloud-main .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3A3A3C!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

.salesforce-services-cloud-main .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

.salesforce-services-cloud-main .ks-marketing-faq .card {
    border-bottom: 1px solid #EDEDEF;
    margin-bottom: 1rem
}

.salesforce-services-cloud-main .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/image/Vector.webp)
}

.salesforce-services-cloud-main .ks-marketing-faq .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.salesforce-services-cloud-main .ks-ksolves-experts .ks-sl-prodict-card {
    background: #FFF;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

.salesforce-services-cloud-main .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

.salesforce-services-cloud-main .ks-expert-card-details {
    margin-bottom: 4rem
}

.salesforce-services-cloud-main .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

.salesforce-services-cloud-main .ks-line-height-19 {
    line-height: 19px
}

.salesforce-services-cloud-main .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

.salesforce-services-cloud-main .ks-marketing-team {
    background-color: #F6F6F9
}

.salesforce-services-cloud-main .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

.salesforce-services-cloud-main .ks-color-dark-light {
    color: #262626
}

.salesforce-services-cloud-main .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

.salesforce-services-cloud-main .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

.salesforce-services-cloud-main .py-20 {
    padding: 20px 0
}

.salesforce-services-cloud-main .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

.salesforce-services-cloud-main .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce-services-cloud-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.salesforce-services-cloud-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.salesforce-services-cloud-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.salesforce-services-cloud-main .ks-deliver-results h2,.salesforce-services-cloud-main .ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce-services-cloud-main .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

.salesforce-services-cloud-main .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

.salesforce-services-cloud-main .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1B2143;
    margin-bottom: 0
}

.salesforce-services-cloud-main .ks-deliver-result-heading span {
    color: #427FCE;
    text-transform: uppercase;
    line-height: 1
}

.salesforce-services-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427FCE
}

.salesforce-services-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

.salesforce-services-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

.salesforce-services-cloud-main .ks-marketing-benefits {
    padding-bottom: 35px!important
}

.salesforce-services-cloud-main .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

.salesforce-services-cloud-main .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

.salesforce-services-cloud-main .ks-deliver-result-heading .font-24 {
    margin-top: 4px
}

.salesforce-services-cloud-main .red-hat,.salesforce-services-cloud-main .top-crm-consulting,.salesforce-services-cloud-main .force-talk,.salesforce-services-cloud-main .expertise-img {
    display: none!important
}

.salesforce-services-cloud-main .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

.salesforce-services-cloud-main .slds-story img {
    object-fit: contain;
    object-position: top
}

.salesforce-services-cloud-main #accordion {
    max-width: 950px;
    margin: auto
}

.salesforce-services-cloud-main .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

.salesforce-services-cloud-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.salesforce-services-cloud-main .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-services-cloud-main .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11BAFC;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-services-cloud-main .img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11BAFC;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-services-cloud-main .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.salesforce-services-cloud-main .ks-marketing-benefits .container,.salesforce-services-cloud-main .ks-looking-for-section .container {
    max-width: 1200px
}

.salesforce-services-cloud-main .ks-section-marketing {
    // background: url(/image/Rectangle-36.webp) left center;
    background-size: cover
}

.salesforce-services-cloud-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce-services-cloud-main .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

.salesforce-services-cloud-main .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    .salesforce-services-cloud-main main .container {
        max-width:1200px
    }

    .salesforce-services-cloud-main .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    .salesforce-services-cloud-main .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    .salesforce-services-cloud-main .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    .salesforce-services-cloud-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    .salesforce-services-cloud-main .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    .salesforce-services-cloud-main .ks-sl-prodict-card {
        text-align: center
    }

    .salesforce-services-cloud-main .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    .ks-marketing-banner .font-45 br,.ks-market-grow-business .font-45 br,.ks-marketing-faq .font-45 br,.ks-marketing-page-who-ksolves .font-40 br,.ks-section-marketing .font-36 br,.ks-ksolves-experts .font-36 br,.ks-looking-for-section .font-36 br,.ks-marketing-benefits .font-36 br,.ks-deliver-results h2 br,.ks-marketing-team h2 br,.ks-marketing-who-ksolves h2 br,.ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    .salesforce-services-cloud-main .cmmi-sec img {
        height:70px!important
    }

    .salesforce-services-cloud-main .ks-see-more {
        margin-top: 1rem
    }

    .salesforce-services-cloud-main .ks-marketing-banner {
        padding-top: 40px
    }

    .salesforce-services-cloud-main .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    .salesforce-services-cloud-main .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    .salesforce-services-cloud-main .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    .salesforce-services-cloud-main .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    .salesforce-services-cloud-main .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    .salesforce-services-cloud-main .ks-marketing-banner .font-45,.salesforce-services-cloud-main .ks-market-grow-business .font-45,.salesforce-services-cloud-main .ks-marketing-faq .font-45,.salesforce-services-cloud-main .ks-marketing-page-who-ksolves .font-40,.salesforce-services-cloud-main .ks-section-marketing .font-36,.salesforce-services-cloud-main .ks-ksolves-experts .font-36,.salesforce-services-cloud-main .ks-looking-for-section .font-36,.salesforce-services-cloud-main .ks-marketing-benefits .font-36,.salesforce-services-cloud-main .ks-deliver-results h2,.salesforce-services-cloud-main .ks-marketing-team h2,.salesforce-services-cloud-main .ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    .salesforce-services-cloud-main .ks-banner-counter .font-50 {
        font-size: 22px
    }

    .salesforce-services-cloud-main .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    .salesforce-services-cloud-main .ks-buttons button,.salesforce-services-cloud-main .ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    .salesforce-services-cloud-main .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    .salesforce-services-cloud-main .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    .salesforce-services-cloud-main .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .salesforce-services-cloud-main .py-68 {
        padding: 40px 0
    }

    .salesforce-services-cloud-main .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .salesforce-services-cloud-main .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    .salesforce-services-cloud-main .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    .salesforce-services-cloud-main .solutions-col img {
        height: 100%
    }

    .salesforce-services-cloud-main .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    .salesforce-services-cloud-main .py-132 {
        padding: 50px 0
    }

    .salesforce-services-cloud-main .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    .salesforce-services-cloud-main #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    .salesforce-services-cloud-main #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    .salesforce-services-cloud-main #ks-contactModal .ks-marketing-contact-info-area,.salesforce-services-cloud-main #ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    .salesforce-services-cloud-main .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    .salesforce-services-cloud-main .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    .salesforce-services-cloud-main .banner-header-text,.salesforce-services-cloud-main .ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

.salesforce-services-cloud-main .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.salesforce-services-cloud-main .btn-primary.ks-btn-red:hover,.salesforce-services-cloud-main .btn-primary.ks-btn-red:active,.salesforce-services-cloud-main .btn-primary.ks-btn-red:focus,.salesforce-services-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-services-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-services-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11BAFC!important;
    border-color: #11BAFC!important;
    transition: all .2s ease-in-out;
    color: #fff!important
}

.salesforce-services-cloud-main .ks-marketing-banner {
    background-image: url(/image/marketing-cloud-bg.webp);
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom;
    height: 603px;
    align-items: center;
    display: flex
}

.salesforce-services-cloud-main .ks-section-marketing {
    // background: url(/image/Rectangle-36.webp) left center;
    background-size: cover
}

.salesforce-services-cloud-main .ks-section-marketing.ks-ksolves-experts {
    padding-bottom: 100px!important
}

.salesforce-services-cloud-main .ks-banner-up-section {
    background: rgba(0,0,0,.5);
    border-radius: 30px;
    padding: 30px 20px;
    margin: 30px 0
}

.salesforce-services-cloud-main .ks-color-blue {
    color: #018DC4!important
}

.salesforce-services-cloud-main .ks-border-blue {
    border-color: #018DC4!important
}

.salesforce-services-cloud-main .ks-who-sec-inner.py-68 {
    background-size: cover;
    background-position: center
}

.salesforce-services-cloud-main .ks-bg-transparent,.salesforce-services-cloud-main .ks-bg-transparent:hover {
    background-color: transparent!important
}

.salesforce-services-cloud-main .ks-sl-prodict-card img {
    width: auto
}

@media (max-width: 575px) {
    .salesforce-services-cloud-main .ks-deliver-results .text-center {
        text-align:left!important
    }

    .salesforce-services-cloud-main .ks-sub-header {
        padding: 0!important
    }
}

@media (max-width: 768px) {
    .salesforce-services-cloud-main .ks-marketing-banner {
        height:auto
    }

    .salesforce-services-cloud-main .ks-salesforce-products.ks-section-marketing.ks-ksolves-experts .row.col-lg-11.mx-lg-auto {
        margin: 0;
        padding: 0
    }

    .salesforce-community-connect-main .font-96 {
        font-size: 62px!important
    }

    .salesforce-community-connect-main .font-56 {
        font-size: 34px!important
    }

    .salesforce-community-connect-main .font-48 {
        font-size: 30px!important
    }

    .salesforce-community-connect-main .font-40 {
        font-size: 26px!important
    }

    .salesforce-community-connect-main .font-34 {
        font-size: 22px!important
    }

    .salesforce-community-connect-main .font-24 {
        font-size: 20px!important
    }

    .salesforce-community-connect-main .font-20 {
        font-size: 18px!important
    }

    .salesforce-community-connect-main .font-18 {
        font-size: 16px!important
    }

    .salesforce-community-connect-main .font-16 {
        font-size: 14px!important
    }

    .salesforce-community-connect-main .font-14 {
        font-size: 13px!important
    }

    .salesforce-community-connect-main .banner-sec,.h-md-auto {
        height: auto
    }

    .salesforce-community-connect-main .l-h-md-inherit {
        line-height: inherit
    }

    .salesforce-community-connect-main .grab-cofee-sec {
        height: 290px
    }

    .salesforce-community-connect-main .red-line:after,.industry-exp-sec .red-line:after {
        width: 255px
    }
}

@media (max-width: 992px) {
    .salesforce-services-cloud-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important;
        text-align: center!important
    }
}

@media (max-width: 1050px) {
    .salesforce-services-cloud-main .ks-who-ksolves.ks-marketing-page-who-ksolves h2.position-relative.heading-text {
        padding:0 10px;
        font-size: 40px
    }
}

.salesforce-services-cloud-main .img-fluid {
    max-width: 100%;
    height: auto
}

.salesforce-services-cloud-main .text-left {
    text-align: left
}

.salesforce_einstein_analytics-main .text-left {
    text-align: left
}

@media(min-width: 768px) {
    .salesforce_einstein_analytics-main .ks-hero-bg {
        background-color:#212327;
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media(max-width: 767px) {
    .salesforce_einstein_analytics-main .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }
}

.salesforce_einstein_analytics-main .ks-hero-bg {
    background-color: #212327
}

.salesforce_einstein_analytics-main .py-75 {
    padding: 75px 0
}

.salesforce_einstein_analytics-main .ks-hero-data-outer {
    background: rgba(11,49,68,.4);
    box-shadow: 0 20px 30px rgba(0,0,0,.06);
    border-radius: 44px;
    padding: 52px 26px
}

.salesforce_einstein_analytics-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.salesforce_einstein_analytics-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.salesforce_einstein_analytics-main .py-100 {
    padding: 100px 0
}

.salesforce_einstein_analytics-main .py-55 {
    padding: 55px 0
}

.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next,.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.salesforce_einstein_analytics-main .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.salesforce_einstein_analytics-main .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.salesforce_einstein_analytics-main .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

.salesforce_einstein_analytics-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.salesforce_einstein_analytics-main .services-text-bg {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce_einstein_analytics-main .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.salesforce_einstein_analytics-main .ks-service-box-inner {
    border-radius: 10px;
    width: 100%;
    height: 73px;
    min-height: 73px;
    box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
    overflow: hidden
}

.salesforce_einstein_analytics-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.salesforce_einstein_analytics-main .service-arrow-icon {
    width: 15px
}

.salesforce_einstein_analytics-main .client-img-bg {
    background-color: #e7e7e7;
    border-radius: 15px;
    height: 85px;
    margin-bottom: 12px
}

.salesforce_einstein_analytics-main .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

.salesforce_einstein_analytics-main .z-index-1 {
    z-index: 1
}

.salesforce_einstein_analytics-main .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.salesforce_einstein_analytics-main .ks-awards-bg {
    background-size: cover;
    padding-bottom: 170px;
    background-color: #0a0e11
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav span {
    display: none
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.salesforce_einstein_analytics-main .owl-awards .partner-card {
    cursor: auto
}

@media (max-width: 768px) {
    .salesforce_einstein_analytics-main .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    .salesforce_einstein_analytics-main .ks-carousel-item-inner {
        height: auto
    }

    .salesforce_einstein_analytics-main .col-lg-custom {
        width: 33%
    }

    .salesforce_einstein_analytics-main .services-lg-custom {
        width: 50%!important
    }

    .salesforce_einstein_analytics-main .ks-service-box-title {
        flex-wrap: wrap!important
    }

    .salesforce_einstein_analytics-main .ks-service-box-title h3 {
        width: calc(100% - 165px);
        margin-left: 15px!important
    }

    .salesforce_einstein_analytics-main .ks-service-box-text {
        padding-right: 15px!important
    }

    .salesforce_einstein_analytics-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .salesforce_einstein_analytics-main .ks-hero-data-outer {
        margin:0
    }

    .salesforce_einstein_analytics-main .ks-hero-bg .font-80 {
        font-size: 40px
    }

    .salesforce_einstein_analytics-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .salesforce_einstein_analytics-main .ks-career-sec-inner,.salesforce_einstein_analytics-main .ks-carousel-item-inner,.salesforce_einstein_analytics-main .ks-hero-bg .py-75,.salesforce_einstein_analytics-main .ks-partner-sec {
        padding: 40px 15px
    }

    .salesforce_einstein_analytics-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .salesforce_einstein_analytics-main .col-lg-custom {
        width: 50%
    }

    .salesforce_einstein_analytics-main .services-lg-custom {
        width: 100%!important
    }

    .salesforce_einstein_analytics-main .ks-service-box-inner {
        width: auto
    }

    .salesforce_einstein_analytics-main .ks-services-bg .row {
        margin-right: 0
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce_einstein_analytics-main .ks-services-bg {
        padding-bottom: 20px
    }

    .salesforce_einstein_analytics-main .client-bg-img {
        margin-top: -140px
    }

    .salesforce_einstein_analytics-main .ks-client-bg {
        padding-bottom: 140px
    }

    .salesforce_einstein_analytics-main .ks-awards-bg {
        padding-top: 40px
    }

    z}

.salesforce_einstein_analytics-main .map-img-2,.salesforce_einstein_analytics-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.salesforce_einstein_analytics-main .value-sec-row {
    max-width: 1000px
}

.salesforce_einstein_analytics-main .milestone-sec {
    background-color: #021132
}

.salesforce_einstein_analytics-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce_einstein_analytics-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.salesforce_einstein_analytics-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-next,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.salesforce_einstein_analytics-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.salesforce_einstein_analytics-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.salesforce_einstein_analytics-main .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.salesforce_einstein_analytics-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.salesforce_einstein_analytics-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.salesforce_einstein_analytics-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.salesforce_einstein_analytics-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.salesforce_einstein_analytics-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.salesforce_einstein_analytics-main .meet-team-img {
    border-radius: 20px;
    width: 220px;
    height: 220px;
    object-fit: cover
}

.salesforce_einstein_analytics-main .element.text-primary.ms-3 span {
    color: #fff!important
}

.salesforce_einstein_analytics-main .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .salesforce_einstein_analytics-main .ks-service-box-image {
        background: unset!important
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .salesforce_einstein_analytics-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .salesforce_einstein_analytics-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce_einstein_analytics-main .col-lg-custom {
        width:25%
    }

    .salesforce_einstein_analytics-main .services-lg-custom {
        width: 45%!important
    }

    .salesforce_einstein_analytics-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-prev,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .salesforce_einstein_analytics-main .ks-carousel-btn-design .carousel-control-next,.salesforce_einstein_analytics-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .salesforce_einstein_analytics-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 768px) {
    .salesforce_einstein_analytics-main .cv-card {
        padding:25px;
        overflow: hidden
    }

    .salesforce_einstein_analytics-main .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .salesforce_einstein_analytics-main .ks-hero-data-outer {
        border-radius:0;
        padding: 32px 0
    }

    .salesforce_einstein_analytics-main .ks-hero-data {
        margin-bottom: 32px
    }

    .salesforce_einstein_analytics-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .salesforce_einstein_analytics-main .ks-hero-data:after {
        display: none
    }

    .salesforce_einstein_analytics-main .meet-team-card {
        text-align: center
    }

    .salesforce_einstein_analytics-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .salesforce_einstein_analytics-main .investors-sec-dark {
        padding-top: 40px
    }

    .salesforce_einstein_analytics-main .about-hero-bg {
        min-height: 36vh
    }

    .salesforce_einstein_analytics-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.salesforce_einstein_analytics-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.salesforce_einstein_analytics-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .salesforce_einstein_analytics-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.salesforce_einstein_analytics-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.salesforce_einstein_analytics-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.salesforce_einstein_analytics-main .index-page-popup .modal-content {
    // background-image: url(/image/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.salesforce_einstein_analytics-main .text-yellow {
    color: #f3ad39
}

.salesforce_einstein_analytics-main .lh-auto {
    line-height: initial
}

.salesforce_einstein_analytics-main .text-em-large {
    font-size: 1.5em
}

@media (max-width: 768px) {
    .salesforce_einstein_analytics-main .index-page-popup .close {
        right:0
    }

    .salesforce_einstein_analytics-main .popup-imgs img {
        object-fit: contain
    }

    .salesforce_einstein_analytics-main .popup-header .font-36,.salesforce_einstein_analytics-main .popup-main-text {
        font-size: 24px
    }
}

.salesforce_einstein_analytics-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce_einstein_analytics-main .text-dark-pink {
    color: #ff6767
}

.salesforce_einstein_analytics-main .benfits-sec .tab-box {
    background: #343434
}

.salesforce_einstein_analytics-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce_einstein_analytics-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.salesforce_einstein_analytics-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.salesforce_einstein_analytics-main .wk-box .font-14 {
    color: #000
}

.salesforce_einstein_analytics-main .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

.salesforce_einstein_analytics-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce_einstein_analytics-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.salesforce_einstein_analytics-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.salesforce_einstein_analytics-main .service-faq-sec .card-header {
    font-weight: 500;
    color: #343434
}

.salesforce_einstein_analytics-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.salesforce_einstein_analytics-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.salesforce_einstein_analytics-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.salesforce_einstein_analytics-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.salesforce_einstein_analytics-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.salesforce_einstein_analytics-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.salesforce_einstein_analytics-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.salesforce_einstein_analytics-main .services-hero-sec {
    // background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/assetsimages/tech-pages/kafka-bg.jpg);
    background-color: rgba(5,3,3,.81);
    background-blend-mode: color;
    background-size: 120vw;
    background-repeat: no-repeat;
    background-position-x: center
}

@media (max-width: 1024px) {
    .salesforce_einstein_analytics-main .services-hero-sec {
        background-size:120vh
    }
}

@media (max-width: 768px) {
    .salesforce_einstein_analytics-main .services-hero-sec {
        background-size:cover
    }
}

@media (max-width: 767px)
}

@media (max-width: 575px) {
    .salesforce_einstein_analytics-main .font-45,.salesforce_einstein_analytics-main .font-48 {
        font-size:28px
    }

    .salesforce_einstein_analytics-main .font-36 {
        font-size: 20px
    }

    .salesforce_einstein_analytics-main .benfits-sec .py-75,.salesforce_einstein_analytics-main .bg-contact .py-100,.salesforce_einstein_analytics-main .service-faq-sec .py-100,.salesforce_einstein_analytics-main .solutions-sec .py-100,.salesforce_einstein_analytics-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .salesforce_einstein_analytics-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}
}

*/ .salesforce_einstein_analytics-main .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce_einstein_analytics-main .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.salesforce_einstein_analytics-main .services-salesforce-hero-sec {
    background: #0e97d8
}

@media(max-width: 767px) {
    .salesforce_einstein_analytics-main .services-salesforce-hero-bg {
        background-color:#1996d5
    }
}

.salesforce_einstein_analytics-main .services-salesforce-hero-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.salesforce_einstein_analytics-main .contact-us-box {
    background: rgba(251,251,251,.7);
    border-radius: 10px
}

.salesforce_einstein_analytics-main .ks-salesforce-services-bg {
    background: #fdfbfb
}

.salesforce_einstein_analytics-main .ks-sales-sec {
    background: #fdfbfb
}

.salesforce_einstein_analytics-main .why-box-view {
    border-radius: 20px;
    overflow: hidden
}

.salesforce_einstein_analytics-main .why-box-item {
    flex-direction: column
}

.salesforce_einstein_analytics-main .why-box-item-header {
    height: 180px;
    line-height: 30px;
    color: #343434
}

.salesforce_einstein_analytics-main .why-box-item-body {
    line-height: 24px;
    color: #4b4b4b
}

.salesforce_einstein_analytics-main .why-box-radius-left {
    border-top-left-radius: 20px;
    overflow: hidden
}

.salesforce_einstein_analytics-main .why-box-radius-right {
    border-top-right-radius: 20px;
    overflow: hidden
}

.salesforce_einstein_analytics-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.salesforce_einstein_analytics-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce_einstein_analytics-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.salesforce_einstein_analytics-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.salesforce_einstein_analytics-main .magento-banner-bg {
    background: linear-gradient(180deg,#FFCA7A 0%,#563A19 100%);
    background-position-y: 100%!important
}

.salesforce_einstein_analytics-main .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

.salesforce_einstein_analytics-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

.salesforce_einstein_analytics-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce_einstein_analytics-main .text-dark.heading-text {
    color: #404040!important
}

@media(min-width: 1280px) {
    .salesforce_einstein_analytics-main .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

.salesforce_einstein_analytics-main .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

.salesforce_einstein_analytics-main .ks-client-bg {
    padding: 180px 0 60px;
    background: #F6F6F9
}

.salesforce_einstein_analytics-main .client-img-bg {
    background: #fff
}

.salesforce_einstein_analytics-main .ks-meet {
    padding: 60px 0
}

.salesforce_einstein_analytics-main .meet-item {
    width: 100%;
    background: #F6F6F9;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap
}

.salesforce_einstein_analytics-main .user-meet-img .meet-team-img {
    border-radius: 0
}

.salesforce_einstein_analytics-main .user-meet-footer {
    display: flex;
    flex-wrap: wrap
}

.salesforce_einstein_analytics-main .user-meet-footer .meet-team-link {
    margin-top: 0
}

.salesforce_einstein_analytics-main .ks-discuss {
    padding: 60px 0;
    background-color: #f8f9fa
}

.salesforce_einstein_analytics-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.salesforce_einstein_analytics-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.salesforce_einstein_analytics-main .ks-who-cont-box {
    max-width: 900px
}

.salesforce_einstein_analytics-main .our-new-client .col-md-4 {
    max-width: 125px
}

.salesforce_einstein_analytics-main .client-img-bg {
    border-radius: 4px;
    height: 114px
}

.salesforce_einstein_analytics-main .our-new-client .col-md-4 svg {
    height: 35px
}

.salesforce_einstein_analytics-main .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media(max-width: 280px) {
    .salesforce_einstein_analytics-main .ks-mobile-view-top {
        display:none
    }
}

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

@media(max-width: 767px) {
    .salesforce_einstein_analytics-main .ks-success-story {
        padding-top:30px
    }

    .salesforce_einstein_analytics-main .font-36 {
        font-size: 28px
    }

    .salesforce_einstein_analytics-main .font-45 {
        font-size: 24px
    }

    .salesforce_einstein_analytics-main .heading-text.font-45 {
        font-size: 28px
    }

    .salesforce_einstein_analytics-main .subheading-text.font-18,.salesforce_einstein_analytics-main .spotlight-item-list ul {
        font-size: 14px!important
    }

    .salesforce_einstein_analytics-main .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    .salesforce_einstein_analytics-main .client-img-bg {
        height: 78px
    }

    .salesforce_einstein_analytics-main .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    .salesforce_einstein_analytics-main .meet-team-img {
        height: 150px
    }

    .salesforce_einstein_analytics-main .ks-insights,.salesforce_einstein_analytics-main .ks-meet {
        padding: 35px 0
    }

    .salesforce_einstein_analytics-main .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    .salesforce_einstein_analytics-main .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    .salesforce_einstein_analytics-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    .salesforce_einstein_analytics-main .ks-client-bg {
        padding: 145px 0 20px
    }

    .salesforce_einstein_analytics-main .salesforce-item {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px)
    }
}

@media(max-width: 557px) {
    .salesforce_einstein_analytics-main .py-75 {
        padding:35px 15px
    }

    .salesforce_einstein_analytics-main #contactForm4 .btn-primary {
        width: 100%
    }

    .salesforce_einstein_analytics-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .salesforce_einstein_analytics-main .ks-discuss {
        padding: 35px 0
    }

    .salesforce_einstein_analytics-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .salesforce_einstein_analytics-main .success-story-box p {
        margin-top: 16px
    }

    .salesforce_einstein_analytics-main .ks-who-sec-number {
        font-size: 40px
    }

    .salesforce_einstein_analytics-main .ks-who-sec-name {
        font-size: 16px
    }

    .salesforce_einstein_analytics-main .ks-development-company-box {
        padding: 15px!important
    }

    .salesforce_einstein_analytics-main .solutions-col img {
        height: 35px
    }
}

@media(max-width: 420px) {
    .salesforce_einstein_analytics-main .user-meet-img {
        width:128px
    }

    .salesforce_einstein_analytics-main .meet-team-img {
        height: 152px
    }
}

.salesforce_einstein_analytics-main .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce_einstein_analytics-main .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

.salesforce_einstein_analytics-main .ks-offering .spotlight-item-image svg {
    display: block
}

.salesforce_einstein_analytics-main .devider-cont {
    opacity: .4
}

.salesforce_einstein_analytics-main .letter-sp-2 {
    letter-spacing: .02em
}

.salesforce_einstein_analytics-main .ks-captcha-outer.align-items-end {
    align-items: flex-start!important;
    flex-direction: column
}

.salesforce_einstein_analytics-main .ks-captcha-outer.align-items-end label.error {
    font-size: 20px
}

.salesforce_einstein_analytics-main .ks-right-alignment {
    right: 0
}

.salesforce_einstein_analytics-main .ks-left-alignment {
    left: 0
}

.salesforce_einstein_analytics-main .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

.salesforce_einstein_analytics-main .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

.salesforce_einstein_analytics-main .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

.salesforce_einstein_analytics-main .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

.salesforce_einstein_analytics-main .ks-background-pink1 {
    background-color: #FDE8DE
}

.salesforce_einstein_analytics-main .ks-background-pink2 {
    background-color: #FFF0D3
}

.salesforce_einstein_analytics-main .ks-background-blue1 {
    background-color: #DEE7FD
}

.salesforce_einstein_analytics-main .ks-background-blue2 {
    background-color: #CCE3FF
}

.salesforce_einstein_analytics-main .ks-background-blue3 {
    background-color: #E1E2FF
}

.salesforce_einstein_analytics-main .ks-background-blue4 {
    background-color: #E5E5FB
}

.salesforce_einstein_analytics-main .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

.salesforce_einstein_analytics-main .ks-letter-spacing {
    letter-spacing: .02em
}

.salesforce_einstein_analytics-main .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.salesforce_einstein_analytics-main .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.salesforce_einstein_analytics-main .ks-development-company-box {
    min-height: 200px
}

.salesforce_einstein_analytics-main .ks-marketing-banner {
    background-image: url(/image/einstein-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color
}

.salesforce_einstein_analytics-main .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

.salesforce_einstein_analytics-main .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #FFF
}

.salesforce_einstein_analytics-main .img-border-orange {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 68px;
    height: 34px;
    border: 4px solid #F26322;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce_einstein_analytics-main .img-border-orange img {
    height: 60px;
    width: 60px
}

.salesforce_einstein_analytics-main .text-blue {
    color: #11BAFC
}

.salesforce_einstein_analytics-main .text-red {
    color: #E33636
}

.salesforce_einstein_analytics-main .text-orange {
    color: #F26322
}

.salesforce_einstein_analytics-main .tex-light-blue {
    color: #C8EFFE
}

.salesforce_einstein_analytics-main .bg-orange {
    background-color: #F26322
}

.salesforce_einstein_analytics-main .bg-red {
    background-color: #E33636!important
}

.salesforce_einstein_analytics-main .btn-primary.ks-btn-red {
    background-color: #E33636!important;
    border: none
}

.salesforce_einstein_analytics-main .border-r-10 {
    border-radius: 10px!important
}

.salesforce_einstein_analytics-main .border-none {
    border: none
}

.salesforce_einstein_analytics-main .box-shadow-none {
    box-shadow: none!important
}

.salesforce_einstein_analytics-main .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

.salesforce_einstein_analytics-main .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce_einstein_analytics-main .ks-section-marketing .ks-sl-prodict-card {
    background: #F6F6F9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

.salesforce_einstein_analytics-main .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

.salesforce_einstein_analytics-main .ks-looking-for-section .slds-story {
    background: #F6F6F9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce_einstein_analytics-main .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: .3s ease-in-out;
    object-fit: contain
}

.salesforce_einstein_analytics-main .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

.salesforce_einstein_analytics-main .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

.salesforce_einstein_analytics-main .py-68 {
    padding: 68px 0
}

.salesforce_einstein_analytics-main .py-132 {
    padding: 132px 0
}

.salesforce_einstein_analytics-main .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

.salesforce_einstein_analytics-main .ks-marketing-faq .text-investors {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

.salesforce_einstein_analytics-main .ks-marketing-faq {
    background-color: #F6F6F9
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card-body,.salesforce_einstein_analytics-main .ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

.salesforce_einstein_analytics-main .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 20px;
    color: #3A3A3C!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card {
    border-bottom: 1px solid #EDEDEF;
    margin-bottom: 1rem
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.salesforce_einstein_analytics-main .ks-ksolves-experts .ks-sl-prodict-card {
    background: #FFF;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

.salesforce_einstein_analytics-main .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

.salesforce_einstein_analytics-main .ks-expert-card-details {
    margin-bottom: 4rem
}

.salesforce_einstein_analytics-main .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

.salesforce_einstein_analytics-main .ks-line-height-19 {
    line-height: 19px
}

.salesforce_einstein_analytics-main .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

.salesforce_einstein_analytics-main .ks-marketing-team {
    background-color: #F6F6F9
}

.salesforce_einstein_analytics-main .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

.salesforce_einstein_analytics-main .ks-color-dark-light {
    color: #262626
}

.salesforce_einstein_analytics-main .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

.salesforce_einstein_analytics-main .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

.salesforce_einstein_analytics-main .py-20 {
    padding: 20px 0
}

.salesforce_einstein_analytics-main .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

.salesforce_einstein_analytics-main .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce_einstein_analytics-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.salesforce_einstein_analytics-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.salesforce_einstein_analytics-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.salesforce_einstein_analytics-main .ks-deliver-results h2,.salesforce_einstein_analytics-main .ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce_einstein_analytics-main .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

.salesforce_einstein_analytics-main .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

.salesforce_einstein_analytics-main .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1B2143;
    margin-bottom: 0
}

.salesforce_einstein_analytics-main .ks-deliver-result-heading span {
    color: #427FCE;
    text-transform: uppercase;
    line-height: 1
}

.salesforce_einstein_analytics-main .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427FCE
}

.salesforce_einstein_analytics-main .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

.salesforce_einstein_analytics-main .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

.salesforce_einstein_analytics-main .ks-marketing-benefits {
    padding-bottom: 35px!important
}

.salesforce_einstein_analytics-main .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

.salesforce_einstein_analytics-main .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

.salesforce_einstein_analytics-main .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

.salesforce_einstein_analytics-main .red-hat,.salesforce_einstein_analytics-main .top-crm-consulting,.salesforce_einstein_analytics-main .force-talk,.salesforce_einstein_analytics-main .expertise-img {
    display: none!important
}

.salesforce_einstein_analytics-main .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

.salesforce_einstein_analytics-main .slds-story img {
    object-fit: contain;
    object-position: top
}

.salesforce_einstein_analytics-main #accordion {
    max-width: 950px;
    margin: auto
}

.salesforce_einstein_analytics-main .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

.salesforce_einstein_analytics-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.salesforce_einstein_analytics-main .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce_einstein_analytics-main .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11BAFC;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce_einstein_analytics-main .img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11BAFC;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce_einstein_analytics-main .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.salesforce_einstein_analytics-main .ks-marketing-benefits .container,.salesforce_einstein_analytics-main .ks-looking-for-section .container {
    max-width: 1200px
}

.salesforce_einstein_analytics-main .ks-section-marketing {
    background: url(/image/Rectangle-36-2.webp) left center;
    background-size: cover
}

.salesforce_einstein_analytics-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg-2.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce_einstein_analytics-main .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

.salesforce_einstein_analytics-main .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    .salesforce_einstein_analytics-main main .container {
        max-width:1200px
    }

    .salesforce_einstein_analytics-main .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    .salesforce_einstein_analytics-main .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    .salesforce_einstein_analytics-main .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    .salesforce_einstein_analytics-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    .salesforce_einstein_analytics-main .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    .salesforce_einstein_analytics-main .ks-sl-prodict-card {
        text-align: center
    }

    .salesforce_einstein_analytics-main .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    .salesforce_einstein_analytics-main .ks-marketing-banner .font-45 br,.salesforce_einstein_analytics-main .ks-market-grow-business .font-45 br,.salesforce_einstein_analytics-main .ks-marketing-faq .font-45 br,.salesforce_einstein_analytics-main .ks-marketing-page-who-ksolves .font-40 br,.salesforce_einstein_analytics-main .ks-section-marketing .font-36 br,.salesforce_einstein_analytics-main .ks-ksolves-experts .font-36 br,.salesforce_einstein_analytics-main .ks-looking-for-section .font-36 br,.salesforce_einstein_analytics-main .ks-marketing-benefits .font-36 br,.salesforce_einstein_analytics-main .ks-deliver-results h2 br,.salesforce_einstein_analytics-main .ks-marketing-team h2 br,.salesforce_einstein_analytics-main .ks-marketing-who-ksolves h2 br,.salesforce_einstein_analytics-main .ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    .salesforce_einstein_analytics-main .cmmi-sec img {
        height:70px!important
    }

    .salesforce_einstein_analytics-main .ks-see-more {
        margin-top: 1rem
    }

    .salesforce_einstein_analytics-main .ks-marketing-banner {
        padding-top: 40px
    }

    .salesforce_einstein_analytics-main .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    .salesforce_einstein_analytics-main .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    .salesforce_einstein_analytics-main .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    .salesforce_einstein_analytics-main .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    .salesforce_einstein_analytics-main .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    .salesforce_einstein_analytics-main .ks-marketing-banner .font-45,.salesforce_einstein_analytics-main .ks-market-grow-business .font-45,.salesforce_einstein_analytics-main .ks-marketing-faq .font-45,.salesforce_einstein_analytics-main .ks-marketing-page-who-ksolves .font-40,.salesforce_einstein_analytics-main .ks-section-marketing .font-36,.salesforce_einstein_analytics-main .ks-ksolves-experts .font-36,.salesforce_einstein_analytics-main .ks-looking-for-section .font-36,.salesforce_einstein_analytics-main .ks-marketing-benefits .font-36,.salesforce_einstein_analytics-main .ks-deliver-results h2,.salesforce_einstein_analytics-main .ks-marketing-team h2,.salesforce_einstein_analytics-main .ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    .salesforce_einstein_analytics-main .ks-banner-counter .font-50 {
        font-size: 22px
    }

    .salesforce_einstein_analytics-main .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    .salesforce_einstein_analytics-main .ks-buttons button,.salesforce_einstein_analytics-main .ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    .salesforce_einstein_analytics-main .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    .salesforce_einstein_analytics-main .ks-marketing-benefits {
        padding-bottom: 0!important
    }

    .salesforce_einstein_analytics-main .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .salesforce_einstein_analytics-main .py-68 {
        padding: 40px 0
    }

    .salesforce_einstein_analytics-main .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .salesforce_einstein_analytics-main .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    .salesforce_einstein_analytics-main .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    .salesforce_einstein_analytics-main .solutions-col img {
        height: 100%
    }

    .salesforce_einstein_analytics-main .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    .salesforce_einstein_analytics-main .py-132 {
        padding: 50px 0
    }

    .salesforce_einstein_analytics-main .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    .salesforce_einstein_analytics-main #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    .salesforce_einstein_analytics-main #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    .salesforce_einstein_analytics-main #ks-contactModal .ks-marketing-contact-info-area,.salesforce_einstein_analytics-main #ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    .salesforce_einstein_analytics-main .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    .salesforce_einstein_analytics-main .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    .salesforce_einstein_analytics-main .banner-header-text,.salesforce_einstein_analytics-main .ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

.salesforce_einstein_analytics-main .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.salesforce_einstein_analytics-main .btn-primary.ks-btn-red:hover,.salesforce_einstein_analytics-main .btn-primary.ks-btn-red:active,.salesforce_einstein_analytics-main .btn-primary.ks-btn-red:focus,.salesforce_einstein_analytics-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce_einstein_analytics-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce_einstein_analytics-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11BAFC!important;
    border-color: #11BAFC!important;
    transition: all .2s ease-in-out;
    color: #fff!important
}

.salesforce_einstein_analytics-main .salesforce_einstein_analytics-main .ks-marketing-banner {
    background-image: url(/image/einstein-bg.webp);
    background-attachment: fixed;
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom
}

.salesforce_einstein_analytics-main .sm-padding.ks-section-marketing {
    padding-bottom: 100px
}

.salesforce_einstein_analytics-main .ks-marketing-banner .container .row {
    min-height: 555px
}

.salesforce_einstein_analytics-main .ks-marketing-faq .card-body a {
    color: #427FCE
}

.salesforce_einstein_analytics-main .ks-offer-bg .reason-box {
    border: 1px solid #d9f1fa;
    border-radius: 10px;
    padding-top: 15px
}

.salesforce_einstein_analytics-main .img-fluid {
    max-width: 100%;
    height: auto
}

.salesforce-lightning-main .py-75 {
    padding: 75px 0
}

.salesforce-lightning-main .py-100 {
    padding: 100px 0
}

.salesforce-lightning-main .py-55 {
    padding: 55px 0
}

.salesforce-lightning-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.salesforce-lightning-main .z-index-1 {
    z-index: 1
}

.salesforce-lightning-main .ks-input-textarea-small {
    height: 60px
}

.salesforce-lightning-main .cursor-pointer {
    cursor: pointer
}

@media (max-width: 768px) {
    .salesforce-lightning-main .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    .salesforce-lightning-main .col-lg-custom {
        width: 33%
    }
}

.salesforce-lightning-main .map-img-2,.salesforce-lightning-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

.salesforce-lightning-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce-lightning-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.salesforce-lightning-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.salesforce-lightning-main .element.text-primary.ms-3 span {
    color: #fff!important
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce-lightning-main .col-lg-custom {
        width:25%
    }

    .salesforce-lightning-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

.salesforce-lightning-main .text-dark-pink {
    color: #ff6767
}

.salesforce-lightning-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce-lightning-main .solution-box-outer {
    background: linear-gradient(180deg,#232323 0,rgba(28,28,28,.93) 100%),#191918;
    border-radius: 20px;
    padding: 40px 20px;
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .salesforce-lightning-main .services-hero-sec {
        background-size:120vh
    }
}

@media (max-width: 768px) {
    .salesforce-lightning-main .services-hero-sec {
        background-size:cover
    }

    .salesforce-lightning-main .font-45,.salesforce-lightning-main .font-48 {
        font-size: 28px
    }

    .salesforce-lightning-main .font-36 {
        font-size: 20px
    }

    .salesforce-lightning-main .bg-contact .py-100,.salesforce-lightning-main .wk-sec .py-100 {
        padding: 40px 20px
    }
}

.salesforce-lightning-main .f-w-500 {
    font-weight: 500
}

.salesforce-lightning-main .salesforce-box {
    height: 100%;
    display: flex;
    flex-direction: column
}

.salesforce-lightning-main .f-w-400 {
    font-weight: 400
}

.salesforce-lightning-main .why-box-item {
    flex-direction: column
}

.salesforce-lightning-main .f-w-700 {
    font-weight: 700
}

.salesforce-lightning-main .why-box-radius-left {
    border-top-left-radius: 20px;
    overflow: hidden
}

.salesforce-lightning-main .why-box-radius-right {
    border-top-right-radius: 20px;
    overflow: hidden
}

.salesforce-lightning-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce-lightning-main .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

.salesforce-lightning-main .ks-saleshome-service {
    background: #fff;
    padding: 58px 0
}

.salesforce-lightning-main .saleshome-service-item-name {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #565758
}

.salesforce-lightning-main .success-story-user-img {
    width: 75px;
    height: 75px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.salesforce-lightning-main .success-story-user-name {
    margin-top: 10px;
    color: #404040;
    line-height: normal;
    margin-bottom: 5px
}

.salesforce-lightning-main .success-story-user-des {
    color: #515152;
    line-height: normal
}

.salesforce-lightning-main .success-story-box .control-prev,.salesforce-lightning-main .success-story-box .control-next {
    margin: 0 15px
}

.salesforce-lightning-main .request-call-back {
    border-radius: 20px;
    background: #fff;
    padding: 30px;
    height: 100%
}

.salesforce-lightning-main .request-call-back button {
    width: 100%
}

.salesforce-lightning-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    // z-index: 1;
    position: relative
}

.salesforce-lightning-main .ks-who-sec-item {
    max-width: 280px;
    height: 100%;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 5px 20px rgba(0,0,0,.04);
    border-radius: 5px
}

.salesforce-lightning-main .ks-who-sec-number {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 79px
}

.salesforce-lightning-main .ks-who-sec-name {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #515152
}

.salesforce-lightning-main .ks-spotlight {
    padding: 180px 0 180px;
    background: #F6F6F9
}

.salesforce-lightning-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce-lightning-main .text-dark.heading-text {
    color: #404040!important
}

.salesforce-lightning-main .spotlight-item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce-lightning-main .spotlight-item-image {
    background: #E1F5FF;
    text-align: center;
    padding: 30px
}

.salesforce-lightning-main .spotlight-item-text {
    padding: 25px;
    padding-bottom: 48px
}

.salesforce-lightning-main .spotlight-item-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #2A2A2A;
    margin-bottom: 15px
}

.salesforce-lightning-main .spotlight-item-list ul {
    padding: 0;
    margin-left: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: .02em;
    color: #6F7072
}

.salesforce-lightning-main .spotlight-item-link a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #11BAFC
}

.salesforce-lightning-main .spotlight-item-link a svg {
    margin-left: 10px
}

.salesforce-lightning-main .spotlight-item-link {
    position: absolute;
    bottom: 24px
}

.salesforce-lightning-main .solutions-col img {
    object-fit: contain
}

@media(min-width: 1280px) {
    .salesforce-lightning-main .solutions-row {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .salesforce-lightning-main .solutions-col {
        width: calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

@media(max-width: 1279px) {
    .salesforce-lightning-main .solutions-row {
        display:grid;
        grid-gap: 18px;
        justify-self: center;
        grid-template-columns: repeat(auto-fill,minmax(196px,1fr))
    }
}

.salesforce-lightning-main .ks-discuss {
    padding: 60px 0;
    background-color: #f8f9fa
}

.salesforce-lightning-main .contact-info-item:first-child {
    font-weight: 400
}

.salesforce-lightning-main .contact-info-item svg {
    margin-top: 3px
}

.salesforce-lightning-main .contact-info-header-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 31px;
    color: #FFF
}

.salesforce-lightning-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.salesforce-lightning-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.salesforce-lightning-main .ks-who-cont-box {
    max-width: 900px
}

@media(max-width: 280px) {
    .salesforce-lightning-main .ks-mobile-view-top {
        display:none
    }
}

.salesforce-lightning-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

.salesforce-lightning-main .ks-video-close {
    position: absolute;
    right: 0;
    z-index: 200
}

@media(max-width: 767px) {
    .salesforce-lightning-main .font-36 {
        font-size:28px
    }

    .salesforce-lightning-main .font-45 {
        font-size: 24px
    }

    .salesforce-lightning-main .heading-text.font-45 {
        font-size: 28px
    }

    .salesforce-lightning-main .font-18,.salesforce-lightning-main .heading-text.font-36 {
        font-size: 16px
    }

    .salesforce-lightning-main .subheading-text.font-18,.salesforce-lightning-main .spotlight-item-list ul {
        font-size: 14px!important
    }

    .salesforce-lightning-main .spotlight-item-title {
        font-size: 18px
    }

    .salesforce-lightning-main .ks-who-cont-box {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-lightning-main .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-lightning-main .ks-who-sec-item {
        height: 100%
    }

    .salesforce-lightning-main .ks-who-sec-item.p-4 {
        padding: 0.8rem!important
    }

    .salesforce-lightning-main .ks-spotlight {
        padding-top: 155px;
        padding-bottom: 140px
    }

    .salesforce-lightning-main .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    .salesforce-lightning-main .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    .salesforce-lightning-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    .salesforce-lightning-main .ks-client-bg {
        padding: 145px 0 20px
    }

    .salesforce-lightning-main .salesforce-box {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 557px) {
    .salesforce-lightning-main .salesforce-box {
        height:auto
    }

    .salesforce-lightning-main .video-container .font-28 {
        font-size: 16px
    }

    .salesforce-lightning-main .py-75 {
        padding: 35px 15px
    }

    .salesforce-lightning-main #contactForm4 .btn-primary {
        width: 100%
    }

    .salesforce-lightning-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .salesforce-lightning-main .ks-discuss {
        padding: 35px 0
    }

    .salesforce-lightning-main .ks-saleshome-service {
        padding: 35px 0 15px 0
    }

    .salesforce-lightning-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .salesforce-lightning-main .saleshome-service-item-name {
        font-size: 15px;
        line-height: 23px
    }

    .salesforce-lightning-main .success-story-box p {
        margin-top: 16px
    }

    .salesforce-lightning-main .ks-who-sec-number {
        font-size: 40px
    }

    .salesforce-lightning-main .ks-who-sec-name {
        font-size: 16px
    }

    .salesforce-lightning-main .solutions-row {
        grid-gap: 8px;
        grid-template-columns: repeat(auto-fill,minmax(140px,1fr))
    }

    .salesforce-lightning-main .solutions-col img {
        height: 35px
    }

    .salesforce-lightning-main .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

.salesforce-lightning-main .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-lightning-main .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

.salesforce-lightning-main .ks-offering .spotlight-item-image svg {
    display: block
}

.salesforce-lightning-main .ks-bottom-form .ks-input {
    height: 56px
}

.salesforce-lightning-main .devider-cont {
    opacity: .4
}

.salesforce-lightning-main .letter-sp-2 {
    letter-spacing: .02em
}

.salesforce-lightning-main .ks-left-alignment {
    left: 0
}

.salesforce-lightning-main .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

.salesforce-lightning-main .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

.salesforce-lightning-main .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

.salesforce-lightning-main .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

.salesforce-lightning-main .ks-background-pink1 {
    background-color: #FDE8DE
}

.salesforce-lightning-main .ks-background-pink2 {
    background-color: #FFF0D3
}

.salesforce-lightning-main .ks-background-blue1 {
    background-color: #DEE7FD
}

.salesforce-lightning-main .ks-background-blue2 {
    background-color: #CCE3FF
}

.salesforce-lightning-main .ks-background-blue3 {
    background-color: #E1E2FF
}

.salesforce-lightning-main .ks-background-blue4 {
    background-color: #E5E5FB
}

.salesforce-lightning-main .ks-background-lightblue {
    background-color: #DAF8FF
}

.salesforce-lightning-main .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

.salesforce-lightning-main .ks-letter-spacing {
    letter-spacing: .02em
}

.salesforce-lightning-main .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.salesforce-lightning-main .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

.salesforce-lightning-main .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #FFF
}

.salesforce-lightning-main .img-border-orange {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 68px;
    height: 34px;
    border: 4px solid #F26322;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-lightning-main .img-border-orange img {
    height: 60px;
    width: 60px
}

.salesforce-lightning-main h1.text-blue {
    color: #11BAFC;
    font-size: 45px
}

.salesforce-lightning-main span.text-blue {
    color: #11BAFC
}

.salesforce-lightning-main .text-red {
    color: #E33636
}

.salesforce-lightning-main .text-orange {
    color: #F26322
}

.salesforce-lightning-main .tex-light-blue {
    color: #C8EFFE
}

.salesforce-lightning-main .bg-orange {
    background-color: #F26322
}

.salesforce-lightning-main .bg-red {
    background-color: #E33636!important
}

.salesforce-lightning-main .btn-primary.ks-btn-red {
    background-color: #E33636!important;
    border: none
}

.salesforce-lightning-main .border-r-10 {
    border-radius: 10px!important
}

.salesforce-lightning-main .border-none {
    border: none
}

.salesforce-lightning-main .box-shadow-none {
    box-shadow: none!important
}

.salesforce-lightning-main .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

.salesforce-lightning-main .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-lightning-main .ks-section-marketing .ks-sl-prodict-card {
    background: #F6F6F9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

.salesforce-lightning-main .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

.salesforce-lightning-main .ks-looking-for-section .slds-story {
    background: #F6F6F9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce-lightning-main .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: .3s ease-in-out;
    object-fit: contain
}

.salesforce-lightning-main .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

.salesforce-lightning-main .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

.salesforce-lightning-main .py-68 {
    padding: 68px 0
}

.salesforce-lightning-main .py-132 {
    padding: 132px 0
}

.salesforce-lightning-main .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

.salesforce-lightning-main .ks-ksolves-experts .ks-sl-prodict-card {
    background: #FFF;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

.salesforce-lightning-main .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

.salesforce-lightning-main .ks-expert-card-details {
    margin-bottom: 4rem
}

.salesforce-lightning-main .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

.salesforce-lightning-main .ks-line-height-19 {
    line-height: 19px
}

.salesforce-lightning-main .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

.salesforce-lightning-main .ks-color-dark-light {
    color: #262626
}

.salesforce-lightning-main .py-20 {
    padding: 20px 0
}

.salesforce-lightning-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.salesforce-lightning-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.salesforce-lightning-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.salesforce-lightning-main .ks-deliver-results h2,.salesforce-lightning-main .ks-marketing-team h2 {
    font-size: 36px!important;
    line-height: 44px;
    color: #373333
}

.salesforce-lightning-main .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

.salesforce-lightning-main .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1B2143;
    margin-bottom: 0
}

.salesforce-lightning-main .ks-deliver-result-heading span {
    color: #427FCE;
    text-transform: uppercase;
    line-height: 1
}

.salesforce-lightning-main .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427FCE
}

.salesforce-lightning-main .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

.salesforce-lightning-main .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

.salesforce-lightning-main .ks-marketing-contact-info-area {
    flex: 0 0 35.42%;
    max-width: 35.42%
}

.salesforce-lightning-main .ks-contact-mail-div {
    background: #FFF;
    box-shadow: 0 0 12px rgba(0,0,0,.06);
    border-radius: 20px;
    padding: 7px 20px;
    bottom: 0;
    position: absolute
}

.salesforce-lightning-main .ks-contact-mail-div .ks-mail-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #4B4B4B
}

.salesforce-lightning-main .ks-know-more-btn {
    // border: 2px solid #11BAFC;
    background-color: transparent!important;
    letter-spacing: .03em;
    // color: #11BAFC!important
}

.salesforce-lightning-main .ks-know-more-btn:hover {
    background-color: #fff!important
}

.salesforce-lightning-main .ks-marketing-benefits {
    padding-bottom: 35px!important;
    padding-top: 80px!important
}

.salesforce-lightning-main .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

.salesforce-lightning-main .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px
}

.salesforce-lightning-main .red-hat,.salesforce-lightning-main .top-crm-consulting,.salesforce-lightning-main .force-talk,.salesforce-lightning-main .expertise-img {
    display: none!important
}

.salesforce-lightning-main .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

.salesforce-lightning-main .slds-story img {
    object-fit: contain;
    object-position: top
}

.salesforce-lightning-main #accordion {
    max-width: 950px;
    margin: auto
}

.salesforce-lightning-main .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

.salesforce-lightning-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.salesforce-lightning-main .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-lightning-main .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11BAFC;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-lightning-main .img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11BAFC;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-lightning-main .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.salesforce-lightning-main .ks-marketing-benefits .container,.salesforce-lightning-main .ks-looking-for-section .container {
    max-width: 1200px
}

.salesforce-lightning-main .icon-sec-2 {
    width: 54px;
    height: 54px
}

.salesforce-lightning-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce-lightning-main .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

.salesforce-lightning-main .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    .salesforce-lightning-main main .container {
        max-width:1200px
    }

    .salesforce-lightning-main .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (max-width: 1050px) {
    .salesforce-lightning-main .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    .salesforce-lightning-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    .salesforce-lightning-main .ks-sl-prodict-card {
        text-align: center
    }

    .salesforce-lightning-main .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    .salesforce-lightning-main .ks-marketing-banner .font-45 br,.salesforce-lightning-main .ks-market-grow-business .font-45 br,.salesforce-lightning-main .ks-marketing-page-who-ksolves .font-40 br,.salesforce-lightning-main .ks-section-marketing .font-36 br,.salesforce-lightning-main .ks-ksolves-experts .font-36 br,.salesforce-lightning-main .ks-looking-for-section .font-36 br,.salesforce-lightning-main .ks-marketing-benefits .font-36 br,.salesforce-lightning-main .ks-deliver-results h2 br,.salesforce-lightning-main .ks-marketing-who-ksolves h2 br,.salesforce-lightning-main .ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    .salesforce-lightning-main .cmmi-sec img {
        height:70px!important
    }

    .salesforce-lightning-main .ks-marketing-team h2 {
        font-size: 28px!important
    }

    .salesforce-lightning-main .ks-see-more {
        margin-top: 1rem
    }

    .salesforce-lightning-main .ks-marketing-banner {
        padding-top: 40px
    }

    .salesforce-lightning-main .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    .salesforce-lightning-main .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    .salesforce-lightning-main .ks-marketing-banner .font-45,.salesforce-lightning-main .ks-market-grow-business .font-45,.salesforce-lightning-main .ks-marketing-page-who-ksolves .font-40,.salesforce-lightning-main .ks-section-marketing .font-36,.salesforce-lightning-main .ks-ksolves-experts .font-36,.salesforce-lightning-main .ks-looking-for-section .font-36,.salesforce-lightning-main .ks-marketing-benefits .font-36,.salesforce-lightning-main .ks-deliver-results h2,.salesforce-lightning-main .ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    .salesforce-lightning-main .ks-buttons button,.salesforce-lightning-main .ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    .salesforce-lightning-main .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    .salesforce-lightning-main .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    .salesforce-lightning-main .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .salesforce-lightning-main .py-68 {
        padding: 40px 0
    }

    .salesforce-lightning-main .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .salesforce-lightning-main .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    .salesforce-lightning-main .solutions-col img {
        height: 100%
    }

    .salesforce-lightning-main .py-132 {
        padding: 50px 0
    }

    .salesforce-lightning-main .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    .salesforce-lightning-main .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    .salesforce-lightning-main .banner-header-text,.salesforce-lightning-main .ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

.salesforce-lightning-main .ks-marketing-banner.ks-salesforce-experience-cloud {
    background-image: url(/image/hero-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.7)
}

.salesforce-lightning-main .img-fluid {
    max-width: 100%;
    height: auto
}

.salesforce-lightning-main .text-left {
    text-align: left
}

.android-main .text-left {
    text-align: left
}

.salesforce-mulesoft-main .py-75 {
    padding: 75px 0
}

.salesforce-mulesoft-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.salesforce-mulesoft-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.salesforce-mulesoft-main .py-100 {
    padding: 100px 0
}

.salesforce-mulesoft-main .py-55 {
    padding: 55px 0
}

.salesforce-mulesoft-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.salesforce-mulesoft-main .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.salesforce-mulesoft-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.salesforce-mulesoft-main .service-arrow-icon {
    width: 15px
}

.salesforce-mulesoft-main .client-img-bg {
    background-color: #e7e7e7;
    border-radius: 15px;
    height: 85px;
    margin-bottom: 12px
}

.salesforce-mulesoft-main .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

.salesforce-mulesoft-main .z-index-1 {
    z-index: 1
}

.salesforce-mulesoft-main .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav span {
    display: none
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.salesforce-mulesoft-main .owl-awards .partner-card {
    cursor: auto
}

.salesforce-mulesoft-main .ks-contact-sec {
    padding-top: 170px
}

.salesforce-mulesoft-main .cursor-pointer {
    cursor: pointer
}

@media (max-width: 768px) {
    .salesforce-mulesoft-main .col-lg-custom {
        width:33%
    }

    .salesforce-mulesoft-main .ks-service-box .ks-service-box-bg {
        display: none!important
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-next,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .salesforce-mulesoft-main .ks-hero-bg .font-80 {
        font-size:40px
    }

    .salesforce-mulesoft-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .salesforce-mulesoft-main .ks-carousel-item-inner,.salesforce-mulesoft-main .ks-hero-bg .py-75,.salesforce-mulesoft-main .ks-partner-sec {
        padding: 40px 15px
    }

    .salesforce-mulesoft-main .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .salesforce-mulesoft-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .salesforce-mulesoft-main .col-lg-custom {
        width: 50%
    }

    .salesforce-mulesoft-main .ks-services-bg .row {
        margin-right: 0
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-next,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-mulesoft-main .client-bg-img {
        margin-top: -140px
    }

    .salesforce-mulesoft-main .ks-client-bg {
        padding-bottom: 140px
    }

    .salesforce-mulesoft-main .partner-card {
        height: 150px
    }

    .salesforce-mulesoft-main .ks-team-pic {
        height: 270px
    }
}

.salesforce-mulesoft-main .map-img-2,.salesforce-mulesoft-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.salesforce-mulesoft-main .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.salesforce-mulesoft-main .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.salesforce-mulesoft-main .ms-card h3 {
    color: #ffb93e
}

.salesforce-mulesoft-main .ms-2015,.salesforce-mulesoft-main .ms-2017,.salesforce-mulesoft-main .ms-2019 {
    margin-left: -1px
}

.salesforce-mulesoft-main .ms-2019 {
    border-right: none
}

.salesforce-mulesoft-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce-mulesoft-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.salesforce-mulesoft-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-next,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.salesforce-mulesoft-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.salesforce-mulesoft-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.salesforce-mulesoft-main .about-us-awards {
    padding-bottom: 75px
}

.salesforce-mulesoft-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.salesforce-mulesoft-main .about-us-partner {
    padding-top: 120px;
    background: linear-gradient(180deg,#0f0f0f 0,rgba(55,54,54,.93) 100%)
}

.salesforce-mulesoft-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.salesforce-mulesoft-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.salesforce-mulesoft-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.salesforce-mulesoft-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.salesforce-mulesoft-main .ratan-sir-img {
    object-position: 40%
}

.salesforce-mulesoft-main .element.text-primary.ms-3 span {
    color: #fff!important
}

.salesforce-mulesoft-main .ks-investors-bg .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover {
        display:block
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .salesforce-mulesoft-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .salesforce-mulesoft-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce-mulesoft-main .col-lg-custom {
        width:25%
    }

    .salesforce-mulesoft-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .salesforce-mulesoft-main .ks-carousel-btn-design .carousel-control-next,.salesforce-mulesoft-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    .salesforce-mulesoft-main .ms-card p {
        max-width:100%!important
    }

    .salesforce-mulesoft-main .ms-card-outer::before {
        display: none
    }

    .salesforce-mulesoft-main .cv-card {
        padding: 25px;
        overflow: hidden
    }

    .salesforce-mulesoft-main .cv-card:not(:hover) {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .salesforce-mulesoft-main .ks-hero-data {
        margin-bottom:32px
    }

    .salesforce-mulesoft-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .salesforce-mulesoft-main .ks-hero-data:after {
        display: none
    }

    .salesforce-mulesoft-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .salesforce-mulesoft-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.salesforce-mulesoft-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.salesforce-mulesoft-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .salesforce-mulesoft-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.salesforce-mulesoft-main .service-arrow-icon {
    transition: .3s ease-in-out
}

.salesforce-mulesoft-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.salesforce-mulesoft-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.salesforce-mulesoft-main .index-page-popup .modal-content {
    // background-image: url(/image/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.salesforce-mulesoft-main .text-yellow {
    color: #f3ad39
}

.salesforce-mulesoft-main .index-page-popup .modal-body {
    padding-top: 60px
}

.salesforce-mulesoft-main .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.salesforce-mulesoft-main .lh-auto {
    line-height: initial
}

.salesforce-mulesoft-main .text-em-large {
    font-size: 1.5em
}

@media (max-width: 768px) {
    .salesforce-mulesoft-main .index-page-popup .close {
        right:0
    }

    .salesforce-mulesoft-main .popup-imgs img {
        object-fit: contain
    }

    .salesforce-mulesoft-main .popup-header .font-36,.salesforce-mulesoft-main .popup-main-text {
        font-size: 24px
    }
}

.salesforce-mulesoft-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-mulesoft-main .text-dark-pink {
    color: #ff6767
}

.salesforce-mulesoft-main .benfits-sec .tab-box {
    background: #343434
}

.salesforce-mulesoft-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-mulesoft-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.salesforce-mulesoft-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.salesforce-mulesoft-main .wk-box .font-14 {
    color: #000
}

.salesforce-mulesoft-main .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

.salesforce-mulesoft-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce-mulesoft-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.salesforce-mulesoft-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 18px;
    color: #343434
}

@media (max-width: 575px) {
    .salesforce-mulesoft-main .font-45,.salesforce-mulesoft-main .font-48 {
        font-size:28px
    }

    .salesforce-mulesoft-main .font-36 {
        font-size: 20px
    }

    .salesforce-mulesoft-main .benfits-sec .py-75,.salesforce-mulesoft-main .bg-contact .py-100,.salesforce-mulesoft-main .service-faq-sec .py-100,.salesforce-mulesoft-main .solutions-sec .py-100,.salesforce-mulesoft-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.salesforce-mulesoft-main .ks-overview-box {
    background: linear-gradient(180deg,#232020 0,rgba(67,67,67,.93) 97.62%),#191918;
    box-shadow: 0 10px 40px rgba(0,0,0,.06);
    border-radius: 20px
}

.salesforce-mulesoft-main .f-w-500 {
    font-weight: 500
}

.salesforce-mulesoft-main .why-box-view {
    border-radius: 20px;
    overflow: hidden
}

.salesforce-mulesoft-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.salesforce-mulesoft-main .microservices-bg .services-salesforce-hero-bg {
    // background: url(/image/microservices-hero-bg.png)!important
}

.salesforce-mulesoft-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce-mulesoft-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.salesforce-mulesoft-main .news-home-box {
    min-height: calc(100% - 30px)
}

.salesforce-mulesoft-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.salesforce-mulesoft-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.salesforce-mulesoft-main .magento-banner-bg {
    background: linear-gradient(180deg,#FFCA7A 0%,#563A19 100%);
    background-position-y: 100%!important
}

.salesforce-mulesoft-main .success-story-box .control-prev,.salesforce-mulesoft-main .success-story-box .control-next {
    margin: 0 15px
}

.salesforce-mulesoft-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    // z-index: 1;
    position: relative
}

.salesforce-mulesoft-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce-mulesoft-main .text-dark.heading-text {
    color: #404040!important
}

.salesforce-mulesoft-main .solutions-col img {
    object-fit: contain
}

@media(min-width: 1280px) {
    .salesforce-mulesoft-main .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

.salesforce-mulesoft-main .ks-development-company-box.saleseforce-cm-box {
    padding: 0px!important
}

.salesforce-mulesoft-main .ks-client-bg {
    padding: 180px 0 60px;
    background: #F6F6F9
}

.salesforce-mulesoft-main .client-img-bg {
    background: #fff
}

.salesforce-mulesoft-main .ks-meet {
    padding: 60px 0
}

.salesforce-mulesoft-main .ks-discuss {
    padding: 60px 0;
    background-color: #f8f9fa
}

.salesforce-mulesoft-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #e65a66;
    border-color: #11BAFC
}

.salesforce-mulesoft-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.salesforce-mulesoft-main .our-new-client .col-md-4 {
    max-width: 125px
}

.salesforce-mulesoft-main .client-img-bg {
    border-radius: 4px;
    height: 114px
}

.salesforce-mulesoft-main .our-new-client .col-md-4 svg {
    height: 35px
}

.salesforce-mulesoft-main .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media(max-width: 991px) {
    .salesforce-mulesoft-main .video-container .font-48 {
        font-size:30px
    }

    .salesforce-services-cloud-main .ks-marketing-banner {
        height: auto
    }

    .salesforce-mulesoft-main .video-container .font-28 {
        font-size: 25px
    }
}

@media(max-width: 280px) {
    .salesforce-mulesoft-main .ks-mobile-view-top {
        display:none
    }
}

.salesforce-mulesoft-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

@media(max-width: 557px) {
    .salesforce-mulesoft-main .video-container .salesforce-cont .font-28 {
        font-size:22px!important
    }

    .salesforce-mulesoft-main .video-container .salesforce-cont .font-18 {
        font-size: 16px!important
    }
}

@media(max-width: 767px) {
    .salesforce-mulesoft-main .font-36 {
        font-size:28px
    }

    .salesforce-mulesoft-main .font-45 {
        font-size: 24px
    }

    .salesforce-mulesoft-main .heading-text.font-45 {
        font-size: 28px
    }

    .salesforce-mulesoft-main .font-18,.salesforce-mulesoft-main .heading-text.font-36 {
        font-size: 16px
    }

    .salesforce-mulesoft-main .subheading-text.font-18,.salesforce-mulesoft-main .spotlight-item-list ul {
        font-size: 14px!important
    }

    .salesforce-mulesoft-main .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-mulesoft-main .success-story-box,.salesforce-mulesoft-main .ks-who-sec-inner {
        border-radius: 10px
    }

    .salesforce-mulesoft-main .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    .salesforce-mulesoft-main .client-img-bg {
        height: 78px
    }

    .salesforce-mulesoft-main .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    .salesforce-mulesoft-main .ks-meet {
        padding: 35px 0
    }

    .salesforce-mulesoft-main .ks-auto-scroll {
        width: 100%;
        overflow: auto
    }

    .salesforce-mulesoft-main .ks-auto-scroll .row {
        flex-wrap: nowrap
    }

    .salesforce-mulesoft-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }

    .salesforce-mulesoft-main .ks-client-bg {
        padding: 145px 0 20px
    }
}

@media(max-width: 557px) {
    .salesforce-mulesoft-main .video-container .font-28 {
        font-size:16px
    }

    .salesforce-mulesoft-main .py-75 {
        padding: 35px 15px
    }

    .salesforce-mulesoft-main #contactForm4 .btn-primary {
        width: 100%
    }

    .salesforce-mulesoft-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .salesforce-mulesoft-main .ks-discuss {
        padding: 35px 0
    }

    .salesforce-mulesoft-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .salesforce-mulesoft-main .success-story-box p {
        margin-top: 16px
    }

    .salesforce-mulesoft-main .solutions-col img {
        height: 35px
    }

    .salesforce-mulesoft-main .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

.salesforce-mulesoft-main .ks-offering .spotlight-item-image {
    height: 217px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-mulesoft-main .ks-offering .spotlight-item-text {
    padding-bottom: 60px
}

.salesforce-mulesoft-main .ks-offering .spotlight-item-image svg {
    display: block
}

.salesforce-mulesoft-main .letter-sp-2 {
    letter-spacing: .02em
}

.salesforce-mulesoft-main .ks-right-alignment {
    right: 0
}

.salesforce-mulesoft-main .ks-left-alignment {
    left: 0
}

.salesforce-mulesoft-main .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

.salesforce-mulesoft-main .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

.salesforce-mulesoft-main .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

.salesforce-mulesoft-main .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

.salesforce-mulesoft-main .ks-background-pink1 {
    background-color: #FDE8DE
}

.salesforce-mulesoft-main .ks-background-pink2 {
    background-color: #FFF0D3
}

.salesforce-mulesoft-main .ks-background-blue1 {
    background-color: #DEE7FD
}

.salesforce-mulesoft-main .ks-background-blue2 {
    background-color: #CCE3FF
}

.salesforce-mulesoft-main .ks-background-blue3 {
    background-color: #E1E2FF
}

.salesforce-mulesoft-main .ks-background-blue4 {
    background-color: #E5E5FB
}

.salesforce-mulesoft-main .ks-offer-bg {
    background-image: url(/image/offer-bg.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-color: transparent!important
}

.salesforce-mulesoft-main .ks-letter-spacing {
    letter-spacing: .02em
}

.salesforce-mulesoft-main .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.salesforce-mulesoft-main .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.salesforce-mulesoft-main .ks-marketing-banner {
    background-image: url(/image/banner-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-mulesoft-main .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

.salesforce-mulesoft-main .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #FFF
}

.salesforce-mulesoft-main .text-blue {
    color: #11BAFC
}

.salesforce-mulesoft-main .text-red {
    color: #E33636
}

.salesforce-mulesoft-main .text-orange {
    color: #F26322
}

.salesforce-mulesoft-main .tex-light-blue {
    color: #C8EFFE
}

.salesforce-mulesoft-main .bg-orange {
    background-color: #F26322
}

.salesforce-mulesoft-main .bg-red {
    background-color: #E33636!important
}

.salesforce-mulesoft-main .btn-primary.ks-btn-red {
    background-color: #E33636!important;
    border: none
}

.salesforce-mulesoft-main .border-r-10 {
    border-radius: 10px!important
}

.salesforce-mulesoft-main .border-none {
    border: none
}

.salesforce-mulesoft-main .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

.salesforce-mulesoft-main .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-mulesoft-main .ks-section-marketing .ks-sl-prodict-card {
    background: #F6F6F9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

.salesforce-mulesoft-main .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

.salesforce-mulesoft-main .ks-looking-for-section .slds-story {
    background: #F6F6F9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce-mulesoft-main .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: .3s ease-in-out;
    object-fit: contain
}

.salesforce-mulesoft-main .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

.salesforce-mulesoft-main .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

.salesforce-mulesoft-main .py-68 {
    padding: 68px 0
}

.salesforce-mulesoft-main .py-132 {
    padding: 132px 0
}

.salesforce-mulesoft-main .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

.salesforce-mulesoft-main .ks-ksolves-experts .ks-sl-prodict-card {
    background: #FFF;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

.salesforce-mulesoft-main .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

.salesforce-mulesoft-main .ks-expert-card-details {
    margin-bottom: 4rem
}

.salesforce-mulesoft-main .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

.salesforce-mulesoft-main .ks-line-height-19 {
    line-height: 19px
}

.salesforce-mulesoft-main .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

.salesforce-mulesoft-main .ks-marketing-team {
    background-color: #F6F6F9
}

.salesforce-mulesoft-main .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

.salesforce-mulesoft-main .ks-color-dark-light {
    color: #262626
}

.salesforce-mulesoft-main .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

.salesforce-mulesoft-main .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

.salesforce-mulesoft-main .py-20 {
    padding: 20px 0
}

.salesforce-mulesoft-main .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

.salesforce-mulesoft-main .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height .modal.fade .modal-dialog {
        transform: translate(0,0%)
    }

    :44px;color: #373333
}

.salesforce-mulesoft-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.salesforce-mulesoft-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.salesforce-mulesoft-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.salesforce-mulesoft-main .ks-deliver-results h2,.salesforce-mulesoft-main .ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce-mulesoft-main .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

.salesforce-mulesoft-main .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

.salesforce-mulesoft-main .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1B2143;
    margin-bottom: 0
}

.salesforce-mulesoft-main .ks-deliver-result-heading span {
    color: #427FCE;
    text-transform: uppercase;
    line-height: 1
}

.salesforce-mulesoft-main .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427FCE
}

.salesforce-mulesoft-main .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

.salesforce-mulesoft-main .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

.salesforce-mulesoft-main .ks-know-more-btn:hover {
    background-color: #fff!important
}

.salesforce-mulesoft-main .ks-marketing-benefits {
    padding-bottom: 35px!important
}

.salesforce-mulesoft-main .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

.salesforce-mulesoft-main .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

.salesforce-mulesoft-main .ks-deliver-result-heading .font-24 {
    font-size: 30px!important;
    margin-top: 4px;
    word-wrap: break-word
}

.salesforce-mulesoft-main .red-hat,.salesforce-mulesoft-main .top-crm-consulting,.salesforce-mulesoft-main .force-talk,.salesforce-mulesoft-main .expertise-img {
    display: none!important
}

.salesforce-mulesoft-main .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

.salesforce-mulesoft-main .slds-story img {
    object-fit: contain;
    object-position: top
}

.salesforce-mulesoft-main #accordion {
    max-width: 950px;
    margin: auto
}

.salesforce-mulesoft-main .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

.salesforce-mulesoft-main .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-mulesoft-main .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11BAFC;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-mulesoft-main .img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11BAFC;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-mulesoft-main .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.salesforce-mulesoft-main .ks-marketing-benefits .container,.salesforce-mulesoft-main .ks-looking-for-section .container {
    max-width: 1200px
}

.salesforce-mulesoft-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce-mulesoft-main .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

.salesforce-mulesoft-main .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    .salesforce-mulesoft-main main .container {
        max-width:1200px
    }

    .salesforce-mulesoft-main .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    .salesforce-mulesoft-main .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    .salesforce-mulesoft-main .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    .salesforce-mulesoft-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    .salesforce-mulesoft-main .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    .salesforce-mulesoft-main .ks-sl-prodict-card {
        text-align: center
    }

    .salesforce-mulesoft-main .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    .salesforce-mulesoft-main .ks-marketing-banner .font-45 br,.salesforce-mulesoft-main .ks-market-grow-business .font-45 br,.salesforce-mulesoft-main .ks-marketing-faq .font-45 br,.salesforce-mulesoft-main .ks-marketing-page-who-ksolves .font-40 br,.salesforce-mulesoft-main .ks-section-marketing .font-36 br,.salesforce-mulesoft-main .ks-ksolves-experts .font-36 br,.salesforce-mulesoft-main .ks-looking-for-section .font-36 br,.salesforce-mulesoft-main .ks-marketing-benefits .font-36 br,.salesforce-mulesoft-main .ks-deliver-results h2 br,.salesforce-mulesoft-main .ks-marketing-team h2 br,.salesforce-mulesoft-main .ks-marketing-who-ksolves h2 br,.salesforce-mulesoft-main .ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    .salesforce-mulesoft-main .cmmi-sec img {
        height:70px!important
    }

    .salesforce-mulesoft-main .ks-see-more {
        margin-top: 1rem
    }

    .salesforce-mulesoft-main .ks-marketing-banner {
        padding-top: 40px
    }

    .salesforce-mulesoft-main .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    .salesforce-mulesoft-main .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    .salesforce-mulesoft-main .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    .salesforce-mulesoft-main .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    .salesforce-mulesoft-main .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    .salesforce-mulesoft-main .ks-marketing-banner .font-45,.salesforce-mulesoft-main .ks-market-grow-business .font-45,.salesforce-mulesoft-main .ks-marketing-faq .font-45,.salesforce-mulesoft-main .ks-marketing-page-who-ksolves .font-40,.salesforce-mulesoft-main .ks-section-marketing .font-36,.salesforce-mulesoft-main .ks-ksolves-experts .font-36,.salesforce-mulesoft-main .ks-looking-for-section .font-36,.salesforce-mulesoft-main .ks-marketing-benefits .font-36,.salesforce-mulesoft-main .ks-deliver-results h2,.salesforce-mulesoft-main .ks-marketing-team h2,.salesforce-mulesoft-main .ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    .salesforce-mulesoft-main .ks-banner-counter .font-50 {
        font-size: 22px
    }

    .salesforce-mulesoft-main .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    .salesforce-mulesoft-main .ks-buttons button,.salesforce-mulesoft-main .ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    .salesforce-mulesoft-main .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    .salesforce-mulesoft-main .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    .salesforce-mulesoft-main .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .salesforce-mulesoft-main .py-68 {
        padding: 40px 0
    }

    .salesforce-mulesoft-main .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .salesforce-mulesoft-main .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    .salesforce-mulesoft-main .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    .salesforce-mulesoft-main .solutions-col img {
        height: 100%
    }

    .salesforce-mulesoft-main .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    .salesforce-mulesoft-main .py-132 {
        padding: 50px 0
    }

    .salesforce-mulesoft-main .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    .salesforce-mulesoft-main .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    .salesforce-mulesoft-main .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    .salesforce-mulesoft-main .banner-header-text,.salesforce-mulesoft-main .ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

.salesforce-mulesoft-main .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.salesforce-mulesoft-main .btn-primary.ks-btn-red:hover,.salesforce-mulesoft-main .btn-primary.ks-btn-red:active,.salesforce-mulesoft-main .btn-primary.ks-btn-red:focus,.salesforce-mulesoft-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-mulesoft-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-mulesoft-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11BAFC!important;
    border-color: #11BAFC!important;
    transition: all .2s ease-in-out;
    color: #fff!important
}

.salesforce-mulesoft-main .ks-marketing-banner {
    background-image: url(/image/muleSoft-bg.webp);
    background-attachment: fixed;
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom
}

.salesforce-mulesoft-main .ks-section-marketing {
    background: url(/image/Rectangle-36.webp) left center;
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 90px
}

.salesforce-mulesoft-main .ks-deliver-result-heading h3 {
    color: #427FCE;
    text-transform: uppercase
}

.salesforce-mulesoft-main .ks-marketing-banner .container .row {
    min-height: 540px
}

@media (max-width: 991px) {
    .ks-sl-prodict-card .d-flex {
        justify-content:center
    }
}

.salesforce-mulesoft-main .img-fluid {
    max-width: 100%;
    height: auto
}

.salesforce-mulesoft-main .text-left {
    text-align: left
}

.salesforce-commerce-cloud-main .text-left {
    text-align: left
}

.salesforce-commerce-cloud-main .ks-discuss {
    padding: 60px 0;
    background-color: #f8f9fa
}

.salesforce-commerce-cloud-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce-commerce-cloud-main .ks-marketing-banner {
    background-image: url(/image/commerce-bg.webp);
    background-attachment: fixed;
    background-position: bottom
}

.salesforce-commerce-cloud-main .ks-section-marketing {
    background: url(/image/Rectangle-36.webp) left center;
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 90px
}

.salesforce-commerce-cloud-main .ks-deliver-result-heading h3 {
    color: #427FCE;
    text-transform: uppercase
}

.salesforce-commerce-cloud-main .ks-marketing-banner .container .row {
    min-height: 540px
}

@media (min-width: 768px) {
    .salesforce-commerce-cloud-main .ks-hero-bg {
        background-color:#212327;
        background-image: url(/image/hero-bg.jpg);
        background-size: 130%;
        background-position-x: 50%;
        background-repeat: no-repeat
    }
}

@media (max-width: 767px) {
    .salesforce-commerce-cloud-main .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }
}

.salesforce-commerce-cloud-main .ks-hero-bg {
    background-color: #212327
}

.salesforce-commerce-cloud-main .py-75 {
    padding: 75px 0
}

.salesforce-commerce-cloud-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.salesforce-commerce-cloud-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.salesforce-commerce-cloud-main .py-100 {
    padding: 100px 0
}

.salesforce-commerce-cloud-main .py-55 {
    padding: 55px 0
}

.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-prev {
    opacity: 1;
    width: auto
}

.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-prev {
    left: -70px
}

.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-next {
    right: -70px
}

.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-prev-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-next-icon {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)
}

.salesforce-commerce-cloud-main .ks-carousel-indicator-design .carousel-indicators .active {
    background-color: #fca8af
}

.salesforce-commerce-cloud-main .ks-carousel-indicator-design .carousel-indicators li {
    cursor: pointer
}

.salesforce-commerce-cloud-main .ks-services-bg {
    padding: 66px 0;
    background: #fbfbfb
}

.salesforce-commerce-cloud-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.salesforce-commerce-cloud-main .services-text-bg {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce-commerce-cloud-main .ks-service-box:not(.ks-service-box-inner) {
    transition: 0.3s ease-in-out all
}

.salesforce-commerce-cloud-main .ks-service-box-inner {
    border-radius: 10px;
    width: 100%;
    height: 73px;
    min-height: 73px;
    box-shadow: 0 4px 15px rgba(0,0%,0%,3%);
    overflow: hidden
}

.salesforce-commerce-cloud-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.salesforce-commerce-cloud-main .service-arrow-icon {
    width: 15px
}

.salesforce-commerce-cloud-main .client-bg-img {
    margin-bottom: -75px;
    margin-top: -220px
}

.salesforce-commerce-cloud-main .z-index-1 {
    z-index: 1
}

.salesforce-commerce-cloud-main .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav span {
    display: none
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.salesforce-commerce-cloud-main .owl-awards .partner-card {
    cursor: auto
}
}

@media (max-width: 575px) {
    .salesforce-commerce-cloud-main .ks-hero-bg .font-80 {
        font-size:40px
    }

    .salesforce-commerce-cloud-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .salesforce-commerce-cloud-main .ks-career-sec-inner,.salesforce-commerce-cloud-main .ks-carousel-item-inner,.salesforce-commerce-cloud-main .ks-hero-bg .py-75,.salesforce-commerce-cloud-main .ks-partner-sec {
        padding: 40px 15px
    }

    .salesforce-commerce-cloud-main .ks-tech-carousel {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .salesforce-commerce-cloud-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .salesforce-commerce-cloud-main .col-lg-custom {
        width: 50%
    }

    .salesforce-commerce-cloud-main .ks-service-box-inner {
        width: auto
    }

    .salesforce-commerce-cloud-main .ks-services-bg .row {
        margin-right: 0
    }

    .salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-commerce-cloud-main .ks-services-bg {
        padding-bottom: 20px
    }

    .salesforce-commerce-cloud-main .client-bg-img {
        margin-top: -140px
    }

    .salesforce-commerce-cloud-main .ks-client-bg {
        padding-bottom: 140px
    }

    .salesforce-commerce-cloud-main .partner-card {
        height: 150px
    }

    .salesforce-commerce-cloud-main .bg-wave-effect {
        display: none
    }
}

.salesforce-commerce-cloud-main .map-img-2,.salesforce-commerce-cloud-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.salesforce-commerce-cloud-main .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.salesforce-commerce-cloud-main .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1)
}

.salesforce-commerce-cloud-main .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.salesforce-commerce-cloud-main .cv-card,.salesforce-commerce-cloud-main .cv-card .font-24,.salesforce-commerce-cloud-main .cv-card-data {
    transition: 0.3s ease-in-out
}

.salesforce-commerce-cloud-main .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.salesforce-commerce-cloud-main .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.salesforce-commerce-cloud-main .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.salesforce-commerce-cloud-main .cv-card-data {
    position: relative;
    bottom: 0
}

.salesforce-commerce-cloud-main .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.salesforce-commerce-cloud-main .value-sec-row {
    max-width: 1000px
}

.salesforce-commerce-cloud-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.salesforce-commerce-cloud-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.salesforce-commerce-cloud-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-next,.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.salesforce-commerce-cloud-main .btn-primary {
    color: #fff;
    border-color: #e32235
}

.salesforce-commerce-cloud-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.salesforce-commerce-cloud-main .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.salesforce-commerce-cloud-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.salesforce-commerce-cloud-main .about-us-partner {
    padding-top: 120px;
    background: linear-gradient(180deg,#0f0f0f 0,rgba(55,54,54,.93) 100%)
}

.salesforce-commerce-cloud-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.salesforce-commerce-cloud-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.salesforce-commerce-cloud-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.salesforce-commerce-cloud-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

@media (min-width: 769px) {
    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: 0.3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .salesforce-commerce-cloud-main .ks-service-box-image {
        background: unset!important
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: 0.3s ease-in-out all;
        height: auto!important
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: 0.3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: 0.3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: 0.3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: 0.3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: 0.3s ease-in-out all;
        height: 130px
    }

    .salesforce-commerce-cloud-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .salesforce-commerce-cloud-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce-commerce-cloud-main .col-lg-custom {
        width:25%
    }

    .salesforce-commerce-cloud-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .salesforce-commerce-cloud-main .ks-carousel-btn-design .carousel-control-next,.salesforce-commerce-cloud-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .salesforce-commerce-cloud-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 768px) {
    .salesforce-commerce-cloud-main .cv-card {
        padding:25px;
        overflow: hidden
    }

    .salesforce-commerce-cloud-main .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .salesforce-commerce-cloud-main .ks-hero-data {
        margin-bottom:32px
    }

    .salesforce-commerce-cloud-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .salesforce-commerce-cloud-main .ks-hero-data:after {
        display: none
    }

    .salesforce-commerce-cloud-main .meet-team-card {
        text-align: center
    }

    .salesforce-commerce-cloud-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .salesforce-commerce-cloud-main .overview-sec {
        padding-top: 40px
    }

    .salesforce-commerce-cloud-main .about-hero-bg {
        min-height: 36vh
    }

    .salesforce-commerce-cloud-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.salesforce-commerce-cloud-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.salesforce-commerce-cloud-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .salesforce-commerce-cloud-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.salesforce-commerce-cloud-main .service-arrow-icon {
    transition: 0.3s ease-in-out
}

.salesforce-commerce-cloud-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.salesforce-commerce-cloud-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.salesforce-commerce-cloud-main .index-page-popup .modal-content {
    background-image: url(/image/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.salesforce-commerce-cloud-main .text-yellow {
    color: #f3ad39
}

.salesforce-commerce-cloud-main .index-page-popup .modal-body {
    padding-top: 60px
}

.salesforce-commerce-cloud-main .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.salesforce-commerce-cloud-main .lh-auto {
    line-height: initial
}

.salesforce-commerce-cloud-main .text-em-large {
    font-size: 1.5em
}

.salesforce-commerce-cloud-main .modal-artboard-img {
    top: 0;
    left: 0
}

@media (max-width: 768px) {
    .salesforce-commerce-cloud-main .index-page-popup .close {
        right:0
    }

    .salesforce-commerce-cloud-main .popup-imgs img {
        object-fit: contain
    }

    .salesforce-commerce-cloud-main .popup-header .font-36,.salesforce-commerce-cloud-main .popup-main-text {
        font-size: 24px
    }
}

.salesforce-commerce-cloud-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-commerce-cloud-main .text-dark-pink {
    color: #ff6767
}

.salesforce-commerce-cloud-main .benfits-sec .tab-box {
    background: #343434
}

.salesforce-commerce-cloud-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-commerce-cloud-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.salesforce-commerce-cloud-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.salesforce-commerce-cloud-main .wk-box .font-14 {
    color: #000
}

.salesforce-commerce-cloud-main .solutions-sec {
    background: linear-gradient(180deg,#090606 0,rgba(39,39,39,.93) 100%)
}

.salesforce-commerce-cloud-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce-commerce-cloud-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.salesforce-commerce-cloud-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.salesforce-commerce-cloud-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 18px;
    color: #343434
}

.salesforce-commerce-cloud-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.salesforce-commerce-cloud-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.salesforce-commerce-cloud-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.salesforce-commerce-cloud-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.salesforce-commerce-cloud-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.salesforce-commerce-cloud-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.salesforce-commerce-cloud-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 575px) {
    .salesforce-commerce-cloud-main .font-45,.salesforce-commerce-cloud-main .font-48 {
        font-size:28px
    }

    .salesforce-commerce-cloud-main .font-36 {
        font-size: 20px
    }

    .salesforce-commerce-cloud-main .benfits-sec .py-75,.salesforce-commerce-cloud-main .bg-contact .py-100,.salesforce-commerce-cloud-main .service-faq-sec .py-100,.salesforce-commerce-cloud-main .solutions-sec .py-100,.salesforce-commerce-cloud-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .salesforce-commerce-cloud-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.salesforce-commerce-cloud-main .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.salesforce-commerce-cloud-main .ks-salesforce-services-bg {
    background: #fdfbfb
}

.salesforce-commerce-cloud-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.salesforce-commerce-cloud-main .microservices-bg .services-salesforce-hero-bg {
    background: url(/image/microservices-hero-bg.png)!important
}

.salesforce-commerce-cloud-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce-commerce-cloud-main .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.salesforce-commerce-cloud-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: 0.3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.salesforce-commerce-cloud-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.salesforce-commerce-cloud-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.salesforce-commerce-cloud-main .ks-captcha-outer.align-items-end {
    align-items: flex-start!important;
    flex-direction: column
}

.salesforce-commerce-cloud-main .ks-captcha-outer.align-items-end label.error {
    font-size: 20px
}

.salesforce-commerce-cloud-main .ks-right-alignment {
    right: 0
}

.salesforce-commerce-cloud-main .ks-left-alignment {
    left: 0
}

.salesforce-commerce-cloud-main .ks-backbox-align {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 30px;
    z-index: 1;
    bottom: 0;
    top: 10px
}

.salesforce-commerce-cloud-main .ks-magneto-l {
    padding-top: 35px;
    padding-left: 31px
}

.salesforce-commerce-cloud-main .ks-magneto-r {
    padding-top: 35px;
    padding-right: 31px
}

.salesforce-commerce-cloud-main .ks-magneto img {
    z-index: 2;
    height: auto;
    border-radius: 30px
}

.salesforce-commerce-cloud-main .ks-background-pink1 {
    background-color: rgba(89,181,229,.5)!important
}

.salesforce-commerce-cloud-main .ks-background-pink2 {
    background-color: rgba(249,102,92,.45)!important
}

.salesforce-commerce-cloud-main .ks-background-blue1 {
    background-color: rgba(176,139,129,.46)!important
}

.salesforce-commerce-cloud-main .ks-background-blue2 {
    background-color: rgba(237,200,189,.45)!important
}

.salesforce-commerce-cloud-main .ks-background-blue3 {
    background-color: #e1e2ff
}

.salesforce-commerce-cloud-main .ks-background-lightblue {
    background-color: #daf8ff
}

.salesforce-commerce-cloud-main .ks-letter-spacing {
    letter-spacing: .02em
}

.salesforce-commerce-cloud-main .ks-client-bg {
    padding-top: 110px;
    padding-bottom: 75px
}

.salesforce-commerce-cloud-main .client-img-bg img {
    width: 100%;
    height: 60px;
    object-fit: contain
}

.salesforce-commerce-cloud-main .ks-development-company-box {
    min-height: 200px
}

.salesforce-commerce-cloud-main .ks-marketing-banner {
    // background-image: url(/image/banner-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-commerce-cloud-main .ks-marketing-banner .banner-header {
    color: #3ca1e0;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px
}

.salesforce-commerce-cloud-main .ks-marketing-banner .banner-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    color: #fff
}

.salesforce-commerce-cloud-main .text-blue {
    color: #11bafc
}

.salesforce-commerce-cloud-main .text-red {
    color: #e33636
}

.salesforce-commerce-cloud-main .text-orange {
    color: #f26322
}

.salesforce-commerce-cloud-main .tex-light-blue {
    color: #c8effe
}

.salesforce-commerce-cloud-main .bg-orange {
    background-color: #f26322
}

.salesforce-commerce-cloud-main .bg-red {
    background-color: #e33636!important
}

.salesforce-commerce-cloud-main .btn-primary.ks-btn-red {
    background-color: #e33636!important;
    border: none
}

.salesforce-commerce-cloud-main .border-r-10 {
    border-radius: 10px!important
}

.salesforce-commerce-cloud-main .border-none {
    border: none
}

.salesforce-commerce-cloud-main .box-shadow-none {
    box-shadow: none!important
}

.salesforce-commerce-cloud-main .ks-section-marketing {
    background-size: cover;
    padding: 10% 0;
    padding-top: 80px;
    padding-bottom: 180px
}

.salesforce-commerce-cloud-main .ks-section-marketing.ks-ksolves-experts {
    background: url(/image/looking-bg.webp) left center;
    padding-bottom: 1px!important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-commerce-cloud-main .ks-section-marketing .ks-sl-prodict-card {
    background: #f6f6f9;
    border-radius: 10px;
    min-height: 96px;
    height: 100%
}

.salesforce-commerce-cloud-main .ks-section-marketing .ks-sl-prodict-card .col-8.font-20 {
    font-size: 16px!important
}

.salesforce-commerce-cloud-main .ks-looking-for-section .slds-story {
    background: #f6f6f9;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.salesforce-commerce-cloud-main .ks-reason-sec .reason-box-image img {
    min-width: 54px;
    width: 54px;
    height: 54px;
    transition: 0.3s ease-in-out;
    object-fit: contain
}

.salesforce-commerce-cloud-main .ks-reason-sec .reason-box-image {
    margin-right: 10px
}

.salesforce-commerce-cloud-main .ks-process {
    padding-top: 180px!important;
    padding-bottom: 40px!important
}

.salesforce-commerce-cloud-main .py-68 {
    padding: 68px 0
}

.salesforce-commerce-cloud-main .py-132 {
    padding: 132px 0
}

.salesforce-commerce-cloud-main .ks-grow-business {
    background: url(/image/Rectangle-21.webp) left center;
    background-size: cover
}

.salesforce-commerce-cloud-main .ks-marketing-faq .text-investors {
    background-image: linear-gradient(90deg,#373333 0,#373333 92.73%)
}

.salesforce-commerce-cloud-main .ks-marketing-faq {
    background-color: #f6f6f9
}

.salesforce-commerce-cloud-main .ks-marketing-faq .card-body,.salesforce-commerce-cloud-main .ks-marketing-faq .btn-accordian {
    font-style: normal;
    line-height: 26px
}

.salesforce-commerce-cloud-main .ks-marketing-faq .btn-accordian {
    font-weight: 600;
    font-size: 18px;
    color: #3a3a3c!important;
    margin-bottom: 1rem;
    display: block;
    position: relative
}

.salesforce-commerce-cloud-main .ks-marketing-faq .card-body {
    font-weight: 400;
    font-size: 16px;
    color: #373333;
    margin-bottom: 2rem
}

.salesforce-commerce-cloud-main .ks-marketing-faq .card {
    border-bottom: 1px solid #ededef;
    margin-bottom: 1rem
}

.salesforce-commerce-cloud-main .ks-marketing-faq .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center
}

.salesforce-commerce-cloud-main .ks-marketing-faq .card-header .btn-accordian[aria-expanded=&quot;true&quot;]:after {
    transform: rotate(180deg)
}

.salesforce-commerce-cloud-main .ks-ksolves-experts .ks-sl-prodict-card {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    padding-top: 30px!important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 3px solid #0fbafc;
    min-height: 152px;
    height: 100%
}

.salesforce-commerce-cloud-main .ks-expert-card-details .ks-sl-prodict-card .col-4 {
    position: absolute;
    top: -37px;
    max-width: 100%
}

.salesforce-commerce-cloud-main .ks-expert-card-details {
    margin-bottom: 4rem
}

.salesforce-commerce-cloud-main .ks-ksolves-experts h2 {
    margin-bottom: 5rem
}

.salesforce-commerce-cloud-main .ks-line-height-19 {
    line-height: 19px
}

.salesforce-commerce-cloud-main .ks-expert-card-details .ks-sl-prodict-card p {
    margin-bottom: 0;
    line-height: 17px;
    min-height: 76px
}

.salesforce-commerce-cloud-main .ks-marketing-team {
    background-color: #f6f6f9
}

.salesforce-commerce-cloud-main .ks-marketing-team .ks-reason-sec.pt-0 {
    padding-top: 0!important
}

.salesforce-commerce-cloud-main .ks-color-dark-light {
    color: #262626
}

.salesforce-commerce-cloud-main .ks-marketing-who-ksolves {
    padding-top: 50px;
    padding-bottom: 20px
}

.salesforce-commerce-cloud-main .ks-marketing-who-ksolves .ks-who-sec-inner {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0
}

.py-20 {
    padding: 20px 0
}

.salesforce-commerce-cloud-main .ks-marketing-who-ksolves .ks-development-company-box {
    height: 0!important
}

.salesforce-commerce-cloud-main .ks-marketing-who-ksolves h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce-commerce-cloud-main .ks-see-more {
    margin-top: 3rem;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.salesforce-commerce-cloud-main .ks-see-more:after {
    content: "";
    background: url(/image/Vector.webp) left center no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 10px;
    top: -1px;
    position: relative;
    right: 3px
}

.salesforce-commerce-cloud-main .ks-see-more h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    display: inline-block
}

.salesforce-commerce-cloud-main .ks-deliver-results h2,.salesforce-commerce-cloud-main .ks-marketing-team h2 {
    font-size: 36px;
    line-height: 44px;
    color: #373333
}

.salesforce-commerce-cloud-main .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #565758
}

.salesforce-commerce-cloud-main .ks-marketing-faq .py-spacing {
    padding: 70px 0
}

.salesforce-commerce-cloud-main .ks-deliver-result-heading h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1b2143;
    margin-bottom: 0
}

.salesforce-commerce-cloud-main .ks-deliver-result-heading span {
    color: #427fce;
    line-height: 1
}

.salesforce-commerce-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #427fce
}

.salesforce-commerce-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header img {
    width: 36px;
    height: 36px;
    vertical-align: inherit
}

.salesforce-commerce-cloud-main .ks-marketing-team .ks-header-panel .ks-sub-header img.ks-qoute-lower {
    vertical-align: text-top;
    margin-top: 3px
}

.salesforce-commerce-cloud-main .ks-know-more-btn {
    border: 2px solid;
    background-color: transparent!important;
    letter-spacing: .03em;
    // color: #11bafc!important
}

.salesforce-commerce-cloud-main .ks-know-more-btn:hover {
    background-color: #fff!important
}

.salesforce-commerce-cloud-main .ks-marketing-benefits {
    padding-bottom: 35px!important
}

.salesforce-commerce-cloud-main .ks-marketing-team {
    padding-top: 70px;
    padding-bottom: 40px
}

.salesforce-commerce-cloud-main .ks-looking-for-section {
    padding-top: 60px!important;
    padding-bottom: 55px!important
}

.salesforce-commerce-cloud-main .ks-deliver-result-heading .font-24 {
    margin-top: 4px
}

.salesforce-commerce-cloud-main .red-hat,.salesforce-commerce-cloud-main .top-crm-consulting,.salesforce-commerce-cloud-main .force-talk,.salesforce-commerce-cloud-main .expertise-img {
    display: none!important
}

.salesforce-commerce-cloud-main .row.align-items-center.mb-4.mb-md-5.ks-market-side-tab {
    padding-top: 20px
}

.salesforce-commerce-cloud-main .slds-story img {
    object-fit: contain;
    object-position: top
}

.salesforce-commerce-cloud-main #accordion {
    max-width: 950px;
    margin: auto
}

.salesforce-commerce-cloud-main .bg-orange.btn-outline-light:hover {
    background-color: #a94416
}

.salesforce-commerce-cloud-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.salesforce-commerce-cloud-main .ks-reason-sec .reason-box-image .reason-box-img-view {
    width: 90px;
    height: 90px;
    background: #d9f1fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-commerce-cloud-main .img-border-blue {
    border-radius: 5rem 5rem 0 0;
    border-bottom: 0;
    width: 67px;
    height: 34px;
    border: 4px solid #11bafc;
    position: absolute;
    left: calc(50% - 35px);
    top: 4px
}

.salesforce-commerce-cloud-main .img-border-blue .img-box {
    height: 60px;
    width: 60px;
    background: #11bafc;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.salesforce-commerce-cloud-main .img-border-blue .img-box img {
    height: 36px;
    width: 36px;
    object-fit: contain
}

.salesforce-commerce-cloud-main .ks-marketing-benefits .container,.salesforce-commerce-cloud-main .ks-looking-for-section .container {
    max-width: 1200px
}

.salesforce-commerce-cloud-main .ks-section-marketing {
    background: url(/image/Rectangle-36.webp) left center;
    background-size: cover
}

.salesforce-commerce-cloud-main .ks-deliver-result-heading p {
    letter-spacing: .02em;
    color: #565758
}

.salesforce-commerce-cloud-main .ks-sl-prodict-card img {
    object-fit: contain
}

@media (min-width: 1350px) {
    .salesforce-commerce-cloud-main main .container {
        max-width:1200px
    }

    .salesforce-commerce-cloud-main .ks-section-marketing.ks-ksolves-experts .container {
        max-width: 1200px
    }
}

@media (min-width: 1280px) {
    .salesforce-commerce-cloud-main .ks-marketing-who-ksolves .solutions-col {
        width:calc(100% / 4)
    }
}

@media (max-width: 1050px) {
    .salesforce-commerce-cloud-main .ks-marketing-banner {
        padding-top:20px
    }
}

@media (max-width: 992px) {
    .salesforce-commerce-cloud-main .prodict-card-mt-3 {
        margin-top:1rem!important;
        font-size: 16px!important
    }

    .salesforce-commerce-cloud-main .ks-product-card-details {
        padding-right: 10px;
        padding-left: 10px
    }

    .salesforce-commerce-cloud-main .ks-sl-prodict-card {
        text-align: center
    }

    .salesforce-commerce-cloud-main .ks-sl-prodict-card .col-sm-12.pe-0 {
        padding: 0
    }

    .salesforce-commerce-cloud-main .ks-marketing-banner .font-45 br,.salesforce-commerce-cloud-main .ks-market-grow-business .font-45 br,.salesforce-commerce-cloud-main .ks-marketing-faq .font-45 br,.salesforce-commerce-cloud-main .ks-marketing-page-who-ksolves .font-40 br,.salesforce-commerce-cloud-main .ks-section-marketing .font-36 br,.salesforce-commerce-cloud-main .ks-ksolves-experts .font-36 br,.salesforce-commerce-cloud-main .ks-looking-for-section .font-36 br,.salesforce-commerce-cloud-main .ks-marketing-benefits .font-36 br,.salesforce-commerce-cloud-main .ks-deliver-results h2 br,.salesforce-commerce-cloud-main .ks-marketing-team h2 br,.salesforce-commerce-cloud-main .ks-marketing-who-ksolves h2 br,.salesforce-commerce-cloud-main .ks-marketing-banner .banner-header br {
        display: none
    }
}

@media (max-width: 767px) {
    .salesforce-commerce-cloud-main .cmmi-sec img {
        height:70px!important
    }

    .salesforce-commerce-cloud-main .ks-see-more {
        margin-top: 1rem
    }

    .salesforce-commerce-cloud-main .ks-marketing-banner {
        padding-top: 40px
    }

    .salesforce-commerce-cloud-main .ks-our-process-sec .ks-market-side-tab:nth-child(even) .col-md-6:nth-child(1) {
        order: 2;
        margin-top: 1rem
    }

    .salesforce-commerce-cloud-main .ks-marketing-team .row .col-sm-6 {
        padding: 0
    }

    .salesforce-commerce-cloud-main .ks-grow-business .bg-red.border-r-10.btn.rounded.btn-outline-light {
        white-space: normal
    }

    .salesforce-commerce-cloud-main .ks-marketing-faq .py-spacing {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    .salesforce-commerce-cloud-main .ks-marketing-faq .btn-accordian {
        padding-right: 20px
    }

    .salesforce-commerce-cloud-main .ks-marketing-banner .font-45,.salesforce-commerce-cloud-main .ks-market-grow-business .font-45,.salesforce-commerce-cloud-main .ks-marketing-faq .font-45,.salesforce-commerce-cloud-main .ks-marketing-page-who-ksolves .font-40,.salesforce-commerce-cloud-main .ks-section-marketing .font-36,.salesforce-commerce-cloud-main .ks-ksolves-experts .font-36,.salesforce-commerce-cloud-main .ks-looking-for-section .font-36,.salesforce-commerce-cloud-main .ks-marketing-benefits .font-36,.salesforce-commerce-cloud-main .ks-deliver-results h2,.salesforce-commerce-cloud-main .ks-marketing-team h2,.salesforce-commerce-cloud-main .ks-marketing-who-ksolves h2 {
        font-size: 28px!important;
        line-height: 1.2
    }

    .salesforce-commerce-cloud-main .ks-banner-counter .font-50 {
        font-size: 22px
    }

    .salesforce-commerce-cloud-main .ks-banner-counter .font-18 {
        font-size: 16px!important
    }

    .salesforce-commerce-cloud-main .ks-buttons button,.salesforce-commerce-cloud-main .ks-buttons a {
        font-size: 1rem!important;
        margin-right: 0
    }

    .salesforce-commerce-cloud-main .ks-buttons .ks-btn-group {
        margin-right: 1rem!important
    }

    .salesforce-commerce-cloud-main .ks-marketing-benefits {
        padding-bottom: 0!important;
        padding-top: 35px!important
    }

    .salesforce-commerce-cloud-main .ks-section-marketing {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .salesforce-commerce-cloud-main .py-68 {
        padding: 40px 0
    }

    .salesforce-commerce-cloud-main .ks-ksolves-experts .ks-sl-prodict-card {
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .salesforce-commerce-cloud-main .ks-process {
        padding-top: 160px!important;
        padding-bottom: 0!important
    }

    .salesforce-commerce-cloud-main .ks-marketing-who-ksolves {
        padding-top: 20px;
        padding-bottom: 0
    }

    .salesforce-commerce-cloud-main .solutions-col img {
        height: 100%
    }

    .salesforce-commerce-cloud-main .ks-marketing-team {
        padding-top: 35px;
        padding-bottom: 0
    }

    .salesforce-commerce-cloud-main .py-132 {
        padding: 50px 0
    }

    .salesforce-commerce-cloud-main .ks-looking-for-section {
        padding-top: 20px!important;
        padding-bottom: 0!important
    }

    .salesforce-commerce-cloud-main #ks-contactModal .ks-contact-mail-div {
        position: relative
    }

    .salesforce-commerce-cloud-main #ks-contactModal .ks-discuss-bg .row.justify-content-between {
        flex-direction: column
    }

    .salesforce-commerce-cloud-main #ks-contactModal .ks-marketing-contact-info-area,.salesforce-commerce-cloud-main #ks-contactModal .ks-marketing-contact-popup {
        max-width: 100%
    }

    .salesforce-commerce-cloud-main .ks-contact-modal .ks-discuss-bg {
        padding: 10px
    }

    .salesforce-commerce-cloud-main .ks-expert-card-details {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 575px) {
    .salesforce-commerce-cloud-main .banner-header-text,.salesforce-commerce-cloud-main .ks-marketing-banner h1.banner-header {
        font-size:36px;
        line-height: 1.2
    }
}

.salesforce-commerce-cloud-main .ks-marketing-contact-popup form button.f-w-600.btn.btn-primary.px-4.py-2.rounded:hover,.salesforce-commerce-cloud-main .btn-primary.ks-btn-red:hover,.salesforce-commerce-cloud-main .btn-primary.ks-btn-red:active,.salesforce-commerce-cloud-main .btn-primary.ks-btn-red:focus,.salesforce-commerce-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-commerce-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):hover,.salesforce-commerce-cloud-main .box-shadow-none.btn-outline-light:not(.ks-know-more-btn):active {
    background-color: #11bafc!important;
    border-color: #11bafc!important;
    transition: all 0.2s ease-in-out;
    color: #fff!important
}

.salesforce-commerce-cloud-main .text__container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}

.salesforce-commerce-cloud-main .salesforce-box {
    flex-direction: row
}

.salesforce-commerce-cloud-main .salesforce-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.salesforce-commerce-cloud-main .ks-who-sec-inner {
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 6%);
    border-radius: 40px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative
}

.salesforce-commerce-cloud-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce-commerce-cloud-main .text-dark.heading-text {
    color: #404040!important
}

.salesforce-commerce-cloud-main .solutions-col img {
    object-fit: contain
}

@media (min-width: 1280px) {
    .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

@media (max-width: 1279px) {
    .salesforce-commerce-cloud-main .ks-development-company-box.saleseforce-cm-box {
        padding:0px!important
    }

    .salesforce-commerce-cloud-main .ks-client-bg {
        padding: 180px 0 60px;
        background: #f6f6f9
    }

    .salesforce-commerce-cloud-main .client-img-bg {
        background: #fff
    }

    .salesforce-commerce-cloud-main .ks-meet {
        padding: 60px 0
    }

    .salesforce-commerce-cloud-main .user-meet-img {
        width: 167px
    }

    .salesforce-commerce-cloud-main .user-meet-img .meet-team-img {
        border-radius: 0
    }

    .salesforce-commerce-cloud-main .user-meet-footer .meet-team-link {
        margin-top: 0
    }

    .salesforce-commerce-cloud-main .ks-discuss {
        padding: 60px 0
    }

    .salesforce-commerce-cloud-main .our-new-client .col-md-4 {
        max-width: 125px
    }

    .salesforce-commerce-cloud-main .client-img-bg {
        border-radius: 4px;
        height: 114px
    }

    .salesforce-commerce-cloud-main .our-new-client .col-md-4 svg {
        height: 35px
    }

    .salesforce-commerce-cloud-main .our-new-client .client-img-bg {
        height: 55px;
        padding: 5px 10px
    }

    .salesforce-commerce-cloud-main .img-auto {
        height: auto;
        width: auto;
        max-width: 100%
    }

    @media (max-width: 767px) {
        .salesforce-commerce-cloud-main .font-36 {
            font-size:28px
        }

        .salesforce-commerce-cloud-main .font-45 {
            font-size: 24px
        }

        .salesforce-commerce-cloud-main .heading-text.font-45 {
            font-size: 28px
        }

        .salesforce-commerce-cloud-main .font-18,.salesforce-commerce-cloud-main .heading-text.font-36 {
            font-size: 16px
        }

        .salesforce-commerce-cloud-main .subheading-text.font-18,.salesforce-commerce-cloud-main .spotlight-item-list ul {
            font-size: 14px!important
        }

        .salesforce-commerce-cloud-main .col-lg-4.col-6 {
            padding-left: 8px;
            padding-right: 8px
        }

        .salesforce-commerce-cloud-main .ks-who-sec-item.p-4 {
            padding: 0.8rem!important
        }

        .salesforce-commerce-cloud-main .success-story-box,.salesforce-commerce-cloud-main .request-call-back,.salesforce-commerce-cloud-main .ks-who-sec-inner {
            border-radius: 10px
        }

        .salesforce-commerce-cloud-main .happy-client-view .col-6.col-lg-2 {
            padding-left: 7px;
            padding-right: 7px
        }

        .salesforce-commerce-cloud-main .client-img-bg {
            height: 78px
        }

        .salesforce-commerce-cloud-main .ks-discuss-bg {
            padding: 20px 20px 30px 20px
        }

        .salesforce-commerce-cloud-main .meet-team-img {
            height: 150px
        }

        .salesforce-commerce-cloud-main .ks-insights,.salesforce-commerce-cloud-main .ks-meet {
            padding: 35px 0
        }

        .salesforce-commerce-cloud-main .ks-auto-scroll .row .col-lg-4 {
            min-width: 290px
        }

        .salesforce-commerce-cloud-main .salesforce-box {
            flex-wrap: wrap;
            align-items: center;
            justify-content: center
        }
    }

    @media (max-width: 557px) {
        .salesforce-commerce-cloud-main .salesforce-box {
            height:auto
        }

        .salesforce-commerce-cloud-main .py-75 {
            padding: 35px 15px
        }

        .salesforce-commerce-cloud-main #contactForm4 .btn-primary {
            width: 100%
        }

        .salesforce-commerce-cloud-main .ks-discuss-bg {
            background-position: center center;
            border-radius: 6px
        }

        .salesforce-commerce-cloud-main .ks-discuss {
            padding: 35px 0
        }

        .salesforce-commerce-cloud-main .saleshome-service-item svg {
            width: 80px;
            height: 80px
        }

        .salesforce-commerce-cloud-main .success-story-box p {
            margin-top: 16px
        }

        .salesforce-commerce-cloud-main .ks-development-company-box {
            padding: 15px!important
        }

        .salesforce-commerce-cloud-main .solutions-col img {
            height: 35px
        }

        .salesforce-commerce-cloud-main .solutions-row .solutions-col:nth-child(1) img {
            height: 25px
        }
    }

    @media (max-width: 420px) {
        .salesforce-commerce-cloud-main .user-meet-img {
            width:128px
        }

        .salesforce-commerce-cloud-main .meet-team-img {
            height: 152px
        }
    }

    .salesforce-commerce-cloud-main .img-fluid {
        max-width: 100%;
        height: auto
    }

    .insights-main .ks-blogs-bg img,.insights-main .ks-blogs-bg svg {
        object-fit: cover!important
    }

    .insights-main .ks-blogs-bg .owl-carousel .owl-item img {
        width: fit-content;
        display: block;
        max-width: 100%
    }

    .insights-main .image-sizes {
        width: 20px!important;
        height: 20px!important
    }

    .insights-main .ks-bottom-decorator::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 2px;
        background: #e43a36;
        bottom: -15px;
        left: 0
    }

    .insights-main .ks-hero-data:after {
        content: "";
        position: absolute;
        top: calc(50% + 10px);
        right: 0;
        height: 20px;
        width: 2px;
        background-color: #acbdfb
    }

    .insights-main .carousel-control-next,.insights-main .carousel-control-prev {
        opacity: 1;
        width: auto
    }

    .insights-main .carousel-control-prev {
        left: -70px
    }

    .insights-main .carousel-control-next {
        right: -70px
    }

    .insights-main .carousel-control-next-icon,.insights-main .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent no-repeat center center;
        background-size: 100% 100%
    }

    .insights-main .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0
    }

    .insights-main .ks-carousel-indicator-design .carousel-indicators .active {
        background-color: #fca8af
    }

    .insights-main .ks-carousel-indicator-design .carousel-indicators li {
        cursor: pointer
    }

    .insights-main .ks-heading-decorator:after {
        content: "";
        position: absolute;
        width: 25px;
        height: 4px;
        background-color: #dc2230;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%)
    }

    .insights-main .ks-service-box:not(.ks-service-box-inner) {
        transition: .3s ease-in-out all
    }

    .insights-main .investors-card .service-arrow-icon {
        transition: .3s ease-in-out
    }

    .insights-main .investors-card:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,.08)
    }

    .insights-main .investors-card:hover .service-arrow-icon {
        transform: translateX(5px)
    }

    .insights-main .stock-up:before {
        content: "";
        border: 8px solid transparent;
        border-bottom-color: green;
        position: relative;
        top: -13px;
        margin-left: 20px;
        margin-right: 5px
    }

    .insights-main .partner-card:hover+.partner-card-hover {
        opacity: .3;
        filter: blur(50px);
        left: 40px
    }

    .insights-main .ks-owl-btn .owl-nav span {
        display: none
    }

    .insights-main .ks-owl-btn .owl-nav button {
        width: 40px;
        height: 40px;
        position: relative;
        background-repeat: no-repeat!important;
        outline: 0!important
    }

    .insights-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -50px;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
    }

    .insights-main .ks-owl-btn .owl-nav button.owl-next {
        margin-left: auto;
        right: -50px;
        background-position-x: 100%!important;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
    }

    .insights-main .ks-owl-btn .owl-nav {
        position: absolute;
        width: 100%;
        top: calc(50% - 20px);
        display: flex
    }

    .insights-main .owl-awards .partner-card {
        cursor: auto
    }

    .insights-main .ks-contact-sec label.d-block {
        color: #4b4b4b;
        position: relative;
        transform: translateY(-32px);
        left: 16px;
        pointer-events: none;
        transition: .3s ease-in-out;
        font-weight: 400!important;
        margin-bottom: 0
    }

    .insights-main .ks-contact-sec label.error {
        display: block
    }

    .insights-main .ks-contact-sec .ks-input {
        border-color: #d9d9d9;
        border-radius: 5px
    }

    .insights-main .ks-contact-sec .ks-input::placeholder {
        color: #fff
    }

    .insights-main .ks-contact-sec #email-error+label.d-block,.insights-main .ks-contact-sec #message-error+label.d-block,.insights-main .ks-contact-sec .ks-input:focus+label.d-block,.insights-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
        display: inline-block!important;
        padding: 0 8px;
        transform: translateY(-55px);
        left: 8px;
        background: #fff;
        display: inline-block!important
    }

    .insights-main .ks-contact-sec #email-error+label.d-block {
        transform: translateY(-85px)
    }

    .insights-main .ks-contact-sec #email-error[style*=&quot;display:none&quot;]+label.d-block {
        transform: translateY(-55px)
    }

    .insights-main .ks-contact-sec #message-error+label.d-block {
        transform: translateY(-106px)
    }

    .insights-main .ks-input-textarea-small {
        height: 60px
    }

    .insights-main .ks-contact-sec .ks-input-textarea-small+label.d-block {
        transform: translateY(-55px)
    }

    .insights-main .ks-contact-sec #message-error[style*=&quot;display:none&quot;]+label.d-block,.insights-main .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.insights-main .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
        transform: translateY(-75px)
    }

    .insights-main .ks-video-modal .modal-body {
        background-color: #000
    }

    .insights-main .ks-video-modal.modal .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin: 0;
        transform: translate(0,25%)
    }

    .insights-main .ks-video-modal.modal.show .modal-dialog {
        transform: translate(0,0)!important
    }

    .insights-main .ks-video-modal .modal-content {
        border-radius: 0;
        height: 100%
    }

    .insights-main .ks-video-modal .video-card,.insights-main .ks-video-modal iframe {
        height: 100%;
        border: none
    }

    .insights-main .ks-video-close img {
        width: 16px;
        filter: invert(1) brightness(0)
    }

    @media (max-width: 768px) {
        .insights-main .mobile-bg {
            border-radius:20px;
            background: #262626;
            padding: 0
        }

        .insights-main .cust-card-img-top {
            width: 100%
        }

        .insights-main .mobile-bg .ks-line-height0&gt;picture,.insights-main .mobile-bg .ks-line-height0&gt;picture img,.insights-main .mobile-bg .ks-line-height0 {
            border-top-right-radius: 20px;
            border-top-left-radius: 20px
        }

        .insights-main .ks-update-bg {
            border-bottom-left-radius: 20px
        }

        .insights-main .ks-service-box-title h3 {
            width: calc(100% - 165px);
            margin-left: 15px!important
        }

        .insights-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
            display: none!important
        }

        .insights-main .carousel-control-prev,.insights-main .ks-owl-btn .owl-nav button.owl-prev {
            left: 0
        }

        .insights-main .carousel-control-next,.insights-main .ks-owl-btn .owl-nav button.owl-next {
            right: 0
        }
    }

    @media (max-width: 575px) {
        .insights-main .ks-hero-bg .font-80 {
            font-size:40px
        }

        .insights-main .ks-contact-sec .font-45 {
            font-size: 36px
        }

        .insights-main .ks-career-sec-inner,.insights-main .ks-carousel-item-inner,.insights-main .ks-hero-bg .py-75,.insights-main .ks-partner-sec {
            padding: 40px 15px
        }

        .insights-main .ks-carousel-indicator-design .carousel-indicators {
            bottom: -60px
        }

        .insights-main .ks-services-bg .row {
            margin-right: 0
        }

        .insights-main .carousel-control-next,.insights-main .ks-owl-btn .owl-nav button.owl-next {
            right: 0
        }

        .insights-main .carousel-control-prev,.insights-main .ks-owl-btn .owl-nav button.owl-prev {
            left: 0
        }
    }

    @keyframes salesforceImg {
        0% {
            opacity: 0;
            transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
        }

        100% {
            opacity: 1;
            transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
        }
    }

    .insights-main .overview-sec .partner-card {
        height: 160px;
        border-radius: 20px
    }

    .insights-main .cv-card,.insights-main .cv-card .font-24,.insights-main .cv-card-data {
        transition: .3s ease-in-out
    }

    .insights-main .cv-card:hover .font-24 {
        bottom: 0;
        position: relative
    }

    .insights-main .cv-card:not(:hover) {
        background-color: rgba(0,0,0,0)
    }

    .insights-main .cv-card:not(:hover) .font-24 {
        font-size: 36px!important;
        text-align: center;
        bottom: -60px;
        position: relative
    }

    .insights-main .cv-card:not(:hover) .cv-card-data {
        bottom: -150px
    }

    .insights-main .ms-card h3 {
        color: #ffb93e
    }

    .insights-main .ms-card-outer::after,.insights-main .ms-card-outer::before {
        content: "";
        position: absolute;
        width: 17px;
        height: 17px
    }

    .insights-main .ms-card-outer::after {
        border-radius: 50%;
        background-color: #f98992;
        top: -8px;
        left: -8px
    }

    .insights-main .ms-card-outer::before {
        background-color: #ffb93e;
        clip-path: polygon(100% 50%,0 0,0 100%);
        bottom: -10px;
        left: -8px;
        height: 19px
    }

    .insights-main .about-us-partner .text-investors {
        background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
    }

    .insights-main .about-us-partner .subheading-text {
        max-width: 760px;
        margin: auto
    }

    .insights-main .font-18.text-center.text-uppercase.w-100 {
        color: #424242
    }

    .insights-main .ks-owl-btn .owl-nav button.owl-next,.insights-main .ks-owl-btn .owl-nav button.owl-prev {
        background-color: transparent!important;
        border-radius: 0;
        box-shadow: none!important
    }

    .insights-main .btn-primary:hover {
        color: #e32235;
        background-color: #e65a66;
        border-color: #e32235
    }

    .insights-main .about-us-awards .ks-awards-bg {
        padding-bottom: 75px
    }

    .insights-main .about-us-contact .ks-contact-sec {
        padding-top: 75px
    }

    .insights-main .ks-meet-sec .nav.nav-tabs {
        border: 1px solid #828383;
        margin: auto;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600
    }

    .insights-main ..ks-meet-sec .nav-tabs .nav-link {
        border: none;
        border-radius: 0;
        color: #4b4b4b
    }

    .insights-main ..ks-meet-sec .nav-tabs .nav-item {
        margin-bottom: 0
    }

    .insights-main ..ks-meet-sec .nav-tabs .nav-link.active {
        background: #dc2230;
        color: #fff;
        border-color: #dc2230;
        border-radius: 5px;
        margin-top: -1px;
        margin-left: -2px;
        margin-right: -1px;
        margin-bottom: -1px;
        height: 42px
    }

    .insights-main ..element.text-primary.ms-3 span {
        color: #fff!important
    }

    .insights-main .ks-investors-bg .container {
        position: relative;
        z-index: 1
    }

    @media (min-width: 769px) {
        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
            display:block
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
            transition: .3s ease-in-out all;
            position: absolute;
            height: 430px;
            z-index: 10;
            border-radius: 20px;
            background: #fbfbfb;
            box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
            width: 100%!important;
            height: 100%!important
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
            transition: .3s ease-in-out all;
            height: auto!important
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
            transition: .3s ease-in-out all;
            flex-wrap: wrap;
            flex-direction: column;
            height: auto!important;
            align-items: flex-start
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
            transition: .3s ease-in-out all;
            padding: 30px;
            height: auto!important
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
            transition: .3s ease-in-out all;
            width: 100%;
            font-size: 22px!important;
            line-height: 28px
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
            transition: .3s ease-in-out all;
            object-fit: contain;
            width: 100%!important;
            height: 70px!important;
            object-position: left
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
            transition: .3s ease-in-out all;
            height: 130px
        }

        .insights-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
            display: flex
        }

        .insights-main .ms-card-outer-2:before {
            bottom: auto;
            top: -8px
        }

        .insights-main .ms-card-outer-2:after {
            top: auto;
            bottom: -8px
        }

        .insights-main .ms-card-outer-2 .ms-card {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between
        }

        .insights-main .ms-card-outer-2.ms-2020 .ms-card:after {
            content: &quot;
            &quot;;position: absolute;
            width: 22px;
            height: 24px;
            background-color: #ffb93e;
            clip-path: polygon(100% 50%,0 0,0 100%);
            right: -10px;
            top: -12px
        }
    }

    @media (max-width: 1550px) and (min-width:1201px) {
        .insights-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
            right:0
        }
    }

    .insights-main col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .insights-main .carousel-control-prev,.insights-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .insights-main .carousel-control-next,.insights-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) .ms-card h3 {
    order:-1
}

.insights-main .ms-card p {
    max-width: 100%!important
}

.insights-main .ms-card-outer::before {
    display: none
}

.insights-main .cv-card:not(:hover) .cv-card-data {
    bottom: -250px
}
}

@media (max-width: 575px) {
    .insights-main .ks-bottom-decorator::after {
        bottom:-8px
    }

    .insights-main .ks-hero-data:after {
        display: none
    }

    .insights-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .insights-main .investors-sec-dark,.insights-main .overview-sec {
        padding-top: 40px
    }

    .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.insights-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.insights-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .insights-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.insights-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.insights-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.insights-main .index-page-popup .modal-content {
    background-image: url(/image/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.insights-main .index-page-popup .modal-body {
    padding-top: 60px
}

.insights-main .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

@media (max-width: 768px) {
    .insights-main .index-page-popup .close {
        right:0
    }

    .insights-main .popup-imgs img {
        object-fit: contain
    }

    .insights-main .popup-header .font-36,.insights-main .popup-main-text {
        font-size: 24px!important
    }
}

.insights-main .kafka-tabs .nav-link.active {
    border: none;
    position: relative
}

.insights-main .kafka-tabs .nav-link::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dc2230;
    position: absolute;
    left: 0;
    bottom: -26px;
    transition: .3s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom
}

.insights-main .kafka-tabs .nav-link.active::after {
    transform: scaleY(1)
}

.insights-main .kafka-service-list li::after {
    content: "";
    background: linear-gradient(90deg,#333 0,#dd1818 92.73%);
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: -16px
}

.insights-main .text-dark-pink {
    color: #ff6767
}

.insights-main .benfits-sec .tab-box {
    background: #343434
}

.insights-main .kafka-page-form .ks-input,.insights-main .kafka-page-form label:not(.error) {
    background: #373636!important;
    color: #fcfcfc!important;
    border-color: #767676
}

.insights-main .kafka-page-form .ks-input::placeholder {
    color: #373636!important
}

.insights-main .kafka-page-form label:not(.error) {
    display: inline-block!important
}

.insights-main .kafka-page-form label.error {
    width: 100%
}

.insights-main .wk-box .font-14 {
    color: #000
}

.insights-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.insights-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.insights-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 18px;
    color: #343434
}

.insights-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.insights-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.insights-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.insights-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.insights-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.insights-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.insights-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

@media (max-width: 575px) {
    .insights-main .font-45,.insights-main .font-48 {
        font-size:28px
    }

    .insights-main .font-36 {
        font-size: 20px!important
    }

    .insights-main .benfits-sec .py-75,.insights-main .bg-contact .py-100,.insights-main .service-faq-sec .py-100,.insights-main .solutions-sec .py-100,.insights-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .insights-main .kafka-page-form .ks-contact-form {
        padding: 20px
    }

    .insights-main .kafka-page-form .ks-captcha-outer {
        margin-left: 0
    }

    .insights-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.insights-main .overview-image-box .overview-image {
    width: 100%
}

.insights-main .overview-image-box #ks-vid-play {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.insights-main .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.insights-main .services-description ul li {
    position: relative;
    padding-left: 20px
}

.insights-main .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: "";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(2) .ks-salesforce-services-box {
    animation-delay: .7s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(3) .ks-salesforce-services-box {
    animation-delay: .8s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(4) .ks-salesforce-services-box {
    animation-delay: .9s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(5) .ks-salesforce-services-box {
    animation-delay: 1s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(6) .ks-salesforce-services-box {
    animation-delay: 1.1s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(7) .ks-salesforce-services-box {
    animation-delay: 1.2s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(8) .ks-salesforce-services-box {
    animation-delay: 1.3s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(9) .ks-salesforce-services-box {
    animation-delay: 1.4s
}

.insights-main .ks-salesforce-services-row .col-lg-6:nth-child(10) .ks-salesforce-services-box {
    animation-delay: 1.5s
}

.insights-main .insights-type .tag-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #343434;
    border-radius: 5px;
    float: left
}

.insights-main .insights-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.insights-main .insights-link a:hover {
    font-weight: 700
}

.insights-main .salesforce-item:first-child {
    margin-top: 0
}

.insights-main .salesforce-item:last-child {
    margin-bottom: 0
}

.insights-main .salesforce-form-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #6e6e6e
}

.insights-main .salesforce-form-input:focus {
    outline: 0
}

.insights-main .salesforce-form-input.text-area {
    height: 60px;
    line-height: 40px;
    margin-bottom: 0
}

.insights-main .salesforce-form-submit:focus {
    outline: 0
}

.insights-main .services-salesforce-hero-sec .banner-subheading {
    animation-delay: .6s
}

.insights-main .services-salesforce-hero-sec .contact-us-box {
    animation-delay: .7s
}

.insights-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: .8s
}

.insights-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: .9s
}

.insights-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.insights-main .salesforce-contact-us label.d-block {
    color: #828282;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    width: calc(100% - 32px);
    background: #c2e0f0
}

.insights-main .salesforce-contact-us .ks-input {
    border-color: #a5b5c8;
    border-radius: 5px;
    background: #c2e0f0
}

.insights-main .salesforce-contact-us .ks-input::placeholder {
    color: #828282
}

.insights-main .salesforce-contact-us #email-error+label.d-block,.insights-main .salesforce-contact-us .ks-input:focus+label.d-block,.insights-main .salesforce-contact-us .ks-input:not(:placeholder-shown)+label.d-block {
    display: inline-block!important;
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #c2e0f0;
    display: inline-block!important;
    width: auto
}

.insights-main .salesforce-contact-us #email-error+label.d-block {
    transform: translateY(-85px)
}

.insights-main .salesforce-contact-us .ks-input-box {
    height: 45px
}

.insights-main .salesforce-contact-us .ks-textarea-box {
    height: 60px
}

.insights-main .salesforce-contact-us .ks-input-textarea-small {
    height: 60px
}

.insights-main .salesforce-contact-us .ks-input-textarea-small+label.d-block {
    transform: translateY(-55px)
}

.insights-main .salesforce-contact-us .ks-input-textarea-small:focus+label.d-block,.insights-main .salesforce-contact-us .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-75px)
}

.insights-main .microservices-bg .services-salesforce-hero-bg {
    background: url(/image/microservices-hero-bg.png)!important
}

.insights-main .ks-service-box-image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.insights-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.insights-main .ks-service-box-title h3 {
    margin-left: 30px
}

.insights-main .news-home-box,.insights-main .stock-investors-box {
    padding-bottom: 32px
}

.insights-main .investors-box-more img {
    margin-left: 8px
}

.insights-main .investors-box-more img {
    margin-left: 8px
}

.insights-main .annual-report-title span {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #4b4b4b;
    position: relative;
    top: 5px
}

.insights-main .investors-box-text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    color: #343434
}

.insights-main .investors-box-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b
}

.insights-main .investors-box-text ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #4b4b4b;
    padding-left: 18px
}

.insights-main .investors-box-text ul li {
    margin-bottom: 29px
}

.insights-main .investors-box-icon img {
    object-fit: contain
}

.insights-main .investors-box-more.report-btn {
    position: absolute;
    width: 100%;
    bottom: 32px;
    right: 32px
}

.insights-main .news-home-item p {
    margin-bottom: 15px
}

.insights-main .investors-box-more:hover {
    color: #e33e35
}

.insights-main .investors-box-more:hover img {
    margin-left: 12px
}

.insights-main .investors-box:not(.news-home-box):hover .investors-box-more {
    color: #e33e35
}

.insights-main .investors-box:not(.news-home-box):hover .investors-box-more img {
    margin-left: 12px
}

.insights-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.insights-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.insights-main .banner-sec-insight {
    background-size: cover
}

.insights-main .ks-blogs-bg {
    background-color: #F4F4F4
}

.insights-main .ks-blog-navs a {
    background: #C4C4C4;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #C4C4C4;
    margin: 15px
}

.insights-main .ks-blog-navs a:hover {
    background: #113c63
}

.insights-main .ks-blog-navs a span {
    width: 8px;
    height: 8px
}

.insights-main .ks-blog-text {
    color: #919192
}

.insights-main .ks-category-text {
    color: #565758
}

.insights-main .ks-category .card .card-body p.font-16.ks-category-text,.insights-main .ks-trendings-insights .card-body p.font-16.ks-category-text {
    min-height: auto
}

section.ks-trendings-insights .card img.card-img-top,section.ks-category .card img.card-img-top {
    border-radius: 8px;
    object-fit: cover
}

.insights-main .ks-dark-text,.insights-main .ks-read-more-btn {
    color: #262626
}

.insights-main .ks-update-bg {
    background: #262626;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.insights-main .ks-line-height0 {
    line-height: 0
}

.insights-main .ks-subscribeform {
    display: flex
}

.insights-main .ks-subscribeform input {
    width: 70%;
    padding-left: 15px!important
}

.insights-main .ks-subscribeform input:focus {
    outline: none
}

.insights-main .ks-subscribeform input,.insights-main .ks-subscribeform button {
    height: 55px;
    padding: 10px;
    border: 0;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.insights-main .ks-follow-us ul li:not(:last-child) {
    margin-right: 10px
}

.insights-main .ks-subscribeform button {
    width: 30%;
    background: #113c63;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer
}

.insights-main .ks-subscribeform button:hover,.insights-main .ks-subscribeform button: {
    box-shadow: none;
    background: #113c63
}

.insights-main .ks-connect-with-us .ks-connect-with-us-bg {
    border-radius: 20px;
    background-size: cover
}

.insights-main .ks-connect-with-us .btn {
    background: #113c63!important;
    border-radius: 5px
}

.insights-main .ks-read-more-btn:hover {
    color: #113c63
}

.insights-main .ks-business-benifit p {
    color: #565758
}

@media (max-width: 576px) {
    .insights-main .ks-update-bg {
        background:#262626;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }

    .insights-main .ks-right-blogs picture img {
        width: 100%;
        height: auto;
        object-fit: cover
    }

    .insights-main .ks-case-study-overview-inner,.insights-main .ks-case-study-problems-inner,.insights-main .ks-case-study-helped-inner,.insights-main .ks-case-study-benefit-inner {
        padding: 15px
    }

    .insights-main .ks-case-study-overview,.insights-main .ks-case-study-benefit,.insights-main .ks-case-study-helped {
        padding: 30px 0
    }
}

.insights-main a.blog-text-link {
    color: #000
}

.insights-main .carousel {
    position: relative
}

.insights-main .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.insights-main .carousel-item {
    position: relative;
    display: none;
    width: 100%;
    height: auto
}

.insights-main .carousel-item.active {
    display: block
}

.insights-main .carousel-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.insights-main .carousel-controls button {
    background-color: rgba(0,0,0,.5);
    border: none;
    color: #fff;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: background-color 0.3s ease
}

.insights-main .carousel-controls button:hover {
    background-color: rgba(0,0,0,.7);
    cursor: pointer
}

.insights-main .modal-form-style .form-unit {
    margin-bottom: 16px!important
}

.insights-main .ks-slider-area {
    position: relative
}

.insights-main .carousel-item {
    height: 100%
}

@media (max-width: 767px) {
    .insights-main .ks-slider-area {
    }

    .insights-main .carousel-caption {
        position: static;
        background-color: transparent;
        padding: 10px
    }
}

.insights-main .ks-slider-area {
    position: relative
}

.insights-main a.blog-text-link {
    color: #000!important
}

.events-main .py-75 {
    padding: 75px 0
}

.events-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.events-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.events-main .py-100 {
    padding: 100px 0
}

.events-main .py-55 {
    padding: 55px 0
}

.events-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.events-main .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.events-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.events-main .service-arrow-icon {
    width: 15px
}

.events-main .investors-card .service-arrow-icon {
    transition: .3s ease-in-out
}

.events-main .investors-card:hover .service-arrow-icon {
    transform: translateX(5px)
}

.events-main .z-index-1 {
    z-index: 1
}

.events-main .ks-client-bg {
    padding-top: 75px;
    padding-bottom: 180px
}

.events-main .ks-owl-btn .owl-nav span {
    display: none
}

.events-main .ks-owl-btn .owl-nav button {
    width: 40px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat!important;
    outline: 0!important
}

.events-main .ks-owl-btn .owl-nav button.owl-prev {
    left: -50px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M11 1L1 11.0574L11 21.1149&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.events-main .ks-owl-btn .owl-nav button.owl-next {
    margin-left: auto;
    right: -50px;
    background-position-x: 100%!important;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27;width=&#x27;12&#x27;height=&#x27;23&#x27;viewBox=&#x27;0 0 12 23&#x27;fill=&#x27;none&#x27;%3E%3Cpath d=&#x27;M1 21.1149L11 11.0574L1 1&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E&quot;)!important
}

.events-main .ks-owl-btn .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 20px);
    display: flex
}

.events-main .owl-awards .partner-card {
    cursor: auto
}

.events-main .ks-contact-sec {
    padding-top: 170px
}

.cursor-pointer {
    cursor: pointer
}

@media (max-width: 768px) {
    .events-main .col-lg-custom {
        width:33%
    }

    .events-main .ks-service-box-title {
        flex-wrap: wrap!important
    }

    .events-main .ks-service-box-title h3 {
        width: calc(100% - 165px);
        margin-left: 15px!important
    }

    .events-main .ks-service-box-text {
        padding-right: 15px!important
    }

    .events-main .ks-service-box .ks-service-box-bg {
        display: none!important
    }

    .events-main .ks-carousel-btn-design .carousel-control-prev,.events-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .events-main .ks-carousel-btn-design .carousel-control-next,.events-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .events-main .ks-case-study-row.even .custom-order-2 {
        order: 2
    }

    .events-main .ks-case-study-row.even .custom-order-1 {
        order: 1
    }

    .events-main .font-36 {
        font-size: 26px!important
    }

    .events-main .case-study-text {
        padding: 24px 0 0px!important
    }
}

@media (max-width: 575px) {
    .events-main .font-80 {
        font-size:40px
    }

    .salesforce-commerce-cloud-main .case-study {
        font-weight: 700!important;
        font-size: 32px!important;
        padding-bottom: 1.5rem!important
    }

    .events-main .ks-contact-sec .font-45 {
        font-size: 36px
    }

    .events-main .ks-career-sec-inner,.events-main .ks-carousel-item-inner,.events-main .ks-hero-bg .py-75,.events-main .ks-partner-sec {
        padding: 40px 15px
    }

    .events-main .ks-carousel-indicator-design .carousel-indicators {
        bottom: -60px
    }

    .events-main .col-lg-custom {
        width: 50%
    }

    .events-main .ks-carousel-btn-design .carousel-control-next,.events-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }

    .events-main .ks-carousel-btn-design .carousel-control-prev,.events-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .events-main .client-bg-img {
        margin-top: -140px
    }

    .events-main .ks-client-bg {
        padding-bottom: 140px
    }
}

.events-main .map-img-2,.events-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.events-main .overview-sec {
    padding-top: 65px;
    padding-bottom: 50px;
    // background-image: url(/image/overview-bg.svg);
    background-size: cover;
    background-position: center
}

.events-main .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.events-main .card-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.events-main .cv-card {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    padding: 45px 64px;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
    margin-bottom: 32px
}

.events-main .cv-card,.events-main .cv-card .font-24,.events-main .cv-card-data {
    transition: .3s ease-in-out
}

.events-main .cv-card:hover .font-24 {
    bottom: 0;
    position: relative
}

.events-main .cv-card:not(:hover) {
    background-color: rgba(0,0,0,0)
}

.events-main .cv-card:not(:hover) .font-24 {
    font-size: 36px!important;
    text-align: center;
    bottom: -60px;
    position: relative
}

.events-main .cv-card-data {
    position: relative;
    bottom: 0
}

.events-main .cv-card:not(:hover) .cv-card-data {
    bottom: -150px
}

.events-main .ms-card h3 {
    color: #ffb93e
}

.events-main .about-us-partner .text-investors {
    background-image: linear-gradient(90deg,#fedada 0,#f33737 92.73%)
}

.events-main .about-us-partner .subheading-text {
    max-width: 760px;
    margin: auto
}

.events-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.events-main .ks-owl-btn .owl-nav button.owl-next,.events-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.events-main .btn-primary {
    color: #fff;
    background-color: #e32235;
    border-color: #e32235
}

.events-main .btn-primary:hover {
    color: #e32235;
    background-color: #e65a66;
    border-color: #e32235
}

.events-main .about-us-awards .ks-awards-bg {
    padding-bottom: 75px
}

.events-main .about-us-contact .ks-contact-sec {
    padding-top: 75px
}

.events-main .ks-meet-sec .nav.nav-tabs {
    border: 1px solid #828383;
    margin: auto;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600
}

.events-main .ks-meet-sec .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #4b4b4b
}

.events-main .ks-meet-sec .nav-tabs .nav-item {
    margin-bottom: 0
}

.events-main .ks-meet-sec .nav-tabs .nav-link.active {
    background: #dc2230;
    color: #fff;
    border-color: #dc2230;
    border-radius: 5px;
    margin-top: -1px;
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 42px
}

.events-main .ratan-sir-img {
    object-position: 40%
}

.events-main .ks-event-img {
    width: 100%;
    border-radius: 30px;
    height: 100%;
    object-fit: cover
}

.events-main .element.text-primary.ms-3 span {
    color: #fff!important
}

.events-main .container {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .events-main .ks-service-box-image {
        background: unset!important
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .events-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .events-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .events-main .col-lg-custom {
        width:25%
    }

    .events-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .events-main .ks-carousel-btn-design .carousel-control-prev,.events-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .events-main .ks-carousel-btn-design .carousel-control-next,.events-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }
}

@media (max-width: 768px) {
    .events-main .cv-card {
        padding:25px;
        overflow: hidden
    }

    .events-main .cv-card:not(:hover) .cv-card-data {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .events-main .ks-hero-data {
        margin-bottom:32px
    }

    .events-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .events-main .ks-hero-data:after {
        display: none
    }

    .events-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .events-main .investors-sec-dark,.events-main .overview-sec {
        padding-top: 40px
    }

    .events-main .about-hero-bg {
        min-height: 36vh
    }

    .events-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.events-main .about-txt-decorator:after {
    content: "";
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.events-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

@media (min-width: 992px) {
    .events-main .ks-client-bg .col-lg-2 {
        flex:0 0 16.66%;
        max-width: 16.66%
    }
}

.events-main .service-arrow-icon {
    transition: .3s ease-in-out
}

.events-main .about-sec-report:hover .service-arrow-icon {
    transform: translateX(5px)
}

.events-main .index-page-popup .modal-dialog {
    max-width: 850px
}

.events-main .index-page-popup .modal-content {
    // background-image: url(/image/modal-bg.png);
    background-size: cover;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.events-main .text-yellow {
    color: #f3ad39
}

.events-main .index-page-popup .modal-body {
    padding-top: 60px
}

.events-main .index-page-popup .close {
    opacity: 1;
    position: relative;
    top: -40px;
    right: -30px
}

.events-main .lh-auto {
    line-height: initial
}

@media (max-width: 768px) {
    .events-main .index-page-popup .close {
        right:0
    }

    .events-main .popup-imgs img {
        object-fit: contain
    }

    .events-main .popup-header .font-36,.events-main .popup-main-text {
        font-size: 24px
    }
}

.events-main .benfits-sec {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.events-main .text-dark-pink {
    color: #ff6767
}

.events-main .benfits-sec .tab-box {
    background: #343434
}

.events-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.events-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.events-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.events-main .wk-box .font-14 {
    color: #000
}

.events-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.events-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

.events-main .service-faq-sec .card {
    border-bottom: 1px solid #e8e8e8
}

.events-main .service-faq-sec .card-header {
    font-weight: 500;
    font-size: 18px;
    color: #343434
}

.events-main .service-faq-sec .card-header .btn-accordian {
    padding: 20px 10px;
    display: block;
    position: relative;
    color: #343434!important
}

.events-main .service-faq-sec #accordion {
    max-width: 925px;
    margin: auto
}

.events-main .service-faq-sec .card-header .btn-accordian:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;14&#x27;height=&#x27;8&#x27;viewBox=&#x27;0 0 14 8&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 1L7 7L13 1&#x27;stroke=&#x27;black&#x27;strokeWidth=&#x27;2&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.events-main .service-faq-sec .card-header .btn-accordian[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.events-main .service-faq-sec .card-body {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 20px
}

.events-main .service-faq-sec .card-body p {
    font-weight: 500;
    color: #343434
}

.events-main .service-faq-sec .card-body ul {
    color: #4b4b4b
}

.events-main .services-hero-sec {
    // background-image: url(/image/kafka-bg.jpg);
    background-color: rgba(5,3,3,.81);
    background-blend-mode: color;
    background-size: 120vw;
    background-repeat: no-repeat;
    background-position-x: center
}

@media (max-width: 1024px) {
    .events-main .kafka-tabs {
        padding:0 20px
    }

    .events-main .services-hero-sec {
        background-size: 120vh
    }
}

@media (max-width: 575px) {
    .events-main .font-45,.events-main .font-48 {
        font-size:28px
    }

    .events-main .font-36 {
        font-size: 20px
    }

    .events-main .benfits-sec .py-75,.events-main .bg-contact .py-100,.events-main .service-faq-sec .py-100,.events-main .solutions-sec .py-100,.events-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .events-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.events-main .ks-overview-box {
    background: linear-gradient(180deg,#232020 0,rgba(67,67,67,.93) 97.62%),#191918;
    box-shadow: 0 10px 40px rgba(0,0,0,.06);
    border-radius: 20px
}

.events-main .overview-image-box {
    border-radius: 10px;
    overflow: hidden
}

.events-main .overview-image-box .overview-image {
    width: 100%
}

.events-main .overview-image-box #ks-vid-play {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.events-main .ks-salesforce-services-box .services-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    margin: 0
}

.events-main .ks-salesforce-services-box .services-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -.025em;
    color: #4b4b4b;
    margin-top: 20px
}

.events-main .services-description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.events-main .services-description ul li {
    position: relative;
    padding-left: 20px
}

.events-main .services-description ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4b4b4b;
    content: "";
    top: 11px;
    left: 0;
    border-radius: 6px
}

.events-main .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.events-main .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.events-main .services-salesforce-hero-sec {
    background: #0e97d8
}

.events-main .services-salesforce-hero-sec .banner-subheading {
    animation-delay: .6s
}

.events-main .services-salesforce-hero-sec {
    animation-delay: .7s
}

.events-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(1) {
    animation-delay: .8s
}

.events-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(2) {
    animation-delay: .9s
}

.events-main .services-salesforce-hero-sec .salesforce-box .salesforce-item:nth-child(3) {
    animation-delay: 1s
}

.events-main .salesforce-tabs {
    justify-content: space-evenly
}

.events-main .ks-salesforce-services-bg {
    background: #fdfbfb
}

.events-main .why-box-view {
    border-radius: 20px;
    overflow: hidden
}

.events-main .microservices-bg {
    background: linear-gradient(180deg,#21252a 0,#3f3f40 100%)!important
}

.events-main .microservices-bg .services-salesforce-hero-bg {
    // background: url(/image/microservices-hero-bg.png)!important
}

.events-main .py-spacing {
    padding: 110px 0 75px
}

.events-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.events-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.events-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.events-main .case-study-image {
    padding: 24px
}

.events-main .case-study-img {
    padding: 15px;
    z-index: 2;
    position: relative;
    background: #FFF;
    box-shadow: 0 10px 40px rgba(94,97,175,.1);
    border-radius: 10px;
    width: 100%!important;
    min-width: 100%!important;
    height: 100%!important
}

.events-main .case-study-image-bg {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    opacity: .9;
    border-radius: 10px;
    z-index: 1
}

.events-main .case-study-img img {
    border-radius: 18px;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top left;
    aspect-ratio: 16/9
}

.events-main .ks-case-study-row {
    padding: 33px 0
}

.events-main .study-heading {
    color: #1B2143
}

.events-main .study-desc {
    letter-spacing: .02em;
    margin-bottom: 16px;
    color: #565758
}

.events-main .study-link {
    letter-spacing: .02em;
    color: #262626
}

.events-main .study-link:hover {
    color: #DE2B3A
}

.events-main .study-link:hover svg {
    margin-left: 15px!important;
    transition: 0.2s
}

.events-main .case-study-text {
    padding: 24px
}

.events-main .ks-case-study-left .case-study-image-bg {
    left: 0
}

.events-main .ks-case-study-right .case-study-image-bg {
    right: 0
}

.events-main .ks-connect-with-us .ks-connect-with-us-bg {
    border-radius: 20px;
    background-size: cover
}

.events-main .ks-connect-with-us .btn {
    background: #113c63;
    border-radius: 5px
}

.events-main .ks-case-study-container,.events-main .banner-caption .font-16 {
    letter-spacing: .02em
}

.events-main .case-study-banner-sec {
    background-image: url(/image/event-page-bg.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.75)
}

#performance-testing-form .wpcf7-submit {
    background-image: url(/image/arrow-right-white.png);
    background-position: 85% 54%;
    background-size: 11%;
    background-repeat: no-repeat;
    min-width: 155px
}

.privacy-main .case-study-banner-sec {
    background-image: url(/image/event-page-bg.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.75);
    font-size: 48px!important
}

.privacy-main .study-heading {
    font-weight: 700!important
}

.terms-main .case-study-banner-sec {
    background-image: url(/image/event-page-bg.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.75);
    font-size: 48px!important
}

.terms-main .study-heading {
    font-weight: 700!important
}

.terms-main .banner-caption h1 {
    font-size: 48px!important
}

.privacy-main .banner-caption h1 {
    font-size: 48px!important
}

.odoo-experience-main .banner-sec-case {
    background-image: url(/image/odoo-event-banner-scaled.webp);
    height: auto
}

.odoo-experience-main .color-white {
    color: #fff
}

.odoo-experience-main .highlight-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.odoo-experience-main .highlight-list li {
    width: calc(20% - 13px);
    border-radius: 10px;
    padding: 16px;
    font-size: 18px;
    color: #333;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative
}

.odoo-experience-main .highlight-list li span {
    font-size: 19px
}

.odoo-experience-main .highlight-list li img {
    object-fit: contain
}

.odoo-experience-main .highlight-list li:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: -10px;
    right: -10px;
    border-radius: 50%
}

.odoo-experience-main .ks-whychoose-card {
    padding: 13px 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.odoo-experience-main .ks-whychoose-card2 {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EEE0E0;
    border-radius: 8px;
    height: 100%
}

.odoo-experience-main .ks-business-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    background-color: #F8F0F6
}

.odoo-experience-main .banner-sec-case2 {
    background-image: url(/image/banner-3-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 638px
}

.odoo-experience-main .btn-form-design {
    background-color: #55384E!important;
    padding: 4px 12px 4px 12px!important;
    border-radius: 4px!important
}

.odoo-experience-main .object-fit-cover {
    object-fit: cover
}

.odoo-experience-main .color-34353A {
    color: #34353A
}

.odoo-experience-main .l-h-46 {
    line-height: 46.6px
}

.odoo-experience-main .border-box-1 {
    border: 1px solid #F1DAFF;
    border-radius: 8px;
    min-height: 370px
}

.odoo-experience-main .color-CFCFCF {
    color: #CFCFCF
}

.odoo-experience-main .calendar-icon {
    background-color: #FED7F4;
    width: 61px;
    height: 61px;
    border-radius: 8px
}

.odoo-experience-main .banner-event-box {
    background-color: #885D7D;
    border-radius: 8px;
    padding: 32px
}

.odoo-experience-main .color-56424C {
    color: #56424C
}

.odoo-experience-main .both-banner-tag {
    background-color: #FED7F4;
    border-radius: 8px;
    width: 320px;
    height: 80px
}

.odoo-experience-main .border-l-r {
    border-left: 1px solid #DDD0D0;
    border-right: 1px solid #DDD0D0
}

.odoo-experience-main .ks-counts-text {
    background-color: #6D4B64
}

.odoo-experience-main .counter-card {
    border: 1px solid #C3A2BA;
    border-radius: 8px;
    width: 190px;
    height: 137px
}

.odoo-experience-main .ks-counts-text .ks-number {
    color: #FFD8E8
}

.odoo-experience-main .ks-business-section2 {
    background-image: url(/image/case-studies-pic.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.odoo-experience-main .ks-client-card {
    background-image: url(/image/card-design1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 610px;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #EEE0E0
}

.odoo-experience-main .br-8 {
    border-radius: 8px
}

.odoo-experience-main .h-224 {
    height: 224px
}

.odoo-experience-main .w-255 {
    width: 255px
}

.odoo-experience-main .industry-img-card {
    border: 1px solid #FFEFEF;
    width: 88px;
    height: 88px;
    border-radius: 50%
}

.odoo-experience-main .odoo-event-form {
    padding: 31px 29px 33px;
    width: 473px
}

@media (max-width: 575px) {
    .odoo-experience-main .award-section-desktop.award-section-mobile .award-cards-outer .award-box:nth-child(3) {
        width:calc(50% - 4px)!important
    }

    .events-main .case-study-image {
        padding: 16px
    }

    .events-main .case-study-img {
        padding: 8px
    }
}

@media(max-width: 568px) {
    .odoo-experience-main .border-l-r {
        border:none
    }

    .odoo-experience-main .flex-custom-wrap {
        flex-wrap: wrap
    }

    .odoo-experience-main .counter-card {
        width: 150px
    }

    .odoo-experience-main .ks-counts-text .me-3.mb-3 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .odoo-experience-main .ks-whychoose-card2-design .space-nowrap {
        white-space: normal
    }

    .odoo-experience-main .w-255 {
        width: auto
    }
}

@media(max-width: 768px) {
    .events-main .study-link {
        margin-bottom:16px
    }

    .events-main .ks-case-study-row {
        padding: 20px 0 20px
    }

    .odoo-experience-main .banner-sec-case,.odoo-experience-main .border-box-1,.odoo-experience-main .banner-sec-case2 {
        height: auto
    }

    .odoo-experience-main .banner-event-box {
        padding: 16px
    }

    .odoo-experience-main .odoo-event-form {
        width: auto;
        padding: 16px
    }
}

@media screen and (min-width: 1200px) {
    .odoo-experience-main .ks-tabs-cards {
        max-width:1020px;
        margin-right: auto;
        margin-left: auto
    }
}

@media(max-width: 1050px) {
    .odoo-experience-main .both-banner-tag {
        width:auto
    }
}

@media(min-width: 1200px) {
    .odoo-experience-main .ks-whychoose-card {
        width:400px
    }
}

@media(min-width: 992px) {
    .odoo-experience-main .ks-java-banner-section {
        height:630px
    }

    .odoo-experience-main .service-faq-sec .card-body {
        padding-right: 0!important
    }

    .odoo-experience-main .ks-whychoose-card2-design {
        width: 236px!important;
        height: 215px
    }
}

@media (min-width: 768px) {
    .odoo-experience-main .flex-custom-wrap {
        flex-wrap:wrap!important
    }
}

@media (min-width: 1400px) {
    .odoo-experience-main .flex-custom-xl-nowrap {
        flex-wrap:nowrap!important
    }
}

.odoo-experience-main .ks-body .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area {
    border-radius: 8px;
    border: 1px solid #F1DAFF;
    background-color: #FFF;
    padding: 24px
}

.odoo-experience-main .ks-card-area {
    border-radius: 8px;
    border: 1px solid #F1DAFF;
    background-color: #FFF;
    padding: 24px
}

.odoo-experience-main .ks-card-img {
    margin-bottom: 10px
}

.odoo-experience-main .ks-card-label {
    color: #ED4051;
    border-radius: 2px;
    background-color: #FFF5F5;
    padding: 4px 8px;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12.815px;
    letter-spacing: .33px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.odoo-experience-main .ks-card-title {
    color: #1C1C1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.2px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
    margin-bottom: 12px
}

.odoo-experience-main .ks-card-link {
    color: #E32235;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none
}

.odoo-experience-main .client-card-slider-arrow-next {
    right: -55px;
    left: auto;
    text-align: right
}

.odoo-experience-main .client-card-slider-arrow {
    position: absolute;
    width: auto;
    top: 50%
}

.odoo-experience-main .client-card-slider-arrow-prev {
    left: -55px;
    right: auto
}

@media (max-width: 568px) {
    .odoo-experience-main .slider-row {
        flex-wrap:nowrap!important;
        overflow: hidden;
        padding: 0 55px
    }
}

.ai-and-bid-data-main .ks-in-box,.main-banner {
    background-position: top center
}

.ai-and-bid-data-main .ks-in-box,.ai-and-bid-data-main .ks-knit,.ai-and-bid-data-main .main-banner {
    background-size: cover;
    background-repeat: no-repeat
}

.ai-and-bid-data-main .df-leader-sec,.ai-and-bid-data-main .ks-in-box,.ai-and-bid-data-main .ks-knit,.ai-and-bid-data-main .main-banner {
    background-repeat: no-repeat
}

.ai-and-bid-data-main .df-leader-sec .ks__heading,.ai-and-bid-data-main .ks-our-strengths .ks-subhead-w {
    color: #34353a
}

.ai-and-bid-data-main .df-leader-sec .connect-btn:after,.ai-and-bid-data-main .df-leader-sec .ks-btn-red:after {
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 12px;
    transition: .3s ease-in-out
}

:root {
    --ks-banner-subhead: #EC838C;
    --ks-banner-head: #F8F6FD;
    --ks-heading: #E6606B;
    --ks-btn-bg: #113c63
}

@media(min-width: 769px) {
    .ai-and-bid-data-main .header-bg.header-sticky:not(.header-dark) {
        background:0 0!important
    }
}

.ai-and-bid-data-main .ks-head-red,.ai-and-bid-data-main .ks_sub__heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase
}

.ai-and-bid-data-main .ks-subhead-w {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center
}

.ai-and-bid-data-main .ks_sub__heading {
    text-align: left
}

.ai-and-bid-data-main .main-banner {
    background-color: #10154b;
    background-image: url(/image/ai-bigdata-expo-bg.webp);
    padding-bottom: 120px;
    padding-top: 50px
}

.ai-and-bid-data-main .main-banner h6 {
    line-height: 60px;
    color: var(--ks-banner-subhead)
}

.ai-and-bid-data-main .main-banner h4 {
    line-height: 76px;
    letter-spacing: -.02em;
    color: var(--ks-banner-head)
}

.ai-and-bid-data-main .main-banner p {
    line-height: 35px;
    margin-top: 29px;
    margin-bottom: 42px
}

.ai-and-bid-data-main .main-banner .btn {
    border-radius: 4px;
    line-height: 22px;
    padding: 16px 32px;
    background-color: var(--ks-btn-bg)
}

.ai-and-bid-data-main .ks-venue .ks-content {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px;
    margin-top: -75px;
    max-width: 950px;
    margin-inline:auto}

.ai-and-bid-data-main .ks-venue .vl {
    border-left: 2px solid #f4b8bd;
    height: 23px
}

.ai-and-bid-data-main .ks-data-expo .ks-data-content p,.ai-and-bid-data-main .ks-venue .ks-content-text {
    line-height: 28px
}

@media screen and (max-width: 768px) {
    .ai-and-bid-data-main .main-banner h4 {
        line-height:66px;
        font-size: 45px
    }

    .ai-and-bid-data-main .ks-img-2 {
        width: 58px
    }
}

.ai-and-bid-data-main .ks-our-strengths p {
    line-height: 32px
}

@media screen and (max-width: 575px) {
    .ai-and-bid-data-main .ks-subhead-w {
        line-height:28px;
        font-size: 28px
    }

    .ai-and-bid-data-main .ks-venue .ks-content-text {
        font-size: 14px!important;
        line-height: 24px
    }

    .ai-and-bid-data-main .ks-img-2 {
        width: 93px
    }

    .ai-and-bid-data-main .ks-our-strengths p {
        font-size: 14px!important;
        line-height: 22px
    }
}

.ai-and-bid-data-main .ks-in-box {
    background-image: url(/image/download-1.svg)
}

.ai-and-bid-data-main .ks-in-box .ks-img {
    border: 3px solid rgba(255,255,255,.25);
    box-shadow: 0 4px 24px #292258;
    border-radius: 10px
}

@media screen and (min-width: 991px) {
    .ai-and-bid-data-main .ks-in-box .img-2,.ai-and-bid-data-main .ks-in-box .img-4 {
        margin-top:60px
    }
}

.ai-and-bid-data-main .ks-in-box p {
    color: #f3f3f3;
    line-height: 32px
}

.ai-and-bid-data-main .ks-knit {
    background-image: url(/image/knit-bg.webp);
    background-position: center;
    background-position-y: 10px
}

.ai-and-bid-data-main .df-leader-sec,.ai-and-bid-data-main .df-leader-sec .connect-btn:after,.ai-and-bid-data-main .df-leader-sec .ks-btn-red:after {
    background-position: center;
    background-size: contain
}

.ai-and-bid-data-main .ks-knit p {
    line-height: 36px;
    color: #f3f3f3;
    margin-bottom: 52px
}

.ai-and-bid-data-main .ks-knit img {
    margin-bottom: 53px
}

.ai-and-bid-data-main .ks-knit a {
    background: var(--ks-btn-bg);
    border-radius: 4px;
    padding: 16px;
    line-height: 22px
}

.ai-and-bid-data-main .df-leader-sec .ks__heading,.ai-and-bid-data-main .ks-process-content-area h6 {
    line-height: 44px;
    letter-spacing: -.02em
}

.ai-and-bid-data-main .df-leader-sec {
    background-image: url(/image/download-1-1.svg)
}

.ai-and-bid-data-main .ks-primary-outline-btn {
    border: 1px solid var(--ks-primary);
    background: 0 0
}

.ai-and-bid-data-main .leader-pic {
    width: 225px;
    height: 305px;
    object-fit: cover;
    object-position: top;
    border-radius: 100px;
    box-shadow: 0 -80px 0 0 var(--ks-primary);
    background: var(--ks-primary);
    margin-top: 100px
}

.ai-and-bid-data-main .leader-quote {
    line-height: 26px
}

.ai-and-bid-data-main .df-sm-container {
    max-width: 1140px
}

.ai-and-bid-data-main .text-grey {
    color: #565758!important
}

.ai-and-bid-data-main .ks-process-icon-box {
    width: 100%;
    margin: 0
}

.ai-and-bid-data-main .ks-process-icon-box>div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 146px;
    background-image: none!important;
    left: -1px;
    top: -1px;
    border-radius: 16px;
    transition: 0.3s ease-in-out
}

.ai-and-bid-data-main .df-leader-sec .ks-position,.ai-and-bid-data-main .df-leader-sec .ks-text,.ai-and-bid-data-main .df-leader-sec .leader-quote {
    line-height: 21px;
    letter-spacing: -.02em;
    color: #4e4e50
}

.ai-and-bid-data-main .df-leader-sec .ks-btn-red {
    background-color: var(--ks-btn-bg);
    color: #fff!important;
    border: 1px solid var(--ks-btn-bg);
    height: 50px!important
}

.ai-and-bid-data-main .df-leader-sec .ks-btn-red:hover {
    color: #fff!important
}

.ai-and-bid-data-main .df-leader-sec .ks-btn-red:after {
    content: "";
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;16&#x27;height=&#x27;10&#x27;viewBox=&#x27;0 0 16 10&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M0.849976 5L14.85 5&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3Cpath d=&#x27;M10.85 1L14.85 5L10.85 9&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;);
    background-repeat: no-repeat
}

.ai-and-bid-data-main .df-leader-sec .connect-btn {
    border: 1px solid var(--ks-btn-bg);
    background-color: #fff!important;
    color: var(--ks-btn-bg);
    height: 50px!important
}

.ai-and-bid-data-main .df-leader-sec .connect-btn:after {
    content: "";
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;17&#x27;height=&#x27;10&#x27;viewBox=&#x27;0 0 17 10&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1.52893 5L15.5289 5&#x27;stroke=&#x27;%23CB202D&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3Cpath d=&#x27;M11.5289 1L15.5289 5L11.5289 9&#x27;stroke=&#x27;%23CB202D&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E &quot;);
    background-repeat: no-repeat
}

.ai-and-bid-data-main .ks-connect {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;1920&#x27;height=&#x27;406&#x27;viewBox=&#x27;0 0 1920 406&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cmask id=&#x27;mask0_3803_10223&#x27;style=&#x27;mask-type:alpha&#x27;maskUnits=&#x27;userSpaceOnUse&#x27;x=&#x27;0&#x27;y=&#x27;0&#x27;width=&#x27;1937&#x27;height=&#x27;407&#x27;%3E%3Crect y=&#x27;0.349121&#x27;width=&#x27;1937&#x27;height=&#x27;406&#x27;fill=&#x27;url);
    padding: 90px 0 72px;
    background-position: center -2px;
    background-repeat: no-repeat;
    background-size: 140% 110%
}

.ai-and-bid-data-main .text-light-color {
    color: #cacaca
}

.ai-and-bid-data-main .bg-light-primary {
    background-color: #fcedef
}

@media screen and (max-width: 991px) {
    .ai-and-bid-data-main .ks-venue .ks-content-text {
        justify-content:start
    }

    .ai-and-bid-data-main .ks-knit .btn-area,.ai-and-bid-data-main .ks-knit p {
        margin-bottom: 25px
    }

    .ai-and-bid-data-main .ks-subhead-w {
        line-height: 35px
    }

    .ai-and-bid-data-main .ks-connect {
        padding: 40px 0
    }
}

@media screen and (max-width: 575px) {
    .ai-and-bid-data-main .ks-connect {
        padding:30px 0
    }
}

.ai-and-bid-data-main .ks-bd-need {
    background: 0 0/cover #1f3349;
    background-position-x: 30%
}

.ai-and-bid-data-main .bd-need-card {
    max-width: 800px;
    background: rgba(34,35,53,.9);
    border-radius: 16px;
    padding: 64px 40px 64px 64px
}

@media screen and (min-width: 576px) {
    .ai-and-bid-data-main .ks-bd-need {
        background-image:url(/image/why-attend.webp)
    }
}

@media screen and (max-width: 576px) {
    .ai-and-bid-data-main .bd-need-card {
        padding:24px
    }
}

.ai-and-bid-data-main .ks-why-connect {
    background-image: url(/image/why-secconnect-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.ai-and-bid-data-main .ks-connect-box {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    opacity: .95;
    border-radius: 16px;
    padding: 70px
}

@media screen and (max-width: 991px) {
    .ai-and-bid-data-main .ks-connect-box {
        padding:45px
    }
}

.ai-and-bid-data-main .ks-process-content-area p {
    line-height: 32px;
    color: #f3f3f3
}

.ai-and-bid-data-main .ks-process-box {
    background-color: #21223a;
    border-radius: 16px;
    width: 201px;
    height: 144px;
    border-image: round;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative
}

.ai-and-bid-data-main .youtube-video-outer {
    border-radius: 13px;
    max-width: 860px
}

.ai-and-bid-data-main .youtube-video-outer iframe {
    aspect-ratio: 16/9
}

.ai-and-bid-data-main body .ai-ml-services {
    background-image: url(/image/ai-services-bg-1.webp)
}

@media screen and (max-width: 1400px) {
    .ai-and-bid-data-main .ks-process-box {
        width:154px
    }
}

@media screen and (max-width: 420px) {
    .ai-and-bid-data-main .ks-process-box {
        width:140px
    }
}

@media screen and (max-width: 768px) {
    .ai-and-bid-data-main .main-banner h6 {
        line-height:30px
    }

    .ai-and-bid-data-main .ks-process-icon-box {
        width: 100%;
        margin: auto!important
    }

    .ai-and-bid-data-main .ks-knit img,.ai-and-bid-data-main .ks-process-icon-name {
        margin-bottom: 20px
    }

    .ai-and-bid-data-main .ks-connect-box {
        padding: 20px
    }

    .ai-and-bid-data-main .font-28,.ai-and-bid-data-main .ks-subhead-w {
        font-size: 20px
    }
}

.ai-and-bid-data-main .df-leader-sec .ks-name {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #34353a
}

@media screen and (max-width: 500px) {
    .ai-and-bid-data-main .df-leader-sec .ks-name {
        line-height:24px
    }
}

.ai-and-bid-data-main .df-leader-sec .ks-para {
    line-height: 24px;
    color: #3f3f41
}

.ai-and-bid-data-main .youtube-video-outer iframe {
    width: 100%
}

.ai-and-bid-data-main .df-leader-sec .ks-p-text {
    line-height: 44px!important;
    letter-spacing: -0.02em!important;
    color: #34353A!important
}

@media screen and (max-width: 400px) {
    .ai-and-bid-data-main .df-leader-sec .ks-p-text {
        line-height:20px!important
    }
}

.ai-and-bid-data-main .df-leader-sec .ks-p-text-desc {
    line-height: 28px!important;
    color: #34353A!important;
    margin-bottom: 34px!important
}

@media screen and (max-width: 575px) {
    .ai-and-bid-data-main .df-leader-sec .ks-p-text-desc {
        margin-bottom:12px!important
    }
}

.ai-and-bid-data-main .main-banner .ks-blue-box {
    background: linear-gradient(183.21deg,rgba(0,39,98,.9) .06%,rgba(1,40,99,.378) 100.21%);
    border-radius: 16px;
    padding: 20px;
    width: 100%
}

.ai-and-bid-data-main .main-banner .ks-blue-box h6 {
    line-height: 60px;
    color: #EC838C
}

.ai-and-bid-data-main .main-banner .ks-blue-box h5 {
    line-height: 40px;
    letter-spacing: -.02em
}

.ai-and-bid-data-main .main-banner .ks-blue-box .ks-text-line {
    line-height: 28px
}

.ai-and-bid-data-main .main-banner .ks-blue-box .ks-text-line .ks-color {
    margin-right: 4px
}

.ai-and-bid-data-main .main-banner .ks-blue-box .ks-banner-img {
    background-color: #143E7E;
    border-radius: 100%;
    min-width: 48px;
    min-height: 48px
}

.ai-and-bid-data-main .ks-data-expo {
    background: linear-gradient(110.38deg,#221920 4.04%,#1C202C 39.67%,#15202F 98.01%)
}

.ai-and-bid-data-main .ks-venue .ks-content {
    max-width: 1054px!important
}

.ai-and-bid-data-main .ks-venue .ks-text-content h6 {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #28292E
}

.ai-and-bid-data-main .ks-venue .ks-address-venue .ks-date {
    line-height: 28px;
    color: #4E4E50
}

.ai-and-bid-data-main .ks-venue .btn-area .btn {
    background-color: #113c63;
    border-radius: 4px;
    width: 128px;
    height: 54px
}

.ai-and-bid-data-main .ks-venue .icon-space {
    min-width: 43px
}

@media screen and (max-width: 991px) {
    .ai-and-bid-data-main .main-banner .ks-blue-box h6 {
        font-size:20px!important;
        line-height: 30px!important
    }

    .ai-and-bid-data-main .main-banner .ks-blue-box h5 {
        font-size: 25px!important;
        line-height: 30px!important
    }

    .ai-and-bid-data-main .ks-venue .ks-text-content h6 {
        line-height: 26px!important
    }

    .ai-and-bid-data-main .ks-venue .icon-space {
        min-width: 43px
    }
}

@media screen and (min-width: 991px) {
    .ai-and-bid-data-main .main-banner .ks-blue-box {
        width:990px!important
    }
}

.ai-and-bid-data-main .floating-form {
    position: fixed;
    z-index: 10000000000;
    top: 40%;
    right: 0;
    display: none
}

.ai-and-bid-data-main #hiddenRecaptcha-error::before,.ai-and-bid-data-main .floating-form .dropdown-toggle::after {
    display: none
}

.ai-and-bid-data-main .floating-form .dropdown-toggle {
    border-radius: 5px 0 0 5px
}

.ai-and-bid-data-main .floating-form .dropdown-menu {
    background: linear-gradient(110.38deg,#fcfdff -4.03%,#faf9fe 98.01%);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    min-width: 375px;
    right: 0!important;
    top: -200px!important;
    left: auto!important;
    margin: 0;
    border-radius: 10px 0 0 10px
}

.ai-and-bid-data-main .ks-contact-sec label.error::before {
    content: "";
    display: inline-block;
    min-width: 20px;
    height: 20px;
    margin-right: 4px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 12px;
    right: 12px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;20&#x27;height=&#x27;20&#x27;viewBox=&#x27;0 0 20 20&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM9 13H11V15H9V13ZM9 5H11V11H9V5Z&#x27;fill=&#x27;%23CB202D&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.ai-and-bid-data-main .floating-form input::placeholder,.ai-and-bid-data-main .ks-input-textarea-small::placeholder {
    color: #4b4b4b;
    font-weight: 400!important;
    font-size: 14px;
    font-style: normal
}

.ai-and-bid-data-main .floating-form form&gt;.ai-and-bid-data-main div {
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.ai-and-bid-data-main #hiddenRecaptcha-error {
    margin-top: -30px;
    margin-bottom: 40px
}

.ai-and-bid-data-main .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.ai-and-bid-data-main .ks-input {
    border-radius: 0;
    border: 1px solid #222;
    height: 45px
}

.ai-and-bid-data-main .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    font-size: 14px
}

.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec label.d-block {
    transform: translateY(-33px)
}

.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec #email-error+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec #email-error[style*=&quot;display:none&quot;]+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec #message-error+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec .ks-input:focus+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    transform: translateY(-65px)
}

.ai-and-bid-data-main .ks-bottom-form .ks-input-textarea-small {
    height: 85px
}

.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-80px)
}

.ai-and-bid-data-main .ks-bottom-form .btn-primary:not(:hover) {
    background-color: var(--ks-primary)!important;
    border-color: var(--ks-primary)!important
}

.ai-and-bid-data-main .ks-development-company-box {
    min-height: 200px
}

.ai-and-bid-data-main .ks-contact-sec #email-error+label.d-block,.ai-and-bid-data-main .ks-contact-sec #message-error+label.d-block,.ai-and-bid-data-main .ks-contact-sec .ks-input:focus+label.d-block,.ai-and-bid-data-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff
}

.ai-and-bid-data-main #contactForm4 .ks-input::placeholder {
    color: transparent
}

.ai-and-bid-data-main .ks-captcha-outer .g-recaptcha {
    transform: scale(.7) translateX(0) translateY(-30px);
    transform-origin: left;
    flex-wrap: wrap
}

.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec #message-error[style*=&quot;display:none&quot;]+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.ai-and-bid-data-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-105px)
}

.ai-and-bid-data-main .ks-contact-sec label.error {
    display: block;
    font-size: 14px;
    margin-top: 4px
}

.ai-and-bid-data-main .ks-input-textarea-small.error,.ai-and-bid-data-main .ks-input.error {
    color: #000;
    padding-right: 40px!important;
    border-color: red;
    outline: red solid 1px
}

.ai-and-bid-data-main .ks-input.error+.error+label {
    transform: translateY(-95px)!important
}

.ai-and-bid-data-main .ks-input-textarea-small.error+.error+label {
    transform: translateY(-135px)!important
}

@media (max-width: 575px) {
    .ai-and-bid-data-main .floating-form .dropdown-menu {
        min-width:auto;
        width: 100vw;
        max-width: 375px
    }

    .ai-and-bid-data-main .testimonials-section .carousel-inner {
        padding: 0 20px
    }

    .ai-and-bid-data-main .ks-knit img,.ai-and-bid-data-main .h-sm-auto,.ai-and-bid-data-main .ks-in-box .ks-img {
        height: auto
    }
}

.ai-and-bid-data-main .floating-form .dropdown-menu {
    transition: .3s ease-in-out;
    transform: translateX(100%)!important;
    display: block!important
}

.ai-and-bid-data-main .floating-form .dropdown-menu.show {
    transform: translateX(0)!important
}

.ai-and-bid-data-main .ks-contact-sec #email-error+label.d-block,.ai-and-bid-data-main .ks-contact-sec #message-error+label.d-block,.ai-and-bid-data-main .ks-contact-sec .ks-input:focus+label.d-block,.ai-and-bid-data-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block,.ai-and-bid-data-main .ks-contact-sec label:not(.error) {
    display: none!important
}

.floating-form .btn-primary:hover {
    color: var(--ks-primary)!important;
    border-color: var(--ks-primary)!important
}

.ai-and-bid-data-main .ai-ml-services {
    background-image: url(/image/ai-services-bg.webp);
    background-position: center;
    background-position-y: -2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #121922
}

.ai-and-bid-data-main .ai-ml-services .ks_sub__heading-light {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ec838c
}

.ai-and-bid-data-main .ai-ml-services .ks__heading1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #f3f3f3
}

.ai-and-bid-data-main .ai-ml-services .ks-sub-para {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #f3f3f3
}

.ai-and-bid-data-main .ai-ml-services .content-box {
    border-radius: 8px;
    min-height: 100%;
    background: linear-gradient(78.91deg,rgba(29,40,54,.8) 21.35%,rgba(32,41,61,.8) 105.88%);
    opacity: .9;
    backdrop-filter: blur(80px);
    cursor: default
}

.ai-and-bid-data-main .ai-ml-services .ai-content-para {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #f3f3f3
}

.ai-and-bid-data-main .ai-ml-services .col-sm-6 {
    position: relative
}

.ai-and-bid-data-main .ai-ml-services .col-sm-6::before {
    content: &#x27;
    &#x27;;position: absolute;
    width: calc(100% - 17px);
    height: calc(100% - 2px);
    background: linear-gradient(180deg,rgba(48,193,255,.1) 0,rgba(48,193,255,0) 100%);
    border-radius: 8px;
    left: 14px;
    top: -1px
}

.ai-and-bid-data-main .ai-ml-services .col-sm-6:not(.pe-sm-1)::before {
    width: calc(100% - 28px)
}

.ai-and-bid-data-main .ai-ml-services .content-box:hover .ai-content-para {
    transform: translateX(10px)
}

.ai-and-bid-data-main .ai-ml-services .content-box:hover svg {
    transform: scale(1.2)
}

.ai-and-bid-data-main .ai-ml-services .ai-content-para,.ai-and-bid-data-main .ai-ml-services .content-box svg {
    transition: .3s ease-in-out
}

.proud-winners-new-wraper .bg-img {
    background-image: url(/wp-content/uploads/2025/09/proud-winners-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px
}

.proud-winners-new-wraper .proud-winner-data p {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.proud-winners-new-wraper .proud-winner-data h2 {
    margin: 16px 0;
    font-weight: 600;
    font-size: 48px;
    line-height: 49px;
    color: #FFA7D3
}

.dreamforce-main .ks__heading,.dreamforce-main .ks_sub__heading {
    font-style: normal;
    font-weight: 600;
    font-family: Inter,sans-serif
}

.dreamforce-main .ks__heading,.dreamforce-main .ks_sub__heading,body {
    font-family: Inter,sans-serif
}

:root {
    --ks-primary: #113c63;
    --ks-heading: #28292E;
    --ks-base-font-size: 14px
}

.dreamforce-main .font-14 {
    font-size: var(--ks-base-font-size)
}

.dreamforce-main .ks_sub__heading {
    color: var(--ks-primary);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 16px;
    margin-bottom: 16px!important
}

.dreamforce-main .ks__heading {
    color: var(--ks-heading);
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.02em
}

@media(max-width: 767px) {
    .dreamforce-main .ks__heading {
        font-size:26px
    }

    .dreamforce-main .ks_sub__heading {
        font-size: 14px
    }

    .dreamforce-main .ks-sub-header {
        line-height: 22px!important
    }
}

.dreamforce-main .floating-form {
    position: fixed;
    z-index: 10000000000;
    top: 40%;
    right: 0
}

.dreamforce-main #hiddenRecaptcha-error::before,.dreamforce-main .floating-form .dropdown-toggle::after {
    display: none
}

.dreamforce-main .floating-form .dropdown-toggle {
    border-radius: 5px 0 0 5px
}

.dreamforce-main .floating-form .dropdown-menu {
    background: linear-gradient(110.38deg,#fcfdff -4.03%,#faf9fe 98.01%);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    min-width: 375px;
    right: 0!important;
    top: -200px!important;
    left: auto!important;
    margin: 0;
    border-radius: 10px 0 0 10px
}

.dreamforce-main .ks-contact-sec label.error::before {
    content: "";
    display: inline-block;
    min-width: 20px;
    height: 20px;
    margin-right: 4px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 12px;
    right: 12px;
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;20&#x27;height=&#x27;20&#x27;viewBox=&#x27;0 0 20 20&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM9 13H11V15H9V13ZM9 5H11V11H9V5Z&#x27;fill=&#x27;%23CB202D&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.dreamforce-main .floating-form input::placeholder,.dreamforce-main .ks-input-textarea-small::placeholder {
    color: #4b4b4b;
    font-weight: 400!important;
    font-size: 14px;
    font-style: normal
}

.dreamforce-main .floating-form form&gt;.dreamforce-main div {
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.dreamforce-main #hiddenRecaptcha-error {
    margin-top: -30px;
    margin-bottom: 40px
}

.dreamforce-main .ks-contact-sec .ks-input {
    border-color: #d9d9d9;
    border-radius: 5px
}

.dreamforce-main .ks-contact-sec label.d-block {
    color: #4b4b4b;
    position: relative;
    transform: translateY(-32px);
    left: 16px;
    pointer-events: none;
    transition: .3s ease-in-out;
    font-weight: 400!important;
    margin-bottom: 0;
    font-size: 14px
}

.dreamforce-main .ks-bottom-form .ks-contact-sec label.d-block {
    transform: translateY(-33px)
}

.dreamforce-main .ks-bottom-form .ks-contact-sec #email-error+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec #email-error[style*=&quot;display:none&quot;]+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec #message-error+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec .ks-input:focus+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    transform: translateY(-65px)
}

.dreamforce-main .ks-bottom-form .ks-input-textarea-small {
    height: 85px
}

.dreamforce-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small+label.d-block {
    transform: translateY(-80px)
}

.dreamforce-main .ks-bottom-form .btn-primary:not(:hover) {
    background-color: var(--ks-primary)!important;
    border-color: var(--ks-primary)!important
}

.dreamforce-main .ks-contact-sec #email-error+label.d-block,.dreamforce-main .ks-contact-sec #message-error+label.d-block,.dreamforce-main .ks-contact-sec .ks-input:focus+label.d-block,.dreamforce-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block {
    padding: 0 8px;
    transform: translateY(-55px);
    left: 8px;
    background: #fff
}

.dreamforce-main #contactForm4 .ks-input::placeholder {
    color: transparent
}

.dreamforce-main .ks-captcha-outer .g-recaptcha {
    transform: scale(.7) translateX(0) translateY(-30px);
    transform-origin: left;
    flex-wrap: wrap
}

.dreamforce-main .ks-bottom-form .ks-contact-sec #message-error[style*=&quot;display:none&quot;]+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small:focus+label.d-block,.dreamforce-main .ks-bottom-form .ks-contact-sec .ks-input-textarea-small:not(:placeholder-shown)+label.d-block {
    transform: translateY(-105px)
}

.dreamforce-main .ks-contact-sec label.error {
    display: block;
    font-size: 14px;
    margin-top: 4px
}

.dreamforce-main .ks-input-textarea-small.error,.dreamforce-main .ks-input.error {
    color: #000;
    padding-right: 40px!important;
    border-color: red;
    outline: red solid 1px
}

.dreamforce-main .ks-input.error+.error+label {
    transform: translateY(-95px)!important
}

.dreamforce-main .ks-input-textarea-small.error+.error+label {
    transform: translateY(-135px)!important
}

@media (max-width: 575px) {
    .dreamforce-main .floating-form .dropdown-menu {
        min-width:auto;
        width: 100vw;
        max-width: 375px
    }

    .dreamforce-main .testimonials-section .carousel-inner {
        padding: 0 20px
    }
}

.dreamforce-main .floating-form .dropdown-menu {
    transition: .3s ease-in-out;
    transform: translateX(100%)!important;
    display: block!important
}

.dreamforce-main .floating-form .dropdown-menu.show {
    transform: translateX(0)!important
}

.dreamforce-main .ks-contact-sec #email-error+label.d-block,.dreamforce-main .ks-contact-sec #message-error+label.d-block,.dreamforce-main .ks-contact-sec .ks-input:focus+label.d-block,.dreamforce-main .ks-contact-sec .ks-input:not(:placeholder-shown)+label.d-block,.dreamforce-main .ks-contact-sec label:not(.error) {
    display: none!important
}

.dreamforce-main .floating-form .btn-primary:hover {
    color: var(--ks-primary)!important;
    border-color: var(--ks-primary)!important
}

.dreamforce-main .font-56 {
    font-size: 56px;
    line-height: 1.2!important
}

.dreamforce-main .header-bg.header-sticky:not(.header-dark) {
    background: 0 0!important
}

.dreamforce-main .df-hero-sec {
    background-image: url(/image/event-hero-bg.webp);
    background-color: #1d1211;
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
    padding-top: 100px
}

.dreamforce-main .df-hero-sec .ks__heading {
    font-size: 64px;
    line-height: 76px
}

.dreamforce-main .df-countdown-outer {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    border-radius: 24px;
    z-index: 1
}

.dreamforce-main .df-countdown-inner {
    background: linear-gradient(180deg,#254553 0,rgba(26,36,51,0) 100%);
    border-radius: 16px;
    padding: 30px 50px
}

.dreamforce-main .ks-btn-arrow:after {
    content: "";
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;16&#x27;height=&#x27;10&#x27;viewBox=&#x27;0 0 16 10&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 5L15 5&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3Cpath d=&#x27;M11 1L15 5L11 9&#x27;stroke=&#x27;white&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 12px;
    transition: .3s ease-in-out
}

.dreamforce-main .ks-btn-arrow-red:after {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;16&#x27;height=&#x27;10&#x27;viewBox=&#x27;0 0 16 10&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cpath d=&#x27;M1 5L15 5&#x27;stroke=&#x27;%23DE2B3A&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3Cpath d=&#x27;M11 1L15 5L11 9&#x27;stroke=&#x27;%23DE2B3A&#x27;strokeWidth=&#x27;1.5&#x27;strokeLinecap=&#x27;round&#x27;strokeLinejoin=&#x27;round&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.dreamforce-main .meeting-btn {
    min-width: 252px;
    padding: 10px 0
}

.dreamforce-main .case-study-card a.text-grey:hover:after,.dreamforce-main .meeting-btn:hover:after {
    transform: translateX(5px)
}

.dreamforce-main .df-leader-sec {
    padding-top: 30px;
    background-image: url(/image/curve-line-help.webp);
    background-position: center;
    background-repeat: no-repeat
}

.dreamforce-main .df-leader-sec .ks_sub__heading {
    line-height: 44px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #ec838c;
    margin-bottom: 2px!important
}

.dreamforce-main .df-leader-sec .ks__heading {
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #34353a!important
}

.dreamforce-main .ks-primary-outline-btn {
    border: 1px solid var(--ks-primary);
    background: 0 0
}

.dreamforce-main .leader-pic {
    width: 225px;
    height: 305px;
    object-fit: cover;
    object-position: top;
    border-radius: 140px;
    box-shadow: 0 -80px 0 0 var(--ks-primary);
    background: var(--ks-primary);
    margin-top: 100px
}

.dreamforce-main .join-us-sec,.dreamforce-main .sf-partner-box {
    background-position: top center
}

.dreamforce-main .df-meet-sec,.dreamforce-main .join-us-sec,.dreamforce-main .sf-partner-box {
    background-size: cover
}

.dreamforce-main .leader-quote {
    line-height: 26px
}

.dreamforce-main .join-us-sec {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;1920&#x27;height=&#x27;657&#x27;viewBox=&#x27;0 0 1920 657&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Crect width=&#x27;1929&#x27;height=&#x27;657&#x27;fill=&#x27;url(%23paint0_linear_2775_7518)&#x27;
    /%3E%3Cpath d=&#x27;)}

.dreamforce-main .df-about-sec,.dreamforce-main .df-meet-sec {
    background-position: center
}

@media screen and (min-width: 1200px) {
    .dreamforce-main .ks-20-center {
        max-width:20%;
        flex: 0 0 25%;
        margin-bottom: 42px!important
    }
}

.dreamforce-main .ks-20-center img {
    filter: contrast(.1);
    transition: .2s ease-in-out
}

.dreamforce-main .ks-20-center img:hover {
    filter: none
}

@media screen and (max-width: 575px) {
    .dreamforce-main .clients-section .ks-b-r {
        border-right:1px solid #c0b9b9
    }

    .dreamforce-main .clients-section .ks-b-l {
        border-left: 1px solid #c0b9b9
    }
}

.dreamforce-main .clients-section .ks__heading {
    max-width: 1050px;
    line-height: 43px
}

.dreamforce-main .df-about-sec,.dreamforce-main .modal-bg {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;1918&#x27;height=&#x27;1015&#x27;viewBox=&#x27;0 0 1918 1015&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Crect width=&#x27;1920&#x27;height=&#x27;1015&#x27;fill=&#x27;%23F3F3F3&#x27;/%3E%3Cpath d=&#x27;M1155.59 513.5C1155.59 602.818 1064.11 675.41 951 675.41C837.892 675.41 746.408 602.818 746.408 513.5C746.408 424.181 837.892 351.589 951 351.589C1064.11 351.589 1155.59 424.181 1155.59 513.5Z&#x27;stroke=&#x27;%23D2EFFC&#x27;stroke-opacity=&#x27;0.8&#x27;/%3E%3Cpath d=&#x27;M1259.7 513.5C1259.7 648.351 1121.61 757.855 951 757.855C780.393 757.855 642.297 648.351 642.297 513.5C642.297 378.648 780.393 269.144 951 269.144C1121.61 269.144 1259.7 378.648 1259.7 513.5Z&#x27;stroke=&#x27;%23D2EFFC&#x27;stroke-opacity=&#x27;0.8&#x27;/%3E%3Cpath d=&#x27;M1402.17 513.5C1402.17 710.66 1200.29 870.675 951 870.675C701.71 870.675 499.829 710.66 499.829 513.5C499.829 316.34 701.71 156.325 951 156.325C1200.29 156.325 1402.17 316.34 1402.17 513.5Z&#x27;stroke=&#x27;%23D2EFFC&#x27;stroke-opacity=&#x27;0.8&#x27;/%3E%3Cpath d=&#x27;M1505.5 513.5C1505.5 755.851 1257.36 952.5 951 952.5C644.643 952.5 396.5 755.851 396.5 513.5C396.5 271.149 644.643 74.5 951 74.5C1257.36 74.5 1505.5 271.149 1505.5 513.5Z&#x27;stroke=&#x27;%23D2EFFC&#x27;stroke-opacity=&#x27;0.8&#x27;/%3E%3C/svg%3E%0A&quot;)
}

.dreamforce-main .about-txt {
    color: #626264;
    line-height: 28px;
    max-width: 1000px
}

.dreamforce-main .df-countdown-outer,.dreamforce-main .df-sm-container,.dreamforce-main .yt-link-outer {
    max-width: 1140px
}

.dreamforce-main .dreamforce-sm-container {
    max-width: 840px
}

.dreamforce-main .yt-link-outer iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 16px
}

.dreamforce-main .df-meet-sec {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;1920&#x27;height=&#x27;373&#x27;viewBox=&#x27;0 0 1920 373&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Crect y=&#x27;1&#x27;width=&#x27;1937&#x27;height=&#x27;371&#x27;fill=&#x27;url(%23paint0_linear_3011_7656)&#x27;
    /%3E%3Cpath d=&#x27;)}

.dreamforce-main .df-meet-sec .ks__heading {
    line-height: 44px
}

.dreamforce-main .case-study-card,.dreamforce-main .case-study-card img,.dreamforce-main .df-catch-up-outer {
    border-radius: 16px
}

@media (max-width: 575px) {
    .dreamforce-main .df-hero-sec .ks__heading {
        font-size:48px;
        line-height: 1.2
    }

    .dreamforce-main .df-hero-sec {
        padding-top: 0
    }

    .dreamforce-main .df-countdown-inner {
        padding: 16px 24px
    }

    .dreamforce-main .font-56 {
        font-size: 42px!important
    }
}

.dreamforce-main .text-grey {
    color: #565758!important
}

.dreamforce-main .case-study-card img {
    aspect-ratio: 16/9
}

.dreamforce-main .join-us-form input::placeholder,.dreamforce-main .join-us-form textarea::placeholder {
    font-size: 14px;
    color: #3f3f41!important;
    font-style: normal
}

@media (max-height: 876px) and (min-width:768px) {
    .dreamforce-main .df-countdown-inner {
        padding-bottom:0
    }

    .dreamforce-main .df-countdown-outer {
        padding: 30px!important;
        margin-top: 24px!important
    }

    .dreamforce-main .df-hero-sec {
        padding-top: 80px
    }

    .dreamforce-main .df-hero-sec .ks__heading {
        font-size: 52px;
        margin: 0!important;
        margin-top: -16px!important
    }
}

@media (max-width: 575px) {
    .dreamforce-main .set-line-height {
        line-height:1.2
    }
}

@media(max-width: 767px) {
    .dreamforce-main .font-32 {
        font-size:22px!important
    }

    .dreamforce-main .font-36 {
        font-size: 30px
    }

    .dreamforce-main .df-countdown-time .font-12 {
        font-size: 10px!important
    }

    .dreamforce-main .df-meet-sec .ks__heading {
        line-height: 32px
    }
}

.dreamforce-main .df-dicover-section {
    background-image: url(/image/cover-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover
}

.dreamforce-main .df-dicover-section .ks-sub-red {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #113c63
}

.dreamforce-main .df-dicover-section .text-content {
    line-height: 28px;
    text-transform: uppercase;
    color: #fff
}

.dreamforce-main .df-dicover-section img {
    border-radius: 9px 9px 0 0;
    object-fit: cover
}

.dreamforce-main .df-dicover-section .dis3 {
    transform: scale(1.007)
}

.dreamforce-main .df-dicover-section .dis1 {
    transform: scale(1.006)
}

.dreamforce-main .df-dicover-section .ks-card-content {
    transition: all ease-in-out .3s;
    border-radius: 9px
}

.dreamforce-main .df-dicover-section .ks-card-content:hover {
    background-color: #fff
}

.dreamforce-main .df-dicover-section .ks-card-content:hover .text-content {
    color: #4b4a4a
}

.dreamforce-main .df-perks {
    background-color: #f3f3f3
}

.dreamforce-main .df-perks .ks-bg-img {
    background-image: url(/image/perk-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover
}

.dreamforce-main .df-perks .ks-head {
    line-height: 60px;
    letter-spacing: -.02em;
    color: #0b0b0b
}

.dreamforce-main .df-perks .ks-head .ks-text-voilet {
    color: #7563ea
}

@media screen and (max-width: 575px) {
    .dreamforce-main .df-perks .ks-sub-head {
        line-height:30px!important
    }

    .dreamforce-main .ks-sub-text-white {
        font-size: 24px!important
    }

    .dreamforce-main .df-perks .font-48 {
        font-size: 30px;
        line-height: 40px
    }

    .dreamforce-main .df-perks .font-30 {
        font-size: 24px;
        line-height: 30px!important
    }

    .dreamforce-main .df-perks .font-20 {
        font-size: 15px!important;
        line-height: 24px!important
    }
}

.dreamforce-main .df-perks .ks-sub-head {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #000
}

.dreamforce-main .df-perks .img-bg {
    background-color: #f3f9ff
}

.dreamforce-main .df-perks .ks-perk-text-content .ks-content {
    padding: 18px 10px;
    border-radius: 8px
}

.dreamforce-main .df-perks .ks-perk-text-content .ks-content .text-area {
    margin-left: 35px
}

.dreamforce-main .df-perks .ks-perk-text-content .ks-content .text-area p {
    line-height: 38px;
    text-transform: capitalize;
    color: #060606
}

.dreamforce-main .dreamforce-main .ks-perk-imgs {
    padding: 45px 45px 0 45px
}

.dreamforce-main .ks-perk-imgs img {
    z-index: 2;
    height: auto;
    border-radius: 10px
}

.dreamforce-main .ks-back-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 85%;
    background-color: #e0dcff;
    border-radius: 21px;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .dreamforce-main .df-perks .ks-perk-text-content .ks-content .text-area {
        margin-left:20px
    }

    .dreamforce-main .ks-perk-imgs {
        padding: 25px 25px 0 25px
    }

    .dreamforce-main .cust-order-sm-1 {
        order: 1
    }

    .dreamforce-main .cust-order-sm-2 {
        order: 2
    }
}

.dreamforce-main .services-salesforce-hero {
    background: linear-gradient(0deg,rgba(22,44,56,.8),rgba(22,44,56,.8));
    background-image: url(/image/new-df-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom
}

.dreamforce-main .banner-black-box {
    background: linear-gradient(180deg,#11242f -8.43%,rgba(17,36,47,0) 208.67%);
    border-radius: 16px;
    padding: 30px 30px 10px 30px;
    width: 100%!important
}

.dreamforce-main .ks-unique {
    background-color: #14202c;
    padding: 70px 0
}

.dreamforce-main .ks-text-red {
    line-height: 28px;
    color: #e6606b;
    letter-spacing: .08em;
    text-transform: uppercase
}

.dreamforce-main .ks-unique .head-text {
    line-height: 36px
}

.dreamforce-main .ks-unique .subhead-text {
    color: #f3f3f3;
    line-height: 32px
}

.dreamforce-main .ks-salesforce-list .ks-number {
    line-height: 36px
}

.dreamforce-main .ks-salesforce-list .ks-detail-text {
    line-height: 30px
}

@media screen and (min-width: 991px) {
    .dreamforce-main .banner-black-box {
        width:910px!important
    }
}

@media screen and (min-width: 991px) {
    .dreamforce-main .unique-black-box .col-lg-2 {
        flex:0 0 20%;
        max-width: 20%
    }
}

@media screen and (min-width: 1200px) {
    .dreamforce-main .ks-space {
        width:95px
    }
}

@media screen and (min-width: 991px) {
    .dreamforce-main .ks-space {
        width:80px
    }
}

.dreamforce-main .ks-partner-panel .ks-partner-icon {
    text-align: center
}

.dreamforce-main .ks-partner-icon img {
    height: auto
}

.dreamforce-main .ks-meet-box {
    background-color: #14202c;
    padding: 25px 0
}

.dreamforce-main .ks-meet-box .ks-btn-arrow.ks-btn-lg {
    background-color: #113c63
}

.dreamforce-main .ks-partner {
    background-color: #dceef7;
    padding: 45px 0 66px 0
}

.dreamforce-main .ks-partner .ks-text {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #28292e
}

.dreamforce-main .ks-certifi {
    background-color: #fff;
    padding: 55px 0
}

.dreamforce-main .ks-certifi .text-head {
    line-height: 44px;
    letter-spacing: -.02em;
    color: #28292e
}

.dreamforce-main .ks-certifi .ks-numbers-digits {
    line-height: 36px;
    letter-spacing: -.01em;
    color: #00a1e1
}

.dreamforce-main .ks-certifi .text-details {
    line-height: 146%;
    color: #565758
}

.dreamforce-main .slds-tile {
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    font-weight: 500
}

.dreamforce-main .ks-locate {
    background: linear-gradient(110.38deg,#221920 4.04%,#1c202c 39.67%,#15202f 98.01%);
    padding-top: 91px;
    padding-bottom: 60px
}

.dreamforce-main .ks-bg-color {
    background-image: url(/image/curve-line-help.webp);
    background-position: center;
    background-repeat: no-repeat
}

.dreamforce-main .ks-locate .ks-contact-btn {
    min-width: 174px!important
}

@media screen and (max-width: 768px) {
    .dreamforce-main .banner-black-box {
        padding:30px
    }

    .dreamforce-main .ks-partner {
        padding: 30px 0 20px 0
    }

    .dreamforce-main .ks-certifi {
        padding: 30px 0
    }

    .dreamforce-main .ks-certifi .text-head {
        .dreamforce-main .dreamforce-main line-height: 28px
    }

    .dreamforce-main .ks-locate {
        padding: 45px 0
    }

    .dreamforce-main .ks-align-text {
        text-align: center
    }

    .dreamforce-main .ks-unique {
        padding: 30px 0
    }

    .dreamforce-main .h-sm-auto {
        height: auto
    }
}

.dreamforce-main .services-salesforce-hero .banner-text-head {
    line-height: 44px;
    text-align: center;
    letter-spacing: -.02em;
    color: #f3f3f3
}

.dreamforce-main .banner-text-head .head-red {
    color: #ec838c
}

.dreamforce-main .services-salesforce-hero .ks-text-line {
    line-height: 28px
}

.dreamforce-main .no-gutters&gt;.dreamforce-main .col,.dreamforce-main .no-gutters&gt;[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.dreamforce-main .bs-none {
    box-shadow: none!important
}

.dreamforce-main .tr-none {
    transform: none!important
}

.dreamforce-main .case-study-bg a.mb-lg-5.mb-4.f-w-500.text-uppercase {
    white-space: nowrap
}

.dreamforce-main .color-0243AB {
    color: #0243AB
}

.dreamforce-main .color-012C57 {
    color: #012C57
}

.dreamforce-main .color-1C1C1C {
    color: #1C1C1C
}

.dreamforce-main .color-3A4249 {
    color: #3A4249
}

.dreamforce-main .color-444444 {
    color: #444
}

.dreamforce-main .color-012C57 {
    color: #012C57
}

.dreamforce-main .color-062250 {
    color: #062250
}

.dreamforce-main .vertical-align-middle {
    vertical-align: middle
}

.dreamforce-main .ks-dreamforce-banner-section {
    background-image: url(/image/dreamforce-banner-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.dreamforce-main .ks-salesforce-list {
    border: 1px solid #718496;
    border-radius: 16px;
    padding: 0;
    width: 183px;
    height: 144px
}

.dreamforce-main .bg-blue-shade {
    background: linear-gradient(360deg,rgba(23,160,219,.2) -10.87%,rgba(167,236,238,.2) 11.55%,rgba(255,238,187,.2) 48.02%,rgba(237,215,150,0) 107.36%)
}

.dreamforce-main .ks-services-sec {
    background-color: #DDF4FF
}

.dreamforce-main .service-img-box {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    background-color: #fff
}

.dreamforce-main .l-h-30 {
    line-height: 30px
}

.dreamforce-main .ks-connect-form-section {
    box-shadow: 0 4px 20px 0 #0000001A;
    background-color: #fff;
    border-radius: 16px;
    padding: 32px
}

.dreamforce-main .popup {
    background-color: rgba(0,0,0,.3)!important
}

.dreamforce-main .ks-dreamforce-banner-section .popup {
    background-color: rgba(0,0,0,.5)!important
}

@media(max-width: 400px) {
    .dreamforce-main .ks-salesforce-list {
        width:150px
    }
}

@media(max-width: 320px) {
    .dreamforce-main .ks-salesforce-list {
        width:135px
    }
}

@media(min-width: 992px) {
    .dreamforce-main .ks-dreamforce-banner-section {
        height:630px
    }
}

#ks-careers .ks-join p {
    line-height: 28px
}

.textarea #msg-input {
    height: 80px
}

.transform-x-30 {
    transform: translateX(0)
}

.ks-gi-banner-section .position-relative .container.py-md-5 {
    Padding-top: 6rem;
    Padding-bottom: 5rem
}

.company-insights-main a:hover span {
    color: #DE2B3A!important
}

.salesforce-crest-partner-main .img-fluid {
    max-width: 100%;
    height: auto
}

.salesforce-crest-partner-main .ks-gold-partner-banner {
    background-image: url(/image/banner-bg-5.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom
}

.salesforce-crest-partner-main .banner-blue-bg {
    background-color: #01A2E2;
    border-radius: 4px;
    width: fit-content
}

.salesforce-crest-partner-main .banner-blue-bg span {
    line-height: 35px;
    letter-spacing: .01em
}

.salesforce-crest-partner-main .ks-gold-partner-banner .ks-sf-head {
    line-height: 55px;
    letter-spacing: .02em;
    text-transform: capitalize;
    color: #F1AC1C
}

.salesforce-crest-partner-main .ks-sf-sub {
    line-height: 53px;
    letter-spacing: .01em;
    text-transform: capitalize
}

.salesforce-crest-partner-main .ks-sf-sub span {
    line-height: 53px;
    letter-spacing: .01em
}

@media screen and (max-width: 768px) {
    .salesforce-crest-partner-main .ks-sf-sub {
        font-size:45px!important;
        line-height: 53px;
        letter-spacing: .01em;
        text-transform: capitalize
    }

    .salesforce-crest-partner-main .ks-sf-sub span {
        line-height: 53px;
        font-size: 45px!important;
        letter-spacing: .01em
    }
}

@media screen and (max-width: 575px) {
    .salesforce-crest-partner-main .banner-blue-bg span {
        line-height:30px;
        font-size: 24px;
        letter-spacing: .01em
    }

    .salesforce-crest-partner-main .ks-sf-head {
        font-size: 40px!important;
        line-height: 42px!important
    }

    .salesforce-crest-partner-main .ks-sf-sub {
        font-size: 38px!important;
        line-height: 45px;
        letter-spacing: .01em;
        text-transform: capitalize
    }

    .salesforce-crest-partner-main .ks-sf-sub span {
        font-size: 38px!important;
        line-height: 45px;
        letter-spacing: .01em
    }
}

.salesforce-crest-partner-main .ks-banner-txt-sf {
    line-height: 25px;
    letter-spacing: .01em
}

.salesforce-crest-partner-main .ks-buttons {
    flex-wrap: nowrap!important;
    gap: 12px
}

.salesforce-crest-partner-main .ks-gold-partner-banner .ks-buttons .ks-primary-btn {
    width: 212px;
    height: 57px;
    padding: 0 25px
}

.salesforce-crest-partner-main .ks-gold-partner-banner .ks-buttons .ks-primary-btn:hover::after {
    margin-left: 22px
}

.salesforce-crest-partner-main .ks-btn-arrow::after {
    content: "";
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;35&#x27;height=&#x27;22&#x27;viewBox=&#x27;0 0 35 22&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;xmlns:xlink=&#x27;http://www.w3.org/1999/xlink&#x27;%3E%3Crect width=&#x27;34.7868&#x27;height=&#x27;22&#x27;transform=&#x27;matrix);
    data: image/png;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 22px;
    margin-left: 12px;
    margin-bottom: 2px;
    transition: .3s ease-in-out
}

.salesforce-crest-partner-main .ks-primary-btn {
    background: #de2b3a!important
}

.salesforce-crest-partner-main .ks-primary-btn-outline::after {
    background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/&quot;data:image/svg+xml,%3Csvg width=&#x27;35&#x27;height=&#x27;22&#x27;viewBox=&#x27;0 0 35 22&#x27;fill=&#x27;none&#x27;xmlns=&#x27;http://www.w3.org/2000/svg&#x27;xmlns:xlink=&#x27;http://www.w3.org/1999/xlink&#x27;%3E%3Crect width=&#x27;34.7868&#x27;height=&#x27;22&#x27;transform=&#x27;matrix)
}

@media screen and (max-width: 575px) {
    .salesforce-crest-partner-main .ks-buttons .btn {
        font-size:16px;
        padding-inline:20px;display: flex;
        justify-content: center
    }

    .salesforce-crest-partner-main .ks-buttons .ks-btn-arrow:after {
        display: none!important
    }

    .salesforce-crest-partner-main .ks-buttons {
        opacity: 1;
        transform: none;
        animation: none
    }
}

.salesforce-crest-partner-main .ks-sf-gold {
    background: linear-gradient(360deg,rgba(0,161,225,.1) -53.78%,rgba(255,255,255,.1) 100%);
    padding: 100px 0
}

.salesforce-crest-partner-main .ks-sf-gold .ks-title-area::after {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -50px;
    width: 53px;
    height: 7px;
    border-radius: 5px;
    background-color: #00B7FF
}

.salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-subtitle {
    line-height: 60px;
    text-align: center;
    letter-spacing: -.02em;
    color: #262626
}

.salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-title {
    line-height: 60px;
    text-align: center;
    letter-spacing: -.02em;
    color: #00B7FF;
    font-size: 48px!important
}

.salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-title .ks-gold {
    color: #FFBB27
}

.salesforce-crest-partner-main .ks-sf-gold .ks-sub-para {
    line-height: 29px;
    text-align: center;
    color: #262626;
    margin-bottom: 65px
}

.salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-bg-white {
    background-color: #fff;
    padding: 56px 33px;
    border: 1px solid #D9E5EC;
    border-radius: 6px
}

.salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-bg-white p {
    line-height: 26px;
    color: #262626;
    padding-left: 170px
}

.salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-bg-white .ks-red {
    color: #DE2B3A
}

.salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-img-area {
    transform: scale(.81);
    left: -277px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%
}

.salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-img-area-lg {
    margin-top: -40px
}

.salesforce-crest-partner-main .ks-blue-bg-sec {
    background: linear-gradient(270deg,#00A1E0 -1.56%,rgba(0,102,255,.82) 100%);
    padding: 84px 0 100px 0
}

.salesforce-crest-partner-main .ks-blue-bg-sec .ks-content .ks-icons {
    height: 69px
}

.salesforce-crest-partner-main .ks-blue-bg-sec .ks-border-right::after {
    content: '';
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 2px;
    height: 100%;
    right: 0;
    top: 0
}

.salesforce-crest-partner-main .ks-border-right.ks-border-pro1::after {
    background-image: url(/image/download-2.svg)
}

.salesforce-crest-partner-main .ks-border-right.ks-border-pro2::after {
    background-image: url(/image/download-2.svg)
}

.salesforce-crest-partner-main .ks-border-right.ks-border-pro3::after {
    background-image: url(/image/download-2.svg)
}

.salesforce-crest-partner-main .ks-border-right.ks-border-pro4::after {
    background-image: url(/image/download-2.svg)
}

.salesforce-crest-partner-main .ks-sf-expertise {
    padding: 100px 0
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-title-area::after {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -20px;
    width: 53px;
    height: 7px;
    border-radius: 5px;
    background-color: #00B7FF
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-title-area .ks-title {
    line-height: 46px;
    letter-spacing: -.02em;
    color: #262626
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-title-area .ks-para {
    line-height: 29px;
    color: #262626;
    margin-bottom: 50px
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box {
    background: #fff;
    border: 1px solid #D9E5EC;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    width: 168px;
    height: 175px;
    box-shadow: none
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover {
    background: linear-gradient(224.3deg,#28C3FF -3.79%,rgba(0,102,255,.62) 102.65%);
    box-shadow: 0 4px 16px rgba(56,199,255,.52)
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover .ks-txt p {
    color: #fff
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover svg path {
    stroke: #fff
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover svg line {
    stroke: #fff
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover .ks-four-cnt .ks-fill {
    fill: #fff
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box .ks-txt p {
    line-height: 20px;
    color: #262626;
    transition: all 0.3s ease-in-out
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box svg path {
    transition: all 0.3s ease-in-out
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box svg line {
    transition: all 0.3s ease-in-out
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover .ks-four-cnt .ks-fill {
    transition: all 0.3s ease-in-out
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area {
    margin-top: 75px
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area {
    background: linear-gradient(274.74deg,#0D60DD 2.07%,#00B2FF 101.53%);
    background-image: url(/image/contact-bg-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    border-radius: 6px;
    padding-left: 61px
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-head-txt h6 {
    margin-top: 56px;
    margin-bottom: 48px
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-btn-area .ks-btn {
    background-color: #DE2B3A;
    width: 294px;
    height: 58px;
    margin-bottom: 60px;
    border-radius: 6px;
    line-height: 24px;
    letter-spacing: .02em;
    transition: all 0.3s ease-in-out
}

.salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-btn-area .ks-btn:hover {
    background-color: #cb202d
}

@media screen and (min-width: 1200px) {
    .salesforce-crest-partner-main .ks-sf-expertise .ks-area-space .col-xl-2 {
        flex:0 0 20%!important;
        max-width: 20%!important
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-area-space {
        flex: 0 0 85%;
        max-width: 85%
    }
}

@media screen and (min-width: 1400px) {
    .salesforce-crest-partner-main .ks-sf-expertise .ks-area-space {
        flex:0 0 78%;
        max-width: 78%
    }
}

@media screen and (max-width: 1400px) {
    .salesforce-crest-partner-main .ks-sf-expertise .ks-content-box {
        width:100%!important
    }
}

@media screen and (min-width: 992px) {
    .salesforce-crest-partner-main .ks-sf-gold .ks-main-content .col-lg-9 {
        flex:0 0 80%;
        max-width: 80%
    }

    .salesforce-crest-partner-main .ks-blue-bg-sec .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .salesforce-crest-partner-main .ks-sf-expertise .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media screen and (max-width: 1200px) and (min-width:992px) {
    .salesforce-crest-partner-main .ks-sf-gold .ks-main-content .col-lg-9 {
        flex:0 0 75%;
        max-width: 75%
    }
}

@media screen and (max-width: 992px) {
    .salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-bg-white p {
        padding:0
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-img-area-lg {
        margin-top: -95px
    }

    .salesforce-crest-partner-main .ks-blue-bg-sec {
        padding: 65px 0
    }

    .salesforce-crest-partner-main .ks-border-right.ks-border-pro3::after {
        display: none
    }

    .salesforce-crest-partner-main .ks-sf-expertise {
        padding: 65px 0
    }
}

@media screen and (max-width: 768px) {
    .salesforce-crest-partner-main .ks-sf-gold {
        padding:70px 0
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-sub-para {
        margin-bottom: 92px
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-main-content .ks-bg-white {
        padding: 32px
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-title-area::after {
        top: -17px
    }

    .salesforce-crest-partner-main .ks-border-right.ks-border-pro3::after {
        display: block
    }

    .salesforce-crest-partner-main .ks-border-right.ks-border-pro2::after {
        display: block
    }

    .salesforce-crest-partner-main .ks-border-right.ks-border-pro4::after {
        display: block
    }

    .salesforce-crest-partner-main .ks-sf-expertise {
        padding: 45px 0
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area {
        padding: 10px
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-head-txt h6 {
        text-align: center
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area {
        margin-top: 30px
    }
}

@media screen and (max-width: 575px) {
    .salesforce-crest-partner-main .ks-sf-gold {
        padding:40px 0
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-subtitle {
        line-height: 40px;
        font-size: 30px
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-title {
        line-height: 48px;
        font-size: 38px!important
    }

    .salesforce-crest-partner-main .ks-sf-gold .ks-sub-para {
        margin-bottom: 80px
    }

    .salesforce-crest-partner-main .ks-sf-expertise {
        padding: 40px 0
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-sm-left {
        padding-left: 7px
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-sm-right {
        padding-right: 7px
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-head-txt h6 {
        margin: 25px 0;
        font-size: 28px
    }

    .salesforce-crest-partner-main .ks-sf-expertise .ks-contact-area .contact-area .ks-btn-area .ks-btn {
        margin-bottom: 25px
    }
}

.salesforce-crest-partner-main .ks-discuss {
    background: #fff!important
}

.salesforce-crest-partner-main .ks-discuss .text-center .heading-text {
    display: none!important
}

.salesforce-crest-partner-main .grow-content {
    background: #FFF;
    box-shadow: 0 4px 34px rgba(0,0,0,.05);
    border-radius: 8px
}

.salesforce-crest-partner-main .grow-content h3 span,.salesforce-crest-partner-main .color-red {
    color: #113c63
}

.salesforce-crest-partner-main .grow-content p {
    line-height: 26px;
    letter-spacing: -.02em
}

.salesforce-crest-partner-main .br-6 {
    border-radius: 6px!important
}

.salesforce-crest-partner-main .color-00B7FF {
    color: #00B7FF
}

.salesforce-crest-partner-main .color-gold {
    color: #FFBB27
}

.salesforce-crest-partner-main .color-92FFF8 {
    color: #92FFF8
}

.salesforce-crest-partner-main .color-F0FC68 {
    color: #F0FC68
}

.salesforce-crest-partner-main .color-81FF33 {
    color: #81FF33
}

.salesforce-crest-partner-main .color-FF9F9F {
    color: #FF9F9F
}

.salesforce-crest-partner-main .color-E0CDFF {
    color: #E0CDFF
}

.salesforce-crest-partner-main .img-left-sidebar {
    background: #F3F2EF;
    border-radius: 6px
}

.salesforce-crest-partner-main .img-right-sidebar {
    background: #042141;
    box-shadow: 0 10px 20px rgba(113,215,255,.05);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap
}

.salesforce-crest-partner-main .right-logo-card {
    background: #FFF;
    border-radius: 6px;
    height: 120px;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.salesforce-crest-partner-main .img-right-sidebar &gt;.salesforce-crest-partner-main .col-md-4,.salesforce-crest-partner-main .img-right-sidebar &gt;.salesforce-crest-partner-main .col-md-12 {
    padding-left: 8px;
    padding-right: 8px
}

.salesforce-crest-partner-main .ks-growth-counter {
    background: #042141;
    border-radius: 6px
}

.salesforce-crest-partner-main .border-right-dotted {
    border-right: 1px dashed rgba(255,255,255,.5);
    height: 64px;
    margin: 0 35px
}

.salesforce-crest-partner-main .quotes-content {
    font-weight: 400;
    font-size: 26px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -.02em;
    padding: 35px 0 0;
    font-style: italic
}

.salesforce-crest-partner-main .ks-title-border::before {
    content: "";
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -26px;
    width: 53px;
    height: 7px;
    border-radius: 5px;
    background-color: #00B7FF
}

.salesforce-crest-partner-main .growth-title::before {
    top: -15px;
    margin: 0
}

.salesforce-crest-partner-main .right-img-area img {
    max-width: 100px
}

.salesforce-crest-partner-main .right-logo-card.right-img-area {
    height: auto
}

@media (min-width: 768px) {
    .salesforce-crest-partner-main .ks-discuss .ks-discuss-bg &gt;
    .salesforce-crest-partner-main .row .col-md-6:first-child {
        flex: 0 0 44%;
        max-width: 44%
    }

    .salesforce-crest-partner-main .ks-discuss .ks-discuss-bg &gt;.salesforce-crest-partner-main .row .col-md-6:last-child {
        flex: 0 0 56%;
        max-width: 56%
    }
}

@media (min-width: 992px) {
    .salesforce-crest-partner-main .award-section .awards-row .col-outer {
        width:16%;
        max-width: 16%
    }
}

@media (min-width: 1200px) {
    .salesforce-crest-partner-main .ks-sf-gold .container {
        max-width:1118px
    }

    .salesforce-crest-partner-main main .container {
        max-width: 1350px
    }

    .salesforce-crest-partner-main .grow-content {
        max-width: 720px;
        padding: 65px!important
    }

    .salesforce-crest-partner-main .grow-content p {
        max-width: 550px
    }

    .salesforce-crest-partner-main .right-img-area img {
        max-width: 160px
    }

    .salesforce-crest-partner-main .img-right-sidebar {
        height: 430px
    }

    .salesforce-crest-partner-main .right-logo-card.right-img-area {
        height: 120px
    }
}

@media (max-width: 1200px) {
    .salesforce-crest-partner-main .quotes-content br {
        display:none
    }

    .salesforce-community-connect-main .ks-lmn-blue-card,.h-lg-auto,.ks-connect-card {
        height: auto
    }

    .red-line:after {
        display: none
    }
}

@media (max-width: 1050px) {
    .salesforce-crest-partner-main .quotes-content {
        max-width:830px
    }

    .salesforce-crest-partner-main .right-logo-card.right-img-area {
        text-align: center
    }
}

@media (max-width: 768px) {
    .salesforce-crest-partner-main .quotes-content {
        max-width:555px
    }

    .salesforce-crest-partner-main .w-sm-100 {
        width: 100%
    }
}

@media(max-width: 767px) {
    .salesforce-crest-partner-main .ks-hero-bg {
        background:linear-gradient(90deg,rgb(18 32 45) 0,rgb(77 110 119) 35%,rgb(25 42 60) 100%)
    }
}

.salesforce-crest-partner-main .ks-hero-bg {
    background-color: #212327
}

.salesforce-crest-partner-main .py-75 {
    padding: 75px 0
}

.salesforce-crest-partner-main .ks-bottom-decorator::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #e43a36;
    bottom: -15px;
    left: 0
}

.salesforce-crest-partner-main .ks-hero-data:after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    right: 0;
    height: 20px;
    width: 2px;
    background-color: #acbdfb
}

.salesforce-crest-partner-main .py-100 {
    padding: 100px 0
}

.salesforce-crest-partner-main .py-55 {
    padding: 55px 0
}

.salesforce-crest-partner-main .ks-heading-decorator:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #dc2230;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.salesforce-crest-partner-main .ks-service-box:not(.ks-service-box-inner) {
    transition: .3s ease-in-out all
}

.salesforce-crest-partner-main .col-lg-custom {
    width: 20%;
    margin-bottom: 30px
}

.salesforce-crest-partner-main .service-arrow-icon {
    width: 15px
}

.salesforce-crest-partner-main .z-index-1 {
    z-index: 1
}

.salesforce-crest-partner-main .cursor-pointer {
    cursor: pointer
}

@media (max-width: 768px) {
    .salesforce-crest-partner-main .ks-hero-bg {
        background-size:cover;
        background-position-y: bottom!important
    }

    .salesforce-crest-partner-main .col-lg-custom {
        width: 33%
    }

    .salesforce-crest-partner-main .ks-service-box-title {
        flex-wrap: wrap!important
    }

    .salesforce-crest-partner-main .ks-service-box-title h3 {
        width: calc(100% - 165px);
        margin-left: 15px!important
    }

    .salesforce-crest-partner-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
        display: none!important
    }

    .salesforce-crest-partner-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-prev {
        left: 0
    }

    .salesforce-crest-partner-main .ks-carousel-btn-design .carousel-control-next,.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-next {
        right: 0
    }
}

@media (max-width: 575px) {
    .salesforce-crest-partner-main .ks-hero-bg .font-80 {
        font-size:40px!important
    }

    .salesforce-crest-partner-main .ks-contact-sec .font-45 {
        font-size: 36px!important
    }

    .salesforce-crest-partner-main .col-lg-custom {
        width: 50%
    }

    .salesforce-crest-partner-main .row {
        margin-right: 0
    }

    .salesforce-crest-partner-main .client-bg-img {
        margin-top: -140px
    }
}

.salesforce-crest-partner-main .map-img-2,.salesforce-crest-partner-main .map-img-3 {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes salesforceImg {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg)
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0)
    }
}

.salesforce-crest-partner-main .overview-sec .partner-card {
    height: 160px;
    border-radius: 20px
}

.salesforce-crest-partner-main .ms-card h3 {
    color: #ffb93e
}

.salesforce-crest-partner-main .ms-2015,.salesforce-crest-partner-main .ms-2017,.salesforce-crest-partner-main .ms-2019 {
    margin-left: -1px
}

.salesforce-crest-partner-main .font-18.text-center.text-uppercase.w-100 {
    color: #424242
}

.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-next,.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-prev {
    background-color: transparent!important;
    border-radius: 0;
    box-shadow: none!important
}

.salesforce-crest-partner-main .btn-primary {
    color: #fff;
    background-color: #e32235;
    border-color: #e32235
}

.salesforce-crest-partner-main .btn-primary:hover {
    color: #e32235;
    border-color: #e32235
}

@media (min-width: 769px) {
    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-data {
        display:block
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner {
        transition: .3s ease-in-out all;
        position: absolute;
        height: 430px;
        z-index: 10;
        border-radius: 20px;
        background: #fbfbfb;
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-bg {
        width: 100%!important;
        height: 100%!important
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        transition: .3s ease-in-out all;
        height: auto!important
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title {
        transition: .3s ease-in-out all;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto!important;
        align-items: flex-start
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image {
        transition: .3s ease-in-out all;
        padding: 30px;
        height: auto!important
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-title h3 {
        transition: .3s ease-in-out all;
        width: 100%;
        font-size: 22px!important;
        line-height: 28px
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-image img {
        transition: .3s ease-in-out all;
        object-fit: contain;
        width: 100%!important;
        height: 70px!important;
        object-position: left
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-inner .ks-service-box-text {
        transition: .3s ease-in-out all;
        height: 130px
    }

    .salesforce-crest-partner-main .ks-service-box:not(.no-event):hover .ks-service-box-info {
        display: flex
    }
}

@media (max-width: 1550px) and (min-width:1201px) {
    .salesforce-crest-partner-main .col-lg-custom:nth-child(5n) .ks-service-box:hover .ks-service-box-inner {
        right:0
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .salesforce-crest-partner-main .col-lg-custom {
        width:25%
    }

    .salesforce-crest-partner-main .col-lg-custom:nth-child(4n) .ks-service-box:hover .ks-service-box-inner {
        right: 0
    }

    .salesforce-crest-partner-main .ks-carousel-btn-design .carousel-control-prev,.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-prev {
        left: -20px
    }

    .salesforce-crest-partner-main .ks-carousel-btn-design .carousel-control-next,.salesforce-crest-partner-main .ks-owl-btn .owl-nav button.owl-next {
        right: -20px
    }

    .salesforce-crest-partner-main .ks-hero-bg {
        background-size: cover;
        background-position-y: bottom!important
    }
}

@media (max-width: 768px) {
    .salesforce-crest-partner-main .ms-card {
        display:flex;
        flex-direction: column
    }

    .salesforce-crest-partner-main .ms-card h3 {
        order: -1
    }

    .salesforce-crest-partner-main .ms-card p {
        max-width: 100%!important
    }

    .salesforce-crest-partner-main .cv-card {
        padding: 25px;
        overflow: hidden
    }

    .salesforce-crest-partner-main .cv-card:not(:hover) {
        bottom: -250px
    }
}

@media (max-width: 575px) {
    .salesforce-crest-partner-main .ks-hero-data {
        margin-bottom:32px
    }

    .salesforce-crest-partner-main .ks-bottom-decorator::after {
        bottom: -8px
    }

    .salesforce-crest-partner-main .ks-hero-data:after {
        display: none
    }

    .salesforce-crest-partner-main .meet-team-card {
        text-align: center
    }

    .salesforce-crest-partner-main .about-us-page-new .py-75 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .salesforce-crest-partner-main .investors-sec-dark,.salesforce-crest-partner-main .overview-sec {
        padding-top: 40px
    }

    .salesforce-crest-partner-main .ks-tech-sec .carousel-indicators {
        display: none!important
    }
}

.salesforce-crest-partner-main .about-txt-decorator:after {
    content: &quot;
    &quot;;position: absolute;
    right: -2px;
    top: calc(50% - 2px);
    height: 10px;
    width: 2px;
    background-color: #e32235
}

.salesforce-crest-partner-main .card-shadow img.h-100.w-100 {
    object-fit: cover
}

.salesforce-crest-partner-main .service-arrow-icon {
    transition: .3s ease-in-out
}

.salesforce-crest-partner-main .lh-auto {
    line-height: initial
}

.salesforce-crest-partner-main .leader-growth-section {
    background-image: url(/image/rear-view-businessman-talking-phone-city.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 623px
}

.salesforce-crest-partner-main .font-28 {
    font-size: 28px!important
}

.salesforce-crest-partner-main .modal-artboard-img {
    top: 0;
    left: 0
}

@media (max-width: 768px) {
    .salesforce-crest-partner-main .index-page-popup .close {
        right:0
    }

    .salesforce-crest-partner-main .popup-imgs img {
        object-fit: contain
    }

    .salesforce-crest-partner-main .popup-header .font-36,.salesforce-crest-partner-main .popup-main-text {
        font-size: 24px
    }
}

.salesforce-crest-partner-main .bg-contact {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-crest-partner-main .wk-outer {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.04);
    border-radius: 40px
}

.salesforce-crest-partner-main .wk-box {
    background: rgba(249,248,248,.6);
    border-radius: 20px;
    padding: 35px 30px;
    min-height: 233px;
    color: #343434
}

.salesforce-crest-partner-main .wk-box .font-14 {
    color: #000
}

.salesforce-crest-partner-main .scroll-setter {
    position: absolute;
    margin-top: -120px
}

.salesforce-crest-partner-main .solution-box-outer .kafka-service-list li::after {
    background: #ff6767
}

@media (max-width: 575px) {
    .salesforce-crest-partner-main .font-45,.salesforce-crest-partner-main .font-48 {
        font-size:28px!important
    }

    .salesforce-crest-partner-main .font-36 {
        font-size: 20px!important
    }

    .salesforce-crest-partner-main .benfits-sec .py-75,.salesforce-crest-partner-main .bg-contact .py-100,.salesforce-crest-partner-main .service-faq-sec .py-100,.salesforce-crest-partner-main .solutions-sec .py-100,.salesforce-crest-partner-main .wk-sec .py-100 {
        padding: 40px 20px
    }

    .salesforce-crest-partner-main .mega-menu.menu-shadow {
        max-height: 80vh;
        overflow: auto
    }
}

.salesforce-crest-partner-main .ks-salesforce-contact-bg {
    background: linear-gradient(180deg,#090606 0,rgba(50,50,50,.93) 100%)
}

.salesforce-crest-partner-main .ks-salesforce-insights-bg {
    background: #e5e5e5
}

.salesforce-crest-partner-main .services-salesforce-hero-sec {
    background: #0e97d8
}

@media(max-width: 767px) {
    .salesforce-crest-partner-main .services-salesforce-hero-bg {
        background-color:#1996d5
    }
}

.salesforce-crest-partner-main .ks-sales-sec {
    background: #fdfbfb
}

.salesforce-crest-partner-main .py-spacing {
    padding: 110px 0 75px
}

.salesforce-crest-partner-main .ks-service-box .ks-service-box-inner .ks-service-box-bg {
    transition: .3s ease-in-out all;
    position: absolute;
    width: 150px;
    height: 100%;
    z-index: 0;
    border-radius: 10px
}

.salesforce-crest-partner-main .ks-office {
    position: relative
}

.salesforce-crest-partner-main .ks-carousel-item-4 .text-salesforce {
    background-image: linear-gradient(80.83deg,#f9f9f9,#97cdff,#8ab2ff)
}

.salesforce-crest-partner-main .ks-carousel-item-5 .text-salesforce {
    background-image: linear-gradient(80.83deg,#03294d,#277aa9)
}

.salesforce-crest-partner-main .success-story-user-des {
    color: #515152;
    line-height: normal
}

.salesforce-crest-partner-main .success-story-box .control-prev,.salesforce-crest-partner-main .success-story-box .control-next {
    margin: 0 15px
}

.salesforce-crest-partner-main .text-dark.subheading-text {
    color: #515152!important
}

.salesforce-crest-partner-main .text-dark.heading-text {
    color: #404040!important
}

.salesforce-crest-partner-main .solutions-col img {
    object-fit: contain
}

@media(min-width: 1280px) {
    .salesforce-crest-partner-main .solutions-col {
        width:calc(100% / 5);
        padding: 10px 10px;
        height: 100%
    }
}

.salesforce-crest-partner-main .client-img-bg {
    background: #fff
}

.salesforce-crest-partner-main .ks-meet {
    padding: 60px 0
}

.salesforce-crest-partner-main .user-meet-img .meet-team-img {
    border-radius: 0
}

.salesforce-crest-partner-main .ks-discuss {
    padding: 60px 0
}

.salesforce-crest-partner-main .nav-link.btn-primary:hover {
    color: #fff!important;
    background-color: #11BAFC;
    border-color: #11BAFC
}

.salesforce-crest-partner-main .nav-link.btn-primary {
    display: flex;
    align-items: center
}

.salesforce-crest-partner-main .our-new-client .col-md-4 {
    max-width: 125px
}

.salesforce-crest-partner-main .client-img-bg {
    border-radius: 4px;
    height: 114px
}

.salesforce-crest-partner-main .our-new-client .col-md-4 svg {
    height: 35px
}

.salesforce-crest-partner-main .our-new-client .client-img-bg {
    height: 55px;
    padding: 5px 10px
}

@media(max-width: 991px) {
    .salesforce-crest-partner-main .video-container .font-48 {
        font-size:30px!important
    }

    .salesforce-crest-partner-main .font-28 {
        font-size: 25px!important
    }
}

.salesforce-crest-partner-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

@media(max-width: 767px) {
    .salesforce-crest-partner-main .font-36 {
        font-size:28px!important
    }

    .salesforce-crest-partner-main .font-45 {
        font-size: 24px!important
    }

    .salesforce-crest-partner-main .heading-text.font-45 {
        font-size: 28px!important
    }

    .salesforce-crest-partner-main .font-18,.salesforce-crest-partner-main .heading-text.font-36 {
        font-size: 16px!important
    }

    .salesforce-crest-partner-main .subheading-text.font-18,.salesforce-crest-partner-main .spotlight-item-list ul {
        font-size: 14px!important
    }

    .salesforce-crest-partner-main .ks-who-cont-box .col-lg-4.col-6 {
        padding-left: 8px;
        padding-right: 8px
    }

    .salesforce-crest-partner-main .success-story-box,.salesforce-crest-partner-main .request-call-back,.salesforce-crest-partner-main .ks-who-sec-inner {
        border-radius: 10px
    }

    .salesforce-crest-partner-main .happy-client-view .col-6.col-lg-2 {
        padding-left: 7px;
        padding-right: 7px
    }

    .salesforce-crest-partner-main .client-img-bg {
        height: 78px
    }

    .salesforce-crest-partner-main .ks-discuss-bg {
        padding: 20px 20px 30px 20px
    }

    .salesforce-crest-partner-main .meet-team-img {
        height: 150px
    }

    .salesforce-crest-partner-main .ks-meet {
        padding: 35px 0
    }

    .salesforce-crest-partner-main .ks-auto-scroll .row .col-lg-4 {
        min-width: 290px
    }
}

@media(max-width: 557px) {
    .salesforce-crest-partner-main .font-28 {
        font-size:16px!important
    }

    .salesforce-crest-partner-main .py-75 {
        padding: 35px 15px
    }

    .salesforce-crest-partner-main #contactForm4 .btn-primary {
        width: 100%
    }

    .salesforce-crest-partner-main .ks-discuss-bg {
        background-position: center center;
        border-radius: 6px
    }

    .salesforce-crest-partner-main .ks-discuss {
        padding: 35px 0
    }

    .salesforce-crest-partner-main .saleshome-service-item svg {
        width: 80px;
        height: 80px
    }

    .salesforce-crest-partner-main .solutions-col img {
        height: 35px
    }

    .salesforce-crest-partner-main .solutions-row .solutions-col:nth-child(1) img {
        height: 25px
    }
}

@media(max-width: 420px) {
    .salesforce-crest-partner-main .meet-team-img {
        height:152px
    }
}

.salesforce-crest-partner-main .devider-cont {
    opacity: .4
}

.salesforce-crest-partner-main .letter-sp-2 {
    letter-spacing: .02em
}

.odoo-gold-partner-main .ks-your-attention {
    overflow: hidden;
    position: relative;
    background: rgba(178,161,174,.2)
}

.odoo-gold-partner-main .ks-bg-milestone {
    background-image: url(/image/mile.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,.75);
    background-blend-mode: darken
}

.odoo-gold-partner-main .ks-your-attention .ks-connect-with-ideal-box {
    border-radius: 20px;
    background-color: #172241;
    background-image: url(/image/dark-blue-bg.svg);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    padding: 74px
}

.odoo-gold-partner-main .ks-your-attention .ks-salesforce-ideal {
    background-image: url(/image/salesforce-ideal-bg.webp);
    background-size: cover;
    border-radius: 20px
}

.odoo-gold-partner-main .erp-section-bg {
    background-image: url(/image/erp.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,.8);
    background-blend-mode: darken;
    border-radius: 20px
}

.odoo-gold-partner-main .ks-your-attention .container.white-box {
    background-color: #fff;
    border-radius: 20px;
    padding: 55px 78px;
    z-index: 2;
    position: relative
}

.odoo-gold-partner-main .banner-caption .ks-banner-header {
    color: #E4A900;
    line-height: 50px
}

.odoo-gold-partner-main .ks-brown-text {
    color: #113c63
}

.odoo-gold-partner-main .erp-section-bg .ks-erp {
    padding: 45px 0
}

.odoo-gold-partner-main .erp-section-bg .erp-text {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.odoo-gold-partner-main .ks-who-sec-number {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 79px
}

.odoo-gold-partner-main .ks-who-sec-item {
    max-width: 330px;
    height: 100%;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 5px 20px rgba(0,0,0,.4);
    border-radius: 5px
}

.odoo-gold-partner-main .ks-who-sec-name {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #515152
}

.odoo-gold-partner-main .container.white-box-main {
    background-color: #fff;
    border-radius: 20px;
    z-index: 2;
    position: relative
}

.company-insights-main p {
    margin-bottom: 1rem
}

.odoo-experience-main section .container-xl {
    min-height: 587px
}

.salesforce-implementation-main .color-1C1C1C {
    color: #1C1C1C
}

.salesforce-implementation-main .color-444444 {
    color: #444
}

.salesforce-implementation-main .color-363636 {
    color: #363636
}

.salesforce-implementation-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.salesforce-implementation-main .ks-experties-card {
    padding: 22px;
    background: #FFF;
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    height: 100%
}

.salesforce-implementation-main .ks-experties-card:hover {
    border-color: #113c63;
    box-shadow: 0 4px 15px 0 #00000014
}

.salesforce-implementation-main .ks-when-to-perform .ks-whychoose-card {
    padding: 38px 24px
}

.salesforce-implementation-main .ks-why-ksolve .ks-whychoose-card {
    padding: 20px
}

.salesforce-implementation-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.salesforce-implementation-main .inner-page-brands &gt;.bg-light {
    background-color: #fff!important
}

.salesforce-implementation-main section.bg-primary.text-white.py-5 {
    background-color: #343a40!important
}

.salesforce-implementation-main .list-style-none {
    list-style: none
}

.salesforce-implementation-main .l-h-27 {
    line-height: 27px
}

.salesforce-implementation-main .ks-ui-experties {
    background-image: url(/wp-content/uploads/2024/02/form-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 320px
}

.salesforce-implementation-main .ui-form .form-unit .form-control {
    border: none;
    border-radius: 0;
    padding: 8px 0;
    border-bottom: 1px solid #767676;
    outline: none
}

.salesforce-implementation-main .color-767676 {
    color: #767676
}

.salesforce-implementation-main .text-capitalize {
    text-transform: capitalize
}

.salesforce-implementation-main .bg-ping-gradient {
    background: linear-gradient(180deg,#F9F9F9 0%,#FFF5F6 155.69%)
}

.salesforce-implementation-main .tools-card {
    border-radius: 50px
}

.salesforce-implementation-main .tools-haeder {
    background-image: url(/wp-content/uploads/2024/02/tools-heading-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 128px;
    width: 504px
}

.salesforce-implementation-main .tools-data {
    border: 1px solid #F0F0F0
}

.salesforce-implementation-main .process-number {
    border-radius: 50%;
    width: 68px;
    height: 68px
}

.salesforce-implementation-main .bg-F6FFF0 {
    background: #F6FFF0
}

.salesforce-implementation-main .bg-F0F7FF {
    background: #F0F7FF
}

.salesforce-implementation-main .bg-F0FFFF {
    background: azure
}

.salesforce-implementation-main .bg-F8F0FF {
    background: #F8F0FF
}

.salesforce-implementation-main .bg-FDF0FF {
    background: #FDF0FF
}

.salesforce-implementation-main .br-right {
    border-right: 1px solid #EBEEF1
}

.salesforce-implementation-main .br-bottom {
    border-bottom: 8px solid #EAEAEA
}

.salesforce-implementation-main .color-414042 {
    color: #414042
}

.salesforce-implementation-main .performance-testing-blog .ks-salesforce-crm.ks-looking-for-section {
    margin-bottom: 0!important
}

.salesforce-implementation-main .bg-00223E {
    background: #00223E
}

.salesforce-implementation-main .salesforce-services-banner-sider {
    background-image: url(/wp-content/uploads/2024/02/salesforce-services-banner-sider.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 548px;
    height: 546px
}

.salesforce-implementation-main .salesforce-banner-sider-icon {
    width: 67px;
    height: 67px;
    position: absolute
}

.salesforce-implementation-main .salesforce-banner-sider-icon-area {
    position: relative;
    border-radius: 50%;
    width: 435px;
    height: 450px;
    margin: auto;
    top: 24px
}

.salesforce-implementation-main .banner-sider-icon1 {
    left: 90px;
    top: 50px
}

.salesforce-implementation-main .banner-sider-icon2 {
    top: 25px;
    left: 210px
}

.salesforce-implementation-main .banner-sider-icon3 {
    right: 42px;
    top: 90px
}

.salesforce-implementation-main .banner-sider-icon4 {
    right: 6px;
    top: 215px
}

.salesforce-implementation-main .banner-sider-icon5 {
    bottom: 62px;
    right: 45px
}

.salesforce-implementation-main .banner-sider-icon6 {
    bottom: 0;
    left: 48%
}

.salesforce-implementation-main .banner-sider-icon7 {
    bottom: 30px;
    left: 85px
}

.salesforce-implementation-main .banner-sider-icon8 {
    left: 14px;
    bottom: 120px
}

.salesforce-implementation-main .banner-sider-icon9 {
    top: 143px;
    left: 20px
}

.salesforce-implementation-main .custom-tooltip .custom-tooltip-text::after {
    content: "";
    bottom: -5px;
    left: 40%;
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    transform: rotate(45deg)
}

.salesforce-implementation-main .custom-tooltip:hover .custom-tooltip-text,.salesforce-implementation-main .exp-custom-tooltip:hover .exp-custom-tooltip-text {
    display: block;
    z-index: 99
}

.salesforce-implementation-main .custom-tooltip .custom-tooltip-text,.salesforce-implementation-main .exp-custom-tooltip .exp-custom-tooltip-text {
    background: #fff;
    display: none;
    position: absolute;
    z-index: 2;
    box-shadow: 0 4px 20px 0 #0000000F
}

.salesforce-implementation-main .custom-tooltip .custom-tooltip-text {
    border-radius: 4px;
    padding: 12px 18px;
    top: -65px;
    left: -40px;
    min-width: 100px
}

.salesforce-implementation-main .exp-custom-tooltip .exp-custom-tooltip-text {
    border-radius: 8px;
    padding: 24px 32px;
    left: 0;
    top: 0;
    border: 1px solid #E8E7E7;
    text-align: left!important;
    line-height: 26px
}

.salesforce-implementation-main .salesforce-banner-sider-icon img {
    transition: .9s
}

.salesforce-implementation-main .salesforce-banner-sider-icon img:hover {
    transform: scale(1.19)
}

.salesforce-implementation-main .v-align-middle {
    vertical-align: middle
}

.salesforce-implementation-main .color-34353A {
    color: #34353A
}

.salesforce-implementation-main .color-4E4E50 {
    color: #4E4E50
}

.salesforce-implementation-main .bg-triangle {
    background-image: url(/wp-content/uploads/2024/02/bg-triangle.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 652px
}

.salesforce-implementation-main .color-626264 {
    color: #626264
}

.salesforce-implementation-main .float-right {
    float: right
}

.salesforce-implementation-main .read-more:hover {
    color: #113c63
}

.salesforce-implementation-main .read-more:hover svg path {
    stroke: #113c63
}

.salesforce-implementation-main .w-max-content {
    width: max-content
}

.salesforce-implementation-main .ks-experties-card:hover .color-28292E {
    color: #113c63
}

.salesforce-implementation-main .ks-experties-card .exp-custom-tooltip:hover {
    cursor: pointer
}

.salesforce-implementation-main .w-min-48 {
    min-width: 48px
}

.salesforce-implementation-main .bg-blue-card {
    height: 345px;
    border-radius: 16px;
    padding: 48px;
    gap: 32px
}

.salesforce-implementation-main .bg-032D60 {
    background: #032D60
}

.salesforce-implementation-main .color-F0F7FF {
    color: #F0F7FF
}

.salesforce-implementation-main .color3F3F41 {
    color: #3F3F41
}

.salesforce-implementation-main .ks-product-exp-card {
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    padding: 43px 28px;
    background-color: #fff;
    height: 100%
}

.salesforce-implementation-main .process-bg {
    height: 582px;
    border-radius: 16px;
    margin-top: -70px
}

.salesforce-implementation-main .salesforce-award .bg-light {
    background-color: #fff!important
}

.salesforce-implementation-main .choose-blue-bg {
    background-image: url(/wp-content/uploads/2024/02/choose-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    min-height: 751px
}

.salesforce-implementation-main .color-FCEDEF {
    color: #FCEDEF
}

.salesforce-implementation-main .color-032D60 {
    color: #032D60
}

.salesforce-implementation-main .bg-EFFAFE {
    background: #EFFAFE
}

.salesforce-implementation-main .salesforce-casestudy {
    padding-bottom: 30px
}

.salesforce-implementation-main .salesforce-casestudy .ks-looking-for-section {
    margin: 0!important
}

.salesforce-implementation-main .solution-business-bg {
    padding: 48px 40px;
    border-radius: 16px;
    height: 312px
}

.salesforce-implementation-main .salesforce-casestudy .new-card-design {
    padding-bottom: 30px
}

.salesforce-implementation-main .popup {
    background-color: rgba(0,0,0,.2)!important
}

.salesforce-implementation-main .ks-product-exp-card:hover .link-arrow-btn {
    display: block
}

.salesforce-implementation-main .ks-product-exp-card .link-arrow-btn {
    position: absolute;
    right: 10px;
    bottom: 6px;
    display: none
}

.salesforce-implementation-main .ks-product-exp-border:hover {
    border-color: #113c63
}

.salesforce-implementation-main .info-tooltip {
    display: none;
    position: absolute;
    top: 8px;
    right: 18px
}

.salesforce-implementation-main .ks-experties-card:hover .info-tooltip {
    display: block
}

.salesforce-implementation-main .z-index-1 {
    z-index: 1
}

.salesforce-implementation-main .check-icon:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/02/check-icon.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-flex;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    margin-right: 10px
}

.salesforce-implementation-main .color-47484F {
    color: #47484F
}

.salesforce-implementation-main .bg-E4F7FF {
    background: #E4F7FF
}

.salesforce-implementation-main .bg-service-card {
    border-radius: 16px;
    width: 500px;
    height: 406px
}

.salesforce-implementation-main .implementation-process {
    background-image: url(/wp-content/uploads/2024/02/process-bg.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1185px
}

.salesforce-implementation-main .process-number {
    background: #35567E;
    min-width: 68px;
    height: 68px
}

.salesforce-implementation-main .process-text {
    border: 1px solid #204067;
    border-radius: 8px;
    width: 953px
}

.salesforce-implementation-main .ks-product-exp-card.benefits-card {
    padding: 21px 28px
}

.salesforce-implementation-main .color-ffffff {
    color: #fff
}

@media(min-width: 1250px) {
    .salesforce-implementation-main .tool-section .java-experties-large-card {
        height:320px
    }

    .salesforce-implementation-main .exp-custom-tooltip .exp-custom-tooltip-text {
        padding: 24px 38px
    }
}

@media(min-width: 1200px) {
    .salesforce-implementation-main .java-services-large-card {
        width:100%;
        height: 100%
    }
}

@media(min-width: 992px) {
    .salesforce-implementation-main .service-faq-sec .card-body {
        padding-right:0!important
    }

    .salesforce-implementation-main .testing-process-text {
        width: calc(100% / 5)!important
    }

    .salesforce-implementation-main .cust-col-lg-3 {
        flex: 0 0 auto;
        width: 20%!important
    }

    .salesforce-implementation-main .process-card-2 {
        margin-left: 9rem
    }

    .salesforce-implementation-main .process-card-3 {
        margin-left: 12rem
    }

    .salesforce-implementation-main .process-card-4 {
        margin-left: 13rem
    }
}

@media(max-width: 1200px) {
    .salesforce-implementation-main .salesforce-services-banner-sider {
        transform:scale(.9);
        margin-left: -46px
    }

    .salesforce-implementation-main .bg-blue-card {
        height: auto;
        margin-top: -230px
    }

    .salesforce-implementation-main .process-bg {
        height: auto
    }

    .salesforce-implementation-main .choose-blue-bg {
        background-position: center
    }
}

@media(max-width: 1050px) {
    .salesforce-implementation-main .bg-triangle {
        height:750px
    }

    .salesforce-implementation-main .bg-blue-card {
        margin-top: 0
    }

    .salesforce-implementation-main .solution-business-bg {
        height: auto
    }
}

@media(max-width: 992px) {
    .salesforce-implementation-main .salesforce-services-banner-sider {
        transform:scale(.7);
        margin-left: -90px
    }

    .salesforce-implementation-main .bg-triangle,.choose-blue-bg {
        height: auto
    }
}

@media(max-width: 768px) {
    .salesforce-implementation-main .ks-ui-experties {
        height:100%
    }

    .salesforce-implementation-main .salesforce-services-banner-sider {
        transform: scale(1);
        margin: auto
    }

    .salesforce-implementation-main .bg-blue-card {
        margin-top: 0
    }

    .salesforce-implementation-main .process-text {
        width: auto
    }

    .salesforce-implementation-main .font-32 {
        font-size: 26px!important
    }

    .terms-main .banner-caption h1 {
        font-size: 36px!important
    }
}

@media(max-width: 568px) {
    .salesforce-implementation-main .h-sm-auto {
        height:auto
    }

    .salesforce-implementation-main .font-sm-32 {
        font-size: 32px!important
    }

    .salesforce-implementation-main .font-sm-24 {
        font-size: 24px!important
    }

    .salesforce-implementation-main .salesforce-services-banner-sider {
        width: 308px;
        height: 306px
    }

    .salesforce-implementation-main .salesforce-banner-sider-icon-area {
        transform: scale(.56);
        left: -65px;
        top: -84px
    }

    .salesforce-implementation-main .solution-business-bg {
        height: auto
    }

    .salesforce-implementation-main .bg-blue-card {
        padding: 28px
    }

    .salesforce-implementation-main .font-56 {
        font-size: 48px!important
    }

    .salesforce-implementation-main .solution-business-bg {
        padding: 30px
    }

    .salesforce-implementation-main .process-text {
        margin-top: -30px
    }

    .salesforce-implementation-main .process-number {
        z-index: 1;
        position: relative
    }

    .odoo-gold-partner-main .ks-your-attention .ks-connect-with-ideal-box {
        padding: 32px 32PX
    }
}

.odoo-erp-implementation-services-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

.odoo-erp-implementation-services-main .ks-odoo-dev-company-banner {
    background-image: url(/wp-content/uploads/2024/02/odoo-implementation-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 460px
}

@media (min-width: 1050px) {
    .odoo-erp-implementation-services-main .ks-odoo-dev-company-banner {
        height:670px;
        max-height: calc(100vh - 120px)
    }
}

.odoo-erp-implementation-services-main .border-r-5 {
    border-radius: 5px
}

.odoo-erp-implementation-services-main .line-height-54 {
    line-height: 54px
}

.odoo-erp-implementation-services-main .ks-buttons button,.ks-buttons a {
    min-width: 164px
}

.odoo-erp-implementation-services-main .height-49 {
    height: 49px
}

.odoo-erp-implementation-services-main .ks-grey {
    color: #F2EFF1
}

.odoo-erp-implementation-services-main .bg-purple {
    background: linear-gradient(223.25deg,#7C3E6C 4.23%,rgba(104,39,87,.93) 75.77%)
}

.odoo-erp-implementation-services-main .text-uppercase {
    text-transform: uppercase
}

.odoo-erp-implementation-services-main .flex-wrap {
    flex-wrap: wrap
}

.odoo-erp-implementation-services-main .color-gray {
    color: #565758
}

.odoo-erp-implementation-services-main .letter-spacing-2em {
    letter-spacing: .02em
}

.odoo-erp-implementation-services-main .letter-spacing-2nem {
    letter-spacing: -.02em
}

.odoo-erp-implementation-services-main .process-arrow {
    position: absolute;
    right: -15%;
    top: 0;
    bottom: 20px;
    height: 85%;
    z-index: 9
}

.odoo-erp-implementation-services-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.odoo-erp-implementation-services-main .letter-sp-2 {
    letter-spacing: .02em
}

.odoo-erp-implementation-services-main .border-r-10 {
    border-radius: 10px
}

.odoo-erp-implementation-services-main .border-r-8 {
    border-radius: 8px
}

.odoo-erp-implementation-services-main .border-F0F0F0 {
    border: 1px solid #F0F0F0
}

.odoo-erp-implementation-services-main .odoo-implementation-card {
    padding: 24px
}

.odoo-erp-implementation-services-main .odoo-services-card {
    padding: 30px 24px
}

.odoo-erp-implementation-services-main .odoo-process-card {
    padding: 16px
}

.odoo-erp-implementation-services-main .odoo-choose-card {
    padding: 15px 24px
}

.odoo-erp-implementation-services-main .bg-pink {
    background-color: #F2E5EF
}

.odoo-erp-implementation-services-main .color-A24689 {
    color: #A24689
}

@media(max-width: 767px) {
    .odoo-erp-implementation-services-main .h-sm-auto {
        height:auto
    }

    .odoo-erp-implementation-services-main .font-40 {
        font-size: 36px!important
    }

    .odoo-erp-implementation-services-main .font-54 {
        font-size: 28px!important
    }

    .odoo-erp-implementation-services-main .font-48 {
        font-size: 28px!important
    }

    .odoo-erp-implementation-services-main .h-md-auto {
        height: auto
    }

    .odoo-erp-implementation-services-main .font-48 {
        font-size: 32px!important
    }

    .odoo-erp-implementation-services-main .font-36 {
        font-size: 28px!important
    }

    .odoo-erp-implementation-services-main .font-45 {
        font-size: 24px!important
    }

    .odoo-erp-implementation-services-main .heading-text.font-45 {
        font-size: 28px!important
    }

    .odoo-erp-implementation-services-main .font-18,.odoo-erp-implementation-services-main .heading-text.font-36 {
        font-size: 16px!important
    }

    .odoo-erp-implementation-services-main .subheading-text.font-18 {
        font-size: 14px!important
    }

    .odoo-erp-implementation-services-main .ks-odoo-dev-company-banner {
        height: 700px
    }
}

@media (max-width: 992px) {
    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height:100%;
        width: 100%;
        border-radius: 20px;
        margin-bottom: 40px;
        object-fit: cover
    }

    .insights-main .ks-update-bg {
        background: #262626;
        border-radius: 20px;
        margin-top: 30px!important
    }

    .odoo-erp-implementation-services-main .process-arrow {
        height: unset;
        top: unset;
        bottom: -15%;
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: rotate(135deg)
    }

    .odoo-erp-implementation-services-main .font-md-16 {
        font-size: 16px!important
    }

    .salesforce-community-connect-main .ks-connect-card {
        height: auto
    }

    .salesforce-community-connect-main .border-l-r {
        border: none
    }

    .salesforce-community-connect-main .meet-banner-btn {
        background-color: #fff!important
    }

    .salesforce-community-connect-main .ks-connect-card,.banner-sec {
        height: auto
    }

    .salesforce-community-connect-main .world-tour-section {
        padding-top: 40px
    }
}

@media (min-width: 992px) {
    .odoo-erp-implementation-services-main .odoo-process-card.bottom-arrow:after {
        content:"";
        background-image: url(/wp-content/uploads/2024/02/devider-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        margin-top: 15px;
        width: 100%;
        height: 35px
    }
}

@media (min-width: 768px) {
    .odoo-erp-implementation-services-main .odoo-process-card.right-arrow:after {
        content:"";
        background-image: url(/wp-content/uploads/2024/02/check-line-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: -16px;
        top: 50%;
        width: 32px;
        height: 8px
    }
}

.odoo-consulting-services-main .img-auto {
    height: auto;
    width: auto;
    max-width: 100%
}

.odoo-consulting-services-main .ks-odoo-dev-company-banner {
    background-image: url(/wp-content/uploads/2024/02/odoo-implementation-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 1250px) {
    .odoo-consulting-services-main .ks-odoo-dev-company-banner {
        height:460px
    }
}

@media (min-width: 1050px) {
    .odoo-consulting-services-main .ks-odoo-dev-company-banner {
        height:670px;
        max-height: calc(100vh - 120px)
    }
}

.odoo-consulting-services-main .border-r-5 {
    border-radius: 5px
}

.odoo-consulting-services-main .line-height-54 {
    line-height: 54px
}

.odoo-consulting-services-main .ks-buttons button,.ks-buttons a {
    min-width: 164px
}

.odoo-consulting-services-main .height-49 {
    height: 49px
}

.odoo-consulting-services-main .ks-grey {
    color: #F2EFF1
}

.odoo-consulting-services-main .bg-purple {
    background: linear-gradient(223.25deg,#7C3E6C 4.23%,rgba(104,39,87,.93) 75.77%)
}

.odoo-consulting-services-main .text-uppercase {
    text-transform: uppercase
}

.odoo-consulting-services-main .flex-wrap {
    flex-wrap: wrap
}

.odoo-consulting-services-main .color-gray {
    color: #565758
}

.odoo-consulting-services-main .letter-spacing-2em {
    letter-spacing: .02em
}

.odoo-consulting-services-main .letter-spacing-2nem {
    letter-spacing: -.02em
}

.odoo-consulting-services-main .process-arrow {
    position: absolute;
    right: -15%;
    top: 0;
    bottom: 20px;
    height: 85%;
    z-index: 9
}

.odoo-consulting-services-main .modal.fade .modal-dialog {
    transform: translate(0,0%)
}

.odoo-consulting-services-main .letter-sp-2 {
    letter-spacing: .02em
}

.odoo-consulting-services-main .border-r-10 {
    border-radius: 10px
}

.odoo-consulting-services-main .border-r-8 {
    border-radius: 8px
}

.odoo-consulting-services-main .border-F0F0F0 {
    border: 1px solid #F0F0F0
}

.odoo-consulting-services-main .odoo-implementation-card {
    padding: 24px
}

.odoo-consulting-services-main .odoo-services-card {
    padding: 30px 24px
}

.odoo-consulting-services-main .odoo-process-card {
    padding: 16px
}

.odoo-consulting-services-main .odoo-choose-card {
    padding: 15px 24px
}

.odoo-consulting-services-main .bg-pink {
    background-color: #F2E5EF
}

.odoo-consulting-services-main .color-A24689 {
    color: #A24689
}

.odoo-consulting-services-main .ks-exp-prodict-card {
    border: 1px solid #F0F0F0
}

.odoo-consulting-services-main .br-8 {
    border-radius: 8px
}

.odoo-consulting-services-main .exp-abs-box {
    position: absolute;
    top: -30%;
    left: 35%
}

.odoo-consulting-services-main .img-border-box {
    border: 1px solid #F0F0F0;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.odoo-consulting-services-main .img-border-box .img-box {
    background-color: #F8F9FA;
    width: 116px;
    height: 116px;
    border-radius: 50%
}

.odoo-consulting-services-main .popup {
    background-color: rgba(0,0,0,.3)!important
}

@media(max-width: 1025px) {
    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height:100%;
        object-fit: cover;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }
}

@media(max-width: 768px) {
    .odoo-consulting-services-main .exp-abs-box {
        top:-20%;
        left: 27%
    }

    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height: 100%;
        object-fit: cover;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media(max-width: 767px) {
    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height:100%;
        width: 100%;
        border-bottom-left-radius: 0;
        margin-bottom: 40px;
        object-fit: cover;
        border-bottom-right-radius: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .odoo-consulting-services-main .h-sm-auto {
        height: auto
    }

    .odoo-consulting-services-main .font-40 {
        font-size: 36px!important
    }

    .odoo-consulting-services-main .font-54 {
        font-size: 28px!important
    }

    .odoo-consulting-services-main .font-48 {
        font-size: 28px!important
    }

    .odoo-consulting-services-main .h-md-auto {
        height: auto
    }

    .odoo-consulting-services-main .font-48 {
        font-size: 32px!important
    }

    .odoo-consulting-services-main .font-36 {
        font-size: 28px!important
    }

    .odoo-consulting-services-main .font-45 {
        font-size: 24px!important
    }

    .odoo-consulting-services-main .heading-text.font-45 {
        font-size: 28px!important
    }

    .odoo-consulting-services-main .font-18,.odoo-consulting-services-main .heading-text.font-36 {
        font-size: 16px!important
    }

    .odoo-consulting-services-main .subheading-text.font-18 {
        font-size: 14px!important
    }

    .odoo-consulting-services-main .ks-odoo-dev-company-banner {
        height: 700px
    }
}

@media (max-width: 992px) {
    .odoo-consulting-services-main .process-arrow {
        height:unset;
        top: unset;
        bottom: -15%;
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: rotate(135deg)
    }

    .odoo-consulting-services-main .font-md-16 {
        font-size: 16px!important
    }
}

@media (min-width: 992px) {
    .odoo-consulting-services-main .odoo-process-card.bottom-arrow:after {
        content:"";
        background-image: url(/wp-content/uploads/2024/02/devider-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        margin-top: 15px;
        width: 100%;
        height: 35px
    }
}

@media (min-width: 768px) {
    .odoo-consulting-services-main .odoo-process-card.right-arrow:after {
        content:"";
        background-image: url(/wp-content/uploads/2024/02/check-line-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: -16px;
        top: 50%;
        width: 32px;
        height: 8px
    }
}

.industries-main .white-text {
    color: #fff
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .ksolves-tabs a {
    font-weight: 600;
    font-size: 14px;
    color: #444;
    position: relative
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .container-about {
    padding-top: 210px
}

.industries-main .nav-pills .nav-link {
    border-radius: .25rem
}

.industries-main .nav-pills .nav-link.active,.industries-main .nav-pills .show.nav-link {
    color: #fff;
    background-color: #0779e4
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .container.container-about.pb-5.text-center.text-white,.industries-main section.banner.magento.position-relative,.industries-main section.banner.odoo.position-relative {
    color: #000!important;
    padding-top: 20px
}

.industries-main .title-text {
    font-family: cursive;
    font-size: 55px;
    line-height: 1;
    position: relative
}

.industries-main .industries-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgba(0,0,0,0);
    background-blend-mode: darken
}

@media screen and (min-width: 1200px) {
    .industries-main .ks-20 {
        max-width:20%;
        flex: 0 0 25%
    }
}

@media screen and (max-width: 575px) {
    .industries-main .industries-section .ks-p-rl {
        padding-right:7px;
        padding-left: 7px
    }
}

.industries-main .industries-section .content-bg {
    background: linear-gradient(110.38deg,#221920 4.04%,#1C202C 39.67%,#15202F 98.01%);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    min-height: 100%;
    transition: all ease-in-out 0.6s
}

.industries-main .content-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(110.38deg,#453442 4.04%,#2F374E 39.67%,#243752 98.01%);
    opacity: 0;
    transition: 0.3s ease-in-out
}

.industries-main .ml-0,.industries-main .mx-0 {
    margin-left: 0!important
}

.industries-main .mr-0,.industries-main .mx-0 {
    margin-right: 0!important
}

.industries-main .content-bg p {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #F3F3F3;
    position: relative;
    z-index: 1
}

.industries-main .content-bg {
    position: relative;
    overflow: hidden;
    transition: 0.15s ease-in-out;
    transform-origin: top center
}

.industries-main .content-bg img {
    position: relative;
    z-index: 1
}

.industries-main .content-bg:hover {
    transform: scale(1.05)
}

.industries-main .industries-section .ks-more-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .08em;
    text-decoration: none
}

.industries-main .ksolves-tabs a {
    font-weight: 600;
    font-size: 14px;
    color: #444;
    position: relative
}

.industries-main .nav-link {
    display: block;
    padding: .5rem 1rem
}

@media (min-width: 768px) {
    .industries-main .px-md-3,.industries-main .pl-md-3 {
        padding-left:1rem!important
    }
}

.industries-main .ksolves-tabs a {
    font-weight: 600;
    font-size: 14px;
    color: #444;
    position: relative
}

.industries-main .ksolves-tabs a:after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #007bff;
    width: 120px;
    left: 0;
    top: 18px;
    transform: translateX(-100%) scaleX(0);
    transform-origin: right;
    transition: .3s ease-in-out
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active:after {
    transform: translateX(-100%) scaleX(1)
}

.industries-main .nav-link {
    display: block;
    padding: .5rem 1rem
}

.industries-main .nav-link:focus,.industries-main .nav-link:hover {
    text-decoration: none
}

.industries-main .nav-link.disabled {
    color: #6c757d
}

.industries-main .nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.industries-main .nav-tabs .nav-item {
    margin-bottom: -1px
}

.industries-main .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.industries-main .nav-tabs .nav-link:focus,.industries-main .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.industries-main .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.industries-main .nav-tabs .nav-item.show .nav-link,.industries-main .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.industries-main .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.industries-main .nav-pills .nav-link {
    border-radius: .25rem
}

.industries-main .nav-pills .nav-link.active,.industries-main .nav-pills .show.nav-link {
    color: #fff;
    background-color: #0779e4
}

.industries-main .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.industries-main .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.industries-main .navbar-light .navbar-nav .nav-link:focus,.industries-main .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.industries-main .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.industries-main .navbar-light .navbar-nav .active.nav-link,.industries-main .navbar-light .navbar-nav .nav-link.active,.industries-main .navbar-light .navbar-nav .nav-link.show,.industries-main .navbar-light .navbar-nav .show.nav-link {
    color: rgba(0,0,0,.9)
}

.industries-main .navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

.industries-main .navbar-dark .navbar-nav .nav-link:focus,.industries-main .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
}

.industries-main .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
}

.industries-main .navbar-dark .navbar-nav .active.nav-link,.industries-main .navbar-dark .navbar-nav .nav-link.active,.industries-main .navbar-dark .navbar-nav .nav-link.show,.industries-main .navbar-dark .navbar-nav .show.nav-link {
    color: #fff
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active:after {
    transform: translateX(-100%) scaleX(1)
}

.industries-main .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.industries-main .nav-link {
    display: block;
    padding: .5rem 1rem
}

.industries-main .nav-link:focus,.industries-main .nav-link:hover {
    text-decoration: none
}

.industries-main .nav-link.disabled {
    color: #6c757d
}

.industries-main .nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.industries-main .nav-tabs .nav-item {
    margin-bottom: -1px
}

.industries-main .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.industries-main .nav-tabs .nav-link:focus,.industries-main .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.industries-main .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.industries-main .nav-tabs .nav-item.show .nav-link,.industries-main .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.industries-main .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.industries-main .nav-pills .nav-link {
    border-radius: .25rem
}

.industries-main .nav-pills .nav-link.active,.industries-main .nav-pills .show.nav-link {
    color: #fff;
    background-color: #0779e4
}

.industries-main .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.industries-main .nav-justified .nav-item {
    flex-basis: 0%;
    flex-grow: 1;
    text-align: center
}

.industries-main .tab-content.tab-pane {
    display: none
}

.industries-main .tab-content.active {
    display: block
}

.industries-main .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.industries-main .navbar .container,.industries-main .navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.industries-main .navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.industries-main .navbar-brand:focus,.industries-main .navbar-brand:hover {
    text-decoration: none
}

.industries-main .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.industries-main .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.industries-main .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.industries-main .navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.industries-main .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.industries-main .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.industries-main .navbar-toggler:focus,.industries-main .navbar-toggler:hover {
    text-decoration: none
}

.industries-main .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.industries-main .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

.industries-main .tab-content.tab-pane {
    display: none
}

.industries-main .tab-content.active {
    display: block
}

.industries-main .nav-pills .nav-link {
    border-radius: .25rem
}

.industries-main .nav-pills .nav-link.active,.industries-main .nav-pills .show.nav-link {
    color: #fff;
    background-color: #0779e4
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.industries-main .ksolves-tabs .nav-pills .nav-link.active:after {
    transform: translateX(-100%) scaleX(1)
}

.industries-main .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.industries-main .title-text {
    font-family: cursive;
    font-size: 55px;
    line-height: 1;
    position: relative
}

.industries-main .title-text {
    font-family: cursive;
    font-size: 55px;
    line-height: 1;
    position: relative
}

@media(max-width: 767px) {
    .industries-main .title-text {
        font-size:35px
    }
}

.industries-main .text-primary {
    color: #0779e4!important
}

.industries-main .title-text.title-underline:after {
    content: "";
    width: 75px;
    left: 0;
    bottom: -20px;
    height: 4px;
    background-color: #0779e4;
    position: absolute
}

@media (min-width: 576px) {
    .industries-main .col-sm-6 {
        flex:0 0 50%;
        max-width: 50%
    }
}

.salesforce-services-cloud-main .ks-marketing-banner {
    background-image: url(/image/banner-bg.webp);
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat
}

.salesforce-services-cloud-main .ks-marketing-banner {
    background-image: url(/image/marketing-cloud-bg.webp);
    background-color: rgba(0,0,0,.7);
    background-blend-mode: color;
    background-attachment: fixed;
    background-position: bottom;
    height: auto;
    align-items: center;
    display: flex
}

.salesforce-services-cloud-main .ks-who-sec-inner.py-68 {
    background-image: url(/image/ks-who-sec-inner-bg.webp);
    background-color: rgba(255,255,255,.9)!important;
    background-blend-mode: color
}

.salesforce-services-main .color-444444 {
    color: #444
}

.salesforce-services-main .color-363636 {
    color: #363636
}

.salesforce-services-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.salesforce-services-main .ks-experties-card {
    padding: 22px;
    background: #FFF;
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    height: 100%
}

.salesforce-services-main .ks-experties-card:hover {
    border-color: #113c63;
    box-shadow: 0 4px 15px 0 #00000014
}

.salesforce-services-main .ks-when-to-perform .ks-whychoose-card {
    padding: 38px 24px
}

.salesforce-services-main .ks-why-ksolve .ks-whychoose-card {
    padding: 20px
}

.salesforce-services-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.salesforce-services-main .inner-page-brands &gt;.bg-light {
    background-color: #fff!important
}

.salesforce-services-main section.bg-primary.text-white.py-5 {
    background-color: #343a40!important
}

.salesforce-services-main .ks-check-icon:before {
    content: &#x27;
    &#x27;!important;background-image: url(/wp-content/uploads/2024/02/check-circle.svg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.salesforce-services-main .list-style-none {
    list-style: none
}

.salesforce-services-main .l-h-27 {
    line-height: 27px
}

.salesforce-services-main .ks-ui-experties {
    background-image: url(/wp-content/uploads/2024/02/form-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 320px
}

.salesforce-services-main .ui-form .form-unit .form-control {
    border: none;
    border-radius: 0;
    padding: 8px 0;
    border-bottom: 1px solid #767676;
    outline: none
}

.salesforce-services-main .color-767676 {
    color: #767676
}

.salesforce-services-main .text-capitalize {
    text-transform: capitalize
}

.salesforce-services-main .bg-ping-gradient {
    background: linear-gradient(180deg,#F9F9F9 0%,#FFF5F6 155.69%)
}

.salesforce-services-main .tools-card {
    border-radius: 50px
}

.salesforce-services-main .tools-haeder {
    background-image: url(/wp-content/uploads/2024/02/tools-heading-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 128px;
    width: 504px
}

.salesforce-services-main .tools-data {
    border: 1px solid #F0F0F0
}

.salesforce-services-main .process-number {
    border-radius: 50%;
    width: 68px;
    height: 68px
}

.salesforce-services-main .bg-F6FFF0 {
    background: #F6FFF0
}

.salesforce-services-main .bg-F0F7FF {
    background: #F0F7FF
}

.salesforce-services-main .bg-F0FFFF {
    background: azure
}

.salesforce-services-main .bg-F8F0FF {
    background: #F8F0FF
}

.salesforce-services-main .bg-FDF0FF {
    background: #FDF0FF
}

.salesforce-services-main .br-right {
    border-right: 1px solid #EBEEF1
}

.salesforce-services-main .br-bottom {
    border-bottom: 8px solid #EAEAEA
}

.salesforce-services-main .color-414042 {
    color: #414042
}

.salesforce-services-main .performance-testing-blog .ks-salesforce-crm.ks-looking-for-section {
    margin-bottom: 0!important
}

.salesforce-services-main .bg-00223E {
    background: #00223E
}

.salesforce-services-main .salesforce-services-banner-sider {
    background-image: url(/wp-content/uploads/2024/03/newbanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 548px;
    height: 522px
}

.salesforce-services-main .salesforce-banner-sider-icon {
    width: 67px;
    height: 67px;
    position: absolute
}

.salesforce-services-main .salesforce-banner-sider-icon-area {
    position: relative;
    border-radius: 50%;
    width: 435px;
    height: 450px;
    margin: auto;
    top: 24px
}

.salesforce-services-main .banner-sider-icon1 {
    left: 92px;
    top: 38px
}

.salesforce-services-main .banner-sider-icon2 {
    top: 25px;
    left: 210px
}

.salesforce-services-main .banner-sider-icon3 {
    right: 42px;
    top: 90px
}

.salesforce-services-main .banner-sider-icon4 {
    right: 6px;
    top: 215px
}

.salesforce-services-main .banner-sider-icon5 {
    bottom: 62px;
    right: 45px
}

.salesforce-services-main .banner-sider-icon6 {
    bottom: 25px;
    left: 48%
}

.salesforce-services-main .banner-sider-icon7 {
    bottom: 42px;
    left: 95px
}

.salesforce-services-main .banner-sider-icon8 {
    left: 14px;
    bottom: 120px
}

.salesforce-services-main .banner-sider-icon9 {
    top: 143px;
    left: 20px
}

.salesforce-services-main .custom-tooltip .custom-tooltip-text::after {
    content: "";
    bottom: -5px;
    left: 40%;
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    transform: rotate(45deg)
}

.salesforce-services-main .custom-tooltip:hover .custom-tooltip-text,.salesforce-services-main .exp-custom-tooltip:hover .exp-custom-tooltip-text {
    display: block;
    z-index: 99
}

.salesforce-services-main .custom-tooltip .custom-tooltip-text,.salesforce-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
    background: #fff;
    display: none;
    position: absolute;
    z-index: 2;
    box-shadow: 0 4px 20px 0 #0000000F
}

.salesforce-services-main .custom-tooltip .custom-tooltip-text {
    border-radius: 4px;
    padding: 12px 18px;
    top: -65px;
    left: -40px;
    min-width: 100px
}

.salesforce-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
    border-radius: 8px;
    padding: 24px 32px;
    left: 0;
    top: 0;
    border: 1px solid #E8E7E7;
    text-align: left!important;
    line-height: 26px
}

.salesforce-services-main .salesforce-banner-sider-icon img {
    transition: .9s
}

.salesforce-services-main .salesforce-banner-sider-icon img:hover {
    transform: scale(1.19)
}

.salesforce-services-main .v-align-middle {
    vertical-align: middle
}

.salesforce-services-main .color-34353A {
    color: #34353A
}

.salesforce-services-main .color-4E4E50 {
    color: #4E4E50
}

.salesforce-services-main .bg-triangle {
    background-image: url(/wp-content/uploads/2024/02/bg-triangle.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.salesforce-services-main .color-626264 {
    color: #626264
}

.salesforce-services-main .float-right {
    float: right
}

.salesforce-services-main .read-more:hover {
    color: #113c63
}

.salesforce-services-main .read-more:hover svg path {
    stroke: #113c63
}

.salesforce-services-main .w-max-content {
    width: max-content
}

.salesforce-services-main .ks-experties-card:hover .color-28292E {
    color: #113c63
}

.salesforce-services-main .ks-experties-card .exp-custom-tooltip:hover {
    cursor: pointer
}

.salesforce-services-main .w-min-48 {
    min-width: 48px
}

.salesforce-services-main .bg-blue-card {
    height: 395px;
    border-radius: 16px;
    padding: 48px;
    gap: 32px
}

.salesforce-services-main .bg-032D60 {
    background: #032D60
}

.salesforce-services-main .color-F0F7FF {
    color: #F0F7FF
}

.salesforce-services-main .color3F3F41 {
    color: #3F3F41
}

.salesforce-services-main .ks-product-exp-card {
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    padding: 43px 28px;
    background-color: #fff;
    height: 100%
}

.salesforce-services-main .process-bg {
    height: 582px;
    border-radius: 16px;
    margin-top: -70px
}

.salesforce-services-main .salesforce-award &gt;.bg-light {
    background-color: #fff!important
}

.salesforce-services-main .choose-blue-bg {
    background-image: url(/wp-content/uploads/2024/02/choose-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    min-height: 751px
}

.salesforce-services-main .color-FCEDEF {
    color: #FCEDEF
}

.salesforce-services-main .color-032D60 {
    color: #032D60
}

.salesforce-services-main .bg-EFFAFE {
    background: #EFFAFE
}

.salesforce-services-main .salesforce-casestudy {
    padding-bottom: 30px
}

.salesforce-services-main .salesforce-casestudy .ks-looking-for-section {
    margin: 0!important
}

.salesforce-services-main .solution-business-bg {
    padding: 48px 40px;
    border-radius: 16px;
    height: 312px
}

.salesforce-services-main .salesforce-casestudy .new-card-design {
    padding-bottom: 30px
}

.salesforce-services-main .popup {
    background-color: rgba(0,0,0,.2)!important
}

.salesforce-services-main .ks-product-exp-card:hover .link-arrow-btn {
    display: block
}

.salesforce-services-main .ks-product-exp-card .link-arrow-btn {
    position: absolute;
    right: 10px;
    bottom: 6px;
    display: none
}

.salesforce-services-main .ks-product-exp-border:hover {
    border-color: #113c63
}

.salesforce-services-main .info-tooltip {
    display: none;
    position: absolute;
    top: 8px;
    right: 18px
}

.salesforce-services-main .ks-experties-card:hover .info-tooltip {
    display: block
}

.salesforce-services-main .color-F9F9F9 {
    color: #F9F9F9
}

.salesforce-services-main .color-ffffff {
    color: #fff
}

@media(min-width: 1250px) {
    .salesforce-services-main .tool-section .java-experties-large-card {
        height:320px
    }

    .salesforce-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
        padding: 24px 38px
    }
}

@media(min-width: 1200px) {
    .salesforce-services-main .java-services-large-card {
        width:100%;
        height: 100%
    }
}

@media(min-width: 992px) {
    .salesforce-services-main .service-faq-sec .card-body {
        padding-right:50px!important
    }

    .salesforce-services-main .testing-process-card {
        width: calc(100% / 5)!important
    }

    .salesforce-services-main .cust-col-lg-3 {
        flex: 0 0 auto;
        width: 20%!important
    }
}

@media(max-width: 1200px) {
    .salesforce-services-main .salesforce-services-banner-sider {
        transform:scale(.9);
        margin-left: -46px
    }

    .salesforce-services-main .bg-blue-card {
        height: auto
    }

    .salesforce-services-main .process-bg {
        height: auto
    }

    .salesforce-services-main .choose-blue-bg {
        background-position: center
    }
}

@media(max-width: 992px) {
    .salesforce-services-main .salesforce-services-banner-sider {
        transform:scale(.7);
        margin-left: -90px
    }
}

@media(max-width: 768px) {
    .salesforce-services-main .ks-ui-experties {
        height:100%
    }

    .salesforce-services-main .salesforce-services-banner-sider {
        transform: scale(1);
        margin: auto
    }

    .salesforce-services-main .bg-triangle,.choose-blue-bg {
        height: auto
    }

    .salesforce-services-main .bg-blue-card {
        margin-top: 0
    }
}

@media(max-width: 568px) {
    .salesforce-services-main .h-sm-auto {
        height:auto
    }

    .salesforce-services-main .font-sm-32 {
        font-size: 32px!important
    }

    .salesforce-services-main .font-sm-24 {
        font-size: 24px!important
    }

    .salesforce-services-main .salesforce-services-banner-sider {
        width: 308px;
        height: 306px
    }

    .salesforce-services-main .salesforce-banner-sider-icon-area {
        transform: scale(.56);
        left: -65px;
        top: -84px
    }

    .salesforce-services-main .solution-business-bg {
        height: auto
    }

    .salesforce-services-main .bg-blue-card {
        padding: 28px
    }

    .salesforce-services-main .font-56 {
        font-size: 48px!important
    }

    .salesforce-services-main .solution-business-bg {
        padding: 30px
    }
}

.openshift-devlopment-main .color-444444 {
    color: #444
}

.openshift-devlopment-main .color-363636 {
    color: #363636
}

.openshift-devlopment-main .color-3E3E3E {
    color: #3E3E3E
}

.openshift-devlopment-main .ks-cv-banner-section {
    background-image: url(/wp-content/uploads/2024/02/openshift-banner-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.openshift-devlopment-main .inner-page-brands &gt;.bg-light {
    background-color: #fff!important
}

.openshift-devlopment-main .ks-whychoose-card {
    padding: 24px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px
}

.openshift-devlopment-main .ks-discover-bg {
    background-image: url(/wp-content/uploads/2024/02/ks-discover-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto
}

.openshift-devlopment-main .ks-business-section,.ks-excellence-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 268px
}

.openshift-devlopment-main .ks-business-section {
    background-image: url(/wp-content/uploads/2024/02/next-gen-bg.webp)
}

.openshift-devlopment-main .ks-excellence-section {
    background-image: url(/wp-content/uploads/2024/02/approach-bg.webp)
}

.openshift-devlopment-main .ks-check-icon:before {
    content: ""!important;
    background-image: url(/wp-content/uploads/2024/02/check-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex!important;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.openshift-devlopment-main .list-style-none {
    list-style: none
}

.openshift-devlopment-main .inner-page-brands &gt;.bg-light {
    background-color: #fff!important
}

.openshift-devlopment-main .java-experties-large-card {
    border-radius: 16px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.openshift-devlopment-main .testing-card {
    border-radius: 8px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
    height: 100%
}

.openshift-devlopment-main .l-h-20 {
    line-height: 20px
}

.openshift-devlopment-main .subpage-case-study-haeding {
    display: block!important
}

.openshift-devlopment-main .bg-pink-gradient {
    background: linear-gradient(180deg,#F9F9F9 0%,#FFF5F6 100%)
}

.openshift-devlopment-main .testing-icon {
    min-width: 80px;
    height: 80px
}

@media(min-width: 1250px) {
    .openshift-devlopment-main .java-experties-large-card {
        height:238px
    }

    .openshift-devlopment-main .testing-card {
        height: 158px
    }

    .openshift-devlopment-main .testing-card.services {
        height: 106px
    }
}

@media(min-width: 992px) {
    .openshift-devlopment-main .ks-cv-banner-section {
        height:630px
    }

    .openshift-devlopment-main .service-faq-sec .card-body {
        padding-right: 0!important
    }
}

@media(max-width: 568px) {
    .openshift-devlopment-main .font-sm-32 {
        font-size:32px!important
    }

    .openshift-devlopment-main .custom-order-sm-1 {
        order: 1
    }

    .openshift-devlopment-main .custom-order-sm-2 {
        order: 2
    }
}

@media(max-width: 768px) {
    .openshift-devlopment-main .font-40 {
        font-size:32px!important;
        line-height: normal
    }

    .openshift-devlopment-main .ks-business-section,.ks-excellence-section {
        height: auto
    }
}

@media only screen and (max-width: 360px) {
    .openshift-devlopment-main .java-experties-large-card {
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
        gap: 20px
    }

    .openshift-devlopment-main.java-experties-title {
        text-align: center
    }

    .openshift-devlopment-main .java-experties-large-card img {
        margin: 0 auto;
        object-fit: contain;
        display: flex;
        justify-content: center
    }

    .openshift-devlopment-main .font-40 {
        font-size: 30px
    }

    .salesforce-services-main .salesforce-banner-sider-icon-area {
        transform: scale(.5);
        left: -80px;
        top: -105px
    }

    .salesforce-services-main .salesforce-banner-sider-icon-area {
        position: relative;
        border-radius: 50%;
        width: 412px;
        height: 435px;
        margin: 0 auto;
        top: -105px
    }

    .salesforce-services-main .salesforce-services-banner-sider {
        width: 250px;
        height: 250px
    }

    .salesforce-services-main .salesforce-services-banner-sider {
        transform: scale(1);
        margin: 0 auto
    }

    .salesforce-implementation-main .ks-product-exp-card {
        border: 1px solid #E8E7E7;
        border-radius: 8px;
        padding: 35px 10px;
        background-color: #fff;
        height: 100%;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        text-align: center
    }
}

.salesforce-consulting-services-main .color-1C1C1C {
    color: #1C1C1C
}

.salesforce-consulting-services-main .color-444444 {
    color: #444
}

.salesforce-consulting-services-main .color-363636 {
    color: #363636
}

.salesforce-consulting-services-main .java-services-large-card {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 24px;
    height: 100%
}

.salesforce-consulting-services-main .ks-experties-card {
    padding: 22px;
    background: #FFF;
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    height: 100%
}

.salesforce-consulting-services-main .ks-experties-card:hover {
    border-color: #113c63;
    box-shadow: 0 4px 15px 0 #00000014
}

.salesforce-consulting-services-main .ks-when-to-perform .ks-whychoose-card {
    padding: 38px 24px
}

.salesforce-consulting-services-main .ks-why-ksolve .ks-whychoose-card {
    padding: 20px
}

.salesforce-consulting-services-main .java-experties-large-card {
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #fff;
    height: 100%
}

.salesforce-consulting-services-main .inner-page-brands &gt;.bg-light {
    background-color: #fff!important
}

.salesforce-consulting-services-main section.bg-primary.text-white.py-5 {
    background-color: #343a40!important
}

.salesforce-consulting-services-main .list-style-none {
    list-style: none
}

.salesforce-consulting-services-main .l-h-27 {
    line-height: 27px
}

.salesforce-consulting-services-main .ks-ui-experties {
    background-image: url(/wp-content/uploads/2024/02/form-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 320px
}

.salesforce-consulting-services-main .ui-form .form-unit .form-control {
    border: none;
    border-radius: 0;
    padding: 8px 0;
    border-bottom: 1px solid #767676;
    outline: none
}

.salesforce-consulting-services-main .color-767676 {
    color: #767676
}

.salesforce-consulting-services-main .text-capitalize {
    text-transform: capitalize
}

.salesforce-consulting-services-main .bg-ping-gradient {
    background: linear-gradient(180deg,#F9F9F9 0%,#FFF5F6 155.69%)
}

.salesforce-consulting-services-main .tools-card {
    border-radius: 50px
}

.salesforce-consulting-services-main .tools-haeder {
    background-image: url(/wp-content/uploads/2024/02/tools-heading-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 128px;
    width: 504px
}

.salesforce-consulting-services-main .tools-data {
    border: 1px solid #F0F0F0
}

.salesforce-consulting-services-main .process-number {
    border-radius: 50%;
    width: 68px;
    height: 68px
}

.salesforce-consulting-services-main .bg-F6FFF0 {
    background: #F6FFF0
}

.salesforce-consulting-services-main .bg-F0F7FF {
    background: #F0F7FF
}

.salesforce-consulting-services-main .bg-F0FFFF {
    background: azure
}

.salesforce-consulting-services-main .bg-F8F0FF {
    background: #F8F0FF
}

.salesforce-consulting-services-main .bg-FDF0FF {
    background: #FDF0FF
}

.salesforce-consulting-services-main .br-right {
    border-right: 1px solid #EBEEF1
}

.salesforce-consulting-services-main .br-bottom {
    border-bottom: 8px solid #EAEAEA
}

.salesforce-consulting-services-main .color-414042 {
    color: #414042
}

.salesforce-consulting-services-main .performance-testing-blog .ks-salesforce-crm.ks-looking-for-section {
    margin-bottom: 0!important
}

.bg-00223E {
    background: #00223E
}

.salesforce-consulting-services-main .salesforce-services-banner-sider {
    background-image: url(/wp-content/uploads/2024/02/salesforce-services-banner-sider.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 548px;
    height: 546px
}

.salesforce-consulting-services-main .salesforce-banner-sider-icon {
    width: 67px;
    height: 67px;
    position: absolute
}

.salesforce-consulting-services-main .salesforce-banner-sider-icon-area {
    position: relative;
    border-radius: 50%;
    width: 435px;
    height: 450px;
    margin: auto;
    top: 24px
}

.salesforce-consulting-services-main .banner-sider-icon1 {
    left: 90px;
    top: 50px
}

.salesforce-consulting-services-main .banner-sider-icon2 {
    top: 25px;
    left: 210px
}

.salesforce-consulting-services-main .banner-sider-icon3 {
    right: 42px;
    top: 90px
}

.salesforce-consulting-services-main .banner-sider-icon4 {
    right: 6px;
    top: 215px
}

.salesforce-consulting-services-main .banner-sider-icon5 {
    bottom: 62px;
    right: 45px
}

.salesforce-consulting-services-main .banner-sider-icon6 {
    bottom: 0;
    left: 48%
}

.salesforce-consulting-services-main .banner-sider-icon7 {
    bottom: 30px;
    left: 85px
}

.salesforce-consulting-services-main .banner-sider-icon8 {
    left: 14px;
    bottom: 120px
}

.salesforce-consulting-services-main .banner-sider-icon9 {
    top: 143px;
    left: 20px
}

.salesforce-consulting-services-main .custom-tooltip .custom-tooltip-text::after {
    content: "";
    bottom: -5px;
    left: 40%;
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    transform: rotate(45deg)
}

.salesforce-consulting-services-main .custom-tooltip:hover .custom-tooltip-text,.salesforce-consulting-services-main .exp-custom-tooltip:hover .exp-custom-tooltip-text {
    display: block;
    z-index: 99
}

.salesforce-consulting-services-main .custom-tooltip .custom-tooltip-text,.salesforce-consulting-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
    background: #fff;
    display: none;
    position: absolute;
    z-index: 2;
    box-shadow: 0 4px 20px 0 #0000000F
}

.salesforce-consulting-services-main .custom-tooltip .custom-tooltip-text {
    border-radius: 4px;
    padding: 12px 18px;
    top: -65px;
    left: -40px;
    min-width: 100px
}

.salesforce-consulting-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
    border-radius: 8px;
    padding: 24px 32px;
    left: 0;
    top: 0;
    border: 1px solid #E8E7E7;
    text-align: left!important;
    line-height: 26px
}

.salesforce-consulting-services-main .salesforce-banner-sider-icon img {
    transition: .9s
}

.salesforce-consulting-services-main .salesforce-banner-sider-icon img:hover {
    transform: scale(1.19)
}

.salesforce-consulting-services-main .v-align-middle {
    vertical-align: middle
}

.salesforce-consulting-services-main .color-34353A {
    color: #34353A
}

.salesforce-consulting-services-main .color-4E4E50 {
    color: #4E4E50
}

.salesforce-consulting-services-main .bg-triangle {
    background-image: url(/wp-content/uploads/2024/02/bg-triangle.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 652px
}

.salesforce-consulting-services-main .salesforce-award {
    background-image: url(/wp-content/uploads/2024/02/triangle-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 904px
}

.salesforce-consulting-services-main .bg-light-img:before {
    content: "";
    background-color: #F9F9F9;
    height: 1126px;
    display: block;
    width: 100%;
    position: absolute;
    top: 0
}

.salesforce-consulting-services-main .z-index-1 {
    z-index: 1
}

.salesforce-consulting-services-main .color-626264 {
    color: #626264
}

.salesforce-consulting-services-main .float-right {
    float: right
}

.salesforce-consulting-services-main .read-more:hover {
    color: #113c63
}

.salesforce-consulting-services-main .read-more:hover svg path {
    stroke: #113c63
}

.salesforce-consulting-services-main .w-max-content {
    width: max-content
}

.salesforce-consulting-services-main .ks-experties-card:hover .color-28292E {
    color: #113c63
}

.salesforce-consulting-services-main .ks-experties-card .exp-custom-tooltip:hover {
    cursor: pointer
}

.salesforce-consulting-services-main .w-min-48 {
    min-width: 48px
}

.salesforce-consulting-services-main .bg-blue-card {
    height: 400px;
    border-radius: 16px;
    padding: 48px;
    gap: 32px;
    margin-top: 80px
}

.salesforce-consulting-services-main .bg-032D60 {
    background: #032D60!important
}

.salesforce-consulting-services-main .color-F0F7FF {
    color: #F0F7FF
}

.salesforce-consulting-services-main .color3F3F41 {
    color: #3F3F41
}

.salesforce-consulting-services-main .ks-product-exp-card {
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    padding: 43px 28px;
    background-color: #fff;
    height: 100%
}

.salesforce-consulting-services-main .process-bg {
    height: 582px;
    border-radius: 16px
}

.salesforce-consulting-services-main .salesforce-award .bg-light {
    background-color: transparent!important
}

.salesforce-consulting-services-main .choose-blue-bg {
    background-image: url(/wp-content/uploads/2024/02/choose-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    min-height: 751px
}

.salesforce-consulting-services-main .color-FCEDEF {
    color: #FCEDEF
}

.salesforce-consulting-services-main .color-032D60 {
    color: #032D60
}

.salesforce-consulting-services-main .bg-EFFAFE {
    background: #EFFAFE
}

.salesforce-consulting-services-main .salesforce-casestudy {
    padding-bottom: 30px
}

.salesforce-consulting-services-main .salesforce-casestudy .ks-looking-for-section {
    margin: 0!important
}

.salesforce-consulting-services-main .solution-business-bg {
    padding: 48px 40px;
    border-radius: 16px;
    height: 260px
}

.salesforce-consulting-services-main .salesforce-casestudy .new-card-design {
    padding-bottom: 30px
}

.salesforce-consulting-services-main .popup {
    background-color: rgba(0,0,0,.2)!important
}

.salesforce-consulting-services-main .ks-product-exp-card:hover .link-arrow-btn {
    display: block
}

.salesforce-consulting-services-main .ks-product-exp-card .link-arrow-btn {
    position: absolute;
    right: 10px;
    bottom: 6px;
    display: none
}

.salesforce-consulting-services-main .ks-product-exp-border:hover {
    border-color: #113c63
}

.salesforce-consulting-services-main .info-tooltip {
    display: none;
    position: absolute;
    top: 8px;
    right: 18px
}

.salesforce-consulting-services-main .ks-experties-card:hover .info-tooltip {
    display: block
}

.salesforce-consulting-services-main .z-index-1 {
    z-index: 1
}

.salesforce-consulting-services-main .check-icon:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/02/check-icon.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-flex;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    margin-right: 10px
}

.salesforce-consulting-services-main .color-47484F {
    color: #47484F
}

.salesforce-consulting-services-main .bg-E4F7FF {
    background: #E4F7FF
}

.salesforce-consulting-services-main .bg-service-card {
    border-radius: 16px;
    width: 500px;
    height: 406px
}

.salesforce-consulting-services-main .implementation-process {
    background-image: url(/wp-content/uploads/2024/02/process-bg.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 910px
}

.salesforce-consulting-services-main .process-number {
    background: #35567E;
    min-width: 68px;
    height: 68px
}

.salesforce-consulting-services-main .process-text {
    border: 1px solid #204067;
    border-radius: 8px;
    width: 953px
}

.salesforce-consulting-services-main .ks-product-exp-card.benefits-card {
    padding: 21px 28px
}

.salesforce-consulting-services-main .mt--190 {
    margin-top: -190px
}

.salesforce-consulting-services-main .bg-073670 {
    background-color: #073670
}

.salesforce-consulting-services-main .bg-0D4080 {
    background-color: #0D4080
}

.salesforce-consulting-services-main .br-t-l-16 {
    border-top-left-radius: 16px
}

.salesforce-consulting-services-main .br-t-r-16 {
    border-top-right-radius: 16px
}

.salesforce-consulting-services-main .br-b-l-16 {
    border-bottom-left-radius: 16px
}

.salesforce-consulting-services-main .br-b-r-16 {
    border-bottom-right-radius: 16px
}

.salesforce-consulting-services-main .color-ffffff {
    color: #fff
}

@media(min-width: 1250px) {
    .salesforce-consulting-services-main .tool-section .java-experties-large-card {
        height:320px
    }

    .salesforce-consulting-services-main .exp-custom-tooltip .exp-custom-tooltip-text {
        padding: 24px 38px
    }
}

@media(min-width: 1200px) {
    .salesforce-consulting-services-main .java-services-large-card {
        width:100%;
        height: 100%
    }
}

@media(min-width: 992px) {
    .salesforce-consulting-services-main .service-faq-sec .card-body {
        padding-right:0!important
    }

    .salesforce-consulting-services-main .testing-process-text {
        width: calc(100% / 5)!important
    }

    .salesforce-consulting-services-main .cust-col-lg-3 {
        flex: 0 0 auto;
        width: 20%!important
    }

    .salesforce-consulting-services-main .process-card-2 {
        margin-left: 9rem
    }

    .salesforce-consulting-services-main .process-card-3 {
        margin-left: 12rem
    }

    .salesforce-consulting-services-main .process-card-4 {
        margin-left: 13rem
    }
}

@media(max-width: 1200px) {
    .salesforce-consulting-services-main .salesforce-services-banner-sider {
        transform:scale(.9);
        margin-left: -46px
    }

    .salesforce-consulting-services-main .bg-blue-card {
        height: auto
    }

    .salesforce-consulting-services-main .process-bg,.choose-blue-bg,.salesforce-award {
        height: auto
    }

    .salesforce-consulting-services-main .choose-blue-bg {
        background-position: center
    }

    .salesforce-consulting-services-main .mt--190 {
        margin-top: 0
    }
}

@media(max-width: 1050px) {
    .salesforce-consulting-services-main .bg-triangle {
        height:750px
    }

    .salesforce-consulting-services-main .bg-blue-card {
        margin-top: 0
    }

    .salesforce-consulting-services-main .solution-business-bg {
        height: auto
    }
}

@media(max-width: 992px) {
    .salesforce-consulting-services-main .salesforce-services-banner-sider {
        transform:scale(.7);
        margin-left: -90px
    }

    .salesforce-consulting-services-main .bg-triangle,.choose-blue-bg {
        height: auto
    }
}

@media(max-width: 768px) {
    .salesforce-consulting-services-main .ks-ui-experties {
        height:100%
    }

    .salesforce-consulting-services-main .salesforce-services-banner-sider {
        transform: scale(1);
        margin: auto
    }

    .salesforce-consulting-services-main .bg-blue-card {
        margin-top: 0
    }

    .salesforce-consulting-services-main .process-text {
        width: auto
    }

    .salesforce-consulting-services-main .font-32 {
        font-size: 26px!important
    }
}

@media(max-width: 568px) {
    .salesforce-consulting-services-main .ks-product-exp-card {
        padding:10px 5px
    }

    .salesforce-consulting-services-main .h-sm-auto {
        height: auto
    }

    .salesforce-consulting-services-main .font-sm-32 {
        font-size: 32px!important
    }

    .salesforce-consulting-services-main .font-sm-24 {
        font-size: 24px!important
    }

    .salesforce-consulting-services-main .salesforce-services-banner-sider {
        width: 308px;
        height: 306px
    }

    .salesforce-consulting-services-main .salesforce-banner-sider-icon-area {
        transform: scale(.56);
        left: -65px;
        top: -84px
    }

    .salesforce-consulting-services-main .solution-business-bg {
        height: auto
    }

    .salesforce-consulting-services-main .bg-blue-card {
        padding: 28px
    }

    .salesforce-consulting-services-main .font-56 {
        font-size: 48px!important
    }

    .salesforce-consulting-services-main .solution-business-bg {
        padding: 30px
    }

    .salesforce-consulting-services-main .process-text {
        margin-top: -30px
    }

    .salesforce-consulting-services-main .process-number {
        z-index: 1;
        position: relative
    }

    .salesforce-consulting-services-main .br-sm-t-r-16 {
        border-top-right-radius: 16px
    }

    .salesforce-consulting-services-main .br-sm-b-l-16 {
        border-bottom-left-radius: 16px
    }

    .salesforce-consulting-services-main .br-sm-0 {
        border-radius: 0
    }

    .salesforce-consulting-services-main .bg-sm-073670 {
        background-color: #073670!important
    }

    .salesforce-consulting-services-main .bg-sm-0D4080 {
        background-color: #0D4080!important
    }

    .salesforce-consulting-services-main .ks-product-exp-card {
        padding: 20px
    }
}

.salesforce-consulting-services-main .award-cards-outer.award-cards-outer-mobile.mx-auto.position-relative.saleforce-service {
    height: auto;
    margin-bottom: 30px
}

@media(max-width: 360px) {
    .salesforce-implementation-main .font-56 {
        font-size:30px!important
    }

    .salesforce-implementation-main .font-sm-32 {
        font-size: 28px!important
    }

    .salesforce-implementation-main .font-40 {
        font-size: 30px
    }

    .salesforce-consulting-services-main .ks-product-exp-card .font-16 {
        font-size: 12px
    }

    .odoo-experience-main .l-h-46 {
        line-height: normal;
        font-size: 28px
    }

    .salesforce-services-main .ks-product-exp-card .font-16 {
        font-size: 12px
    }
}

.annual-predictive-analytics-main .m-inherit {
    margin: inherit!important
}

.annual-predictive-analytics-main .font-75 {
    font-size: 75px
}

.annual-predictive-analytics-main .l-h-24 {
    line-height: 24px
}

.annual-predictive-analytics-main .l-h-57 {
    line-height: 57px
}

.annual-predictive-analytics-main .l-h-77 {
    line-height: 77px
}

.annual-predictive-analytics-main .color-7CFFFF {
    color: #7CFFFF
}

.annual-predictive-analytics-main .color-4E4E50 {
    color: #4E4E50
}

.annual-predictive-analytics-main .color-34353A {
    color: #34353A
}

.annual-predictive-analytics-main .color-D3ECFF {
    color: #D3ECFF
}

.annual-predictive-analytics-main .color-28292E {
    color: #28292E
}

.annual-predictive-analytics-main .color-222857 {
    color: #222857
}

.annual-predictive-analytics-main .banner-bg {
    background-image: url(/wp-content/uploads/2024/02/banner-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 632px
}

.annual-predictive-analytics-main .bg-purple {
    background: linear-gradient(88.94deg,#9A1FD3 3.6%,#591E94 99.46%)
}

.annual-predictive-analytics-main .banner-event-box {
    border-radius: 8px;
    padding: 8px 24px;
    width: 715px;
    min-height: 109px;
    background-image: url(/wp-content/uploads/2024/02/banner-event-box.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.annual-predictive-analytics-main .bg-blue-img {
    background-image: url(/wp-content/uploads/2024/02/bg-blue-img.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 255px
}

.annual-predictive-analytics-main .border-l-r:before {
    content: "";
    border-right: 1px solid #471478;
    display: block;
    left: -30px;
    position: absolute;
    height: 84px;
    top: -10px
}

.annual-predictive-analytics-main .ks-counts-text {
    background: linear-gradient(91.23deg,#1D2B53 4.67%,#431873 140.04%)
}

.annual-predictive-analytics-main .bg-blue {
    background: linear-gradient(90deg,#361D68 -2.75%,#1D2B53 85.79%)
}

.annual-predictive-analytics-main .counter-card {
    width: 174px;
    height: 137px;
    border: 1px solid #A7BAC9;
    border-radius: 8px
}

.annual-predictive-analytics-main .br-16 {
    border-radius: 16px
}

.annual-predictive-analytics-main .meeting-card {
    padding: 32px 110px
}

.annual-predictive-analytics-main .meeting-card-2 {
    padding: 25px 70px
}

.annual-predictive-analytics-main .ks-solution-card {
    border: 1px solid #BCBCBC;
    border-radius: 8px;
    height: 164px
}

.annual-predictive-analytics-main .enthusiasm-card {
    background: #CDD8E633;
    height: 140px;
    border-radius: 8px
}

.annual-predictive-analytics-main .bg-grey {
    background: linear-gradient(180deg,#F6F3FD 0%,#FFFFFF 100%)
}

.annual-predictive-analytics-main .ks-team-card {
    border: 1px solid #371D69;
    width: 266px;
    height: 353px;
    border-radius: 20px;
    background-color: #F7F4FD
}

.annual-predictive-analytics-main .popup {
    background-color: rgba(0,0,0,.3)!important
}

.annual-predictive-analytics-main .object-fit-cover {
    object-fit: cover
}

@media (min-width: 992px) {
    .annual-predictive-analytics-main .space-lg-nowrap {
        white-space:nowrap
    }

    .annual-predictive-analytics-main .l-h-lg-normal {
        line-height: normal
    }
}

@media (max-width: 1250px) {
    .annual-predictive-analytics-main .counter-card {
        width:146px;
        height: 117px
    }

    .annual-predictive-analytics-main .meeting-card-2 {
        padding: 25px 50px
    }
}

@media (max-width: 1050px) {
    .annual-predictive-analytics-main .counter-card {
        width:150px;
        height: 130px
    }

    .annual-predictive-analytics-main .banner-bg {
        min-height: 582px
    }

    .annual-predictive-analytics-main .font-40 {
        font-size: 32px!important
    }

    .annual-predictive-analytics-main .font-48 {
        font-size: 38px!important;
        line-height: normal
    }

    .annual-predictive-analytics-main .font-75 {
        font-size: 50px;
        line-height: normal
    }

    .annual-predictive-analytics-main .flex-custom-lg-wrap {
        flex-wrap: wrap
    }

    .annual-predictive-analytics-main .ks-team-card {
        width: 100%
    }
}

@media only screen and (max-device-width: 768px) and (orientation:landscape) {
    .annual-predictive-analytics-main .banner-event-box {
        width:715px!important
    }

    .annual-predictive-analytics-main .banner-bg {
        min-height: 613px!important
    }

    .annual-predictive-analytics-main .meeting-card {
        flex-direction: row!important
    }

    .annual-predictive-analytics-main .order-md-1 {
        order: 1!important
    }

    .annual-predictive-analytics-main .meeting-card {
        padding: 32px 39px!important
    }
}

@media (max-width: 768px) {
    .annual-predictive-analytics-main .dm-container {
        max-width:fit-content!important
    }

    .annual-predictive-analytics-main .meeting-card {
        padding: 32px 60px
    }

    .annual-predictive-analytics-main .banner-bg {
        min-height: 634px
    }

    .annual-predictive-analytics-main .ks-team-card {
        width: 90%
    }

    .annual-predictive-analytics-main .banner-event-box {
        border: 2px solid #353AA2;
        background: none;
        width: auto!important
    }

    .annual-predictive-analytics-main .bg-blue-img,.ks-solution-card {
        height: auto
    }
}

@media (max-width: 568px) {
    .annual-predictive-analytics-main .ks-solution-card {
        height:auto
    }

    .annual-predictive-analytics-main .banner-bg {
        height: 640px
    }

    .annual-predictive-analytics-main .font-40 {
        font-size: 28px!important
    }

    .annual-predictive-analytics-main .font-75 {
        font-size: 42px
    }

    .annual-predictive-analytics-main .banner-event-box {
        width: 100%;
        height: auto
    }

    .annual-predictive-analytics-main .meeting-card,.meeting-card-2 {
        padding: 32px
    }

    .annual-predictive-analytics-main .bg-blue-img,.ks-solution-card {
        height: auto
    }
}

@media (max-width: 400px) {
    .annual-predictive-analytics-main .banner-bg {
        height:710px
    }
}

@media (max-width: 360px) {
    .annual-predictive-analytics-main .banner-bg {
        height:809px
    }

    .annual-predictive-analytics-main .enthusiasm-card {
        height: auto
    }

    .salesforce-mulesoft-main .ks-marketing-team .ks-header-panel .ks-sub-header {
        font-weight: 500;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        color: #427FCE
    }

    .salesforce-mulesoft-main .ks-buttons button,.salesforce-mulesoft-main .ks-buttons a {
        font-size: 12px!important;
        margin-right: 0;
        padding: 10px 10px!important;
        text-align: center;
        display: flex;
        justify-content: center
    }
}

@media and (min-width: 570px) and (max-width:768px) {
    .annual-predictive-analytics-main .banner-event-box {
        width:auto
    }

    .annual-predictive-analytics-main .banner-bg {
        min-height: 643px
    }
}

@media and (min-width: 460px) and (max-width:561px) {
    .annual-predictive-analytics-main .banner-bg {
        min-height:658px
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation:landscape) {
    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height:100%;
        object-fit: cover;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width:1200px) and (orientation:landscape) {
    .mobile-bg picture img.card-img-top.cust-card-img-top {
        height:100%;
        object-fit: cover;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }
}

.activenew2,.menu-has-grandchild>.activenew2>.menu-grand-child {
    display: block!important
}

@media screen and (max-width: 767px) {
    .global-ai-mgmt .row.justify-content-center {
        justify-content:left!important
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 50%!important
    }
}

body.home section.py-5.position-relative.my-xl-5 {
    overflow-x: hidden!important
}

.flashing-text {
    padding: 5px 0 5px 0
}

.popup {
    z-index: 10000
}

.header-sticky {
    z-index: 1000
}

.apache-developement-service-tab .explore-more-text-link {
    justify-content: center
}

.ks-form-outer.Request_form p.wpcf7-not-valid-tip-new {
    display: none
}

.ks-form-outer.Request_form.have_project_idea .wpcf7-not-valid-tip {
    display: none
}

file-input span.wpcf7-not-valid-tip {
    display: block!important
}

#odoo_exp_form .wpcf7-not-valid,#careeer-cf7 .wpcf7-not-valid,#ksolves_blog_form .wpcf7-not-valid {
    border: 1px solid #dc2230
}

#odoo_exp_form .wpcf7-not-valid-tip,#odoo_exp_form .recaptcha-div .wpcf7-not-valid-tip,.remove-invalid .wpcf7-not-valid-tip,.ksolve_captcha .wpcf7-not-valid-tip,#ksolves_blog_form .wpcf7-not-valid-tip {
    display: none
}

#odoo_exp_form .wpcf7-not-valid-tip:first-of-type,#odoo_exp_form .recaptcha-div .wpcf7-not-valid-tip:first-of-type,.remove-invalid .wpcf7-not-valid-tip:first-of-type,.recaptcha-div .wpcf7-not-valid-tip:first-of-type {
    display: block;
    color: #7b0505;
    font-size: 14px
}

.recaptcha-div {
    text-align: start
}

#ksolves_blog_form .wpcf7-not-valid-tip:first-of-type,.podcast_form .wpcf7-form-control-wrap[data-name="EnterYourEmail"] .wpcf7-not-valid-tip {
    display: block
}

span.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha.wpcf7-not-valid {
    border: 0!important
}

.uploaded-msg.f-w-600.font-14.text-success p {
    color: green!important
}

#ks-careers p.dscf7captcha,#ksolves_blog_form p.dscf7captcha {
    line-height: 21px;
    color: #34353a!important;
    font-weight: 600;
    display: table;
    width: 100%
}

#ks-careers #dscf7captcha-738 {
    background: transparent;
    padding: 0
}

#careeer-cf7 .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input,#ksolves_blog_form .ksolve_captcha .dscf7captcha .wpcf7-form-control-wrap input {
    margin-top: 0.5rem!important
}

#careeer-cf7 .ksolve_captcha .dscf7captcha span.wpcf7-not-valid-tip {
    font-size: 16px
}

#ksolves_blog_form input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    display: block;
    bottom: 0
}

#odoo_exp_form .recaptcha-div span.wpcf7-not-valid-tip {
    display: block;
    color: #7b0505;
    font-size: 14px
}

.form-unit.inputcall span.wpcf7-not-valid-tip,.form-unit.position-relative.mb-3.inputcall p.sub-error-message {
    display: none;
    font-size: 14px
}

.form-unit.inputcall span.wpcf7-not-valid-tip:first-of-type {
    display: block
}

button#file_upload {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 14px;
    height: 50px;
    min-width: 100%;
    max-width: 100%;
    color: #DE2B3A;
    background-color: #fff;
    border: 1px solid #DE2B3A!important;
    border-radius: 4px;
    cursor: pointer
}

.nav-pills .nav-link {
    padding: 16px!important
}

.ks-tab-content-area {
    margin-top: 0px!important
}

#v-pills-Elites .mb-lg-5 {
    margin-bottom: 0px!important
}

.our-core .ks-tab-section .ks-tab-content-area {
    padding: 0px!important
}

#ks-careers .our-core .ks-tab-section .ks-tab-content-area {
    width: 100%;
    height: 100%;
    min-height: 540px;
    padding: 40px!important;
    border-radius: 16px
}

#ks-careers .file-input .input-label {
    border: none;
    color: inherit
}

#ks-careers .file-input .input-label {
    border: none
}

.form-input {
    border: 1px solid #e8e7e7;
    border-radius: 4px;
    padding: 8px 16px;
    resize: none;
    width: 100%
}

.fade-in-section {
    opacity: 0;
    transform: translateY(20vh);
    visibility: hidden;
    transition: opacity 0.6s ease-out,transform 1.2s ease-out;
    will-change: opacity,visibility
}

.fade-in-section .is-visible {
    opacity: 1;
    transform: none;
    visibility: visible
}

.high-lights-text-custom {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 100px;
    justify-content: flex-start
}

.wpcf7 form .wpcf7-response-output {
    color: #000;
    border-color: #46b450!important;
    text-align: center!important
}

.join-us-textcolor {
    color: #fff
}

#ror-banner-section .ks-tabs li.active {
    border-color: #113c63;
    color: #113c63
}

#ror-banner-section .ks-tabs li {
    border-left: 2px solid #848484;
    min-height: 32px;
    padding-left: 28px;
    color: #848484;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

@keyframes fadeIn {
    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0
    }
}

#high-light-11 {
    padding-top: 100px
}

#ks-careers .uplode p {
    color: #000;
    font-size: 14px;
    line-height: 23px!important
}

#saas-application-service-page .high-light-images img:not(:last-child),#api-integration-service-page .high-light-images img:not(:last-child),#serverless-computing-services .high-light-images img:not(:last-child),#backup-disaster-recovery-services .high-light-images img:not(:last-child) {
    margin-bottom: 0
}

.ai-identify .ks-sections,#backup-disaster-recovery-services .ks-sections {
    width: 100%
}

#api-integration-service-page .high-light-images {
    min-width: auto
}

@media (max-width: 991px) {
    #high-light-11 {
        padding-top:20px
    }

    .high-lights-text-custom {
        padding-top: 1.25rem;
        border-top: 2px solid #ccc;
        margin-top: 100px;
        min-height: 100px
    }

    .page-section-image {
        margin-top: 30px
    }

    .desktop-animate {
        opacity: 1;
        position: inherit!important;
        top: 15rem;
        animation: fadeIn 1000ms
    }
}

.odoo-main .tab {
    display: inline-block;
    padding: 10px 20px;
    background-color: #eee;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    margin-right: -1px
}

.odoo-main .odoo-industry-view ul li.tab {
    background-color: #ffffff!important;
    color: #565758!important;
    border-color: #C4C4C4!important;
    box-shadow: none!important;
    transform: scale(1)!important;
    padding: 5px 10px
}

.odoo-main .odoo-industry-view ul li.active {
    background-color: #E33636!important;
    color: #fff!important
}

.odoo-main .tab1 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #eee;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    margin-right: -1px
}

.odoo-main .carousel-item {
    display: none
}

.odoo-main .active {
    display: block
}

.odoo-main .active .carousel-item {
    display: block
}

.odoo-main .owl-next,.odoo-main .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.2)!important;
    border-radius: 50%!important;
    color: #fff
}

.odoo-main .carousel-control-prev-icon,.odoo-main .carousel-control-next-icon {
    width: 5px;
    height: 10px;
    margin-top: 13px
}

.odoo-main .owl-next>span,.odoo-main .owl-prev>span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.odoo-main .owl-next:hover,.odoo-main .owl-prev:hover {
    background: rgba(0,0,0,.5)
}

.odoo-main .industry-btn a,.odoo-main .owl-next:focus,.odoo-main .owl-next:hover,.odoo-main .owl-prev:focus,.odoo-main .owl-prev:hover {
    opacity: 1
}

.odoo-main .owl-prev {
    left: 0
}

.odoo-main .owl-next {
    right: 0
}

.odoo-main .owl-prev>span,.odoo-main .owl-next>span {
    display: inline-block;
    width: auto;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.odoo-main .owl-prev>span,.odoo-main .owl-next>span {
    background-image: none
}

.odoo-main .owl-prev>span {
    transform: rotate(180deg)
}

.odoo-main .owl-prev>span,.odoo-main .owl-next>span {
    background-color: #fff;
    clip-path: polygon(100% 50%,0 0,0 100%)
}

.odoo-main .btn-wrap {
    text-align: center;
    width: 100%
}

.odoo-main .btn-wrap>a {
    background-color: #ddd;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.5s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.odoo-main .carousel-indicators,.big-data-consulting-company-page .bd-need-card {
    z-index: auto
}

.generative-ai-page section.ks-gi-banner-section .container.py-md-5 {
    padding-top: 6rem;
    padding-bottom: 5rem
}

.topbar {
    padding: .5rem
}

.ks-head-custom {
    margin-top: 55px!important
}

.ks-head-custom>h6 {
    margin-bottom: 50px
}

.ks-subhead-custom {
    margin-top: 45px!important
}

#join-us-form-area ::-webkit-input-placeholder {
    color: #e8e7e7;
    font-size: 15px
}

#join-us-form-area ::-moz-placeholder {
    color: #e8e7e7;
    font-size: 15px
}

#join-us-form-ar :-ms-input-placeholder {
    color: #e8e7e7;
    font-size: 15px
}

#join-us-form-ar :-moz-placeholder {
    color: #e8e7e7;
    font-size: 15px
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red
}

.page-template-template_sitemap a:hover {
    color: #b4313c
}

.ks-form-outer .form-unit span:has(input:not(:placeholder-shown))+label,.ks-form-outer .form-unit span:has(textarea:not(:placeholder-shown))+label {
    font-size: 14px;
    background-color: #fff;
    top: -8px;
    left: 8px;
    padding: 0 8px;
    font-weight: 400
}

.owl-carousel.custom-dataflow-diagram .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    footer .copyrightlink li:nth-child(3) {
        padding-left:0!important
    }

    footer .copyrightlink li.border-start {
        border-left: 0!important
    }

    .owl-carousel.custom-dataflow-diagram .owl-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        transform: translateY(-50%)
    }

    .high-lights-text-custom {
        margin-top: 24px
    }
}

.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-panel {
    box-shadow: 0 5px 12px 0 #17044D70;
    background-color: #fff;
    border: none;
    outline: none
}

.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-mute-button {
    background-color: #113c638a;
    border-radius: 50%;
    margin-left: 5px
}

.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-play-button {
    background-color: #113c638a;
    border-radius: 50%;
    margin-right: 10px
}

.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-time-remaining-display,.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-current-time-display {
    color: #113c63;
    font-weight: 700
}

.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-rewind-button {
    background-color: #113c63
}

.podcast-main .ReactModal__Content {
    font-family: "DM Sans"
}

.podcast-main .audio-image img {
    max-width: 100px
}

.podcast-main button.podcast-popup-close {
    line-height: normal
}

#latest-episode #hidden-explore-episode.exploreEpisode {
    height: 100%
}

.page-template-template_generative_ai .ks-gai-tab .nav-item.active::after {
    content: "";
    border-bottom: 3px solid #051B2D;
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%
}

.ios-main .hight-lights-sec .side-img,.android-main .hight-lights-sec .side-img,.backup-disaster-recovery-services-identify .hight-lights-sec .side-img,.cross-identify .hight-lights-sec .side-img,.ror-banner-section-identify .hight-lights-sec .side-img,.saas-identify .hight-lights-sec .side-img,.api-identify .hight-lights-sec .side-img,.ai-identify .hight-lights-sec .side-img,.serverless-identify .hight-lights-sec .side-img,.react-main .hight-lights-sec .side-img,.node-main .hight-lights-sec .side-img {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: -1;
    max-height: calc(100vh - 260px);
    border-radius: 16px!important;
    object-fit: cover
}

.ios-main .hight-lights-sec .img-animate,.android-main .hight-lights-sec .img-animate,.backup-disaster-recovery-services-identify .hight-lights-sec .img-animate,.cross-identify .hight-lights-sec .img-animate,.ror-banner-section-identify .hight-lights-sec .img-animate,.saas-identify .hight-lights-sec .img-animate,.api-identify .hight-lights-sec .img-animate,.ai-identify .hight-lights-sec .img-animate,.serverless-identify .hight-lights-sec .img-animate,.react-main .hight-lights-sec .img-animate,.node-main .hight-lights-sec .img-animate {
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    display: block!important;
    transition: 1s linear
}

.page-template-template_podcast .podcast-main .placeholder-color {
    color: #ffffffe6
}

.page-template-template_podcast .podcast-main .placeholder-color:focus-visible {
    outline: none
}

.page-template-template-careers-form .go-back p {
    color: #34353A
}

.single-post #commentform .error {
    color: #dc3232
}

.comment-form-author>div {
    position: absolute
}

.comment-form-email>div {
    position: absolute
}

@media screen and (min-width: 768px) {
    .single-post .comment-form-author,.single-post .comment-form-email,.single-post .comment-form-url {
        margin-bottom:30px
    }

    .single-post .comment-form-comment {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .single-post .comment-form-author,.single-post .comment-form-email,.single-post .comment-form-url {
        width:100%
    }
}

@media (hover: hover) {
    #single-case-study .nav-item {
        position:relative
    }

    #single-case-study .nav-item:hover:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 4px;
        width: 100%;
        border-bottom: 2px solid #113c63
    }
}

.tab-service .nav-tab-service {
    display: flex!important;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
    min-height: 60px;
    margin-bottom: 0
}

.tab-service .nav-tab-service a.nav-link-tab-service {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: Inter,sans-serif;
    color: #34353A;
    padding: 16px 8px;
    min-height: 54px
}

.tab-service .nav-tab-service a.nav-link-tab-service::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23848484' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.tab-service .nav-tab-service a.nav-link-tab-service.active,.tab-service .nav-tab-service a.nav-link-tab-service:hover {
    border-bottom: 2px solid #DE2B3A
}

.tab-service .nav-tab-service .owl-nav {
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: -5%;
    right: -5%;
    margin: 0 auto;
    display: flex;
    z-index: -5;
    transform: translateY(-50%)
}

@media screen and (max-width: 991px) {
    .tab-service .nav-tab-service .owl-nav {
        left:-8%;
        right: -8%
    }
}

.tab-service .nav-tab-service.owl-carousel .owl-nav button span {
    background-color: #fff;
    border-radius: 50%;
    background-size: 10px;
    padding: 2px 14px;
    background-repeat: no-repeat;
    color: #000;
    font-size: 28px;
    border: 1px solid #E8E7E7
}

.tab-service .nav-tab-service.owl-carousel .owl-nav button:hover {
    background-color: transparent
}

.tab-service .nav-tab-service.owl-carousel .owl-item {
    margin: 16px 0
}

@media screen and (max-width: 767px) {
    .tab-service .nav-tab-service .owl-nav {
        display:none
    }
}

.service-pop-outer {
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.service-pop-inner {
    background-color: #F3F3F3;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 719px;
    border-radius: 16px;
    padding: 32px;
    position: relative
}

@media screen and (max-width: 767px) {
    .service-pop-inner {
        max-width:375px;
        background-color: #F3F3F3;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-width: 719px;
        border-radius: 0!important;
        padding: 32px;
        position: fixed;
        bottom: 0;
        max-width: 100%!important;
        border-top-left-radius: 16px!important;
        border-top-right-radius: 16px!important;
        top: auto;
        overflow-y: auto
    }
}

.service-pop .service-pop-header {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px
}

.service-pop .service-pop-header p {
    margin: 0!important;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700!important;
    color: #0D121C
}

@media screen and (max-width: 767px) {
    .service-pop .service-pop-header p {
        font-size:24px
    }

    .service-pop .service-pop-header img {
        max-width: 32px
    }
}

.service-pop .service-pop-content {
    font-size: 14px;
    line-height: 28px;
    color: #4E4E50;
    font-weight: 400
}

.service-pop .service-pop-content ul {
    padding-left: 17px
}

.service-pop-inner .service-close {
    position: absolute;
    right: 52px;
    border: none;
    background: none
}

.service-pop-inner .service-close::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%233F3F41' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    content: "";
    position: absolute
}

*+.tawk-hr,*+hr {
    margin-top: 1rem
}

.tawk-hr.tawk-hr-dashed {
    border-style: dashed
}

.tawk-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.tawk-flex-inline {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tawk-flex-inline:after,.tawk-flex-inline:before,.tawk-flex:after,.tawk-flex:before {
    display: none
}

.tawk-flex-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tawk-flex-center {
    -ms-flex-pack: center;
    justify-content: center
}

.tawk-flex-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tawk-flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tawk-flex-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#tawk-chatinput-container.noborderbg {
    padding-top: 0;
    margin-top: -6px;
    background: #fff
}

@media screen and (min-width: 640px) {
    .tawk-flex-left\@s {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .tawk-flex-center\@s {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@s {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@s {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@s {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 960px) {
    .tawk-flex-left\@m {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .tawk-flex-center\@m {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@m {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@m {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@m {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 1200px) {
    .tawk-flex-left\@l {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .tawk-flex-center\@l {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@l {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@l {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@l {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 1600px) {
    .tawk-flex-left\@xl {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .tawk-flex-center\@xl {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@xl {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@xl {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.tawk-flex-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.tawk-flex-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.tawk-flex-middle {
    -ms-flex-align: center;
    align-items: center
}

.tawk-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.tawk-flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.tawk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tawk-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.tawk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tawk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tawk-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tawk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.tawk-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.tawk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.tawk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.tawk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.tawk-flex-wrap-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.tawk-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.tawk-flex-first {
    -ms-flex-order: -1;
    order: -1
}

.tawk-flex-last {
    -ms-flex-order: 99;
    order: 99
}

@media screen and (min-width: 640px) {
    .tawk-flex-first\@s {
        -ms-flex-order:-1;
        order: -1
    }

    .tawk-flex-last\@s {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 960px) {
    .tawk-flex-first\@m {
        -ms-flex-order:-1;
        order: -1
    }

    .tawk-flex-last\@m {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 1200px) {
    .tawk-flex-first\@l {
        -ms-flex-order:-1;
        order: -1
    }

    .tawk-flex-last\@l {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 1600px) {
    .tawk-flex-first\@xl {
        -ms-flex-order:-1;
        order: -1
    }

    .tawk-flex-last\@xl {
        -ms-flex-order: 99;
        order: 99
    }
}

.tawk-flex-none {
    -ms-flex: none;
    flex: none
}

.tawk-flex-auto {
    -ms-flex: auto;
    flex: auto
}

.tawk-flex-1 {
    -ms-flex: 1;
    flex: 1
}

.tawk-margin {
    margin-bottom: 1.5rem!important
}

*+.tawk-margin,.tawk-margin-top {
    margin-top: 1.5rem!important
}

.tawk-margin-bottom {
    margin-bottom: 1.5rem!important
}

.tawk-margin-left {
    margin-left: 1.5rem!important
}

body.tawk-rtl .tawk-margin-left {
    margin-left: auto!important;
    margin-right: 1.5rem!important
}

.tawk-margin-right {
    margin-right: 1.5rem!important
}

body.tawk-rtl .tawk-margin-right {
    margin-right: auto!important;
    margin-left: 1.5rem!important
}

.tawk-margin-xsmall {
    margin-bottom: .5rem!important
}

*+.tawk-margin-xsmall,.tawk-margin-xsmall-top {
    margin-top: .5rem!important
}

.tawk-margin-xsmall-bottom {
    margin-bottom: .5rem!important
}

.tawk-margin-xsmall-left {
    margin-left: .5rem!important
}

body.tawk-rtl .tawk-margin-xsmall-left {
    margin-left: auto!important;
    margin-right: .5rem!important
}

.tawk-margin-xsmall-right {
    margin-right: .5rem!important
}

body.tawk-rtl .tawk-margin-xsmall-right {
    margin-right: auto!important;
    margin-left: .5rem!important
}

.tawk-margin-small {
    margin-bottom: 1rem!important
}

*+.tawk-margin-small,.tawk-margin-small-top {
    margin-top: 1rem!important
}

.tawk-margin-small-bottom {
    margin-bottom: 1rem!important;
    display: flex;
    align-items: center
}

.tawk-margin-small-left {
    margin-left: 1rem!important
}

body.tawk-rtl .tawk-margin-small-left {
    margin-left: auto!important;
    margin-right: 1rem!important
}

.tawk-margin-small-right {
    margin-right: 1rem!important
}

.tawk-rtl .tawk-margin-small-right {
    margin-right: auto!important;
    margin-left: 1rem!important
}

.tawk-margin-medium {
    margin-bottom: 2rem!important
}

*+.tawk-margin-medium,.tawk-margin-medium-top {
    margin-top: 2rem!important
}

.tawk-margin-medium-bottom {
    margin-bottom: 2rem!important
}

.tawk-margin-medium-left {
    margin-left: 2rem!important
}

body.tawk-rtl .tawk-margin-medium-left {
    margin-left: auto!important;
    margin-right: 2rem!important
}

.tawk-margin-medium-right {
    margin-right: 2rem!important
}

body.tawk-rtl .tawk-margin-medium-right {
    margin-right: auto!important;
    margin-left: 2rem!important
}

.tawk-margin-large {
    margin-bottom: 2rem!important
}

*+.tawk-margin-large,.tawk-margin-large-top {
    margin-top: 2rem!important
}

.tawk-margin-large-bottom {
    margin-bottom: 2rem!important
}

.tawk-margin-large-left {
    margin-left: 2rem!important
}

body.tawk-rtl .tawk-margin-large-left {
    margin-left: auto!important;
    margin-right: 2rem!important
}

.tawk-margin-large-right {
    margin-right: 2rem!important
}

body.tawk-rtl .tawk-margin-large-right {
    margin-right: auto!important;
    margin-left: 2rem!important
}

@media screen and (min-width: 1200px) {
    .tawk-margin-large {
        margin-bottom:2.5rem!important
    }

    *+.tawk-margin-large,.tawk-margin-large-top {
        margin-top: 2.5rem!important
    }

    .tawk-margin-large-bottom {
        margin-bottom: 2.5rem!important
    }

    .tawk-margin-large-left {
        margin-left: 2.5rem!important
    }

    body.tawk-rtl .tawk-margin-large-left {
        margin-left: auto!important;
        margin-right: 2.5rem!important
    }

    .tawk-margin-large-right {
        margin-right: 2.5rem!important
    }

    body.tawk-rtl .tawk-margin-large-right {
        margin-right: auto!important;
        margin-left: 2.5rem!important
    }
}

.tawk-margin-xlarge {
    margin-bottom: 2.5rem!important
}

*+.tawk-margin-xlarge,.tawk-margin-xlarge-top {
    margin-top: 2.5rem!important
}

.tawk-margin-xlarge-bottom {
    margin-bottom: 2.5rem!important
}

.tawk-margin-xlarge-left {
    margin-left: 2.5rem!important
}

body.tawk-rtl .tawk-margin-xlarge-left {
    margin-left: auto!important;
    margin-right: 2.5rem!important
}

.tawk-margin-xlarge-right {
    margin-right: 2.5rem!important
}

body.tawk-rtl .tawk-margin-xlarge-right {
    margin-right: auto!important;
    margin-left: 2.5rem!important
}

@media screen and (min-width: 1200px) {
    .tawk-margin-xlarge {
        margin-bottom:3rem!important
    }

    *+.tawk-margin-xlarge,.tawk-margin-xlarge-top {
        margin-top: 3rem!important
    }

    .tawk-margin-xlarge-bottom {
        margin-bottom: 3rem!important
    }

    .tawk-margin-xlarge-left {
        margin-left: 3rem!important
    }

    body.tawk-rtl .tawk-margin-xlarge-left {
        margin-left: auto!important;
        margin-right: 3rem!important
    }

    .tawk-margin-xlarge-right {
        margin-right: 3rem!important
    }

    body.tawk-rtl .tawk-margin-xlarge-right {
        margin-right: auto!important;
        margin-left: 3rem!important
    }
}

.tawk-margin-remove {
    margin: 0!important
}

.tawk-margin-remove-top {
    margin-top: 0!important
}

.tawk-margin-remove-bottom {
    margin-bottom: 0!important
}

.tawk-margin-remove-left {
    margin-left: 0!important
}

body.tawk-rtl .tawk-margin-remove-left {
    margin-left: auto!important;
    margin-right: 0!important
}

.tawk-margin-remove-right {
    margin-right: 0!important
}

body.tawk-rtl .tawk-margin-remove-right {
    margin-right: auto!important;
    margin-left: 0!important
}

.tawk-margin-remove-vertical {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.tawk-margin-remove-adjacent+* {
    margin-top: 0!important
}

.tawk-margin-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.tawk-margin-auto-top {
    margin-top: auto!important
}

.tawk-margin-auto-bottom {
    margin-bottom: auto!important
}

.tawk-margin-auto-left {
    margin-left: auto!important
}

body.tawk-rtl .tawk-margin-auto-left {
    margin-right: auto!important;
    margin-left: 0!important
}

.tawk-margin-auto-right {
    margin-right: auto!important
}

body.tawk-rtl .tawk-margin-auto-right {
    margin-left: auto!important;
    margin-right: 0!important
}

.tawk-margin-auto-vertical {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.tawk-padding {
    padding: 1rem!important
}

@media screen and (min-width: 1200px) {
    .tawk-padding {
        padding:2rem!important
    }
}

.tawk-padding-large {
    padding: 1rem!important
}

@media screen and (min-width: 1200px) {
    .tawk-padding-large {
        padding:2.5rem!important
    }
}

.tawk-padding-remove {
    padding: 0!important
}

.tawk-padding-remove-top {
    padding-top: 0!important
}

.tawk-padding-remove-bottom {
    padding-bottom: 0!important
}

.tawk-padding-remove-left {
    padding-left: 0!important
}

body.tawk- .tawk-padding-remove-left {
    padding-left: auto!important;
    padding-right: 0!important
}

.tawk-padding-remove-right {
    padding-right: 0!important
}

body.tawk- .tawk-padding-remove-right {
    padding-right: auto!important;
    padding-left: 0!important
}

.tawk-padding-remove-vertical {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.tawk-padding-remove-horizontal {
    padding-left: 0!important;
    padding-right: 0!important
}

.tawk-text-regular-1 {
    font-size: .75rem
}

.tawk-text-regular-1,.tawk-text-regular-2 {
    line-height: 1.618;
    font-weight: 400;
    color: #545454
}

.tawk-text-regular-2 {
    font-size: .812rem
}

.tawk-text-regular-3 {
    font-size: .937rem;
    line-height: 1.618;
    font-weight: 400;
    color: #545454
}

.tawk-text-bold-1,.tawk-text-regular-4 {
    font-size: 1rem;
    line-height: 1.618;
    font-weight: 400;
    color: #545454
}

.tawk-text-bold-2 {
    font-size: 1.25rem
}

.tawk-text-bold-2,.tawk-text-bold-3 {
    line-height: 1.5;
    font-weight: 600;
    color: #545454
}

.tawk-text-bold-3 {
    font-size: 1.5rem
}

.tawk-text-bold-4 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 600;
    color: #545454
}

.tawk-text-green-1 {
    color: #03a84e!important
}

.tawk-text-yellow-1 {
    color: #fdc20f!important
}

.tawk-text-red-1 {
    color: #bf1212!important
}

.tawk-text-grey-0 {
    color: #242424!important
}

.tawk-text-grey-1 {
    color: #545454!important
}

.tawk-text-grey-2 {
    color: #92929e!important
}

.tawk-text-grey-3 {
    color: #d9dbe4!important
}

.tawk-text-grey-4 {
    color: #f7f7f9!important
}

.tawk-text-white {
    color: #fff!important
}

.tawk-text-bold {
    font-weight: 600
}

.tawk-text-italic {
    font-style: italic
}

.tawk-text-oblique {
    font-style: oblique
}

.tawk-text-underline {
    text-decoration: underline
}

.tawk-text-uppercase {
    text-transform: uppercase!important
}

.tawk-text-capitalize {
    text-transform: capitalize!important
}

.tawk-text-lowercase {
    text-transform: lowercase!important
}

.tawk-text-left {
    text-align: left!important
}

.tawk-text-right,body.tawk-rtl .tawk-text-left {
    text-align: right!important
}

body.tawk-rtl .tawk-text-right {
    text-align: left!important
}

.tawk-text-center {
    text-align: center!important
}

.tawk-text-justify {
    text-align: justify!important
}

@media screen and (min-width: 640px) {
    .tawk-text-left\@s {
        text-align:left!important
    }

    .tawk-text-right\@s,body.tawk-rtl .tawk-text-left\@s {
        text-align: right!important
    }

    body.tawk-rtl .tawk-text-right\@s {
        text-align: left!important
    }

    .tawk-text-center\@s {
        text-align: center!important
    }
}

@media screen and (min-width: 960px) {
    .tawk-text-left\@m {
        text-align:left!important
    }

    .tawk-text-right\@m,body.tawk-rtl .tawk-text-left\@m {
        text-align: right!important
    }

    body.tawk-rtl .tawk-text-right\@m {
        text-align: left!important
    }

    .tawk-text-center\@m {
        text-align: center!important
    }
}

@media screen and (min-width: 1200px) {
    .tawk-text-left\@l {
        text-align:left!important
    }

    .tawk-text-right\@l,body.tawk-rtl .tawk-text-left\@l {
        text-align: right!important
    }

    body.tawk-rtl .tawk-text-right\@l {
        text-align: left!important
    }

    .tawk-text-center\@l {
        text-align: center!important
    }
}

@media screen and (min-width: 1600px) {
    .tawk-text-left\@xl {
        text-align:left!important
    }

    .tawk-text-right\@xl,body.tawk-rtl .tawk-text-left\@xl {
        text-align: right!important
    }

    body.tawk-rtl .tawk-text-right\@xl {
        text-align: left!important
    }

    .tawk-text-center\@xl {
        text-align: center!important
    }
}

.tawk-text-top {
    vertical-align: top!important
}

.tawk-text-middle {
    vertical-align: middle!important
}

.tawk-text-bottom {
    vertical-align: bottom!important
}

.tawk-text-baseline {
    vertical-align: baseline!important
}

.tawk-text-nowrap {
    white-space: nowrap
}

.tawk-box-shadow-xsmall {
    box-shadow: 0 2px 3px rgba(0,0,0,.08)
}

.tawk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.tawk-box-shadow-medium {
    box-shadow: 0 5px 15px rgba(0,0,0,.12)
}

.tawk-box-shadow-large {
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.tawk-box-shadow-xlarge {
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

.tawk-text-truncate {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tawk-float-left {
    float: left!important
}

.tawk-float-right,body.tawk-rtl .tawk-float-left {
    float: right!important
}

body.tawk-rtl .tawk-float-right {
    float: left!important
}

.tawk-alert {
    padding: 1rem 1.5rem;
    background: #fff;
    color: #545454;
    border: 1px solid #d9dbe4;
    border-left-width: 5px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box
}

.tawk-alert .tawk-close {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    border: 0;
    height: 100%;
    border-radius: 0 5px 5px 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    background: #f7f7f9
}

.tawk-alert .tawk-close:focus,.tawk-alert .tawk-close:hover {
    cursor: pointer;
    outline: none
}

.tawk-alert .tawk-close.tawk-isMobile,.tawk-alert:hover .tawk-close {
    visibility: visible
}

.tawk-alert .tawk-close span {
    display: block;
    position: relative;
    width: .9375rem;
    height: .9375rem;
    opacity: .8
}

.tawk-alert .tawk-close:hover span,.tawk-alert .tawk-close span:hover {
    opacity: 1
}

.tawk-close span:after,.tawk-close span:before {
    display: inline-block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: .9375rem;
    width: .125rem;
    background-color: #333
}

.tawk-close span:before {
    transform: rotate(45deg)
}

.tawk-close span:after {
    transform: rotate(-45deg)
}

.tawk-alert-success {
    border-left-color: #03a84e
}

.tawk-alert-success .tawk-alert-icon,.tawk-alert-success .tawk-alert-title {
    color: #03a84e
}

.tawk-alert-warning {
    border-left-color: #fdc20f
}

.tawk-alert-warning .tawk-alert-icon,.tawk-alert-warning .tawk-alert-title {
    color: #fdc20f
}

.tawk-alert-danger {
    border-left-color: #bf1212
}

.tawk-alert-danger .tawk-alert-icon,.tawk-alert-danger .tawk-alert-title {
    color: #bf1212
}

.tawk-alert-title {
    font-size: .937rem;
    color: #545454
}

.tawk-alert-icon {
    color: #545454
}

.tawk-alert-xsmall {
    padding: .5rem
}

.tawk-alert-xsmall .tawk-alert-title {
    font-size: .75rem
}

.tawk-alert-xsmall .tawk-alert-description {
    font-size: .75rem;
    font-size: calc(fontSize(xsmall) - .125rem)
}

.tawk-alert-small {
    padding: 1rem
}

.tawk-alert-small .tawk-alert-title {
    font-size: .812rem
}

.tawk-alert-medium {
    padding: 2rem
}

.tawk-alert-medium .tawk-alert-title {
    font-size: .937rem
}

.alert-fade-enter-active,.alert-fade-leave-active {
    transition: opacity .5s
}

.alert-fade-enter,.alert-fade-leave-to {
    opacity: 0
}

.tawk-avatar {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    font-size: 1rem;
    line-height: 2.75rem;
    text-align: center;
    background-color: transform;
    border: 2px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden
}

.tawk-avatar.tawk-avatar-count {
    background-color: #fff;
    background-color: var(--tawk-header-text-color);
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-avatar .tawk-avatar-image {
    line-height: 0
}

.tawk-avatar .tawk-avatar-image>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tawk-avatar-xsmall {
    height: 2rem;
    width: 2rem;
    font-size: .75rem;
    line-height: 1.75rem
}

.tawk-avatar-small {
    height: 2.5rem;
    width: 2.5rem;
    font-size: .812rem;
    line-height: 2.25rem
}

.tawk-avatar-medium {
    height: 3.5rem;
    width: 3.5rem;
    font-size: .937rem;
    line-height: 3.25rem
}

.tawk-avatar-large {
    height: 4rem;
    width: 4rem;
    font-size: 1.25rem;
    line-height: 3.75rem
}

.tawk-badge {
    height: 1.25rem;
    width: 1.25rem;
    box-sizing: border-box;
    font-size: .687rem;
    line-height: 1.25rem;
    vertical-align: middle;
    text-align: center;
    background: #bf1212;
    color: #fff;
    border-radius: 50%
}

.tawk-branding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tawk-branding img {
    max-width: 16px;
    width: 100%;
    margin: 0 4px
}

.tawk-branding b {
    margin: 0 .2rem
}

.tawk-branding:hover {
    background: #f7f7f9;
    border-radius: 1.25rem
}

.tawk-button {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    border: 1px solid #03a84e;
    border-color: var(--tawk-header-background-color);
    line-height: 1.5rem;
    text-align: center;
    text-decoration: none;
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-button:not(:disabled) {
    cursor: pointer
}

.tawk-button:disabled {
    cursor: not-allowed;
    opacity: .7
}

.tawk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.tawk-button:hover,a.tawk-button:hover {
    text-decoration: none
}

a.tawk-button:hover {
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-button:active,.tawk-button:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.tawk-button-success {
    background-color: #03a84e;
    color: #fff;
    border: 1px solid #03a84e
}

.tawk-button-danger {
    background-color: #f0505c;
    color: #fff;
    border: 1px solid #f0505c
}

.tawk-button-outline,a.tawk-button-outline:hover {
    background-color: #fff;
    background-color: var(--tawk-header-text-color);
    color: #03a84e;
    color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-button-outline:hover {
    color: var(--tawk-header-text-color);
    background-color: var(--tawk-header-background-color)
}

.tawk-button-outline-success {
    color: #03a84e;
    border: 1.5px solid #03a84e
}

.tawk-button-outline-danger {
    color: #f0505c;
    border: 1.5px solid #f0505c
}

.tawk-button-dashed {
    border-style: dashed;
    background-color: #fff;
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-button-small {
    padding: .25rem 1rem;
    line-height: 1.5rem;
    font-size: .812rem
}

.tawk-button-large {
    padding: 1rem 2rem;
    line-height: 1.5rem;
    font-size: .937rem
}

.tawk-button-rounded {
    border-radius: 2.5rem
}

.tawk-button-small.tawk-button-rounded {
    border-radius: 1.875rem
}

.tawk-button-large.tawk-button-rounded {
    border-radius: 2.5rem
}

.tawk-button-text {
    padding: 0;
    line-height: 1.618;
    background: 0 0;
    border: none
}

.tawk-button-text,.tawk-button-text:focus,.tawk-button-text:hover {
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-button-text:active,.tawk-button-text:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.tawk-button-text:disabled {
    color: #92929e!important;
    cursor: not-allowed;
    outline: none
}

.tawk-button-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

.tawk-button-circle {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border-radius: 100%
}

.tawk-button-circle.tawk-button-small {
    height: 1.625rem;
    width: 1.625rem;
    line-height: 1.625rem
}

.tawk-button-circle.tawk-button-large {
    height: 3.75rem;
    width: 3.75rem;
    line-height: 3.75rem
}

.tawk-button-dashed .tawk-button-color-inverse,.tawk-button-outline .tawk-button-color-inverse {
    color: #fff;
    color: var(--tawk-header-text-color);
    border-color: #fff;
    border-color: var(--tawk-header-text-color)
}

.tawk-button-text.tawk-button-color-inverse,.tawk-button-text.tawk-button-color-inverse:focus,.tawk-button-text.tawk-button-color-inverse:hover {
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-card {
    position: relative;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 5px
}

.tawk-card,.tawk-card-default {
    background-color: #f7f7f9;
    color: #92929e
}

.tawk-card-inverse {
    background-color: #fff;
    color: #92929e
}

.tawk-card-primary {
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-card-xsmall {
    padding: .5rem
}

.tawk-card-small {
    padding: 1rem
}

.tawk-card-medium {
    padding: 2rem
}

.tawk-card-large {
    padding: 2.5rem
}

.tawk-chat-bubble {
    position: relative;
    box-sizing: border-box;
    padding: 1rem;
    background-color: #f7f7f9;
    color: #545454;
    border-radius: 5px
}

.tawk-chat-bubble.tawk-active {
    background-color: #03a84e;
    color: #fff
}

.tawk-chat-bubble>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.tawk-chat-bubble>:first-child {
    margin-top: 0
}

.tawk-chat-bubble>:last-child {
    margin-bottom: 0
}

.tawk-chat-bubble .tawk-link,.tawk-chat-bubble a {
    text-decoration: underline;
    cursor: pointer
}

.tawk-chat-bubble ol,.tawk-chat-bubble ul {
    margin: 0;
    list-style-position: inside
}

.tawk-chat-bubble ul {
    list-style-type: disc
}

.tawk-chat-bubble ul>ul {
    list-style-type: circle;
    padding-left: 1rem
}

.tawk-chat-bubble ul>ul>ul {
    list-style-type: square;
    padding-left: 1rem
}

.tawk-chat-bubble ul>ul>ul>ul {
    list-style-type: disc;
    padding-left: 1rem
}

.tawk-chat-bubble ul>ul>ul>ul>ul {
    list-style-type: circle;
    padding-left: 1rem
}

.tawk-chat-bubble ol {
    list-style-type: decimal
}

.tawk-chat-bubble ol>ol {
    list-style-type: lower-alpha;
    padding-left: 1rem
}

.tawk-chat-bubble ol>ol>ol {
    list-style-type: lower-roman;
    padding-left: 1rem
}

.tawk-chat-bubble ol>ol>ol>ol {
    list-style-type: decimal;
    padding-left: 1rem
}

.tawk-chat-bubble ol>ol>ol>ol>ol {
    list-style-type: lower-alpha;
    padding-left: 1rem
}

.tawk-chat-bubble blockquote {
    position: relative;
    padding-left: .8rem;
    font-style: normal
}

.tawk-chat-bubble blockquote:after,.tawk-chat-bubble blockquote:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 3px;
    border-radius: 3px;
    background-color: #545454
}

.tawk-chat-bubble code {
    box-sizing: border-box;
    padding: .3rem
}

.tawk-chat-bubble code,.tawk-chat-bubble pre {
    border: 1px solid #d9dbe4;
    border-radius: 4px;
    color: #545454;
    color: var(--tawk-visitor-text-color);
    background-color: hsla(0,0%,100%,.18823529411764706)
}

.tawk-chat-bubble pre {
    padding: .5rem
}

.tawk-chat-bubble .tawk-icon {
    color: #03a84e
}

.tawk-chat-bubble.tawk-active .tawk-icon,.tawk-chat-bubble.tawk-active .tawk-link,.tawk-chat-bubble.tawk-active a {
    color: #fff
}

.tawk-chat-bubble ul[class^=tawk-chat-bubble-] {
    margin-left: 0;
    padding: 0;
    list-style: none
}

.tawk-chat-bubble-images {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: auto;
    gap: 4px 4px
}

.tawk-chat-bubble-images li .tawk-image,.tawk-chat-bubble-images li>img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    cursor: pointer;
    border-radius: 5px
}

.tawk-grid-1>li {
    grid-area: 1/1/2/7
}

.tawk-grid-2>li:first-child {
    grid-area: 1/1/2/4
}

.tawk-grid-2>li:nth-child(2) {
    grid-area: 1/4/2/7
}

.tawk-grid-3>li:first-child {
    grid-area: 1/1/2/7
}

.tawk-grid-3>li:nth-child(2) {
    grid-area: 2/1/3/4
}

.tawk-grid-3>li:nth-child(3) {
    grid-area: 2/4/3/7
}

.tawk-grid-4>li:first-child {
    grid-area: 1/1/2/4
}

.tawk-grid-4>li:nth-child(2) {
    grid-area: 1/4/2/7
}

.tawk-grid-4>li:nth-child(3) {
    grid-area: 2/1/3/4
}

.tawk-grid-4>li:nth-child(4) {
    grid-area: 2/4/3/7
}

.tawk-grid-5>li:first-child {
    grid-area: 1/1/2/4
}

.tawk-grid-5>li:nth-child(2) {
    grid-area: 1/4/2/7
}

.tawk-grid-5>li:nth-child(3) {
    grid-area: 2/1/3/3
}

.tawk-grid-5>li:nth-child(4) {
    grid-area: 2/3/3/5
}

.tawk-grid-5>li:nth-child(5) {
    grid-area: 2/5/3/7
}

.tawk-chat-bubble-videos li {
    border-radius: 5px;
    overflow: hidden
}

.tawk-chat-bubble-audios audio {
    height: 40px;
    width: 100%;
    border-radius: 5px;
    display: block
}

.tawk-chat-bubble-files li {
    margin-bottom: .5rem
}

.tawk-chat-bubble-files li:last-child {
    margin-bottom: 0
}

.tawk-chat-bubble-audios li a,.tawk-chat-bubble-files li a {
    border-left-color: var(--var-header-text-color);
    border-bottom: 1px solid #fff;
    border-bottom-color: var(--var-header-text-color);
    border-right-color: var(--var-header-text-color);
    border-top-color: var(--var-header-text-color);
    text-decoration: none
}

.tawk-chat-bubble-audios li i,.tawk-chat-bubble-files li i {
    transform: rotate(-45deg);
    margin-top: 1px
}

.tawk-chatinput {
    width: 100%;
    padding: 0;
    position: relative;
    box-sizing: border-box
}

.tawk-chatinput-emojis {
    position: absolute;
    bottom: 100%;
    left: auto;
    right: 0;
    top: auto;
    margin: 0 auto .25rem;
    z-index: 2;
    width: 100%;
    max-width: 19.875rem
}

.tawk-chatinput-emojis .tawk-emoji-picker {
    margin: 0 auto;
    width: 100%
}

.tawk-chatinput-fileupload {
    box-sizing: border-box;
    padding: .5rem
}

.tawk-chatinput-fileupload-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.tawk-chatinput-fileupload-input,.tawk-chatinput-fileupload-preview {
    margin-right: .625rem;
    width: 3.125rem;
    height: 3.125rem
}

.tawk-chatinput-fileupload-preview {
    padding: 0;
    position: relative;
    background: #f7f7f9;
    border-radius: 5px
}

.tawk-chatinput-fileupload-preview .tawk-icon {
    color: #92929e
}

.tawk-chatinput-fileupload-preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px
}

.tawk-chatinput-fileupload-input {
    background: #f7f7f9;
    border-radius: 5px;
    cursor: pointer
}

.tawk-chatinput-fileupload-input .tawk-icon-add {
    color: #92929e
}

.tawk-chatinput-fileupload-input:hover {
    cursor: pointer
}

.tawk-chatinput-fileupload input {
    display: none;
    box-sizing: border-box
}

.tawk-chatinput-editor {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    min-height: 40px;
    height: 1rem;
    max-height: 9.375rem;
    resize: none;
    outline: none;
    border: 0;
    box-sizing: border-box;
    padding: 0 5.5rem 0 0;
    margin: .15rem 0 0;
    overflow-y: auto
}

.tawk-chatinput-action-buttons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999
}

.tawk-chatinput-action-buttons.active {
    transition: all .1s ease;
    right: 2rem
}

.tawk-chatinput-button {
    color: #92929e;
    background: 0 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    z-index: 999;
    width: 1.8rem
}

.tawk-chatinput-button.tawk-chatinput-focused {
    color: #545454
}

.tawk-chatinput-button:hover {
    cursor: pointer
}

.tawk-chatinput-button:focus {
    outline: none
}

.tawk-chatinput-button.active .tawk-chatinput-ratings {
    width: 3.8125rem;
    opacity: 1
}

.tawk-chatinput-button.active .tawk-chatinput-rating {
    opacity: 0
}

.tawk-chatinput-rating {
    transition: opacity 1s ease-in-out
}

.tawk-chatinput-ratings {
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    width: 0;
    bottom: -10px;
    transition: all .3s ease;
    right: 0;
    height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1
}

.tawk-chatinput-ratings input {
    display: none
}

.tawk-chatinput-rate {
    background: 0 0;
    display: inline-block;
    border: 0;
    padding: 0
}

.tawk-chatinput-rate:hover {
    transform: scale(1.4);
    cursor: pointer
}

.tawk-chatinput-ratings-thumbs-down {
    color: #bf1212
}

.tawk-chatinput-ratings-thumbs-up {
    color: #03a84e
}

.tawk-chatinput-send-container {
    position: absolute;
    top: 0;
    right: 0
}

.tawk-chatinput-send {
    background: 0 0;
    color: #03a84e;
    border: 1px solid transparent;
    padding: 0;
    width: 1.8rem
}

.tawk-chatinput-send:hover {
    cursor: pointer
}

.tawk-chatinput-send:focus {
    outline: 1px solid #1f6885
}

.tawk-chatinput-file-remove {
    position: absolute;
    right: -6px;
    top: -6px;
    background: #fff;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    border: 1px solid #bf1212;
    cursor: pointer
}

.tawk-chatinput-file-remove .tawk-icon-close {
    font-size: .375rem;
    color: #bf1212
}

.tawk-chatinput-wrap {
    position: relative
}

.tawk-rtl .tawk-chatinput-editor {
    padding: 0 0 0 5.5rem
}

.tawk-rtl .tawk-chatinput-action-buttons {
    left: 0;
    right: auto
}

.tawk-rtl .tawk-chatinput-action-buttons.active {
    left: 30px
}

.tawk-rtl .tawk-chatinput-emojis,.tawk-rtl .tawk-chatinput-ratings,.tawk-rtl .tawk-chatinput-send-container {
    left: 0;
    right: auto
}

.tawk-checkbox-container {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    margin: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.tawk-rtl .tawk-checkbox-container {
    padding-right: 2rem;
    padding-left: 0;
    text-align: right
}

.tawk-checkbox-container .tawk-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.tawk-checkbox-container .tawk-checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1rem;
    width: 1rem;
    border: 1px solid #d9dbe4;
    border-radius: 2px;
    background: #fff
}

body.tawk-rtl .tawk-checkbox-container .tawk-checkmark {
    right: 0;
    left: auto
}

.tawk-checkbox-container:hover .tawk-checkbox~.tawk-checkmark {
    border-color: #d9dbe4
}

.tawk-checkbox-container .tawk-checkbox:checked~.tawk-checkmark {
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-checkbox-container .tawk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tawk-checkbox-container .tawk-checkbox:checked~.tawk-checkmark:after {
    display: block
}

.tawk-checkbox-container .tawk-checkmark:after {
    left: 5px;
    top: 2px;
    width: .25rem;
    height: .5rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.tawk-checkbox-container .tawk-form-label {
    color: #545454;
    font: 400 .812rem Lato,sans-serif
}

.tawk-checkbox-container .tawk-checkbox[disabled]~.tawk-form-label {
    color: #d9dbe4
}

.tawk-dropdown {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.tawk-dropdown-menu {
    display: none;
    position: absolute;
    top: 2.5rem;
    z-index: 2000;
    box-sizing: border-box;
    min-width: 9.375rem;
    max-width: 12.5rem;
    padding: 1rem;
    background-color: #fff;
    color: #545454;
    box-shadow: 0 5px 15px rgba(0,0,0,.12)
}

.tawk-dropdown-menu.tawk-open {
    display: block
}

.tawk-dropdown-menu-right {
    right: 0
}

.tawk-dropdown-menu-left {
    left: 0
}

.slide-fade-enter-active {
    transition: all .3s ease
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1,.5,.8,1)
}

.slide-fade-enter,.slide-fade-leave-to {
    transform: translateY(10px)
}

.tawk-emoji-picker {
    width: 100%;
    max-width: 19.875rem;
    min-height: 16.0625rem;
    border: 1px solid #d9dbe4;
    border-radius: 5px;
    background: #fff;
    position: relative
}

.tawk-emoji-loading {
    width: 2em;
    height: 2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.2);
    border-left-color: #333;
    animation: rotateCircleLoader 1.1s linear infinite
}

@keyframes rotateCircleLoader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tawk-emoji-group {
    border-bottom: 1px solid #d9dbe4
}

.tawk-emoji-group-tab {
    padding: .5rem
}

.tawk-emoji-group-tab:hover {
    cursor: pointer
}

.tawk-emoji-group-tab-active {
    position: relative
}

.tawk-emoji-group-tab-active:after {
    content: "";
    background: #03a84e;
    position: absolute;
    height: .125rem;
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    top: 100%
}

.tawk-emoji-group-tab img {
    width: 1.125rem;
    fill: #03a84e
}

.tawk-emoji-search-container {
    box-sizing: border-box;
    padding: 1rem .5rem
}

.tawk-emoji-sticky-header {
    padding: 0 .5rem
}

.tawk-emoji-header,.tawk-emoji-sticky-header {
    margin: 0;
    font: 400 .812rem Lato,sans-serif;
    color: #545454
}

.tawk-emoji-scroll {
    height: 6.75rem;
    padding: 0 .5rem;
    position: relative;
    overflow: scroll
}

.tawk-emoji-preview {
    box-sizing: border-box;
    height: 3.125rem;
    background: #f7f7f9;
    padding: .5rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.tawk-emoji-preview-image {
    box-sizing: border-box;
    max-width: 15%;
    height: 100%
}

.tawk-emoji-preview-image img {
    max-width: 1.875rem
}

.tawk-emoji-preview-name {
    box-sizing: border-box;
    margin: 0;
    font: 600 .812rem Lato,sans-serif;
    max-width: 14.375rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.tawk-emoji-preview-shortname {
    font: 600 .75rem Lato,sans-serif
}

.tawk-emoji {
    margin: .375rem .5rem;
    padding: 0;
    border: 0;
    background: 0 0;
    border-radius: 5px
}

.tawk-emoji:hover {
    cursor: pointer;
    background: #03a84e
}

.tawk-emoji:focus {
    outline: 1px solid #1f6885
}

.tawk-emoji {
    height: 1.5rem;
    max-height: 1.5rem;
    width: 1.5rem;
    max-width: 1.5rem
}

.tawk-emoji img {
    max-width: 1.5rem;
    display: inline-block
}

.tawk-icon {
    font-family: tawk-font-icon;
    font-size: 1.125rem;
    color: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-style: normal;
    display: inline-block;
    margin: 0 .2em;
    width: 1em;
    text-align: center
}

body.tawk-rtl .tawk-icon {
    transform: scaleX(-1)
}

.tawk-icon-xsmall {
    font-size: .75rem
}

.tawk-icon-small {
    font-size: .812rem
}

.tawk-icon-medium {
    font-size: .937rem
}

.tawk-icon-large {
    font-size: 1.25rem
}

.tawk-icon-xlarge {
    font-size: 1.5rem
}

.tawk-icon-xxlarge {
    font-size: 2rem
}

.tawk-icon-add:before {
    content: "\e824"
}

.tawk-icon-alert:before {
    content: "\e825"
}

.tawk-icon-attach-file:before {
    content: "\e826"
}

.tawk-icon-audio-file:before {
    content: "\e827"
}

.tawk-icon-call:before {
    content: "\e800"
}

.tawk-icon-call-incoming:before {
    content: "\e801"
}

.tawk-icon-change-name:before {
    content: "\e802"
}

.tawk-icon-chat:before {
    content: "\e803"
}

.tawk-icon-close:before {
    content: "\e804"
}

.tawk-icon-down-arrow-1:before {
    content: "\e805"
}

.tawk-icon-down-arrow-2:before {
    content: "\e806"
}

.tawk-icon-down-arrow-3:before {
    content: "\e807"
}

.tawk-icon-download:before {
    content: "\e808"
}

.tawk-icon-email-transcript:before {
    content: "\e809"
}

.tawk-icon-emoji:before {
    content: "\e80a"
}

.tawk-icon-end-call:before {
    content: "\e80b"
}

.tawk-icon-end-chat:before {
    content: "\e80c"
}

.tawk-icon-error:before {
    content: "\e80d"
}

.tawk-icon-file:before {
    content: "\e80e"
}

.tawk-icon-file-text:before {
    content: "\e80f"
}

.tawk-icon-filter:before {
    content: "\e810"
}

.tawk-icon-hamburger-menu:before {
    content: "\e811"
}

.tawk-icon-left-arrow:before {
    content: "\e812"
}

.tawk-icon-message:before {
    content: "\e813"
}

.tawk-icon-missed-chat:before {
    content: "\e814"
}

.tawk-icon-mobile-send:before {
    content: "\e815"
}

.tawk-icon-pop-out:before {
    content: "\e816"
}

.tawk-icon-recent-search:before {
    content: "\e817"
}

.tawk-icon-right-arrow:before {
    content: "\e818"
}

.tawk-icon-screenshare:before {
    content: "\e819"
}

.tawk-icon-search:before {
    content: "\e81a"
}

.tawk-icon-show-all:before {
    content: "\e81b"
}

.tawk-icon-sound-off:before {
    content: "\e81c"
}

.tawk-icon-sound-on:before {
    content: "\e81d"
}

.tawk-icon-thumbs-down:before {
    content: "\e81e"
}

.tawk-icon-thumbs-up:before {
    content: "\e81f"
}

.tawk-icon-user:before {
    content: "\e820"
}

.tawk-icon-video-chat:before {
    content: "\e821"
}

.tawk-icon-video-chat-off:before {
    content: "\e822"
}

.tawk-icon-video-file:before {
    content: "\e823"
}

.tawk-image {
    max-width: 100%;
    border-radius: 5px
}

.tawk-image-left {
    text-align: left
}

.tawk-image-right {
    text-align: right
}

.tawk-image-center {
    text-align: center
}

.tawk-image-loader,.tawk-image-loader:after {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem
}

.tawk-image-loader {
    margin: 1.25rem auto;
    font-size: .625rem;
    position: relative;
    text-indent: -9999rem;
    border: 5px solid #92929e;
    border-left-color: #d9dbe4;
    transform: translateZ(0);
    animation: load8 1.1s linear infinite
}

@keyframes load8 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tawk-input-medium {
    height: 3.125rem;
    padding: 1rem 1.5rem;
    line-height: 3.125rem;
    font-size: .937rem
}

.tawk-form-wrapper .tawk-input.tawk-input-medium+.tawk-form-label {
    font-size: .937rem;
    transform: translateY(14px)
}

.tawk-form-wrapper .tawk-input.tawk-input-medium+.tawk-form-label.tawk-active {
    transform: translateY(-.625rem)
}

.tawk-lists {
    font-size: .812rem
}

.tawk-list-item {
    padding: 1rem
}

a.tawk-list-item,button.tawk-list-item {
    background: 0 0;
    width: 100%;
    text-align: left;
    display: block;
    border: 0
}

a.tawk-list-item:hover,button.tawk-list-item:hover {
    cursor: pointer;
    color: var(--tawk-header-background-color)
}

.tawk-list-header {
    font-size: .812rem;
    font-weight: 600;
    color: #545454;
    margin-bottom: 0;
    padding: .5rem
}

.tawk-list-item.tawk-list-nested {
    padding-left: 1.5rem
}

.tawk-rtl .tawk-list-item.tawk-list-nested {
    padding-right: 1.5rem
}

.tawk-list-item-medium,.tawk-list-item-small,.tawk-list-item-xsmall {
    padding: .5rem
}

.tawk-list-item-large {
    padding: 2.5rem
}

.tawk-loader {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #d9dbe4;
    cursor: default
}

.tawk-loader-bar {
    width: 100%;
    height: 1.5rem
}

.tawk-loader-bar-xsmall {
    width: 100%;
    height: .5rem
}

.tawk-loader-bar-small {
    width: 100%;
    height: 1rem
}

.tawk-loader-bar-medium {
    width: 100%;
    height: 2rem
}

.tawk-loader-bar-large {
    width: 100%;
    height: 2.5rem
}

.tawk-loader-bar-xlarge {
    width: 100%;
    height: 3rem
}

.tawk-loader-icon {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem
}

.tawk-loader-icon-xsmall {
    border-radius: 50%;
    width: .5rem;
    height: .5rem
}

.tawk-loader-icon-small {
    border-radius: 50%;
    width: 1rem;
    height: 1rem
}

.tawk-loader-icon-medium {
    border-radius: 50%;
    width: 2rem;
    height: 2rem
}

.tawk-loader-icon-large {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem
}

.tawk-loader-icon-xlarge {
    border-radius: 50%;
    width: 3rem;
    height: 3rem
}

.tawk-loader-avatar {
    border-radius: 10px;
    width: 3rem;
    height: 3rem
}

.tawk-loader-avatar-xsmall {
    border-radius: 10px;
    width: 2rem;
    height: 2rem
}

.tawk-loader-avatar-small {
    border-radius: 10px;
    width: 2.5rem;
    height: 2.5rem
}

.tawk-loader-avatar-medium {
    border-radius: 10px;
    width: 3.5rem;
    height: 3.5rem
}

.tawk-loader-avatar-large {
    border-radius: 10px;
    width: 4rem;
    height: 4rem
}

.tawk-loader-avatar-xlarge {
    border-radius: 10px;
    width: 4.5rem;
    height: 4.5rem
}

.tawk-loader-animation {
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards!important;
    animation-name: shimmerLeftToRight;
    animation-timing-function: linear;
    background: linear-gradient(90deg,#f7f7f9 8%,#d9dbe4 18%,#f7f7f9 33%);
    background-size: 62.5rem 6.5rem;
    position: relative;
    overflow: hidden
}

@keyframes shimmerLeftToRight {
    0% {
        background-position: -29.25rem 0
    }

    to {
        background-position: 29.25rem 0
    }
}

body.tawk-rtl .tawk-loader-animation {
    animation-name: shimmerRightToLeft
}

@keyframes shimmerRightToLeft {
    0% {
        background-position: 29.25rem 0
    }

    to {
        background-position: -29.25rem 0
    }
}

.tawk-overlay {
    position: fixed;
    inset: 0;
    z-index: 1050;
    left: 0;
    right: 0;
    top: 100%;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    transition: top .3s ease-in-out;
    overflow: hidden
}

.tawk-overlay.tawk-open {
    top: 0
}

.tawk-overlay .tawk-overlay-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    padding: 1rem;
    z-index: 1051
}

.tawk-overlay-header .tawk-overlay-header-left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.tawk-overlay .tawk-overlay-header .tawk-overlay-header-right {
    margin-left: auto
}

.tawk-overlay .tawk-overlay-body {
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box
}

.tawk-overlay-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .937rem;
    line-height: 1.618;
    font-weight: 400;
    margin-left: .5rem;
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-overlay-header .tawk-button {
    padding: 0;
    height: 1.875rem;
    width: 2rem;
    -ms-flex: none;
    flex: none;
    background-color: transparent;
    border: none;
    transition: background .15s ease-in-out
}

.tawk-overlay-header .tawk-button:focus,.tawk-overlay-header .tawk-button:hover {
    border: none;
    background-color: hsla(0,0%,100%,.2)
}

.tawk-form-field-label {
    color: #545454;
    font: 600 .812rem Lato,sans-serif
}

body.tawk-rtl .tawk-form-field-label {
    text-align: right
}

.tawk-radio-container {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    margin: 1rem;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.tawk-rtl .tawk-radio-container {
    padding-left: 0;
    padding-right: 2rem;
    text-align: right
}

.tawk-radio-container .tawk-radio {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.tawk-radio-container .tawk-checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    border: 1px solid #d9dbe4;
    border-radius: 50%
}

body.tawk-rtl .tawk-radio-container .tawk-checkmark {
    left: auto;
    right: 0
}

.tawk-radio-container .tawk-radio~.tawk-checkmark {
    border: 1px solid #d9dbe4
}

.tawk-radio-container:hover .tawk-radio~.tawk-checkmark {
    background-color: #f7f7f9
}

.tawk-radio-container .tawk-radio[disabled]~.tawk-checkmark {
    background: #f7f7f9
}

.tawk-radio-container .tawk-radio[disabled] {
    border-color: #d9dbe4
}

.tawk-radio-container .tawk-radio:checked~.tawk-checkmark {
    background: #03a84e;
    background-color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-radio-container .tawk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tawk-radio-container .tawk-radio:checked~.tawk-checkmark:after {
    display: block
}

.tawk-radio-container .tawk-checkmark:after {
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #fff;
    background: #fff;
    width: 8px;
    height: 8px
}

.tawk-radio-container .tawk-form-label {
    color: #545454;
    font: 400 .812rem Lato,sans-serif
}

.tawk-radio-container .tawk-radio[disabled]~.tawk-form-label {
    color: #f7f7f9
}

.tawk-rating {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 1.5rem
}

.tawk-rating-button {
    height: 5rem;
    width: 5rem;
    line-height: 0;
    background-color: #f7f7f9!important;
    color: #545454!important;
    border: 1px solid #f7f7f9!important;
    margin: 0 8px!important
}

.tawk-rating-button svg {
    width: 40px
}

.tawk-rating-button.tawk-active,.tawk-rating-button:hover {
    background-color: #f7f7f9!important;
    border-color: #d9dbe4!important
}

.tawk-rating-button:disabled {
    background-color: #f7f7f9!important;
    opacity: .7
}

.tawk-input.tawk-search {
    height: 3rem;
    position: relative;
    z-index: 2;
    line-height: 1rem
}

.tawk-input.tawk-search.tawk-search-left-padding {
    padding-left: 5.5rem;
    text-align: right
}

.tawk-input.tawk-search.tawk-search-right-padding {
    padding-right: 5.5rem;
    text-align: left
}

.tawk-input.tawk-search::-ms-clear {
    display: none
}

.tawk-input.tawk-search,.tawk-input.tawk-search:focus,.tawk-input.tawk-search:hover {
    border: none
}

.tawk-search::-webkit-input-placeholder {
    opacity: 1!important
}

.tawk-search::-moz-placeholder {
    opacity: 1!important
}

.tawk-search:-ms-input-placeholder {
    opacity: 1!important
}

.tawk-search::-ms-input-placeholder {
    opacity: 1!important
}

.tawk-search::placeholder {
    opacity: 1!important
}

.tawk-search-wrapper {
    background: #fff;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    padding: .0625rem
}

.tawk-icon.tawk-search-icon {
    width: 1.875rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem
}

.tawk-search-icon.tawk-search-icon-flip {
    right: auto;
    left: 0
}

.tawk-search-icon:not(.tawk-search-icon-flip)+.tawk-search {
    padding-left: 1.875rem
}

.tawk-search-icon.tawk-search-icon-flip+.tawk-search {
    padding-right: 1.875rem
}

.tawk-search-icon.tawk-icon-close {
    cursor: pointer
}

.tawk-search-dropdown {
    display: none;
    position: absolute;
    top: 3.5rem;
    left: 0;
    right: 0;
    z-index: 9000;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.12);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px
}

.tawk-search-dropdown.tawk-open {
    display: block
}

.tawk-search-list {
    list-style-type: none;
    padding: 0;
    text-align: left
}

.tawk-search-list>li {
    padding: .5rem 1rem;
    color: #545454
}

.tawk-search-list>li:not(.tawk-search-list-title):hover {
    color: #545454;
    background-color: #f7f7f9;
    cursor: pointer
}

.tawk-search-list-title-button {
    color: #545454;
    cursor: pointer
}

.tawk-search-list>li.tawk-active {
    background-color: #f7f7f9
}

.tawk-search-list-icon {
    fill: #92929e;
    width: 1rem;
    height: 1rem
}

.tawk-search-list-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tawk-search-list-title .tawk-search-list-title-icon {
    margin-right: 1rem
}

.tawk-search-list-title .tawk-search-list-title-label {
    -ms-flex: 1;
    flex: 1;
    font-size: .937rem
}

.tawk-search-loader {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem
}

.tawk-search-button {
    height: calc(100% - .125rem);
    width: 3rem;
    background: #03a84e!important;
    background: var(--tawk-header-background-color)!important;
    color: #fff!important;
    color: var(--tawk-header-text-color)!important;
    position: absolute!important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.tawk-search-button.tawk-search-left-button {
    right: auto;
    left: 1px;
    border-radius: 4px 0 0 4px
}

.tawk-search-button.tawk-search-right-button {
    right: 1px;
    left: auto;
    border-radius: 0 4px 4px 0
}

.tawk-search-button-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0!important;
    z-index: 2;
    height: 1.5625rem!important;
    width: 1.5625rem!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #d9dbe4!important;
    color: #242424!important;
    border: none!important
}

.tawk-search-button-close .tawk-icon {
    font-size: .5rem;
    margin: 0;
    padding: 0;
    height: 1.5625rem;
    width: 1.5625rem
}

.tawk-search-button-close.tawk-search-left-button {
    right: auto;
    left: 3.5rem
}

.tawk-search-button-close.tawk-search-right-button {
    right: 3.5rem;
    left: auto
}

.tawk-input,.tawk-select,.tawk-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 5px;
    font-family: Lato,sans-serif;
    font-size: .812rem;
    -webkit-appearance: none
}

body.tawk-rtl .tawk-input,body.tawk-rtl .tawk-select,body.tawk-rtl .tawk-textarea {
    text-align: right
}

.tawk-input::-moz-placeholder,.tawk-textarea::-moz-placeholder {
    opacity: 1
}

.tawk-input,.tawk-select,.tawk-textarea {
    max-width: 100%;
    width: 100%;
    border: 1px solid #d9dbe4;
    padding: .5rem 1rem;
    background: #fff;
    color: #545454
}

.tawk-form-wrapper .tawk-input {
    z-index: 1
}

.tawk-input,.tawk-select:not([multiple]):not([size]) {
    height: 2.5rem;
    vertical-align: middle;
    display: inline-block
}

.tawk-input:focus,.tawk-select:focus,.tawk-textarea:focus {
    outline: none;
    background-color: #fff;
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-input:disabled,.tawk-select:disabled,.tawk-textarea:disabled {
    background-color: #fff;
    color: #f7f7f9;
    border-color: #f7f7f9
}

.tawk-input::-webkit-input-placeholder,.tawk-textarea::-webkit-input-placeholder {
    color: #545454
}

.tawk-input::-moz-placeholder,.tawk-textarea::-moz-placeholder {
    color: #545454
}

.tawk-input:-ms-input-placeholder,.tawk-textarea:-ms-input-placeholder {
    color: #545454
}

.tawk-input::-ms-input-placeholder,.tawk-textarea::-ms-input-placeholder {
    color: #545454
}

.tawk-input::placeholder,.tawk-textarea::placeholder {
    color: #545454
}

.tawk-form-wrapper .tawk-input::-webkit-input-placeholder,.tawk-form-wrapper .tawk-textarea::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::-moz-placeholder,.tawk-form-wrapper .tawk-textarea::-moz-placeholder {
    opacity: 0;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input:-ms-input-placeholder,.tawk-form-wrapper .tawk-textarea:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::-ms-input-placeholder,.tawk-form-wrapper .tawk-textarea::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::placeholder,.tawk-form-wrapper .tawk-textarea::placeholder {
    opacity: 0;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input:focus::-webkit-input-placeholder,.tawk-form-wrapper .tawk-textarea:focus::-webkit-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::-moz-placeholder,.tawk-form-wrapper .tawk-textarea:focus::-moz-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus:-ms-input-placeholder,.tawk-form-wrapper .tawk-textarea:focus:-ms-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::-ms-input-placeholder,.tawk-form-wrapper .tawk-textarea:focus::-ms-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::placeholder,.tawk-form-wrapper .tawk-textarea:focus::placeholder {
    opacity: 1
}

.tawk-form-success,.tawk-form-sucess:focus {
    color: #03a84e;
    border-color: #03a84e
}

.tawk-form-danger,.tawk-form-danger:focus {
    color: #bf1212;
    border-color: #bf1212
}

.tawk-form-wrapper {
    position: relative
}

.tawk-form-label {
    display: block;
    font-size: .812rem;
    color: #545454;
    line-height: normal
}

.tawk-form-wrapper .tawk-form-label {
    margin-left: .5rem
}

body.tawk-rtl .tawk-form-wrapper .tawk-form-label {
    margin-right: .5rem;
    margin-left: 0
}

.tawk-form-wrapper .tawk-input+.tawk-form-label,.tawk-form-wrapper .tawk-textarea+.tawk-form-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 0 100%;
    transform: translateY(.7rem);
    color: #545454;
    background-color: transparent;
    padding: 0 .5rem;
    transition: all .3s ease-in-out
}

.tawk-form-wrapper .tawk-input+.tawk-form-label.tawk-form-label-custom-style,.tawk-form-wrapper .tawk-textarea+.tawk-form-label.tawk-form-label-custom-style {
    transform: translateY(1rem)
}

body.tawk-rtl .tawk-form-wrapper .tawk-input+.tawk-form-label,body.tawk-rtl .tawk-form-wrapper .tawk-textarea+.tawk-form-label {
    right: 0;
    left: auto
}

.tawk-form-wrapper .tawk-input+.tawk-form-label.tawk-active,.tawk-form-wrapper .tawk-textarea+.tawk-form-label.tawk-active {
    transform: translateY(-10px) scale(.9);
    background-color: #fff
}

.tawk-form-label.tawk-active,.tawk-form-wrapper .tawk-input:focus+.tawk-form-label,.tawk-form-wrapper .tawk-textarea:focus+.tawk-form-label {
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-textarea {
    font-weight: 400;
    font-size: .812rem;
    width: 100%;
    border-radius: 5px;
    resize: none;
    height: 5rem
}

.tawk-timeago {
    font: 400 .75rem Lato,sans-serif;
    color: #92929e
}

.tawk-video-iframe-container {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.tawk-video-iframe {
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tawk-video-el {
    width: 100%
}

.tawk-tooltip:hover .tawk-tooltip-hover {
    opacity: 1;
    transition: opacity .5s linear .5s
}

.tawk-tooltip .tawk-tooltip-hover {
    position: fixed;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 5px;
    background: #545454;
    color: #fff;
    text-align: center;
    font-size: .75rem;
    right: 0;
    left: auto;
    opacity: 0;
    transition: opacity 0s linear;
    z-index: 2
}

.tawk-tooltip .tawk-tooltip-hover .tawk-tooltip-arrow {
    top: -16px;
    display: block;
    left: 50%;
    border: 8px solid transparent;
    border-bottom-color: #545454;
    position: absolute
}

.tawk-tooltip .tawk-tooltip-hover.bottom .tawk-tooltip-arrow {
    border-color: #545454 transparent transparent;
    bottom: -16px;
    top: auto
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports(-ms-overflow-style: none) {
    .ps {
        overflow:auto!important
    }
}

@media(-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto!important
    }
}

.ps__rail-y {
    left: auto!important;
    right: 0!important;
    z-index: 2;
    background: 0 0!important;
    opacity: 1!important
}

.ps__rail-y .ps__thumb-y {
    width: 5px!important;
    background: #92929e!important
}

body.tawk-rtl .ps__rail-y {
    left: 0!important;
    right: auto!important;
    width: 5px!important
}

body.tawk-rtl .ps__rail-y .ps__thumb-y {
    left: 2px!important;
    right: auto!important
}

body.tawk-rtl {
    direction: rtl;
    overflow: hidden
}

@media(min-width: 768px) and (max-width:1024px) {
    body.tawk-mobile,html.tawk-mobile {
        font-size:22px!important
    }
}

@media(min-width: 481px) and (max-width:767px) {
    body.tawk-mobile,html.tawk-mobile {
        font-size:18px!important
    }
}

@media(max-width: 480px) {
    body.tawk-mobile,html.tawk-mobile {
        font-size:18px!important
    }
}

.tawk-icon {
    font-family: tawk-icon!important
}

.tawk-call {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #f7f7f9;
    border-radius: 5px
}

.tawk-call-header {
    -ms-flex: 2;
    flex: 2
}

.tawk-call-footer {
    -ms-flex: 1;
    flex: 1
}

.tawk-call-accept {
    width: 100%
}

.tawk-call-decline {
    width: 80%
}

.tawk-max-container {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e9e9e9
}

.tawk-max-container.tawk-no-toolbar-elements .slide-fade-leave-active .tawk-chat-panel:before {
    visibility: hidden
}

.tawk-max-container.tawk-no-toolbar-elements .tawk-main-panel .tawk-chat-panel:before {
    content: " ";
    position: fixed;
    top: 1rem;
    left: 1px;
    right: 1px;
    height: calc(29px + 1rem);
    background-color: var(--tawk-header-background-color);
    width: auto
}

.tawk-toolbar {
    z-index: 3;
    margin-top: -1px;
    background-color: #000;
    color: #fff
}

.tawk-mobile .tawk-toolbar {
    padding-top: var(--tawk-header-override-padding-top)
}

.tawk-no-toolbar-elements .tawk-toolbar {
    padding: .5rem
}

.tawk-toolbar .tawk-toolbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar .tawk-route-back {
    overflow: hidden
}

.tawk-route-back .tawk-toolbar-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tawk-toolbar .tawk-button-hover {
    position: relative;
    overflow: visible;
    height: 1.875rem;
    width: 2rem
}

.tawk-toolbar .tawk-button-text:focus {
    color: var(--tawk-header-text-color)
}

body.tawk-mobile .tawk-toolbar .tawk-button-hover {
    margin: 0 .2rem 0 0
}

.tawk-button-hover,.tawk-button-submitting {
    position: relative
}

.tawk-button-hover:focus:before:not(:disabled),.tawk-button-hover:hover:before:not(:disabled),.tawk-button-submitting:before:not(:disabled) {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(247,247,249,.2);
    border-radius: 5px
}

.tawk-toolbar .tawk-button-hover:disabled {
    color: #fff!important;
    color: var(--tawk-header-text-color)!important
}

.tawk-toolbar .tawk-button-hover:hover:disabled .tawk-tooltip-hover {
    display: none!important
}

.tawk-overlay .tawk-toolbar {
    z-index: auto!important;
    margin-top: 0!important;
    padding: 0!important
}

.tawk-toolbar-agent-avatars {
    margin-left: .5rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar-agent-avatars .tawk-avatar {
    height: 1.875rem;
    width: 1.875rem;
    line-height: 1.725rem;
    font-size: .8rem
}

.tawk-toolbar-agent-avatars>.tawk-avatar:not(:first-child) {
    margin-left: -15px
}

.tawk-toolbar-agent-avatars .tawk-toolbar-agent-details {
    margin-left: .5rem;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar-agent-details .tawk-toolbar-agent-name {
    font-size: .87rem
}

.tawk-toolbar-agent-details .tawk-toolbar-agent-title {
    font-size: .75rem
}

.tawk-header-text,.tawk-header-text:hover {
    color: var(--tawk-header-text-color)
}

.tawk-toolbar-menu .tawk-header-text:focus {
    color: #fff
}

.tawk-toolbar-menu .tawk-dropdown-menu {
    top: 2.1875rem;
    border-radius: 5px;
    padding: .5rem 0;
    width: calc(100vw - 3.125rem);
    max-width: 60vw
}

.tawk-toolbar-menu .tawk-dropdown-menu:after,.tawk-toolbar-menu .tawk-dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff
}

.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-right:after,.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-right:before {
    right: .5625rem
}

.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-left:after,.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-left:before {
    left: .5625rem
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button {
    display: block;
    width: 100%;
    margin: 0;
    color: #545454;
    border-radius: 0;
    padding: .5rem 1rem
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:focus,.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:hover {
    background-color: #f6f6f6
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:focus {
    outline: 0
}

.tawk-cancel-button {
    background-color: #d9dbe4!important;
    color: #545454!important;
    border-color: #d9dbe4!important
}

#tawk-dragover-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125rem;
    color: #545454;
    background-color: hsla(0,0%,100%,.8);
    border-radius: 5px
}

#tawk-chatinput-container {
    padding: .75rem 1rem
}

.tawk-router-view {
    position: relative;
    background-color: #fff
}

.tawk-form-error-alert {
    position: absolute;
    top: 0;
    z-index: 2
}

.tawk-footer {
    border-top: 1px solid #f7f7f9;
    padding: 0;
    z-index: 3
}

.tawk-mobile .tawk-footer {
    padding-bottom: var(--tawk-footer-override-padding-bottom)
}

.tawk-search-button {
    color: #92929e
}

.tawk-search-button:focus,.tawk-search-button:hover {
    color: #545454
}

.missed-chat-icon {
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 3rem
}

.tawk-spinner-loader,.tawk-spinner-loader:after {
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem
}

.tawk-spinner-loader {
    position: relative;
    margin: 1.25rem auto;
    border: .3125rem solid #92929e;
    border-left-color: #d9dbe4;
    font-size: .625rem;
    text-indent: -9999rem;
    transform: translateZ(0);
    animation: spinner 1.1s linear infinite
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body.tawk-mobile .tawk-tooltip-hover,body.tawk-mobile .tawk-tooltip:hover .tawk-tooltip-hover {
    display: none!important
}

.tawk-max-end-chat {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    height: auto;
    width: auto;
    z-index: 1060
}

.tawk-max-footer-actions {
    padding: 1rem;
    text-align: center
}

.tawk-max-footer-actions .tawk-max-footer-actions-button {
    width: 100%
}

.tawk-survey {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tawk-survey-option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.tawk-survey .tawk-survey-option {
    margin-bottom: .5rem
}

.tawk-survey .tawk-survey-option:last-child {
    margin-bottom: 0
}

.tawk-agent-list-view .tawk-chat-panel {
    height: 100%;
    background-color: #fff
}

.tawk-agent-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tawk-header-text-color);
    background-color: var(--tawk-header-background-color);
    padding: 20px 30px;
    box-sizing: border-box
}

.tawk-agent-header .tawk-button-text {
    color: var(--var-header-text-color)
}

.tawk-agent-header .tawk-agent-header-title {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tawk-agent-header .tawk-agent-header-title>* {
    color: var(--tawk-header-text-color)
}

.tawk-agent-body {
    padding: 20px 15px
}

.tawk-agent-body .tawk-text-regular-4 {
    line-height: normal
}

.tawk-list.tawk-agent-list {
    box-shadow: none;
    border: none;
    border-radius: initial
}

.tawk-chat-view .tawk-chat-panel {
    background-color: #fff!important
}

.tawk-main-panel .tawk-chat-panel {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
    height: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #f7f7f9
}

.tawk-chat-view .tawk-new-messages-notification {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    background-color: #545454;
    color: #fff;
    border-color: #545454
}

.tawk-chat-view .tawk-header {
    padding-bottom: 15px;
    margin-left: -16px!important;
    margin-right: -16px!important
}

.agentTypingIndicator {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.agentTypingIndicator .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 3px;
    background: #303131;
    animation: typing 1.3s linear infinite
}

.agentTypingIndicator .dot:nth-child(2) {
    animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -o-animation-delay: -1.1s
}

.agentTypingIndicator .dot:nth-child(3) {
    animation-delay: -.9s;
    -webkit-animation-delay: -.9s;
    -moz-animation-delay: -.9s;
    -ms-animation-delay: -.9s;
    -o-animation-delay: -.9s
}

@keyframes typing {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-10px)
    }
}

.tawk-chat-inline-alert-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin-left: -16px;
    margin-right: -16px;
    display: block;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tawk-chat-inline-alert {
    background-color: #fff;
    font-size: 12px;
    color: #545454;
    text-align: center;
    padding: .5rem 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #08ddd0;
    border-radius: 100px;
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.tawk-chat-inline-alert .tawk-icon {
    color: #08ddd0;
    margin-right: .5rem
}

.tawk-chat-message-container {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    max-height: 400px;
    overflow: auto!important
}

.tawk-chat-message-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.tawk-chat-message-container::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.tawk-chat-message-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555
}

.tawk-chatinput img.type-loader {
    width: 50px;
    height: 50px;
    background: transparent
}

.tawk-message-profile {
    border: none
}

.tawk-message-body {
    width: calc(100% - 0px);
    box-sizing: border-box;
    max-width: 100%
}

.sender-avatar-image img {
    width: 50px;
    position: relative;
    top: 10px
}

.tawk-agent-chat,.tawk-visitor-chat {
    position: relative;
    max-width: calc(100% - 16px);
    word-break: break-all
}

.tawk-message-bubble {
    margin-top: 8px;
    display: block
}

.tawk-message-bubble:last-child .tawk-agent-chat,.tawk-message-bubble:last-child .tawk-visitor-chat {
    margin-bottom: 0
}

.tawk-agent-chat {
    float: left;
    position: relative;
    margin: 0 16px 0 0
}

.tawk-rtl .tawk-agent-chat {
    float: right;
    margin: 0 8px 0 0
}

.tawk-visitor-chat {
    float: right;
    margin: 0 0 8px 16px;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tawk-rtl .tawk-visitor-chat {
    float: left;
    margin: 0 0 4px 8px
}

.tawk-agent-chat .tawk-time-display,.tawk-visitor-chat .tawk-time-display {
    display: block;
    margin-bottom: 4px;
    visibility: hidden
}

.tawk-agent-chat:hover .tawk-time-display,.tawk-visitor-chat:hover .tawk-time-display {
    visibility: visible
}

.tawk-visitor-chat .tawk-time-display {
    float: right;
    display: none
}

.tawk-agent-bar {
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px
}

.tawk-agent-bar.single-agent {
    max-width: 100%
}

.tawk-chat-view .tawk-agent-chat-bubble,.tawk-chat-view .tawk-visitor-chat-bubble {
    padding: 8px!important;
    min-height: 40px
}

.tawk-agent-chat-bubble .tawk-icon,.tawk-agent-chat-bubble a,.tawk-agent-chat-bubble a:hover,.tawk-visitor-chat-bubble .tawk-icon,.tawk-visitor-chat-bubble a,.tawk-visitor-chat-bubble a:hover {
    color: inherit
}

.tawk-chat-resend {
    width: 100%;
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body.tawk-rtl .tawk-chat-resend {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tawk-chat-resend * {
    color: #bf1212!important
}

.tawk-chat-resend .tawk-button-text {
    text-decoration: underline;
    margin-left: 8px
}

.file-upload-progress .progress {
    height: 10px;
    width: 200px;
    background-color: #f7f7f9;
    border-radius: 5px;
    box-shadow: none
}

.file-upload-progress .progress-bar {
    height: 10px;
    background-color: #03a84e;
    border-radius: 5px;
    box-shadow: none
}

.tawk-chat-view .emojione {
    height: 3.2ex;
    min-width: auto;
    min-height: auto;
    vertical-align: text-bottom
}

.tawk-chat-view .emojionly .emojione {
    height: 4.5ex!important;
    width: auto
}

.tawk-chat-view .tawk-link {
    color: inherit;
    text-decoration: underline
}

.tawk-chat-rating {
    font-weight: 600
}

.tawk-chat-rating .tawk-icon.tawk-icon-thumbs-up {
    color: #03a84e
}

.tawk-chat-rating .tawk-icon.tawk-icon-thumbs-down {
    color: #bf1212
}

.tawk-message-block .tawk-message-group {
    width: calc(100% - 40px)
}

.tawk-message-bubble .tawk-agent-chat-bubble {
    border-radius: 0 5px 5px 0
}

.tawk-rtl .tawk-message-bubble .tawk-agent-chat-bubble {
    border-radius: 5px 0 0 5px
}

.tawk-message-bubble:last-child .tawk-agent-chat-bubble {
    border-radius: 0 5px 5px 5px
}

.tawk-rtl .tawk-message-bubble:last-child .tawk-agent-chat-bubble {
    border-radius: 5px 0 5px 5px
}

.tawk-message-bubble:first-child .tawk-agent-chat-bubble {
    border-radius: 5px 5px 5px 0
}

.tawk-rtl .tawk-message-bubble:first-child .tawk-agent-chat-bubble {
    border-radius: 5px 5px 0 5px
}

.tawk-message-bubble .tawk-visitor-chat-bubble {
    border-radius: 5px 0 0 5px
}

.tawk-rtl .tawk-message-bubble .tawk-visitor-chat-bubble {
    border-radius: 0 5px 5px 0
}

.tawk-message-bubble:last-child .tawk-visitor-chat-bubble {
    border-radius: 5px 0 5px 5px
}

.tawk-rtl .tawk-message-bubble:last-child .tawk-visitor-chat-bubble {
    border-radius: 0 5px 5px 5px
}

.tawk-message-bubble:first-child .tawk-visitor-chat-bubble {
    border-radius: 5px 5px 0 5px
}

.tawk-rtl .tawk-message-bubble:first-child .tawk-visitor-chat-bubble {
    border-radius: 5px 5px 5px 0
}

.list-enter-active,.list-leave-active {
    transition: all .5s cubic-bezier(1,.5,.8,1)
}

.list-enter,.list-leave-to {
    transform: translateY(5px);
    opacity: 0
}

body.tawk-mobile .tawk-agent-chat .tawk-time-display,body.tawk-mobile .tawk-visitor-chat .tawk-time-display {
    visibility: visible
}

.tawk-form-view {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
}

.tawk-form-input {
    border: 1px solid #d9dbe4;
    border-left: 5px solid var(--tawk-header-background-color)!important
}

.tawk-form-width-100 {
    width: 100%
}

.tawk-form-wrapper {
    z-index: 0
}

.tawk-form-input .tawk-dropdown {
    width: 100%;
    z-index: 1
}

.tawk-form-input .tawk-dropdown>.tawk-button {
    position: relative;
    height: 2.5rem;
    width: 100%;
    color: #545454;
    font-size: .812rem;
    border-color: #d9dbe4;
    background-color: #fff;
    text-align: left;
    z-index: 1;
    overflow: visible
}

.tawk-form-input .tawk-dropdown>.tawk-button:focus {
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 5px;
    border: 5px;
    overflow: hidden!important
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu.slide-fade-enter,.tawk-form-input .tawk-dropdown .tawk-dropdown-menu.slide-fade-leave-to {
    transform: translateY(-10px)!important
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-dropdown-container {
    position: relative;
    overflow: auto
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists {
    border: 0;
    box-shadow: none;
    overflow-y: auto
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists .tawk-list-item:hover {
    background-color: #f7f7f9;
    color: var(--tawk-header-text-color)
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists .tawk-list-item .tawk-button {
    width: 100%;
    text-align: left;
    color: #545454;
    font-size: .812rem
}

.tawk-form-footer .tawk-button {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%
}

.tawk-form-footer .tawk-button.width-100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.tawk-form-footer .tawk-button .tawk-spinner-loader {
    margin: 0 5px;
    border: .125rem solid #92929e;
    border-left-color: #d9dbe4
}

.tawk-form-input .tawk-dropdown>.tawk-form-danger {
    color: #bf1212;
    border-color: #bf1212
}

.tawk-dropdown-container .tawk-form-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all .3s ease-in-out;
    transform: translateY(10px);
    transform-origin: 0 100%;
    background-color: #fff;
    padding: 0 .5rem;
    color: inherit;
    line-height: normal
}

.tawk-rtl .tawk-dropdown-container .tawk-form-label {
    right: 0;
    left: auto
}

.tawk-dropdown-container .tawk-form-label.tawk-active {
    transform: translateY(-10px) scale(.9)
}

.tawk-form-footer .tawk-button {
    width: 100%;
    position: relative
}

.tawk-form-submitting-container {
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -20px;
    padding: 0 15px;
    overflow: hidden
}

.tawk-form-submitting-container.slide-fade-up-enter,.tawk-form-submitting-container.slide-fade-up-leave-to,.tawk-form-submitting-container .tawk-form-submitting-inner {
    overflow: hidden;
    transform: translateY(10px);
    opacity: 0
}

.tawk-form-submitting-container .tawk-form-submitting-inner {
    position: relative;
    right: 0;
    bottom: 0;
    background-color: #545454;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    margin-left: auto;
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.tawk-form-submitting-container .tawk-form-submitting-inner .tawk-spinner-loader {
    height: 10px;
    width: 10px;
    margin: 0 auto;
    border: 1px solid #92929e;
    border-bottom-color: #d9dbe4
}

.tawk-history-item {
    border-radius: 5px;
    cursor: pointer
}

.tawk-history-item:hover {
    background-color: #f7f7f9
}

.tawk-chat-view .avatar-loader {
    height: 40px;
    width: 40px
}

.tawk-chat-view .avatar-name-loader {
    height: 15px;
    width: 120px
}

.tawk-chat-view .chat-message-loader {
    height: 40px;
    width: 200px
}

.tawk-history-item .emojione {
    min-width: auto;
    min-height: auto;
    height: 2.5ex;
    vertical-align: text-bottom
}

.tawk-button-retry {
    width: 100%
}

.tawk-chat-view .tawk-history-timestamp {
    margin-top: 1.5rem;
    text-align: center;
    width: 100%
}

.tawk-history-timestamp * {
    font-size: .937rem!important;
    line-height: 1.618!important;
    font-weight: 400!important;
    color: #92929e!important
}

.tawk-main-panel {
    position: relative;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    padding: 0;
    background-color: #fff;
    color: #92929e
}

.tawk-main-panel .tawk-chat-panel .tawk-chat-panel-inner {
    position: relative;
    box-sizing: border-box;
    padding: 0 15px 15px 16px
}

.tawk-main-panel .tawk-header {
    position: relative;
    z-index: 2;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 1px;
    padding-bottom: 16px;
    border-radius: 0
}

.tawk-main-panel .tawk-header .tawk-search-wrapper {
    margin: 10px 0
}

.tawk-body {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: auto;
    z-index: 1
}

.card-container>div {
    margin-bottom: 8px
}

.card-container:last-child {
    margin-bottom: 0
}

.card-container:first-child:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -16px;
    right: -16px;
    height: 25px;
    z-index: -1;
    background-color: var(--tawk-header-background-color)
}

.card-container .tawk-card,.card-container .tawk-kb-search {
    border: 1px solid #d9dbe4
}

.card-container .tawk-kb-search {
    z-index: 2;
    position: relative
}

.card--logo,.header-card {
    margin: 10px 0
}

.card--logo .tawk-image {
    height: 3.75rem;
    width: 3.75rem
}

.card--heading {
    font-size: 33px;
    font-weight: 700
}

.card--heading .emojione {
    width: calc(2rem + 2px);
    height: calc(2rem + 2px);
    vertical-align: text-bottom
}

.card--chat .tawk-button {
    width: 100%
}

.card--agents .tawk-avatar {
    margin: 0 3px
}

.card--video iframe,.card--video video {
    width: 100%;
    border-radius: 5px
}

.card--heading .link,.card--text .link {
    color: inherit;
    text-decoration: underline;
    outline: 0
}

.card--text .emojione {
    width: calc(1rem + 2px);
    height: calc(1rem + 2px);
    vertical-align: text-bottom
}

.card--form.submitting form {
    opacity: .6
}

.card--kb-featured-article .featured-article-content:active,.card--kb-featured-article .featured-article-content:focus,.card--kb-featured-article .featured-article-content:hover {
    cursor: pointer;
    text-decoration: none;
    background: #f7f7f9;
    border-radius: 5px
}

.card--kb-featured-article .tawk-loader-avatar {
    width: 100%;
    height: 8rem
}

.card-container .tawk-button-cta {
    background-color: #fff;
    color: #545454;
    border-color: #545454
}

.card-container .tawk-button-cta:focus,.card-container .tawk-button-cta:hover {
    background: #f7f7f9
}

.tawk-home-kb-list {
    box-shadow: none;
    border: none
}

.tawk-home-kb-list .tawk-featured-article {
    border-radius: 5px
}

.tawk-home-kb-list .tawk-featured-article:focus,.tawk-home-kb-list .tawk-featured-article:hover {
    cursor: pointer;
    background-color: #f7f7f9
}

.tawk-home-list.tawk-home-list-chat>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: .5rem
}

.tawk-home-list.tawk-home-list-chat>li .tawk-home-list-chat-content {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tawk-home-list.tawk-home-list-chat>li .emojione {
    min-width: auto;
    min-height: auto;
    height: 2.5ex;
    vertical-align: text-bottom
}

.tawk-home-list.tawk-home-list-hover>li {
    border-radius: 5px
}

.tawk-home-list.tawk-home-list-hover>li:focus,.tawk-home-list.tawk-home-list-hover>li:hover {
    cursor: pointer;
    background: #f7f7f9
}

.tawk-home-kb-card {
    border: 1px solid #f7f7f9;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    border-radius: 5px
}

.tawk-home-conversation-active-button {
    padding: .3rem;
    margin-top: .5rem
}

.tawk-home-conversation-active-button>.tawk-icon {
    font-size: 1rem
}

.card--alignment-left {
    text-align: left!important
}

.card--alignment-right {
    text-align: right!important
}

.card--alignment-center {
    text-align: center!important
}

.card--flex-left {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.card--flex-right {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.card--flex-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.tawk-kb-body {
    padding: 15px 0 0;
    width: 100%
}

.tawk-kb-body .tawk-chat-panel {
    background: #fff!important
}

.tawk-kb-table {
    border-collapse: collapse;
    width: 100%
}

.tawk-kb-table td,.tawk-kb-table th {
    border: 1px solid #eee;
    padding: 10px
}

.tawk-kb-content-paragraph {
    padding: .5rem;
    border-radius: 5px
}

.CodeMirror {
    font-family: monospace;
    border: 1px solid #eee;
    border-radius: 5px
}

.CodeMirror,.CodeMirror-scroll {
    height: auto!important
}

.tawk-kb-body ol,.tawk-kb-body ul {
    margin: 0 25px
}

.tawk-kb-body ol li,.tawk-kb-body ul li {
    padding: 2px
}

.tawk-kb-body blockquote {
    display: block;
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #eee;
    border-left: 10px solid #9c9aa6;
    border-radius: 5px;
    padding: 10px 20px 10px 40px;
    background-color: #fff;
    font-style: normal
}

.tawk-kb-body blockquote:before {
    content: "\201C";
    position: absolute;
    left: 10px;
    top: -5px;
    color: #9c9aa6;
    font-family: Georgia,serif;
    font-size: 40px;
    font-weight: 700
}

.tawk-kb-body a {
    color: inherit;
    text-decoration: underline
}

.tawk-code-textarea {
    width: 100%;
    height: 80px;
    resize: none;
    border: 1px solid #eee
}

.tawk-kba-card {
    width: 100%;
    cursor: pointer
}

.tawk-kba-card .tawk-kb-item {
    border-radius: 5px
}

.tawk-kba-card:focus .tawk-kb-item,.tawk-kba-card:hover .tawk-kb-item {
    background-color: #f7f7f9
}

.tawk-kba-list {
    width: 100%;
    border: none;
    box-shadow: none
}

.slide-fade-enter-active {
    transition: all .2s ease
}

.slide-fade-leave-active {
    transition: all .1s cubic-bezier(1,.5,.8,1);
    position: absolute
}

.slide-fade-enter,.slide-fade-leave-to {
    transform: translateY(-10px);
    opacity: 0
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.tawk-fadeIn {
    opacity: 1;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tawk-chat-bubble code,.tawk-chat-bubble pre {
    border-color: #00000040!important;
    background-color: #00000020!important
}

.tawk-visitor-chat-bubble {
    background: #f5f4f0!important;
    color: #454141!important;
    word-break: break-word
}

.tawk-agent-chat-bubble {
    background: #dbdbdb!important;
    color: #151010!important;
    word-break: break-word
}

.tawk-agent-chat-bubble-dots {
    background: #7d837e!important
}

#tawkbody {
    display: none
}

.tawk-body-container {
    outline: none!important;
    visibility: visible!important;
    resize: none!important;
    box-shadow: none!important;
    overflow: visible!important;
    background: none!important;
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    top: auto!important;
    right: 0px!important;
    bottom: -20px!important;
    left: auto!important;
    position: fixed!important;
    border: 0!important;
    min-height: 560px!important;
    min-width: 500px!important;
    max-height: 560px!important;
    max-width: 500px!important;
    padding: 0!important;
    margin: 0!important;
    -moz-transition-property: none!important;
    -webkit-transition-property: none!important;
    -o-transition-property: none!important;
    transition-property: none!important;
    transform: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    width: 500px!important;
    height: 560px!important;
    z-index: 1000002!important;
    background-color: transparent!important;
    border-radius: 5px 5px 0 0!important;
    pointer-events: auto!important;
    clip: auto!important;
    color-scheme: light!important
}

button.submit-btn {
    border: none;
    background-color: transparent
}

#tawk-popup .tawk-button {
    background-color: #000;
    color: #fff;
    border-radius: 15px 15px 0 0;
    width: 200px;
    height: 40px;
    padding: 0 15px;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 10000;
    border: 0
}

button#tawkclose svg {
    width: 16px;
    height: 16px
}

.tawk-body-container-height {
    height: 100%;
    width: 100%
}

.tawk-body-container-min {
    height: 100%
}

@media screen and (max-width: 767px) {
    .tawk-body-container {
        min-height:100%!important;
        min-width: 100%!important;
        max-height: 100%!important;
        max-width: 100%!important;
        width: 100%!important;
        height: 100%!important;
        bottom: -21px!important
    }

    .tawk-max-container {
        position: relative;
        box-sizing: border-box;
        height: calc(98vh - 30px)
    }

    .tawk-chat-message-container {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        height: calc(100vh - 150px);
        max-height: calc(100vh - 200px);
        overflow: auto!important
    }

    .tawk-router-view {
        position: relative;
        height: calc(100vh - 150px);
        max-height: calc(100% - 30px)
    }

    .tawk-chatinput img.type-loader {
        width: 50px;
        height: 30px;
        background: 0 0
    }

    .tawk-chatinput-wrap {
        position: relative;
        z-index: 9999
    }

    .tawk-chatinput-button button#send-chat {
        position: relative;
        z-index: 9999
    }

    #tawk-popup .tawk-button {
        width: 140px
    }
}

.app-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.app-modal .modal-dialog {
    background-color: #fff;
    border-radius: 26px;
    width: 100%;
    max-width: 876px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    margin: 0 15px;
    padding: 25px 33px;
    animation: fadeIn 0.3s ease-in-out;
    z-index: 10000
}

.custom-popup-ks .modal-content {
    border-radius: 32px;
    padding: 22px
}

.custom-popup-ks .modal-header {
    position: relative;
    border-bottom: none
}

.custom-popup-ks .modal-header h2 {
    font-family: Inter;
    font-size: 25px;
    font-weight: 600;
    line-height: 34.56px;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

.custom-popup-ks .close-btn {
    position: absolute;
    top: -14px;
    right: -18px
}

.custom-popup-ks a {
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease-in-out
}

.custom-popup-ks a:hover {
    transform: scale(1.113)
}

.custom-popup-ks .popup-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.44px;
    text-align: center;
    color: #141513;
    min-height: 27px
}

span.tagline {
    min-height: 40px;
    width: 245px
}

.custom-popup-ks .popup-title:hover {
    transform: none
}

.custom-popup-ks .row-gap-22 {
    row-gap: 32px
}

.custom-popup-ks .custom-ks-row {
    margin: 0;
    width: 100%
}

.custom-popup-ks .custom-div {
    position: relative;
    padding: 20px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 2px 6px 20px 0 #6969691A;
    overflow: hidden;
    min-height: 126px;
    background: #f3f3f39c
}

.custom-popup-ks .custom-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(180deg,#FAE7E7 0%,#DEC3FF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.custom-popup-ks .custom-div .content {
    position: relative;
    z-index: 1
}

.custom-popup-ks .btn:hover {
    box-shadow: none
}

.custom-popup-ks .btn:focus,.custom-popup-ks .btn:active {
    box-shadow: none;
    outline: none;
    border: none
}

.custom-full.lmn-logo img {
    width: 150px;
    height: auto
}

.custom-full img {
    width: 90px;
    height: 90px;
    object-fit: contain
}

.max-132 {
    width: 100%
}

.custom-popup-ks a:hover .custom-div::before {
    background: linear-gradient(10deg,#bbabcf 0%,#e3223563 100%)
}

@media screen and (min-width: 992px) {
    .popup-col-7 {
        width:71%
    }
}

@media screen and (max-width: 765px) {
    .custom-popup-ks .popup-title {
        text-wrap:wrap
    }
}

@media screen and (max-width: 575px) {
    .custom-popup-ks .popup-title {
        font-size:16px
    }

    .custom-popup-ks .close-btn {
        position: absolute;
        top: -15px;
        right: -28px
    }
}

@media screen and (max-width: 574px) {
    .custom-popup-ks .row-gap-22 {
        flex-direction:column;
        align-items: center;
        margin: auto 0
    }

    .max-132 {
        width: 100%
    }

    .custom-popup-ks .modal-body {
        max-height: calc(100vh - 200px);
        overflow: auto
    }

    .custom-popup-ks .custom-full {
        width: 100%
    }

    .custom-popup-ks .img-box {
        width: 100%
    }

    .custom-popup-ks .modal-header h2 {
        font-size: 22px
    }

    .custom-popup-ks .close-btn {
        padding: 3px
    }

    .app-modal .modal-dialog {
        padding: 22px;
        height: 98%
    }

    .custom-popup-ks .close-btn {
        position: absolute;
        top: -15px;
        right: -15px
    }

    .custom-popup-ks .modal-body {
        max-height: calc(100vh - 250px)
    }
}

@media (orientation: landscape) {
    .custom-popup-ks .modal-dialog {
        max-width:80%;
        height: 90%
    }

    .custom-popup-ks .close-btn {
        top: 10px;
        right: 10px
    }

    .custom-popup-ks .modal-body {
        max-height: calc(90vh - 100px);
        overflow-y: auto
    }

    .custom-popup-ks .popup-title {
        font-size: 18px
    }
}

@media screen and (max-width: 375px) {
    .app-modal .modal-dialog {
        height:95%
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#Blogs .nifi-blog-card img {
    height: auto!important
}

#Blogs .row .nifi-blog-card img {
    height: auto
}

.odoo-experience-main .ks-card-img img,.page-template-template_lifeatksolves .h-100 img.img-fluid,.page-template-template_lifeatksolves .ks-iframe-outer img.life-ks-grp-img2 {
    height: auto!important
}

.announcement-bar {
    background-image: url(/wp-content/uploads/2024/04/Why-Choose-Ksolves-banner.svg);
    padding: 4px 17px;
    padding-bottom: 0;
    padding-bottom: 4px;
    text-align: center
}

.flashing-text {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    animation: flashing 1.9s infinite;
    background: linear-gradient(95deg,#08A0E2 -33.65%,#1748C9 13%,#CC31F6 134.15%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background 1.5s ease-in-out
}

@keyframes flashing {
    0% {
        background: linear-gradient(95deg,#08A0E2 -33.65%,#1748C9 13%,#CC31F6 134.15%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(95deg,#113c63 0%,#113c63 50%,#113c63 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(95deg,#08A0E2 -33.65%,#1748C9 13%,#CC31F6 134.15%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.join-now-button {
    margin-left: 20px
}

.flashing-text {
    padding: 2px 0 5px 0
}

@media only screen and (max-width: 990px) {
    .announcement-bar {
        font-size:15px
    }

    .flashing-text {
        font-size: 17px
    }

    a.join-now-button {
        margin-top: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .announcement-bar {
        font-size:13px;
        padding: 4px 15px
    }

    .flashing-text {
        margin-left: 0;
        padding: 3px 0 4px 0
    }

    .join-now-button {
        margin-left: 10px;
        padding: 3px 6px 4px 6px!important;
        font-size: 12px!important
    }
}

@media only screen and (max-width: 615px) {
    .announcement-bar {
        display:block!important
    }

    a.join-now-button {
        display: inline-block;
        width: max-content;
        margin-bottom: 0!important;
        margin: 4px auto!important
    }

    .announcement-bar {
        display: block!important;
        padding: 3px 6px;
        padding: 3px 6px!important
    }
}

@media only screen and (max-width: 590px) {
    span.flashing-text {
        padding:0
    }
}

@media only screen and (max-width: 390px) {
    .announcement-bar .font-18 {
        font-size:15px
    }
}

.activenew2,.menu-has-grandchild>.activenew2>.menu-grand-child {
    display: block!important
}

span.flashing-text {
    display: inline-block
}

section#Blogs .row .nifi-blog-card img,#single-case-study img {
    height: auto
}

.page-template-templete_salesforce_services section#Blogs .row .nifi-blog-card img,.new-card-design img {
    height: auto
}

@media screen and (max-width: 767px) {
    .global-ai-mgmt .row.justify-content-center {
        justify-content:left!important
    }

    .salesforce-Diverse-Industry .col-lg-3 {
        flex: 0 0 auto;
        width: 50%!important
    }
}

body.home section.py-5.position-relative.my-xl-5 {
    overflow-x: hidden!important
}

.popup {
    z-index: 10000
}

.header-sticky {
    z-index: 1000
}

.apache-developement-service-tab .explore-more-text-link {
    justify-content: center
}

.ks-form-outer.Request_form p.wpcf7-not-valid-tip-new {
    display: none
}

.ks-form-outer.Request_form.have_project_idea .wpcf7-not-valid-tip {
    display: none
}

file-input span.wpcf7-not-valid-tip {
    display: block!important
}

.footer-form .wpcf7-response-output {
    display: none
}

.blog-cta-btn input.wpcf7-form-control.wpcf7-submit:hover {
    color: #fff
}

.ks-product-exp-card.ks-product-exp-border {
    cursor: default
}

img.nifi-blog-img.w-100.rounded-top-left.rounded-top-right.entered.lazyloaded {
    height: auto
}

#Blogs .nifi-blog-card img {
    height: auto!important
}

@media screen and (max-width: 992px) {
    .blog-detail-content figure {
        width:100%!important
    }

    .blog-detail-content figure img {
        width: 100%!important;
        object-fit: contain
    }
}

.bigdatamenu ul.list-unstyled.menu-grand-child.py-2 {
    bottom: 32px
}

@media (max-width: 768px) {
    .bigdatamenu ul li img {
        height:16px
    }
}

#tawk-chatinput-container.noborderbg {
    padding-top: 0;
    margin-top: -6px;
    background: #fff
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-details .ks-card-link {
    transition: all .2s ease-in-out;
    display: inline-block
}

.pvc_stats {
    color: #2D343F;
    font-size: 14px;
    text-transform: uppercase
}

.pvc_stats {
    margin-bottom: 0!important
}

i.pvc-stats-icon.medium {
    background: url(/wp-content/uploads/2025/01/eyeicon.png);
    width: 31px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 49% 50%;
    background-size: 54%;
    vertical-align: bottom
}

i.pvc-stats-icon.medium svg {
    display: none
}

.prev.page-numbers svg,.next.page-numbers svg {
    min-width: 24px;
    height: 24px
}

@media screen and (max-width: 1300px) {
    .blog-category-row-category .me-lg-4 {
        margin-right:1.0rem!important
    }

    .pvc_statssingle.me-lg-4 {
        margin-right: 5px!important
    }
}

@media screen and (max-width: 1194px) {
    span.pvc_statssingle {
        gap:0!important;
        padding-left: 0;
        text-align: left!important;
        margin-left: 0;
        margin-top: 0
    }

    .blog-category-row-category {
        gap: 4px
    }
}

@media screen and (max-width: 992px) {
    span.pvc_statssingle {
        gap:0!important;
        padding-left: 0;
        text-align: left!important;
        margin-left: 0;
        margin-top: 0;
        margin-right: 0!important;
        justify-content: end
    }
}

@media screen and (max-width: 767px) {
    span.pvc_statssingle {
        gap:0!important;
        padding-left: 0;
        text-align: left!important;
        margin-left: 0;
        margin-top: 0
    }

    .pvc_stats {
        padding: 0
    }
}

@media screen and (max-width: 497px) {
    span.pvc_statssingle {
        gap:0!important;
        padding-left: 0;
        text-align: left!important;
        margin-left: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 392px) {
    .pvc_statssingle.me-lg-4 {
        gap:0!important;
        margin-right: 0!important
    }

    span.pvc_statssingle {
        gap: 0rem!important;
        padding-left: 0;
        text-align: left!important;
        margin-left: 0;
        margin-top: 0
    }

    .blog-category-row-category .gap-3 {
        gap: 11px!important;
        margin-top: 4px
    }
}

.form-request-call .wpcf7 form.invalid .wpcf7-response-output,.footer-form form.invalid .wpcf7-response-output,.single-sidebar form.invalid .wpcf7-response-output,.ks-contact-sec .wpcf7 form.invalid .wpcf7-response-output,.ks-bottom-form .wpcf7 form.invalid .wpcf7-response-output,.single-sidebar .wpcf7 form.invalid .wpcf7-response-output {
    display: none
}

.careers-identify .wpcf7 form.invalid .wpcf7-response-output,.new-odoo-page .wpcf7 form.invalid .wpcf7-response-output,.podcast-main .wpcf7 form.invalid .wpcf7-response-output {
    display: none
}

.global-ai-show-main .wpcf7-response-output {
    color: #fff!important;
    text-align: center
}

@media screen and (max-width: 767px) {
    #generative-expt .salespaid-form form .recaptcha-div .wpcf7-not-valid-tip,.genaipaid-banner .salespaid-form form .recaptcha-div .wpcf7-not-valid-tip {
        margin-left:4px
    }
}

@media screen and (max-width: 322px) {
    .products_menu ul.list-unstyled.menu-grand-child.py-2.Oddomenu .w-m-content span.space-nowrap {
        white-space:normal;
        max-width: 90%;
        min-width: fit-content;
        width: max-content;
        overflow-wrap: break-word;
        word-wrap: break-word
    }
}

.bnrimg-div iframe {
    border-radius: 24px;
    box-shadow: 0 2px 2px 0 #0003;
    border: 1px solid #B9CAD0
}

#singleInsightsMainNav li.nav-item:nth-child(1) {
    display: none ! important
}

.single-insights #singleInsightsMainNav li.nav-item:nth-child(1) {
    display: flex ! important
}

.truste-logo-section {
    padding: 64px 0 64px;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: none
}

.removable-card {
    background-blend-mode: multiply;
    background-color: #222d64;
    padding: 20px 40px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.removable-card-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 10px 0 10px;
    flex-direction: column;
    gap: 18px
}

.removable-card-header {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    margin-right: 24px
}

.removable-card-contact {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 30px;
    font-size: 20px;
    color: #424242!important;
    font-weight: 600;
    min-width: 170px;
    text-decoration: none!important
}

.btn-removable-card {
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.ks-popup-ui .dfm-ks-popup {
    background-color: #f9fafb;
    border: 1px solid #828080;
    box-shadow: 0 32px 64px -12px #10182824;
    color: #323232;
    padding: 32px;
    max-width: 732px
}

.ks-popup-ui .popup-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #323232
}

.popup-content-area {
    padding: 16px;
    border-radius: 8px
}

.popup-content-area ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start
}

.popup-content-area ul li {
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    align-items: center;
    gap: 12px
}

.popup-content-area ul li::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSI3IiBmaWxsPSIjRTMyMjM1Ii8+CjxwYXRoIGQ9Ik05LjkwOTA5IDUuNUw1LjkwOTA5IDkuNUw0LjA5MDkxIDcuNjgxODIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 14px;
    height: 14px;
    color: #323232;
    text-decoration: none
}

@media (max-width: 767px) {
    .ks-popup-ui .dfm-ks-popup {
        height:auto;
        padding: 24px;
        overflow: auto;
        max-height: 95%
    }

    .ks-popup-ui .popup-title {
        font-size: 24px;
        line-height: 32px
    }

    .ks-popup-ui a.btn.w-auto {
        width: 100%!important;
        text-align: center;
        display: block!important
    }

    .popup-content-area ul li {
        font-size: 16px;
        line-height: 24px
    }
}

.no-scroll {
    overflow: hidden!important
}

#kafka-ksolves-support .info-grid-container.pinot-container-add {
    grid-template-columns: 180px 226px 228px
}

#kafka-ksolves-support .pinot-banner .info-img-container {
    background-color: #E2F4FC
}

@media screen and (max-width: 1199.98px) {
    #kafka-ksolves-support .info-grid-container.pinot-container-add {
        grid-template-columns:repeat(3,auto)
    }
}

@media screen and (max-width: 767.98px) {
    #kafka-ksolves-support .info-grid-container.pinot-container-add {
        grid-template-columns:repeat(1,auto)
    }
}

#kafka-ksolves-support .pinot-banner.apache-kafka-support::after {
    background-image: url(/wp-content/uploads/2025/01/cass-supoortbnr.png)!important
}

#kafka-ksolves-support .pinot-banner .kafka-banner-grid.kafka-sup-grid {
    grid-template-columns: 674px auto!important
}

#kafka-ksolves-support .pinot-ready .kafka-cluster-container {
    background-color: #E2F4FC
}

#kafka-ksolves-support .pinot-last-sec.struggling-with-kafka {
    background-image: none;
    background-color: #E2F4FC
}

.apache-developement-service-tab.cassolutions-tabs.nifitabs.pinot-tabs {
    padding: 110px 0 0 0
}

@media screen and (max-width: 767px) {
    .apache-developement-service-tab.cassolutions-tabs.nifitabs.pinot-tabs {
        padding:32px 0 0 0
    }
}

.apache-developement-service-tab.cassolutions-tabs .kafka-solution .solutions-capm.nifiscroll .supcomp-content.pinot-tabs-sec {
    background-color: #E2F4FC!important;
    height: auto!important
}

@media screen and (max-width: 991.98px) {
    #kafka-ksolves-support .ks-faq.faq-castabfaq.faq-pinot .card-body {
        background-color:#E2F4FC!important
    }
}

.dfm-feb-benefits .top-title {
    margin-bottom: 17px;
    color: #FF7A01;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center
}

.dfm-feb-benefits .dfm-benefit-feb-title {
    margin-bottom: 41px;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%;
    text-align: center
}

.dfm-feb-benefits .custom-row.row {
    margin: 0 -8px
}

.dfm-feb-benefits .custom-row.row .pad-custom {
    padding: 0 8px
}

@media screen and (min-width: 991.98px) {
    .dfm-feb-benefits .custom-row.row .pad-custom.col-lg-3 {
        width:29%
    }

    .dfm-feb-benefits .custom-row.row .pad-custom.col-lg-5 {
        width: 42%
    }
}

.dfm-feb-benefits .custom-row.row .pad-custom.mid-area .card-set-block {
    padding: 20.5px 39px 20.5px 24px
}

.dfm-feb-benefits .custom-row.row .pad-custom.mid-area .col-12 {
    padding: 0 8px
}

.dfm-feb-benefits .custom-row.row .pad-custom img.icons {
    min-width: 70px;
    min-height: 70px;
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px
}

.dfm-feb-benefits .upper-row .corner-area .gap-64 {
    gap: 48px
}

.dfm-feb-benefita .bottom-row .horizontal-card {
    gap: 24px
}

.dfm-feb-benefits .upper-row .corner-area img.icons {
    width: 80px!important;
    height: 80px!important
}

.dfm-feb-benefits .bg-FBFEFF {
    background-color: #fbfeff
}

.dfm-feb-benefits .card-set-block .title {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 8px
}

.dfm-feb-benefits .card-set-block p {
    color: #323232;
    font-weight: 500;
    font-size: 14px;
    line-height: 20.8px;
    letter-spacing: 0;
    margin: 0
}

.dfm-feb-benefits .card-set-block.bg-FFE5CC {
    background-color: #F7FDFF
}

.dfm-feb-benefits .card-set-block.bg-F5F6F8 {
    background-color: #FFF
}

.dfm-feb-benefits .horizontal-card {
    padding: 32px 24px 33px 24px;
    position: relative;
    overflow: hidden;
    gap: 16px;
    border-radius: 13.51px;
    border: .84px solid #E7E7E7;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
}

.bottom-row .horizontal-card {
    gap: 24px!important
}

.z-1-custom {
    z-index: 1
}

@media screen and (max-width: 991.98px) {
    .dfm-feb-benefits .upper-row .corner-area .gap-64,.dfm-feb-benefits .horizontal-card {
        gap:16px!important;
        flex-direction: row!important
    }
}

@media screen and (max-width: 575.98px) {
    .svg-img-1 {
        top:50px!important
    }

    .svg-img-1.mob-change {
        top: 0px!important;
        right: 20px;
        left: auto!important
    }

    .svg-img-5 {
        top: auto!important;
        bottom: -60px
    }

    .dfm-feb-benefits {
        padding: 32px 0
    }

    .dfm-feb-benefits .top-title {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 21.78px
    }

    .dfm-feb-benefits .dfm-benefit-feb-title {
        margin-bottom: 17px;
        font-size: 24px;
        line-height: 29.05px
    }

    .dfm-feb-benefits .horizontal-card {
        padding: 19.5px 16px!important;
        gap: 16px;
        min-height: 180px
    }

    .dfm-feb-benefits .upper-row .corner-area img.icons {
        width: 64px!important;
        height: 64px!important
    }

    .dfm-feb-benefits .card-set-block .title {
        font-size: 18px;
        line-height: 22px
    }

    .dfm-feb-benefits .card-set-block p {
        font-size: 14px;
        line-height: 20.8px
    }

    .dfm-feb-benefits .card-set-block img.icons {
        width: 64px!important;
        height: 64px!important
    }

    .rounded-1.small-screen-13 {
        font-size: 13px!important
    }
}

.svg-img-1 {
    top: 10px;
    left: -10px;
    min-width: 230px;
    height: 230px;
    img {
        width: auto;
        height: auto
    }
}

.svg-img-2 {
    top: 20px;
    right: -140px;
    min-width: 290px;
    height: 230px;
    img {
        width: auto;
        height: auto
    }

    @media screen and (max-width: 575.98px) {
        top:0
    }
}

.svg-img-3 {
    top: -10px;
    right: 55px;
    min-width: 230px;
    height: 230px;
    img {
        width: auto;
        height: auto
    }

    @media screen and (max-width: 575.98px) {
        top:0
    }
}

.svg-img-5 {
    top: 0;
    right: 10px;
    min-width: 230px;
    height: 230px;
    img {
        width: auto;
        height: auto
    }
}

.svg-img-6 {
    top: 20px;
    right: 10px;
    min-width: 230px;
    height: 230px;
    img {
        width: auto;
        height: auto
    }

    @media screen and (max-width: 575.98px) {
        top:0
    }
}

.text--small {
    text-transform: lowercase
}

@media screen and (min-width: 991.98px) {
    .horizontal-card.card-1 {
        padding:83px 20px 83px 16px
    }

    .card-set-block.card-2 {
        padding-right: 22px!important
    }

    .horizontal-card.card-3 {
        padding-top: 46px;
        padding-bottom: 46px
    }
}

.pinot-steps-by {
    padding: 0 0 110px 0;
    .pinot-title {
        margin-bottom: 64px;
        h5 {
            color: #212121;
            font-weight: 600;
            font-size: 40px;
            line-height: 52px;
            letter-spacing: 0;
            text-align: center;
            span {
                color: #113c63
            }
        }

        p {
            color: #323232;
            font-weight: 500;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: 0%;
            text-align: center
        }
    }

    @media screen and (min-width: 767.98px) and (max-width:1400px) {
        .overflow-psbi {
            overflow:auto;
            .pinot-steps-by-impl {
                min-width: 1250px
            }
        }
    }

    .pinot-steps-by-impl {
        .custom-col {
            position: relative;
            width: 100%;
            @media screen and (min-width: 767.98px) {
                width:20%!important
            }

            @media screen and (max-width: 767.98px) {
                width:293px!important
            }
        }

        @media screen and (max-width: 767.98px) {
            .row {
                display:flex;
                align-items: center;
                justify-content: center
            }
        }

        .arrow-position-div-1 {
            right: -30%;
            top: 55px;
            width: 165px;
            height: 176px;
            svg {
                height: 170px
            }

            @media screen and (max-width: 1399.98px) {
                right:-32%;
                top:58px}

            @media screen and (max-width: 1200px) {
                svg {
                    height:150px
                }
            }
        }

        .arrow-position-div-2 {
            right: -30%;
            top: 45px;
            width: 165px;
            height: 176px;
            svg {
                height: 176px
            }

            @media screen and (max-width: 1399.98px) {
                right:-32%;
                top:50px}

            @media screen and (max-width: 1200px) {
                svg {
                    height:155px
                }
            }
        }

        .arrow-position-div-3 {
            right: -30%;
            top: 47px;
            width: 165px;
            height: 176px;
            svg {
                height: 176px
            }

            @media screen and (max-width: 1399.98px) {
                right:-32%;
                top:50px;svg {
                    height: 176px
                }
            }

            @media screen and (max-width: 1200px) {
                svg {
                    height:156px
                }
            }
        }

        .arrow-position-div-4 {
            right: -30%;
            top: 45px;
            width: 165px;
            height: 176px;
            svg {
                height: 176px
            }

            @media screen and (max-width: 1399.98px) {
                right:-32%;
                top:50px;svg {
                    height: 170px
                }
            }

            @media screen and (max-width: 1200px) {
                svg {
                    height:150px
                }
            }
        }

        .circle-icon {
            border-radius: 100%;
            width: 95px;
            height: 95px;
            min-width: 95px;
            min-height: 95px;
            max-width: 95px;
            max-height: 95px
        }

        .blue-circle-icon {
            background-color: #E2F4FC;
            border: 1px solid #9CB8C4
        }

        .red-circle-icon {
            background-color: #FFEBED;
            border: 1px solid #FFA7AE
        }

        h6 {
            color: #212121;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: 0;
            text-align: center
        }

        p {
            color: #323232;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0;
            text-align: center
        }
    }
}

@media screen and (max-width: 1200px) {
    .pinot-steps-by {
        padding:0 0 40px 0;
        .pinot-title {
            margin-bottom: 34px
        }
    }
}

@media screen and (max-width: 767.98px) {
    .pinot-steps-by {
        padding:0 0 32px 0;
        .pinot-title {
            margin-bottom: 24px;
            h5 {
                font-weight: 600;
                font-size: 32px;
                line-height: 40px;
                text-align: left
            }

            p {
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                text-align: left
            }
        }

        .arrow-mob-position-div-1 {
            right: 0;
            top: 50px
        }

        .arrow-mob-position-div-2 {
            left: 0;
            top: 50px
        }

        .extra-space-gap .data-set-psb {
            gap: 47px!important
        }
    }
}

.ks-popup-ui .dfm-ks-popup {
    background-color: #f9fafb;
    border: 1px solid #828080;
    box-shadow: 0 32px 64px -12px #10182824;
    color: #323232;
    padding: 32px;
    max-width: 732px
}

.ks-popup-ui .popup-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #323232
}

.popup-content-area {
    padding: 16px;
    border-radius: 8px
}

.popup-content-area ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start
}

.popup-content-area ul li {
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    align-items: center;
    gap: 12px
}

.popup-content-area ul li::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSI3IiBmaWxsPSIjRTMyMjM1Ii8+CjxwYXRoIGQ9Ik05LjkwOTA5IDUuNUw1LjkwOTA5IDkuNUw0LjA5MDkxIDcuNjgxODIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 14px;
    height: 14px;
    color: #323232;
    text-decoration: none
}

@media (max-width: 767px) {
    .ks-popup-ui .dfm-ks-popup {
        height:auto;
        padding: 24px;
        overflow: auto;
        max-height: 95%
    }

    .ks-popup-ui .popup-title {
        font-size: 24px;
        line-height: 32px
    }

    .ks-popup-ui a.btn.w-auto {
        width: 100%!important;
        text-align: center;
        display: block!important
    }

    .popup-content-area ul li {
        font-size: 16px;
        line-height: 24px
    }
}

.bg-FFEAE0 {
    background-color: #FFEAE0
}

@media screen and (min-width: 991.98px) {
    .spark-cta-orange .cassupport-row {
        padding-top:0;
        padding-bottom: 18px
    }
}

.spark-cta-orange .cassupport-row {
    background-color: #FFEAE0!important
}

.spark-cta-orange .cassupport-row .text-lg-start.text-center img {
    height: auto
}

.drd-dspark-cta {
    background-color: #FFEAE0!important
}

.drd-spark-banner {
    min-height: 0px!important;
    padding-bottom: 119px!important;
    background: none!important;
    #banner-row {
        position: relative;
        z-index: 1
    }
}

.drd-spark-banner::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 771px;
    z-index: -1;
    background-position: bottom center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position-y: -90px!important;
    background: url(/wp-content/uploads/2025/02/drd-spark-laptop.png)
}

@media screen and (max-width: 767.98px) {
    .drd-spark-banner {
        padding-bottom:53px!important
    }

    .drd-spark-banner::after {
        background: url(/wp-content/uploads/2025/02/drd-spark-mobnew.webp);
        background-position: bottom!important;
        background-position-y: 0px!important;
        top: 0;
        height: 100%;
        min-height: 1019px
    }

    .heading-line-height {
        padding-top: 0px!important
    }
}

@media screen and (min-width: 991.98px) and (max-width:1199.98px) {
    .drd-spark-banner::after {
        height:1330px!important
    }
}

@media screen and (min-width: 767.98px) and (max-width:991.98px) {
    .drd-spark-banner::after {
        height:1300px!important
    }
}

@media screen and (min-width: 1199.99px) and (max-width:1720px) {
    .drd-spark-banner::after {
        height:1000px!important
    }
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(1),#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(3),#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(7) {
    background-color: #FDF6F3
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(4),#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(5) {
    background-color: #FFFFFF!important
}

@media screen and (min-width: 1430px) {
    #kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(6),#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(7) {
        align-items:center
    }

    #kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(8) {
        align-items: center
    }
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(1)::after {
    background-image: url(/wp-content/uploads/2025/02/grid-svg-set-1.svg)
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(3)::after {
    background-image: url(/wp-content/uploads/2025/02/grid-svg-set-2.svg)
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(7)::after {
    background-image: url(/wp-content/uploads/2025/02/grid-svg-set-3.svg);
    height: 100%;
    top: 0
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item:nth-child(1) .ks-choose-para b {
    font-weight: 700!important
}

#kafka-ksolves-support .spark-grid-block .why-choose-kafka-grid-continer__item img {
    min-width: 70px
}

.cassupport-title {
    text-transform: none!important
}

.drd-banner {
    min-height: 0px!important;
    padding-bottom: 119px!important;
    background: none!important
}

.drd-banner #banner-row {
    position: relative;
    z-index: 1
}

.drd-banner::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 771px;
    z-index: -1;
    background-position: bottom center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position-y: -90px!important;
    background: url(/wp-content/uploads/2025/02/drd-bannerr.png)
}

.apache-streamsets-wraper .drd-banner::after {
    background-image: url(/wp-content/uploads/2025/09/asc-bg-banner-1.webp)!important
}

.asc-cta .zoo-cta {
    background-color: #F1ECE1
}

.apache-streamsets-wraper .bnrimg-div {
    padding-left: 32px
}

@media screen and (max-width: 767.98px) {
    .drd-banner {
        padding-bottom:53px!important
    }

    .drd-banner::after {
        background: url(/wp-content/uploads/2025/02/mob-drd-banner-img.png);
        background-position: bottom!important;
        background-position-y: -400px!important;
        height: 100%
    }

    .heading-line-height {
        padding-top: 0px!important
    }
}

@media screen and (min-width: 991.98px) and (max-width:1199.98px) {
    .drd-banner::after {
        height:1130px!important
    }
}

@media screen and (min-width: 767.98px) and (max-width:991.98px) {
    .drd-banner::after {
        height:1300px!important
    }
}

@media screen and (min-width: 1199.99px) and (max-width:1720px) {
    .drd-banner::after {
        height:1000px!important
    }
}

.dfm-feb-benefits .custom-row.row p:empty {
    display: none
}

.semi-circle-drd-workflow .image-block img {
    width: 100%;
    height: 70px
}

.bg-DBF5F6 {
    background-color: #DBF5F6!important
}

.bg-EDF1F2 {
    background-color: #EDF1F2
}

.bg-F8F8F8 {
    background-color: #F8F8F8
}

@media screen and (min-width: 991.98px) {
    .custom-padding-set .cassupport-row {
        padding-top:16.1px;
        padding-bottom: 16.1px
    }

    .drd-cta-25-pad .cassupport-row {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media screen and (min-width: 1200px) {
    .drd-banner #banner-text {
        width:55%
    }

    .drd-banner #banner-video {
        width: 45%
    }
}

@media screen and (max-width: 390px) {
    #cassupport-cta_2 .cassupport-div .btn.rounded-1.btn-width-full,#apache-support-cta .ks-heading-outer .ks-buttons .btn-width-full {
        font-size:16px!important;
        padding: 12px!important
    }
}

@media screen and (max-width: 340px) {
    #cassupport-cta_2 .cassupport-div .btn.rounded-1.btn-width-full,#apache-support-cta .ks-heading-outer .ks-buttons .btn-width-full {
        font-size:14px!important;
        padding: 12px!important
    }
}

@media screen and (max-width: 991.98px) and (min-width:767.98px) {
    #ks-careers .job-btn-1,.ks-carrer-content-table .job-btn-2 {
        margin-top:0px!important;
        margin-bottom: 0px!important
    }

    .tablet-style-add .dropdownBtn {
        white-space: normal!important;
        text-align: start!important
    }
}

.dropDiv.scrollable li {
    list-style-type: none;
    position: relative;
    display: flex
}

.dropDiv.scrollable li a {
    position: relative;
    padding-left: 24px
}

.dropDiv.scrollable li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 100%;
    top: 10px;
    left: 5px
}

.img-fluid.careeform-img {
    border-radius: 8px
}

Now,.ks-section-title {
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 40px;
    line-height: 52px;
    color: #212121;
    font-weight: 600
}

.ks-support-card-parent {
    font-weight: 500;
    font-size: 20px;
    color: #212121;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(318px,1fr))
}

.ks-support-card {
    gap: 24px;
    background-color: #f5f6f8;
    border-radius: 16px;
    padding: 24px;
    min-height: 136px
}

.ks-support-card p {
    margin-bottom: 0
}

.highlighted-text {
    color: #E32235
}

.ks-nifi-support {
    padding: 32px 13px
}

@media (min-width: 992px) {
    .ks-nifi-support {
        padding:80px 64px
    }
}

@media(max-width: 767.98px) {
    .ks-section-title {
        font-size:24px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 24px
    }
}

.bnrimg-nifi img {
    max-width: 700px!important
}

.db-sec-1 {
    background-color: transparent!important;
    background-image: url(/wp-content/uploads/2025/02/databricks-banner-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 0px!important
}

.db-sec-4 {
    background-image: url(/wp-content/uploads/2025/02/black-bg-img.png)!important
}

@media screen and (min-width: 1199.98px) {
    .db-sec-1 {
        .col-xxl-6.text-xl-start {
            padding:102px 0
        }
    }
}

.snowflake-body.db-sec-3-body .accordion-button[aria-expanded="true"] {
    border-left: 4px solid #E32235!important;
    background-color: #FCE8EA
}

.mb-18 {
    margin-bottom: 18px
}

.snowflake-body.db-sec-3-body {
    max-width: 1210px!important
}

@media screen and (min-width: 1400px) {
    .snowflake-body.db-sec-3-body .accordion-collapse {
        width:655px
    }
}

@media screen and (min-width: 1200px) {
    .snowflake-body.db-sec-3-body .accordion-collapse {
        width:655px
    }

    .snowflake-body.db-sec-3-body .accordion-header {
        width: 410px
    }
}

@media screen and (min-width: 991.98px) {
    .snowflake-body.db-sec-3-body .accordion-content {
        overflow-y:auto;
        min-height: 350px;
        height: 350px;
        padding-right: 20px
    }

    .db-sec-3-body.snowflake-body .accordion-button {
        border-left: 4px solid transparent!important
    }

    .db-sec-3-body .accordion-content::-webkit-scrollbar {
        width: 5px
    }
}

.data-b-sec-3 .snowflake-services {
    line-height: 52px
}

.databricks-grid-container {
    display: grid;
    grid-template-columns: 1fr 0.3fr 1fr 0.3fr 1fr;
    grid-template-rows: minmax(150px,auto) minmax(150px,auto) minmax(150px,auto) minmax(150px,auto);
    gap: 16px;
    width: 100%
}

.databricks-grid-item {
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
    padding: 24px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.databricks-grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
    background-color: #F2F2F2;
    flex-direction: column;
    gap: 64px;
    align-items: flex-start;
    justify-content: center
}

.databricks-grid-item:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2
}

.databricks-grid-item:nth-child(2) .svg-icon {
    right: 0
}

.databricks-grid-item:nth-child(3) {
    grid-column: 4/6;
    grid-row: 1/2;
    background-color: #f9fafb
}

.databricks-grid-item:nth-child(4) {
    grid-column: 2/4;
    background-color: #F9FAFB;
    grid-row: 2/3;
    background-color: #f9fafb
}

.databricks-grid-item:nth-child(5) {
    grid-column: 4/6;
    grid-row: 2/3
}

.databricks-grid-item:nth-child(5) .svg-icon {
    right: 0
}

.databricks-grid-item:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/4;
    background-color: #F2F2F2
}

.databricks-grid-item:nth-child(6) .svg-icon {
    right: 33px;
    top: 0;
    z-index: -1
}

.databricks-grid-item:nth-child(7) {
    grid-column: 3/5;
    grid-row: 3/4
}

.databricks-grid-item:nth-child(7) .svg-icon {
    left: 50%;
    transform: translate(-50%,0)
}

.databricks-grid-item:nth-child(8) {
    grid-column: 5/6;
    grid-row: 3/4;
    background-color: #F2F2F2;
    flex-direction: column;
    align-items: flex-start
}

.databricks-grid-item:nth-child(8) .svg-icon {
    right: 0;
    top: 0;
    z-index: -1
}

.databricks-grid-item:nth-child(9) {
    grid-column: 1/2;
    grid-row: 4/5;
    flex-direction: column;
    align-items: flex-start;
    background-color: #F2F2F2
}

.databricks-grid-item:nth-child(10) {
    grid-column: 2/4;
    grid-row: 4/5
}

.databricks-grid-item:nth-child(10) .svg-icon {
    right: 0;
    z-index: -1
}

.databricks-grid-item:nth-child(11) {
    grid-column: 4/6;
    grid-row: 4/5;
    background-color: #F2F2F2
}

.databricks-grid-item:nth-child(11) .svg-icon {
    right: 44px;
    z-index: -1
}

.head-text {
    color: #323232;
    font-weight: 700;
    font-size: 28px;
    line-height: 20.8px
}

.databricks-para {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 20.8px;
    margin-bottom: 0
}

.head-text-bold {
    font-weight: 700;
    font-size: 78.05px;
    line-height: 17.74px;
    color: #212121
}

.databricks-para-bold {
    font-weight: 600;
    font-size: 16px;
    line-height: 20.8px;
    color: #212121;
    margin-bottom: 0
}

@media screen and (min-width: 1440px) {
    .databricks-grid-container {
        grid-template-columns:265px 82px 276px 82px 276px;
        grid-template-rows: 179px 185px 164px 164px;
        justify-content: center
    }
}

@media screen and (max-width: 1200px) {
    .databricks-grid-container {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: auto;
        justify-content: center
    }

    .databricks-grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        gap: 16px!important
    }

    .head-text-bold {
        line-height: unset
    }

    .head-img img {
        max-width: unset!important
    }

    .apache-streamsets-wraper .bnrimg-div {
        padding-left: 0
    }
}

@media screen and (max-width: 992px) {
    .db-sec-last .card-body.global-faqans {
        padding-right:40px!important
    }

    .db-sec-last.service-faq-sec details .btn-accordian:after {
        right: 16px
    }

    .data-b-sec-3 .snowflake-body.db-sec-3-body .accordion-button[aria-expanded="true"] {
        border-left: 4px solid transparent!important
    }

    .databricks-grid-container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: minmax(150px,auto) minmax(150px,auto) minmax(150px,auto) minmax(150px,auto)
    }

    .data-b-sec-3 .snowflake-body.db-sec-3-body .accordion-body {
        padding: 16px;
        margin-bottom: 16px;
        border-radius: 0 0 8px 8px;
        min-height: 210px;
        height: 350px;
        overflow-y: auto
    }

    .databricks-grid-item {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: flex-start!important
    }

    .head-text-bold {
        font-size: 48px;
        line-height: 17.74px
    }

    .databricks {
        padding: 32px 0
    }
}

@media screen and (max-width: 765px) {
    .databricks-grid-container {
        grid-template-columns:1fr;
        grid-template-rows: repeat(11,134px)
    }

    .databricks-para {
        font-size: 14px;
        line-height: 20.8px;
        font-weight: 600
    }

    .databricks-grid-item:nth-child(4) {
        grid-row: 3/4!important
    }

    .databricks-grid-item:nth-child(3) {
        grid-row: 4/5!important
    }

    .head-text {
        font-weight: 700;
        font-size: 48px;
        line-height: 17.74px
    }
}

.snowflake-blog .m-0.font-16.f-w-500.text-red {
    white-space: nowrap
}

.data-b-sec-3 .snowflake-body .accordion-button {
    padding: 18px 16px;
    display: flex;
    align-items: center;
    height: 48px
}

.data-b-sec-3 .snowflake-body .accordion-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

.snowfalk-work-with-ksolves.db-sec-5,.migrate-lagacy.db-sec-6,.snawfalk-serve.db-sec-7 {
    padding: 110px 0
}

.migrate-lagacy.db-sec-6 .migrate-sub {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.snawfalk-serve.db-sec-7 .ind-serve-title {
    color: #212121
}

.snawfalk-serve.db-sec-7 .ind-serve-sub {
    color: #323232;
    line-height: 27px
}

.db-sec-5 .databricks-grid-item {
    z-index: 11
}

.db-sec-5 .head-text-bold,.db-sec-5 .databricks-para-bold,.db-sec-5 .head-img,.db-sec-5 .head-text {
    position: relative;
    z-index: 1
}

.db-sec-5 .databricks-grid-item:nth-child(1) .svg-icon {
    top: 120px;
    left: 70px;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(3) .svg-icon {
    left: 0;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(4) .svg-icon {
    left: 0;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(7) .svg-icon {
    left: 210px;
    bottom: 0;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(7) .svg-icon img {
    min-width: 234px
}

.db-sec-5 .databricks-grid-item:nth-child(8) .svg-icon {
    right: 70px;
    top: 0;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(9) .svg-icon {
    right: 50px;
    top: 0;
    z-index: -1
}

.db-sec-5 .databricks-grid-item:nth-child(10) .svg-icon {
    bottom: 0;
    left: 90px;
    z-index: -1
}

@media screen and (max-width: 991.98px) {
    .data-b-sec-3 .snowflake-body .accordion-button {
        padding:12px 30px 12px 8px;
        height: 50px
    }

    .data-b-sec-3 .snowflake-body .accordion-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 26px
    }

    .snowfalk-work-with-ksolves.db-sec-5,.migrate-lagacy.db-sec-6,.snawfalk-serve.db-sec-7 {
        padding: 32px 0
    }
}

@media screen and (max-width: 575.98px) {
    .data-b-sec-3 .snowflake-body .accordion-content {
        font-weight:400!important
    }

    .data-b-sec-3 .snowflake-body .accordion-button {
        height: auto!important;
        line-height: 22px!important
    }

    .data-b-sec-3 .snowflake-services {
        line-height: 32px;
        text-align: left
    }

    .db-sec-4 {
        padding: 32px 0 0 0!important;
        background-image: none!important;
        background-color: #021A1E!important;
        background: linear-gradient(180deg,#021A1E 72.46%,rgba(2,26,30,0) 98.5%)
    }

    .db-sec-4 .s-cta-title {
        margin-bottom: 40px
    }

    .db-sec-4 .rounded-1.btn-width-full {
        height: 56px;
        gap: 8px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        font-weight: 500!important;
        font-size: 18px!important;
        line-height: 24px
    }

    .migrate-lagacy.db-sec-6 .migrate-sub {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0;
        text-transform: capitalize;
        text-align: left;
        color: #323232
    }

    .migrate-lagacy.db-sec-6 .migrate-title {
        text-align: left;
        line-height: 39px
    }

    .snawfalk-serve.db-sec-7 .ind-serve-sub {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        text-transform: capitalize;
        text-align: left
    }

    .db-sec-2.trusted-snowflake .container {
        padding: 0;
        background-color: #fff;
        box-shadow: none
    }

    .db-sec-2.trusted-snowflake .container img {
        width: 100%;
        border-radius: 16px
    }

    .db-sec-2.trusted-snowflake .snowflakepara {
        margin-bottom: 0
    }

    .data-b-sec-3 .snowflake-subser {
        text-align: left
    }

    .db-sec-5 .snowfalk-with-supoort {
        text-align: left
    }

    .db-sec-5 .databricks {
        padding: 0
    }

    .db-sec-2-last .rounded-1.microservices-blog {
        width: 100%
    }

    .db-sec-5 .databricks-grid-item:nth-child(1) .svg-icon {
        top: 30px;
        left: 10px
    }

    .db-sec-5 .databricks-grid-item:nth-child(2) .svg-icon {
        right: -40px
    }

    .db-sec-5 .databricks-grid-item:nth-child(4) .svg-icon {
        top: 30px
    }

    .db-sec-5 .databricks-grid-item:nth-child(3) .svg-icon {
        right: 0;
        left: auto
    }

    .db-sec-5 .databricks-grid-item:nth-child(7) .svg-icon {
        left: 60px
    }

    .db-sec-5 .databricks-grid-item:nth-child(7) .svg-icon img {
        min-width: 0
    }

    .db-sec-5 .databricks-grid-item:nth-child(8) .svg-icon {
        right: 40px
    }

    .db-sec-5 .databricks-grid-item:nth-child(9) .svg-icon,.db-sec-5 .databricks-grid-item:nth-child(10) .svg-icon {
        left: 20px;
        top: 20px
    }

    .db-sec-5 .databricks-grid-item:nth-child(11) .svg-icon {
        right: 0;
        left: auto
    }

    .db-sec-last .service-faq-sec .card.sales-health-faq summary.card-header.btn-accordian {
        padding: 32px 24px
    }

    .db-sec-last.service-faq-sec .card.sales-health-faq summary.card-header.btn-accordian {
        padding: 16px 40px 16px 8px!important
    }
}

.db-sec-last.service-faq-sec .card.sales-health-faq summary.card-header.btn-accordian {
    padding: 32px 24px
}

@media screen and (max-width: 1200px) {
    #single-case-study .piller-pagination {
        overflow-x:auto;
        justify-content: start!important
    }

    #single-case-study .piller-pagination .d-flex.gap-2.align-items-center.justify-content-center {
        max-width: 700px;
        margin-bottom: 10px;
        padding: 0 5px;
        justify-content: start!important
    }

    #initial-pagination .col-12,.row.newcs-gap .col-12 {
        justify-content: center!important;
        display: flex
    }
}

@media screen and (max-width: 992px) {
    #single-case-study .piller-pagination .d-flex.gap-2.align-items-center.justify-content-center {
        max-width:450px
    }

    span.pvc_statssingle .pvc_stats {
        padding: 0!important
    }

    .blog-category-row-category i.pvc-stats-icon.medium {
        background-position: left;
        background-size: 100%;
        vertical-align: middle;
        margin-right: 3px;
        width: 16px;
        height: 17px
    }
}

@media screen and (max-width: 767.98px) {
    #single-case-study .piller-pagination .d-flex.gap-2.align-items-center.justify-content-center {
        max-width:490px
    }

    .pagination-box .page-numbers {
        height: 37px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    i.pvc-stats-icon.medium {
        background-position: left;
        background-size: 100%;
        vertical-align: bottom;
        margin-right: 3px;
        width: 16px;
        height: 17px
    }

    span.pvc_statssingle .pvc_stats {
        padding: 0!important
    }
}

@media screen and (max-width: 575.98px) {
    #single-case-study .piller-pagination .d-flex.gap-2.align-items-center.justify-content-center {
        max-width:100%
    }
}

@media screen and (max-width: 756px) {
    #filter-newcs .mobile-tab-box .accordion-button {
        padding-right:20px
    }
}

@media screen and (min-width: 767.98px) {
    .row.col-lg-9.newcs-gap.cscat-row {
        row-gap:48px
    }
}

.af-sec-6 .swhy-ksolves-title {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px!important
}

.af-sec-2 .swhy-ksolves-title.mb-4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px!important
}

.af-sec-2 .para-line-af {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 48px
}

.af-sec-3 .f-w-700.font-40.text-start {
    margin-bottom: 24px
}

@media screen and (min-width: 575.98px) {
    .salesforce-banner.af-sec-1 {
        background-position:top center
    }
}

.af-sec-5 .swhy-ksolves-title {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px!important;
    margin-bottom: 48px
}

.af-sec-6 .accordion-header {
    margin-bottom: 0
}

.af-sec-8 .para-line-af {
    margin-bottom: 48px!important
}

.af-sec-1 .f-w-600.f-w-sm-700.font-48 {
    color: #212121;
    font-weight: 700!important;
    font-size: 48px;
    line-height: 60px
}

@media screen and (max-width: 767.98px) {
    .af-sec-4 {
        padding:78.5px 0!important;
        min-height: 0px!important
    }
}

@media screen and (max-width: 575.98px) {
    .position-relative.sales-cta-two.af-sec-7 {
        background-image:url(/wp-content/uploads/2025/03/mob-af-cta-bg-img.webp)!important
    }

    .af-sec-5 .head-text-bold-grid {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 21px!important
    }

    .af-sec-1 .f-w-600.f-w-sm-700.font-48 {
        font-weight: 600!important;
        font-size: 32px;
        line-height: 38.4px
    }

    .af-sec-8 .swhy-ksolves-title.mb-4 {
        margin-bottom: 16px!important
    }

    .af-sec-8 .para-line-af {
        font-weight: 500!important
    }

    .af-sec-6 .para-line-af {
        margin-bottom: 24px
    }

    .custom-accord-sec .accordion-header .accordion-button {
        padding: 16px 60px 16px 16px!important
    }

    .af-sec-5 .databricks-para-bold-grid {
        font-size: 14px!important
    }

    .af-sec-3 .f-w-700.font-40.font-sm-32 {
        font-weight: 600!important
    }

    .af-sec-2 .swhy-ksolves-title.mb-4 {
        font-size: 32px;
        line-height: 41.6px!important
    }

    .new-adding-mob {
        padding: 99.5px 0!important
    }

    .af-sec-1 {
        position: relative
    }

    .af-sec-1::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 80%;
        width: 100%;
        background: linear-gradient(179.98deg,#F4FCFC 79.22%,rgba(189,249,255,0) 97.26%)
    }

    .af-sec-1 .container {
        position: relative;
        z-index: 3
    }

    .af-sec-8 .para-line-af {
        margin-bottom: 24px!important
    }

    .af-sec-6 .swhy-ksolves-title {
        margin-bottom: 16px!important;
        font-size: 32px
    }

    .af-sec-1 .block-set.block-4.p-custom img {
        min-width: 59px;
        min-height: 38px
    }

    .af-sec-2 .para-line-af {
        font-size: 16px;
        margin-bottom: 40px
    }

    .af-sec-5 .swhy-ksolves-title {
        font-size: 32px;
        margin-bottom: 24px
    }
}

.af-sec-1 {
    background-image: url(/wp-content/uploads/2025/03/agentforce-banner-img.webp)!important;
    min-height: 556px!important;
    padding-top: 58px!important;
    padding-bottom: 70px!important
}

.salesforce-banner .odoo-partners-logos {
    margin-top: 40px
}

.af-sec-3 {
    background-image: url(/wp-content/uploads/2025/03/sl-af-img.webp)!important;
    background-position: left top!important
}

.af-sec-4 {
    background-image: url(/wp-content/uploads/2025/03/lead-af-img.webp)!important
}

.af-sec-5 {
    padding: 110px 0;
    background-color: #F9FAFB
}

.af-sec-5 .databricks-grid-container {
    grid-template-columns: 2.42fr 0.80fr 3.07fr 0.38fr 3.33fr;
    grid-template-rows: minmax(150px,auto) minmax(150px,auto) minmax(150px,auto)
}

.af-sec-5 .head-text-bold-grid {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.af-sec-5 .databricks-para-bold-grid {
    color: #323232;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.af-sec-5 .icon-64 {
    min-width: 64px;
    min-height: 64px
}

.af-sec-5 .databricks-grid-item:nth-child(8) {
    flex-direction: row;
    align-items: center
}

.af-sec-5 .bg-F2F2F2 {
    background-color: #F2F2F2
}

.af-sec-5 .bg-F9FAFB {
    background-color: #F9FAFB
}

.af-sec-6 {
    padding: 110px 0
}

.para-line-af {
    margin-bottom: 41px;
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.custom-accord-sec {
    background-color: #F9FAFB;
    border-radius: 8px;
    margin-bottom: 16px
}

.custom-accord-sec .accordion-header {
    width: 100%;
    border-radius: 8px
}

.custom-accord-sec .accordion-header .accordion-button {
    background-color: #F9FAFB;
    width: 100%;
    border-radius: 8px;
    position: relative;
    border: none;
    color: #323232;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
    padding: 24px 50px 24px 24px;
    text-align: left
}

.custom-accord-sec .accordion-header .accordion-button[aria-expanded="true"] {
    padding: 24px 50px 16px 24px
}

.custom-accord-sec .accordion-header .accordion-button::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    transform: translate(-50%,0);
    right: 25px;
    transition: 0.3s all ease-in-out;
    background-image: url(/wp-content/uploads/2025/03/red-plus-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.custom-accord-sec .accordion-header .accordion-button[aria-expanded="true"]::after {
    transform: rotate(45deg);
    right: 34px
}

.custom-accord-sec .accordion-body {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    padding: 0 24px 24px 24px
}

.af-sec-7 {
    background-image: url(/wp-content/uploads/2025/03/cta-bg-image-2025.webp)!important
}

.cta-abv-faq {
    background-image: url(/wp-content/uploads/2025/03/cta-abv-faq.webp)!important
}

.af-sec-8 {
    background-color: #F9FAFB;
    padding: 110px 0 86px 0
}

.af-sec-8 .col-lg-4 {
    margin-bottom: 24px
}

.af-sec-8 .card-set {
    border: 1px solid #E1E8EC;
    border-radius: 16px
}

.af-sec-8 .card-set .img-div {
    min-width: 72px;
    min-height: 72px
}

.af-sec-8 .card-set .img-div img {
    width: 72px;
    height: 72px;
    min-width: 72px
}

.af-sec-8 .card-set .content-text-div h5 {
    color: #212121;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.af-sec-8 .card-set .content-text-div p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.swhy-ksolves-title {
    line-height: 60px!important
}

.af-sec-2 {
    padding: 110px 0
}

.af-sec-2 .text-para {
    color: #323232;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.af-sec-2 .row-gap-4 {
    row-gap: 16px
}

.af-sec-2 .swhy-ksolves-title {
    text-align: center!important
}

.af-sec-2 .inner-padding {
    padding: 0 12px
}

.banner-bottom-sec {
    padding: 8.5px 8px;
    gap: 4px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    justify-content: start;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.06),0 1px 3px 0 rgba(16,24,40,.1)
}

.banner-bottom-sec .block-set {
    border-right: 1px solid #E7E7E7;
    border-radius: 1px;
    display: flex;
    align-items: center;
    height: 99px;
    gap: 8px;
    color: #323232;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle
}

.banner-bottom-sec .p-custom {
    padding: 13.5px 16px 13.5px 18px;
    border-right: 0
}

.banner-bottom-sec .block-1 img,.banner-bottom-sec .block-2 img,.banner-bottom-sec .block-3 img {
    width: 32px;
    height: 32px
}

.banner-bottom-sec .block-4 img {
    width: 38px;
    height: 60px
}

.banner-bottom-sec .block-3 {
    width: 259px
}

.af-sec-5 .databricks-grid-item .icon-64,.af-sec-5 .databricks-grid-item .head-text-bold-grid,.af-sec-5 .databricks-grid-item .databricks-para-bold-grid {
    z-index: 2;
    position: relative
}

.af-sec-5 .databricks-grid-item:nth-child(1) .svg-icon {
    top: 60px;
    left: 80px
}

.af-sec-5 .databricks-grid-item:nth-child(2) .svg-icon {
    right: 80px
}

.af-sec-5 .databricks-grid-item:nth-child(3) .svg-icon {
    right: 80px;
    bottom: 0
}

.af-sec-5 .databricks-grid-item:nth-child(4) .svg-icon {
    right: 80px;
    top: 30px
}

.af-sec-5 .databricks-grid-item:nth-child(5) .svg-icon {
    right: 60px;
    top: 30px
}

.af-sec-5 .databricks-grid-item:nth-child(6) .svg-icon {
    right: 60px;
    bottom: 10px;
    top: auto
}

.af-sec-5 .databricks-grid-item:nth-child(7) .svg-icon {
    right: 60px;
    top: 30px
}

.af-sec-5 .databricks-grid-item:nth-child(8) .svg-icon {
    right: 70px;
    bottom: 2px;
    top: auto
}

@media screen and (max-width: 767.98px) {
    .banner-bottom-sec .block-set {
        height:80px
    }

    .banner-bottom-sec {
        flex-wrap: wrap
    }

    .banner-bottom-sec .block-1,.banner-bottom-sec .block-2 {
        width: 48%
    }

    .banner-bottom-sec .block-3,.banner-bottom-sec .block-4 {
        width: 100%
    }

    .banner-bottom-sec .block-2 {
        border: none
    }

    .banner-bottom-sec .block-3,.banner-bottom-sec .block-4 {
        border: none;
        border-top: 1px solid #E7E7E7
    }

    .af-sec-5 .swhy-ksolves-title {
        text-align: center
    }
}

@media screen and (min-width: 1400px) {
    .af-sec-5 .databricks-grid-container {
        grid-template-rows:minmax(182px,auto) minmax(182px,auto) minmax(182px,auto);
        grid-template-columns: 255px 85px 324px 40px 352px;
        justify-content: center
    }
}

@media screen and (max-width: 1200px) {
    .af-sec-5 .databricks-grid-container {
        grid-template-columns:1fr 1fr 1fr!important;
        grid-template-rows: auto!important
    }
}

@media screen and (max-width: 991.98px) {
    .af-sec-5 .databricks-grid-container {
        grid-template-columns:1fr 1fr!important
    }

    .af-sec-2 .swhy-ksolves-title {
        text-align: center!important;
        line-height: 40px!important
    }
}

@media screen and (max-width: 767.98px) {
    .af-sec-5 .databricks-grid-container {
        grid-template-columns:1fr!important
    }

    .af-sec-5 .databricks {
        padding: 0px!important
    }

    .custom-accord-sec .accordion-header .accordion-button {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px
    }

    .af-sec-1 {
        background-size: cover!important;
        padding-top: 32px!important;
        padding-bottom: 32px!important;
        background-image: url(/wp-content/uploads/2025/03/agentforce-banner-img.webp)!important
    }

    .events-main .case-study-img img {
        border-radius: 18px
    }
}

.new-sub-head-line {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

@media screen and (max-width: 575.98px) {
    .af-sec-1 {
        padding-bottom:320px!important;
        background-size: contain!important;
        background-image: url(/wp-content/uploads/2025/03/cartoon-ai-robot-scene.webp)!important
    }

    .af-sec-1.salesforce-banner .odoo-partners-logos {
        margin-top: 24px
    }

    .af-sec-6 .swhy-ksolves-title {
        text-align: center
    }

    .af-sec-8 .para-line-af {
        text-align: left
    }

    .swhy-ksolves-title {
        line-height: 42px!important
    }

    .af-sec-2,.af-sec-5,.af-sec-6 {
        padding: 32px 0
    }

    .af-sec-8 {
        padding: 32px 0 16px 0
    }

    .af-sec-8 .col-lg-4 {
        margin-bottom: 16px
    }

    .af-sec-2 .swhy-ksolves-title {
        text-align: center
    }

    .new-sub-head-line {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px
    }
}

.af-kc-sec .sblog-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 56px
}

#kafka-ksolves-support.ui-path-development .pinot-banner.apache-kafka-support::after {
    background-image: url(/wp-content/uploads/2025/03/ui-path-development-bg.webp)!important;
    top: -15px;
    height: 730px
}

#kafka-ksolves-support.ui-path-development .apache-kafka-support.kafka-supservice {
    padding: 83px 0 102px 0
}

#kafka-ksolves-support.ui-path-development .banner-title {
    color: #212121
}

#kafka-ksolves-support.ui-path-development .Why-choose-ksolves.dfm-feb-benefits .ksolves-box {
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 64px 0
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by {
    padding: 64px 0
}

#kafka-ksolves-support.ui-path-development .pinot-title {
    margin-bottom: 40px
}

#kafka-ksolves-support.ui-path-development .deployment-grid-item:nth-child(2) {
    box-shadow: 0 2px 2px 0 #00000026
}

#kafka-ksolves-support.ui-path-development .dfm-feb-benefits .upper-row .corner-area .gap-64 {
    gap: 24px
}

#kafka-ksolves-support.ui-path-development .ui-path-grid-container {
    display: grid;
    grid-template-columns: 0.25fr 0.5fr 0.25fr;
    grid-template-rows: 0.51fr 0.49fr;
    gap: 16px
}

.ui-path-item img {
    max-width: unset!important
}

.ui-path-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3
}

.ui-path-item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2
}

.ui-path-item:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3
}

.ui-path-item:nth-child(4) {
    grid-column: 3/4;
    grid-row: 1/3
}

.ui-path-item .svg-img-3 {
    right: 9px
}

.ui-path-item .svg-img-2 {
    top: -2px;
    right: 3px
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .custom-col:nth-child(2) .container-box-area {
    gap: 62px!important
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .arrow-position-div-1 svg {
    height: 228px!important
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .arrow-position-div-2 svg {
    height: 234px!important
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .arrow-position-div-3 svg {
    height: 237px!important
}

#kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .arrow-position-div-4 svg {
    height: 238px!important
}

#kafka-ksolves-support.ui-path-development .deployment-grid-item img {
    max-width: unset
}

#kafka-ksolves-support.ui-path-development .Why-choose-ksolves .kafka-commmon-heading {
    color: #212121!important;
    margin-bottom: 40px
}

#kafka-ksolves-support.ui-path-development .kafka-struggling-title {
    color: #212121
}

.deployment-grid-item .border-bottom-grid img {
    min-width: 28px
}

.odoo-demand-form .form-unit input::placeholder,.odoo-demand-form .form-unit textarea::placeholder {
    font-size: 14px!important
}

.min-h-144 {
    min-height: 144px
}

@media screen and (min-width: 1439px) {
    #kafka-ksolves-support.ui-path-development .ui-path-grid-container {
        grid-template-columns:265px 531px 265px;
        grid-template-rows: 193px 184px
    }

    #kafka-ksolves-support.ui-path-development .apache-kafka-support::after {
        height: 780px;
        background-position: bottom;
        top: -13px
    }

    #kafka-ksolves-support.ui-path-development .stuggling-img {
        margin: 67px 0
    }
}

@media screen and (max-width: 1200px) {
    #kafka-ksolves-support.ui-path-development .ui-path-grid-container {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        gap: 16px
    }

    .ui-path-item:nth-child(1),.ui-path-item:nth-child(2),.ui-path-item:nth-child(3),.ui-path-item:nth-child(4) {
        grid-column: span 1!important;
        grid-row: span 1!important;
        flex-direction: column!important;
        align-items: flex-start!important
    }
}

@media screen and (min-width: 991.98px) {
    #kafka-ksolves-support.ui-path-development .horizontal-card.card-1 {
        padding:50px 20px 50px 16px
    }

    #kafka-ksolves-support.ui-path-development .dfm-feb-benefits .custom-row.row .pad-custom.col-lg-3 {
        width: 28%
    }

    #kafka-ksolves-support.ui-path-development .dfm-feb-benefits .custom-row.row .pad-custom.col-lg-5 {
        width: 43%
    }
}

@media screen and (max-width: 768.8px) {
    .deployment-grid-item .border-bottom-grid img {
        min-width:30px!important;
        max-width: 100%!important
    }

    #kafka-ksolves-support.ui-path-development .ui-path-grid-container {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: auto;
        gap: 16px
    }

    #kafka-ksolves-support.ui-path-development .apache-kafka-support.kafka-supservice {
        padding: 31px 0 31px 0
    }

    #kafka-ksolves-support.ui-path-development .pinot-steps-by {
        padding: 32px 16px
    }

    #kafka-ksolves-support.ui-path-development .Why-choose-ksolves.dfm-feb-benefits .ksolves-box {
        padding: 0
    }

    #kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .custom-col:nth-child(2) .container-box-area {
        gap: 24px!important
    }

    .min-h-144 {
        min-height: 120px
    }

    #kafka-ksolves-support.ui-path-development .extra-space-gap .data-set-psb {
        gap: 24px!important
    }

    #kafka-ksolves-support.ui-path-development .pinot-steps-by-impl .custom-col:nth-child(3) {
        margin-bottom: 11px!important
    }
}

@media screen and (max-width: 575px) {
    #kafka-ksolves-support.ui-path-development .font-sm-18 {
        font-size:14px!important
    }

    #kafka-ksolves-support.ui-path-development .Why-choose-ksolves .kafka-commmon-heading,#kafka-ksolves-support.ui-path-development .kafka-struggling-title {
        margin-bottom: 24px!important
    }
}

@media screen and (max-width: 768.98px) {
    .wpcf7-response-output.success-message-top {
        position:relative!important;
        top: 0;
        left: 0;
        width: auto;
        background-color: #ffffff!important;
        color: #000000!important;
        border-color: #46b450!important;
        text-align: center;
        padding: 10px;
        font-size: 16px;
        font-weight: 400!important;
        z-index: 9999
    }
}

.custom-arrow::after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 10px;
    display: inline-block
}

.stroke-white.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-white.svg)
}

.stroke-red.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-red.svg)
}

.stroke-purple.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-purple-color.svg)
}

.explore-more-text-link:hover .stroke-purple.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-black.svg)
}

.explore-more-text-link:hover .stroke-red.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-black.svg)
}

.oddo-request-link.explore-more-text-link:hover .stroke-red.custom-arrow::after {
    background-image: url(/wp-content/uploads/2025/03/custom-arrow-red.svg)
}

.active-link {
    color: #113c63!important;
    font-weight: 600
}

.active-menu-item>a {
    color: #113c63!important
}

.active-parent-menu>.nav-div>a {
    color: #113c63!important
}

.active-grandparent-menu>.nav-div>.text-dark {
    color: #113c63!important
}

@media screen and (min-width: 991.98px) {
    .pinot-ready.btn-mob-space.top-extra .img-space {
        padding-top:27px
    }
}

@media screen and (min-width: 1199.98px) {
    #kafka-ksolves-support .deveops-supp-banner .info-grid-container.pinot-container-add {
        grid-template-columns:226px 180px 228px
    }

    .deployment-grid-container.devops-add {
        grid-template-columns: auto
    }
}

#kafka-ksolves-support .deveops-supp-banner.pinot-banner.apache-kafka-support::after {
    background-image: url(/wp-content/uploads/2025/04/devops-banner-bg.webp)!important
}

.head-color-chng .solutions-title {
    color: #212121
}

@media screen and (max-width: 575px) {
    .deveops-supp-banner .kafka-banner-grid__item {
        width:100%
    }

    .header-text-left .dfm-impactful-title.encapsulated-mb {
        text-align: left
    }

    .devops-mob-dropdown-space .ks-faq.faq-castabfaq .card-body {
        min-height: auto
    }

    .btn-mob-space .btn-width-full {
        padding-left: 4px!important;
        padding-right: 4px!important
    }
}

.dev-pb-92 {
    padding-bottom: 92px
}

.pinot-steps-by.pinot-extra-spacing {
    padding-top: 110px;
    background-color: #F9FAFB
}

.devops-is-sec {
    padding: 110px 0
}

.CDExp-sec .card-data {
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.06),0 1px 3px 0 rgba(16,24,40,.1);
    border-radius: 8px;
    border: 1px solid #E7E7E7
}

.CDExp-sec .card-data h6 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle
}

.CDExp-sec .card-data ul {
    font-weight: 500;
    font-size: 18px;
    line-height: 35.5px;
    letter-spacing: 0;
    vertical-align: middle
}

.page-template-template_devops_support_services .Why-choose-ksolves .svg-img-6 {
    top: 50px
}

@media screen and (min-width: 991.98px) {
    .deveops-last-sec .struggling-left-box {
        width:60%
    }

    .deveops-last-sec .stuggling-img {
        width: 40%
    }

    .deveops-last-sec .stuggling-img img {
        width: 100%
    }
}

@media screen and (min-width: 767.98px) {
    .pinot-steps-by.pinot-extra-spacing .arrow-position-div-3 {
        top:68px
    }

    .pinot-steps-by.pinot-extra-spacing .arrow-position-div-2 svg {
        height: 166px
    }

    .events-main .case-study-img img {
        border-radius: 10px
    }
}

@media screen and (max-width: 1070px) {
    .page-template-template_devops_support_services .pinot-steps-by.pinot-extra-spacing h6 {
        font-size:17px
    }
}

@media screen and (max-width: 922px) {
    .page-template-template_devops_support_services .pinot-steps-by.pinot-extra-spacing h6 {
        font-size:17px
    }

    .events-main .case-study-img iframe {
        height: 250px;
        vertical-align: middle
    }
}

@media screen and (max-width: 575px) {
    .events-main .case-study-img iframe {
        height:160px;
        vertical-align: middle
    }

    .dev-pb-92 {
        padding-bottom: 32px
    }

    .pinot-steps-by.pinot-extra-spacing {
        padding-top: 32px
    }

    .devops-is-sec {
        padding: 32px 0
    }

    .page-template-template_devops_support_services .Why-choose-ksolves .svg-img-6 {
        top: 0
    }

    .page-template-template_devops_support_services .pinot-steps-by.pinot-extra-spacing h6 {
        font-size: 18px
    }

    .devops-is-sec-img {
        width: 70%;
        height: 100%;
        margin: 0 auto
    }
}

#file_upload.show_error {
    border: 1px solid #DE2B3A!important
}

#file_upload.show_success {
    border: 1px solid #ced4da!important
}

.sp-sec-3 .sp-main-heading,.sp-sec-3 .sp-main-para {
    padding: 0 16px
}

.salesforce-cti {
    min-height: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/04/ctibgimg-1.webp) right center / cover no-repeat;
    padding: 0 0 0
}

.ctiimg {
    width: 100%;
    height: 100%
}

.sp-main-heading {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: -2%;
    text-align: center
}

.sp-main-para {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 40px
}

.sp-sec-3 {
    background-color: #F9FAFB
}

.sp-sec-3 .card-div {
    background-color: #E5F2F7;
    border-radius: 24px;
    padding: 98px 18px 24px 18px
}

.sp-sec-3 .card-main-heading {
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.sp-sec-3 .card-main-para {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.sp-sec-3 .img-content-div {
    left: 50%;
    transform: translate(-50%,0);
    top: -54px
}

.pt-54 {
    padding-top: 54px
}

.sp-sec-3 .col-lg-4 {
    margin-bottom: 86px
}

.sp-sec-3 .col-lg-4:nth-child(6),.sp-sec-3 .col-lg-4:nth-child(5),.sp-sec-3 .col-lg-4:nth-child(4) {
    margin-bottom: 0
}

.sp-sec-4 .sp-main-heading,.sp-sec-5 .sp-main-heading,.sp-sec-12 .sp-main-heading {
    margin-bottom: 40px
}

.grad-card-box {
    background: radial-gradient(100% 100% at 50% 0%,#FFFFFF 0%,#E2F2FA 100%);
    padding: 24px 32px;
    border-radius: 16px
}

.grad-card-box h6 {
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0
}

.grad-card-box p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.cti-cta-new {
    background-image: url(/wp-content/uploads/2025/04/cti-cta-w.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 24px
}

.cti-cta-new h3 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize
}

.cti-cta-new p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -2%;
    text-align: center
}

.sp-sec-7 .deployment-text {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.sp-sec-7 .deployment-text b {
    font-weight: 700;
    font-size: 18px
}

.w-fix {
    min-width: 24px;
    min-height: 24px
}

.sp-sec-7 .deployment-grid-container {
    grid-template-columns: auto!important
}

.sp-sec-12 .blue-set-area {
    background-color: #E5F2F7;
    border-radius: 24px;
    padding: 129px 29px 24px 29px
}

.sp-sec-12 .img-box-position {
    margin-top: -78px;
    top: 0
}

.sp-sec-12 .blue-set-area h4 {
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.sp-sec-12 .blue-set-area p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.mb-78 {
    margin-bottom: 78px
}

.data-blue-box {
    background: linear-gradient(180deg,#E5F2F7 0%,#B0E1F3 100%);
    border-radius: 24px
}

.data-blue-box h4 {
    color: #323232;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.data-blue-box p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.data-blue-box p b {
    font-weight: 600
}

.data-blue-box .sub-title {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%
}

.data-blue-box .sub-para {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%
}

.data-blue-box .img-block {
    min-width: 64px;
    min-height: 64px
}

.below-dot-str .owl-dot span {
    min-width: 27px;
    max-width: 27px;
    background-color: #E7E7E7;
    max-height: 3px;
    min-height: 3px;
    margin-top: 0px!important;
    margin-bottom: 0px!important
}

.below-dot-str .owl-dot.active span {
    background-color: #3C98BD!important
}

.below-dot-str .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px
}

.below-dot-str .owl-dots {
    min-height: 3px;
    max-height: 3px
}

.sp-sec-10 .user-card-container {
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    margin-right: 2px
}

.sp-sec-10 .user-card-container h4 {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    margin-bottom: 0PX
}

.sp-sec-10 .user-card-container p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0
}

.sp-sec-10 .user-card-container p b {
    font-weight: 500
}

.sp-sec-10 .user-card-container h5 {
    color: #212121;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    position: absolute;
    bottom: 12px;
    height: 50px;
    width: 80%
}

.sp-sec-10 .img-div img {
    min-width: 72px;
    height: 72px
}

.sp-sec-9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/04/gradient-blue-img.webp);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1
}

.lighter-blue-box {
    background: radial-gradient(226.24% 226.24% at 50% 50%,#FDFDFE 6.77%,#E2F2FA 100%)
}

.light-blue-box {
    background: radial-gradient(226.24% 226.24% at 50% 50%,#FDFDFE 6.77%,#9FDCF2 100%)
}

.box-content-setup {
    border-radius: 16px
}

.box-content-setup h5 {
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center
}

.box-content-setup p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center
}

.sp-sec-4 .owl-carousel .owl-item img {
    height: auto
}

.int-txt {
    font-size: 64px;
    font-weight: 700;
    line-height: 72px;
    text-transform: capitalize;
    background: linear-gradient(92deg,#00A1E1 -4.97%,#20336F 82.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.txt-bottm {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    margin-top: 40px
}

.sp-sec-4 .container {
    padding-bottom: 64px
}

.sp-sec-6,.sp-sec-9 {
    padding: 64px 0
}

.sp-sec-7 .dfm-impactful-title {
    font-weight: 600
}

.cti-desktopview {
    border-radius: 24px;
    background: radial-gradient(100% 100% at 50% 0%,#F2F9FD 0%,#D7EBF3 100%);
    padding: 29px 0
}

@media screen and (min-width: 1399.98px) {
    .data-blue-box {
        min-height:850px!important
    }

    .sp-sec-10 .user-card-container {
        min-height: 400px!important
    }
}

@media screen and (max-width: 1399.98px) {
    .sp-sec-10 .user-card-container {
        min-height:413px
    }

    .data-blue-box {
        min-height: 905px
    }
}

@media screen and (max-width: 1346.98px) {
    .sp-sec-10 .user-card-container {
        min-height:429px
    }
}

@media screen and (max-width: 1292.98px) {
    .sp-sec-10 .user-card-container {
        min-height:453px
    }
}

@media screen and (max-width: 1236.98px) {
    .sp-sec-10 .user-card-container {
        min-height:478px
    }
}

@media screen and (min-width: 1199.98px) {
    .sp-sec-7 .deployment-grid-item:nth-child(2) {
        height:454px!important
    }
}

@media screen and (max-width: 1199.98px) {
    .sp-sec-7 .deployment-grid-item:nth-child(2) {
        display:flex;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        border: 1px solid #cae1e9;
        background-color: #fff
    }

    .ctiimg {
        position: relative;
        bottom: -16px
    }

    .sp-sec-10 .user-card-container {
        min-height: 520px
    }

    .data-blue-box {
        min-height: 890px
    }
}

@media screen and (min-width: 991.98px) {
    .sp-sec-12 .sp-main-heading {
        font-weight:700
    }

    .outter-curve-arrow::after {
        top: 0;
        left: -68px;
        width: 70px;
        height: 50%;
        background-position: bottom;
        background-size: contain;
        content: "";
        position: absolute;
        background-image: url(/wp-content/uploads/2025/04/web-left-dot.svg);
        background-repeat: no-repeat
    }

    .outter-curve-arrow::before {
        bottom: 0;
        right: -68px;
        width: 70px;
        height: 50%;
        background-position: top;
        background-size: contain;
        content: "";
        position: absolute;
        background-image: url(/wp-content/uploads/2025/04/web-right-dot.svg);
        background-repeat: no-repeat
    }

    .custom-row-sp {
        margin: 0 -16px
    }

    .custom-row-sp .col-lg-4 {
        padding-left: 16px;
        padding-right: 16px
    }

    .sp-sec-9 .row {
        margin: 0 60px
    }

    .sp-sec-9 .custom-spacing {
        padding: 20px;
        border-radius: 16px;
        overflow: hidden
    }

    .sp-sec-9 .custom-spacing:first-child,.sp-sec-9 .custom-spacing:nth-child(3) {
        border-top: 1px solid #ADCBD7
    }

    .sp-sec-9 .custom-spacing:nth-child(2),.sp-sec-9 .custom-spacing:nth-child(4) {
        border-bottom: 1px solid #ADCBD7
    }

    .sp-sec-9 .custom-spacing:nth-child(2)::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #ADCBD7;
        left: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(2)::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #ADCBD7;
        right: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(3)::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #ADCBD7;
        right: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(1)::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 27%;
        background-color: #ADCBD7;
        left: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(4)::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 27%;
        background-color: #ADCBD7;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width: 991.98px) {
    .cti-desktopview {
        padding:48px 10px
    }

    .data-blue-box {
        min-height: 836px
    }

    .outter-curve-arrow::after {
        bottom: 0;
        top: auto;
        right: 0%;
        left: auto;
        width: 50%;
        height: 30px;
        background-position: left;
        background-size: contain;
        content: "";
        position: absolute;
        background-image: url(/wp-content/uploads/2025/04/mob-end.svg);
        background-repeat: no-repeat
    }

    .outter-curve-arrow::before {
        top: 0;
        left: 0%;
        width: 50%;
        height: 31px;
        background-position: right;
        background-size: contain;
        content: "";
        position: absolute;
        background-image: url(/wp-content/uploads/2025/04/mob-start.svg);
        background-repeat: no-repeat
    }

    .sp-main-para,.sp-sec-4 .sp-main-heading,.sp-sec-5 .sp-main-heading,.sp-sec-12 .sp-main-heading {
        margin-bottom: 32px
    }

    .sp-sec-3 .col-lg-4:nth-child(6),.sp-sec-3 .col-lg-4:nth-child(5) {
        margin-bottom: 0
    }

    .sp-sec-3 .col-lg-4:nth-child(4) {
        margin-bottom: 96px
    }

    .sp-sec-12 .col-lg-4 {
        margin-bottom: 78px
    }

    .sp-sec-12 .col-lg-4:last-child {
        margin-bottom: 0
    }

    .sp-sec-9 .row {
        margin: 0;
        padding: 28px 0
    }

    .sp-sec-9 .custom-spacing {
        padding: 20px;
        border-radius: 16px;
        overflow: hidden
    }

    .sp-sec-9 .custom-spacing:first-child,.sp-sec-9 .custom-spacing:nth-child(3) {
        border-left: 1px solid #ADCBD7
    }

    .sp-sec-9 .custom-spacing:nth-child(2),.sp-sec-9 .custom-spacing:nth-child(4) {
        border-right: 1px solid #ADCBD7
    }

    .sp-sec-9 .custom-spacing:nth-child(2)::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ADCBD7;
        left: 0;
        bottom: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(2)::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ADCBD7;
        left: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(3)::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ADCBD7;
        left: 0;
        bottom: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(1)::after {
        position: absolute;
        content: "";
        width: 40%;
        height: 1px;
        background-color: #ADCBD7;
        left: 0;
        top: 0
    }

    .sp-sec-9 .custom-spacing:nth-child(4)::before {
        position: absolute;
        content: "";
        width: 40%;
        height: 1px;
        background-color: #ADCBD7;
        right: 0;
        bottom: 0
    }

    .ctiimg {
        position: relative;
        bottom: 0
    }

    .sp-sec-10 .user-card-container {
        min-height: 479px
    }
}

@media screen and (max-width: 767.98px) {
    .sp-sec-10 .user-card-container {
        min-height:385px
    }

    .txt-bottm {
        margin-top: 32px
    }

    .sp-sec-3 .col-lg-4:nth-child(5) {
        margin-bottom: 96px
    }

    .cti-cta-new {
        background-image: url(/wp-content/uploads/2025/04/cti-cta-m.webp)
    }

    .data-blue-box {
        min-height: 778px
    }

    .salesforce-cti {
        background: url(/wp-content/uploads/2025/04/ctibgmob.webp) right center / cover no-repeat
    }

    .ctiimg {
        position: relative;
        bottom: 0
    }

    .int-txt {
        font-size: 42px;
        line-height: 38px;
        background: linear-gradient(180deg,#00A1E1 0%,#20336F 137.81%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media screen and (max-width: 575.98px) {
    .data-blue-box {
        min-height:850px;
        height: 850px!important
    }

    .sp-sec-10 .user-card-container {
        min-height: 470px
    }

    .sp-sec-7 .deployment-text {
        font-size: 14px
    }

    .sp-sec-7 .deployment-text b {
        font-size: 16px
    }

    .sp-sec-3 .container {
        padding-left: 0px!important;
        padding-right: 0px!important
    }

    .sp-sec-4 .container {
        padding-bottom: 32px
    }

    .sp-sec-6,.sp-sec-9 {
        padding: 32px 0
    }

    .salesforce-product .container {
        padding: 0 16px
    }

    .sp-main-heading {
        font-size: 24px;
        line-height: 32px
    }

    .sp-main-para {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px
    }

    .sp-sec-3 .col-lg-4 {
        margin-bottom: 72px
    }

    .sp-sec-3 .col-lg-4:last-child {
        margin-bottom: 0
    }

    .grad-card-box {
        padding: 24px
    }

    .cti-cta-new {
        background-image: url(/wp-content/uploads/2025/04/cti-cta-m.webp)
    }

    .cti-cta-new h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .cti-cta-new p {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px
    }
}

@media screen and (max-width: 370px) {
    .sp-sec-10 .user-card-container {
        min-height:549px
    }
}

.redis-cta.drd-cta-25-pad .cassupport-row {
    padding-left: 28px;
    padding-right: 28px
}

.wc-img-70 img {
    min-width: 70px;
    min-height: 70px
}

.redis-cta .col-lg-5.col-12.text-lg-end img {
    width: auto;
    height: auto;
    object-fit: contain!important
}

.redis-cta .col-lg-7.text-white.text-center.text-lg-start {
    display: flex;
    align-items: center;
    justify-content: start
}

.redis-cta-3 .row {
    display: flex;
    align-items: center!important;
    justify-content: start!important
}

.pb-110px {
    padding-bottom: 110px
}

.redis-c-mang h5 {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.redis-c-mang p {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

#kafka-ksolves-support .pinot-banner.apache-kafka-support.redis-banner::after {
    background-image: url(/wp-content/uploads/2025/04/redis-banner-img.webp)!important
}

.redis-c-mang .solutions-title {
    font-weight: 600!important;
    color: #212121;
    margin-bottom: 40px!important
}

@media screen and (max-width: 991.98px) {
    .pb-110px {
        padding-bottom:32px
    }

    .new-redis-col#solutions-mobile .ks-faq.faq-castabfaq .card-body {
        background: #e1edf1!important
    }

    .redis-cta.drd-cta-25-pad .cassupport-row {
        padding-left: 16px;
        padding-right: 16px
    }

    .redis-c-mang .solutions-title {
        margin-bottom: 32px!important
    }
}

@media screen and (max-width: 991.98px) and (min-width:767.98px) {
    .redis-cta .col-lg-7.text-white.text-center.text-lg-start .cassupport-div {
        padding:24px
    }
}

.new-set-druid-content .apache-ecosystem-grid-main-box {
    padding: 80px 0;
    background-color: #F9FAFB;
    border-radius: 24px
}

.apache-ecosystem-grid-box {
    display: grid;
    grid-template-columns: 313px 135px 75px 89px 28px 438px;
    grid-template-rows: 275px 335px 251px 251px;
    gap: 16px;
    justify-content: center
}

.apache-ecosystem-grid-box.new-enhanced .apache-ecosystem-grid-item:nth-child(8) {
    grid-row: 4 / 5;
    grid-column: 1 / 2
}

.apache-ecosystem-grid-box.new-enhanced .apache-ecosystem-grid-item:nth-child(9) {
    grid-row: 4 / 5;
    grid-column: 2 / 6
}

.apache-ecosystem-grid-box.new-enhanced .apache-ecosystem-grid-item:nth-child(10) {
    grid-row: 4 / 5;
    grid-column: 6/7
}

@media screen and (min-width: 1199.98px) {
    .new-set-druid-content .apache-ecosystem-grid-box {
        grid-template-rows:auto
    }
}

.apache-ecosystem-grid-item {
    box-shadow: 0 6px 16px -4px rgba(16,24,40,.04)
}

.new-set-druid-content .title-set {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%;
    text-align: center
}

.new-set-druid-content .subtitle-set {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    .new-set-druid-content .subtitle-set {
        color:#323232;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0%;
        text-align: start!important
    }

    .new-set-druid-content .title-set {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px;
        text-align: start!important
    }
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item {
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    padding: 37px 24px;
    display: flex;
    gap: 26px;
    flex-direction: column
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item .text-bold {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #323232
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item .text b {
    font-weight: 600
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/4
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 4/7
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/2
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 2/6
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(5) {
    grid-row: 2/3;
    grid-column: 6/7
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(6) {
    grid-row: 3/4;
    grid-column: 1/3
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(7) {
    grid-row: 3/4;
    grid-column: 3/7
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(8) {
    grid-row: 4/5;
    grid-column: 1/5
}

.apache-ecosystem-grid-box .apache-ecosystem-grid-item:nth-child(9) {
    grid-row: 4/5;
    grid-column: 5/7
}

@media screen and (max-width: 1400px) {
    .apache-ecosystem-grid-box {
        grid-template-columns:0.29fr 0.125fr 0.07fr 0.083fr 0.026fr 0.406fr;
        grid-template-rows: 0.247fr 0.301fr 0.226fr 0.226fr
    }
}

@media screen and (max-width: 1200px) {
    .apache-ecosystem-grid-box {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr
    }

    .apache-ecosystem-grid-item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }
}

@media screen and (max-width: 992px) {
    .apache-ecosystem-grid-box {
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr
    }

    .apache-ecosystem-grid-main-box {
        padding: 40px 0
    }
}

@media screen and (max-width: 767.8px) {
    .apache-ecosystem-grid-item .text-bold {
        font-size:20px!important
    }

    .apache-ecosystem-grid-item .text {
        font-size: 14px!important
    }

    .new-set-druid-content .apache-ecosystem-grid-box {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .new-set-druid-content .apache-ecosystem-grid-main-box {
        padding: 32px 0
    }
}

@media screen and (max-width: 575px) {
    .apache-ecosystem-grid-box .apache-ecosystem-grid-item {
        padding:16px
    }

    .drd-banner {
        padding-bottom: 32px!important
    }
}

.p-area-64 {
    padding: 64px 0
}

.footer-new-set {
    background-color: #fff
}

.footer-new-set h4 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1%;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    .p-area-64 {
        padding:32px 0
    }

    .footer-new-set h4 {
        font-size: 24px
    }
}

.salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-industry.partnership,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-ongoing,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
    padding: 16px 20px!important;
    display: flex;
    align-items: center;
    justify-content: start
}

@media screen and (max-width: 1200px) {
    .salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-industry.partnership,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-ongoing,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
        padding:16px 20px;
        display: flex;
        align-items: start;
        justify-content: center;
        height: 100%;
        flex-direction: column
    }

    .salesforce-grid-item-hire .business-circle,.salesforce-grid-item-hire .retention-circle,.salesforce-grid-item-hire .code-circle {
        margin-bottom: 24px!important
    }

    .bg-business,.bg-retention,.bg-assurance,.bg-delivery {
        top: 0px!important
    }

    .hire-sec-new .bg-extensive,.hire-sec-new .bg-industry,.hire-sec-new .bg-summit {
        gap: 0px!important
    }

    .salesforce-grid-item-hire .bg-ongoing.salesser {
        align-items: start
    }
}

.salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
    flex-direction: column;
    align-items: start;
    justify-content: center
}

.salesforce-grid-item-hire .bg-extensive img,.salesforce-grid-item-hire .bg-industry.partnership img,.salesforce-grid-item-hire .bg-business img,.salesforce-grid-item-hire .business-circle,.salesforce-grid-item-hire .bg-ongoing img,.salesforce-grid-item-hire .bg-global img,.salesforce-grid-item-hire .bg-code img,.salesforce-grid-item-hire .bg-delivery img,.salesforce-grid-item-hire .bg-assurance img {
    width: 64px!important;
    height: 64px!important;
    min-width: 64px;
    min-height: 64px
}

.salesforce-grid-item-hire .global-circle,.salesforce-grid-item-hire .extensive-circle,.salesforce-grid-item-hire .delivery-circle,.salesforce-grid-item-hire .assurance-circle {
    margin-bottom: 24px
}

.salesforce-grid-item-hire .bg-ongoing {
    gap: 24px
}

.salesforce-grid-item-hire .bg-industry {
    margin-top: 0
}

.salesforce-grid-container {
    display: grid;
    grid-template-columns: 253fr 8fr 251fr 92fr 146fr 107fr 145fr;
    grid-template-rows: 302fr 72fr 237fr 389fr;
    gap: 16px;
    justify-content: center
}

.salesforce-grid-item-hire {
    border-radius: 14px
}

@media screen and (max-width: 767.8px) {
    .salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
        gap:0
    }

    .salesforce-grid-item-hire .bg-retention .color-323232.font-40 {
        font-weight: 700!important
    }

    .salesforce-grid-container .bg-code {
        top: 0
    }

    .salesforce-grid-container .summit-circle {
        width: 90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px;
        max-width: 90px;
        max-height: 90px
    }

    .salesforce-grid-container .summit-circle img {
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px
    }

    .salesforce-grid-container .bg-summit {
        bottom: 0;
        background-color: #F2F2F2
    }

    .salesforce-grid-container .bg-industry {
        background-color: #F9FAFB
    }

    .salesforce-grid-container {
        grid-template-rows: repeat(10,187px);
        grid-template-columns: 1fr
    }

    .salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-ongoing,.salesforce-grid-item-hire .bg-code {
        background-color: #F2F2F2!important
    }

    .salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-delivery {
        background-color: #ffffff!important
    }

    .salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-delivery.bg-delivery12 {
        background-color: #F9FAFB!important
    }

    .salesforce-grid-item-hire .bg-industry,.salesforce-grid-item-hire .bg-assurance {
        background-color: #F9FAFB!important
    }
}

@media screen and (max-width: 575px) {
    .salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-industry.partnership,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-ongoing,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
        padding:16px!important
    }

    .hire-sec-new .extensive-title,.hire-sec-new .summit-title,.hire-sec-new .industry-title,.hire-sec-new .business-title,.hire-sec-new .retention-title,.hire-sec-new .ongoing-title,.hire-sec-new .global-title,.hire-sec-new .code-title,.hire-sec-new .delivery-title,.hire-sec-new .assurance-title,.hire-sec-new .extensive-title,.hire-sec-new .summit-title,.hire-sec-new .industry-title,.hire-sec-new .business-title,.hire-sec-new .retention-title,.hire-sec-new .ongoing-title,.hire-sec-new .global-title,.hire-sec-new .code-title,.hire-sec-new .delivery-title,.hire-sec-new .assurance-title {
        font-weight: 600;
        font-size: 14px;
        line-height: 20.8px;
        letter-spacing: 0;
        margin-bottom: 8px;
        padding-bottom: 0px!important
    }

    p.delivery-sub,p.summit-sub,p.extensive-sub,p.industry-sub,p.business-sub,p.retention-sub,p.ongoing-sub,p.global-sub,p.code-sub,p.delivery-sub,p.assurance-sub {
        font-weight: 400;
        font-size: 14px;
        line-height: 18.41px
    }

    .salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance,.salesforce-grid-item-hire .bg-summit,.salesforce-grid-item-hire .bg-extensive,.salesforce-grid-item-hire .bg-industry.partnership,.salesforce-grid-item-hire .bg-business,.salesforce-grid-item-hire .bg-retention,.salesforce-grid-item-hire .bg-ongoing,.salesforce-grid-item-hire .bg-global,.salesforce-grid-item-hire .bg-code,.salesforce-grid-item-hire .bg-delivery,.salesforce-grid-item-hire .bg-assurance {
        flex-direction: row;
        align-items: center;
        gap: 16px!important;
        padding-top: 28px!important;
        padding-bottom: 28px!important
    }

    .retention-circle .color-323232.font-40 {
        font-weight: 700;
        font-size: 48px
    }
}

.salesforce-grid-item-hire:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/4
}

.salesforce-grid-item-hire:nth-child(2) {
    grid-column: 2/5;
    grid-row: 1/2
}

.salesforce-grid-item-hire:nth-child(3) {
    grid-column: 2/5;
    grid-row: 2/4
}

.salesforce-grid-item-hire:nth-child(4) {
    grid-column: 5/7;
    grid-row: 1/3
}

.salesforce-grid-item-hire:nth-child(5) {
    grid-column: 7/8;
    grid-row: 1/3
}

.salesforce-grid-item-hire:nth-child(6) {
    grid-row: 3/4;
    grid-column: 5/8
}

.salesforce-grid-item-hire:nth-child(7) {
    grid-column: 1/3;
    grid-row: 4/5
}

.salesforce-grid-item-hire:nth-child(8) {
    grid-column: 3/4;
    grid-row: 4/5
}

.salesforce-grid-item-hire:nth-child(9) {
    grid-column: 4/6;
    grid-row: 4/5
}

.salesforce-grid-item-hire:nth-child(10) {
    grid-column: 6/8;
    grid-row: 4/5
}

@media screen and (min-width: 1400px) {
    .salesforce-grid-container {
        grid-template-columns:262px 8px 260px 95px 151px 111px 185px;
        grid-template-rows: 177px 42px 139px 246px
    }
}

@media screen and (max-width: 1200px) {
    .salesforce-grid-container {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: auto
    }

    .salesforce-grid-item-hire {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    .retention-circle .color-323232.font-40 {
        line-height: 1!important
    }
}

@media screen and (max-width: 992px) {
    .salesforce-grid-container {
        grid-template-columns:1fr 1fr
    }

    .salesforce-grid-item-hire .bg-ongoing.salesser {
        align-items: start
    }
}

@media screen and (max-width: 767.8px) {
    .salesforce-grid-container {
        grid-template-rows:repeat(10,auto);
        grid-template-columns: 1fr
    }

    .mob-bg-icon-1::before {
        background-position: left center!important;
        height: 100%!important;
        background-image: url(/wp-content/uploads/2025/04/hire-i-1.svg)!important;
        left: 0px!important;
        right: auto!important;
        top: auto!important;
        background-size: 185px!important
    }

    .mob-bg-icon-2::before {
        top: auto!important;
        background-size: auto!important;
        background-position: right center!important;
        height: 100%!important;
        background-image: url(/wp-content/uploads/2025/04/hire-i-2.svg)!important
    }
}

.p-set-new img {
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px
}

.hire-sec-new .bg-extensive {
    gap: 24px
}

.hire-sec-new .swhy-ksolves-title {
    margin-bottom: 40px;
    text-align: center!important
}

.sales-roi-cta.hire-img-bg {
    background-image: url(/wp-content/uploads/2025/04/hire-bg-img.webp)!important;
    padding-top: 72px;
    padding-bottom: 46px
}

.cta-blue-hire {
    background-color: #032D60;
    padding: 72px 16px;
    border-radius: 16px
}

@media screen and (min-width: 1200px) {
    .cta-blue-hire {
        min-width:1014px;
        max-width: 1014px
    }
}

.cta-blue-hire .title-txt {
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    text-align: center
}

.bg-F8F8F8-cta {
    background-color: #F8F8F8
}

.new-black-v .s-revamp #v-pills-tab {
    background-color: white!important;
    border-radius: 4px!important
}

.new-black-v.apache-developement-service-tab .s-revamp #v-pills-tab .nav-link.active {
    background-color: #414040!important;
    color: #FFFFFF!important;
    border-radius: 4px!important
}

.new-black-v.apache-developement-service-tab .s-revamp #v-pills-tab:after {
    top: 0px!important;
    height: 100%!important
}

.new-black-v.apache-developement-service-tab .container.s-revamp .nifi-tab-div {
    margin-bottom: 230px!important
}

.hire-text .ks-heading-outer {
    margin-bottom: 40px
}

.sf-hire-sec .card-sec-area {
    border: 1px solid #E7E7E7;
    box-shadow: 4px 4px 16px 0 rgba(214,214,214,.25);
    border-radius: 16px;
    height: 100%
}

.sf-hire-sec .card-sec-area h3 {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0
}

.sf-hire-sec .card-sec-area p {
    color: #212121;
    font-weight: 400;
    font-size: 14px;
    line-height: 18.41px;
    letter-spacing: 0
}

.hire-text .heaad-txt {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0;
    text-align: center
}

.hire-text .paraa-txt {
    color: #3F3F3F;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.step-to-hire .right-side-inner {
    gap: 32px
}

.step-to-hire .right-side img {
    min-width: 120px;
    max-width: 120px;
    min-height: 120px;
    max-height: 120px
}

.step-to-hire .right-content-area h4 {
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0
}

.step-to-hire .right-content-area p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0
}

.hire-faq .col-lg-9.mx-auto.ks-faq.mt-56 {
    margin-top: 40px
}

.hire-corner .sblog-section {
    padding-top: 32px
}

.hire-corner .sblog-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 50px
}

.hire-banner-img {
    background-image: url(/wp-content/uploads/2025/04/hire-banner-bg-img.webp)!important
}

@media screen and (min-width: 991.98px) {
    .hire-sec-new .bg-delivery:before,.hire-sec-new .bg-assurance:before {
        top:-40px
    }

    .hire-sec-new .bg-global:before {
        bottom: 34px
    }

    .hire-sec-new .bg-code:before {
        bottom: -25px
    }

    .hire-sec-new .bg-business:before {
        top: -18px
    }
}

@media screen and (max-width: 991.98px) {
    .hire-sec-new .swhy-ksolves-title {
        margin-bottom:32px;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px!important;
        letter-spacing: 0
    }

    .hire-faq .col-lg-9.mx-auto.ks-faq.mt-56 {
        margin-top: 32px
    }

    .step-to-hire .right-side-inner {
        gap: 16px
    }

    .hire-text .ks-heading-outer {
        margin-bottom: 32px
    }

    .hire-text .heaad-txt {
        font-size: 32px;
        line-height: 40px
    }

    .hire-text .paraa-txt {
        font-size: 16px;
        line-height: 24px
    }

    .step-to-hire .right-side img {
        min-width: 72px;
        max-width: 72px;
        min-height: 72px;
        max-height: 72px
    }

    .step-to-hire .right-content-area h4 {
        font-size: 16px;
        line-height: 26px
    }

    .step-to-hire .right-content-area p {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .sales-roi-cta.hire-img-bg {
        padding-top:56px;
        padding-bottom: 56px
    }

    .cta-blue-hire {
        padding: 40px 16px
    }

    .cta-blue-hire .title-txt {
        font-size: 24px;
        line-height: 32px
    }
}

@media screen and (max-width: 768px) {
    .hire-banner-img {
        background-image:url(/wp-content/uploads/2025/04/hire-banner-bg-img-mob.webp)!important
    }
}

@media screen and (max-width: 575.98px) {
    .sales-roi-cta.hire-img-bg {
        background-position:left
    }
}

.hire-sec-new .bg-summit {
    height: 100%
}

.hire-sec-new .bg-ongoing.salesser {
    margin-top: 0
}

.hire-sec-new .extensive-title,.hire-sec-new .summit-title,.hire-sec-new .industry-title,.hire-sec-new .business-title,.hire-sec-new .retention-title,.hire-sec-new .ongoing-title,.hire-sec-new .global-title,.hire-sec-new .code-title,.hire-sec-new .delivery-title,.hire-sec-new .assurance-title {
    padding-bottom: 8px;
    color: #212121;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0
}

.salesforce-grid-item-hire p {
    color: #3F3F3F!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 18.41px!important;
    letter-spacing: 0
}

.retention-circle .color-323232.font-40 {
    color: #212121!important;
    font-weight: 500!important;
    font-size: 40px!important;
    line-height: 17.58px;
    letter-spacing: 0
}

@media screen and (max-width: 575px) {
    .hire-corner .microservices-blog {
        max-width:100%!important
    }
}

.salesforce-professional-grid-item .text .light-bold {
    font-weight: 600
}

.revamp-sf-sect-1.impleme-one {
    padding-top: 73px;
    padding-bottom: 126px
}

.revamp-sf-sect-1.impleme-one::after {
    display: none
}

.impleme-four .card-set-container {
    border-radius: 24px;
    background-color: #fff;
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1%;
    border: 1px solid #E4F3F8;
    padding: 32px 24px 48px 24px;
    padding-bottom: 48px!important;
    position: relative
}

.impleme-four .card-set-container .img-space {
    min-height: 72px;
    min-width: 72px
}

.impleme-four .card-set-container .txt-item {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1%
}

.impleme-four .card-set-container .card-link {
    color: #E32235;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1%;
    text-decoration: none;
    position: absolute;
    bottom: 24px;
    left: 24px
}

.impleme-four .custom-row {
    margin: 0 -16px
}

.impleme-four .col-lg-4.col-md-6 {
    padding: 0 16px;
    margin-bottom: 32px
}

.p-area-64 {
    padding: 64px 0
}

.bg-F5F9FF-col {
    background-color: #F5F9FF!important
}

.new-added-style .process-impbox h3 {
    min-height: 0
}

.new-added-style.process-container::before {
    top: 44.5%
}

.imple-price.sf-new-price {
    background-image: none
}

.sf-new-price .imple-price-title {
    color: #212121
}

.clients-case-study.s-case-slider.py-lg-5.py-3.bg-F5F9FF .client-case-card.text-start img {
    box-shadow: none;
    border: none;
    height: auto
}

.imple-price.sf-new-price .imple-price.sf-new-price .imple-price-title {
    color: #212121
}

.imple-price.sf-new-price .imple-price-subtitle {
    color: #323232
}

.imple-price.sf-new-price .imple-grid {
    gap: 24px
}

.client-sec-new h3 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0;
    text-align: center
}

.salesforce-professional-grid-box {
    display: grid;
    gap: 16px;
    grid-template-rows: 144px 144px 252px 170px;
    grid-template-columns: 236px 39px 215px 25px 118px 118px 9px 250px;
    justify-content: center
}

.salesforce-professional-grid-item {
    padding: 24px 16px;
    display: flex;
    gap: 16px;
    border-radius: 14px;
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.salesforce-professional-grid-item .title-big {
    font-family: Inter;
    font-weight: 700;
    font-size: 78.05px;
    line-height: 17.74px;
    margin-bottom: 32px;
    color: #212121
}

.salesforce-professional-grid-item .title-small {
    font-weight: 700;
    font-size: 40px;
    line-height: 17.74px;
    color: #212121;
    margin-bottom: 8px
}

.salesforce-professional-grid-item .bold-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #212121
}

.salesforce-professional-grid-item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #484848
}

.salesforce-professional-grid-item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/3;
    flex-direction: column;
    justify-content: center;
    background-color: #f5f9ff
}

.salesforce-professional-grid-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/6
}

.salesforce-professional-grid-item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 3/6
}

.salesforce-professional-grid-item:nth-child(4) {
    grid-row: 1/2;
    grid-column: 6/9;
    background-color: #f5f9ff
}

.salesforce-professional-grid-item:nth-child(5) {
    grid-row: 2/3;
    grid-column: 6/9
}

.salesforce-professional-grid-item:nth-child(6) {
    grid-row: 3/4;
    grid-column: 1/2;
    flex-direction: column;
    justify-content: center;
    gap: 8px
}

.salesforce-professional-grid-item:nth-child(7) {
    grid-row: 3/4;
    grid-column: 2/4;
    flex-direction: column;
    justify-content: center;
    background-color: #f5f9ff
}

.salesforce-professional-grid-item:nth-child(8) {
    grid-row: 3/4;
    grid-column: 4/7;
    flex-direction: column;
    justify-content: center
}

.salesforce-professional-grid-item:nth-child(9) {
    grid-row: 3/4;
    grid-column: 7/9;
    flex-direction: column;
    justify-content: center
}

.salesforce-professional-grid-item:nth-child(10) {
    grid-row: 4/5;
    grid-column: 1/3;
    flex-direction: column;
    justify-content: center
}

.salesforce-professional-grid-item:nth-child(11) {
    grid-row: 4/5;
    grid-column: 3/5;
    flex-direction: column;
    justify-content: center
}

.salesforce-professional-grid-item:nth-child(12) {
    grid-row: 4/5;
    grid-column: 5/8;
    flex-direction: column;
    justify-content: center
}

.salesforce-professional-grid-item:nth-child(13) {
    grid-row: 4/5;
    grid-column: 8/9;
    flex-direction: column;
    justify-content: center;
    background-color: #f5f9ff
}

@media screen and (max-width: 1400px) {
    .salesforce-professional-grid-box {
        grid-template-rows:auto;
        grid-template-columns: 0.234fr 0.039fr 0.213fr 0.025fr 0.117fr 0.117fr 0.009fr 0.248fr
    }
}

@media screen and (max-width: 1200px) {
    .salesforce-professional-grid-box {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: auto
    }

    .salesforce-professional-grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start!important
    }
}

@media screen and (max-width: 992px) {
    .salesforce-professional-grid-box {
        grid-template-columns:1fr 1fr
    }

    .salesforce-professional-grid-item {
        flex-direction: row!important;
        justify-content: start!important;
        align-items: center!important
    }

    .salesforce-professional-grid-item .title-big,.salesforce-professional-grid-item .title-small {
        font-weight: 700;
        font-size: 32px;
        line-height: 17.74px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 768.7px) {
    .salesforce-professional-grid-box {
        grid-template-columns:1fr
    }

    .salesforce-professional-grid-item .bold-text {
        font-weight: 600;
        font-size: 14px;
        line-height: 20.8px
    }

    .salesforce-professional-grid-item .text {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }

    .salesforce-professional-grid-box {
        grid-template-rows: repeat(13,134px)
    }

    .impleme-four .custom-row {
        margin: 0 0
    }
}

@media screen and (max-width: 575px) {
    .salesforce-professional-grid-item {
        padding:16px
    }
}

.footer-new-set {
    background-color: #fff
}

.footer-new-set h4 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1%;
    text-align: center
}

.profesiional-set-new .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0%;
    text-align: center;
    color: #212121
}

.client-sec-new .cusotm-add-on.row {
    margin: 0 -16px
}

.client-sec-new .cusotm-add-on.row .col-lg-6 {
    padding: 0 16px
}

.client-sec-new .user-img-conta {
    min-width: 130px;
    min-height: 130px
}

.client-sec-new .card-user-set {
    border-radius: 24px
}

.client-sec-new .user-content-conta {
    color: #484848;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0
}

.client-sec-new .user-content-conta .card-bottom-set {
    color: #484848;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .p-area-64.profesiional-set-new .salesforce-professional-grid-item {
        align-items:center
    }
}

@media (max-width: 1200px) and (min-width:767.98px) {
    .revamp-sf-sect-1 .sales-Partnership.rating .d-flex {
        justify-content:center
    }
}

@media (max-width: 1365.98px) and (min-width:1356.98px) {
    .new-added-style.process-container::before {
        top:44%
    }
}

@media (max-width: 1356.88px) and (min-width:1277.98px) {
    .new-added-style.process-container::before {
        top:45.5%
    }
}

@media (max-width: 1277.88px) and (min-width:1243.98px) {
    .new-added-style.process-container::before {
        top:47.5%
    }
}

@media (max-width: 1243.88px) and (min-width:1218.98px) {
    .new-added-style.process-container::before {
        top:46.5%
    }
}

@media (max-width: 1218.88px) and (min-width:1200.98px) {
    .new-added-style.process-container::before {
        top:46.5%
    }
}

@media (max-width: 1200.88px) and (min-width:1024.98px) {
    .new-added-style.process-container::before {
        top:47.5%
    }
}

@media (max-width: 1024.88px) and (min-width:991.98px) {
    .new-added-style.process-container::before {
        top:47.5%
    }
}

@media screen and (min-width: 991.98px) {
    .img-h-auto-lg {
        height:auto
    }

    .process-container.new-added-style {
        align-items: normal
    }
}

@media screen and (max-width: 767.98px) {
    .revamp-sf-sect-1 .sales-Partnership {
        min-height:105px!important
    }

    .revamp-sf-sect-1.imp-partner .odoo-partners {
        width: calc(100% - 52%)
    }

    .revamp-sf-sect-1.impleme-one {
        padding-top: 32px;
        padding-bottom: 146px
    }

    .impleme-four .col-lg-4.col-md-6 {
        margin-bottom: 16px
    }

    .p-area-64 {
        padding: 32px 0
    }

    .imple-price.sf-new-price .imple-grid {
        gap: 16px
    }

    .footer-new-set h4 {
        font-size: 24px
    }

    .profesiional-set-new .title {
        font-size: 24px;
        line-height: 28px
    }

    .client-sec-new .user-img-conta {
        min-width: 66px;
        min-height: 66px;
        max-width: 66px;
        max-height: 66px;
        margin-bottom: 16px
    }

    .client-sec-new .user-content-conta {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0
    }

    .client-sec-new .user-content-conta .card-bottom-set {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .client-sec-new .card-user-set {
        border-radius: 16px
    }

    .margin-minus-add {
        margin-top: -30px
    }

    .salesforce-grid-item-hire .global-circle,.salesforce-grid-item-hire .extensive-circle,.salesforce-grid-item-hire .delivery-circle,.salesforce-grid-item-hire .assurance-circle {
        margin-bottom: 0
    }
}

.font-weight-chng .ul-set li {
    font-weight: 400
}

@media screen and (max-width: 418px) {
    .revamp-sf-sect-1 .sales-Partnership {
        min-height:120px!important
    }
}

.zz-1 {
    z-index: 1
}

.zz-0 {
    z-index: 0
}

.salesforce-professional-grid-box .zz-1 img {
    min-width: 64px;
    min-height: 64px
}

.lh-20px .text {
    line-height: 20px
}

.new-bg-F2F2F2 {
    background-color: #fbfcfd
}

@media screen and (min-width: 991.98px) {
    .curves-position-add .salesforce-professional-grid-item:nth-child(10) {
        gap:4px
    }
}

.curves-position-add .salesforce-professional-grid-item:nth-child(1) .curve-lap {
    bottom: 0;
    right: 35px
}

.curves-position-add .salesforce-professional-grid-item:nth-child(1) .curve-mob {
    left: -10px;
    bottom: 0
}

.curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-lap {
    bottom: 0;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-lap img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-mob {
    right: 0;
    bottom: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-lap {
    bottom: 0;
    left: 35px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-104%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-lap {
    bottom: 0;
    left: -7px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-mob {
    right: -10px;
    top: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-lap {
    bottom: 0;
    right: 48px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-104%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-lap {
    bottom: -4px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-mob {
    top: 0;
    right: 12px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-lap {
    top: 34px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-93%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-lap {
    bottom: 0;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-mob {
    top: 0;
    right: 12px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-lap {
    top: 34px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-93%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-lap {
    bottom: -5px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-mob {
    right: 0;
    top: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-lap {
    bottom: -24px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-93%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(12) .curve-lap {
    bottom: -4px;
    right: 0;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(12) .curve-mob {
    top: 0xp;
    right: 20px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(12) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(12) .curve-mob img {
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(13) .curve-lap {
    bottom: -17px;
    right: 12px;
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(13) .curve-mob {
    left: 50%;
    top: 0;
    transform: translate(-93%,0);
    height: 100%
}

.curves-position-add .salesforce-professional-grid-item:nth-child(13) .curve-lap img,.curves-position-add .salesforce-professional-grid-item:nth-child(13) .curve-mob img {
    height: 100%
}

.sf-new-price .imple-card.bg-F5F9FF-col .imple-card-title {
    font-size: 24px
}

@media screen and (min-width: 1200px) {
    .imple-card {
        padding:28px!important
    }
}

@media screen and (max-width: 767.98px) {
    .sf-new-price .imple-card.bg-F5F9FF-col .imple-card-title {
        margin-bottom:-8px
    }

    .clients-case-study.bg-F5F9FF-col.p-area-64 .ind-serve-title {
        margin-bottom: 16px;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px
    }

    .clients-case-study.bg-F5F9FF-col.p-area-64 .ind-serve-sub {
        margin-bottom: 34px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px
    }

    .clients-case-study.bg-F5F9FF-col.p-area-64 .ind-serve-title,.clients-case-study.bg-F5F9FF-col.p-area-64 .ind-serve-sub {
        text-align: center
    }

    .page-section.sm-txt-bold .ks-heading-outer .color-28292E.font-40 {
        font-weight: 700!important;
        text-align: center!important
    }

    .nifi-trending-blog .microservices-blog {
        max-width: 100%!important
    }
}

.profesiional-set-new.hire-sec-new .salesforce-services-title {
    font-weight: 700;
    font-size: 40px;
    color: #212121;
    line-height: 100%
}

.profesiional-set-new.hire-sec-new .extensive-title,.profesiional-set-new.hire-sec-new .summit-title,.profesiional-set-new.hire-sec-new .industry-title,.profesiional-set-new.hire-sec-new .business-title,.profesiional-set-new.hire-sec-new .retention-title,.profesiional-set-new.hire-sec-new .ongoing-title,.profesiional-set-new.hire-sec-new .global-title,.profesiional-set-new.hire-sec-new .code-title,.profesiional-set-new.hire-sec-new .delivery-title,.profesiional-set-new.hire-sec-new .assurance-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire p {
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 21px!important;
    color: #484848!important
}

.profesiional-set-new.hire-sec-new .bg-code:before,.profesiional-set-new.hire-sec-new .bg-retention:before {
    z-index: -1
}

.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .extensive-circle {
    margin-bottom: 0
}

.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-summit,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-business,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-retention,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-global,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-code,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-delivery,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-assurance {
    gap: 24px
}

.profesiional-set-new.hire-sec-new .highlighted {
    font-weight: 600
}

.profesiional-set-new.hire-sec-new .bg-F5F9FF {
    background-color: #f5f9ff!important
}

.profesiional-set-new.hire-sec-new .bg-summit::before {
    background-image: url(/wp-content/uploads/2025/05/sec-one.png)
}

.profesiional-set-new.hire-sec-new .bg-industry:before {
    background-image: url(/wp-content/uploads/2025/05/sec-two.png)
}

.profesiional-set-new.hire-sec-new .bg-retention:before {
    background-image: url(/wp-content/uploads/2025/05/sec-three.png)
}

.profesiional-set-new.hire-sec-new .bg-ongoing:before {
    background-image: url(/wp-content/uploads/2025/05/sec-four.png)
}

.profesiional-set-new.hire-sec-new .bg-code:before {
    background-image: url(/wp-content/uploads/2025/05/sec-five.png)
}

.profesiional-set-new.hire-sec-new .bg-assurance:before {
    background-image: url(/wp-content/uploads/2025/05/sec-six.png)
}

@media screen and (max-width: 768.5px) {
    .profesiional-set-new.hire-sec-new .bg-summit,.profesiional-set-new.hire-sec-new .bg-extensive,.profesiional-set-new.hire-sec-new .bg-industry.partnership,.profesiional-set-new.hire-sec-new .bg-ongoing.salesser {
        flex-direction:row!important;
        align-items: center!important;
        justify-content: flex-start!important;
        gap: 16px!important;
        padding: 16px!important
    }

    .profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-summit,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-business,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-retention,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-global,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-code,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-delivery,.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-assurance {
        gap: 16px;
        padding: 16px!important;
        flex-direction: column;
        align-items: flex-start
    }

    .profesiional-set-new.hire-sec-new .bg-summit::before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-one.png)!important
    }

    .profesiional-set-new.hire-sec-new .bg-industry:before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-two.png)!important
    }

    .profesiional-set-new.hire-sec-new .bg-retention:before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-three.png)!important
    }

    .profesiional-set-new.hire-sec-new .bg-ongoing:before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-four.png)!important
    }

    .profesiional-set-new.hire-sec-new .bg-code:before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-five.png)!important
    }

    .profesiional-set-new.hire-sec-new .bg-assurance:before {
        background-image: url(/wp-content/uploads/2025/05/mob-sec-six.png)!important
    }
}

@media screen and (max-width: 575px) {
    .set-400-para .ind-serve-sub {
        font-weight:400;
        font-size: 16px
    }

    .set-400-para .ind-serve-title {
        line-height: 36px
    }
}

.data-cloud-section-six {
    padding: 64px 0
}

.data-cloud-grid-box {
    display: grid;
    grid-template-columns: 265px 235px 123px 377px;
    grid-template-rows: 182px 182px 142px;
    gap: 16px;
    justify-content: center
}

.data-cloud-grid-box .data-cloud-grid-item {
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    padding: 16px;
    display: flex;
    gap: 16px
}

.data-cloud-grid-box .data-cloud-grid-item .title-big {
    font-weight: 700;
    font-size: 78.05px;
    line-height: 17.74px;
    color: #212121;
    margin-bottom: 46px
}

.data-cloud-grid-box .data-cloud-grid-item .title-small {
    font-weight: 700;
    font-size: 40px;
    line-height: 17.74px;
    color: #212121
}

.data-cloud-grid-box .data-cloud-grid-item .text-bold {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #212121
}

.data-cloud-grid-box .data-cloud-grid-item .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #323232
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(1) {
    background-color: #f2f2f2;
    flex-direction: column;
    justify-content: center;
    grid-row: 1/3;
    grid-column: 1/2
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(2) {
    flex-direction: row;
    grid-row: 1/2;
    grid-column: 2/4;
    align-items: center
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(3) {
    flex-direction: row;
    grid-row: 2/3;
    grid-column: 2/4;
    align-items: center;
    background-color: #f2f2f2
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(4) {
    flex-direction: row;
    grid-row: 1/2;
    grid-column: 4/5;
    align-items: center;
    background-color: #f2f2f2
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(5) {
    flex-direction: row;
    grid-row: 2/3;
    grid-column: 4/5;
    align-items: center
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(6) {
    flex-direction: row;
    grid-row: 3/4;
    grid-column: 1/3;
    align-items: center;
    background-color: #f2f2f2
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(7) {
    flex-direction: row;
    grid-row: 3/4;
    grid-column: 3/5;
    align-items: center
}

@media screen and (max-width: 1400px) {
    .data-cloud-grid-box {
        grid-template-columns:0.265fr 0.235fr 0.123fr 0.377fr;
        grid-template-rows: 0.36fr 0.36fr 0.28fr
    }
}

@media screen and (max-width: 992px) {
    .data-cloud-grid-box {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr
    }

    .data-cloud-grid-box .data-cloud-grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        flex-direction: column!important;
        justify-content: center;
        align-items: start!important
    }

    .data-cloud-grid-box .data-cloud-grid-item .title-big {
        font-weight: 700;
        font-size: 40px;
        line-height: 17.74px;
        color: #212121;
        margin-bottom: 0
    }
}

@media screen and (max-width: 768.5px) {
    .data-cloud-grid-box {
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr
    }

    .data-cloud-grid-box .data-cloud-grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        flex-direction: column!important;
        justify-content: center;
        align-items: start!important
    }

    .data-cloud-grid-box .data-cloud-grid-item .title-big {
        font-weight: 700;
        font-size: 40px;
        line-height: 17.74px;
        color: #212121;
        margin-bottom: 0
    }
}

@media screen and (max-width: 768.5px) {
    .data-cloud-grid-box {
        grid-template-columns:1fr;
        grid-template-rows: repeat(7,184px)
    }

    .data-cloud-grid-box .data-cloud-grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        flex-direction: column!important;
        justify-content: center;
        align-items: start!important
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(7) {
        flex-direction: row!important;
        justify-content: flex-start!important;
        align-items: center!important
    }

    .data-cloud-grid-box .data-cloud-grid-item .title-big {
        font-weight: 700;
        font-size: 48px;
        line-height: 17.74px;
        color: #212121;
        margin-bottom: 0
    }

    .data-cloud-grid-box .data-cloud-grid-item .title-small {
        font-size: 48px
    }
}

.dc-banner-img {
    background-image: url(/wp-content/uploads/2025/05/sc-banner-img.webp)!important
}

.dc-banner-stats {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    border-radius: 8px;
    background-color: #FCFEFF;
    padding-left: 12px;
    padding-right: 12px;
    color: #212121;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0
}

.dc-banner-stats .num-box {
    color: #212121;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.salesforce-banner .bottom-set .dc-banner-stats:last-child {
    padding: 6px 12px 5px 12px!important
}

.salesforce-banner .banner-sub-title {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.data-cloud-grid-box .data-cloud-grid-item::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(1)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-1.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(2)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-2.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(3)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-3.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(4)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-4.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(5)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-5.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(6)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-6.svg)
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(7)::after {
    background-image: url(/wp-content/uploads/2025/05/cu-7.svg)
}

.new-txt-title {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%;
    text-align: center
}

.sec-3-dc h5 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%
}

.sec-3-dc p {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.sec-3-dc .blue-div {
    padding: 8px;
    background-color: #EAF3FF;
    border-radius: 4px;
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.sec-3-dc {
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/05/sec-3-curve-bg.svg);
    background-size: contain
}

.new-para-title {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center
}

.bubble-botm-card {
    border: 1px solid #E9F6FC;
    box-shadow: 4px 4px 8px 0 rgba(231,245,251,.4);
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.bubble-botm-card::after {
    background-image: url(/wp-content/uploads/2025/05/dim-cloud.svg);
    background-position: bottom;
    width: 100%;
    height: 100%;
    background-size: cover;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0
}

.bubble-botm-card h4 {
    color: #212121;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    position: relative;
    z-index: 1
}

.bubble-botm-card p {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    position: relative;
    z-index: 1
}

.may-tab-pills-new .fade:not(.show) {
    opacity: 0;
    display: none
}

.new-tab-pills-div .nav-button-sec {
    min-width: 331px;
    max-width: 331px
}

.new-tab-pills-div .nav.nav-tabs .nav-link {
    background-color: #FAF9F9;
    padding: 12px 24px;
    border-radius: 8px;
    width: 100%;
    color: #032D60;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0
}

.new-tab-pills-div .nav.nav-tabs .nav-link.active {
    background-color: #F0F7FE
}

.new-tab-pills-div .nav.nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    height: 40%;
    width: 2px;
    background-color: #032D60;
    left: 0;
    top: 50%;
    transform: translate(0,-50%)
}

.new-tab-pills-div .tab-content {
    border: 1px solid #F3F3F3;
    border-radius: 16px
}

.dc-tab-head {
    color: #34353A;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0
}

.dc-tab-sub-head {
    color: #3F3F41;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0
}

.data-cloud-grid-box .data-cloud-grid-item:nth-child(7) img {
    min-width: 64px;
    min-height: 64px
}

.data-cloud-grid-box .data-cloud-grid-item.position-relative .title-small,.data-cloud-grid-box .data-cloud-grid-item.position-relative img,.data-cloud-grid-box .data-cloud-grid-item.position-relative .d-flex.gap-2.flex-column {
    position: relative;
    z-index: 1
}

.accordion-new-dc .accordion-button {
    background-color: #FAF9F9;
    padding: 12px 16px;
    border-radius: 8px;
    color: #34353A;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    width: 100%;
    display: flex;
    align-items: start
}

.accordion-new-dc .accordion-button[aria-expanded="true"] {
    background-color: #F0F7FE;
    color: #032D60
}

.accordion-new-dc .accordion-button .arrow-icon svg {
    transition: all ease-in-out 0.3s
}

.accordion-new-dc .accordion-button[aria-expanded="true"] .arrow-icon svg {
    transform: rotate(-180deg)
}

@media screen and (min-width: 1199.98px) {
    .new-tab-pills-div {
        max-width:1115px
    }
}

@media screen and (min-width: 991.98px) {
    .new-tab-pills-div .tab-content {
        min-height:320px
    }
}

@media screen and (max-width: 767.98px) {
    .mob-text-acc {
        color:#3F3F41;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0
    }

    .dc-tab-head {
        color: #34353A;
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0
    }

    .dc-tab-sub-head {
        color: #3F3F41;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0
    }

    .bubble-botm-card h4 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0;
        text-align: center
    }

    .bubble-botm-card p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
        text-align: center
    }

    .new-para-title {
        text-align: left;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .sec-3-dc {
        background-size: cover;
        background-image: url(/wp-content/uploads/2025/05/sec-3-curve-bg-m.svg)
    }

    .sec-3-dc .btn.rounded-1 {
        width: 100%
    }

    .sec-3-dc .blue-div {
        color: #3F3F41;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .sec-3-dc p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .sec-3-dc h5 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0
    }

    .new-txt-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0;
        text-align: left
    }

    .dc-banner-img {
        background-image: url(/wp-content/uploads/2025/05/sc-banner-img-mob.webp)!important
    }

    .dc-banner-stats {
        width: 49%;
        font-weight: 500;
        font-size: 13px;
        line-height: 18px;
        border: .79px solid #E7E7E7
    }

    .dc-banner-stats .num-box {
        font-weight: 600;
        font-size: 18.91px;
        line-height: normal;
        margin-bottom: 2px
    }

    .salesforce-banner .bottom-set .dc-banner-stats:last-child {
        padding: 13px 16px!important
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(1)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-1.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(2)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-2.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(3)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-3.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(4)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-4.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(5)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-5.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(6)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-6.svg)
    }

    .data-cloud-grid-box .data-cloud-grid-item:nth-child(7)::after {
        background-image: url(/wp-content/uploads/2025/05/cu-m-7.svg)
    }
}

@media screen and (max-width: 768px) {
    .dc-banner-img {
        background-image:url(/wp-content/uploads/2025/05/sc-banner-img-mob.webp)!important
    }
}

@media screen and (min-width: 767.98px) and (max-width:991.98px) {
    .dc-tab-head {
        line-height:30px
    }
}

.impleme-one.revamp-sfi-sect-1 {
    padding: 110px 0!important
}

.revamp-sfi-sect-1.impleme-one::after {
    display: none
}

@media screen and (max-width: 575px) {
    .grid-cg .salesforce-grid-item-hire:nth-child(1) .bg-summit,.grid-cg .salesforce-grid-item-hire:nth-child(2) .bg-extensive,.hire-sec-new.imp-sf.grid-cg .salesforce-grid-item-hire:nth-child(3) .bg-industry,.hire-sec-new.imp-sf.grid-cg .salesforce-grid-item-hire:nth-child(6) .bg-ongoing.mob-bg-icon-2 {
        display:flex;
        align-items: center!important;
        justify-content: start!important;
        flex-direction: row!important
    }

    .pad-added-new .ks-product-exp-card {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .grid-cg .summit-circle {
        margin-bottom: 0
    }

    .faq-txt .ks-heading-outer .color-28292E.font-40 {
        font-weight: 700!important;
        font-size: 32px!important;
        line-height: 115%;
        letter-spacing: 0
    }
}

.imp-sf.profesiional-set-new.hire-sec-new .salesforce-services-title {
    font-weight: 700;
    font-size: 40px;
    color: #212121;
    line-height: 100%;
    z-index: 1;
    position: relative;
    margin-bottom: 24px
}

.new-400 .four-card-dis {
    font-weight: 400
}

.imp-sf.profesiional-set-new.hire-sec-new .highlighted {
    font-weight: 600
}

.title-surface h3 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0;
    text-align: center
}

.title-surface p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center
}

.box-card-arrow {
    padding: 24px;
    border: 1px solid #E7E7E7;
    border-radius: 16px
}

.box-card-arrow .icon-image {
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-width: 72px
}

.box-card-arrow .num-txt {
    color: #484848;
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0
}

.box-card-arrow .card-head-txt {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0
}

.box-card-arrow .card-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #484848
}

@media screen and (min-width: 991.98px) {
    .box-card-arrow::after {
        background-image:url(/wp-content/uploads/2025/05/arrow-card-flow.svg);
        position: absolute;
        top: 50%;
        right: -24px;
        content: '';
        width: 24px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .extra-lg-arrow.box-card-arrow::after {
        display: none
    }

    .bottom-row .box-card-arrow::after {
        transform: rotate(180deg)
    }

    .down-arrow-set::before {
        background-image: url(/wp-content/uploads/2025/05/arrow-card-bottom-flow.svg);
        position: absolute;
        top: -24px;
        left: 50%;
        content: '';
        width: 14px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (min-width: 1199.98px) {
    .box-card-arrow::after {
        background-image:url(/wp-content/uploads/2025/05/arrow-card-flow.svg);
        position: absolute;
        top: 50%;
        right: -48px;
        content: '';
        width: 48px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .down-arrow-set::before {
        background-image: url(/wp-content/uploads/2025/05/arrow-card-bottom-flow.svg);
        position: absolute;
        top: -48px;
        left: 50%;
        content: '';
        width: 14px;
        height: 48px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: 991.98px) {
    .box-card-arrow::after {
        background-image:url(/wp-content/uploads/2025/05/arrow-card-flow.svg);
        position: absolute;
        bottom: -24px;
        left: 50%;
        content: '';
        width: 14px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .mob-set-arrow::after {
        background-image: url(/wp-content/uploads/2025/05/mob-down-arrow-set.svg);
        position: absolute;
        bottom: -24px;
        left: 50%;
        content: '';
        width: 14px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .order-mob-4 {
        order: 1
    }

    .order-mob-5 {
        order: 2
    }

    .order-mob-6 {
        order: 3
    }

    .order-mob-7 {
        order: 4
    }
}

@media screen and (max-width: 767.98px) {
    .impleme-one.revamp-sfi-sect-1 {
        padding:32px 0!important
    }

    .dc-banner-img .mt-3.mb-4.banner-sub-title {
        font-size: 16px
    }

    .box-card-arrow {
        padding: 24px 16px
    }

    .box-card-arrow .card-head-txt {
        font-size: 16px
    }

    .title-surface h3 {
        font-size: 24px;
        line-height: 28px
    }

    .title-surface p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 575.98px) {
    .imp-sf .salesforce-grid-item-hire .bg-summit,.imp-sf .salesforce-grid-item-hire .bg-business,.imp-sf .salesforce-grid-item-hire .bg-retention,.imp-sf .salesforce-grid-item-hire .bg-global,.imp-sf .salesforce-grid-item-hire .bg-code,.imp-sf .salesforce-grid-item-hire .bg-delivery,.imp-sf .salesforce-grid-item-hire .bg-assurance,.imp-sf .salesforce-grid-item-hire .bg-summit,.imp-sf .salesforce-grid-item-hire .bg-extensive,.imp-sf .salesforce-grid-item-hire .bg-industry.partnership,.imp-sf .salesforce-grid-item-hire .bg-business,.imp-sf .salesforce-grid-item-hire .bg-retention,.imp-sf .salesforce-grid-item-hire .bg-ongoing,.imp-sf .salesforce-grid-item-hire .bg-global,.imp-sf .salesforce-grid-item-hire .bg-code,.imp-sf .salesforce-grid-item-hire .bg-delivery,.imp-sf .salesforce-grid-item-hire .bg-assurance {
        flex-direction:column!important;
        align-items: flex-start!important;
        gap: 16px!important
    }

    .imp-sf.profesiional-set-new.hire-sec-new .salesforce-services-title {
        margin-bottom: 0
    }
}

@media screen and (max-width: 991.98px) {
    .impleme-guidance.bg-img {
        background-size:cover
    }
}

.zoo-support-main .drd-banner::after {
    background-image: url(/wp-content/uploads/2025/05/thanos-backgroung.webp)
}

.zoo-k-cta {
    padding: 110px 0
}

.zoo-cta {
    background-color: #E1EDF1;
    border-radius: 16px;
    padding: 24px 41px
}

.zoo-cta .content h3 {
    color: #323232;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 0
}

.zoo-cta .content {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.zoo-border-0 .apache-ecosystem-grid-item.bg-white {
    border: none
}

.zoo-tabs.apache-developement-service-tab #v-pills-tab .nav-link.active:before {
    display: none
}

.zoo-tabs .container.solutions-cont {
    max-width: 1251px!important
}

.bg-E1EDF1-col {
    background-color: #E1EDF1
}

@media screen and (min-width: 1400px) {
    .zoo-k-cta .container {
        max-width:1320px!important
    }
}

@media screen and (max-width: 991.98px) and (min-width:767.98px) {
    .zoo-cta .content h3 {
        text-align:center
    }

    .zoo-cta .content {
        align-items: center
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .cassupport-div {
        text-align: center
    }
}

@media screen and (max-width: 767.98px) {
    .zoo-k-cta {
        padding:32px 0
    }

    .zoo-cta .content h3 {
        font-size: 32px;
        line-height: 40px
    }

    .zoo-support-main .drd-banner::after {
        background-image: url(/wp-content/uploads/2025/05/zoo-mob-bg-img.webp)
    }
}

@media screen and (max-width: 575.98px) {
    .zoo-cta {
        padding:32px 16px
    }

    .zoo-cta .btn-width-full {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .button-font-down .btn-width-full {
        font-size: 14px!important
    }
}

@media screen and (max-width: 520px) {
    .zoo-support-main .drd-banner:after {
        background-position-y:-356px!important
    }
}

@media screen and (max-width: 500px) {
    .zoo-support-main .drd-banner:after {
        background-position-y:-280px!important
    }
}

@media screen and (max-width: 450px) {
    .zoo-support-main .drd-banner:after {
        background-position-y:-170px!important
    }
}

@media screen and (max-width: 420px) {
    .zoo-support-main .drd-banner:after {
        background-position-y:-26px!important
    }
}

@media screen and (max-width: 390px) {
    #apache-support-cta.font-390 .ks-heading-outer .ks-buttons .btn-width-full {
        font-size:18px!important
    }
}

.mongodb-support-tempate .cassuport-banner {
    background-image: url(/wp-content/uploads/2025/05/main-bg-mongodb.webp)
}

.mongodb-support-tempate .cassuport-banner .Support-subhead {
    font-weight: 600
}

.mongodb-support-tempate .new-set-druid-content .apache-ecosystem-grid-main-box {
    background-color: #f9fafb;
    box-shadow: 0 1px 2px 0 #1018280f,0 1px 3px 0 #1018281a
}

.mongodb-support-tempate .apache-ecosystem-grid-box .apache-ecosystem-grid-item {
    border: none
}

.mongodb-support-tempate .cassupport-cta .cassupport-row {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-template-rows: auto;
    gap: 52px;
    padding: 0
}

.mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 56px 0 56px 64px
}

.mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 29px 64px 29px 0
}

.mongodb-support-tempate .cassupport-cta .cassupport-row .cassupport-div {
    padding: 0
}

@media screen and (max-width: 992px) {
    .mongodb-support-tempate .cassupport-cta .cassupport-row {
        grid-template-columns:1fr;
        grid-template-rows: 1fr 1fr
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(2) {
        padding: 0 32px 32px 32px;
        text-align: center
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(1) {
        padding: 32px
    }

    .mongodb-support-tempate#kafka-ksolves-support .ks-faq.faq-castabfaq .card-body {
        background-color: #f4f9fb!important
    }
}

@media screen and (max-width: 768.5px) {
    .mongodb-support-tempate .cassuport-banner {
        background-image:url(/wp-content/uploads/2025/05/main-bg-mob-mongodb.webp)
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(2) {
        padding: 0 16px 32px 16px;
        text-align: center
    }

    .mongodb-support-tempate .cassupport-cta .cassupport-row .item:nth-child(1) {
        padding: 32px 16px 40px 16px
    }

    .mongodb-support-tempate .new-set-druid-content .title-set,.mongodb-support-tempate .new-set-druid-content .subtitle-set {
        text-align: left!important
    }

    .apache-streamsets-wraper .drd-banner::after {
        background-image: url(/wp-content/uploads/2025/09/asc-bg-banner-mobile.webp)!important
    }
}

@media screen and (max-width: 575px) {
    .mongodb-support-tempate .new-set-druid-content .apache-ecosystem-grid-main-box {
        box-shadow:none;
        padding-left: 12px;
        padding-right: 12px
    }

    .mongodb-support-tempate .apache-ecosystem-grid-box .apache-ecosystem-grid-item {
        padding: 24px
    }

    .mongodb-support-tempate .apache-ecosystem-grid-box .apache-ecosystem-grid-item .text-bold {
        font-size: 24px!important
    }

    .mongodb-support-tempate .apache-ecosystem-grid-box .apache-ecosystem-grid-item .text {
        font-size: 16px!important
    }
}

.related-resources-box {
    background-color: #F5F6F8;
    border-radius: 8px;
    padding: 24px
}

.related-title {
    color: #2D343F;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: .24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D1D2D7
}

.related-item {
    padding: 24px 0;
    border-top: 1px solid #D1D2D7
}

.related-item:first-child {
    border-top: none
}

.related-item:not(:last-child) {
    border-bottom: 1px solid #D1D2D7
}

.resource-type {
    color: #2D343F;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: .24px;
    margin-bottom: 8px
}

.resource-title {
    color: var(--bs-link-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
}

.resource-title a {
    color: #212226;
    text-decoration: none;
    position: relative;
    display: block;
    align-items: start
}

.resource-title a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23454753' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    top: 3px;
    position: relative
}

.resource-title a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23113c63' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.resource-title a:hover {
    color: #113c63!important;
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .related-resources-box {
        padding:16px
    }

    .related-item {
        padding: 16px 0
    }

    .resource-type {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 8px
    }

    .resource-title {
        font-size: 15px
    }
}

.uipath-developers-banner-section {
    background-image: url(/wp-content/uploads/2025/05/ui-path-banner.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 550px
}

.uipath-developers-banner-section .banner-card-box {
    box-shadow: 0 1px 2px 0 #00000014;
    border-radius: 7px;
    padding: 6px 18px;
    width: auto;
    height: 97px
}

.salesforce-grid-inner {
    border-color: #E7E7E7!important
}

.salesforce-grid-item-hire:nth-child(11) {
    grid-column: 1 / 4;
    grid-row: 5 / 5
}

.salesforce-grid-item-hire:nth-child(12) {
    grid-column: 4 / 8;
    grid-row: 5 / 5
}

.salesforce-grid-inner .summit-circle {
    width: 123px;
    min-height: 124px;
    height: 124px
}

.salesforce-grid-inner .summit-title {
    font-size: 16px!important
}

.salesforce-grid-inner.bg-summit::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg.svg)!important;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.salesforce-grid-inner.bg-retention::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg2.svg)!important
}

.salesforce-grid-inner.bg-industry::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg3.svg)!important;
    right: 0
}

.salesforce-grid-inner.bg-global:before {
    bottom: 0;
    right: 0
}

.salesforce-grid-inner.bg-code::before {
    left: 0;
    bottom: 0
}

.salesforce-grid-inner.bg-delivery:before,.salesforce-grid-inner.bg-assurance:before,.salesforce-grid-inner.bg-business:before {
    top: 0;
    right: 0
}

.salesforce-grid-inner.bg-ongoing::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg4.svg)!important
}

.salesforce-grid-inner.bg-code::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg5.svg)!important
}

.salesforce-grid-inner.bg-extensive::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg6.svg)!important
}

.salesforce-grid-inner.bg-business::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg7.svg)!important
}

.salesforce-grid-inner.bg-global::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg8.svg)!important
}

.salesforce-grid-inner.bg-delivery::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg9.svg)!important
}

.salesforce-grid-inner.bg-assurance::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg10.svg)!important
}

.salesforce-grid-inner.bg-delivery11::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg11.svg)!important
}

.salesforce-grid-inner.bg-delivery12::before {
    background-image: url(/wp-content/uploads/2025/05/salesforce-grid-inner-bg12.svg)!important
}

.salesforce-grid-inner.bg-business {
    background-color: #fff
}

.profesiional-set-new.hire-sec-new .salesforce-grid-inner .salesforce-services-title {
    font-size: 48px
}

.profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .salesforce-grid-inner p {
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 24px!important;
    color: #212121!important
}

.uipath-developers-tab-section .nifi-tab-div {
    gap: 88px
}

.uipath-developers-tab-section #v-pills-tab {
    padding: 0;
    border: none;
    border-radius: 0;
    max-width: 342px;
    max-height: 516px;
    background-color: transparent
}

.uipath-developers-tab-section #v-pills-tab .nav-link {
    max-width: 100%;
    border-left: 4px solid #E7E7E7!important;
    border-radius: 0 4px 4px 0px!important;
    color: #212121!important;
    background-color: #fff!important;
    padding: 10.5px!important
}

.uipath-developers-tab-section #v-pills-tab .nav-link.active {
    background-color: #484848!important;
    color: #fff!important;
    border-left: 4px solid #113c63!important;
    font-size: 16px!important
}

.uipath-developers-tab-section .tab-content.healthcloud-content {
    width: 100%;
    max-width: 946px
}

.uipath-developers-tab-section .bd-tech-card {
    max-width: 946px;
    height: 584px;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 32px 44px
}

.uipath-developers-tab-section .content-health {
    max-width: 700px
}

.ks-page-cta-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 397px
}

.ks-page-cta-section.bg-1 {
    background-image: url(/wp-content/uploads/2025/05/free-consultancy.webp)
}

.ks-page-cta-section.bg-2 {
    background-image: url(/wp-content/uploads/2025/05/scale-your-automation.webp)
}

.ks-page-cta-section.bg-3 {
    background-image: url(/wp-content/uploads/2025/05/automate-your-industry-effortlessly.webp)
}

.why-choose-grid-section .bg-extensive {
    height: 100%
}

.uipath-industry-applications .erp-tab-img img {
    border-radius: 16px;
    object-fit: cover;
    width: revert-layer;
    height: revert-layer;
    max-width: none
}

.strengths-uipath-dev-section .rpa-dev-card {
    box-shadow: 4px 4px 16px 0 #D6D6D640;
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    background: #fff;
    padding: 24px;
    transform: none!important;
    align-items: start;
    text-align: start;
    min-height: 198px
}

.capability-card {
    border: 1px solid #B1D0DDCC;
    border-radius: 24px;
    background-color: #F9FAFB;
    padding: 25px 16px;
    height: 100%
}

.capab-card-icon {
    margin-top: -65px;
    margin-bottom: 24px
}

.process-hire-uipath .rpa-dev-card {
    box-shadow: none;
    gap: 0;
    min-height: auto;
    border: 1px solid #E7E7E7;
    text-align: left;
    align-items: flex-start
}

.process-hire-uipath .rpa-dev-card:hover {
    transform: none
}

.process-hire-uipath .rpa-dev-card.arrow:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/05/hire-process-icon1.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 48px;
    height: 10px;
    right: 0;
    position: absolute;
    top: 50%;
    margin-right: -25px
}

.process-hire-uipath .rpa-dev-card.arrow.arrow-rev:after {
    transform: rotate(180deg)
}

.process-hire-uipath .rpa-dev-card.arrow.arrow-corner:after {
    background-image: url(/wp-content/uploads/2025/05/hire-process-icon2.svg);
    width: 30px;
    height: 185px;
    top: 0;
    margin-top: -48px;
    margin-right: -5px
}

.process-hire-uipath .process-card3 .rpa-dev-card.arrow:after {
    display: none
}

.process-hire-uipath .erp-card img {
    max-width: 100px
}

.bg-industry {
    gap: 24px
}

.w-content {
    width: max-content
}

@media screen and (min-width: 1400px) {
    .l-h-60 {
        line-height:60px
    }

    .l-h-52 {
        line-height: 52px
    }

    .l-h-26 {
        line-height: 26px
    }

    .l-h-100-perc {
        line-height: 100%
    }

    .why-choose-grid-section .salesforce-grid-container {
        grid-template-rows: 140px 3px 121px 160px;
        grid-template-columns: 262px 0 229px 95px 135px 111px 174px
    }

    .uipath-developers-banner-section .banner-card-box:first-child {
        width: 175px
    }

    .uipath-developers-banner-section .banner-card-box:nth-child(2) {
        width: 146px
    }
}

@media screen and (max-width: 767.98px) {
    .why-choose-grid-section .title {
        text-align:left;
        font-size: 32px;
        line-height: 42px
    }

    .ks-text-para {
        font-size: 16px
    }

    .salesforce-grid-inner .summit-circle {
        min-height: 91px
    }

    .why-choose-grid-section .salesforce-grid-inner {
        gap: 16px!important
    }

    .salesforce-grid-inner {
        min-height: 161px
    }

    .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner {
        flex-direction: column!important;
        align-items: start!important;
        justify-content: center!important
    }

    .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner .font-48 {
        line-height: 36px
    }

    .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-summit {
        gap: 10px!important;
        flex-direction: row!important;
        align-items: center!important
    }

    .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-ongoing,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-global,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-code,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-delivery,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-delivery11,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire .salesforce-grid-inner.bg-delivery12 {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: start!important
    }

    .uipath-developers-banner-section h1 {
        font-size: 40px;
        font-weight: 600!important;
        line-height: 52px
    }

    .uipath-developers-banner-section {
        height: 802px;
        padding: 32px 4px
    }

    .uipath-developers-banner-section button,.ks-page-cta-section button {
        width: 100%
    }

    section.uipath-developers-banner-section:before {
        content: "";
        top: 0;
        background: #090D18;
        width: 100%;
        height: 60%;
        position: absolute
    }

    .intelligent-automation-section h2,.uipath-developers-tab-section h2,.ks-page-cta-section h2,.hire-uipath-developers-section .sheading,.uipath-dev-capab h2,.process-hire-uipath h2 {
        font-size: 32px;
        line-height: 42px
    }

    .text-title-para {
        font-size: 16px;
        font-weight: 400!important;
        color: #484848!important
    }

    .intelligent-automation-section p {
        font-size: 16px!important;
        line-height: 162%
    }

    .ks-page-cta-section.bg-1 {
        height: 556px;
        background: linear-gradient(180.07deg,#090D18 47.55%,rgba(0,0,0,0) 99.39%)
    }

    .ks-page-cta-section.bg-2 {
        height: 662px;
        background: linear-gradient(180.07deg,#090D18 58.52%,rgba(0,0,0,0) 86.29%)
    }

    .ks-page-cta-section.bg-3 {
        height: 437px;
        background: linear-gradient(180deg,#090D18 56.34%,rgba(0,0,0,0) 100%)
    }

    .ks-page-cta-section .btn-lg,.uipath-developers-banner-section .btn-lg {
        min-height: 56px
    }

    .cta-mobile-img img {
        width: 100%
    }

    .strengths-uipath-dev-section .rpa-dev-card {
        min-height: 159px;
        height: 156px
    }

    .hire-uipath-developers-section .rpa-dev-card .font-16 {
        font-size: 16px
    }

    .model-img {
        width: 343px;
        height: 343px
    }

    .hiring-model-content img {
        width: 72px;
        height: 72
    }

    .hiring-model-content .font-24 {
        font-size: 16px!important
    }

    .hiring-model-content .font-18 {
        font-size: 14px;
        line-height: 20px!important
    }

    .capability-card {
        min-height: 205px
    }

    .ks-capab-card-para {
        font-size: 16px!important;
        color: #323232!important
    }

    .hire-uipath-developers-section .process-hire-uipath .rpa-dev-card {
        min-height: 269px;
        height: 269px;
        padding: 24px 16px;
        align-items: start;
        justify-content: center
    }

    .process-hire-uipath .rpa-dev-card.arrow:after {
        display: none
    }

    .process-hire-uipath .rpa-dev-card.mobilearrow:before {
        content: "";
        background-image: url(/wp-content/uploads/2025/05/uipath-arrow.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 6px;
        height: 26px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-bottom: -25px
    }

    .process-card1 {
        order: 1
    }

    .process-card2 {
        order: 2
    }

    .process-card3 {
        order: 3
    }

    .process-card4 {
        order: 5!important
    }

    .process-card5 {
        order: 4!important
    }

    .process-hire-uipath .process-card3 .rpa-dev-card.arrow:after {
        display: none!important
    }

    .uipath-industry-applications .nav-pills.erp-tab-pills {
        gap: 8px
    }

    .uipath-industry-applications .tab-content .tab-pane .row {
        background-color: #F9FAFB;
        border-radius: 16px;
        flex-direction: column-reverse;
        gap: 24px
    }

    .uipath-industry-applications .erp-tab-img img {
        width: 100%;
        height: auto
    }

    .uipath-industry-applications .erp-tab-content {
        padding: 0
    }

    .uipath-developers-tab-section .bd-tech-card {
        margin-top: 16px
    }

    .service-faq-sec.uipath-faq .card.sales-health-faq .card-body {
        padding-left: 16px!important;
        padding-right: 16px!important
    }
}

@media screen and (max-width: 992px) {
    .why-choose-grid-section .salesforce-grid-inner .summit-circle {
        width:90px;
        min-height: auto;
        min-width: 90px;
        height: 90px
    }

    .why-choose-grid-section.hire-sec-new .bg-summit,.profesiional-set-new.hire-sec-new .bg-extensive,.profesiional-set-new.hire-sec-new .bg-industry.partnership,.profesiional-set-new.hire-sec-new .bg-ongoing.salesser {
        flex-direction: column!important;
        align-items: start!important
    }

    .uipath-developers-tab-section .tab-pane {
        transition: opacity 0.15s linear!important;
        display: block!important;
        opacity: 1!important
    }

    .uipath-developers-tab-section .ks-heading-outer .font-18,.process-hire-uipath .ks-heading-outer .font-18 {
        font-size: 16px
    }

    .uipath-developers-tab-section .tab-content.healthcloud-content {
        background-color: #fff;
        border-radius: 16px;
        margin: 0 16px
    }

    .uipath-developers-tab-section .collapse:not(.show) {
        display: none!important
    }

    .uipath-developers-tab-section .accordion-button {
        padding: 17px 28px 17px 16px;
        background: transparent;
        border: none;
        min-width: 100%
    }

    .uipath-developers-tab-section .accordion-button::after {
        content: "";
        background-image: url(/wp-content/uploads/2025/05/arrow-down.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 8px;
        top: 25%
    }

    .uipath-developers-tab-section .bd-tech-card {
        padding: 0 16px;
        max-width: 100%;
        height: 100%;
        min-height: auto
    }

    .uipath-developers-tab-section .bd-tech-card .bd-tech-content {
        margin-bottom: 16px
    }

    .process-card1 {
        order: 1
    }

    .process-card2 {
        order: 2
    }

    .process-card3 {
        order: 4
    }

    .process-card4 {
        order: 5
    }

    .process-card5 {
        order: 3
    }

    .process-hire-uipath .process-card2 .rpa-dev-card.arrow:after {
        bottom: 0;
        top: auto;
        right: 50%;
        margin-right: 0;
        margin-bottom: -15px;
        transform: rotate(90deg);
        height: 6px;
        width: 26px
    }

    .process-hire-uipath .process-card3 .rpa-dev-card.arrow:after {
        display: block;
        left: 0;
        margin-left: -24px;
        transform: rotate(180deg)
    }

    .process-hire-uipath .process-card4 .rpa-dev-card.arrow:after {
        display: none
    }

    .process-hire-uipath .process-card5 .rpa-dev-card.arrow:after {
        background-image: url(/wp-content/uploads/2025/05/right-flip-arrow.svg);
        left: 48%;
        top: 100%;
        margin-top: 0!important
    }

    .uipath-developers-tab-section .nifi-tab-div {
        padding-left: 0px!important
    }
}

@media screen and (max-width: 1200px) {
    .why-choose-grid-section .bg-extensive,.hire-sec-new .bg-industry,.hire-sec-new .bg-summit {
        gap:16px!important
    }

    .banner-card-box:last-child img {
        min-width: 40px
    }

    .uipath-developers-banner-section .banner-card-box {
        min-width: 150px!important;
        width: min-content!important
    }

    .banner-card-box:last-child {
        min-width: 305px!important
    }

    .uipath-developers-tab-section .nifi-tab-div {
        gap: 48px;
        padding-left: 32px
    }

    .uipath-industry-applications .erp-tab-img img {
        width: 100%;
        height: auto
    }

    .process-hire-uipath .rpa-dev-card.arrow.arrow-corner:after {
        margin-top: -22px
    }
}

.crm-services .epr-bnr {
    background-image: url(/wp-content/uploads/2025/05/main-herobg-crm.webp);
    padding: 114px 0 207px 0
}

.crm-services .thanos-enterprise-support {
    background-color: #F9FAFB;
    padding: 64px 52px
}

.crm-expertise-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 40px
}

.crm-services .thanos-support-box {
    border: 1px solid #E4F3F8;
    padding: 32px 24px;
    border-radius: 24px;
    background-color: #FFF;
    gap: 24px
}

.crm-services .thanos-enterprise-support .solutions-subtitle .solution-subtitle {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px
}

.crm-services .new-crm-services .thanos-support-box {
    box-shadow: 2px 2px 12px 0 #C3C3C340;
    border: none;
    padding: 15px 17px 15px 22px;
    background-color: #FDFEFE;
    border-radius: 16px
}

.crm-services .new-crm-services .thanos-support-box .icon-box {
    height: 64px;
    width: 64px;
    box-shadow: none;
    border-radius: 0;
    min-width: 64px
}

.crm-expertise {
    padding: 64px 0
}

.crm-expertise .img-box {
    min-height: 69px
}

.crm-expertise .crm-expertise-container {
    gap: 32px;
    justify-content: center;
    flex-wrap: wrap
}

.crm-expertise .crm-expertise-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px;
    box-shadow: 0 1px 2px 0 #1018280f,0 1px 3px 0 #1018281a;
    border-radius: 24px;
    border: 1px solid #f0f0f0;
    background-color: #f9fafb;
    height: 200px;
    width: 210px;
    justify-content: center;
    align-items: center
}

.crm-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #212121
}

.crm-services .salesforce-consulting-grid-box-item .title-big {
    margin-bottom: 64px
}

.new-crm-services .solution-subtitle,.crm-services .thanos-enterprise-support .solution-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

.new-crm-services .solutions-title,.new-crm-services .solution-subtitle {
    margin-bottom: 16px;
    text-align: center
}

.crm-services .thanos-enterprise-support .thanos-support-box .thanos-title {
    color: #141F29;
    font-weight: 500
}

.crm-services .new-crm-services.thanos-enterprise-support .thanos-support-box .thanos-title {
    color: #212121;
    font-weight: 600
}

.crm-services .thanos-enterprise-support .thanos-support-box .thanos-text {
    color: #2E3740
}

.crm-services .eventcase-study,.crm-services .healthcloudblog {
    background-color: #F9FAFB!important
}

@media screen and (min-width: 1400px) {
    .new-crm-services .container {
        max-width:1017px
    }
}

@media screen and (max-width: 992px) {
    .crm-services .salesforce-consulting-grid-box-item .title-big {
        margin-bottom:0
    }

    .crm-services .salesforce-consulting-grid-box-item .title-small,.crm-services .salesforce-consulting-grid-box-item .title-big {
        font-size: 48px
    }
}

@media screen and (max-width: 768.5px) {
    .crm-services .epr-bnr {
        background-position:center left
    }
}

@media screen and (max-width: 575px) {
    .crm-services .salesforce-consulting-grid-box-item {
        flex-direction:row!important;
        align-items: center!important;
        justify-content: start!important
    }

    .crm-services .epr-bnr {
        background-image: url(/wp-content/uploads/2025/05/herobg-crmmob.webp);
        padding: 32px 0 328px
    }

    .crm-expertise .crm-expertise-container {
        gap: 24px
    }

    .crm-expertise-title {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        color: #212121;
        margin-bottom: 32px
    }

    .new-crm-services .sheading {
        margin-bottom: 32px
    }

    .crm-expertise {
        padding: 32px 0
    }

    .crm-expertise .img-box {
        min-height: unset
    }

    .crm-services .thanos-enterprise-support {
        padding: 32px 0
    }

    .new-crm-services .solutions-title,.crm-services .thanos-enterprise-support .solutions-title {
        font-size: 24px;
        margin-bottom: 24px;
        text-align: center;
        line-height: 32px
    }

    .new-crm-services .solution-subtitle,.crm-services .thanos-enterprise-support .solution-subtitle {
        font-size: 14px;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0;
        text-align: center
    }

    .crm-services .new-crm-services .thanos-support-box {
        padding: 18px 34px
    }

    .crm-services .thanos-enterprise-support .solutions-title {
        margin-bottom: 16px
    }

    .crm-services .salesforce-consulting-grid-box-item:nth-child(6):before {
        background-image: url(/wp-content/uploads/2025/05/mob-eclipse-6th.png)
    }

    .crm-services .salesforce-consulting-grid-box-item:nth-child(7):before {
        background-image: url(/wp-content/uploads/2025/05/mob-eclipse-9.png);
        left: auto;
        max-width: 220px;
        right: 0;
        height: 100%;
        top: 0
    }

    .crm-services .salesforce-consulting-grid-box-item:nth-child(8):before {
        max-width: 220px;
        background-image: url(../../../../../../../../themes/ksolves-wordpress-theme/assets/css/wp-content/uploads/2025/05/mob-eclipse-8.png)
    }

    .crm-services .salesforce-consulting-grid-box-item:nth-child(9):before {
        background-image: url(/wp-content/uploads/2025/05/mob-eclipse-9.png)
    }

    .crm-services .salesforce-consulting-grid-box-item:nth-child(10):before {
        background-image: url(/wp-content/uploads/2025/05/mob-eclipse-10.png)
    }
}

.integration-sales-services .salespaid-form .salespaid-form-head {
    padding: 0 20px;
    font-size: 22px
}

.ss-integration-box {
    padding: 64px 0
}

.ss-integration-box .choose-heading {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0%;
    text-align: center;
    color: #212121;
    margin-bottom: 40px
}

.integration-choose-us {
    display: grid;
    grid-template-columns: 236px 29px 11px 243px 115px 121px 240px;
    grid-template-rows: 144px 144px 220px;
    gap: 16px;
    justify-content: center
}

.integration-choose-us .grid-item {
    border-radius: 14px;
    padding: 24px;
    border: 1px solid #e7e7e7;
    position: relative;
    z-index: 4;
    overflow: hidden;
    background-color: #fff
}

.integration-choose-us .grid-item .title {
    font-weight: 700;
    font-size: 40px;
    color: #212121
}

.integration-choose-us .grid-item .title-big {
    font-weight: 700;
    font-size: 78.05px;
    line-height: 17.74px;
    color: #212121
}

.integration-choose-us .grid-item .text {
    font-weight: 600;
    font-size: 18px;
    line-height: 20.8px;
    color: #212121
}

.integration-choose-us .grid-item:nth-child(1) {
    grid-column: 1/4;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    gap: 64px;
    justify-content: center;
    background-color: #f5f9ff;
    justify-content: center;
    align-items: flex-start
}

.integration-choose-us .grid-item:nth-child(1)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-one.png);
    top: 0;
    left: auto
}

.integration-choose-us .grid-item:nth-child(2) {
    grid-column: 4/6;
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.integration-choose-us .grid-item:nth-child(2)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-two.png);
    top: 0;
    left: -1px
}

.integration-choose-us .grid-item:nth-child(3) {
    grid-column: 4/6;
    grid-row: 2/3;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    background-color: #fbfcfd
}

.integration-choose-us .grid-item:nth-child(3)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-three.png);
    top: 0;
    left: -10px
}

.integration-choose-us .grid-item:nth-child(4) {
    grid-column: 6/8;
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    background-color: #f5f9ff
}

.integration-choose-us .grid-item:nth-child(4)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-four.png);
    top: 0;
    left: -12px
}

.integration-choose-us .grid-item:nth-child(5) {
    grid-column: 6/8;
    grid-row: 2/3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px
}

.integration-choose-us .grid-item:nth-child(5)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-five.png);
    top: 0;
    left: 0
}

.integration-choose-us .grid-item:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    gap: 24px
}

.integration-choose-us .grid-item:nth-child(6)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-six.png);
    top: 0;
    left: 43px
}

.integration-choose-us .grid-item:nth-child(7) {
    grid-column: 3/5;
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: #f5f9ff;
    align-items: baseline;
    justify-content: flex-start
}

.integration-choose-us .grid-item:nth-child(7)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-seven.png);
    top: 0;
    left: 0
}

.integration-choose-us .grid-item:nth-child(8) {
    grid-column: 5/7;
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: baseline;
    justify-content: flex-start
}

.integration-choose-us .grid-item:nth-child(8)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-eight.png);
    top: 0;
    left: 14px
}

.integration-choose-us .grid-item:nth-child(9) {
    grid-column: 7/8;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: #fbfcfd;
    align-items: baseline;
    justify-content: flex-start
}

.integration-choose-us .grid-item:nth-child(9)::before {
    background-image: url(/wp-content/uploads/2025/05/ssi-nine.png);
    top: 0;
    left: 0
}

.integration-choose-us .grid-item::before {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute
}

.salesforce-services-main .integration-expertise .ks-product-exp-card {
    border: 1px solid #F3F3F3!important
}

.bg-F5F9FF {
    background-color: #F5F9FF!important
}

.integration-services-salesforce.thanos-enterprise-support .solutions-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    margin-bottom: 16px
}

.integration-services-salesforce.thanos-enterprise-support .solution-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 16px;
    color: #323232
}

.thanos-enterprise-support.integration-services-salesforce {
    padding: 64px 0;
    background: #F2F8FFCC
}

.thanos-enterprise-support.integration-services-salesforce .thanos-support-box {
    border: 1px solid #E4F3F8;
    background-color: #FFF;
    padding: 32px 24px;
    border-radius: 24px;
    gap: 24px;
    min-height: 354px
}

.thanos-enterprise-support.integration-services-salesforce .thanos-support-box .thanos-text {
    color: #2E3740
}

.integration-services-salesforce.thanos-enterprise-support .thanos-support-box .thanos-title {
    color: #141F29
}

.enterprise-grid,.platforms-industries {
    padding: 64px 0
}

.step-integration-grid-box {
    display: grid;
    grid-template-columns: 296px 39px 69px 46px 181px 39px 184px 46px 66px 39px 296px;
    grid-template-rows: 389px 74px 483px;
    justify-content: center
}

.step-integration-grid-box .circle-img-box {
    height: 72px;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 4px 0 #c7c7c740;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 24px
}

.step-integration-grid-box .step-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #0f2947
}

.step-integration-grid-box .step-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3a4249
}

.step-integration-grid-box .step-integration-item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/4;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 4/5;
    display: flex;
    align-items: center
}

.step-integration-grid-box .step-integration-item:nth-child(3) {
    grid-row: 1/2;
    grid-column: 5/8;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(4) {
    grid-row: 1/2;
    grid-column: 8/9;
    display: flex;
    align-items: center
}

.step-integration-grid-box .step-integration-item:nth-child(5) {
    grid-row: 1/2;
    grid-column: 9/12;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(6) {
    grid-row: 2/3;
    grid-column: 1/12;
    display: flex;
    justify-content: center
}

.step-integration-grid-box .step-integration-item:nth-child(7) {
    grid-row: 3/4;
    grid-column: 1/2;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(8) {
    grid-row: 3/4;
    grid-column: 2/3;
    display: flex;
    align-items: center
}

.step-integration-grid-box .step-integration-item:nth-child(9) {
    grid-row: 3/4;
    grid-column: 3/6;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(10) {
    grid-row: 3/4;
    grid-column: 6/7;
    display: flex;
    align-items: center
}

.step-integration-grid-box .step-integration-item:nth-child(11) {
    grid-row: 3/4;
    grid-column: 7/10;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.step-integration-grid-box .step-integration-item:nth-child(12) {
    grid-row: 3/4;
    grid-column: 10/11;
    display: flex;
    align-items: center
}

.step-integration-grid-box .step-integration-item:nth-child(13) {
    grid-row: 3/4;
    grid-column: 11/12;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px
}

.enterprise-grid .platform-main-title {
    color: #212121
}

.enterprise-grid .platform-main-text {
    color: #323232
}

.platforms-industries {
    background: radial-gradient(50% 50% at 50% 50%,#1a446f 0%,#03213f 100%);
    position: relative
}

.platforms-industries .container {
    position: relative;
    z-index: 2
}

.platforms-industries::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1046px;
    background-image: url(/wp-content/uploads/2025/05/bg-shape-platform.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.platform-main-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    margin-bottom: 16px
}

.platform-main-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px;
    color: #F9FAFB
}

.platforms-industries .container .row {
    row-gap: 24px
}

.platforms-industries .platform-box {
    border: 1px solid #e7e7e7;
    padding: 32px 24px;
    border-radius: 24px;
    background-color: #ffffff1a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    height: 100%
}

.platform-box .platform-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px
}

.platform-box .img-box {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 10px 20px
}

.platform-content .platfrom-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.platform-content .platform-text {
    font-weight: 350;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #F9FAFB
}

@media screen and (min-width: 1440px) {
    .implementation-serve.integration-testimonals .sales-slide-div {
        min-height:288px
    }
}

@media screen and (max-width: 1400px) {
    .integration-choose-us {
        grid-template-columns:0.237fr 0.029fr 0.011fr 0.244fr 0.116fr 0.122fr 0.241fr;
        grid-template-rows: auto
    }
}

@media screen and (max-width: 1440px) {
    .step-integration-grid-box {
        grid-template-columns:0.23fr 0.03fr 0.05fr 0.04fr 0.14fr 0.03fr 0.14fr 0.04fr 0.05fr 0.03fr 0.23fr;
        grid-template-rows: auto
    }

    .step-integration-grid-box .step-integration-item img {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .step-integration-grid-box {
        grid-template-columns:1fr 48px 1fr;
        grid-template-rows: auto
    }

    .step-integration-grid-box .step-integration-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        margin-top: 16px;
        position: relative
    }

    .step-integration-grid-box .step-integration-item:nth-child(5) {
        grid-column: 1/2!important;
        grid-row: 2/3!important
    }

    .step-integration-grid-box .step-integration-item:nth-child(4) {
        grid-column: 2/3!important;
        grid-row: 2/3!important
    }

    .step-integration-grid-box .step-integration-item:nth-child(7) {
        grid-column: 3/4!important;
        grid-row: 2/3!important
    }

    .step-integration-grid-box .step-integration-item:nth-child(6) {
        grid-row: 4 / 5!important;
        grid-column: 1 / 4!important;
        margin: 0
    }

    .step-integration-grid-box .step-integration-item:nth-child(6) img {
        width: 78%!important;
        height: 100%
    }

    .step-integration-grid-box .step-integration-item:nth-child(13) {
        margin-top: 0!important
    }

    .imp-partner.sales1int .odoo-partners img {
        min-height: 100%;
        height: revert-layer
    }

    .implementation-serve.integration-testimonals .sales-slide-div {
        height: auto;
        min-height: 430px!important
    }
}

@media screen and (max-width: 992px) {
    .integration-sales-services .salespaid-form {
        margin-top:54px
    }

    .integration-choose-us {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr
    }

    .integration-choose-us .grid-item {
        grid-row: span 1!important;
        grid-column: span 1!important
    }

    .integration-choose-us .grid-item .title-big {
        font-weight: 700;
        font-size: 48px;
        line-height: 17.74px
    }

    .integration-choose-us .grid-item:nth-child(1) {
        gap: 24px
    }

    .integration-choose-us .grid-item:nth-child(2),.integration-choose-us .grid-item:nth-child(3),.integration-choose-us .grid-item:nth-child(4),.integration-choose-us .grid-item:nth-child(5) {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        justify-content: center
    }

    .step-integration-grid-box {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .step-integration-grid-box .step-integration-item img {
        display: none!important
    }

    .step-integration-grid-box .step-integration-item .circle-img-box img {
        display: block!important
    }

    .step-integration-grid-box .step-integration-item:nth-child(2),.step-integration-grid-box .step-integration-item:nth-child(4),.step-integration-grid-box .step-integration-item:nth-child(10) {
        display: none!important
    }

    .step-integration-grid-box .step-integration-item:nth-child(7) {
        grid-row: 4/5!important;
        grid-column: span 1!important
    }

    .step-integration-grid-box .step-integration-item {
        margin-top: 0!important
    }

    .step-integration-grid-box .step-integration-item:not(:last-child)::after {
        content: "";
        height: 24px;
        width: 100%;
        background-image: url(/wp-content/uploads/2025/05/down-arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -25px;
        left: 0
    }

    .integration-sales-services .sales-slide-div .salesforepaid-cont p {
        min-height: unset
    }

    .implementation-serve.integration-testimonals .sales-slide-div {
        height: auto;
        min-height: 378px!important
    }

    .integration-sales-services .implementation-serve.integration-testimonals .sales-slide-div .salesforepaid-cont p {
        min-height: unset!important
    }

    .step-integration-grid-box .step-integration-item .circle-img-box img {
        display: block!important;
        height: revert-layer
    }
}

@media screen and (max-width: 768px) {
    .integration-choose-us {
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr
    }

    .integration-choose-us .grid-item .title-big {
        line-height: normal
    }

    .integration-sales-services .impwhy {
        margin-bottom: 24px;
        height: 100%;
        padding-bottom: 32px!important
    }

    .enterprise-grid,.platforms-industries {
        padding: 32px 0
    }

    .integration-sales-services .imp-partner {
        justify-content: center!important
    }

    .platform-main-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 16px
    }

    .platform-main-text {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 32px
    }

    .platforms-industries .container .row {
        row-gap: 16px
    }

    .platforms-industries::after {
        height: 2356px;
        background-image: url(/wp-content/uploads/2025/05/bg-shape-slider-two.png)
    }
}

@media screen and (max-width: 575px) {
    .integration-sales-services .salespaid-form {
        margin-top:42px!important
    }

    .integration-sales-services .imp-partner {
        justify-content: flex-start!important
    }

    .integration-sales-services .salespaid-form.implemeform .salespaid-form-head {
        font-size: 18px!important
    }

    .integration-sales-services .thanos-enterprise-support .thanos-support-box .thanos-title {
        font-weight: 500
    }

    .integration-choose-us .grid-item {
        padding: 16px;
        flex-direction: row!important;
        justify-content: start!important;
        align-items: center!important;
        gap: 16px
    }

    .integration-choose-us .grid-item:nth-child(1)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-one.png);
        left: 0;
        top: 7px
    }

    .integration-choose-us .grid-item:nth-child(2)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-two.png);
        width: 220px;
        left: auto;
        right: 16px
    }

    .integration-choose-us .grid-item:nth-child(3)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-three.png);
        width: 220px;
        left: auto;
        right: 26px;
        top: -8px;
        height: 148px
    }

    .integration-choose-us .grid-item:nth-child(4)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-four.png);
        width: 220px;
        left: auto;
        right: 0;
        top: -7px;
        height: 144px
    }

    .integration-choose-us .grid-item:nth-child(5)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-five.png);
        width: 220px;
        left: auto;
        right: 23px
    }

    .integration-choose-us .grid-item:nth-child(6)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-six.png);
        width: 220px;
        left: auto;
        right: 0;
        height: 164px;
        top: -11px
    }

    .integration-choose-us .grid-item:nth-child(7)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-seven.png);
        width: 220px;
        left: auto;
        right: 21px;
        height: 164px;
        top: -11px
    }

    .integration-choose-us .grid-item:nth-child(8)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-eight.png);
        width: 220px;
        left: auto;
        right: 0
    }

    .integration-choose-us .grid-item:nth-child(9)::before {
        background-image: url(/wp-content/uploads/2025/05/ssi-mob-nine.png);
        width: 220px;
        left: auto;
        right: 0;
        top: -10px;
        height: 144px
    }

    .integration-choose-us .grid-item .title {
        font-weight: 700;
        font-size: 48px;
        line-height: 17.74px
    }

    .integration-choose-us .grid-item .text {
        font-weight: 600;
        font-size: 14px;
        line-height: 20.8px
    }

    .ss-integration-box {
        padding: 32px 0
    }

    .integration-choose-us {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9,134px)
    }

    .integration-services-salesforce.thanos-enterprise-support .solutions-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        text-align: center
    }

    .integration-services-salesforce.thanos-enterprise-support .solution-subtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 8px
    }

    .thanos-enterprise-support.integration-services-salesforce {
        padding: 32px 0
    }

    .thanos-enterprise-support.integration-services-salesforce .thanos-support-box {
        min-height: auto;
        padding: 24px 16px
    }

    .integration-sales-services .implementation-serve .sales-slide-div {
        min-height: 435px!important;
        height: 500px!important
    }

    .integration-sales-services .impleme-two {
        padding-bottom: 96px
    }

    .integration-sales-services .impleme-three {
        margin-top: -32px
    }

    .ss-integration-box .choose-heading {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.new_saleforce_dev_services .impleme-four-card {
    background-color: rgba(242,248,255,.8)
}

.new_proven_experience .tech-card {
    border-radius: 32px;
    border: 2px solid #E3F3F8;
    padding: 16px 19px;
    transition: transform 0.2s ease
}

.new_proven_experience .tech-card:hover {
    transform: translateY(-5px);
    transition: 0.3sease-in-out
}

.new_proven_experience .new_bg_pink {
    background-color: #E322351A
}

.new_proven_experience .new_bg_blue {
    background-color: #03213F0D
}

.new_proven_experience .w-240 {
    max-width: 240px;
    width: 100%
}

.new_proven_experience .w-156 {
    max-width: 156px;
    width: 100%
}

.new_proven_experience .w-186 {
    max-width: 186px;
    width: 100%
}

.new_proven_experience .w-276 {
    max-width: 276px;
    width: 100%
}

.new_project_mind.impleme-guidance {
    min-height: unset
}

.new_project_mind .card_box_pm {
    background-color: #FFFFFF1A
}

.new_project_mind .card_box_pm .sub_hed {
    font-size: 18px
}

.new_process_section .process-container.camp:before {
    top: 50%
}

.new_choose_us .salesforce-grid-container {
    grid-template-rows: 177px 42px 139px 152px
}

.new_unco_img {
    z-index: 1
}

.tech-flex .four-card-title {
    color: #212121
}

@media screen and (min-width: 1400px) {
    .new_implementation_serve.implementation-serve .sales-slide-div {
        min-height:300px!important
    }
}

@media (max-width: 1365px) and (min-width:1199.98px) {
    .new_process_section .process-container.camp:before {
        top:52%
    }

    .new_implementation_serve.implementation-serve .sales-slide-div {
        min-height: 350px
    }
}

@media only screen and (max-width: 1200px) {
    .new_choose_us .salesforce-grid-container {
        grid-template-rows:auto
    }
}

@media only screen and (max-width: 1024px) {
    .new_impleme_five.impleme-five {
        background-size:cover
    }

    .new_process_section .process-container.camp:before {
        top: 49%
    }

    .new_process_section .process-impbox p {
        min-height: 425px
    }

    .new_implementation_serve.implementation-serve .sales-slide-div {
        min-height: 460px
    }
}

@media only screen and (max-width: 992px) {
    .new_proven_experience .w-240,.new_proven_experience .w-156,.new_proven_experience .w-186,.new_proven_experience .w-276 {
        max-width:46%
    }

    .new_impleme_five .font-24 {
        font-size: 16px!important;
        line-height: 24px!important;
        font-weight: 500!important
    }

    .new_project_mind .card_box_pm {
        width: 100%
    }

    .new_unco_img img {
        height: 90px;
        width: 90px
    }

    .profesiional-set-new.hire-sec-new .bg-extensive.new_flex_mobile,.profesiional-set-new.hire-sec-new .bg-ongoing.salesser.new_flex_mobile {
        flex-direction: row!important;
        align-items: center!important
    }

    .new_implementation_serve .sales-slide-div,.new_implementation_serve .salesforepaid-cont {
        height: unset
    }

    .new_implementation_serve p,.new_implementation_serve .sales-slide-div,.new_implementation_serve .implementation-service {
        min-height: unset!important
    }

    .new_implementation_serve .salesforepaid-cont p {
        margin-bottom: 30px!important
    }

    .new_process_section .process-impbox p {
        min-height: 290px
    }

    .new_implementation_serve.implementation-serve .sales-slide-div {
        min-height: 390px!important;
        height: 404px!important
    }

    .new_implementation_serve.implementation-serve .sales-slide-div .salesforepaid-cont {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .tech-flex {
        column-gap:24px!important
    }

    .new_process_section .process-impbox p,.new_process_section .process-impbox h3 {
        min-height: unset
    }

    .new_implementation_serve.implementation-serve .sales-slide-div {
        min-height: 430px!important;
        height: 480px!important
    }
}

@media only screen and (max-width: 575px) {
    .new_proven_experience .four-card-title {
        font-size:12px;
        line-height: 16px;
        min-height: 32px;
        display: flex;
        align-items: center
    }

    .new_proven_experience .tech-card:nth-last-child(1) {
        max-width: 75%
    }

    .new_proven_experience .tech-card img {
        width: 55px;
        height: 55px
    }

    .new_impleme_five img {
        max-width: 92px
    }
}

.proven-upgrade {
    background-color: #f9fafb;
    padding: 64px 0
}

.proven-upgrade .upgrade-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.proven-upgrade .upgrade-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.proven-upgrade .upgrade-proven-box {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 32px 24px;
    border-radius: 24px;
    height: 100%;
    min-height: 330px
}

.proven-upgrade .upgrade-proven-box .img-box {
    box-shadow: 2px 2px 4px 0 #c7c7c740;
    background-color: #f9fafb;
    height: 72px;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.proven-upgrade .upgrade-proven-box .upgrade-sub-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #141f29
}

.proven-upgrade .upgrade-proven-box .upgrade-sub-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #2e3740
}

.cta-black {
    background-color: #212121;
    border-radius: 24px;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -1%;
    text-align: center;
    padding: 40px 0
}

.cta-area .vector-plus {
    width: 100%;
    height: 70px;
    background-image: url(/wp-content/uploads/2025/05/black-cta-vector.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center
}

.new-upgrade_your_odoo h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%
}

.new-upgrade_your_odoo p {
    color: #484848;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0
}

.new-upgrade_your_odoo h5 {
    color: #484848;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0
}

.list-red li {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1%
}

.list-red li span {
    font-weight: 500
}

.list-red li img {
    margin-right: 10px;
    min-width: 16px;
    min-height: 16px
}

.new-upgrade_your_odoo h3 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0;
    text-align: center
}

.bg-F9FAFB-col {
    background-color: #f9fafb
}

.bg-fdf2e9 {
    background-color: #fdf2e9
}

.table-sticky-left {
    max-width: 1215px;
    border-radius: 16px;
    overflow-y: hidden;
    overflow-x: auto;
    box-shadow: 0 4px 4px 0 rgba(131,113,113,.25);
    border: 1px solid #e7e7e7
}

.table-response {
    background-color: var(--color-bg-light);
    border-radius: 16px;
    border-collapse: separate;
    border-spacing: 0
}

.table-sticky-left thead th {
    min-height: 61px;
    max-height: 61px;
    padding: 16px 24px;
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    border-bottom: .5px solid #e7e7e7;
    border-top: 1px solid transparent;
    border-right: none;
    border-left: none
}

.table-sticky-left tbody td {
    border: .2px solid #e7e7e7;
    padding: 15px 24px;
    color: #484848;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    border-right: none;
    border-left: none
}

.table-sticky-left tbody .txt-sticky-left {
    color: #212121;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -.5%
}

.table-sticky-left tbody td:nth-child(2),.table-sticky-left thead th:nth-child(2) {
    background-color: #fdfdff
}

.table-sticky-left tbody td:nth-child(3),.table-sticky-left thead th:nth-child(3) {
    background-color: #f1fbf8
}

.table-sticky-left thead th:first-child {
    border-radius: 16px 0 0 0
}

.table-sticky-left thead th:last-child {
    border-radius: 0 16px 0 0
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 1;
    min-width: 630px;
    text-align: left;
    color: var(--color-text-dark);
    background-clip: padding-box
}

.banner-odoo-upgrade {
    display: grid;
    grid-template-columns: 641px 564px;
    gap: 90px;
    justify-content: center;
    grid-template-rows: auto
}

.banner-odoo-upgrade .upgrade-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #212121;
    margin-bottom: 0
}

.banner-odoo-upgrade .upgrade-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232
}

.banner-odoo-upgrade button {
    width: fit-content;
    margin-top: 8px
}

.banner-odoo-upgrade .banner-odoo-item:nth-child(1) {
    grid-column: 1/2;
    padding: 132px 0 119px 0
}

.banner-odoo-upgrade .banner-odoo-item:nth-child(2) {
    grid-column: 2/3
}

.upgrade-info {
    display: grid;
    grid-template-columns: 182px 130px 163px;
    grid-template-rows: auto;
    gap: 16px;
    margin-top: 40px
}

.upgrade-info .info-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 1px 2px 0 #1018280f,0 1px 3px 0 #1018281a;
    padding: 12px;
    border-radius: 8px
}

.upgrade-info .info-item:nth-child(1) {
    grid-column: 1/2
}

.upgrade-info .info-item:nth-child(2) {
    grid-column: 2/3
}

.upgrade-info .info-item:nth-child(3) {
    grid-column: 3/4
}

.upgrade-info .info-item .info-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #323232
}

.upgrade-info .info-item .info-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 38.49px;
    color: #212121
}

.salesforce-grid-item-hire .bg-business img.odoo-img {
    width: 118px!important;
    height: 62px!important
}

.odoo-upgrade-choose .bg-extensive {
    height: 100%!important
}

.odoo-upgrade-choose .salesforce-grid-inner.bg-code::before {
    bottom: -18px
}

.odoo-upgrade-choose .salesforce-grid-inner.bg-business::before {
    z-index: -1
}

@media screen and (min-width: 1400px) {
    .table-sticky-left tbody td,.table-sticky-left thead th {
        border-bottom:none
    }
}

@media screen and (max-width: 1400px) {
    .banner-odoo-upgrade {
        grid-template-columns:1.5fr 1fr;
        gap: 32px
    }

    .upgrade-info {
        grid-template-columns: 0.5fr 0.6fr 0.8fr
    }
}

@media screen and (max-width: 1070px) {
    .sticky-col {
        min-width:444px
    }
}

@media screen and (max-width: 991.98px) {
    .box-card-arrow.remove-arrow:after {
        display:none
    }

    .sticky-col {
        min-width: 310px
    }

    .table-sticky-left thead th {
        min-height: 51px;
        max-height: 51px;
        font-size: 16px
    }

    .table-sticky-left tbody .txt-sticky-left {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -.5%
    }

    .banner-odoo-upgrade .banner-odoo-item:nth-child(1) {
        padding: 64px 0 32px 0
    }

    .banner-odoo-upgrade {
        grid-template-columns: 1fr
    }

    .banner-odoo-upgrade .banner-odoo-item:nth-child(2) {
        grid-column: 1 / 2;
        text-align: center
    }
}

@media screen and (max-width: 575.98px) {
    .f-w-600.mb-4.font-40.color-28292E {
        line-height:normal!important
    }

    .sticky-col {
        min-width: 167px
    }

    .proven-upgrade {
        padding: 32px 0
    }

    .table-sticky-left thead th {
        padding: 16px 8px
    }

    .proven-upgrade .upgrade-title {
        font-size: 24px;
        line-height: 28px;
        text-align: center
    }

    .proven-upgrade .upgrade-text {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px
    }

    .cta-black {
        border-radius: 0;
        padding: 32px 0;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0
    }

    .cta-black button {
        padding-left: 4px!important;
        padding-right: 4px!important;
        font-size: 16px!important
    }

    .cta-area .container {
        padding-left: 0px!important;
        padding-right: 0px!important
    }

    .cta-area .vector-plus {
        position: absolute;
        top: 0;
        left: 0
    }

    .cta-area .vector-plus:last-child {
        bottom: 0px!important;
        top: auto!important
    }

    .new-upgrade_your_odoo h4 {
        font-size: 24px;
        line-height: 100%
    }

    .new-upgrade_your_odoo p {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0
    }

    .new-upgrade_your_odoo h5 {
        font-weight: 600;
        font-size: 14px;
        line-height: 21px
    }

    .list-red li img {
        margin-right: 8px
    }

    .list-red li {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0%
    }

    .new-upgrade_your_odoo h3 {
        font-size: 24px;
        line-height: 100%;
        text-align: left
    }

    .banner-odoo-upgrade .banner-odoo-item:nth-child(1) {
        padding: 32px 0 0 0
    }

    .banner-odoo-upgrade .banner-odoo-item:nth-child(2) {
        padding-bottom: 32px
    }

    .banner-odoo-upgrade .upgrade-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 38.4px
    }

    .banner-odoo-upgrade .upgrade-text {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px
    }

    .banner-odoo-upgrade button {
        padding: 8px 0!important;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .upgrade-info {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 8px;
        margin-top: 32px
    }

    .upgrade-info .info-item:nth-child(3) {
        grid-column: 1 / 2;
        grid-row: 2 / 3
    }

    .upgrade-info .info-item:nth-child(3) img {
        border-radius: 8px
    }

    .odoo-upgrade-choose .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire:nth-child(4) .salesforce-grid-inner {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: start!important
    }

    .why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire:nth-child(11) .salesforce-grid-inner,.why-choose-grid-section .salesforce-grid-container .salesforce-grid-item-hire:nth-child(9) .salesforce-grid-inner {
        flex-direction: column!important;
        align-items: start!important;
        justify-content: center!important
    }

    .table-sticky-left tbody td {
        padding: 16px 8px;
        font-size: 14px;
        line-height: 21px
    }
}

.live-booth-new {
    padding: 64px 0!important;
    background-image: url(/wp-content/uploads/2025/06/booth-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.live-booth-new .live-content-box {
    padding: 24px 32px;
    background-color: #fffffff2;
    border-radius: 16px;
    display: flex;
    gap: 80px
}

.live-booth-new .live-content-box .left-content {
    max-width: 769px
}

.live-booth-new .live-content-box .left-content .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #212121;
    margin-bottom: 16px
}

.live-booth-new .live-content-box .left-content .title span {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #855b7b
}

.live-booth-new .live-content-box .left-content .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #484848;
    margin-bottom: 24px
}

.table-view .row {
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    overflow: hidden
}

.table-view .border-end {
    border-color: #e7e7e7
}

.table-view .head {
    background-color: #eadee9;
    padding: 12px 18px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #323232
}

.table-view .body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    padding: 12px
}

.table-view .body p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.table-view .body .bold-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.table-view .body .ul {
    margin-bottom: 0
}

.table-view .body .ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.table-view .body .list-style {
    margin-bottom: 0;
    padding-left: 26px
}

.table-view .body .list-style li {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.odoo-event-exp .grtn-invt-bnr {
    background-image: url(/wp-content/uploads/2025/06/odoo_event_banner.webp)
}

.color-FFDE8B {
    color: #FFDE8B
}

.odoo-event-exp .event-grid-container .event-grid-item:nth-child(1) {
    justify-content: center
}

.odoo-event-exp .event-grid-container .event-grid-item:nth-child(11) {
    grid-column: 4 / 7
}

.odoo-event-exp .event-grid-container .event-grid-item:nth-child(10) {
    grid-column: 1 / 4
}

.odoo-event-exp .implementation-serve .sales-slide-div {
    min-height: unset
}

.odoo-event-exp .sales-slide-div .salesforepaid-cont p {
    margin-bottom: 60px;
    min-height: 120px
}

.odoo-event-exp .event-form-title {
    font-size: 22px;
    letter-spacing: 0;
    padding: 24px 10px;
    text-align: center
}

.summitind .industries-service .owl-nav {
    top: -155px
}

.gartner-cta.ks-meet-our-exp-sec {
    background-image: url(/wp-content/uploads/2025/06/event-cta-banner.webp)
}

.Meet-belgium {
    border-radius: 10000px;
    border: 1px solid #EC63E7;
    background: linear-gradient(90deg,#804F82 0%,#912E95 100%);
    display: flex;
    padding: 2px 14px;
    align-items: center;
    gap: 6px;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: .18px;
    margin-top: 32px;
    max-width: 255px;
    width: 100%;
    cursor: default
}

@media screen and (min-width: 1200px) and (max-width:1370px) {
    .summitind .ind-serve-title {
        font-size:32px
    }
}

@media screen and (max-width: 1080px) {
    .odoo-event-exp .ks-support-sider-img {
        min-width:400px
    }
}

@media screen and (max-width: 992px) {
    .live-booth-new .live-content-box {
        flex-direction:column;
        gap: 24px
    }

    .right-content .event-data-summitform {
        max-width: 400px;
        width: 100%;
        margin: 0 auto
    }

    .odoo-event-exp-2025 .dinvt-div {
        padding: 12px;
        align-items: stretch!important
    }

    .odoo-event-exp .sales-slide-div .salesforepaid-cont p {
        margin-bottom: 40px;
        min-height: unset
    }

    .odoo-event-exp .ks-support-sider-img {
        min-width: 100%
    }

    .odoo-event-exp .ks-support-sider-img img {
        width: 100%;
        min-width: 100%;
        object-fit: unset
    }

    .right-content .event-data-summitform {
        max-width: 400px;
        width: 100%;
        margin: 0 auto
    }

    .odoo-test-ex {
        flex-direction: column;
        align-items: flex-start!important
    }
}

@media screen and (max-width: 768px) {
    .table-view .body {
        padding:12px 30px
    }

    .live-booth-new {
        background-image: url(/wp-content/uploads/2025/06/booth-bg-mob.png);
        padding: 32px 4px!important
    }

    .live-booth-new .live-content-box {
        padding: 32px 16px
    }

    .live-booth-new .live-content-box .left-content .title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .live-booth-new .live-content-box .left-content .title span {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px
    }

    .live-booth-new .live-content-box .left-content .text {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .table-view .head {
        text-align: center
    }

    .table-view .body {
        align-items: start
    }

    .table-view .body .list-style {
        padding-left: 20px
    }

    .table-view .body {
        min-height: 328px
    }

    .odoo-event-exp-2025 .dinvt-div {
        padding: 7px 40px;
        background-color: #864d80
    }

    .odoo-event-exp .sales-slide-div .salesforepaid-cont p {
        margin-bottom: 30px;
        min-height: unset
    }

    .odoo-event-exp .implementation-serve .implementation-service {
        min-height: unset
    }
}

.branch-logo-card {
    width: 225px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 8px
}

.gartner-cta.ks-meet-our-exp-sec {
    background-image: url(/wp-content/uploads/2025/06/event-cta-banner.webp)
}

.odoo-event-exp-2025 .logo-event-row {
    width: 635px
}

.odoo-event-exp-2025 .dinvt-subheading {
    font-size: 16px
}

@media (max-width: 568px) {
    .eventcase-study .owl-dots {
        margin:24px 0
    }

    .Meet-belgium {
        margin-top: 18px;
        max-width: 100%;
        width: 100%;
        justify-content: center
    }

    .ks-dashboard-ninja-ai-section .font-40,.ks-global-branch-section .font-40 {
        font-size: 24px!important;
        line-height: 36px
    }

    .ks-dashboard-ninja-ai-section .font-18 {
        font-size: 16px!important;
        line-height: 24px
    }

    .ks-dashboard-ninja-ai-section .font-24 {
        font-size: 18px!important;
        line-height: 27px
    }

    .ks-dashboard-ninja-ai-section button {
        width: 100%
    }

    .branch-logo-card {
        width: calc(100% / 2 - 16px)
    }

    .odoo-event-exp-2025 .logo-event-row {
        width: 100%;
        top: -70px
    }

    .odoo-event-exp-2025 .grtn-invt-bnr::before {
        content: "";
        background: linear-gradient(0.24deg,rgba(0,12,91,.1) -3.89%,rgba(82,0,74,.9) 39.13%);
        display: block;
        width: 100%;
        top: 0;
        position: absolute;
        height: 60%
    }

    .odoo-event-exp-2025 .Prizes-in {
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .btn-banner-secondry {
        color: #fff;
        border: 1px solid #E1EDFF;
        padding: 8px
    }

    .odoo-event-exp .grtn-invt-bnr {
        background-size: auto;
        height: 1043px;
        position: relative
    }

    .odoo-event-exp .grtn-invt-bnr {
        background-image: url(/wp-content/uploads/2025/06/Group-1321315129.webp);
        background-size: cover
    }

    .odoo-event-exp .event-grid-container .event-grid-item:nth-child(1) {
        justify-content: start;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px
    }

    .odoo-event-exp .event-kswhy .event-img img {
        max-width: 85px;
        margin-bottom: 0
    }

    .odoo-event-exp .event-grid-container .event-grid-item {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 0
    }

    .odoo-event-exp .sales-slide-div img {
        height: 66px
    }

    .odoo-event-exp .implementation-serve.integration-testimonals .sales-slide-div {
        min-height: unset!important
    }

    .odoo-event-exp .implementation-serve .salesforepaid-cont {
        height: unset
    }

    .odoo-event-exp.odoo-event-exp-2025 .event-grid-container .event-grid-item {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 0
    }

    .odoo-event-exp.odoo-event-exp-2025 .event-grid-container .event-grid-item:nth-child(1) {
        justify-content: start;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px
    }
}

.odoo-test-ex {
    background: #f5f9ff;
    border: 1px solid #daeaff;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 32px
}

.odoo-test-ex .odoo-text-img {
    height: 130px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 130px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 24px
}

.odoo-text-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.odoo-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #484848;
    flex: 1
}

.odoo-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    margin-top: auto
}

.odoo-ex-testimonial-box .odoo-ex-testimonial.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch
}

.odoo-ex-testimonial-box .odoo-ex-testimonial.owl-carousel .item {
    height: 100%;
    display: flex;
    width: 100%
}

.odoo-ex-testimonial-box .odoo-ex-testimonial.owl-carousel .owl-nav {
    display: none!important
}

.odoo-ex-testimonial-box .odoo-ex-testimonial.owl-carousel .owl-dots {
    margin-top: 32px!important
}

.video-odoo-ex {
    padding: 64px 0 32px
}

.odoo-ex-testimonial-box {
    padding: 0 0 64px!important;
    background-color: #F9FAFB!important
}

@media screen and (max-width: 768px) {
    .odoo-test-ex {
        padding:32px 10px;
        border-radius: 16px;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start
    }

    .odoo-test-ex .odoo-text-img {
        height: 66px;
        width: 66px;
        min-width: 66px;
        min-height: 66px
    }

    .video-odoo-ex {
        padding: 32px 0 32px
    }

    .odoo-ex-testimonial-box {
        padding: 0 0 32px!important;
        background-color: #F9FAFB!important
    }
}

.roi-banner {
    background-image: url(/wp-content/uploads/2025/07/jerybg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.roi-banner .text-banner-head {
    font-weight: 600;
    font-size: 56px;
    line-height: 68px;
    color: #fff
}

.roi-banner .text-banner-para {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff
}

.text-bnr-txt {
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

.roi-banner .main-box .right .salespaid-form-head.text-center {
    height: 60px!important;
    font-size: 20px
}

.text-bnr-txt1 {
    color: #F9FAFB;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.text-bnr-txt4 {
    color: #F9FAFB;
    font-size: 20px;
    font-weight: 600;
    line-height: normal
}

.text-bnr-txt5 {
    color: #F9FAFB;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 60px
}

.jerryroinew {
    position: relative
}

.jerryroinew .jeryroi {
    position: absolute;
    bottom: 0
}

.jerry-div {
    background-image: url(/wp-content/uploads/2025/06/jrerybg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    padding: 40px 55px 0 55px
}

.jerry-talk {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 24px
}

.jerry-talk-para {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.jerry-pos {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.sf-a-ks-head {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 40px
}

.card-trio {
    background: linear-gradient(180deg,#F4F8FB 50%,#E1E9F2 100%);
    border-radius: 16px;
    padding: 32px 24px
}

.card-main-head {
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.card-main-subhead {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.card-main-para {
    color: #484848;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.card-main-para img {
    min-width: 24px
}

.bg-client-roi {
    background-color: #F9FAFB;
    background-image: url(/wp-content/uploads/2025/06/wave-client-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.roi-client-head {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 40px;
    text-align: center
}

.bg-mt-55 {
    padding-top: 55px
}

.bg-client-roi .card-items-bg {
    box-shadow: 0 25px 120px -30px rgba(0,0,0,.12);
    background-color: #fff;
    border-radius: 24px;
    padding: 24px 31px
}

.bg-client-roi .symbol-client-logo::after {
    content: "";
    position: absolute;
    top: 25px;
    left: 45px;
    width: 83px;
    height: 58px;
    background-image: url(/wp-content/uploads/2025/06/symbol-client.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

.bg-client-roi .top-icon-minus {
    margin-top: -80px
}

.bg-client-roi .card-head-line {
    color: #212121;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    text-align: center
}

.bg-client-roi .card-para-line {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848;
    text-align: center
}

.inner-div-main {
    border-radius: 16px;
    border: 1px solid #E7E7E7;
    background-color: #F9FAFB
}

.border-16 {
    border-radius: 16px
}

.last-form-header {
    color: #18181B;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    letter-spacing: 0
}

.last-form-parag {
    color: #484848;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px
}

.roi-slider {
    background-color: #F9FAFB
}

.roi-slider .certified-div {
    width: 100%;
    height: 138px;
    border-radius: 20px;
    border: 1px solid #E7E7E7
}

.roi-banner .salespaid-form-head {
    background-color: #F8F9FA!important;
    height: 97px!important;
    display: flex;
    justify-content: center
}

.roi-banner .salespaid-form.common-capmform {
    background: rgba(255,255,255,.95)
}

.roi-last-div .salespaid-form-head {
    background-color: #F8F9FA!important;
    height: 97px!important;
    display: flex;
    justify-content: center
}

.roi-last-div .salespaid-form.common-capmform {
    background: rgba(255,255,255,.95)
}

.roi-banner .main-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    gap: 30px;
    justify-content: center
}

.roi-banner .main-box .left,.roi-banner .main-box .right {
    grid-column: span 1;
    grid-row: span 1
}

.roi-banner .main-box .left {
    padding-bottom: 64px
}

.jerryroinew .jeryroi {
    position: absolute;
    bottom: -64px
}

@media screen and (max-width: 1440px) {
    .roi-banner .main-box {
        grid-template-columns:2fr 1fr
    }
}

@media screen and (max-width: 1200px) {
    .roi-banner .main-box {
        grid-template-columns:1fr;
        gap: 0
    }

    .roi-banner .main-box .left {
        padding-bottom: 0
    }

    .roi-banner .main-box .right {
        padding-bottom: 32px
    }

    .roi-banner .main-box .left .row {
        display: grid!important;
        grid-template-columns: 419px!important;
        grid-template-rows: auto;
        justify-content: center
    }

    .roi-banner .text-banner-head,.text-bnr-txt,.text-bnr-txt1,.text-bnr-txt4,.text-bnr-txt5 {
        text-align: center
    }

    .jerryroinew .jeryroi {
        position: relative;
        bottom: unset
    }

    .text-bnr-txt5 {
        padding-bottom: 0
    }

    .roi-banner .main-box .right .salespaid-form.common-capmform {
        margin-top: 0!important
    }
}

@media screen and (min-width: 991.98px) {
    .jerry-div .row {
        margin:0 -16px
    }

    .jerry-div .custom-div-4,.jerry-div .custom-div-8 {
        padding: 0 16px
    }

    .jerry-data {
        height: 100%
    }

    .card-custom-div {
        margin: 0 -8px
    }

    .card-custom-div .custom-div {
        padding: 0 8px
    }

    .roi-last-div .row.px-md-5.px-3 {
        margin: 0 -20px
    }

    .roi-last-div .row.px-md-5.px-3 .col-lg-8,.roi-last-div .row.px-md-5.px-3 .col-lg-4 {
        padding: 0 20px
    }
}

@media screen and (max-width: 1080px) {
    .roi-banner .text-banner-head {
        text-align:center
    }

    .roi-banner .text-banner-para {
        text-align: center
    }
}

@media screen and (max-width: 991.98px) {
    .bg-client-roi .bg-mt-55 .col-lg-6 .card-items-bg {
        margin-bottom:71px;
        height: auto!important
    }

    .bg-client-roi .bg-mt-55 .col-lg-6:last-child .card-items-bg {
        margin-bottom: 0
    }

    .border-16 {
        margin-bottom: 30px
    }

    .roi-banner .salespaid-form.common-capmform {
        margin-top: 32px!important
    }

    .roi-last-div .salespaid-form.common-capmform {
        margin-top: 0px!important
    }

    .roi-slider .certified-div {
        max-width: 100%;
        height: 138px;
        border: 1px solid #E7E7E7;
        width: 100%;
        object-fit: contain;
        padding: 16px
    }
}

@media screen and (max-width: 767.98px) {
    .roi-banner .text-banner-head,.text-bnr-txt,.text-bnr-txt1,.text-bnr-txt4,.text-bnr-txt5 {
        text-align:left
    }

    .roi-banner .main-box .left .row {
        grid-template-columns: 1fr!important
    }

    .roi-banner .text-banner-head {
        margin-bottom: 32px!important
    }

    .text-bnr-txt4 {
        font-size: 18px
    }

    .text-bnr-txt5 {
        padding-bottom: 24px;
        font-size: 18px
    }

    .roi-banner .main-box .left {
        text-align: center
    }

    .jerryroinew .jeryroi {
        max-width: 419px;
        margin: 0 auto;
        width: 100%
    }

    .roi-banner .main-box {
        display: flex!important;
        flex-direction: column
    }

    .roi-banner .text-banner-head {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        text-align: start
    }

    .roi-banner .text-banner-para {
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-align: start
    }

    .jerry-div {
        background-image: url(/wp-content/uploads/2025/06/jrerybgm.webp);
        padding: 32px 16px
    }

    .jerry-talk {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 32px
    }

    .jerry-talk-para {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

    .jerry-pos {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

    .sf-a-ks-head {
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .card-trio {
        padding: 16px
    }

    .card-main-head {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .card-main-subhead {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px
    }

    .card-main-para {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px
    }

    .roi-client-head {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .bg-client-roi .card-head-line {
        font-weight: 600;
        font-size: 20px;
        line-height: normal
    }

    .bg-client-roi .card-para-line {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .bg-client-roi .symbol-client-logo::after {
        top: 22px;
        left: 25px;
        width: 63px;
        height: 44px
    }

    .last-form-header {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .last-form-parag {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px
    }

    .roi-slider .accre-award-title {
        text-align: center!important
    }

    .roi-last-div .salespaid-form.common-capmform form {
        padding: 16px 16px 0
    }

    .roi-last-div .salespaid-form-head {
        text-align: center!important;
        line-height: normal
    }

    .roi-banner .main-box .right .salespaid-form.common-capmform form {
        padding: 16px 24px 0
    }

    .g-recaptcha.ks-google-captcha {
        margin: 0 0 0 0;
        width: 100%;
        transform: scale(.8);
        transform-origin: 0 0
    }
}

.choose-roll-up {
    padding: 64px 0
}

.bg-F9F9F9 {
    background-color: rgb(249,249,249)
}

.roll-up-title {
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-align: center;
    color: #212121
}

.roll-up-title span {
    background: linear-gradient(rgb(30,159,218) 30.55%,rgb(32,66,147) 100%) text;
    -webkit-text-fill-color: transparent;
    display: inline
}

.choose-roll-up .roll-up-grid-box {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 294px 294px 640px;
    grid-template-rows: 189px 137px 60px 205px;
    gap: 16px
}

.choose-roll-up .roll-up-grid-box .roll-item {
    box-shadow: rgba(16,24,40,.06) 0 1px 2px 0,rgba(16,24,40,.1) 0 1px 3px 0;
    padding: 24px;
    border-radius: 16px;
    display: flex
}

.choose-roll-up .roll-up-grid-box .roll-item .r-img {
    height: 76px;
    width: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255,255,255);
    border-radius: 50%;
    min-width: 76px
}

.choose-roll-up .roll-up-grid-box .roll-item .r-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    color: rgb(33,33,33);
    margin-bottom: 8px
}

.choose-roll-up .roll-up-grid-box .roll-item .r-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(50,50,50)
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(1) {
    flex-direction: column;
    gap: 24px;
    align-items: baseline;
    justify-content: center;
    grid-area: 1 / 1 / 3 / 2;
    background-color: #fff
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(2) {
    flex-direction: column;
    gap: 24px;
    align-items: baseline;
    justify-content: center;
    grid-area: 1 / 2 / 3 / 3;
    background-color: rgb(227,246,255)
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(3) {
    flex-direction: column;
    gap: 24px;
    align-items: baseline;
    justify-content: center;
    grid-area: 3 / 1 / 5 / 3;
    background-color: rgb(227,246,255)
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(4) {
    flex-direction: column;
    gap: 16px;
    align-items: baseline;
    justify-content: center;
    grid-area: 1 / 3 / 2 / 4;
    background-color: #fff
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(5) {
    flex-direction: row;
    gap: 36px;
    align-items: center;
    justify-content: flex-start;
    grid-area: 2 / 3 / 4 / 4;
    background-color: rgb(227,246,255)
}

.choose-roll-up .roll-up-grid-box .roll-item:nth-child(6) {
    flex-direction: column;
    gap: 16px;
    align-items: baseline;
    justify-content: center;
    grid-area: 4 / 3 / 5 / 4;
    background-color: #fff
}

.roll-up-cta {
    background-color: rgb(225,238,244);
    background-image: url(/wp-content/uploads/2025/06/r-cta-ng.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.cta-grid-rule {
    display: grid;
    grid-template-columns: 1.99fr 2fr;
    grid-template-rows: auto;
    justify-content: center;
    gap: 70px
}

.cta-grid-rule .left-r {
    grid-column: 1 / 2;
    padding: 75px 0
}

.cta-grid-rule .left-r .r-cta-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: rgb(33,33,33);
    margin-bottom: 16px
}

.cta-grid-rule .left-r .r-cta-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    color: #323232
}

.cta-grid-rule .left-r .cta-btn-box {
    display: flex;
    gap: 24px;
    align-items: center
}

.cta-grid-rule .right-r img {
    justify-self: center;
    width: 100%;
    height: 100%
}

.cta-grid-rule .right-r {
    grid-column: 2 / 3;
    text-align: center;
    padding-top: 30px;
    padding-left: 146px;
    padding-bottom: 18px
}

.aggregated-functions {
    padding: 64px 0
}

.aggregated-functions .aggregated-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(9,127px);
    grid-row: auto;
    gap: 16px;
    justify-content: center
}

.aggregated-functions .aggregated-grid .item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding: 0 13px;
    grid-area: span 1 / span 1
}

.aggregated-functions .aggregated-grid .item .agg-title {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: rgb(50,50,50);
    text-align: center
}

.roll-up-solution {
    padding: 64px 0
}

.roll-up-solution .solution-box {
    display: grid;
    grid-template-columns: 570px 525px;
    gap: 76px;
    grid-template-rows: auto;
    justify-content: center
}

.roll-up-solution .solution-box .left,.roll-up-solution .solution-box .right {
    grid-column: span 1;
    grid-row: span 1
}

.roll-up-solution .solution-box .right .solution-roll-title {
    font-weight: 600;
    font-size: 32px;
    line-height: normal;
    color: #212121;
    margin-bottom: 24px
}

.roll-up-solution .solution-box .right .solution-roll-title span {
    background: linear-gradient(rgb(30,159,218) 30.55%,rgb(32,66,147) 100%) text;
    -webkit-text-fill-color: transparent;
    display: inline
}

.roll-up-solution .solution-box .right .solution-roll-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #484848
}

.kf-rollup {
    padding: 64px 0
}

.kf-rollup .row {
    row-gap: 24px;
    margin-top: 40px;
    justify-content: center
}

.kf-content-box {
    display: flex;
    gap: 24px;
    background-color: #f9f9f9;
    padding: 24px;
    border-radius: 8px
}

.kf-content-box .kf-img {
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 56px
}

.kf-content-box .kf-title {
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    color: #212121;
    margin-bottom: 8px
}

.kf-content-box .kf-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #323232
}

.roll-up-banner {
    background-image: url(/wp-content/uploads/2025/06/bg-rollup.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 42px 0 71px
}

.roll-up-banner .grid-box {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 50px;
    grid-template-rows: auto;
    justify-content: center
}

.roll-up-banner .grid-box .left-hero-box,.roll-up-banner .grid-box .left-hero-box {
    grid-column: span 1;
    grid-row: span 1
}

.roll-up-banner .grid-box .left-hero-box {
    padding-top: 38px;
    padding-bottom: 36px
}

.roll-up-banner .grid-box .left-hero-box h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    background: linear-gradient(rgb(30,159,218) 30.55%,rgb(32,66,147) 100%) text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 16px
}

.roll-up-banner .grid-box .left-hero-box .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 16px;
    color: #212121
}

.roll-up-banner .grid-box .left-hero-box .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    color: #323232
}

.roll-up-banner .grid-box .left-hero-box .btn-box {
    gap: 24px
}

.rollup-experience {
    padding: 64px 0
}

.ex-blue {
    border: 1px solid #b1d0ddcc;
    background-color: #e5f7ff99
}

.ex-light-blue {
    border: 1px solid #b1d0ddcc;
    background: #cedce333
}

.rollup-experience .experience-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 24px;
    height: 100%;
    flex-direction: column;
    min-height: 160px;
    padding: 16px
}

.rollup-experience .row {
    padding-top: 40px;
    margin-top: 40px;
    row-gap: 60px
}

.rollup-experience .experience-box .ex-img-box {
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 80px;
    background-color: #fff;
    border-radius: 50%;
    top: -44px;
    position: absolute
}

.rollup-experience .experience-box .ex-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #212121;
    margin-top: 20px
}

.testimonial-card-rollup {
    background-color: #f9f9f9;
    border: 1px solid #ececec;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 28px 30px
}

.testimonial-card-rollup .quote-img {
    margin-bottom: 24px
}

.testimonial-card-rollup .test-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #212121;
    margin-bottom: 8px
}

.testimonial-card-rollup .test-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #484848
}

.testimonial-card-rollup .test-img-box {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: auto
}

.testimonial-card-rollup .test-img-box .user-img {
    border: 1px solid #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    min-width: 70px;
    background-color: #f8f8f8;
    border-radius: 50%
}

.testimonial-card-rollup .test-img-box .user-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.rollup-testimonials.owl-carousel .owl-dots.disabled {
    display: block!important
}

.rollup-testimonials.owl-carousel .owl-nav {
    display: none!important
}

.rollup-testimonials.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch
}

.rollup-testimonials.owl-carousel .item {
    height: 100%;
    display: flex;
    width: 100%
}

.rollup-testimonials.owl-carousel .owl-item img {
    width: auto
}

.case-study-new-sub.rollupcs {
    max-width: 825px;
    width: 100%
}

.erp-case-study.impcase.rollup .clients-case-study.case-study-new-slider {
    background-color: #F9FAFB!important
}

.rollup-checkout {
    padding: 64px 0;
    background-color: #f9fafb
}

.rollup-checkout .check-on {
    text-decoration: none;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #e32235;
    text-align: center;
    display: inline-block;
    max-width: 381px
}

.rollup-checkout .row {
    margin-top: 40px
}

@media screen and (min-width: 1440px) {
    .kf-rollup .container {
        max-width:984px
    }
}

@media screen and (max-width: 1440px) {
    .choose-roll-up .roll-up-grid-box {
        grid-template-columns:2fr 2fr 4.3fr;
        grid-template-rows: auto
    }

    .cta-grid-rule .right-r img {
        width: auto
    }

    .cta-grid-rule .right-r {
        padding-left: 0
    }

    .aggregated-functions .aggregated-grid {
        grid-template-columns: repeat(6,127px)
    }

    .roll-up-solution .solution-box {
        grid-template-columns: 1fr 1fr;
        gap: 32px
    }
}

@media screen and (max-width: 992px) {
    .choose-roll-up .roll-up-grid-box {
        grid-template-columns:1fr 1fr;
        grid-template-rows: auto
    }

    .choose-roll-up .roll-up-grid-box .roll-item {
        grid-area: span 1 / span 1!important;
        justify-content: flex-start!important;
        gap: 24px!important
    }

    .choose-roll-up .roll-up-grid-box .roll-item:nth-child(5) {
        flex-direction: column;
        align-items: baseline
    }

    .cta-grid-rule {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .cta-grid-rule .left-r {
        padding: 32px 0 0;
        grid-column: span 1!important
    }

    .cta-grid-rule .right-r {
        padding-bottom: 32px;
        padding-top: 0;
        grid-column: span 1!important
    }

    .cta-grid-rule .left-r .r-cta-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 16px
    }

    .cta-grid-rule .left-r .r-cta-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 24px;
        color: #323232
    }

    .aggregated-functions .aggregated-grid {
        grid-template-columns: repeat(4,127px)
    }

    .roll-up-solution .solution-box {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .roll-up-solution .solution-box .left,.roll-up-solution .solution-box .right {
        text-align: center
    }

    .roll-up-solution .solution-box .left {
        order: 2
    }

    .roll-up-solution .solution-box .right {
        order: 1
    }

    .roll-up-banner .grid-box {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .roll-up-banner .grid-box .left-hero-box {
        padding: 0
    }

    .roll-up-banner {
        padding: 64px 0
    }

    .roll-up-banner .grid-box .left-hero-box {
        text-align: center
    }

    .roll-up-banner .grid-box .right-hro-box {
        text-align: center
    }

    .roll-up-banner .grid-box .left-hero-box .btn-box,.roll-up-banner .grid-box .right-hro-box .btn-box {
        justify-content: center
    }

    .roll-up-banner .grid-box .right-hro-box .btn-box {
        margin-top: 32px;
        gap: 16px
    }

    .roll-up-banner .grid-box .right-hro-box .btn-box a,.roll-up-banner .grid-box .right-hro-box .btn-box button {
        flex: 1
    }

    .cta-grid-rule .left-r .cta-btn-box {
        display: flex;
        gap: 16px;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width: 767.5px) {
    .choose-roll-up .roll-up-grid-box {
        grid-template-columns:1fr;
        grid-template-rows: auto
    }

    .choose-roll-up,.aggregated-functions,.roll-up-solution,.rollup-checkout {
        padding: 32px 4px
    }

    .rollup-checkout .row {
        margin-top: 32px
    }

    .aggregated-functions .aggregated-grid {
        grid-template-columns: repeat(3,127px);
        gap: 24px
    }

    .roll-up-solution .solution-box .right .solution-roll-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 32px
    }

    .roll-up-solution .solution-box .right .solution-roll-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .cta-grid-rule .left-r .r-cta-title {
        margin-bottom: 24px
    }

    .kf-rollup .row {
        margin-top: 32px;
        row-gap: 16px
    }

    .kf-rollup {
        padding: 32px 4px
    }

    .kf-content-box {
        padding: 16px;
        gap: 16px;
        align-items: center
    }

    .kf-content-box .kf-title {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 8px
    }

    .kf-content-box .kf-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px
    }

    .roll-up-banner {
        padding: 32px 4px
    }

    .roll-up-banner .grid-box .left-hero-box h1 {
        font-weight: 700;
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 24px
    }

    .roll-up-banner .grid-box .left-hero-box .title {
        font-weight: 600;
        font-size: 26px;
        line-height: 37px;
        margin-bottom: 16px
    }

    .roll-up-banner .grid-box .left-hero-box .text {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0
    }

    .cta-grid-rule .left-r .cta-btn-box a,.cta-grid-rule .left-r .cta-btn-box button {
        flex: 1
    }
}

@media screen and (max-width: 575px) {
    .choose-roll-up {
        padding:32px 4px
    }

    .rollup-experience {
        padding: 32px 16px
    }

    .rollup-experience .container .row>* {
        padding: 0 36px!important
    }

    .roll-up-title,.rollup-case-title,.roll-up-knowledge {
        font-weight: 600;
        font-size: 24px!important;
        line-height: normal;
        text-align: center
    }

    .roll-up-knowledge {
        text-align: center
    }

    .choose-roll-up .roll-up-grid-box,.aggregated-functions .aggregated-grid {
        margin-top: 32px
    }

    .choose-roll-up .roll-up-grid-box .roll-item {
        justify-content: flex-start!important;
        gap: 16px!important;
        flex-direction: row!important;
        align-items: center!important
    }

    .choose-roll-up .roll-up-grid-box .roll-item:nth-child(5) {
        flex-direction: row;
        align-items: center
    }

    .choose-roll-up .roll-up-grid-box .roll-item .r-img {
        height: 56px;
        width: 56px;
        min-width: 56px
    }

    .choose-roll-up .roll-up-grid-box .roll-item .r-img img {
        height: 28px;
        width: 28px;
        object-fit: contain
    }

    .choose-roll-up .roll-up-grid-box .roll-item {
        padding: 16px
    }

    .choose-roll-up .roll-up-grid-box .roll-item .r-title {
        font-weight: 600;
        font-size: 16px;
        line-height: normal;
        margin-bottom: 8px
    }

    .choose-roll-up .roll-up-grid-box .roll-item .r-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px
    }

    .roll-up-cta {
        background-image: url(/wp-content/uploads/2025/06/cta-bg-mob.webp)
    }

    .aggregated-functions .aggregated-grid {
        grid-template-columns: repeat(2,127px)
    }

    .roll-up-banner .grid-box .left-hero-box {
        text-align: left
    }

    .roll-up-banner {
        background-image: url(/wp-content/uploads/2025/06/hero-rollup-mob.webp)
    }

    .roll-up-banner .grid-box .right-hro-box .btn-box button {
        flex: 1.5
    }

    .roll-up-banner .grid-box .right-hro-box .btn-box a {
        flex: 1.02
    }

    .cta-grid-rule .left-r .cta-btn-box a,.cta-grid-rule .left-r .cta-btn-box button {
        width: 100%;
        flex: unset
    }

    .cta-grid-rule .left-r .cta-btn-box {
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .testimonial-card-rollup {
        padding: 24px
    }

    .custom-width {
        width: 100%
    }

    .rollup-checkout .row {
        margin-top: 32px
    }
}

@media screen and (max-width: 340px) {
    .roll-up-banner .grid-box .right-hro-box .btn-box a {
        flex:1.02;
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .roll-up-banner .grid-box .right-hro-box .btn-box button {
        flex: 1.5;
        padding-left: 8px!important;
        padding-right: 8px!important
    }
}

.ks-section-sub-title {
    color: #323232;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px
}

.microsoft-dynamic-banner-page {
    background-image: url(/wp-content/uploads/2025/05/bannerbg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 673px
}

.microsoft-dynamic-banner-page h1 {
    line-height: 60px
}

.microsoft-dynamic-banner-page p {
    line-height: 27px
}

.tab-service .nav-tab-service a.nav-link-tab-service::after {
    display: none
}

.ks-shadow-card {
    box-shadow: 0 2px 30px 0 rgba(76,40,40,.25);
    background-color: #fff;
    border-radius: 24px;
    padding: 24px 21px
}

.ks-card-left {
    margin-left: 105px
}

.ks-card-right img {
    object-fit: cover;
    border-radius: 16px
}

.ks-card-right {
    margin-left: -105px
}

.ks-cta-card {
    background-color: #212121;
    border-radius: 16px;
    padding: 72px 40px
}

.microsoft-365-adoption-card {
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    background-color: #fff;
    padding: 24px;
    width: 100%;
    height: 100%
}

.fade:not(.show) {
    opacity: 0;
    display: none
}

.m-365benefit-tab-pills {
    gap: 0!important;
    width: max-content;
    padding: 0!important
}

.sf-buss-area .m-365benefit-tab-pills li.nav-item button.nav-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #484848!important
}

.sf-buss-area .m-365benefit-tab-pills li.nav-item button.nav-link.active {
    color: #323232!important
}

ul.m-365benefit-tab-pills.nav-pills li.nav-item button.nav-link {
    background-color: #F9FAFB!important;
    padding: 16px 32px!important;
    border: none;
    border-bottom: 1px solid #E7E7E7;
    border-radius: 0!important;
    position: relative;
    color: #484848
}

ul.m-365benefit-tab-pills.nav-pills li.nav-item button.nav-link.active {
    border: none;
    background-color: #F9FAFB!important;
    line-height: 24px;
    border-bottom: 1px solid #E7E7E7
}

ul.m-365benefit-tab-pills.nav-pills li.nav-item button.nav-link.active::after {
    background-color: #E32235;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0
}

.microsoft-365benefit-tab-Content {
    padding: 40px
}

.microsoft-365benefit-tab-Content .erp-tab-list {
    gap: 16px
}

.microsoft-365benefit-tab-Content .erp-tab-list li {
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px
}

.microsoft-365benefit-tab-Content .erp-tab-list li::before {
    background-image: url(/wp-content/uploads/2025/05/check-icon.svg);
    width: 14px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%)
}

.microsoft-365benefit-tab-Content .erp-tab-img img {
    max-width: 100%
}

.cs-div h2 {
    line-height: 52px
}

.cs-div p {
    line-height: 24px
}

.sf-adop h2,.sf-buss-area h2 {
    line-height: 52px;
    color: #212121!important
}

.sf-adop .mx-auto.para,.sf-buss-area p.para {
    line-height: 27px
}

.erp-tab-content h4 {
    line-height: 36px
}

.erp-tab-content .erp-tab-list li {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.sf-d-365 .owl-carousel .owl-item img {
    object-fit: cover;
    border-radius: 8px
}

.service-faq-sec.arow-position-fix details .btn-accordian:after {
    transform: translateY(-50%);
    top: 50%
}

.service-faq-sec.arow-position-fix details[open] .btn-accordian:after {
    transform: translateY(-50%) rotate(180deg)
}

.ms-d-grid .head {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.w-content {
    width: max-content
}

.bg-color-9FAFB {
    background-color: #F9FAFB
}

.btn-md {
    min-height: 48px
}

.d-contents {
    display: contents
}

@media screen and (min-width: 1400px) {
    .ks-card-left {
        max-width:812px
    }

    .w-lx-60 {
        width: 60%
    }

    .w-lx-40 {
        width: 40%
    }
}

@media screen and (min-width: 991.98px) {
    .col-lg-10.custom-85 {
        min-width:85%
    }
}

@media screen and (max-width: 992.98px) {
    .microsoft-dynamic-banner-page {
        padding-top:32px;
        padding-bottom: 32px;
        background-image: url(/wp-content/uploads/2025/06/sf-ban-img-mob.webp);
        height: 947px;
        background-position: bottom
    }

    .ks-card-left {
        margin-left: 0;
        order: 2
    }

    .ks-card-right {
        margin-left: 0;
        order: 1
    }

    .ks-card-right img {
        width: 100%;
        margin-bottom: 24px
    }

    .cs-div {
        background-color: #F9FAFB;
        padding: 32px 0
    }

    .ks-shadow-card {
        box-shadow: none;
        background-color: transparent;
        border-radius: 0;
        padding: 0 16px
    }

    .microsoft-365benefit-tab-Content .erp-tab-img img {
        margin-top: 32px
    }
}

@media screen and (min-width: 767.98px) {
    .nav-pills.erp-tab-pills button {
        min-height:57px
    }
}

@media screen and (min-width: 767.98px) and (max-width:991.98px) {
    .nav-pills.erp-tab-pills {
        row-gap:8px!important
    }
}

@media screen and (max-width: 768px) {
    .sf-d-365 .owl-carousel .owl-item img {
        min-height:245px
    }
}

@media screen and (max-width: 575px) {
    .sf-d-365 .owl-carousel .owl-item img {
        min-height:360px;
        max-height: 360px
    }
}

@media screen and (max-width: 400px) {
    .sf-d-365 .owl-carousel .owl-item img {
        min-height:273px;
        max-height: 273px
    }
}

@media screen and (max-width: 767.98px) {
    .microsoft-dynamic-banner-page {
        height:auto;
        padding-top: 32px;
        padding-bottom: 360px;
        background-image: url(/wp-content/uploads/2025/06/sf-ban-img-mob.webp)
    }

    .microsoft-dynamic-banner-page .container,.cs-div .container,.sf-adop .container,.sf-buss-area .container,.ms-d-grid .container {
        padding: 0 16px
    }

    .microsoft-dynamic-banner-page h1 {
        font-weight: 600!important;
        font-size: 32px;
        line-height: 40px
    }

    .microsoft-dynamic-banner-page p {
        font-weight: 500;
        font-size: 16px!important;
        line-height: 24px
    }

    .microsoft-365-adoption-card p {
        font-size: 16px!important
    }

    .microsoft-dynamic-banner-page button {
        width: 100%
    }

    .cs-div h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .cs-div p {
        font-weight: 500;
        font-size: 16px
    }

    .cta-black-sf .container {
        max-width: 100%
    }

    .cta-black-sf .ks-cta-card {
        border-radius: 0;
        padding: 32px 16px
    }

    .sf-adop,.sf-buss-area {
        padding: 32px 0!important
    }

    .sf-adop h2,.sf-buss-area h2 {
        font-size: 32px;
        line-height: 40px
    }

    .sf-adop .mx-auto.para {
        font-size: 16px!important;
        line-height: 24px
    }

    .sf-buss-area .m-365benefit-tab-pills {
        gap: 8px!important;
        padding: 0 16px!important
    }

    .sf-buss-area .m-365benefit-tab-pills li.nav-item button.nav-link::after {
        display: none
    }

    .sf-buss-area ul.m-365benefit-tab-pills.nav-pills li.nav-item button.nav-link {
        border: 1px solid #E7E7E7!important;
        padding: 6px 16px!important;
        border-radius: 24px!important;
        color: #323232!important;
        font-weight: 500!important;
        font-size: 14px!important;
        line-height: 21px!important
    }

    .sf-buss-area ul.m-365benefit-tab-pills.nav-pills li.nav-item button.nav-link.active {
        border: 1px solid #F9D2D6!important;
        color: #E32235!important;
        background-color: #FCE8EA!important
    }

    .microsoft-365benefit-tab-Content {
        padding: 24px;
        background-color: #F9FAFB;
        border-radius: 16px
    }

    .row.justify-content-center.mx-xl-5.px-lg-2 {
        margin: 0 12px
    }

    .position-relative.ind-serve.cassndra-serve.sf-d-365 {
        background-color: #F9FAFB!important
    }

    .ms-d-grid .head {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (max-width: 575.98px) {
    .cta-black-sf .ks-cta-card h3 {
        text-align:left;
        line-height: 40px
    }

    .cta-black-sf .ks-cta-card button {
        width: 100%
    }
}

.microsoft-ks .ms-grid-box {
    display: grid;
    grid-template-columns: 285px 56px 362px 382px;
    grid-template-rows: 139px 159px 139px;
    gap: 16px;
    justify-content: center
}

.microsoft-ks .ms-grid-box .grid-item {
    padding: 24px;
    padding-right: 20px;
    border-radius: 8px;
    border: 1px solid #e7e7e7
}

.microsoft-ks .ms-grid-box .grid-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.microsoft-ks .ms-grid-box .grid-item .img-64 {
    min-height: 64px;
    min-width: 64px;
    max-height: 64px;
    max-width: 64px;
    height: 64px;
    width: 64px;
    margin-right: 16px
}

.microsoft-ks .ms-grid-box .grid-item .card-content-cont .card-head {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    margin-bottom: 8px
}

.microsoft-ks .ms-grid-box .grid-item .card-content-cont span {
    color: #323232;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
    background-color: #F2F2F2;
    background-image: url(/wp-content/uploads/2025/06/m1.svg);
    flex-direction: column;
    align-items: start
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(1) .num-set {
    color: #484848;
    font-weight: 600;
    font-size: 64px;
    line-height: 50px;
    letter-spacing: 0
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(1) h5 {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(1) .para {
    color: #323232;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2;
    background-image: url(/wp-content/uploads/2025/06/m2.svg)
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(3) {
    grid-column: 2/4;
    grid-row: 2/3;
    background-color: #F9FAFB;
    background-image: url(/wp-content/uploads/2025/06/m4-r.svg)
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(4) {
    grid-column: 4/5;
    grid-row: 1/2;
    background-color: #F2F2F2;
    background-image: url(/wp-content/uploads/2025/06/m3.svg)
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
    background-image: url(/wp-content/uploads/2025/06/m5.svg)
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/4;
    background-color: #F2F2F2;
    background-image: url(/wp-content/uploads/2025/06/m6.svg)
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(7) {
    grid-column: 3/4;
    grid-row: 3/4;
    background-image: url(/wp-content/uploads/2025/06/m7.svg);
    padding-right: 20px
}

.microsoft-ks .ms-grid-box .grid-item:nth-child(8) {
    grid-column: 4/5;
    grid-row: 3/4;
    background-color: #F2F2F2;
    background-image: url(/wp-content/uploads/2025/06/m8.svg)
}

.set-onscroll {
    position: sticky;
    top: 110px;
    z-index: 99
}

@media screen and (max-width: 1440px) {
    .microsoft-ks .ms-grid-box {
        grid-template-columns:1fr 0.2fr 1.5fr 1.7fr;
        grid-template-rows: 1fr 1.2fr 1fr
    }
}

@media screen and (max-width: 1200px) {
    .microsoft-ks .ms-grid-box {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: auto
    }

    .microsoft-ks .ms-grid-box .grid-item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }
}

@media screen and (max-width: 991.98px) {
    .microsoft-ks .ms-grid-box {
        grid-template-columns:1fr 1fr
    }

    .microsoft-ks .ms-grid-box .grid-item {
        padding: 16px;
        justify-content: start
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(1) {
        background-image: url(/wp-content/uploads/2025/06/mm1.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(2) {
        background-image: url(/wp-content/uploads/2025/06/mm2.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(3) {
        background-image: url(/wp-content/uploads/2025/06/mm3.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(4) {
        background-image: url(/wp-content/uploads/2025/06/mm4.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(5) {
        background-image: url(/wp-content/uploads/2025/06/mm5.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(6) {
        background-image: url(/wp-content/uploads/2025/06/mm6.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(7) {
        background-image: url(/wp-content/uploads/2025/06/mm7.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(8) {
        background-image: url(/wp-content/uploads/2025/06/mm8.svg)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(1) .num-set {
        font-weight: 600;
        font-size: 33.33px;
        line-height: 50px
    }

    .microsoft-ks .ms-grid-box .grid-item .card-content-cont .card-head {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0
    }

    .microsoft-ks .ms-grid-box .grid-item .card-content-cont span {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0
    }
}

@media screen and (max-width: 575px) {
    .microsoft-ks .ms-grid-box {
        grid-template-columns:1fr;
        grid-template-rows: repeat(8,154px)
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(1) {
        flex-direction: row;
        align-items: center
    }

    .microsoft-ks .ms-grid-box .grid-item:nth-child(1) .num-set {
        min-width: 64px;
        padding: 0 2px;
        margin-right: 16px
    }
}

.popup-close {
    z-index: 100!important
}

.banner-hsa {
    background-image: url(/wp-content/uploads/2025/06/hsa-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 102px;
    padding-bottom: 72px
}

.banner-hsa .button-set-cont {
    padding: 35px 0
}

.banner-hsa h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 56px
}

.banner-hsa p {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px
}

.graid-add::after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/banner-grad.svg);
    bottom: 0;
    width: 100%;
    height: 45%;
    left: 0;
    background-repeat: no-repeat
}

.banner-hsa .container {
    z-index: 1
}

.banner-hsa .imp-partner .odoo-partners {
    padding: 4px
}

.banner-hsa .sales-year.imp-years {
    padding-top: 35px
}

.banner-hsa .sales-Partnership {
    padding: 16px 24px
}

.h-104 {
    height: 104px!important
}

.bg-F5F9FF-col {
    background-color: #F5F9FF!important
}

.bg-FBFCFD-col {
    background-color: #FBFCFD!important
}

.border-out .nifi-blog-card img {
    border: none!important
}

.new-nifi-apache-developement .bg-F5F9FF-col.impblog.healthcloudblog .border-out img.nifi-blog-img.support-blogimg {
    min-height: 0px!important
}

.border-DAEAFF {
    border: 1px solid #DAEAFF
}

.work-w-admins .top h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0;
    text-align: center;
    color: #212121
}

.work-w-admins .top p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.work-w-admins .card-wwa {
    border: 1px solid #E8E7E7;
    border-radius: 8px
}

.work-w-admins .card-wwa img {
    min-height: 32px;
    min-width: 32px
}

.work-w-admins .card-wwa h5 {
    color: #141F29;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1%
}

.work-w-admins .card-wwa p {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1%
}

.hsa-steps .main-top h5 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0%;
    text-align: center
}

.hsa-steps .main-top p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 40px
}

.hsa-steps .custom-set {
    margin: 0 -8px;
    padding-top: 63px;
    row-gap: 16px
}

.hsa-steps .custom-set .col-12 {
    padding: 0 8px
}

.hsa-steps .step-card-border {
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    padding: 85px 24px 32px 24px;
    position: relative;
    flex-direction: column;
    align-items: center
}

.hsa-steps .step-card-border .num-set {
    min-height: 123px;
    min-width: 123px;
    max-height: 123px;
    max-width: 123px;
    border-radius: 100%;
    background-color: #DFEAF5;
    top: -63px;
    position: absolute;
    color: #212121;
    font-weight: 600;
    font-size: 56px;
    line-height: 54px;
    text-align: center
}

.hsa-steps .step-card-border .head-set {
    color: #141F29;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.hsa-steps .step-card-border .para-set {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 8px
}

.hsa-services .top-main h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0%;
    text-align: center
}

.hsa-services .top-main p {
    padding-bottom: 40px;
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.card-hsa-services {
    border-radius: 24px;
    border: 1px solid #E4F3F8;
    padding: 32px 24px;
    padding-bottom: 52px!important
}

.card-hsa-services .img-div {
    min-height: 72px;
    max-height: 72px;
    min-width: 72px;
    max-width: 72px
}

.card-hsa-services .card-head-set {
    font-weight: 500;
    font-size: 18px;
    color: #141F29;
    line-height: 24px
}

.card-hsa-services .card-para-set {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.grid-hsa .head-grid-text {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width: 1200px) {
    .banner-hsa h1,.banner-hsa p,.banner-hsa .button-set-cont {
        text-align:center
    }

    .pt-xl-wide {
        padding-top: 63px!important
    }
}

@media screen and (max-width: 991.98px) {
    .banner-hsa .imp-years .sales-Partnership.rating {
        text-align:start!important
    }

    .banner-hsa .imp-years .sales-Partnership.rating .d-flex.gap-1 {
        justify-content: start!important
    }
}

@media screen and (min-width: 767.98px) {
    .imple-card.imple-card-new-add {
        padding:28px 24px 84px 24px!important;
        position: relative
    }

    .imple-card.imple-card-new-add .ks-buttons {
        position: absolute;
        bottom: 28px;
        left: 50%;
        transform: translateX(-50%)
    }

    .imple-card.imple-card-new-add .ks-buttons a {
        white-space: nowrap
    }
}

@media screen and (max-width: 767.98px) {
    .grid-hsa .head-grid-text {
        font-size:24px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .banner-hsa .imp-partner {
        margin-top: 0
    }

    .banner-hsa .sales-year.imp-years {
        padding-top: 24px
    }

    .banner-hsa .odoo-partners {
        width: 48%
    }

    .work-w-admins .top h4 {
        font-size: 24px;
        line-height: 28px
    }

    .work-w-admins .top p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 20px
    }

    .banner-hsa {
        background-image: url(/wp-content/uploads/2025/06/hsa-banner-mob.webp);
        padding-top: 32px;
        padding-bottom: 446px
    }

    .banner-hsa .button-set-cont {
        padding: 24px 0
    }

    .banner-hsa h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 38.4px;
        text-transform: capitalize
    }

    .banner-hsa p {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px
    }

    .graid-add {
        display: none
    }

    .banner-hsa .sales-Partnership {
        min-height: 104px!important
    }

    .hsa-steps .main-top h5 {
        font-size: 24px;
        line-height: 28px
    }

    .hsa-steps .main-top p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 24px
    }

    .pt-md-wide {
        padding-top: 63px!important
    }

    .hsa-services .top-main h4 {
        font-size: 24px;
        line-height: 28px
    }

    .hsa-services .top-main p {
        padding-bottom: 24px;
        font-size: 14px;
        line-height: 20px
    }

    .card-hsa-services {
        padding: 32px 16px!important
    }
}

@media screen and (max-width: 575.98px) {
    .hsa-steps .container,.work-w-admins .container,.hsa-services .container {
        padding:0 16px
    }
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(1)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(2)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(3)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(4)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(5)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(6)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(7)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(8)::after,.grid-hsa .event-grid-container .event-grid-item:nth-child(9)::after {
    display: none
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(1) h4 {
    color: #212121;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(1) p {
    color: #3F3F3F;
    font-weight: 400;
    font-size: 12px;
    line-height: 18.41px
}

@media screen and (min-width: 1200px) {
    .grid-hsa .event-grid-container {
        grid-template-columns:236px 29px 225px 133px 118px 240px;
        grid-template-rows: 144px 144px 218px
    }
}

.grid-hsa .event-grid-container .event-grid-item::before {
    width: 100%;
    height: 100%;
    line-height: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(1)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-1.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(2)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-2.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(3)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-3.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(4)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-4.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(5)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-5.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(6)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-6.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(7)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-7.svg)!important
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(8)::before {
    background-image: url(/wp-content/uploads/2025/06/grii-8.svg)!important;
    right: -30px;
    left: auto
}

.grid-hsa .event-grid-container .event-grid-item:nth-child(9)::before {
    background-image: url(/wp-content/uploads/2025/06/gri-9.svg)!important
}

.text-12c {
    color: #212121;
    font-weight: 700;
    font-size: 72px;
    line-height: 86px;
    z-index: 2;
    position: relative
}

.grid-hsa .gap-64 {
    gap: 40px
}

.text-top-type .num {
    color: #212121;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px
}

.text-bottom-type img {
    min-width: 64px;
    min-height: 64px
}

.text-bottom-type .head,.text-top-type .head {
    color: #212121;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.text-bottom-type .para,.text-top-type .para {
    color: #3F3F3F;
    font-weight: 400;
    font-size: 12px;
    line-height: 20.09px
}

.text-bottom-type .num-inner {
    color: #212121;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px
}

.z-2c {
    z-index: 2;
    position: relative
}

@media screen and (min-width: 1200px) {
    .grid-hsa .event-grid-container .event-grid-item {
        padding:26px 15px 24px 24px
    }
}

@media screen and (max-width: 767.98px) {
    .grid-hsa .event-grid-container .event-grid-item:nth-child(1)::before {
        background-image:url(/wp-content/uploads/2025/06/gri-m1.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(2)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m2.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(3)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m3.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(4)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m4.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(5)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m5.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(6)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m6.svg)!important;
        top: -20px;
        height: 170px
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(7)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m7.svg)!important;
        top: -20px;
        height: 170px
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(8)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m8.svg)!important
    }

    .grid-hsa .event-grid-container .event-grid-item:nth-child(9)::before {
        background-image: url(/wp-content/uploads/2025/06/gri-m9.svg)!important;
        top: -20px;
        height: 170px
    }

    .text-bottom-type .head,.text-top-type .head {
        font-weight: 600;
        font-size: 14px;
        line-height: 20.8px
    }

    .text-bottom-type .para,.text-top-type .para {
        font-weight: 400;
        font-size: 12px;
        line-height: 20.09px
    }

    .text-top-type .num {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px
    }

    .grid-hsa .gap-64 {
        gap: 16px
    }

    .text-12c {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px
    }

    .text-bottom-type .num-inner {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (max-width: 575px) {
    .grid-hsa .event-grid-container {
        grid-template-columns:1fr;
        grid-template-rows: repeat(9,138px)
    }

    .grid-hsa .event-grid-item {
        padding: 8px 24px
    }
}

@media screen and (min-width: 767.98px) and (max-width:991px) {
    .grid-hsa .gap-64 {
        gap:4px
    }
}

.text-323232 {
    color: #323232!important
}

.text-212121 {
    color: #212121!important
}

.fw-medium {
    font-weight: 500
}

.font-18 {
    font-size: 18px;
    line-height: 27px
}

.font-24 {
    font-size: 24px;
    line-height: 36px
}

.font-40 {
    font-size: 40px;
    line-height: 52px
}

.mb-40 {
    margin-bottom: 40px!important
}

.odoo_erp_for_hotel_wraper {
    padding: 64px 0
}

.odoo_erp_for_hotel_wraper .process_step_flex {
    display: flex;
    gap: 56px;
    flex-wrap: wrap;
    justify-content: center
}

.odoo_erp_for_hotel_wraper .process_step_data {
    width: 321px;
    border: 1px solid var(--Border-Default,#E7E7E7);
    background: #fbf8fa66;
    border-radius: 88px 16px 16px 16px;
    padding: 24px 28px;
    position: relative
}

.odoo_erp_for_hotel_wraper .process_step_data h2.font-40 {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin: 0 auto;
    bottom: -12px
}

.odoo_erp_for_hotel_wraper .process_step_data h2.font-40::after {
    content: '';
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: -1
}

.odoo_erp_for_hotel_wraper .process_step_data h2.font-40::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 6px;
    border-radius: 50%;
    background: linear-gradient(180deg,#E8E0E6 45.42%,#C7B1BF 122.51%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1
}

.odoo_erp_for_hotel_wraper .bottom_count_step:after {
    background: linear-gradient(180deg,#E8E0E6 10.94%,#C7B1BF 108.94%);
    content: '';
    position: absolute;
    bottom: 0;
    left: -5px;
    right: -5px;
    height: 48px;
    border-radius: 0 0 16px 16px
}

.odoo_erp_for_hotel_wraper .left-right_arrow:before {
    content: '';
    border-left: 5px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid #DBD5D9;
    position: absolute;
    left: -5px;
    bottom: 48px
}

.odoo_erp_for_hotel_wraper .left-right_arrow:after {
    content: '';
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #DBD5D9;
    position: absolute;
    right: -5px;
    bottom: 48px
}

.min_height_data {
    min-height: 152px
}

.odoo_erp_for_hotel_wraper .process_step_data:nth-child(1)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 10px;
    width: 40px;
    height: 20px;
    background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
    background-size: contain
}

.odoo_erp_for_hotel_wraper .process_step_data:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    margin-top: 18px;
    width: 40px;
    height: 20px;
    background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
    background-size: contain
}

.odoo_erp_for_hotel_wraper .process_step_data:nth-child(5)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(6)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%) rotate(180deg);
    margin-right: 10px;
    width: 40px;
    height: 20px;
    background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
    background-size: contain
}

.ks-manufacturing-choose-section.hm-six .event-grid-container {
    grid-template-rows: 144px 144px 170px auto 170px
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(12) {
    grid-column: 1/2;
    grid-row: 5/6;
    flex-direction: row;
    align-items: center
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(12)::after {
    background-image: url(/wp-content/uploads/2025/07/hmec-13.png);
    width: 100%;
    height: 100%
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(13) {
    grid-column: 2/5;
    grid-row: 5/6;
    flex-direction: row;
    align-items: center;
    background-color: #F9FAFB
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(13)::after {
    background-image: url(/wp-content/uploads/2025/07/hm-ec-14.png);
    width: 100%;
    height: 100%
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(14) {
    grid-column: 5/7;
    grid-row: 5/6;
    flex-direction: row;
    align-items: center
}

.ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(14)::after {
    background-image: url(/wp-content/uploads/2025/07/hm-ec-15.png);
    width: 100%;
    height: 100%
}

.case-study-new-slider.hm-section-case .item .slidercard img.client-case:nth-child(3) {
    object-fit: contain
}

.hm-sec-new {
    padding: 64px 4px;
    background-color: #f9fafb
}

.hm-erp-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.hm-erp-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

.hm-erp-sub-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.info-grid-container {
    display: grid;
    grid-template-columns: 368px 547px 368px;
    grid-template-rows: auto;
    justify-content: center
}

.info-grid-container .left {
    grid-column: 1/2
}

.info-grid-container .right {
    grid-column: 3/4
}

.info-grid-container .middle {
    grid-column: 2/3;
    padding-top: 63px
}

.info-grid-container .left ul,.info-grid-container .right ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 18px;
    list-style: none
}

.info-grid-container .right ul {
    align-items: flex-start
}

.info-grid-container .left ul li,.info-grid-container .middle div,.info-grid-container .right ul li {
    display: flex;
    align-items: center;
    gap: 24px;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    text-align: right;
    color: #212121;
    padding: 16px;
    border-radius: 8px;
    height: 104px
}

.info-grid-container .middle div {
    text-align: center;
    justify-content: center;
    margin-top: -30px
}

.info-grid-container .right ul li {
    text-align: left;
    flex-direction: row-reverse
}

.info-grid-container .right ul li img,.info-grid-container .left ul li img {
    max-width: unset
}

.hm-banner-new {
    background-image: url(/wp-content/uploads/2025/07/hm-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 151px 4px 245px
}

.hm-banner-new .banner-hm-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 16px;
    color: #fff
}

.hm-banner-new .hm-banner-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 40px;
    color: #f9fafb
}

.cta-grid {
    display: grid;
    grid-template-columns: 202px 282px 202px;
    grid-template-rows: auto;
    justify-content: center;
    gap: 16px;
    margin-bottom: 40px
}

.cta-grid .item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff1a;
    padding: 16px;
    grid-column: span 1;
    grid-row: span 1;
    border-radius: 8px
}

.cta-grid .item .cta-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #fff
}

.cta-grid .item .cta-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #f9fafb
}

@media screen and (max-width: 1440px) {
    .cta-grid {
        grid-template-columns:1fr 2fr 1fr
    }
}

@media (max-width: 1200px) {
    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(3) {
        order:4
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(4) {
        order: 6
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(5) {
        order: 5
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(6) {
        order: 3
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(2)::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        margin-top: 18px;
        width: 40px;
        height: 20px;
        background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
        background-size: contain
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(3)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translateY(-50%) rotate(180deg);
        margin-right: 10px;
        width: 40px;
        height: 20px;
        background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
        background-size: contain
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(6):after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        margin-top: 18px;
        width: 40px;
        height: 20px;
        background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
        background-size: contain
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(5):after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        margin-left: 10px;
        width: 40px;
        height: 20px;
        background: url(/wp-content/uploads/2025/07/arrow_right.png) no-repeat center;
        background-size: contain
    }

    .ks-manufacturing-choose-section.hm-six .event-grid-container {
        grid-template-rows: auto
    }

    .ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item::after {
        background-size: cover!important
    }

    .info-grid-container {
        display: grid;
        grid-template-columns: 3fr 4fr 3fr;
        grid-template-rows: 1fr;
        justify-content: center
    }

    .info-grid-container .left ul li,.info-grid-container .middle div,.info-grid-container .right ul li {
        padding: 11px;
        font-size: 18px;
        line-height: 24px;
        height: 80px
    }

    .info-grid-container .left ul,.info-grid-container .right ul {
        align-items: flex-end;
        gap: 7px;
        list-style: none
    }

    .info-grid-container .middle img {
        width: 380px;
        margin-top: -10px
    }

    .info-grid-container .right ul li img,.info-grid-container .left ul li img,.info-grid-container .middle div img {
        max-width: 47px
    }

    .info-grid-container .middle div {
        margin-top: -67px
    }

    .info-grid-container .middle {
        padding-top: 0
    }

    .hm-banner-new {
        background-position: right
    }

    .cta-grid {
        grid-template-columns: 1fr 1fr
    }

    .cta-grid .item:nth-child(3) {
        grid-column: span 2;
        flex-direction: row
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .custom-margin-hm {
        margin:0 auto!important
    }
}

@media (max-width: 991px) {
    .odoo_erp_for_hotel_wraper .process_step_data {
        width:315px
    }

    .info-grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .info-grid-container .left,.info-grid-container .right,.info-grid-container .middle {
        grid-column: span 1;
        grid-row: span 1
    }

    .info-grid-container .left ul li,.info-grid-container .middle div,.info-grid-container .right ul li {
        text-align: left
    }

    .info-grid-container .left ul,.info-grid-container .right ul {
        align-items: flex-start;
        gap: 18px
    }

    .info-grid-container .left ul li {
        flex-direction: row-reverse
    }

    .info-grid-container .right ul li img,.info-grid-container .left ul li img,.info-grid-container .middle div img {
        max-width: 64px
    }

    .info-grid-container .middle div {
        justify-content: flex-start
    }

    .info-grid-container .left ul li,.info-grid-container .middle div,.info-grid-container .right ul li {
        padding: 16px;
        height: 104px;
        font-weight: 600;
        font-size: 22px;
        line-height: 33px
    }

    .info-grid-container .middle {
        text-align: center
    }

    .info-grid-container .middle div {
        margin-top: 12px
    }

    .info-grid-container .middle {
        margin: 12px 0 0
    }

    .hm-banner-new {
        background-image: url(/wp-content/uploads/2025/07/HM-banner-mob.webp);
        padding: 87px 4px 540px
    }

    .hm-banner-new {
        background-position: center
    }

    .cta-grid {
        grid-template-columns: 1fr 1fr
    }

    .cta-grid .item:nth-child(3) {
        flex-direction: row;
        grid-column: span 2
    }

    .hm-banner-new .banner-hm-title,.hm-banner-new .hm-banner-text {
        text-align: center
    }
}

@media (max-width: 767px) {
    .odoo_erp_for_hotel_wraper {
        padding:32px 4px
    }

    .odoo_erp_for_hotel_wraper .process_step_data {
        width: 100%
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(6) {
        order: 4
    }

    .odoo_erp_for_hotel_wraper .process_step_data:nth-child(1)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(2)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(3)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(5)::after,.odoo_erp_for_hotel_wraper .process_step_data:nth-child(6)::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
        width: 100%;
        height: 25px;
        background: url(/wp-content/uploads/2025/07/arrow_mobile_view.png) no-repeat center;
        background-size: contain;
        margin-left: 0
    }

    .odoo_erp_for_hotel_wraper .process_step_flex {
        gap: 40px
    }

    .font-40 {
        font-size: 32px;
        line-height: 39px
    }

    .erp_tag_line {
        font-size: 16px!important;
        line-height: 24px!important
    }

    .mb-40 {
        margin-bottom: 24px!important
    }

    .hm-banner-new .banner-hm-title {
        font-size: 32px;
        line-height: 40px
    }

    .hm-banner-new .hm-banner-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575px) {
    .ks-manufacturing-choose-section.hm-six .event-grid-container {
        grid-template-rows:repeat(12,179px)
    }

    .ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(14)::after {
        background-image: url(/wp-content/uploads/2025/07/hm-14-mob.png)
    }

    .ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(13)::after {
        background-image: url(/wp-content/uploads/2025/07/hm-13-mob.png)
    }

    .ks-manufacturing-choose-section.hm-six .event-grid-container .event-grid-item:nth-child(12)::after {
        background-image: url(/wp-content/uploads/2025/07/hm-12-mob.png)
    }

    .hm-sec-new {
        padding: 32px 4px
    }

    .hm-erp-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 42px;
        text-align: left
    }

    .hm-erp-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        text-align: left
    }

    .hm-erp-sub-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 24px
    }

    .hm-banner-new {
        padding: 32px 4px 336px
    }

    .cta-grid {
        grid-template-columns: 1fr
    }

    .cta-grid .item {
        flex-direction: row;
        grid-column: span 1!important
    }

    .cta-grid .item .cta-text {
        text-align: left
    }

    .hm-banner-new .banner-hm-title,.hm-banner-new .hm-banner-text {
        text-align: left
    }

    .custom-btn-hm button {
        width: 100%
    }

    .bottom_count_step h2 {
        font-weight: 600;
        font-size: 40px;
        line-height: 52px;
        text-align: center
    }

    .info-grid-container .middle img {
        margin-top: 18px
    }
}

.dgiq-sec-3.ldn-add .time-grey-box {
    background-color: #EFCCCE;
    width: fit-content
}

.dgiq-sec-3.ldn-add .top-line {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.dgiq-sec-3.ldn-add h5 b {
    font-weight: 600
}

.dgiq-sec-3.ldn-add h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.dgiq-sec-3.ldn-add .border-lr-new {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF
}

@media screen and (max-width: 991.98px) {
    .dgiq-sec-3.ldn-add .border-lr-new {
        border-left:1px solid #FFF;
        border-right: none
    }

    .dgiq-sec-3.ldn-add .time-grey-box {
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .dgiq-sec-3.ldn-add .top-line {
        font-size:14px;
        line-height: 21px
    }

    .dgiq-sec-3.ldn-add h4 {
        font-size: 24px!important;
        line-height: 36px!important
    }

    .dgiq-sec-3.ldn-add h6 {
        font-size: 14px;
        line-height: 21px
    }

    .dgiq-sec-3.ldn-add .border-lr-new {
        border-left: none
    }

    .dgiq-sec-3.ldn-add .time-grey-box {
        font-size: 14px;
        line-height: 24px
    }

    .ldn-banner .dinvt-div .border-l-r {
        border: none
    }
}

@media screen and (max-width: 575.98px) {
    .dgiq-sec-3.ldn-add .time-grey-box {
        font-size:14px
    }

    .padding-align {
        justify-content: start!important;
        padding: 12px 16px
    }

    .simplifying-sec .container {
        padding: 0 16px
    }
}

@media screen and (max-width: 575.98px) and (min-width:450px) {
    .br-show {
        display:none
    }
}

@media screen and (max-width: 360px) {
    .br-show {
        display:none
    }
}

.bg-F9FAFB-col {
    background-color: #F9FAFB
}

.ldn-banner {
    background-image: url(/wp-content/uploads/2025/07/ldn-page-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 78px 0 130px 0
}

.ldn-banner .top-span {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.ldn-banner .mainHead {
    font-weight: 700;
    color: #212121;
    font-size: 48px;
    line-height: 56px
}

.ldn-banner .main-para {
    color: #323232;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.ldn-banner .main-para a {
    color: #FF6900!important;
    font-weight: 600
}

.ldn-banner .blue-grad {
    background: linear-gradient(90deg,#021646 0%,#0D2C77 100%);
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    border-radius: 8px;
    padding: 12px 24px;
    width: fit-content
}

.ldn-banner .Prizes {
    margin-top: 16px
}

.ldn-banner .dinvt-div {
    background: rgba(255,255,255,.7)
}

.ldn-banner .dinvt-txt {
    color: #212121
}

.ldn-banner .dinvt-div .border-l-r {
    border-color: #828080
}

.ldn-banner .color-A9E1FF {
    color: #E32235
}

.ldn-banner-set .logo-event-row {
    margin: 0 auto -56px;
    top: -56px;
    max-width: 635px
}

.ldn-banner-set .partner-box {
    padding: 8px;
    min-width: 185px
}

.ldn-banner-set .atten-para {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.ldn-atte .sheading {
    color: #212121;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px
}

.connect-with-form-sec.ldn-form-connect::after {
    background-image: url(/wp-content/uploads/2025/07/connect-bg-img.webp)
}

.ldn-form-connect .booth-C79 {
    max-width: 264px;
    background: rgba(255,229,204,.6);
    gap: 8px
}

.ldn-form-connect .booth-C79 .f-w-700.font-24 {
    color: #E32235
}

.dfm-o {
    color: #FF6900
}

.ldn-form-connect .form-grey-box .content-area p {
    font-weight: 400;
    font-size: 18px;
    line-height: 158%;
    color: #484848
}

.ldn-form-connect .form-grey-box .content-area h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #212121
}

.simplifying-sec h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.simplifying-sec .para-t {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.simplifying-sec .card-simple {
    box-shadow: 4px 4px 12px 0 rgba(210,210,210,.2);
    border: 1px solid #F4F4F4;
    border-radius: 16px
}

.simplifying-sec .card-simple img {
    min-width: 64px;
    min-height: 64px
}

.simplifying-sec .card-simple .card-t {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.ldn-grid .event-grid-container .event-grid-item:nth-child(1),.ldn-grid .event-grid-container .event-grid-item:nth-child(4),.ldn-grid .event-grid-container .event-grid-item:nth-child(7),.ldn-grid .event-grid-container .event-grid-item:nth-child(9) {
    background-color: #f8fbff
}

.ldn-grid .event-grid-container .event-grid-item:nth-child(3) {
    background-color: #fbfcfd
}

.ldn-grid .event-grid-item {
    background-color: #fff
}

.grey-box-sec .ssub-heading span {
    font-weight: 700;
    color: #323232
}

.ldn-img-b.s-case-slider .client-case-card img.client-case {
    border-left: none;
    border-right: none
}

.ldn-cta {
    background-image: url(/wp-content/uploads/2025/07/ldn-cta-bg.webp)
}

.ldn-cta .ldn-para {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.ldn-cta .sdata-cta {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    text-align: center
}

.grey-box-set.big-data-ldn {
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);
    padding: 32px
}

.event-data-summitform .wpcf7-form .wpcf7-spinner {
    background: #113c63;
    opacity: .75;
    width: 17px;
    height: 17px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    bottom: 66px;
    display: flex;
    align-items: center;
    justify-content: center
}

.event-data-summitform .wpcf7-form .wpcf7-spinner::before {
    content: "";
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border: none;
    border-radius: 100%;
    transform-origin: 5px 5px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: block
}

@media screen and (min-width: 1400px) {
    .ldn-banner .col-xxl-7 {
        width:54%
    }

    .ldn-form-connect .form-grey-box {
        padding-left: 74px!important;
        padding-right: 74px!important
    }

    .ldn-form-connect .w-769 {
        max-width: 664px;
        min-width: 664px
    }
}

@media screen and (min-width: 1200px) {
    .w-9c {
        min-width:978px;
        max-width: 978px
    }
}

@media screen and (max-width: 1080px) {
    .ldn-banner {
        padding:32px 0 335px 0
    }
}

@media screen and (max-width: 922px) {
    .industries-service.lnd-ind img {
        min-height:215px
    }

    .ldn-banner {
        background-image: url(/wp-content/uploads/2025/07/ldn-banner-m.webp);
        background-position: 100% 100%;
        height: 1300px
    }
}

@media screen and (max-width: 767.98px) {
    .ldn-banner {
        background-image:url(/wp-content/uploads/2025/07/ldn-banner-m.webp);
        padding: 32px 0 335px 0;
        height: auto
    }

    .industries-service.lnd-ind img {
        min-height: 349px
    }

    .ldn-banner .blue-grad {
        width: 100%
    }

    .ldn-banner .mainHead {
        font-size: 32px;
        line-height: 36px
    }

    .ldn-banner-set .partner-box {
        padding: 8px;
        min-width: 158px
    }

    .ldn-atte .sheading {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .ldn-banner-set .atten-para {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px
    }

    .ldn-form-connect .booth-C79 {
        max-width: 100%
    }

    .ldn-form-connect .form-grey-box .content-area h4 {
        line-height: 36px;
        font-size: 24px
    }

    .ldn-form-connect .form-grey-box .content-area p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #484848
    }

    .simplifying-sec h4 {
        font-size: 24px;
        line-height: 36px
    }

    .simplifying-sec .para-t {
        font-size: 16px;
        line-height: 24px
    }

    .simplifying-sec .card-simple .card-t {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px
    }

    .ldn-cta .ldn-para {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px
    }

    .ldn-cta .sdata-cta {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }
}

@media screen and (max-width: 575.98px) {
    .ldn-banner .border-l-r {
        border:none
    }

    .ldn-banner .blue-grad {
        text-align: center
    }

    .ldn-banner {
        padding: 32px 0 410px 0;
        height: auto
    }

    .ldn-form-connect .booth-C79 {
        width: 100%
    }

    .ldn-cta {
        background-image: url(/wp-content/uploads/2025/07/ldn-cta-m.webp)
    }
}

@media screen and (max-width: 340px) {
    .ldn-banner-set .partner-box {
        padding:8px;
        min-width: 130px
    }
}

@media screen and (max-width: 575px) {
    .ldn-grid .mobile-column-set-new {
        align-items:start!important;
        flex-direction: column!important;
        justify-content: center!important;
        gap: 16px!important
    }

    .ldn-grid .mobile-column-set-new .event-title {
        line-height: 60px!important
    }
}

.dfm-li {
    color: #FF6900;
    text-decoration: none
}

.dfm-li:hover {
    color: #FF6900;
    text-decoration: none
}

.pointer-none-ks {
    cursor: default
}

@media screen and (min-width: 991px) {
    .ldn-grid .event-grid-container .event-grid-item:nth-child(1) {
        justify-content:center!important
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.our-solution-sec .top-head-content h2 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.our-solution-sec .top-head-content p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.bg--F9FAFB {
    background-color: #F9FAFB
}

.our-solution-sec .img-box-set-l {
    border-radius: 16px 0 0 16px;
    padding: 11px 0 11px 11px;
    min-width: 230px;
    max-width: 230px
}

.our-solution-sec .img-box-set-l img {
    border-radius: 16px 0 0 16px
}

.our-solution-sec .img-box-set-r {
    border-radius: 0 16px 16px 0;
    padding: 11px 11px 11px 0;
    min-width: 230px;
    max-width: 230px
}

.our-solution-sec .img-box-set-r img {
    border-radius: 0 16px 16px 0
}

.our-solution-sec .content-box-set {
    border-radius: 16px
}

.our-solution-sec .content-box-set .tag-blue {
    background-color: #EDF3FF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.our-solution-sec .content-box-set .card-t {
    color: #414040;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.our-solution-sec .content-box-set .card-p {
    color: #414040;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.our-solution-sec .content-box-set .key-pointer-txt {
    color: #414040;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.our-solution-sec .content-box-set .key-pointers {
    color: #414040;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-left: 24px
}

.our-solution-sec .content-box-set .extra-div {
    color: #414040;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.our-solution-sec .content-box-set .extra-div b {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.our-solution-sec .gap-vertical-2 {
    row-gap: 24px
}

@media screen and (max-width: 1399.98px) {
    .our-solution-sec .img-box-set-l {
        min-width:200px;
        max-width: 200px
    }

    .our-solution-sec .img-box-set-r {
        min-width: 200px;
        max-width: 200px
    }
}

@media screen and (max-width: 1199.98px) {
    .our-solution-sec .img-box-set-l {
        min-width:150px;
        max-width: 150px
    }

    .our-solution-sec .img-box-set-r {
        min-width: 150px;
        max-width: 150px
    }
}

@media screen and (max-width: 991.98px) {
    .our-solution-sec .img-box-set-l {
        min-width:223px;
        max-width: 223px;
        padding: 9px 9px 0 9px;
        border-radius: 9px 9px 0 0
    }

    .our-solution-sec .img-box-set-r {
        min-width: 223px;
        max-width: 223px;
        padding: 9px 9px 0 9px;
        border-radius: 9px 9px 0 0
    }

    .our-solution-sec .img-box-set-l img {
        border-radius: 9px 9px 0 0
    }

    .our-solution-sec .img-box-set-r img {
        border-radius: 9px 9px 0 0
    }
}

@media screen and (max-width: 767.98px) {
    .our-solution-sec .top-head-content h2 {
        font-size:32px;
        line-height: 40px;
        text-align: left
    }

    .our-solution-sec .top-head-content p {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .our-solution-sec .gap-vertical-2 {
        row-gap: 16px
    }

    .our-solution-sec .img-box-set-l {
        min-width: 242px;
        max-width: 242px;
        max-height: 242px;
        border-radius: 16px 16px 0 0
    }

    .our-solution-sec .img-box-set-r {
        min-width: 242px;
        max-width: 242px;
        max-height: 242px;
        border-radius: 16px 16px 0 0
    }

    .our-solution-sec .img-box-set-l img,.our-solution-sec .img-box-set-r img {
        border-radius: 16px 16px 0 0
    }
}

.cta-ai-ml {
    background-image: url(/wp-content/uploads/2025/08/cta-ai-ml-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.cta-ai-ml .title-t {
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    text-align: center
}

.cta-ai-ml .para-p {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px
}

.our-ai-driven-app h5 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121
}

@media screen and (max-width: 767.98px) {
    .cta-ai-ml .title-t {
        font-size:24px;
        line-height: 36px
    }

    .our-ai-driven-app h5 {
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }

    .our-solution-sec {
        padding-left: 4px;
        padding-right: 4px
    }
}

.common-ml-consult-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 40px
}

.commom-ai-ml-banner {
    padding: 138px 4px 161px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.commom-ai-ml-banner.ml-image {
    background-image: url(/wp-content/uploads/2025/08/ml_consulting_banner.webp)
}

.commom-ai-ml-banner.ai-image {
    background-image: url(/wp-content/uploads/2025/08/ai-banner-new.webp);
    padding: 81px 4px 104px
}

.commom-ai-ml-banner .common-ai-ml-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 16px
}

.commom-ai-ml-banner .common-ai-ml-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #f9fafb;
    margin-bottom: 40px
}

.commom-ai-ml-banner .common-ai-ml-box {
    display: grid;
    grid-template-columns: 320px 320px;
    grid-template-rows: auto;
    gap: 16px;
    margin-bottom: 40px
}

.commom-ai-ml-banner .common-ai-ml-box .descriptive-items {
    display: flex;
    gap: 16px;
    padding: 8px 16px;
    box-shadow: 2px 2px 8px 0 rgba(221,240,255,.4);
    background-color: #f6f6fc;
    border-radius: 8px;
    align-items: center;
    grid-column: span 1;
    grid-row: span 1
}

.commom-ai-ml-banner .common-ai-ml-box .descriptive-items .item-title {
    font-weight: 700;
    line-height: 36px;
    color: #212121;
    font-size: 24px
}

.commom-ai-ml-banner .common-ai-ml-box .descriptive-items .item-description {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.use-tech-common {
    background-color: #f9fafb;
    padding: 64px 4px
}

.tech-grid-box {
    display: grid;
    grid-template-columns: repeat(4,269px) 207px;
    grid-template-rows: auto;
    gap: 8px;
    justify-content: center
}

@media screen and (min-width: 1399.98px) {
    .tech-grid-box.ai-tech-width {
        grid-template-columns:repeat(5,250px)
    }

    .tech-grid-box .item {
        height: fit-content
    }

    .tech-grid-box.ai-tech-width .item .tech-infos .tech-box.odd-padding {
        padding-right: 10px
    }
}

.tech-grid-box .item {
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.tech-grid-box .item .tech-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.tech-grid-box .item .tech-infos {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tech-grid-box .item .tech-infos .tech-box {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center
}

.tech-grid-box .item .tech-infos .tech-box .tech-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

@media screen and (max-width: 1440px) {
    .tech-grid-box {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 992px) {
    .commom-ai-ml-banner {
        padding:32px 4px 337px
    }

    .commom-ai-ml-banner.ml-image {
        background-image: url(/wp-content/uploads/2025/08/ml_consulting-mob-banner.webp);
        background-position: bottom
    }

    .commom-ai-ml-banner.ai-image {
        background-image: url(/wp-content/uploads/2025/08/ai-banner-new-mob.webp);
        background-position: bottom;
        padding: 32px 4px 415px
    }

    .commom-ai-ml-banner .common-ai-ml-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 16px;
        margin-bottom: 40px
    }

    .commom-ai-ml-banner .common-ai-ml-title,.commom-ai-ml-banner .common-ai-ml-text {
        text-align: center
    }

    .tech-grid-box {
        grid-template-columns: repeat(2,1fr);
        gap: 16px
    }
}

@media screen and (max-width: 765px) {
    .commom-ai-ml-banner.ai-image {
        background-image:url(/wp-content/uploads/2025/08/ai-banner-new-mob.webp);
        background-position: bottom;
        padding: 32px 4px 249px
    }

    .commom-ai-ml-banner .common-ai-ml-box {
        grid-template-columns: 1fr
    }

    .commom-ai-ml-banner .common-ai-ml-title,.commom-ai-ml-banner .common-ai-ml-text {
        text-align: left
    }

    .tech-grid-box {
        grid-template-columns: 1fr
    }

    .use-tech-common {
        padding: 32px 4px
    }

    .common-ml-consult-title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 24px
    }

    .ai-use-tech .common-ml-consult-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575px) {
    .commom-ai-ml-banner .common-ai-ml-title {
        font-weight:600;
        font-size: 32px;
        line-height: 40px
    }

    .commom-ai-ml-banner .common-ai-ml-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .commom-ai-ml-banner .common-ai-ml-box {
        margin-bottom: 32px
    }

    .cta-ai-ml button,.cta-ai-ml a {
        padding-left: 2px!important;
        padding-right: 2px!important;
        font-size: 16px!important
    }
}

.box-img-content-mob {
    border: 1px solid #E7E7E7;
    height: 100%;
    border-radius: 8px
}

.box-img-content-mob .img-box {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px
}

.box-img-content-mob h3 {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.box-img-content-mob h6 {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.ai-ml-benefits-sec h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.ai-ml-benefits-sec h5 {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.ai-ml-benefits-sec p {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.ai-ml-benefits-sec .card-cont {
    border-radius: 8px
}

.ai-ml-benefits-sec .img-set {
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px
}

.clients-case-study.ai-sstories .img {
    min-height: 297px;
    height: 297px
}

@media screen and (max-width: 767.98px) {
    .ai-ml-benefits-sec h4 {
        font-size:32px;
        line-height: 40px;
        text-align: left
    }

    .use-tech-common.ai-use-tech button {
        padding-left: 2px!important;
        font-size: 16px!important;
        font-weight: 500!important;
        padding-right: 2px!important
    }
}

.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(1)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(2)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(5)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(3)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(4)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(6)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(7)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(8)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(9)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(10)::after,.ks-manufacturing-choose-section.after-remove .event-grid-container .event-grid-item:nth-child(11)::after {
    display: none
}

@media screen and (min-width: 992px) {
    .ks-manufacturing-choose-section.after-remove .event-grid-container {
        grid-template-rows:144px 144px 198px
    }
}

.white-space-txt {
    white-space: nowrap
}

@media screen and (max-width: 575px) {
    .ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(2),.ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(3) {
        flex-direction:column!important;
        align-items: start!important;
        justify-content: center!important
    }

    .ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(4),.ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(5) {
        flex-direction: row!important;
        justify-content: start!important;
        align-items: center!important
    }

    .ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(11),.ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(10),.ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(9),.ks-manufacturing-choose-section.after-remove .event-grid-item:nth-child(8) {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: start!important
    }
}

.shaping-sec-ai h2 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

.shaping-sec-ai p {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.shaping-ai-sec-m {
    padding: 0 66px
}

.shaping-sec-ai::after {
    background-image: url(/wp-content/uploads/2025/08/grad-desk-v.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -70px;
    z-index: -1
}

@media screen and (max-width: 767.98px) {
    .shaping-sec-ai h2 {
        font-size:32px;
        line-height: 41.6px
    }

    .shaping-sec-ai p {
        color: #484848;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .shaping-ai-sec-m {
        padding: 0
    }

    .shaping-sec-ai::after {
        background-image: url(/wp-content/uploads/2025/08/grad-mob-v.svg);
        bottom: 0;
        right: 0
    }

    .ai-sstories .client-case-card.bgcard.text-start,.ai-sstories .client-case-card.bgcard {
        border: none!important;
        padding: 0px!important
    }
}

.new-inner-circular-box .row {
    margin: 0 -20px
}

.new-inner-circular-box .row img {
    width: 64px;
    height: 64px
}

.new-inner-circular-box .row h3 {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.new-inner-circular-box .row h5 {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.new-inner-circular-box .card-slot {
    border-radius: 8px;
    border: 1px solid #E7E7E7
}

@media screen and (min-width: 992px) {
    .new-inner-circular-box .row .col-lg-4 {
        padding:0 20px
    }

    .new-inner-circular-box .col-lg-4:nth-child(1),.new-inner-circular-box .col-lg-4:nth-child(2),.new-inner-circular-box .col-lg-4:nth-child(3) {
        margin-bottom: 40px
    }

    .arrow-work-right::after {
        position: absolute;
        content: "";
        width: 40px;
        height: 4px;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/wp-content/uploads/2025/08/arrow-new-bblack.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .arrow-work-down::after {
        position: absolute;
        content: "";
        width: 6px;
        height: 40px;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(/wp-content/uploads/2025/08/arrow-new-bblack-d.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .arrow-work-left::after {
        position: absolute;
        content: "";
        width: 40px;
        height: 4px;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/wp-content/uploads/2025/08/arrow-new-bblack.svg);
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 992px) {
    .margin-bot-mob-none {
        margin-bottom:0px!important
    }

    .new-inner-circular-box .row img {
        width: 40px;
        height: 40px
    }

    .arrow-work-down-mob::after {
        position: absolute;
        content: "";
        width: 6px;
        height: 16px;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(/wp-content/uploads/2025/08/mob-bllack-arrow.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .new-inner-circular-box .col-lg-4 {
        margin-bottom: 16px
    }

    .new-inner-circular-box .col-lg-4:last-child {
        margin-bottom: 0
    }

    .new-inner-circular-box .card-slot {
        flex-direction: row!important
    }
}

.blue-grad-bot .implform-div.form-left-s input,.blue-grad-bot .implform-div.form-left-s textarea,.blue-grad-bot .implform-div.form-left-s .intl-tel-input.allow-dropdown {
    background-color: transparent!important;
    border: 1px solid #828080!important;
    color: #fff!important
}

.blue-grad-bot .implform-div.form-left-s .intl-tel-input.allow-dropdown input {
    border: none!important
}

.blue-grad-bot .implform-div.form-left-s input::placeholder,.blue-grad-bot .implform-div.form-left-s textarea::placeholder,.blue-grad-bot .implform-div.form-left-s .intl-tel-input.allow-dropdown input::placeholder {
    color: #828080!important;
    opacity: 1!important
}

.impleme-one.mig-nifi .salespaid-form.implemeform .ks-form-error,.impleme-one.mig-nifi .salespaid-form.implemeform .ks-success-message {
    margin-right: 32px;
    margin-left: 32px
}

.grid-mig {
    background-color: #F9FAFB
}

.mig-nifi {
    background-color: transparent!important;
    background-image: url(/wp-content/uploads/2025/08/Group-1321315562.webp)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important
}

.impleme-one.mig-nifi::after {
    display: none
}

.mig-nifi h1 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px
}

.mig-nifi .s-achieve.imps {
    color: #F9FAFB;
    font-weight: 400;
    font-size: 16px!important;
    line-height: 24px
}

.mig-nifi .sub-line {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #F9FAFB
}

.mig-nifi .txt-line {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize
}

.mig-nifi .bg-dim {
    background: rgba(255,255,255,.2);
    border-radius: 8px;
    min-width: 229px
}

.open-source-nifi-section {
    padding: 64px 0;
    background-color: #F9FAFB
}

.open-source-nifi-section ul {
    padding-left: 20px;
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.open-source-nifi-section h3 {
    color: #212121;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px
}

.open-source-nifi-section h5 {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.table-Etl,.open-num-nifi {
    padding: 64px 0
}

.table-Etl h4,.open-num-nifi h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.nifi-open-cta {
    padding: 64px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/08/open-nifi-cta.svg)
}

.nifi-open-cta h4 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.nifi-open-cta h6 {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    .impleme-one.mig-nifi .salespaid-form.implemeform .ks-form-error,.impleme-one.mig-nifi .salespaid-form.implemeform .ks-success-message {
        margin-top:0px!important
    }

    .mig-nifi h1 {
        font-size: 32px;
        line-height: 40px
    }

    .mig-nifi .s-achieve.imps {
        font-weight: 500
    }

    .mig-nifi .bg-dim {
        min-width: 100%
    }

    .open-source-nifi-section {
        padding: 32px 0
    }

    .open-source-nifi-section h3 {
        font-size: 32px;
        line-height: 41px
    }

    .open-source-nifi-section .div-btn {
        width: 100%!important
    }

    .open-source-nifi-section .btn.rounded-1 {
        width: 100%!important
    }

    .table-Etl {
        padding: 32px 0
    }

    .table-Etl h4,.open-num-nifi h4 {
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }

    .nifi-open-cta,.open-num-nifi {
        padding: 32px 0
    }

    .nifi-open-cta h4 {
        font-size: 24px;
        line-height: 36px
    }

    .nifi-open-cta {
        background-image: url(/wp-content/uploads/2025/08/cta-sort-2.webp);
        background-position: left
    }
}

.table-Etl .check {
    color: green;
    font-weight: 700
}

.table-Etl .cross {
    color: red;
    font-weight: 700
}

.table-Etl th,.table-Etl td {
    vertical-align: middle!important
}

.table-Etl .table-responsive-fixed {
    position: relative;
    overflow-x: auto;
    border-radius: 16px 16px 0 0
}

.table-Etl .table-fixed-column {
    min-width: 266px;
    position: sticky;
    left: 0;
    z-index: 2;
    text-align: start
}

.table-Etl thead th.table-fixed-column {
    z-index: 3
}

.table-Etl .top-tag {
    border: 1px solid #E7E7E7!important;
    border-radius: 16px 16px 0 0;
    text-align: center
}

.table-Etl .top-tag h3 {
    color: #FFF;
    background-color: #15326B;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    white-space: nowrap;
    text-align: center
}

.table-Etl .table-primary tr:nth-child(1) th {
    background-color: #15326B!important
}

.table-Etl .table-primary th {
    padding: 0px!important;
    border: none!important
}

.table-Etl .table-primary th:nth-child(2) div {
    border-left: none!important;
    border-right: none!important
}

.table-Etl .table-primary th div {
    background-color: #88A4CE!important;
    border: 1px solid #E7E7E7!important;
    color: #fff;
    padding-left: 24px!important;
    padding-right: 24px!important
}

.color-set-88A {
    background-color: #88A4CE;
    color: #fff
}

.table-Etl tbody tr td:nth-child(1) {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    background-color: #fff
}

.table-Etl tbody tr:nth-child(odd) td {
    background-color: #FFF
}

.table-Etl tbody tr:nth-child(even) td {
    background-color: #F9FAFB
}

.table-Etl tbody tr td {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    padding: 0;
    border: none;
    text-align: start!important
}

.table-Etl tbody tr td:last-child,.table-Etl tbody tr td:nth-child(2) {
    color: #323232
}

.table-Etl thead tr th {
    border: 1px solid #E7E7E7!important;
    text-align: start!important
}

.icon-cross,.icon-check {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-height: 18px;
    max-width: 18px
}

.table-Etl tbody .border-line-88 {
    padding: 16px 24px;
    border-bottom: 1px solid #E7E7E7!important;
    height: 100%;
    min-height: 115px;
    min-width: 300px
}

.table-Etl tbody tr td:last-child .border-line-88 {
    border-right: 1px solid #E7E7E7!important;
    border-left: 1px solid #E7E7E7!important
}

.table-Etl .border-b-r .border-line-88 {
    border-radius: 0 0 16px 0
}

.table-Etl .border-line-set-fixed {
    border-left: 1px solid #E7E7E7!important;
    border-right: 1px solid #E7E7E7!important;
    border-bottom: 1px solid #E7E7E7!important;
    padding: 16px 24px;
    min-height: 115px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.table-Etl .round-curve-88 {
    border-radius: 0 0 0 16px
}

.blue-grad-bot {
    padding: 44px 0;
    background-image: url(/wp-content/uploads/2025/08/blue-set-form-bottom.webp)!important
}

.blue-grad-bot .form-left-s .impl-form-title {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 16px
}

.blue-grad-bot .form-left-s .impl-form-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px
}

.blue-grad-bot .form-left-s .impl-form-dis {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 24px
}

.blue-grad-bot .right-side-grad {
    background-color: rgba(5,21,52,.8);
    background-position: center
}

.blue-grad-bot .rating-box {
    background-color: rgba(3,16,37,.9);
    border: 1px solid #828080;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px;
    height: 192px;
    justify-content: center
}

.blue-grad-bot .rating-box .text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff
}

.blue-grad-bot .gap-s-10 {
    gap: 10px
}

.right-side-grad .row {
    row-gap: 16px
}

.blue-grad-bot .custom-add-12 {
    margin: 0 -8px
}

.blue-grad-bot .custom-add-12 .col-6 {
    padding: 0 8px
}

@media screen and (max-width: 991px) {
    .table-Etl tbody .border-line-88 {
        width:335px
    }
}

@media screen and (min-width: 991px) {
    .table-responsive-fixed {
        max-width:964px;
        width: 100%
    }

    .grid-mig .event-grid-container .event-grid-item:nth-child(1) {
        gap: 40px!important
    }
}

@media screen and (max-width: 575.98px) {
    .table-Etl .table-fixed-column {
        min-width:133px;
        max-width: 133px
    }

    .table-Etl tbody .border-line-88 {
        min-width: 334px
    }

    .table-Etl .border-line-set-fixed {
        padding-left: 8px
    }

    .table-Etl .top-tag h3 {
        text-align: left
    }

    .blue-grad-bot .form-left-s .impl-form-dis {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px
    }

    .blue-grad-bot .form-left-s .impl-form-subtitle {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px
    }

    .blue-grad-bot .form-left-s .impl-form-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .grid-mig .grid-mig-flex-center {
        flex-direction: row!important;
        align-items: center!important
    }

    .grid-mig .grid-mid-flexcenter-start {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: start!important
    }

    .grid-mig .grid-mid-flexcol-start {
        flex-direction: column!important;
        justify-content: center!important;
        align-items: start!important
    }
}

.blue-grad-bot .auto-capture-submit {
    margin-top: 32px
}

.blue-grad-bot .auto-capture-submit .ks-form-sub-btn {
    height: 56px!important;
    border-radius: 3px
}

.page-template-template_migrate_open_source_nifi footer {
    display: none!important
}

@media screen and (max-width: 767.98px) {
    .blue-grad-bot {
        padding:0 0
    }

    .table-Etl .border-line-set-fixed {
        font-size: 16px;
        line-height: 24px
    }

    .table-Etl .table-primary th div {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .auto-capture-submit {
        width: 100%!important
    }

    .blue-grad-bot .form-left-s .impl-form-subtitle {
        text-align: center
    }

    .blue-grad-bot .auto-capture-submit .ks-form-sub-btn {
        width: 100%!important
    }

    .blue-grad-bot .auto-capture-submit {
        margin-top: 24px
    }

    .blue-grad-bot .rating-box {
        height: 148px;
        border-radius: 8px
    }

    .blue-grad-bot .container {
        padding: 0 0 0 0!important
    }

    .right-side-grad .row {
        row-gap: 8px;
        border-radius: 8px
    }

    .blue-grad-bot .custom-add-12 {
        margin: 0 -4px
    }

    .blue-grad-bot .custom-add-12 .col-6 {
        padding: 0 4px
    }
}

@media screen and (max-width: 767px) {
    .new-nifi-apache-developement.big-data-page.microservices-service .blue-grad-bot .container {
        padding:0 0 0 0!important
    }
}

.grid-mig .title-line {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 40px
}

@media screen and (max-width: 767.98px) {
    .grid-mig .title-line {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 24px
    }
}

.grid-mig .event-grid-item::after {
    display: none!important
}

.grid-mig .event-grid-container .event-grid-item:nth-child(1),.grid-mig .event-grid-container .event-grid-item:nth-child(3),.grid-mig .event-grid-container .event-grid-item:nth-child(4),.grid-mig .event-grid-container .event-grid-item:nth-child(7),.grid-mig .event-grid-container .event-grid-item:nth-child(9),.grid-mig .event-grid-container .event-grid-item:nth-child(10) {
    background-color: #F3F6F9!important
}

.grid-mig .event-grid-container .event-grid-item:nth-child(2),.grid-mig .event-grid-container .event-grid-item:nth-child(5),.grid-mig .event-grid-container .event-grid-item:nth-child(6),.grid-mig .event-grid-container .event-grid-item:nth-child(8),.grid-mig .event-grid-container .event-grid-item:nth-child(11) {
    background-color: #FFFFFF!important
}

.open-num-nifi .box-num-set {
    background-color: rgba(237,240,245,.3);
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    position: relative
}

.open-num-nifi .box-num-set:hover {
    background: linear-gradient(71.71deg,rgba(240,244,250,.4) 5.46%,rgba(196,203,213,.4) 80.91%);
    box-shadow: 4px 4px 8px 0 rgba(212,212,212,.25)
}

.open-num-nifi .row {
    margin: 0 -20px
}

.open-num-nifi .col-md-4 {
    padding: 0 20px
}

.open-num-nifi .col-md-4 {
    margin-bottom: 40px
}

.open-num-nifi .col-md-4:last-child {
    margin-bottom: 0
}

.open-num-nifi .box-num-set .num {
    color: #A7A5A5;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

.open-num-nifi .box-num-set:hover .num {
    color: #212121
}

.open-num-nifi .box-num-set .num-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.ar-dn::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 34px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/wp-content/uploads/2025/08/mig-arr-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 8px
}

@media screen and (min-width: 767.98px) {
    .ar-rgt::after {
        position:absolute;
        content: "";
        width: 34px;
        height: 8px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background-image: url(/wp-content/uploads/2025/08/mig-arr-right.svg);
        background-position: center;
        background-repeat: no-repeat;
        margin-right: -38px
    }

    .ar-lft::after {
        position: absolute;
        content: "";
        width: 34px;
        height: 8px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-image: url(/wp-content/uploads/2025/08/mig-arr-left.svg);
        background-position: center;
        background-repeat: no-repeat;
        margin-left: -38px
    }
}

@media screen and (max-width: 767.98px) {
    .ar-dn-m::after {
        position:absolute;
        content: "";
        width: 8px;
        height: 34px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(/wp-content/uploads/2025/08/mig-arr-down.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-position-y: 8px
    }

    .odoo-gold-partner-main .ks-your-attention .container.white-box {
        padding: 30px!important
    }
}

@media screen and (max-width: 575px) {
    .custom-mob-only {
        margin:0
    }

    .blue-grad-bot .ks-AutoCaptureForm-main-container form {
        grid-template-columns: 1fr!important
    }

    .gold-partner-logo-im-np {
        height: 130px
    }
}

.font-16-600 {
    font-size: 18px;
    font-weight: 600
}

@media screen and (max-width: 991.98px) {
    .blue-grad-bot .ks-AutoCaptureForm-main-container {
        max-width:100%!important
    }
}

.clear-btn {
    border: none;
    background: 0 0
}

.slide-in {
    animation: slideIn 0.6s ease-out forwards
}

.slide-out {
    animation: slideOut 0.6s ease-in forwards
}