: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: #e13d4b;
  --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: #e13d4b;
  --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: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.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: 0.5rem;
  margin-left: 0;
}
.spark-code{
  background-color: #000;
}
.blog-detail-content .spark-code p{
  color: #fff;
}
blockquote {
  margin: 0 0 1rem;
}
/*b,
strong {
  font-weight: bolder;
}*/
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.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: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.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: 0.5rem;
  padding-bottom: 0.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: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  
}
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;
}
@media (min-width: 1200px) {
 
}
.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: 0.5rem;
}
.initialism {
  font-size: 0.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: 0.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: #e13d4b;
  --bs-btn-border-color: #e13d4b;
  --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: #e13d4b;
  --bs-btn-disabled-border-color: #e13d4b;
}
.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;
}
.btn-outline-primary {
  --bs-btn-color: #e13d4b;
  --bs-btn-border-color: #e13d4b;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e13d4b;
  --bs-btn-hover-border-color: #e13d4b;
  --bs-btn-focus-shadow-rgb: 225, 61, 75;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e13d4b;
  --bs-btn-active-border-color: #e13d4b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e13d4b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e13d4b;
  --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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.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: #e13d4b;
  --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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
}
.dropstart .dropdown-toggle:before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.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: 0.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: #e13d4b;
  --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: #e13d4b !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: 0.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 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 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, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0, 0%, 100%, 0.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: #e13d4b;
  }
}
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: 0.01em;
}
.ls-02 {
  letter-spacing: 0.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: #e13d4b;
}
.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, 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%, 0.6);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.ks-cursor.service-link {
  background-color: rgba(189, 238, 255, 0.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, 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(0.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, 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, 0.2);
  background: rgba(240, 248, 255, 0.4);
  left: 125px;
  top: 125px;
  box-shadow: 0 0 0 150px hsla(0, 0%, 100%, 0.2);
  z-index: 0;
  outline: 1px solid rgba(47, 155, 188, 0.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, 0.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, 0.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: 0.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, 0.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%, 0.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%, 0.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, 0.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%, 0.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%, 0.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 ,0.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 ,0.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 ,0.8) !important;
}
.insights-main button.owl-next:hover {
  background-color: rgb(225, 61, 75 ,0.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 {
    /* border: 1px solid transparent; */
    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) {
    /* width: 75% !important; */
    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 ,0.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%, 0.9);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.btns-outer .btn {
  background-color: rgb(225, 61, 75 ,0.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);
}
/* case study slider Css media query  */
.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: 0.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, 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: #ffffff;
  padding: 0 0px;
  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 {
/*  min-height: 78px;*/
  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 {
  /* padding: 15px 32px; */
  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: 0px;
  }
  .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, 0.16), 0 3px 6px rgba(0, 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: #e13d4b;
}
.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, 0.16), 0 3px 6px rgba(0, 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%;
}

.number-bg.hpnumber {
    background-image: url('/wp-content/uploads/2023/12/numbers-bg.webp');
}

.service-section-dekstop-view .services-row .services-list .tool-image-outer img.object-cover {
    width: 100%;
    height: auto;
    max-height: 50px;
}

.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, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .mega-menu {
    box-shadow: 0 15px 40px rgba(0, 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%;
    /* padding-left: 20px;
    padding-right: 20px !important; */
  }
  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(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: #e13d4b;
}
.ks-discuss-bg {
/*  background-image: url(images/marketing/discuss-bg.jpg);*/
  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;
  /* line-height: 40px; */
 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: 0.3;
  }
  .blog-box-image img {
    min-height: 170px;
  }
}
@media (max-width: 1400px) {
  .custom-popup-area.popup-container {
    padding: 20px;
  }
}
/* .custom-popup-area.popup-container .form-request-call {
  padding: 20px;
  background-color: #fff;
  border-radius: 16px;
} */
.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%, 0.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%, 0.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 0px;
    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 0px;
    width: 100%;
  }
}
.home-banner-client-logo {
  border: 1px solid hsla(0, 0%, 100%, 0.8);
  background: hsla(0, 0%, 100%, 0.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 0px;
    width: 100%;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .career_form_div .recaptcha-div {
    transform: scale(0.8);
    transform-origin: 0 0;
    margin: 0 0 0 0px;
    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; /* only in production css */
  border: none;
  width: 60px;
  height: 50px !important;
  padding: 0 !important;
  margin: 0;
  right: 131px; /* only in production css */
}
.d-mobile-whatsapp .whatsapp-icon {
  object-fit: cover;
}
section#implementation_process\: {
    padding:0px 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(0.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%;
}

  .services-row:not(:last-child) .services-unit:before {
    /* height: calc(100% + 500px); */
  }
  .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(0.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, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    height: 100vh;
  }
  .nav-icon {
    position: absolute;
    right: 10px;
    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%, 0.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%;
    /* width: 960px; */
  }
  .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%, 0.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: #e13d4b;
}
.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%, 0.1);
  border: 1px solid #b1b1b1;
  border-radius: 200px;
  line-height: 120%;
  letter-spacing: 0.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, 0.05);
  border-radius: 10px;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 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, 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: 0.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, 0.6);
  color: #e13d4b;
  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, 0.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;
  }
  .service-section-dekstop-view {
    /* overflow-x: hidden; */
  }
}
@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, 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(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;
}
/*.about-home-page-video-banner {
  display: none;
}*/
.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:#e13d4b;
}
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: #e13d4b;
  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;
}

/* Add more rules for additional images */

/* start CSS RUBY 27-12-23 */

.wpcf7-submit {
  border: none;
  text-align: center;
  color: #fff;
  position: relative;
  bottom: 6px;
  font-weight: 600;
}

/* footer .wpcf7-submit,.ks-form-outer .wpcf7-submit{
 background: transparent; 
} */
.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;
}

/*--Headercss--*/

.topbar{
      padding: 0px 0 !important;
}
.footer-social li:nth-child(2) img {
    width: 64px;
    height: 64px;
}
/*Animated logo css*/
.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;
  /* overflow: hidden; */
}

.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);
  /* margin-top: -7px; */
  /* top: 32px; */
}

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

/*--Let talk popup css--*/
/* .modal-dialog {
    max-width: 590px !important;
} */

#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: 0.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: 0.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: 0.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: 0.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;
}

/*--end--*/


/*  new layout CSS case study */
.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 0px;
}

.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 {
  /* max-width: 796100px; */
  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;
}

/*----------single blog---------*/

.text-position {
    margin-top: 1em;
  }
  /* .subheadinginner_repeater {
    margin-top: 20px;
    font-size: 20px;
} */
.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 0px 24px 0px;
  border-bottom: 2px solid #E9F0FB;
}
.latest-post {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding: 16px 0px 16px 0px;
  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 0px;
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: #e13d4b !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;
}
/* .detail-page-banner-sec:after {
  content: '';
  position: absolute;
  z-index: 0;
  background-color: #d6dbee;
  width: 60%;
  height: calc(120% + 120px);
  right: -30px;
  top: -130px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg,#c8d0e7 0%,rgba(233,236,243,.62) 100%);
} */
.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: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.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("/wp-content/uploads/2024/01/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: 0.5rem;
    padding-left: 0.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: 0px;
    /* margin-top: 40px; */
}
  .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:#E13D4B;
  }
  .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: 0.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, 0.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, 0.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: #808080;
}
.ks-comment-form input::placeholder{
  color: #343434;
}
.single-post #commentform input.error {
  color: #343434;
}
.single-post #commentform textarea.error {
  color: #343434;
}
/* .single-post #commentform .error+div{
  color: #dc3232;
} */
  .blog-overlay {
    transition: 0.3s ease-in-out;
    transform: translateY(100%);
    top: 0;
    left: 0;
    background-color: rgba(222, 43, 58, 0.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: #e13d4b !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);
}
/*----------case study template css---------*/

#single-case-study .letter-32 {
letter-spacing: 0.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: 0.5px
}

#single-case-study .letter-04 {
letter-spacing: 0.04em;
}

#single-case-study .letter-02 {
letter-spacing: 0.02em;
}

#single-case-study .letter--02 {
letter-spacing: -0.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: 0px;
top: -2px;
z-index: -2;
}

/*#single-case-study .ks-heading-title:after {
content:"";
width: 112px;
height: 8px;
background: rgba(236, 103, 55, 0.7);
border-radius: 4px;
display: block;
margin-top: 8px;
}*/
#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: 0px;
top: -2px;
z-index: -2;
}

#single-case-study .list-style-lower-alpha {
list-style: lower-alpha;
}

/* #single-case-study .border-F3F3F3 {
border: 1px solid #F3F3F3;
} */

#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: 0px;
height: 4px;
width: 100%;
border-bottom: 2px solid #e13d4b;
}
.border-D1DDEC{
  border:1px solid #d1ddec;
 
}
.br-16{
border-radius: 16px;
}
#ks-careers .ks-dark-bg-img {
  background-color: transparent;
  border-radius: 16px;
}
/* new case study design CSS */
.project-heading h1 {
  max-width: 835px;
  width: 100%;
  text-align: left;
}

/* section.class_our_solution .container.page-section.custom-container.network-maintenance-layout {
  padding: 60px;
} */

.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: 0px 60px 0px;
  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 0px 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;
  /* border: 1px solid  #E8E7E7; */
  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: 0px 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: 0px 0 0;
}

section#conclusion .container.page-section.custom-container .container_overview {
  padding: 60px 60px 60px;
}

/* .single_casestudy_ul_li, .single_casestudy_solution_ul_li h3 {
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 27px;
  text-align: left;
  margin: 0 !important;
} */

#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: 0px;
}
/* .single_casestudy_ul_li, .single_casestudy_solution_ul_li h4 {
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 27px;
  text-align: left;
  margin: 0 !important;
} */
section#results .container {
  max-width: 673px;
   width:100%;
   margin:0 auto;
   padding:0px 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%;
}
/* .class_conclusion .container_overview {
  padding: 0 0;
} */

.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 ,0.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:0px 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:0px;
}

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: #e13d4b;
  max-width:88px;
  width: 100%;
  height:40px;
  padding: 16px;
  border-radius: 4px solid #e13d4b;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.ks-comment-form p.form-submit {
  margin-bottom: 0 !important;
}
/* Blog page CSS start */
.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: #e13d4b !important;
color: #fff !important;
border: 1px solid;
padding: 6px 15px;
border-color: #E13D4B !important;
font-weight: 500!important;
border-radius: var(--bs-border-radius-sm)!important;
}
span.page-numbers.current {
  background-color: #fff !important;
  color: #e13d4b !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 0px;
  }
  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 0px 24px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

section#code_snippet .integrated-microsoft-teams h2.microsoft_code_snippet {
  padding: 0 0px 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: white;
  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:#E13D4B !important;
      border-color:#E13D4B !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: 0.75rem 1rem;
      margin-bottom: 1rem;
      list-style: none;
      background-color: #e9ecef;
      border-radius: 0.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: white;
  }
  .category-link:hover {
    background-color: #e2194b;
    color: #ffffff;
    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(/wp-content/uploads/2024/01/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: 0px;
    }
  }
   .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: white;
  }
.category-link:hover {
    background-color: #e2194b;
    color: #ffffff;
    border-color: #e2194b;
    box-shadow: none !important;
    transform: scale(1) !important;
  }
   .category-link.active {
    background-color: #e13d4b;
    color: white;
  }
    .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: 0px;
  }
 .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 ,0.8);
  border: none;
  border-radius: 50%;
  color: white;
  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 page CSS End */

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

/* blog page single design */

.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 0px 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 0px 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 0px 0 !important;
}
.case-study-single-insight .container_overview ul li:last-child{
  margin: 0 0 0px 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;
}


/* End New case study design CSS */

@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 0px;
  width: 100%;
}


}


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


  .blog-detail-form .recaptcha-div {
    transform: none;
    margin: 0 0 0 0px;
    width: 100%;
  }

  #single-case-study .banner-sec-case {
      padding: 30px 0 40px 0;
  }
  section#conclusion .container.page-section.custom-container .container_overview {
    padding: 60px 0px 60px;
}

.class_conclusion .container {
  padding: 0px 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 0px 24px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}


.single_casestudy_solution_ul_li.integrated-microsoft-div img.integrated-microsoft-teams-img {
  padding: 0px 0 0px;
}
.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 0px 24px;
  max-width:100%;
  width: 100%;
  margin: 0 auto;
}

section#user_authentication_flow .container_overview.microsoft-teams {
  padding: 0 0px 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 0px 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;
}

/* section#data_flow_diagram {
  background-color: transparent  !important;
} */

.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: 0px 20px 0px;
}

    .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: 0px 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 0px 60px;
}

.class_conclusion .container {
 padding: 0px 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: 0px 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: 0px 0px 0px;
}
.class_data_flow_diagram .custom-container, .class_dataflow_diagram .custom-container{
  padding:24px 0px 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: 0px 0 0px;
}
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(0.8);
    transform-origin: 0 0;
    margin: 0 0 0 0px;
    width: 100%;
}
  
button#file_upload {
  min-width: 100% !important;
  font-size: 16px !important;
}

.latest-post-sec .post-name-link {
  padding: 12px 0px 12px 0px;
}


.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: 0px;
}
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 0px;
  }

  .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;
}
/* .project-technology {
width: 70%;
} */


  #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 0px 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 0px 0 !important;
}
.case-study-single-insight .container_overview ul li:last-child{
  margin: 0 0 0px 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: 0px 0 0px;
}

.python-cta-section {
  margin-top: 0px;
}
.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 0px 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;
  }

}

/*----------case study template css end---------*/

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

/*----Awards animation css------*/
#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:0px; top:185px;  width: 145px; height: 145px;}
  40%  {left:0px; top:20px; width: 145px; height: 145px;}
  50%  {left:175px; top:0px; width: 196px; height: 164px;}
  60%  {left:398px; top:-30px; width: 275px; height: 192px;}
  70%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  30%  {left:0px; top:20px; width: 145px; height: 145px;}
  40%  {left:175px; top:0px; width: 196px; height: 164px;}
  50%  {left:398px; top:-30px; width: 275px; height: 192px;}
  60%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  20%  {left:0px; top:20px; width: 145px; height: 145px;}
  30%  {left:175px; top:0px; width: 196px; height: 164px;}
  40%  {left:398px; top:-30px; width: 275px; height: 192px;}
  50%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  10%  {left:0px; top:20px; width: 145px; height: 145px;}
  20%  {left:175px; top:0px; width: 196px; height: 164px;}
  30%  {left:398px; top:-30px; width: 275px; height: 192px;}
  40%  {left:701px; top:0px; 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:0px; 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:0px; top:20px; width: 145px; height: 145px;}
  10%  {left:175px; top:0px; width: 196px; height: 164px;}
  20%  {left:398px; top:-30px; width: 275px; height: 192px;}
  30%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  100%  {left:0px; 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:0px; width: 196px; height: 164px;}
  10%  {left:398px; top:-30px; width: 275px; height: 192px;}
  20%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  90%  {left:0px; top:20px; width: 145px; height: 145px;}
  100%  {left:175px; top:0px; 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:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  80%  {left:0px; top:20px; width: 145px; height: 145px;}
  90%  {left:175px; top:0px; 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:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  70%  {left:0px; top:20px; width: 145px; height: 145px;}
  80%  {left:175px; top:0px; width: 196px; height: 164px;}
  90%  {left:398px; top:-30px; width: 275px; height: 192px;}
  100%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  60%  {left:0px; top:20px; width: 145px; height: 145px;}
  70%  {left:175px; top:0px; width: 196px; height: 164px;}
  80%  {left:398px; top:-30px; width: 275px; height: 192px;}
  90%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  50%  {left:0px; top:20px; width: 145px; height: 145px;}
  60%  {left:175px; top:0px; width: 196px; height: 164px;}
  70%  {left:398px; top:-30px; width: 275px; height: 192px;}
  80%  {left:701px; top:0px; width: 196px; height: 164px;}
  90%  {left:924px; top:20px; width: 145px; height: 145px;}
  100%  {left:924px; top:185px; width: 145px; height: 145px;}
 }
}
/*--end--*/


.mobile-line{
  display:none;
}
.ks-discuss-bg .wpcf7-response-output {
  display: none;
}

/* #pride-club .ks-core-tabs .tab-pane{
  margin-bottom: 5rem !important;
} */

.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;
}
/*  service 8-animation CSS Start */

.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:0px; top:100px;  width: 145px; height: 145px;}
40%  {left:175px; top:0px; width: 196px; height: 164px;}
50%  {left:398px; top:-30px; width: 275px; height: 192px;}
60%  {left:701px; top:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
30%  {left:175px; top:0px; width: 196px; height: 164px;}
40%  {left:398px; top:-30px; width: 275px; height: 192px;}
50%  {left:701px; top:0px; 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:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
20%  {left:175px; top:0px; width: 196px; height: 164px;}
30%  {left:398px; top:-30px; width: 275px; height: 192px;}
40%  {left:701px; top:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
100%  {left:175px; top:0px; width: 196px; height: 164px;}
}

 .animationfour {
  animation: animationfourtransition 50s forwards infinite;
}
@keyframes animationfourtransition {
0%  {left:0px; top:100px;  width: 145px; height: 145px;}
10%  {left:175px; top:0px; width: 196px; height: 164px;}
20%  {left:398px; top:-30px; width: 275px; height: 192px;}
30%  {left:701px; top:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
90%  {left:175px; top:0px; 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:0px; width: 196px; height: 164px;}
10%  {left:398px; top:-30px; width: 275px; height: 192px;}
20%  {left:701px; top:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
80%  {left:175px; top:0px; width: 196px; height: 164px;}
90%  {left:398px; top:-30px; width: 275px; height: 192px;}
100%  {left:701px; top:0px; 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:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
70%  {left:175px; top:0px; width: 196px; height: 164px;}
80%  {left:398px; top:-30px; width: 275px; height: 192px;}
90%  {left:701px; top:0px; 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:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
60%  {left:175px; top:0px; width: 196px; height: 164px;}
70%  {left:398px; top:-30px; width: 275px; height: 192px;}
80%  {left:701px; top:0px; 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:0px; top:100px;  width: 145px; height: 145px;}
50%  {left:175px; top:0px; width: 196px; height: 164px;}
60%  {left:398px; top:-30px; width: 275px; height: 192px;}
70%  {left:701px; top:0px; 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;}
}
/*  service 8-animation CSS End */

/*  Odoo services 6-animation CSS start */
 /* .odoo_exprerience.award-section-desktop.award-section-mobile{
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
}  */
.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:0px; width: 196px; height: 164px;}
40%  {left:398px; top:-30px; width: 275px; height: 192px;}
50%  {left:701px; top:0px; 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:0px; 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:0px; width: 196px; height: 164px;}
30%  {left:398px; top:-30px; width: 275px; height: 192px;}
40%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
90%  {left:398px; top:-30px; width: 275px; height: 192px;}
100%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
20%  {left:398px; top:-30px; width: 275px; height: 192px;}
30%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
80%  {left:398px; top:-30px; width: 275px; height: 192px;}
90%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
10%  {left:398px; top:-30px; width: 275px; height: 192px;}
20%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
70%  {left:398px; top:-30px; width: 275px; height: 192px;}
80%  {left:701px; top:0px; 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:0px; 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:0px; width: 196px; height: 164px;}
60%  {left:398px; top:-30px; width: 275px; height: 192px;}
70%  {left:701px; top:0px; 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:0px; 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:0px; width: 196px; height: 164px;}
50%  {left:398px; top:-30px; width: 275px; height: 192px;}
60%  {left:701px; top:0px; 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:0px; width: 196px; height: 164px;}
}

/*  Odoo services 6-animation CSS End */

@media (max-width: 992px){
 .ks-blog-area  {
    padding: 0px 20px 0 20px !important;
    width: 100%;
  }
  .ks-blog-area.ks-blog-area-2{
    padding: 0px 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:0px 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: 0px 20px 0 20px !important;
    width: 100%;
  }
  .ks-blog-area.ks-blog-area-2{
    padding: 0px 20px 0 20px !important;
    width: 100%;
  }

  .circle-active {
    box-shadow: 0 0 0 5px rgba(225, 61, 75, 0.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;
}
/* 
  .ks-counter-mobile .ks-growth-num:nth-child(6){

    height: 205px;
  } */
  /* .globe-mobile{
    display: none !important;
  } */
}

  @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 0px 24px 0px!important;
      width: 100%;
    }
    .ks-blog-area.ks-blog-area-2{
      padding:20px 0px 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 0px;
    width: 100%;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .career_form_div .recaptcha-div {
    transform: none;
    margin: 0 0 0 0px;
    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: 0px 16px 24px;
}
  .class_data_flow_diagram .data_flow_image_container img.data_flow_img ,.class_dataflow_diagram {
    padding: 0 0px;
  }

.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 .grand-child-menu-link {
      width: 100%;
  } */
  .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;
}
  /* .menu-has-grandchild .menu-grand-child > li > a span.ms-2.d-inline-block.space-nowrap {
    width:calc(55vw - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  } */
 
}



/* (Galaxy Fold's resolution) */
@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(0.8);
  transform-origin: 0 0;
  margin: 0 0 0 0px;
}
.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;
}

/*added a css for perfromance testing*/
.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;
}

/*css for announcement-bar*/

.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:  #e13d4b; }
      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: 0.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;
/*    top: 79%;*/
}
.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 0px;
}

.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 0px;
}
.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 0px;
}
.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;
}
/* Hover effects */


.arrow-red-small:hover {
  color: #28292e!important;
}

a.case-study-box-outer .text-dark:hover {
  color: #e13d4b !important;
}
.ks-aboutus-page .service-section .service-name:hover {
  color: #e13d4b !important;
}
.contact-info-item a:hover {
  color: #e13d4b !important;
}
.html5-video-player a:hover {
  color: #e13d4b !important;
}
a.ytp-title-link.yt-uix-sessionlink:hover {
  color: #e13d4b !important;
}
.ytp-title-text a:hover {
  color: #e13d4b !important;
}
#pride-club .ks-nav-link:hover ,#ks-careers .nav-pills .nav-link:hover {
  color: #e13d4b !important;
}

#ks-careers .accordion .card[open] .card-header h6 {
  color: #e13d4b;
}
.insights-main a.blog-text-link:hover h3 {
  color: #e13d4b;
}
a.text-dark:hover {
  color: #e13d4b !important;
}
.bg-primary a.text-white:hover {
  color: #28292e !important;
}
.bg-dark a.text-white:hover {
  color: #e13d4b !important;
}
a.text-black:hover {
  color: #e13d4b !important;
}
.events-main .case-study-text a:hover h2.study-heading {
  color: #e13d4b !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: #e13d4b !important;
}
.ks-gai-tab .nav-item a:hover {
  color: #e13d4b;
}
.tab-service .nav-tab-service a.nav-link-tab-service:hover {
  color: #e13d4b !important;
}
.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link:hover {
  color: #e13d4b !important;
}
a:hover .case-study-title ,a:hover h3{
  color: #e13d4b !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 #e13d4b;
}

.nifi-trending-blog .btn-read-more span:hover {
  transform: scale(1.1);
}
a:hover .ks-perception-footer {
  /* color: #e13d4b; */
  transform: scale(1.1);
}

/* a:hover .ks-perception-footer path {
  stroke: #e13d4b;
} */
.service-name:hover {
  color: #e13d4b !important;
}
.services-list a:hover .tool-image-outer:hover {
  border: 1px solid #e13d4b;
  cursor: pointer;
}

.ks-heading-outer {
  cursor: default;
}
.invester-main .news-inner a:hover {
  color: #28292e;
}
.invester-main .dropdownBtn:hover {
  color: #e13d4b !important;
}

.ks-case-study-row a:hover .study-heading{
  color: #e13d4b;
}

a.about-sec-report:hover .f-w-500{
  color: #e13d4b;
}

a.about-sec-report:hover .f-w-600{
    color: #e13d4b;
}
.microservices-main .insights-link a:hover{
  color: #e13d4b !important;
}
.microservices-main .insights-link a:hover path {
  stroke: #e13d4b;
}
.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-E13D4B: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: #e13d4b !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: #e13d4b !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: #e13d4b !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: 0.7;
}
.single-post .clipboard:hover {
  opacity: 0.7;
}

.blog-detail-content p span strong a:hover {
  color: #28292e !important;
}
.latest-post-sec .post-name-link a:hover {
  color: #e13d4b !important;
}
.footer-social li:hover {
  background: #9e9e9e96;
}


.contact-main .ks-cards .ks-card-box a:hover {
  color: #e13d4b !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;
}
/*------Header menu-----*/

.products_menu  ul.list-unstyled.menu-grand-child.py-2.Oddomenu {
  bottom:-218px;
  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: 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;
}
/*For salesfroce & odoo inner links*/
.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, 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-E13D4B: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-E13D4B{
 color: #e13d4b;
}
.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:-218px;
  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;
}

/*--end--*/


@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:-262px;
  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: 0px;

}
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;
}
}
/*----------------------------------MERGE KSOLVES CUSTOM CSS #1-------------------------------------------*/

.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 0.25rem 3rem;
}
.exploring-text {
    line-height: normal;
}
.line-height-normal{
  line-height: normal;
}
/* about-us page */
.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: normal;
}
.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: 0px 0px 0 8px #ffa3a8;
  opacity: 0.15;
}

.ks-aboutus-page .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: #444444CC;
    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 CSS Start */
.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: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
  cursor: default;
}

.prestashop-development .ks-whychoose-card {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
  cursor: default;
}



/* Prestashop Development CSS end */



/* new-apache-nifi-development-company */

.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 {
    /* max-width: 370px; */
    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:#E13D4B;
  }
  .text-red:hover{
    color:#E13D4B !important;
  }
  .border-red {
    border: 1px solid #E13D4B;
  }
  .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;
        /* height: 100%; */
        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 #E13D4B;
    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 #E13D4B;
    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:#FFFFFF;
    }
    .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 css for nifi section */

      /* .clients-case-study-mobile {
      display: none;
    } */

      .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-partner */

.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;
  /* max-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;
  /* right: 0; */
  min-height: 630px;
  /* width: fit-content; */
  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;
 }
 /* .journey-toward {
    padding: 0 0 0 53px;
} */
.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;
}
/* .salesforce-summit-parnter .ks-marketing-banner .text-content {
    padding-left: 40px;
} */
#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: #FFFFFF;
    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: #FFFFFF;
    border-radius: 8px;
    padding: 16px 14px;
}

.ks-trusted_main .left {
  background-color: #FFFFFF;
  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: #FFFFFF;
    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;
   }

  /* .Consulting-Partner .success-one::before {
  content: url("/wp-content/uploads/2024/03/qlan1.svg");
    position: absolute;
    top: -35px;
    left: 130px;
} */

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

/* animation CSS for summit */

#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:0px; top:185px;  width: 145px; height: 145px;}
  40%  {left:0px; top:20px; width: 145px; height: 145px;}
  50%  {left:175px; top:0px; width: 196px; height: 164px;}
  60%  {left:398px; top:-30px; width: 275px; height: 192px;}
  70%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  30%  {left:0px; top:20px; width: 145px; height: 145px;}
  40%  {left:175px; top:0px; width: 196px; height: 164px;}
  50%  {left:398px; top:-30px; width: 275px; height: 192px;}
  60%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  20%  {left:0px; top:20px; width: 145px; height: 145px;}
  30%  {left:175px; top:0px; width: 196px; height: 164px;}
  40%  {left:398px; top:-30px; width: 275px; height: 192px;}
  50%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  10%  {left:0px; top:20px; width: 145px; height: 145px;}
  20%  {left:175px; top:0px; width: 196px; height: 164px;}
  30%  {left:398px; top:-30px; width: 275px; height: 192px;}
  40%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
}
#awards-ten .five {
    animation: five 50s forwards infinite;
    border:1px solid #E7E7E7;
}
@keyframes five {
  0%  {left:0px; top:20px; width: 145px; height: 145px;}
  10%  {left:175px; top:0px; width: 196px; height: 164px;}
  20%  {left:398px; top:-30px; width: 275px; height: 192px;}
  30%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  100%  {left:0px; top:20px; width: 145px; height: 145px;}
}
#awards-ten .six {
    animation: six 50s forwards infinite;
    border:1px solid #E7E7E7;
}
@keyframes six {
  0%  {left:175px; top:0px; width: 196px; height: 164px;}
  10%  {left:398px; top:-30px; width: 275px; height: 192px;}
  20%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  90%  {left:0px; top:20px; width: 145px; height: 145px;}
  100%  {left:175px; top:0px; 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:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  80%  {left:0px; top:20px; width: 145px; height: 145px;}
  90%  {left:175px; top:0px; 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:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  70%  {left:0px; top:20px; width: 145px; height: 145px;}
  80%  {left:175px; top:0px; width: 196px; height: 164px;}
  90%  {left:398px; top:-30px; width: 275px; height: 192px;}
  100%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  60%  {left:0px; top:20px; width: 145px; height: 145px;}
  70%  {left:175px; top:0px; width: 196px; height: 164px;}
  80%  {left:398px; top:-30px; width: 275px; height: 192px;}
  90%  {left:701px; top:0px; 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:0px; top:185px;  width: 145px; height: 145px;}
  50%  {left:0px; top:20px; width: 145px; height: 145px;}
  60%  {left:175px; top:0px; width: 196px; height: 164px;}
  70%  {left:398px; top:-30px; width: 275px; height: 192px;}
  80%  {left:701px; top:0px; 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::after {
        position: absolute;
        right: -80px;
        top:8px;
        } */
        .Consulting-Partner .success-one::before {
        position: absolute;
        top: -35px;
        left:0px;
        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 0.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: 0px 4px 4px 0px #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;
      }
      /* .clients-case-study-mobile {
        display: block;
      } */
      /* .clients-case-study {
        display: none;
      } */
      .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: 0px;
      }

      @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: 0px;
      }
      }
      @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;
      }
    }   

      /* ipad air */
    @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 css */
      .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(images/pages/about-us/hero.jpg);
  background-position-x: center 
}
.ks-aboutus-page .about-hero-bg {
  background-image: url(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(/wp-content/uploads/2024/01/commitment.jpg); 
}
.ks-aboutus-page .cv-card-integrity {
  background-image: url(/wp-content/uploads/2024/01/integrety.jpg) ;
}
.ks-aboutus-page .cv-card-innovation {
  background-image: url(/wp-content/uploads/2024/01/innovation.jpg);
}
.ks-aboutus-page .cv-card-confidentiality {
  background-image: url(/wp-content/uploads/2024/01/confidentiality.jpg); 
}
.ks-aboutus-page .cv-card-commitment {
  background-image: url(/wp-content/uploads/2024/01/commitment.jpg); 
}
.ks-aboutus-page .cv-card-integrity {
  background-image: url(/wp-content/uploads/2024/01/integrety.jpg);
}
.ks-aboutus-page .cv-card-innovation {
  background-image: url(/wp-content/uploads/2024/01/innovation.jpg); 
}
.ks-aboutus-page .cv-card-confidentiality {
  background-image: url(/wp-content/uploads/2024/01/confidentiality.jpg); 
}
.ks-aboutus-page .milestone-sec {
  background-image: url(/wp-content/uploads/2024/01/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 #44444466;
}
.ks-aboutus-page .row-start .ms-card-outer {
  border-right: 1px solid #44444466;
  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: #e13d4b;
}
.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(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(0px) translateY(0);
  justify-content: start !important;
  transform-origin: left;
}
.ks-aboutus-page .microservices-bg .services-salesforce-hero-bg {
  background: url(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;
  }
  }
  
/* comman CSS */
@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: 0.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: #444444CC;
  border-radius: 50%;
  width: 10px;
  cursor: pointer;
}
 .events-sec .carousel-indicators li:after {
  display: none;
}
 .events-sec .carousel-indicators li.active {
  background-color: #e13d4b;
  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: #e13d4b;
    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(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, 0.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;
}
/* vision css start */
 .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 {
  padding-top: 270px;
} */
 .our-vision .ks-vision-subtitle {
  line-height: 36px;
  letter-spacing: -0.01em;
  color: #262626;
}
 .our-vision .ks-vision-para {
  line-height: 28px;
  color: #4E4E50;
}
@media screen and (max-width:991px) {
 /* .our-vision {
    padding-top: 220px;
   } */
 .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;
   }
 /* .our-vision {
    padding-top: 170px;
   } */
}
@media screen and (max-width:575px) {
  .ks-culture-banner .ks-responsive-img-height.ks-responsive-banner-img-h {
    margin-bottom: -60px;
   }
}
/* vision css end */
/* our code css starts */
 .our-code .title-text {
  line-height: 28px;
  color: #4E4E50;
}
.img-text {
  line-height: 28px;
  color: #626264;
}
/* our code css end */
/* our partnership css starts */
 .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 partnership css ends */
/* our core css starts */
.our-core .ks-ilatic-text {
  font-style: italic;
  line-height: 28px;
  color: #34353A;
}
 .our-core .ks-head {
  line-height: 60px;
  letter-spacing: -0.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: #FFFFFF;
  border-radius: 16px;
  width: 100%;
  height: 154px;
}
 .ks-tab-section .ks-head-text {
  line-height: 36px;
  letter-spacing: -0.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 white;
  background-color: white !important;
  border-radius: 0 !important;
  padding: 0px 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;
   }
}
/* our core css ends */
 .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: -0.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: -0.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: 0px;
  left: 40px;
}
 .ks-dream-perform-section .ks-logo2 {
  position: absolute;
  bottom: 0px;
  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: -0.02em;
  color: #28292E !important;
}
 .ks-note-position {
  margin-top: -140px;
}
.ks-culture-banner-section {
  background-image: url('/wp-content/uploads/2024/01/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: #E13D4B !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 
   }
}
 /* .animation-on-scroll * {
  animation: none !important 
} */



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

/* .scale-half {
  transform: scale(.5)
} */

/* .scale-quarter {
  transform: scale(.75)
} */
/* 
.scale-quarter-plus {
  transform: scale(1.25)
} */

/* .scale-plus-half {
  transform: scale(1.5)
} */
/* 
.delay-3 {
  animation-delay: .3s
}

.delay-6 {
  animation-delay: .6s
} */

.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: white;
}
 .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, 0.5);
  cursor: pointer;
  /* -webkit-transition: transform 2s ease;
  -moz-transition:transform 2s ease;
  -o-transition:transform 2s ease;
  transition: transform 2s ease; */
  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, 0.3);
  cursor: pointer;
  overflow: hidden;
  /* -webkit-transition: transform 2s ease;
  -moz-transition:transform 2s ease;
  -o-transition:transform 2s ease;
  transition: transform 2s ease; */
}
 .carousel-control-prev:hover,  .carousel-control-next:hover {
  background-color: rgba(0, 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: white;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.carousel-control-prev-icon {
  transform: rotate(180deg);
}

 .events-sec {
  background-image: url("/wp-content/uploads/2024/01/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;
}

/* life at Ksolves Css */

.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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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='%23E13D4B' 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: 0px;
}

.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: 0px 6px 17px 0px #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: 0.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: 0.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: 0.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: 0px;
  right: 0px;
}

.ks-our-work .row .col-lg-3 .border-btm::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  background-color: #e63a4b;
  bottom: 0px;
  left: 0px;
}

.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: 0px;
  right: 0px;
}

.ks-our-work .row .col-lg-3 .border-up::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  background-color: #e63a4b;
  top: 0px;
  left: 0px;
}
.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, 0.01) 100%);
  background: linear-gradient(90deg, rgba(230, 58, 75, 0) 2.6%, #E63A4B 49.94%, rgba(230, 58, 75, 0.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: 0px;
  }

}

@media only screen and (max-width: 922px) {
  /* life at ksolve */

  .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: 0px;
  }
}


@media (max-width: 991px){
  .ks-aboutus-page .solution-bg video {
    object-fit: contain;
}
/* .ks-form-outer .footer-submit {
    line-height: 5px;
  padding: 0; 
} */
.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:0px;
    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 Css */

  .ai-ml-services {
  background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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, 0.2);
  color: #de2b3a;
  font-weight: bold;
}

.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(/wp-content/uploads/2024/01/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 {
  /* position: sticky; */
  top: 80px;
  height: fit-content
}

.ai-expertise-section {
  background: url(/wp-content/uploads/2024/01/ai-expertise-bg.webp);
  padding: 75px 0;
  background-size: cover;
  background-position: right;
  background-attachment: fixed;
}

.ks-process-section {
  background-image: url(/wp-content/uploads/2024/01/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, 0.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, 0.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: -0.02em;
  color: #FFFFFF;
  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: 0px;
  }

  .ks-process-box {
    margin: 0px 30px;
  }
}

.blog-section {
  background-color: #F6F6F6;
  background-image: url(/wp-content/uploads/2024/01/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: 0.02em;
}

.blog-section .text-white:hover {
  color: white;
}

.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: -0.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: -0.02em;
  color: #262626;
}

.ks-new-blog .card-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.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 white;
  border-radius: 5px;
}

.blog-section .card:hover .image {
  opacity: 0.3;
  background-color: #DE2B3A;
}

.blog-section .card:hover .middle {
  opacity: 0.85;
  background-color: #DE2B3A;
}

.blog-section .card .text {
  font-weight: 600;
  font-size: 14px;
  line-height: 146%;
  text-transform: uppercase;
  color: #F3F3F3;
  /* margin-bottom: 3px; */
  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;
  /* margin-bottom: 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(/wp-content/uploads/2024/01/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, 0.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: 0.08em;
  text-transform: uppercase;
  color: #E6606B;
}

.makes-us-diff .ks__heading1 {
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.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-E13D4B {
    color: #e13d4b;
}

/* Generative AI Page CSS */


.color-3E3E3E {
  color: #3E3E3E;
}

.ks-gi-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/power-gai-bg-scaled.webp);
  }

  .contact-bg {
  background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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 .active::after {
  content: "";
  border-bottom: 3px solid #051B2D;
  display: block;
  bottom: 0;
  position: absolute;
  width: 100%;
  } */

  .ks-gai-tab .nav-item a.nav-link.active::after {
    content: "";
    border-bottom: 3px solid #051B2D;
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
}
/* .generative-ai-page .container {
    max-width: 1320px;
    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: 0px;
  }

  .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: 0px;
  }

  .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: 0px;
  }

  .ai-banner-icon-12 .custom-tooltip-text {
  top: -83px;
  right: 245px;
  }

  .ai-banner-icon-8 .ai-banner-icon {
  bottom: 118px;
  right: 0px;
  }

  .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: #ffffff;
  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: 0px 3px 8px 0px #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;
  }
  /* .generative-ai-page .container {
    max-width:960px
  } */
  }
 
@media(min-width: 576px) {
  /* .generative-ai-page .container {
    max-width:540px
  } */
  }
  
  @media(min-width: 768px) {
  /* .generative-ai-page .container {
    max-width:720px
  } */
  /*.generative-ai-page section.ks-gi-banner-section .container.py-md-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }*/
  }

  @media(max-width: 1050px) {

  .generative-ai-page.contact-bg {
    height: auto !important;
    }
    /* .generative-ai-page .container {
    max-width:1140px
  } */
   }
   @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: 0px;
    }

    .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 */
  .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(/wp-content/uploads/2024/01/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: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
  }

  .deep_learning_page .ks-dl-request {
    background-image: url(/wp-content/uploads/2024/01/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 CSS*/
  .predictive_analysis_page .text-left{
  text-align: left;
  }
  .predictive_analysis_page .ks-pa-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/expert-bg-scaled.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  }
  
  /* media query */
  @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 CSS */

   .computer_vision_page .ks-cv-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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 PAGE CSS */
.natural_language_processing .color-3E3E3E {
    color: #3E3E3E;
}
.natural_language_processing .ks-cv-banner-section {
    background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.natural_language_processing .ks-discover-bg{
  background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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 query */
@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 */
.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:#e13d4b;
  text-transform: uppercase;
  letter-spacing: 0.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: -0.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, 0.4);
  box-shadow: 0 20px 30px rgba(0, 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, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.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, 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: #e13d4b;
  border-color: #e13d4b;
}

.big-data-consulting-company-page .btn-primary:hover {
  /* color: #e32235; */
  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, 0.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, 0.04);
  border-radius: 40px;
}

.big-data-consulting-company-page .wk-box {
  background: rgba(249, 248, 248, 0.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, 0.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(0.8) translateX(0px) 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, 0.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, 0.25) 100%);
  border: 1px solid rgba(48, 193, 255, 0.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: #ffffff;
  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: 0.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(/wp-content/uploads/2024/01/bd-new-bg.webp);
  }

  .big-data-consulting-company-page .ai-expertise-section {
    background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/bd-hero-bg-2.webp);
  }

  .big-data-consulting-company-page .light-bg-section {
    background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/bd-tech-sec.webp);
  }

  /* Animations */
  @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: 0.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: -0.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, 0.25) 100%);
    opacity: 0.8;
    border: 1px solid rgba(48, 193, 255, 0.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, 0.125);
    border-radius: 0.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: 0.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: -0.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: 0.5rem 1rem;
  }
  .big-data-consulting-company-page .tab-content>.tab-pane {
    display: none;
  }

  .big-data-consulting-company-page .tab-content>.active {
    display: block;
  }

  /* media query */
  @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) {
    /* .container.trending-blog ,.ks-salesforce-crm.ks-looking-for-section .container{
      max-width: 720px !important;
      width: 100%;
    } */
    .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, 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 screen and ( max-width:992px) {
  .container.trending-blog ,.ks-salesforce-crm.ks-looking-for-section .container{
    max-width: 960px !important;
       width: 100%;
     }
} */
  

  @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 SPARK DEVELOPMENT PAGE */

.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: #e13d4b;
  border-color: #e13d4b;
  }
  .apache_dev_page .btn-primary:hover {
  /* color: #e32235; */
  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, 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, 0.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, 0.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: -0.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: 0.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: #e13d4b;
  
  }
  .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(0.8) translateX(0px) 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: black;
  padding: 19px 0px;
  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: 0px;
  }
  .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 DEVELOPMENT COMPANY  */

.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, 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: 0.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: #e13d4b;
  border-color:#e13d4b;
  }
  .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(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, 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, 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, 0.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(/wp-content/uploads/2024/01/kafka-bg.jpg);
  background-color: rgba(5, 3, 3, 0.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: -0.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, 0.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: 0.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: #e13d4b;
  
  }
  
  .apache_kafka_page .services-salesforce-hero-sec {
  background: #0e97d8;
  }
  /* .kalka-insights-bg {
    background: #F8FDFF !important;
} */
  @media (min-width: 768px) {
    .apache_kafka_page .services-salesforce-hero-bg {
    background: url(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(0.8) translateX(0px) 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(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: black;
  padding: 19px 0px;
  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: 0px;
  }
  .apache_kafka_page .why-ksolves-sec-parent h2.text-dark {
  color: #fff !important;
  }
  

  /* APACHE CASSANDRA PAGE CSS */

.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, 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: 0.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: #e13d4b;
  border-color:#e13d4b;
  }
  .apache_cassandra_page .btn-primary:hover {
  /* color: #e32235; */
  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, 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, 0.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, 0.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, 0.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: -0.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: 0.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: #e13d4b;
  
  }
  .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(0.8) translateX(0px) 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: black;
  padding: 19px 0px;
  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: 0px;
  }
  .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 DEVELOPMENT COMPANY PAGE CSS*/
  .apache_nifi .ks-java-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  }
  .apache_nifi .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  }
  
  /* media query */
  @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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/check-circle-white.svg) !important;
  }
  .apache_nifi .list-style-none {
  list-style: none;
  }
  /* APACHE HADOOP DEVELOPMENT COMPANY */
  .apache_hadoop_page .ks-java-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  }
  .apache_hadoop_page .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  }
  
  /* media query */
  @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;
  }
  }
/* contact_modal CSS */
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;
}
/* case study slider nav CSS */
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, 0.7) !important;
}

.popup-container.custom-popup-area sup ,.footer-form sup {
top: -0.5em;
left: 0.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: 0px;
}

#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: #000000;
    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 {
  /* padding: 15px 32px; */
  /* line-height: 22px; */
  height: 55px;
  }
/* AI/ML SERVICE PAGE CONTAINER CSS */
@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) {
  /* .footer-col-form .footer-submit {
    line-height: 28px !important;
    padding: 0 !important;
    height: 55px !important;
  } */

  .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%);
}
/* Our Odoo Customization Process */
.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 query  */
@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:0px;
   }

   .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) {
   /*.new-odoo-services .font-40 , .new-odoo-services .font-48 ,.customization-Partner .font-40 ,.Enhance-business .font-48{
   font-size: 24px !important;
   }
*/

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

/* New Nifi page Design */


#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: 0px 4px 4px 0px #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, 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: 0px;
}

.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 #E13D4B;
  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 #E13D4B;
  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 0px 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: #FFFFFF;
}

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: 0px 4px 4px 0px #0000000F;
}

.new-nifi-apache-developement section li.nav-item.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  height: 4px;
  width: 100%;
  border-bottom: 2px solid #e13d4b;
}

.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: 0px;
    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 0px;
  }
  .ks-faq.mt-56 {
    margin-top: 0px;
  }

  .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: #FFFFFF;
  }

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

  /* case study filter */

  
  .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 {
    /* min-height: 205px; */
    height: auto;
  }
}

@media only screen and (max-width:389px) {
  .new-nifi-apache-developement section.partner-number-bg .min-height-162 {
    /* min-height: 205px; */
    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: 0px;
    top: -15px;
  }

}

  


.container.pb-2.mb-2.Opt-Customization .img-border-odoo{
  margin-top: -85px;
  position: unset;
}   
/* Odoo Experience 2024 CSS */


.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, 0.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: 0px 4px 4px 0px #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, 0.8) -15.86%, rgba(6, 36, 82, 0.8) 100%);
    max-width: 473px;
/*    height: 558px;*/
    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;
    /* gap: 16px; */
    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: fit-content; */
  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 query */



@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: 0px;
         margin-top: 0px;
}

.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: 0px;
}
   
}

/* Odoo Developers on Demand  CSS */


.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: 1px solid #E9C2DF; */
    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: 0px;
}

.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: 0px 4px 4px 0px #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: 0px 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 #E13D4B;
}
.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 qurey for odoo demand */

@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;
}

}
/*dropedown css hosting*/
@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: #FFFFFF;
}
.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: #FFFFFF;
}

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

}

/* Global AI Show */

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, 0.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: #FFFFFF;
  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, 0.20);
  height: 38px;
  right: -15px;
}
.meet-us-btn-dubai.global-ai {
  border-radius: 4px;
  border: 1px solid rgba(106, 221, 187, 0.50);
  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: 0.5px;
  background: linear-gradient(95.5deg, #E1EDFF 14.18%, rgba(225, 237, 255, 0.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: #FFFFFF;
}


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

/* Our Big Data Implementation Strategy CSS End */

/* Dreamforce 2024 CSS */

.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: 0px;
    right: 0px;
}
.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, 0.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: 0.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, 0.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, 0.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%, 0.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%, 0.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%, 0.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%;
}
/* Dreamforce 2024 End CSS */


/* Microservices Development Services */
.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 #E13D4B66;
    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
  }
  
/* Microservices Development Services End */





/* Salesforce Sales Cloud Services */

.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: #e13d4b;
}

.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: 0px;
}

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

/* New PODCAST */
.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;
}
/*.ks-new-podcast-details .object-cover {
    object-fit: contain;
    min-height:280px;
}*/

.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: 0px 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: #e13d4b !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;
}
/* spark and cassendra Slider seperate */


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


  


  /* World Tour Essentials Mumbai 2024 CSS */


.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 .events-border-right:after {
    position: absolute;
    content: '';
    border-right: 2px solid #E1EDFF;
    height: 65px;
    right: -24px;
    top: 0px;
} */

.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, 0.4) 0%, rgba(230, 234, 238, 0.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 0px #00000033;
  border-radius: 24px;

}
.border-D7D7D766{
  border: 1px solid #D7D7D766;
}

.Our-Booth-salesfroce-bg .salesfroce-bg-padding {
    padding:55px 56px 0px 56px;
}

.Salesforce-newevent .sales-product-exp-card {
    max-width: 272px;
    width: 100%;
    min-height: 230px;
    height: auto;
  gap:18px;
  background: #FFFFFFCC;
  
}
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 0px #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{
  background-image: url('/wp-content/uploads/2024/05/mumbai-footer-background-scaled.webp');
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(221, 230, 231, 0.1) 100%);
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: contain;
  min-height: 526px;
  height: auto;
} */

.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 0px;
    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, 0.1) 0%, rgba(221, 230, 231, 0.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 {
    /* max-width: 1320px; */
    width: 100%;
    margin: 0 auto;
  padding: 0;
}


section.innovation-partner.AI-Capabilities-Multi-Channel .container.box-shadow-sales .row {
    padding: 45px 0px 45px 56px;
}

.unifiedinbox-div {
    gap: 32px;
}
.bg-color-F7F6F7{
  background-color: #F7F6F7;
}

.gradiant-linear-gray{
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(221, 230, 231, 0.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: 0.5px;
    width: 66px;
    top: -16px;
    transform: rotate(-90deg);
    border: 1px solid #E1EDFF;
}

.line-custom-event{
    position: relative;
    content: " ";
    height: 0.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: 0.01em;
text-align: left;
color: #3F3F41;
}

.revolution-light {
font-size: 22px;
font-weight: 500;
line-height: 38px;
letter-spacing: 0.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: #444444;
}

.date-para {
font-size: 12px;
font-weight: 500;
line-height: 17.52px;
text-align: left;
color: #444444;
}

/* mumbai event popup-model */

.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,0.4);
    padding: 0 16px;
}

.mumbai-tour-page .banner-logo-area .odoo-partners img {
    height: 92px;
    width: 151px;
}

/* Modal Content */
.modal.mumbai-event-popup .modal-content {
    margin: 15% auto;
    padding: 20px;
   /* width: 80%; */
  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: 0px 6px 20px 0px #00000066;
    border-radius: 24px;
}
.modal.mumbai-event-popup .modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 27.96px;
    text-align: left;
    color: #ffff;
}
.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: #ffff;
}

.modal.mumbai-event-popup .modal-list {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #ffff;
    margin-bottom: 8px;
}

.modal.mumbai-event-popup .modal-list::marker {
    color: #ffff;
}

.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: white;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* modal- end */
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: 0px;
    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;
 }


 /* performance-testing CSS */
.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: #FFFFFF;
}
.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: 0px;
}

.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 #E13D4B;
    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 #DDDDDD;
    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: -0.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;
  }


  /* certified salesfoce section css */

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


/*  Salesforce Commerce Cloud CSS  catid_132*/


.bg-color-F9F9F9{
  background-color: #F9F9F9;
}

.salesforce-commerce {
    padding: 80px 0px;
}
.salesforce-commerce-content {
    border: 1px solid #D0D0D0;
    border-radius: 16px;
    padding: 40px 24px 40px 24px;
    /* min-height: 194px; */
    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;
}
/* Salesforce Marketing Cloud */
.max-width-196{
  max-width: 196px;
}

/* Odoo Community Days India 2026 */
.bg-color-F5EAF2{
  background-color: #F5EAF2;
}
.bg-color-8E79B74D{
  background-color: #8E79B74D;
}

.max-width-196{
  max-width: 196px;
}

/* Odoo Community Days India 2026 */
/* odoo-community-2024 */

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: 0px;
}

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;
    /* width: 716px; */
    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: #e13d4b !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: 0px 0px 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: #e13d4b;
}
.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: #ffffff;
    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;
  }
  
  .Salesforce-Einstein .tab-img-container {
  /* padding: 36px 22px; */
  /* border-radius: 24px;
  border: 1px solid #d9d9d9; */
  }
/* error validation */
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: 0px;
  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: 0px;
    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 0px;
    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;
}

/* test-automation-services */
.bg-gradient-auto{
  background: linear-gradient(90deg, rgba(96, 255, 217, 0.17) 10.9%, rgba(255, 252, 250, 0.18) 105.05%);
}
.border-EEEEEE{
  border: 1px solid #EEEEEE;
}
.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, 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 #DDDDDD;
}
.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; 
  /* width: fit-content; */
  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;
    /* display: block; */
}
.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-E13D4B:hover {
    color: #e13d4b;
}

.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: 100%; */
  width: fit-content;
    position: relative;
    z-index: 9999;
  outline: none;
}

.intl-tel-input {
    position: relative;
    /* display: inline-block; */
    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;
}

/* .intl-tel-input ul.country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    max-width: 360px;
} */

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


/* Roll Up Magic */
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 #E13D4B;
    color: #E13D4B;
}

.btn-secondry:hover {
    padding: 6px 24px;
    border: 1px solid #E13D4B;
    color: #fff;
    background-color: #e65a66;
}
.color-484848{
  color:#484848;
}

.border-gredient {
    background: linear-gradient(to right, rgba(227, 34, 53, 0.2) 0, rgba(68, 68, 68, 0.2) 100%) ;
    /* border: 1px solid;
    border-image: linear-gradient(to right, rgba(227, 34, 53, 0.2) 0, rgba(68, 68, 68, 0.2) 100%) 1; */
}
.max-w-1014{
  max-width: 1014px;
  width: 100%;
  margin: 0 auto;
}
section.limitations-section .container {
    border-radius: 16px;
    padding: 0.5px 1px 1px 1px;
}

section.limitations-section .container .bg-gredient-F9FAFA {
    border-radius: 16px;
    padding: 72px 40px;
    margin: 0px 1px 0px 1px;
     /* Border width */
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(225, 61, 130, 0.2) 0%, rgba(68, 68, 68, 0.2) 100%);
}
.l-h-42{
  line-height: 42px;
}
.br-10 {
  border-radius: 10px !important;
  }

  .roleup-box {
    background: linear-gradient(180deg, rgba(227, 34, 53, 0.2) 0%, rgba(68, 68, 68, 0.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, 0.2) 0%, rgba(68, 68, 68, 0.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, 0.2) 0%, rgba(68, 68, 68, 0.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-E13D4B33{
  border: 1px solid #E13D4B;
}
/* Google Analytics Connector */
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-position: bottom; */
    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, 0.08) 0%, rgba(225, 61, 75, 0.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: #E13D4B !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: #E13D4B !important;
  position: absolute;
  left: 0px;
}
.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-E13D4B33{
  border: 1px solid #E13D4B;
}


/* Blog CTA CSS */

.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: #e13d4b;
    width: 100%;
    padding: 12px 0px;
    border: 4px solid #e13d4b;
    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, 0.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;
  /* min-height: 301px;
  height: auto;  */
  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;
  /* min-height: 301px;
  height: auto;  */
  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: #e13d4b;
    border-color: #e13d4b;
}

.insights-template-default.single.single-insights .btn-primary:hover {
    background-color: var(--bs-btn-hover-bg);
}




/* AI/ML Page New  */

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: 0px 1px 0px 1px;
     /* Border width */
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(225, 61, 130, 0.2) 0%, rgba(68, 68, 68, 0.2) 100%);
  background-color: #F3F3F3;

}
.bg-color-393838{
  background-color: #393838;
}
.bg-color-E13D4B{
  background-color: #E13D4B;
}
.min-h-472{
  min-height: 490px;
  height: auto;
  border: 1.5px solid #E8E7E7;
}
.Accelerate {
    margin-top: 0.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: #E13D4B !important;
  position: absolute;
  left: 0px;
  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: 0px 0px 0px 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: 0.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 CSS */

.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: #E13D4B;
}

.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: 0px 30px;
    flex: 1;
    border-bottom: 1px solid #F0F0F0;
     background-color: #F8F8F8;
}

.business-growth .middle-side .bottom,
.business-growth .right-side .bottom {
    padding: 0px 33px;
    flex: 1;
}
.business-growth .right-side .top {
    background-color: #E13D4B;
    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: #FFFFFF;
}
.business-growth .right-side .top p,
.business-growth .right-side .bottom p {
    color: #FFFFFF;
}

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

/* Databricks Consulting Services CSS start */

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, 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;
}


/* oddo community USA and Canada */


.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: 0px;
    transform: none;
    border: 1px solid #855A7733;
    left: 0px;
}
.bg-F9DFDA4D{
  background: #F9DFDA4D;
}

/*Data Streaming Platform  */
.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, 0.6) 5.26%, rgba(223, 222, 222, 0.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: 0px;
    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;
}


/* Mind AI Ninja CSS */

.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, 0.9) -3.87%, rgba(65, 104, 206, 0.9) 49.29%, rgba(212, 84, 248, 0.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, 0.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, 0.1) -10.43%, rgba(41, 79, 179, 0.1) 46.56%, rgba(212, 84, 248, 0.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, 0.4) -10.43%, rgba(41, 79, 179, 0.4) 46.56%, rgba(212, 84, 248, 0.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: 0px 0px 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, 0.9) -3.87%, rgba(65, 104, 206, 0.9) 49.29%, rgba(212, 84, 248, 0.9) 103.96%)
 !important;
     position: absolute;
  left: 0px;
  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, 0.6) -10.43%, rgba(41, 79, 179, 0.6) 46.56%, rgba(212, 84, 248, 0.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, 0.1) -10.43%, rgba(41, 79, 179, 0.1) 46.56%, rgba(212, 84, 248, 0.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-color: #fff; */
  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, 0.3) 0.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;
}

 /* himanshu-css-start */
 .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: #FFFFFF;
 }
 .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;
 }

 /* Odoo Page Tab pill section changes */


.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: 0px;
}

.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:0px;
  left: 0px;
  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: 0px;
    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, 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 service Page CSS */

.other-img-container {
    background-color: #FCFCFC;
    position:relative;
  /* max-width: 479px; */
    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); 
}

/* Data Flow Manager */

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: 0px;
    }


  .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: 0px;
    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: 0px 4px 4px 0px #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: fit-content; */
    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: 0px;
    }
    .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: 0px;
      right: 0px;
      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: 0.5px;
    width: 37px;
    top: 0px;
    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: 0px;
  }
  .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:0px;
    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: 0px;
    }

  

  .container.Key-Features-analytics-sec-mobile-ninja details[open]{
    background-color: #fff;
    border: double 1px transparent;
    border-radius: 16px;
    padding: 0.5px 1px 1px 1px;
    text-align: center;
    background-image: linear-gradient(#fff, #fff), linear-gradient(96.71deg, rgba(2, 172, 246, 0.6) -10.43%, rgba(41, 79, 179, 0.6) 46.56%, rgba(212, 84, 248, 0.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: 0px 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;
  }

/* Bussiness Growth  Start*/

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

/* Bussiness Growth end */


  .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 #E13D4B !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: 0px;
      right: 0px;
      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: 0.5px;
        width: 37px;
        top: 0px;
        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 0px;
  }

  .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: 0px 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: 0px 0px;
  }


   .font-sm-30{
  font-size: 30px !important;
   }
   .mindai-ninja .roleup-magic-btn .btn {
    font-size: 16px !important;
}
  .Data-Driven {
    position: relative;
    padding:36px 33px 0px;
  }

  .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: 0px;
  }

  .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: 0px 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-position: bottom; */
    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, 0.2) 2.77%, rgba(225, 61, 75, 0.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 0px 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 0px;
  }
  .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 #E13D4B;
    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: 0px 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; /* For Chrome, Safari, and Opera */
    }

    .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 #FFFFFF66;
    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 #E13D4B;
  }

  img.img-fluid.dreamforce-parnter {
    width: 95%;
    margin: 0 auto;
  }
  img.dream-Photoroom{
    padding: 0 !important;
    margin-right: 0px;
    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, 0.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%, 0.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%, 0.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: 0px;
    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, 0.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, 0.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, 0.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: #ffff;
    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%, 0.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 24px 20px 16px;
  width: 100%;
}
.new-nifi-apache-developement .faq-bottom-section summary.card-header.btn-accordian {
  width: 96%;
}

/* section.service-faq-sec .ks-heading-outer {
    padding-left: 16px;
} */
.odoo-experience-main.new-odoo-page.global-ai-show-main .global-ai-events-banner-card{
  border: 0px;
  padding:0px;
}

.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 0px 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: 0px;
  }
  .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;
    /* justify-content: start  !important; */
  }

  /*.dreamforce-events-banner img */.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 #ffff;
    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: 0px;
  }

  .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 0px 0px 0px;
    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;
}
  /* hadoop order css */

  .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;
  }
/* hadoop order css end */
  

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

  /* Microservices Development Services */

  .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; /* For Chrome, Safari, and Opera */
  }


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

/* Spark and cassendra slider */


.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 0px 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: 0.5px;
    width: 37px;
    top: 0px;
    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;
    }

  /* Bussiness Growth */

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

  /* Bussiness Growth End */

  .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:0px;
  }
  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: 0px 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: 0px;
    }
  
}
/* @media screen and (max-width:380px) {
.ks-our-approach-ai-mobile .col-12.Vectorright:after {
  background-size: 50% 100%;
}
.ks-our-approach-ai-mobile .col-12.Vectorleft:before {
 background-size: 11% 100%;
}

} */
@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 0px 10px 0px;
    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: 0px;
    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%, 0.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, 0.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;
    }

}

/* certified salesfoce section css */

.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: #ffff;
    }
}

/* my media-query-css */

@media screen and (max-width:991.8px) {
  .line-custom{
    top: 0px;
  }
  .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: #FFFFFFCC;
  }

  .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;
    }
}
/*------------------------------END----MERGE KSOLVES CUSTOM CSS #1-------------------------------------------*/
/*----------------------------------MERGE KSOLVES CUSTOM CSS #2-------------------------------------------*/
/* Duplicate CSS */
.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 ,0.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: 0px;
  /* overflow: hidden; */
}
#pride-club  .pride-club-caraousel img{
  height: 356px;
  object-fit: cover;
  width: 300px;
  /* margin-left: 14px; */
}

.pride-club-caraousel img:first-child{
  margin-left: 0px;
}

@media (max-width: 320px) {
  /* member section style */
  #pride-club .pride-club-caraousel img{
    margin-left: 0px;
  }
 /* #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;
    
  }*/
}
#ks-careers .ks-core-nav {
  position: sticky;
  top: 148px;
}
#ror-service-page.ks-ror-banner-section {
  background-image: url(/wp-content/uploads/2024/01/ror-banner.webp) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  z-index: 1000;
}
/* PRIDE CLUB CSS */
/* banner style */
#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: 0px 24px;
  letter-spacing: -2px;
  border-radius: 16px;
  backdrop-filter: blur(4px);
  margin-top: -3rem;
}
/* member section style */
#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 0px 0px 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, 0.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;
  /* min-height: 56px; */
  padding-bottom: 10px;
  }
/* member slider style */
#pride-club .pride-club-gallery {
  object-fit: cover;
  border-radius: 8px;
  width: 300px;
  height: 356px;
}

@media (min-width: 1250px) {
  /* member section style */
  #pride-club .ks-tooltip.ks-club-member-tooltip .ks-tooltiptext {
    min-height: 76px;
  }
}
@media (max-width: 1024px) {
  /* banner style */
  #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; /* Ensure the popup is positioned */
    z-index: 9999; /* Set a high z-index value */
}
.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: auto!important;*/
    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;
  }
  /* member section style */
  #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) {
  /* banner style */
  #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;
   }
  /* member section style */
  #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 0px 0px;
  }
  #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: 0px 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) {
  /* member section style */
  
  #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;
    
  }
}
/* ***************************************************** */
/* KSOLVE ABOUT US CAREERS CSS */
@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: -0.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: #e13d4b !important;
  border: 1px solid #e13d4b !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; /* Adjust the distance of the scroller from the left */
  width: 5px; /* Adjust the width of the scroller */
  border-radius: 2px;
  height: 100%;
  z-index: -1; /* Place the scroller behind the text */
}
/* ************************* */
#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: #ffffff;
  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: -0.02em;
  color: #f3f3f3;
}
#ks-careers .ks-join p {
  line-height: 28px;
  color: #ffffff;
}
#ks-careers .ks-join a {
  background: #e13d4b;
  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: 0.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: #ffffff;
  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: -0.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, 0.125);
  border-radius: 0.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: #e13d4b;
}

#ks-careers .ks-carrer-banner {
  background-image: url('/wp-content/uploads/2024/01/career-bg-scaled.webp');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 78px 0px;
  background-position: top center;
}
#ks-careers .ks-carrer-banner .ks-banner-img h1 {
  line-height: 60px;
  letter-spacing: -0.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: #e13d4b;
  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: 0.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: -0.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: #ffffff;
  border-radius: 16px;
  width: 100%;
  height: 154px;
}
#ks-careers .ks-tab-section .ks-head-text {
  line-height: 36px;
  letter-spacing: -0.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 white;
  background-color: white !important;
  border-radius: 0 !important;
  padding: 0px 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: 0.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 0px;
  }
  #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%;
  }
}
/* blackbox content */
#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: -0.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: 0.6;
  pointer-events: none;
}
#ks-careers .img-fluid {
  max-width: 100%;
  height: auto;
}
#ks-careers .ks-form-outer .form-unit:focus-within label {
  padding: 0px 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 0px;
    width: 100%;
    transform: scale(0.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;
}
/* ***************************************************** */
/* KSOLVE MAGENTO DEVELOPMENT SERVICES PAGE CSS */
#magento-development-services .ks-know-more-btn {
  background-color: transparent !important;
  letter-spacing: 0.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, 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: 0.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
  ); /* This will increase the size of the button by 10% on hover */
  transition: transform 0.3s ease; /* Smooth transition effect */
}
/* ************************* */
#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;
  }
  /*#pride-club .ks-nav-link:first-child {
    background-color: #F4F4F4 !important;
    border-right: none;
    border-bottom: 2px solid #CB2027;
    border-radius: 8px 8px 0px 0px !important;
}*/
}
@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;
  /* background-color: transparent; */
  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, 0.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: 0.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;
  /* margin-top: -120px;
  margin-bottom: -120px; */
  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: normal;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.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(/wp-content/uploads/2024/01/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: 0.02em;
}
#magento-development-services .client-img-bg img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}
#magento-development-services .ks-marketing-banner {
  background-image: url(/wp-content/uploads/2024/01/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: 0.03em;
  color: #ffffff;
}
#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(/wp-content/uploads/2024/01/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, 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(/wp-content/uploads/2024/01/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: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 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(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: 0.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: 0.5rem 0.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: 0.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: 0.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(/wp-content/uploads/2024/01/ks-who-sec-inner-bg.webp);
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-blend-mode: color;
}
#magento-development-services .ks-deliver-result-heading p {
  letter-spacing: 0.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;
}
/* ***************************************************** */
/* KSOLVE ROR DEVELOPMENT COMPANY OTHER SERVICES PAGE CSS */
#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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
#ror-service-page .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
}
#ror-service-page .ks-check-icon:before {
  content: "\27" !important;
  background-image: url("/wp-content/uploads/2024/01/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;
}
/* services */
#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: #e13d4b;
  color: #e13d4b;
}
#ror-service-page .high-lights-text {
  /*min-height: calc(100vh - 350px);
  justify-content: center; */
  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 query */
@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) {
  /* Animations */
  @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 {
    /*padding-top: calc(50vh - 250px);*/
    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;
  }

}
/* ***************************************************** */
/* KSOLVE PENETRATION TESTING OTHER SERVICES PAGE CSS */
#penetration-testing-service-page .ks-pt-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  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(/wp-content/uploads/2024/01/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 query */
@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;
  }
}
/* ***************************************************** */
/* KSOLVES BACKUP DISASTER RECOVERY SERVICES PAGE CSS */
#backup-disaster-recovery-services .ks-backup-disaster-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
#backup-disaster-recovery-services .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  height: 100%;
}
/* services */
#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: #e13d4b;
  color: #e13d4b;
}
#backup-disaster-recovery-services .high-lights-text {
  /*min-height: calc(100vh - 350px);
  justify-content: center; */
  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) {
  /* to make space between images */
  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 query */
@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) {
  /* Animations */
  @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 {
    /*padding-top: calc(50vh - 250px);*/
    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;
  }
}
/* ***************************************************** */
/* KSOLVE SAAS APPLICATION SERVICES PAGE CSS */
#saas-application-service-page .ks-sass-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
#saas-application-service-page .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  height: 100%;
}
/* services */
#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: #e13d4b;
  color: #e13d4b;
}
#saas-application-service-page .high-lights-text {
  /*min-height: calc(100vh - 350px);
  justify-content: center; */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-top: 100px;
  justify-content: flex-start;
}
/*#saas-application-service-page .hight-lights-sec .side-img {
  opacity: 1;
  position: sticky;
  z-index: -1;
  max-height: calc(100vh - 260px);
  border-radius: 16px !important;
}*/
#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) {
  /* to make space between images */
  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 query */
@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) {
  /* Animations */
  @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 {
    /*padding-top: calc(50vh - 250px);*/
    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;
  }
}
/* ***************************************************** */
/* KSOLVE API INTEGRATION OTHER SERVICES PAGE CSS */
#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(/wp-content/uploads/2024/01/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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
#api-integration-service-page .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  height: 100%;
}
/* services */
#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: #e13d4b;
  color: #e13d4b;
}
#api-integration-service-page .high-lights-text {
  /*min-height: calc(100vh - 350px);
  justify-content: center; */
  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) {
  /* to make space between images */
  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 query */
@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) {
  /* Animations */
  @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 {
    /*padding-top: calc(50vh - 250px);*/
    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;
  }
}
/* ***************************************************** */
/* KSOLVE SERVERLESS COMPUTING SERVICES PAGE CSS */
#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(/wp-content/uploads/2024/01/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) {
  /* to make space between images */
  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: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
#serverless-computing-services .ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  height: 100%;
}
#serverless-computing-services .ks-check-icon:before {
  content: "\27" !important;
  background-image: url(/wp-content/uploads/2024/01/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;
}
/* services */
#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: #e13d4b;
  color: #e13d4b;
}
#serverless-computing-services .high-lights-text {
  /*min-height: calc(100vh - 350px);
  justify-content: center; */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-top: 100px;
  justify-content: flex-start;
}
/* #serverless-computing-services .hight-lights-sec .side-img {
  opacity: 0;
  position: absolute;
  z-index: -1;
  max-height: calc(100vh - 260px);
  border-radius: 16px !important;
  }
  #serverless-computing-services .hight-lights-sec .img-animate {
  position: sticky;
  top: 240px;
  z-index: 10;
  opacity: 1;
  transition: 1s linear;
  } */
#serverless-computing-services .high-light-images {
  max-width: 350px;
}
/* media query */
@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) {
  /* Animations */
  @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 {
    /*padding-top: calc(50vh - 250px);*/
    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;
  }
}
/* ***************************************************** */
/* KSOLVE PERFORMANCE TESTING OTHER SERVICES PAGE CSS */
#performance-testing-page .ks-pt-banner-section {
  background-image: url(/wp-content/uploads/2024/01/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: #ffffff;
  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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #f0ffff;
}
#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(/wp-content/uploads/2024/01/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 query */
@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;
}
/* ***************************************************** */
/* KSOLVE SALESFORCE PROFESSIONAL SERVICES PAGE CSS */
#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(/wp-content/uploads/2024/01/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: normal;
}
#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: #ffffff;
}
#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(0px, -10%);
}
#salesforce-professional-services .player__container {
  transform: translate(0px, 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: 0.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: 0px;
}
#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 0px;
  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: 0px;
}
#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, 0.8) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    #505050;
  border: 1px solid;
  /* background: transparent; */
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px 0px 0px 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(/wp-content/uploads/2024/01/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: 0.8;
}
/* #salesforce-professional-services .service-faq-sec .card-body p {
  font-weight: 500;
} */
#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: #e13d4b !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;
}
/* ***************************************************** */
/* KSOLVE SALESFORCE MARKETING CLOUD SERVICES PAGE CSS */
@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(/wp-content/uploads/2024/01/marketing-cloud-bg.webp);
  background-color: rgba(0, 0, 0, 0.7);
  background-blend-mode: color;
  background-attachment: fixed;
  background-position: bottom;
}
#salesforce-marketing-cloud .ks-section-marketing {
  background: url(/wp-content/uploads/2024/01/Rectangle-36-1.webp);
  background-size: cover;
  padding-bottom: 180px !important;
}
#salesforce-marketing-cloud .ks-banner-up-section {
  background: rgba(0, 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, 0.4);
  box-shadow: 0 20px 30px rgba(0, 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, 0.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-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 (min-width: 769px) {
}
@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, 0.93) 100%);
}
#salesforce-marketing-cloud .wk-outer {
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
  border-radius: 40px;
}
#salesforce-marketing-cloud .wk-box {
  background: rgba(249, 248, 248, 0.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, 0.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 p {
  color: #343434;
} */
#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, 0.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: 0.4;
}
#salesforce-marketing-cloud .letter-sp-2 {
  letter-spacing: 0.02em;
}

@media (max-width: 280px) {
  #salesforce-marketing-cloud .letter-sp-2 {
    letter-spacing: 0.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: 0.03em;
  color: #ffffff;
}
#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(/wp-content/uploads/2024/01/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, 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(/wp-content/uploads/2024/01/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: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 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(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: 0.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(/wp-content/uploads/2024/01/Rectangle-36-1.webp) left center;
  background-size: cover;
}
#salesforce-marketing-cloud .ks-who-sec-inner.py-68 {
  background: url(/wp-content/uploads/2024/01/ks-who-sec-inner-bg-1.webp);
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-blend-mode: color;
}
#salesforce-marketing-cloud .ks-offer-bg {
  background-image: url(/wp-content/uploads/2024/01/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: 0.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;
}
/* ***************************************************** */
/* KSOLVE SALESFORCE SALES CLOUD PAGE CSS */
#salesforce-sales-cloud .ks-who-sec-inner.py-68 {
  background-image: url(/wp-content/uploads/2024/01/ks-who-sec-inner-bg-2.webp);
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-blend-mode: color;
}
#salesforce-sales-cloud .ks-marketing-banner {
  background-image: url(/wp-content/uploads/2024/01/sales-cloud-bg.webp);
  background-attachment: fixed;
  background-color: rgba(0, 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(/wp-content/uploads/2024/01/looking-bg-2.webp) left center;
}
#salesforce-sales-cloud .ks-section-marketing {
  background: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(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(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(assets/images/index-page/Awards-bg.jpg);
  }
  #salesforce-sales-cloud .ks-awards-bg {
    background-image: url(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, 0.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, 0.93) 100%);
}
#salesforce-sales-cloud .wk-outer {
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
  border-radius: 40px;
}
#salesforce-sales-cloud .wk-box {
  background: rgba(249, 248, 248, 0.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, 0.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 {
  /* font-weight: 600;
  font-size: 18px; */
  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 {
  font-size: 16px;
  padding-left: 15px;
  padding-right: 45px;
  margin-bottom: 20px;
} */
/* #salesforce-sales-cloud .service-faq-sec .card-body p {
  font-weight: 500;
  color: #343434;
} */
#salesforce-sales-cloud .service-faq-sec .card-body ul {
  color: #4b4b4b;
}
#salesforce-sales-cloud .services-hero-sec {
  background-image: url(/wp-content/uploads/2024/01/kafka-bg.jpg);
  background-color: rgba(5, 3, 3, 0.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;
  /* z-index: 1; */
  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: normal;
}
#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: 320px) and (max-height: 568px) {
}
@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: 0.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: 0.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-image: url("assets/images/magneto-development-services/banner-bg.webp"); */
  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: 0.03em;
  color: #ffffff;
}
#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, 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(/wp-content/uploads/2024/01/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: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 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: 0.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: 0.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;
  }
}
/* ***************************************************** */
/* KSOLVE SALESFORCE CPQ PAGE CSS */
#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, 0.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 p {
  font-weight: 500;
  color: #343434;
} */
#salesforce-cpq .service-faq-sec .card-body ul {
  color: #4b4b4b;
}
@media (max-width: 575px) {
  #salesforce-cpq .kafka-content .tab-pane {
    padding: 20px;
  }
  /* #salesforce-cpq .benfits-sec .py-75,
  .bg-contact,
  .service-faq-sec,
  .solutions-sec ,
  .wk-sec{
  padding: 40px 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: 0.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 span {
  padding-left: 10px;
} */
/* #salesforce-cpq .contact-info-item:first-child {
  font-weight: normal;
} */
#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(/wp-content/uploads/2024/01/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-image: url('images/pages/salesforce-services/CPQ-services-bg.webp'); */
  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: 0.03em;
  color: #ffffff;
}
#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(/wp-content/uploads/2024/01/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, 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(/wp-content/uploads/2024/01/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;
  /* background-image: url(assets/images/marketing/Vector.webp); */
}
#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: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 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: 0.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: 0.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: url(images/pages/marketing/Rectangle-36.webp) left center; */
  background-size: cover;
}
#salesforce-cpq .icon-sec-2 {
  width: 54px;
  height: 54px;
}
#salesforce-cpq .ks-deliver-result-heading p {
  letter-spacing: 0.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(/wp-content/uploads/2024/01/muleSoft-bg.webp);
  background-blend-mode: color;
  background-attachment: fixed;
  background-position: bottom;
}
#salesforce-cpq .ks-section-marketing {
  /* background: url(images/pages/marketing/Rectangle-36.webp) left center;  */
  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(/wp-content/uploads/2024/01/ks-who-sec-inner-bg-2.webp);
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-blend-mode: color;
}
#salesforce-cpq .bg-EFFAFE {
  background-color: #effafe;
}
#salesforce-cpq .service-faq-sec .card-body p {
  color: #343434;
}
/* ***************************************************** */
/* KSOLVE SALESFORCE EXPERIENCE CLOUD PAGE CSS */
#salesforce-experience-cloud .bg-EFFAFE {
  background-color: #effafe;
}
#salesforce-experience-cloud
  .ks-marketing-banner.ks-salesforce-experience-cloud {
  background-image: url(/wp-content/uploads/2024/01/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, 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, 0.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: -0.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, 0.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, 0.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, 0.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: #ffffff;
  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: #ffffff;
  box-shadow: 0px 5px 20px rgba(0, 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: normal;
  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: bold;
  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: normal;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.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: #ffffff;
}
#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: normal;
  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: bold;
  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: normal;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.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: 0.4;
}
#salesforce-experience-cloud .letter-sp-2 {
  letter-spacing: 0.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: 0.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: 0.03em;
  color: #ffffff;
}
#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(/wp-content/uploads/2024/01/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, 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(/wp-content/uploads/2024/01/Rectangle-21-1.webp) left center;
  background-size: cover;
}
#salesforce-experience-cloud .ks-ksolves-experts .ks-sl-prodict-card {
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 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: 0.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: 0.5rem 0.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: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 23px;
  padding: 36px 29px;
}
#salesforce-experience-cloud .ks-contact-mail-div {
  background: #ffffff;
  box-shadow: 0 0 12px rgba(0, 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: 0.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: 0.03em;
  /* color: #11bafc !important; */
}
#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(/wp-content/uploads/2024/01/ks-who-sec-inner-bg-2.webp);
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-blend-mode: color;
}
#salesforce-experience-cloud .ks-deliver-result-heading p {
  letter-spacing: 0.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 #ffffff;
  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;
}
/* .btn-primary {
  color: #fff;
  background-color: #e32235;
  border-color: #e32235;
  } */
.red-hat,
.top-crm-consulting,
.force-talk,
.expertise-img {
  display: none !important;
}
.ks-whychoose-card {
  padding: 24px;
  background: #ffffff;
  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;
}


/* ODOO BUSINESS CASE STUDIES */
.kks-body-case-study {
  background-color: rgba(250, 250, 250, 0.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: white;
}
.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 0px;
}
.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: 0px;
  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: 0px;
}
@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 0px 0px;
  border-bottom: 2px solid #882957;
  background-color: #fee;
} */
.ks-body-case-study .ks-card-tabs-sec .ks-tabs-nav .nav-link.active {
  border-radius: 8px 8px 0px 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: 0.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, 0.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 0px;
    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: 0px;
        @media screen and (max-width: 991px) {
          padding: 8px;
        }
        &.active {
          border-radius: 8px 8px 0px 0px;
          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: 0.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 .row {
    overflow: hidden;
  } */

.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;
  }
}
/* odoo-integration-css-start */
.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 #E13D4B;
  border-radius: 3px;
  padding: 12px 24px;
  width: fit-content;
  margin-top: 24px;
  font-weight: 500;
}

/* .odoo-integration.new-nifi-apache-developement section li.nav-item.active:after {
  border-bottom: none !important;
} */


@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-support-css-start */

.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-css-start */

.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-development-css-starts */

/* odoo-development-css-starts */

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


/* odoo-slider */

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

}
/* odoo-slider-end */

@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-css */

   .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: #FFFFFF;
    border: 1px solid transparent;
  }

  .accept-cookie_btn:hover {
    background-color: black;
    color: white;
  }

  .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;
    }
  }
  /* cookie-modal-end */


/* salesforce-services-css-start */
.integrating-third-parties {
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  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-text  {
      background-color: #BFC6FF;
  } */

  .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-certification */

.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 0px;
  }
}

/* app-exchange-css */

.salesforce-app-exchange {
  padding: 56px 0px;
}

.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 0px;
  }
}

/* salesforcebanner-css */

.sales-force-banner {
padding: 20px 0px !important;
}

.sales-cloud-section .counter-row.salesforce-service .counter-circle {
max-width: 196px;
}


/* link-hover-deactive */

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

/* css-from-ksolvescustom1.css */
.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: 0px;
}

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

  /* css-end-ksolvescustom1.css */

/* salesforce-services-css-end */
/* footer-fixed-css */
@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 {
    left: -64px;
}*/

.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;
  }
}
/*------------------------------END-MERGE KSOLVES CUSTOM CSS #2-------------------------------------------*/
/*----------------------------------MERGE KSOLVES CUSTOM CSS #3-------------------------------------------*/
/*CSR CSS Start*/
/*Headermenucss*/

.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;
/*    top: 79%;*/
}
.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(/wp-content/uploads/2024/01/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: 0.01em;
}

.csr-main .csr-sec-2 {
    background-image: url(/wp-content/uploads/2024/01/sec-2.jpg);
    background-size: cover;
    min-height: 500px;
}

.csr-main .csr-sec-2 p {
    max-width: 850px;
    line-height: 32px;
    letter-spacing: 0.03em;
}

.csr-main .csr-sec-3 {
    background-image: url(/wp-content/uploads/2024/01/sec-3.jpg);
    background-size: cover;
    min-height: 500px;
}

.csr-main .csr-sec-3 p {
    max-width: 560px;
    line-height: 32px;
    letter-spacing: 0.03em;
}

.csr-main .csr-sec-4 {
    background-image: url(/wp-content/uploads/2024/01/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: -0.01em;
}

.csr-main .container-row {
    max-width: 1140px;
}

.csr-main .csr-sec-6 p {
    letter-spacing: 0.02em;
    color: #4B4B4B;
}

.csr-main .csr-sec-6 h2 {
    color: #302F2F;
    line-height: 112%;
    letter-spacing: -0.02em;
    font-weight: 800;
    text-transform: uppercase;
}

.csr-main .pledge-img {
    width: 430px;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05));
    border-radius: 20px;
}

.csr-main .csr-sec-6 {
    background-image: url(/wp-content/uploads/2024/01/sec-6.jpg);
    background-size: cover;
    min-height: 550px;
}
/*       Salesforce Community Connect CSS Start */

.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, 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;
/*    width: 100%;*/
    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: #FFFFFF;
    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;
}

/*CSR CSS End*/


/*Sitemap CSS Start*/
.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, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 16px;
    border-radius: 8px;
    width: 80% !important;
    background: white;
}

.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: white;
}

.sitemap-main .banner {
  min-height: 400px;
}

.sitemap-main .banner.sitemap {
    background: url() no-repeat;
    background-size: cover
}

.sitemap-main .banner.sitemap {
    background: url(/wp-content/uploads/2024/01/sitemap.webp) no-repeat;
    background-size: cover
}

.sitemap-main .arrow {
    padding-right: 70px;
    background: url(/wp-content/uploads/2024/01/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: black;
}


.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(/wp-content/uploads/2024/01/sitemap-horizontal.png) no-repeat left 15px transparent;
}

.sitemap-main ul.tree li a:hover {
    font-weight: bold;
}

.sitemap-main ul.tree>

.sitemap-main li {
    margin: 0 0 0 11px;
}

.sitemap-main ul.tree li.last {
    border: medium none;
    background: url(/wp-content/uploads/2024/01/sitemap-last.png) no-repeat 0px -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;
        }
    }
    /*Sitemap CSS End*/


    /* Contact Page CSS Start */

.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(/wp-content/uploads/2024/01/banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 67px 0px 70px 0;
    background-position: top center;
}

@media screen and (max-width:575px) {
    .contact-main .ks-contact-banner {
        padding: 120px 0px 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, 0.7);
}

.contact-main .ks-head-address .ks-head {
    line-height: 28px;
    color: #000000;
}

.contact-main .ks-head-address .ks-subhead {
    line-height: 28px;
    color: #000000;
}

.contact-main hr {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-main .ks-address {
    line-height: 24px;
    color: #000000;
}

.contact-main .ks-subtitle {
    line-height: 24px;
    color: #000000;
    opacity: 0.6;
}

.contact-main .ks-red-bg {
    background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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, 0.3);
    border: 1px solid #FFFFFF;
    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, 0.42);
}

/* cards */
.contact-main .ks-cards .ks-card-box {
    border: 1px solid rgba(0, 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, 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: #FFFFFF;
    padding: 5px 16px;
    border-color: transparent;
    cursor: pointer;
}

.contact-main .ks-card-btn:hover {
    color: #FFFFFF;
}

.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: #E13D4B !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: white;
}

::placeholder {
    font-style: normal !important;
    opacity: 1;
    color: #28292E !important;
}

.contact-main .carousel-item img {
    border-radius: 5px;
    /* aspect-ratio: 1/1; */
    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;
}

/* new code */
.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;
}

/* slider */
.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, 0.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: 0px;
    border: none;
    background: transparent;
    opacity: 0.5;
}

.contact-main .close-modal:hover {
    opacity: 0.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, 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, 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(0.6);
        margin-left: -50px;
    }
}



/* Contact Page CSS End */

/* Investors Page CSS Start */

.invester-main .font-32 {
    font-size: 32px;
}


.invester-main .contact-info-item {
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 15px;
}

.invester-main .contact-info-item:first-child {
    font-weight: normal;
}

.invester-main .contact-info-header-title {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 41px;
    color: #FFFFFF;
}

@media (max-width: 568px) {

    .invester-main .font-45 {
        font-size: 32px !important;
    }
}

.invester-main .ks-discuss-bg {
    background-image: url(/wp-content/uploads/2024/01/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;
/*    width: 100px;*/
    overflow: auto;
}

.invester-main .dropdownBtn {
    border: none;
    background: white;
}

.invester-main .bg-grievance {
    background-image: url(/wp-content/uploads/2024/01/Grievance-cell.jpg);
    background-size: cover;
    background-blend-mode: color;
    background-color: rgba(0, 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: normal;
    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(/wp-content/uploads/2024/01/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;
 }
 }

/* Investors Page CSS End */


/* Podcast Page CSS Start */

.podcast-main .ks-podcast-form {
    background: url(/wp-content/uploads/2024/01/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, 0.7);
    border-color: rgba(200, 200, 200, 0.7);
    test-color:light;
}



.podcast-main .color-1C1C1C {
    color: #1C1C1C;
}

.podcast-main .color-444444 {
    color: #444444;
}

.podcast-main .color-363636 {
    color: #363636;
}

.podcast-main .ks-podcast-banner-section {
    background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    height: 100%;
}

.podcast-main .ks-check-icon:before {
    content: "";
      background-image: url(/wp-content/uploads/2024/01/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;
}

/* services */
.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: #e13d4b;
    color: #e13d4b;
}

.podcast-main .high-lights-text {
    /*min-height: calc(100vh - 350px);
          justify-content: center; */
    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;
}

/* 8 Dec 2023 */
.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-E13D4B {
    color: #E13D4B;
}

.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: 0px 5px 12px 0px #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: 0px 5px 12px 0px #17044D70;
}

.podcast-main audio::-webkit-media-controls-mute-button {
    background-color: #e13d4b8a;
    border-radius: 50%;
    margin-left: 5px;
}

.podcast-main audio::-webkit-media-controls-play-button {
    background-color: #e13d4b8a;
    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: #e13d4b;
    font-weight: bold;
}

.podcast-main audio::-webkit-media-controls-rewind-button {
    background-color: #e13d4b;
}

.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 query */
@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) {

    /* Animations */
    @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 {
        /*padding-top: calc(50vh - 250px);*/
        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;
    }
  
}
/* Podcast Page CSS End */


/* React js Page CSS Start */

 .react-main .color-1C1C1C {
    color: #1C1C1C;
}

.react-main .color-444444 {
    color: #444444;
}

.react-main .color-363636 {
    color: #363636;
}

.react-main .ks-react-banner-section {
    background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
}

.react-main .ks-whychoose-card {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}

/* services */
.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: #e13d4b;
    color: #e13d4b;
}

.react-main .high-lights-text {
    /*min-height: calc(100vh - 350px);
                justify-content: center; */
    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 .hight-lights-sec .side-img{
    position: sticky;
    top: 240px;
    z-index: 10;
    opacity: 1;
    transition: 1s linear;
} */

.react-main .high-light-images {
    min-width: 350px;
}

.react-main .ks-check-icon:before {
    content: "";
      background-image: url(/wp-content/uploads/2024/01/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 query */
@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) {

    /* Animations */
    @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 {
        /*padding-top: calc(50vh - 250px);*/
        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;
    }
}




    /* React js Page CSS End */


/* Node js Page CSS Start */
     .node-main .list-styled {
            list-style: none
        }

        .node-main .color-1C1C1C {
            color: #1C1C1C;
        }

        .node-main .color-444444 {
            color: #444444;
        }

        .node-main .color-363636 {
            color: #363636;
        }

        .node-main .ks-node-banner-section {
            background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
            border: 1px solid #F0F0F0;
            border-radius: 16px;
            padding: 24px;
            height: 100%;
        }

        .node-main .ks-whychoose-card {
            padding: 24px;
            background: #FFFFFF;
            border: 1px solid #EAEAEA;
            border-radius: 8px;
        }

        .node-main .ks-check-icon:before {
            content:"";
            background-image: url(/wp-content/uploads/2024/01/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;
        }

        /* services */
        .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: #e13d4b;
            color: #e13d4b;
        }

        .node-main .high-lights-text {
            /*min-height: calc(100vh - 350px);
                    justify-content: center; */
            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 query */
        @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) {

            /* Animations */
            @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 {
                /*padding-top: calc(50vh - 250px);*/
                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: 0px;
                 transform: none;
                  left: 0;
                }
        }
        /* Node js Page CSS End */

        /* IOS Page CSS Start */

         .ios-main .color-1C1C1C {
      color: #1C1C1C;
    }

    .ios-main .color-444444 {
      color: #444444;
    }

    .ios-main .color-363636 {
      color: #363636;
    }

    .ios-main .ks-ios-banner-section {
      background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 8px;
      height: 100%;
    }

    .ios-main .ks-check-icon:before {
      content: "";
      background-image: url(/wp-content/uploads/2024/01/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;
    }

    /* services */
    .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: #e13d4b;
      color: #e13d4b;
    }

    .ios-main .high-lights-text {
      /*min-height: calc(100vh - 350px);
          justify-content: center; */
      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 query */
    @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) {

      /* Animations */
      @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 {
        /*padding-top: calc(50vh - 250px);*/
        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;
      }
    }
    /* IOS Page CSS End */



/* Android Page CSS Start */

     .android-main .color-1C1C1C {
      color: #1C1C1C;
    }

    .android-main .color-444444 {
      color: #444444;
    }

    .android-main .color-363636 {
      color: #363636;
    }

    .android-main .ks-andriod-banner-section {
      background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 8px;
      height: 100%;
    }

    .android-main .ks-check-icon:before {
      content:"";
      background-image: url(/wp-content/uploads/2024/01/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;
    }

    /* services */
    .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: #e13d4b;
      color: #e13d4b;
    }

    .android-main .high-lights-text {
      /*min-height: calc(100vh - 350px);
          justify-content: center; */
      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 query */
    @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) {

      /* Animations */
      @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 {
        /*padding-top: calc(50vh - 250px);*/
        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;
      }
    }
     /* Android Page CSS End */






     /* Java Page CSS Start */

     .java-main .color-1C1C1C {
            color: #1C1C1C;
        }

        .java-main .color-444444 {
            color: #444444;
        }

        .java-main .color-363636 {
            color: #363636;
        }

        .java-main .ks-java-banner-section {
            background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
            border: 1px solid #F0F0F0;
            border-radius: 16px;
            padding: 24px;
            height: 100%;
        }

        .java-main .ks-whychoose-card {
            padding: 24px;
            background: #FFFFFF;
            border: 1px solid #EAEAEA;
            border-radius: 8px;
        }

        .java-main .inner-page-brands &gt;

        .java-main .bg-light {
            background-color: #fff !important;
        }

        /* media query */
        @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;
}
        /* Java Page CSS End */








 /* Cross platform Page CSS Start */

       .cross-platform-main .color-1C1C1C {
      color: #1C1C1C;
    }

    .cross-platform-main .color-444444 {
      color: #444444;
    }

    .cross-platform-main .color-363636 {
      color: #363636;
    }

    .cross-platform-main .ks-cross-plateform-banner-section {
      background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
      border: 1px solid #F0F0F0;
      border-radius: 16px;
      padding: 24px;
      height: 100%;
    }

    .cross-platform-main .ks-whychoose-card {
      padding: 24px;
      background: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 8px;
      height: 100%;
    }

    /* services */
   .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: #e13d4b;
      color: #e13d4b;
    }

    .cross-platform-main .high-lights-text {
      /*min-height: calc(100vh - 350px);
          justify-content: center; */
      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 query */
    @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) {

      /* Animations */
      @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 {
        /*padding-top: calc(50vh - 250px);*/
        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;
}
    /* Cross platform Page CSS End */






/* DevOps Page CSS start */
     .devops-main .color-1C1C1C {
      color: #1C1C1C;
    }

    .devops-main .color-444444 {
      color: #444444;
    }

    .devops-main .color-363636 {
      color: #363636;
    }

    .devops-main .ks-devops-banner-section {
      background-image: url(/wp-content/uploads/2024/01/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: #FFFFFF;
      border: 1px solid #F0F0F0;
      border-radius: 8px;
      padding: 24px;
      height: 100%;
    }

    .devops-main .ks-whychoose-card {
      padding: 24px;
      background: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 8px;
      height: 100%;
    }

    .devops-main .ks-check-icon:before {
      content:"";
      background-image: url(&quot;/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #ffffff;
      box-shadow: 0px 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 query */
    @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;
}
    /* DevOps Page CSS End */







/* Odoo Dev Page CSS Start */

.odoo-main .text-left {
    text-align: left;
}
   .odoo-main  .ks-odoo-why {
            background: #7C3E6C;
        }

        .odoo-main .ks-odoo-dev-company-banner {
            background-image: url(/wp-content/uploads/2024/01/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-buttons button,
        .odoo-main .ks-buttons a {
            min-width: 164px;
        }*/

        .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: 0.02em;
        }

        .odoo-main .letter-spacing-2nem {
            letter-spacing: -0.02em;
        }

        .odoo-main .ks-testimonial p {
            font-weight: 400;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
            letter-spacing: 0.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: #FFFFFF;
            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: 0.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: 0.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, 0.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 #ffffff;
            background: #FFFFFF;
            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 #FFFFFF;
            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 #FFFFFF;
                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, 0.2);
            border-radius: 50%;
            color: #fff;
        }

        .odoo-main .carousel-control-prev {
            left: 0px;
        }

        .odoo-main .carousel-control-next {
            right: 0px;
        }

        .odoo-main .carousel-control-prev:hover,
        .odoo-main .carousel-control-next:hover {
            background: rgba(0, 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: #ffffff;
        }

        .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: normal;
            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: normal;
        }

       .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(0px, -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: 0.02em;
        }

        .odoo-main .border-r-10 {
            border-radius: 10px;
        }

        .odoo-main .py-spacing {
            padding: 75px 0;
        }


        /* Odoo Dev Page CSS End */



 



 /* Odoo Microservices Page CSS End */
.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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: black;
            padding: 19px 0px;
            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: 0px;
        }

        .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(&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(&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(assetsimages/index-page/Awards-bg.jpg)
            }

            .microservices-main .ks-awards-bg {
                // background-image: url(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(&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(&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 .milestone-sec {
            }
        }

        .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;
/*            background-color: #e32235;*/
            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(&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
            }

            .microservices-main .services-salesforce-hero-bg {
            }
        }

        @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(0px) 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;
            }

            /* Odoo Microservices Page CSS End */







 /*  Salesforce Service Cloud Page CSS Start */


  .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(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(&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(&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(&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(&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:767px) {}
        }

        @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;
/*            background-color: #e32235;*/
            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(&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(/wp-content/uploads/2024/01/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: #ffffff;
        }

        .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: normal;
        }

        .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: #FFFFFF;
        }

        .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 .font-18,
            .heading-text.font-36 {
/*                font-size: 16px;*/
            }

            .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #FFFFFF;
        }

        .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #FFFFFF;
            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(/wp-content/uploads/2024/01/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 {
/*            font-size: 30px !important;*/
            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 #FFFFFF;
            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(/wp-content/uploads/2024/01/Rectangle-36.webp) left center;
            background-size: cover;
        }

        .salesforce-services-cloud-main .ks-who-sec-inner.py-68 {
            background-image: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/marketing-cloud-bg.webp);
            background-color: rgba(0, 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(/wp-content/uploads/2024/01/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, 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: 0px;
                padding: 0px;
            }
             .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: 0px 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 Service Cloud Page CSS End */

      
     .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(&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(&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(&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(&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;
/*            background-color: #e32235;*/
            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(/wp-content/uploads/2024/01/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
            }
        }

          /*@media (max-width:991px) {
          .salesforce_einstein_analytics-main .service-faq-sec .card-header {
            font-weight: 500;
            font-size: 18px;
            color: #343434
        }
          }*/

        .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;
/*            font-size: 20px;*/
            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(&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(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) 
          /*  {

            .salesforce_einstein_analytics-main .font-48{
                font-size: 32px!important;
            }*/

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


       /*/* @media (max-width:480px) {

            .salesforce_einstein_analytics-main .font-48{
                font-size: 48px!important;
            }
*/
        }
*/
        .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: #ffffff;
        }

        .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 .font-18,
            .salesforce_einstein_analytics-main .heading-text.font-36 {
/*                font-size: 16px;*/
            }

            .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-mulesoft-main .ks-expert-card-details,
            .salesforce-commerce-cloud-main .ks-expert-card-details,
            .salesforce-services-cloud-main .ks-expert-card-details,
            .salesforce_einstein_analytics-main .ks-expert-card-details{
                width: 100%;
            } */
            
           
            .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: 0.4;
        }

        .salesforce_einstein_analytics-main .letter-sp-2 {
            letter-spacing: 0.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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/einstein-bg.webp);
            background-position: center;
            background-size: cover;
            object-fit: cover;
            background-repeat: no-repeat;
            background-color: rgba(0, 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: #FFFFFF;
        }

        .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #FFFFFF;
            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(/wp-content/uploads/2024/01/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 #FFFFFF;
            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(/wp-content/uploads/2024/01/Rectangle-36-2.webp) left center;
            background-size: cover;
        }

        .salesforce_einstein_analytics-main .ks-who-sec-inner.py-68 {
            background-image: url(/wp-content/uploads/2024/01/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-services-cloud-main .ks-section-marketing.ks-ksolves-experts :last-child,
          .salesforce-commerce-cloud-main .ks-section-marketing.ks-ksolves-experts :last-child,
          .salesforce_einstein_analytics-main .ks-section-marketing.ks-ksolves-experts :last-child,
          .salesforce-mulesoft-main .ks-section-marketing.ks-ksolves-experts :last-child{
            align-items: center;
            justify-content: center;

          } */

            .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(/wp-content/uploads/2024/01/einstein-bg.webp);
            background-attachment: fixed;
            background-color: rgba(0, 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 Einstein Analytics page CSS Start */









  /* Salesforce Lightning page CSS Start */


          .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;
/*            background-color: #e32235;*/
            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: #ffffff;
            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: #ffffff;
            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: #FFFFFF;
            box-shadow: 0px 5px 20px rgba(0, 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: normal;
            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: bold;
            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: normal;
            font-size: 16px;
            line-height: 29px;
            letter-spacing: 0.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: normal;
        }

         .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: #FFFFFF;
        }

         .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: 0.4;
        }

         .salesforce-lightning-main .letter-sp-2 {
            letter-spacing: 0.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(/wp-content/uploads/2024/01/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: #FFFFFF;
        }

         .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/Rectangle-21.webp) left center;
            background-size: cover;
        }

         .salesforce-lightning-main .ks-ksolves-experts .ks-sl-prodict-card {
            background: #FFFFFF;
            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(/wp-content/uploads/2024/01/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: #FFFFFF;
            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 #FFFFFF;
            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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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, 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 Lightning page CSS End */








/* Salesforce Mulesoft page CSS Start */


         .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(&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(&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;
/*            background-color: #e32235;*/
            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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #ffffff;
        }

        .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: 0.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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #FFFFFF;
        }

        .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/Rectangle-21.webp) left center;
            background-size: cover;
        }

        .salesforce-mulesoft-main .ks-ksolves-experts .ks-sl-prodict-card {
            background: #FFFFFF;
            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(/wp-content/uploads/2024/01/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 #FFFFFF;
            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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/muleSoft-bg.webp);
            background-attachment: fixed;
            background-blend-mode: color;
            background-attachment: fixed;
            background-position: bottom;
        }

        .salesforce-mulesoft-main .ks-section-marketing {
            background: url(/wp-content/uploads/2024/01/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 Mulesoft page CSS End */








 /* Salesforce Commerce Cloud page CSS Start */

       .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/commerce-bg.webp);
      background-attachment: fixed;
      background-position: bottom;
    }

    .salesforce-commerce-cloud-main .ks-section-marketing {
      background: url(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(&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(&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(&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(&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, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.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, 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;
/*      background-color: #e32235;*/
      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, 0.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(/wp-content/uploads/2024/01/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, 0.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, 0.93) 100%);
    }

    .salesforce-commerce-cloud-main .wk-outer {
      background: #fff;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
      border-radius: 40px;
    }

    .salesforce-commerce-cloud-main .wk-box {
      background: rgba(249, 248, 248, 0.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, 0.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(&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(/wp-content/uploads/2024/01/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, 0.5) !important;
    }

    .salesforce-commerce-cloud-main .ks-background-pink2 {
      background-color: rgba(249, 102, 92, 0.45) !important;
    }

    .salesforce-commerce-cloud-main .ks-background-blue1 {
      background-color: rgba(176, 139, 129, 0.46) !important;
    }

    .salesforce-commerce-cloud-main .ks-background-blue2 {
     background-color: rgba(237, 200, 189, 0.45) !important;
    }

    .salesforce-commerce-cloud-main .ks-background-blue3 {
      background-color: #e1e2ff;
    }

    .salesforce-commerce-cloud-main .ks-background-blue4 {
/*         background-color: rgba(35, 33, 37, 0.44) !important;*/

    }

    .salesforce-commerce-cloud-main .ks-background-lightblue {
      background-color: #daf8ff;
    }

    .salesforce-commerce-cloud-main .ks-letter-spacing {
      letter-spacing: 0.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(/wp-content/uploads/2024/01/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: 0.03em;
      color: #ffffff;
    }

    .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(/wp-content/uploads/2024/01/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, 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(/wp-content/uploads/2024/01/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: #ffffff;
      box-shadow: 0 1px 4px rgba(0, 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(/wp-content/uploads/2024/01/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: 0.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: 0.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 {
/*      font-size: 30px !important;*/
      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 #ffffff;
      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(/wp-content/uploads/2024/01/Rectangle-36.webp) left center;
      background-size: cover;
    }

    .salesforce-commerce-cloud-main .ks-deliver-result-heading p {
      letter-spacing: 0.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: #ffffff;
      }

      .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 .row {
          flex-wrap: nowrap;
        }*/

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

 /* Salesforce Commerce Cloud page CSS End */

/* Insights page CSS Start */

       .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 .carousel-control-prev-icon {
            background-image: url(&quot;data:image/svg+xml;charset=utf8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; fill=&#x27;%23fff&#x27; viewBox=&#x27;0 0 8 8&#x27;%3E%3Cpath d=&#x27;M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z&#x27;/%3E%3C/svg%3E&quot;);
        }

        .insights-main .carousel-control-next-icon {
            background-image: url(&quot;data:image/svg+xml;charset=utf8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; fill=&#x27;%23fff&#x27; viewBox=&#x27;0 0 8 8&#x27;%3E%3Cpath d=&#x27;M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z&#x27;/%3E%3C/svg%3E&quot;);
        } */

        .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(&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(&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: 0px;
            }

            .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(/wp-content/uploads/2024/01/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(&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(/wp-content/uploads/2024/01/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: #e13d4b;
        }

        .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: 80px */
            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: #e13d4b;
            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: #e13d4b;
        }

        .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: #e13d4b !important;
            border-radius: 5px;
        }

        .insights-main .ks-read-more-btn:hover {
            color: #e13d4b;
        }

        .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 0px;
            }
        }

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

        /* Insights page CSS End */









        /* Events page CSS Start */

        .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(&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(&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 0px 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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(&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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #FFFFFF;
          box-shadow: 0px 10px 40px rgba(94, 97, 175, 0.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: 0.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: 0.02em;
            margin-bottom:16px;
            color: #565758;
        }

         .events-main .study-link {
            letter-spacing: 0.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: #e13d4b;
            border-radius: 5px;
        }

         .events-main .ks-case-study-container,
         .events-main .banner-caption .font-16 {
            letter-spacing: 0.02em;
        }

         .events-main .case-study-banner-sec {
            background-image: url('/wp-content/uploads/2024/01/event-page-bg.webp');
            background-size: cover;
            background-position: center;
            background-blend-mode: color;
            background-color: rgba(0, 0, 0, 0.75);
        }

        /* Events page CSS End */




        #performance-testing-form .wpcf7-submit{
        background-image: url('/wp-content/uploads/2024/01/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('/wp-content/uploads/2024/01/event-page-bg.webp');
            background-size: cover;
            background-position: center;
            background-blend-mode: color;
            background-color: rgba(0, 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('/wp-content/uploads/2024/01/event-page-bg.webp');
            background-size: cover;
            background-position: center;
            background-blend-mode: color;
            background-color: rgba(0, 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 css start    */
 .odoo-experience-main .banner-sec-case {
            background-image: url('/wp-content/uploads/2024/01/odoo-event-banner-scaled.webp');
            height: auto;
        }

        .odoo-experience-main  .color-white {
            color: white;
        }

         .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: #FFFFFF;
            border: 1px solid #EAEAEA;
            border-radius: 8px;
        }

         .odoo-experience-main .ks-whychoose-card2 {
            padding: 24px;
            background: #FFFFFF;
            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('/wp-content/uploads/2024/01/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('/wp-content/uploads/2024/01/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('/wp-content/uploads/2024/01/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 query */
        @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: 0.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 Big Data CSS Start*/

.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: #E13D4B
        }

        @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;
            /* color: var(--ks-heading); */
            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(/wp-content/uploads/2024/01/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: white;
            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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(&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(&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(&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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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, 0.9) 0.06%, rgba(1, 40, 99, 0.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: -0.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: -0.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: #E13D4B;
            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(&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(/wp-content/uploads/2024/01/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 css start      */

        .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: #E13D4B;
            --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(&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(/wp-content/uploads/2024/01/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(&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(&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(/wp-content/uploads/2024/01/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(&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(&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(&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: 0px;
            }

            .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(/wp-content/uploads/2024/01/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: #e13d4b;
        }

        .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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/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: #e13d4b
        }

        .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(/wp-content/uploads/2024/01/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;
        }

        /* 2023 style */
        .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: #444444;
        }

        .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(/wp-content/uploads/2024/01/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, 0.2) -10.87%, rgba(167, 236, 238, 0.2) 11.55%, rgba(255, 238, 187, 0.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: 0px 4px 20px 0px #0000001A;
            background-color: #fff;
            border-radius: 16px;
            padding: 32px;
        }

        .dreamforce-main .popup {
            background-color: rgba(0, 0, 0, 0.3) !important;
        }

        .dreamforce-main .ks-dreamforce-banner-section .popup {
            background-color: rgba(0, 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(0px);
    }

    .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 css start    */

 .salesforce-crest-partner-main .img-fluid {
      max-width: 100%;
      height: auto;
    }

     .salesforce-crest-partner-main .ks-gold-partner-banner {
      background-image: url(/wp-content/uploads/2024/01/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: 0.01em;
    }

     .salesforce-crest-partner-main .ks-gold-partner-banner .ks-sf-head {
      line-height: 55px;
      letter-spacing: 0.02em;
      text-transform: capitalize;
      color: #F1AC1C;
    }

     .salesforce-crest-partner-main .ks-sf-sub {
      line-height: 53px;
      letter-spacing: 0.01em;
      text-transform: capitalize;
    }

     .salesforce-crest-partner-main .ks-sf-sub span {
      line-height: 53px;
      letter-spacing: 0.01em;
    }

    @media screen and (max-width: 768px) {
       .salesforce-crest-partner-main .ks-sf-sub {
        font-size: 45px !important;
        line-height: 53px;
        letter-spacing: 0.01em;
        text-transform: capitalize;
      }

       .salesforce-crest-partner-main .ks-sf-sub span {
        line-height: 53px;
        font-size: 45px !important;
        letter-spacing: 0.01em;
      }
    }

    @media screen and (max-width: 575px) {
      .salesforce-crest-partner-main .banner-blue-bg span {
        line-height: 30px;
        font-size: 24px;
        letter-spacing: 0.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: 0.01em;
        text-transform: capitalize;
      }

       .salesforce-crest-partner-main .ks-sf-sub span {
        font-size: 38px !important;
        line-height: 45px;
        letter-spacing: 0.01em;
      }
    }

     .salesforce-crest-partner-main .ks-banner-txt-sf {
      line-height: 25px;
      letter-spacing: 0.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(&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(&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, 0.1) -53.78%, rgba(255, 255, 255, 0.1) 100%);
      padding: 100px 0px;
    }

     .salesforce-crest-partner-main .ks-sf-gold .ks-title-area::after {
      content:"";
      position: absolute;
      margin: 0px auto;
      left: 0px;
      right: 0px;
      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: -0.02em;
      color: #262626;
    }

     .salesforce-crest-partner-main .ks-sf-gold .ks-title-area .ks-title {
      line-height: 60px;
      text-align: center;
      letter-spacing: -0.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: white;
      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(0.81);
      left: -277px;
      margin: auto;
      top: 0px;
      bottom: 0px;
      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, 0.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: 0px;
    top: 0px;
}

     .salesforce-crest-partner-main .ks-border-right.ks-border-pro1::after {
         background-image: url(/wp-content/uploads/2024/01/download-2.svg);
    }

     .salesforce-crest-partner-main .ks-border-right.ks-border-pro2::after {
      background-image: url(/wp-content/uploads/2024/01/download-2.svg);
    }

     .salesforce-crest-partner-main .ks-border-right.ks-border-pro3::after {
      background-image: url(/wp-content/uploads/2024/01/download-2.svg);  
        }

     .salesforce-crest-partner-main .ks-border-right.ks-border-pro4::after {
         background-image: url(/wp-content/uploads/2024/01/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: 0px auto;
      left: 0px;
      right: 0px;
      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: -0.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: #ffffff;
      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, 0.62) 102.65%);
      box-shadow: 0px 4px 16px rgba(56, 199, 255, 0.52);
    }

     .salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover .ks-txt p {
      color: white;
    }

     .salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover svg path {
      stroke: white;
    }

     .salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover svg line {
      stroke: white;
    }

     .salesforce-crest-partner-main .ks-sf-expertise .ks-content-box:hover .ks-four-cnt .ks-fill {
      fill: white;
    }

     .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(/wp-content/uploads/2024/01/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: 0.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: 0px;
      }

       .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 0px;
      }

       .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: #FFFFFF;
      box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
    }

     .salesforce-crest-partner-main .grow-content h3 span,
     .salesforce-crest-partner-main .color-red {
      color: #e13d4b;
    }

     .salesforce-crest-partner-main .grow-content p {
      line-height: 26px;
      letter-spacing: -0.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: 0px 10px 20px rgba(113, 215, 255, 0.05);
      border-radius: 6px;
      display: flex;
      flex-wrap: wrap;
    }

     .salesforce-crest-partner-main .right-logo-card {
      background: #FFFFFF;
      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, 0.5);
      height: 64px;
      margin: 0px 35px;
    }

     .salesforce-crest-partner-main .quotes-content {
      font-weight: 400;
      font-size: 26px;
      line-height: 46px;
      text-align: center;
      letter-spacing: -0.02em;
      padding: 35px 0px 0px;
      font-style: italic;
    }

     .salesforce-crest-partner-main .ks-title-border::before {
      content:"";
      position: relative;
      display: block;
      margin: 0px auto;
      left: 0px;
      right: 0px;
      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;
/*      background-color: transparent;*/
      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(/wp-content/uploads/2024/01/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: #ffffff;
    }

     .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: 0.4;
    }

     .salesforce-crest-partner-main .letter-sp-2 {
      letter-spacing: 0.02em;
    }


   .odoo-gold-partner-main .ks-your-attention {
    overflow: hidden;
    position: relative;
    background: rgba(178, 161, 174,0.2);
}
.odoo-gold-partner-main .ks-bg-milestone {
    background-image: url("/wp-content/uploads/2024/01/mile.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 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("/wp-content/uploads/2024/01/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("/wp-content/uploads/2024/01/salesforce-ideal-bg.webp");
    background-size: cover;
    border-radius: 20px;
}
.odoo-gold-partner-main .erp-section-bg {
    background-image: url("/wp-content/uploads/2024/01/erp.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.8);
    background-blend-mode: darken;
    border-radius: 20px;
}
.odoo-gold-partner-main .ks-your-attention .container.white-box {
    background-color: #ffffff;
    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: #e13d4b;
}
.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: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}
.odoo-gold-partner-main .ks-who-sec-name {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #515152;
}

.odoo-gold-partner-main .container.white-box-main {
    background-color: #ffffff;
    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 css start*/



         .salesforce-implementation-main .color-1C1C1C {
            color: #1C1C1C;
        }
        .salesforce-implementation-main .color-444444 {
            color: #444444;
        }
        .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: #FFFFFF;
            border: 1px solid #E8E7E7;
            border-radius: 8px;
            height: 100%;
        }
        .salesforce-implementation-main .ks-experties-card:hover {
          border-color: #e13d4b;
          box-shadow: 0px 4px 15px 0px #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: #F0FFFF;
        }
        .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: #ffffff;
          z-index: 0;
          transform: rotate(45deg);
        }
        /* tooltip style */
        .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: 0px 4px 20px 0px #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: #e13d4b;
        }
        .salesforce-implementation-main .read-more:hover svg path {
          stroke: #e13d4b;
        }
        .salesforce-implementation-main .w-max-content {
          width: max-content;
        }
        .salesforce-implementation-main .ks-experties-card:hover .color-28292E {
          color: #e13d4b;
        }
        .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, 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: #e13d4b;
        }
        .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: #ffffff;
        }

        /* media query */
        @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(0.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: 0px;
          }
          .salesforce-implementation-main .solution-business-bg {
            height: auto;
          }
        }
        @media(max-width: 992px) {
          .salesforce-implementation-main .salesforce-services-banner-sider {
            transform: scale(0.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(0.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 CSS end  */

                .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, 0.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: 0.02em;
                }
                .odoo-erp-implementation-services-main .letter-spacing-2nem {
                    letter-spacing: -0.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: 0.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 CSS Start */


               .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, 0.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: 0.02em;
                }
                 .odoo-consulting-services-main .letter-spacing-2nem {
                    letter-spacing: -0.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: 0.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, 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 CSS start  */

   .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 .banner-ind {
        background-image: url(../img/industries/bg.jpg) !important
    }*/

    .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 .ksolves-tabs .nav-pills .nav-link.active:after {
        transform: translateX(-100%) scaleX(1)
    }*/

   /* .industries-main .banner-about {
      background-image: url(../img/about.jpg) !important;
        background-color: rgba(0, 0, 0, .6);
        background-blend-mode: color;
        background-position: center
    }*/

    .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 .primary-font,
    .industries-main .title-text {
        /* font-family: &#x27;Inter&#x27;, sans-serif; */
        /* font-weight: 700; */
    }

    .industries-main .title-text {
        font-family:cursive;
        font-size: 55px;
        line-height: 1;
        position: relative;
    }

    .industries-main .industries-section {
/*       / background-image: url(&#x27;assets/img-2022/industry/indu-bg.webp&#x27;);*/
        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: 0.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: 0.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(/wp-content/uploads/2024/01/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(/wp-content/uploads/2024/01/marketing-cloud-bg.webp);
        background-color: rgba(0, 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(/wp-content/uploads/2024/01/ks-who-sec-inner-bg.webp);
        background-color: rgba(255, 255, 255, .9) !important;
        background-blend-mode: color;
    }





/*    Salesforce services css start */


     .salesforce-services-main .color-444444 {
            color: #444444;
        }
        .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: #FFFFFF;
            border: 1px solid #E8E7E7;
            border-radius: 8px;
            height: 100%;
        }
        .salesforce-services-main .ks-experties-card:hover {
          border-color: #e13d4b;
          box-shadow: 0px 4px 15px 0px #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: #F0FFFF;
        }
        .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: #ffffff;
          z-index: 0;
          transform: rotate(45deg);
        }
        /* tooltip style */
        .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: 0px 4px 20px 0px #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 ;
/*          height: 904px;*/
        }
        .salesforce-services-main .color-626264 {
          color: #626264;
        }
        .salesforce-services-main .float-right {
          float: right;
        }
        .salesforce-services-main .read-more:hover {
          color: #e13d4b;
        }
        .salesforce-services-main .read-more:hover svg path {
          stroke: #e13d4b;
        }
        .salesforce-services-main .w-max-content {
          width: max-content;
        }
        .salesforce-services-main .ks-experties-card:hover .color-28292E {
          color: #e13d4b;
        }
        .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;
/*          margin-top: -290px;*/
        }
        .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, 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: #e13d4b;
        }
        .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: #ffffff;
        }

        /* media query */
        @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(0.9);
            margin-left: -46px;
          }
          .salesforce-services-main .bg-blue-card {
            height: auto;
/*            margin-top: -230px;*/
          }
          .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(0.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(0.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 development page css start*/
             
 .openshift-devlopment-main .color-444444 {
    color: #444444;
}
 .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: #FFFFFF;
  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 query */
@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(0.50);
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 CSS Start*/
.salesforce-consulting-services-main .color-1C1C1C {
    color: #1C1C1C;
}
 .salesforce-consulting-services-main .color-444444 {
    color: #444444;
}
 .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: #FFFFFF;
    border: 1px solid #E8E7E7;
    border-radius: 8px;
    height: 100%;
}
 .salesforce-consulting-services-main .ks-experties-card:hover {
  border-color: #e13d4b;
  box-shadow: 0px 4px 15px 0px #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: #F0FFFF;
}
 .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: #ffffff;
  z-index: 0;
  transform: rotate(45deg);
}
/* tooltip style */
 .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: 0px 4px 20px 0px #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: #e13d4b;
}
 .salesforce-consulting-services-main .read-more:hover svg path {
  stroke: #e13d4b;
}
 .salesforce-consulting-services-main .w-max-content {
  width: max-content;
}
 .salesforce-consulting-services-main .ks-experties-card:hover .color-28292E {
  color: #e13d4b;
}
 .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, 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: #e13d4b;
}
 .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: #ffffff;
}

/* media query */
@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(0.9);
    margin-left: -46px;
  }
   .salesforce-consulting-services-main .bg-blue-card {
    height: auto;
/*            margin-top: -230px;*/
  }
   .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: 0px;
  }
   .salesforce-consulting-services-main .solution-business-bg {
    height: auto;
  }
}
@media(max-width: 992px) {
   .salesforce-consulting-services-main .salesforce-services-banner-sider {
    transform: scale(0.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(0.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  CSS start */

.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;
/*                        width: 100%;*/
}
.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 .rounded-1, .rounded-1.btn {
border-radius: 8px !important;
} */
.annual-predictive-analytics-main .popup {
background-color: rgba(0, 0, 0, 0.3) !important;
}
.annual-predictive-analytics-main .object-fit-cover {
object-fit: cover; 
}

/* media query */
@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 .banner-event-box {
    width: auto !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 .order-2 {
                 order: 1 !important;
        }*/
.annual-predictive-analytics-main .dm-container {
    max-width: fit-content !important;
}
.annual-predictive-analytics-main .meeting-card {
    padding: 32px 60px;
/*                            flex-direction: row !important;*/
}
.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 screen 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 screen 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;
}
/*   annual-predictive-analytics-main  CSS start End  new css*/
/*------------------------------END----MERGE KSOLVES CUSTOM CSS #3-------------------------------------------*/
/*-------------------------------MERGE KSOLVES CUSTOM CSS #4-------------------------------------------*/
/*---------------Contact Form 7 Fixation------------*/
/*---Oddo Event Exp----*/
#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;
}
/*--end--*/
button#file_upload{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 14px;
    height: 50px;
    min-width: 100%;
    max-width:100%;
    /* min-width: 210px;
    max-width: 210px; */
    color: #DE2B3A;
    background-color: #ffffff;
    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%;
}

/*.file-upload {
    position: absolute;
    top: -32px;
    opacity: 0;
    width: 300px!important;
}*/

.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;
    /* padding-top: 100px; */
    margin-top: 100px; 
    /*justify-content: flex*/
    justify-content: flex-start;
}

.wpcf7 form .wpcf7-response-output {
    color: #000000;
    border-color: #46b450 !important;
    text-align: center  !important;
}

.join-us-textcolor{
    color:#ffffff;
}

#ror-banner-section .ks-tabs li.active {
    border-color: #e13d4b;
    color: #e13d4b;
}

#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;
    }
}
/* Style for the tabs */
.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; /* To handle the 1px border between tabs */
}


.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;
}
 /* Custom styles for tab navigation */
.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;
}

/* Hide carousel items by default */
.odoo-main .carousel-item {
    display: none;
}

/* Show active carousel items */
.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, 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, 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: 0px;
}
.odoo-main .owl-next {
    right: 0px;
}

.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: white;
    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: 0.5rem;
}

.ks-head-custom{
    margin-top: 55px!important;
}
.ks-head-custom > h6{
    margin-bottom: 50px;
}

.ks-subhead-custom{
    margin-top: 45px!important;
}

/*-- Carrer page css for placeholder----- */

#join-us-form-area ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e8e7e7;
  font-size: 15px;
}
#join-us-form-area ::-moz-placeholder { /* Firefox 19+ */
  color: #e8e7e7;
  font-size: 15px;
}
#join-us-form-ar :-ms-input-placeholder { /* IE 10+ */
  color: #e8e7e7;
 font-size: 15px;
}
#join-us-form-ar  :-moz-placeholder { /* Firefox 18- */
  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;
}

/* Add css for anchor/link hover */
.page-template-template_sitemap a:hover {
    color: #b4313c;
}

/* Add css for input focus when placeholder is not blank*/
.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;
}

/*Add css for custom dataflow diagram owl carousel*/
.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%);
}


/* Global[Footer]: For terms and condition alignment */
@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 page: Audio player css*/
.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-panel {
    box-shadow: 0px 5px 12px 0px #17044D70;
    background-color: #fff;
    border: none;
    outline: none;
}
.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-mute-button {
  background-color: #e13d4b8a;
  border-radius: 50%;
  margin-left: 5px;
}
.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-play-button {
  background-color: #e13d4b8a;
  border-radius: 50%;
  margin-right: 10px;
  /* // padding: 18px; */
  /* // height: 35px; */
}       
.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: #e13d4b;
  font-weight: bold;
}
.podcast-main .ReactModal__Content.ReactModal__Content--after-open audio::-webkit-media-controls-rewind-button {
  background-color: #e13d4b;
}
.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%;
}
/*.high-light-images #high-light-11{
        padding-top: unset;
}*/

.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;
}
/*#api-integration-service-page .high-light-images,
#serverless-computing-services .high-light-images,
#saas-application-service-page .high-light-images {
    min-width: 350px;
    max-width: unset;
}*/

.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;
}
/* Blog single page: validation for comment form */
.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;
    }
    /* .single-post #commentform .error+div {
    position: absolute;
    } */
}

@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: 0px;
    height: 4px;
    width: 100%;
    border-bottom: 2px solid #e13d4b;
    }
}
/*Service page: Apache nifi*/
.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, 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 CSS Start */


*+.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-small{
    padding:.5rem!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: 0px;
    max-height: 400px;
    overflow: auto !important;
}

.tawk-chat-message-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 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 0px 0px; 
width: 200px;
height: 40px;
padding: 0px 15px; 
bottom: 0px; 
right: 0px;
position: fixed;
z-index: 10000; 
border: 0px;
}
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: 0px;
  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;
}

}


/* Chatbot CSS end */
/* modal-custom-css */

.app-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 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, 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;
/*    color: #141513;*/
    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;
    /* max-width: 182px;
    min-width: 182px; */
    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;
    /* white-space: nowrap; */
    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 0px #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);
    }
}
/*------------------------------END----MERGE KSOLVES CUSTOM CSS #4-----------------------------------------**/
#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, #e13d4b 0%, #e13d4b 50%, #e13d4b 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;
    /* font-size: 14px;*/
        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 {
  /*      display: block;*/
      padding: 0;
  }
}

@media only screen and (max-width: 390px) {
  /*.announcement-bar{
    font-size: 12px;
  }*/
  .announcement-bar .font-18 {
      font-size: 15px;
  }

 /* span.flashing-text{
    font-size: 13px;
  }*/
}

.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;
}
/*-----Count- View----------*/
.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: 0px;
} 
.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: 0px;
    margin-top: 0px;
}
.pvc_stats{
  padding:0px;
}
}
@media screen and (max-width: 497px) {
  span.pvc_statssingle {
    gap: 0 !important;
    padding-left: 0;
    text-align: left !important;
    margin-left: 0;
    margin-top: 0px;
}
}
@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: 0px;
}
.blog-category-row-category .gap-3 {
    gap: 11px !important;
    margin-top: 4px;
}
}
/*------cf7 css-------*/
.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: 0px 2px 2px 0px #00000033;
  border: 1px solid #B9CAD0;
}

/*----CSS for logo---*/
#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, 0.10);
  display: none;
}

/*----CSS for dynamic CTA---*/
.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;
}


/* DFM Popup Update*/
.ks-popup-ui .dfm-ks-popup {
  background-color: #f9fafb;
  border: 1px solid #828080;
  box-shadow: 0px 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;
  }
}


/* Disable scroll when modal is open */
.no-scroll {
  overflow: hidden !important;
}

/* 17 Feb 2025 */
#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: white;
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: 0px;
}
.dfm-feb-benefits .card-set-block.bg-FFE5CC {
background-color: #F7FDFF;
}
.dfm-feb-benefits .card-set-block.bg-F5F6F8 {
background-color: #FFFFFF; 
}
.dfm-feb-benefits .horizontal-card {
padding: 32px 24px 33px 24px;
position: relative;
overflow: hidden;
gap: 16px;
border-radius: 13.51px;
border: 0.84px solid #E7E7E7;
box-shadow: 0px 2px 2px 0px rgba(0, 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: 0px;
}
}
.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: 0px;
}
}

.svg-img-5{
  top: 0px;
  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: 0px;
}
}
/* pinot-steps-by CSS starts*/
.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 0px;
.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: #E13D4B;
    }
  }
  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: 0px 0px 40px 0;
  .pinot-title{
    margin-bottom: 34px;
  }
}
}

@media screen and (max-width: 767.98px){
.pinot-steps-by{
  padding: 0px 0px 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: 0px;
    top: 50px;
  }
  .arrow-mob-position-div-2{
    left: 0px;
    top: 50px;
  }
  .extra-space-gap .data-set-psb{
    gap: 47px !important;
  }
} 
}

/* pinot-steps-by CSS ends*/


/* DFM Popup Update*/
.ks-popup-ui .dfm-ks-popup {
  background-color: #f9fafb;
  border: 1px solid #828080;
  box-shadow: 0px 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;
  }
}


/* spark css starts */
.bg-FFEAE0{
	background-color: #FFEAE0;
}
@media screen and (min-width: 991.98px){
	.spark-cta-orange .cassupport-row{
		padding-top: 0px;
		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: 0px;
	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;
}

/* spark css ends */

/* DRUID css starts */
.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: 0px;
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: 1180px !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;
  }
  }
/* DRUID css ends */


/* JIRA tickets css fixes starts  */
@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: black;
border-radius: 100%;
top: 10px;
left: 5px;
}
.img-fluid.careeform-img{
  border-radius: 8px;
}

/* JIRA tickets css fixes ends  */

Now
,
/*  ****Nifi Support start Sanjeet****  */
.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;
}
/*  ****Nifi Support end Sanjeet****  */


/* databrick css starts */ 

.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: 0px;
}
.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: 0px;
}
.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: 0px;
	top: 0px;
  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: 0px;
  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: 0px;
  z-index: -1;
}
.db-sec-5 .databricks-grid-item:nth-child(4) .svg-icon{
	left: 0px;
  z-index: -1;
}
.db-sec-5 .databricks-grid-item:nth-child(7) .svg-icon{
	left: 210px;
    bottom: 0px;
    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: 0px;
    z-index: -1;
}
.db-sec-5 .databricks-grid-item:nth-child(9) .svg-icon{
	right: 50px;
    top: 0px;
    z-index: -1;
}
.db-sec-5 .databricks-grid-item:nth-child(10) .svg-icon{
	bottom: 0px;
	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: 0px;
	background-color: white;
	box-shadow: none;
}
.db-sec-2.trusted-snowflake .container img{
	width: 100%;
	border-radius: 16px;
}
.db-sec-2.trusted-snowflake .snowflakepara{
	margin-bottom: 0px;
}
	.data-b-sec-3 .snowflake-subser{
		text-align: left;
	}
.db-sec-5 .snowfalk-with-supoort{
	text-align: left;
}
.db-sec-5 .databricks{
	padding: 0px;
}
.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: 0px;
	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: 0px;
}
.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: 0px;
	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;
}

/* databrick css starts */ 
@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;	
}
}
/* Agentforce css starts */
.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: 0px;
}
.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: 0px;
	left: 0px;
	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: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.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: 0px;
}
.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: 0px;
}
.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;
}
/* Agentforce css ends */

/* UI-path-css start */
#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: 0px 2px 2px 0px #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;
  }
}
/* UI-path-css end */

/****Contact form sucess message start mobile ****/
@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;
  }
}


/* 24 march 2025 Naushad CSS */
.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');
}

/****Contact form sucess message end mobile ****/

/* show current selected main and sub menu active - Start - (Charan)-Kww-768 */
.active-link {
  color: #e13d4b  !important; /* or whatever color you want */
  font-weight: 600;
}

.active-menu-item > a {
  color: #e13d4b !important;
}

.active-parent-menu > .nav-div > a {
  color: #e13d4b  !important;
}

.active-grandparent-menu > .nav-div > .text-dark {
  color: #e13d4b  !important;
}
 /* show current selected main and sub menu active - End */


/* devops-support-page starts*/
@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: 
      0px 1px 2px 0px rgba(16, 24, 40, 0.06),
      0px 1px 3px 0px rgba(16, 24, 40, 0.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: 0px;
  }
  .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;
}
  }
  /* devops-support-page ends*/
  
  /* Override for error state -Upload Your Resume */
  #file_upload.show_error {
    border: 1px solid #DE2B3A !important;
    
  }
  
  /* Override for success state  -Upload Your Resume */
  #file_upload.show_success {
    border: 1px solid #ced4da !important;
    
  }



  /* CTI CSS STARTS*/
  .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: 0px 0px 0px;
 }
 .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: 0px;
 }
 .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: 0px;
 }
 .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: 0px;
    margin-bottom: 0PX;
 }
 .sp-sec-10 .user-card-container p{
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
 }
 .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: 0px;
    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: 0px;
    left: 0px;
    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: 0px;
      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:0px;
       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: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(2)::before{
       position: absolute;
       content: "";
       width: 1px;
       height: 100%;
       background-color: #ADCBD7;
       right: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(3)::before{
       position: absolute;
       content: "";
       width: 1px;
       height: 100%;
       background-color: #ADCBD7;
       right: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(1)::after{
       position: absolute;
       content: "";
       width: 1px;
       height: 27%;
       background-color: #ADCBD7;
       left: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(4)::before{
       position: absolute;
       content: "";
       width: 1px;
       height: 27%;
       background-color: #ADCBD7;
       right: 0px;
       bottom: 0px;
    }
 }
 @media screen and (max-width: 991.98px){

    .cti-desktopview {
    padding: 48px 10px;
  }
    .data-blue-box{
       min-height: 836px;
    }
    .outter-curve-arrow::after{
      bottom: 0px;
      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: 0px;
         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: 0px;
    }
    .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: 0px;
    }
    .sp-sec-9 .row{
       margin: 0px;
       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: 0px;
       bottom: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(2)::before{
       position: absolute;
       content: "";
       width: 100%;
       height: 1px;
       background-color: #ADCBD7;
       left: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(3)::before{
       position: absolute;
       content: "";
       width: 100%;
       height: 1px;
       background-color: #ADCBD7;
       left: 0px;
       bottom: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(1)::after{
       position: absolute;
       content: "";
       width: 40%;
       height: 1px;
       background-color: #ADCBD7;
       left: 0px;
       top: 0px;
    }
    .sp-sec-9 .custom-spacing:nth-child(4)::before{
       position: absolute;
       content: "";
       width: 40%;
       height: 1px;
       background-color: #ADCBD7;
       right: 0px;
       bottom: 0px;
    }
    .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: 0px;
    }
    .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;
  }
 }
/* CTI CSS ENDS*/
/* redis css starts */
.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;
	}
}
/* redis css ends */
/* druid new css add starts */
/* section-six */ 
.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: 0px 6px 16px -4px rgba(16, 24, 40, 0.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;
    }
}

/* druid new css add ends */

/* new footer add css */
.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;
}
}
/* new footer add css ends*/

/* Hire Dedicated Salesforce css starts */
/* ------ grid section starts --------*/
.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: 0px;
}
.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: 0px;
}
.salesforce-grid-item-hire .bg-retention .color-323232.font-40{
	font-weight: 700 !important;
}
    .salesforce-grid-container .bg-code {
        top: 0px;
    }
	.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: 0px;
		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;
    	}

}

/* ------ grid section ends --------*/
.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: white;
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 0px rgba(214, 214, 214, 0.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 h3{
	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 h3{
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: 0px;
}
.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;
}
/* Hire Dedicated Salesforce css ends */

  /* salesforces service css revamp 1-may-2025 start*/
  @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: #ffffff;
         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: 0px;
      }
      .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-items */
      .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;
      }
      /* end */
      @media screen and (max-width: 1400px) {
        /* professional-grid */
        .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) {
        /* professional-grid */
        .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) {
        /* professional-grid */
        .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) {
        /* professional-grid */
        .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 0px;
       }
      }

      @media screen and (max-width: 575px) {
        /* professional-grid */

        .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%;
      }
      /*.client-sec-new .user-content-conta .card-bottom-set span{
         font-weight: 600;
      }*/
	@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;
         }
      }
/*      1*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(1) .curve-lap{
         bottom: 0px;
         right: 35px;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(1) .curve-mob{
         left: -10px;
         bottom: 0px;
      }
/*      2*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-lap{
         bottom: 0px;
         right: 0px;
         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: 0px;
         bottom: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(2) .curve-mob img{
         height: 100%;
      }
/*      3*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-lap{
         bottom: 0px;
         left: 35px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(3) .curve-mob{
         left: 50%;
         top: 0px;
         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%;
      }
/*      4*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-lap{
         bottom: 0px;
         left: -7px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(4) .curve-mob{
         right: -10px;
         top: 0px;
         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%;
      }
/*      5*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-lap{
         bottom: 0px;
         right: 48px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(5) .curve-mob{
         left: 50%;
         top: 0px;
         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%;
      }
/*      6*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-lap{
         bottom: -4px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(6) .curve-mob{
         top: 0px;
         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%;
      }
/*      7*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-lap{
         top: 34px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(7) .curve-mob{
         left: 50%;
         top: 0px;
         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%;
      }
/*      8*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-lap{
         bottom: 0px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(8) .curve-mob{
         top: 0px;
         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%;
      }
/*      9*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-lap{
         top: 34px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(9) .curve-mob{
         left: 50%;
         top: 0px;
         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%;
      }
/*      10*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-lap{
         bottom: -5px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(10) .curve-mob{
         right: 0px;
         top: 0px;
         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%;
      }
/*      11*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-lap{
         bottom: -24px;
         right: 0px;
         height: 100%;
      }
      .curves-position-add .salesforce-professional-grid-item:nth-child(11) .curve-mob{
       left: 50%;
         top: 0px;
         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%;
      }
/*      12*/
      .curves-position-add .salesforce-professional-grid-item:nth-child(12) .curve-lap{
         bottom: -4px;
         right: 0px;
         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%;
      }
/*      13*/
      .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: 0px;
         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;
        /* padding: 24px !important; */
      }
      .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");
      }
      /* .profesiional-set-new.hire-sec-new .bg-extensive,
      .profesiional-set-new.hire-sec-new .bg-industry {
        gap: 16px;
      } */
      @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;
        }
      }
/* salesforces service css revamp 1-may-2025 end*/

/* dc-page css starts */
@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;
  }
}
/*grid css starts */
  /* section-six */
  .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: 0px;
    }
  }
  @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: 0px;
    }
  }
  @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: 0px;
    }
    .data-cloud-grid-box .data-cloud-grid-item .title-small {
      font-size: 48px;
    }
  }
  
  /*grid css ends */
  .dc-banner-img{
    background-image: url('/wp-content/uploads/2025/05/sc-banner-img.webp') !important;
  }
  .dc-banner-stats{
    box-shadow: 0px 2px 2px 0px rgba(0, 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: 0px;
      left: 0px;
      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 0px rgba(231, 245, 251, 0.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: 0px;
    left: 0px;
  }
  .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:0px;
    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: 0.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;
  }
  }
/* cloud page css end */

/* sf-impletment revamp css starts */
.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: 0px;
}
.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: 0px;
}
}
@media screen and (max-width: 991.98px){
	.impleme-guidance.bg-img{
		background-size: cover;
	}
}
/* sf-impletment revamp css ends */


/* Zookeeper Support Page and MYSQL Support Page" css starts */
.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 (min-width: 1200px) and (max-width: 1400px) {
          /* .container {
              max-width: calc(100% - 120px) !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;
        }
      }
/* Zookeeper Support Page and MYSQL Support Page" css ends */

/*mongoDB CSS starts*/
  .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: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #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;
    }
  }
/* mongoDB css ends here */


.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: 0.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: 0.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; /* space between text and arrow */
  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='%23e13d4b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.resource-title a:hover {
  color: #e13d4b !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;
}
}

/* UI Path CSS Start */

.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: 0px 1px 2px 0px #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 #E13D4B !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 0px #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;
}
/* comon css */
.w-content {
  width: max-content;
}
/* media query */
@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: 139px 18px 121px 160px; */
    grid-template-rows: 140px 3px 121px 160px;
    grid-template-columns: 262px 0px 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;
  }
  /*banner*/
  .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;
  }
  /*empower intelligent*/
  .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%;
  }
  
  /*cta 1 section*/
  .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%;
  }
  /*rpa dev*/
  .strengths-uipath-dev-section .rpa-dev-card {
    min-height: 159px;
    height: 156px;
  }
  .hire-uipath-developers-section .rpa-dev-card .font-16 {
    font-size: 16px;
  }
  /*Flexible Hiring Models for UiPath Developers*/
  .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;
  }
  /*process*/
  .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;
  }
  /*industry*/
  .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;
  }
  /*services*/
  .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*/
  .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;
  }
}

/* UI Path CSS ENd */

/* CRM-css */
   .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: #FFFFFF;
      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 0px #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: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #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 0px;
        }
        .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: 0px;
           }
           .crm-services  .salesforce-consulting-grid-box-item:nth-child(8):before {
            max-width: 220px;
            background-image: url("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");
           }
         }
/* CRM CSS-end */


.integration-sales-services .salespaid-form .salespaid-form-head {
  padding: 0 20px;
  font-size:22px;
}
/* choose-us */
.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: #ffffff;
}
.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: 0px;
}
.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: #FFFFFF;
 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 0px #c7c7c740;
background-color: #ffffff;
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) {
/* styles for 1st item */
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) {
/* styles for 2nd item */
grid-row: 1/2;
grid-column: 4/5;
display: flex;
align-items: center;
}

.step-integration-grid-box .step-integration-item:nth-child(3) {
/* styles for 3rd item */
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) {
/* styles for 4th item */
grid-row: 1/2;
grid-column: 8/9;
display: flex;
align-items: center;
}

.step-integration-grid-box .step-integration-item:nth-child(5) {
/* styles for 5th item */
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) {
/* styles for 6th item */
grid-row: 2/3;
grid-column: 1/12;
display: flex;
justify-content: center;
}

.step-integration-grid-box .step-integration-item:nth-child(7) {
/* styles for 7th item */
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) {
/* styles for 8th item */
grid-row: 3/4;
grid-column: 2/3;
display: flex;
align-items: center;
}

.step-integration-grid-box .step-integration-item:nth-child(9) {
/* styles for 9th item */
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) {
/* styles for 10th item */
grid-row: 3/4;
grid-column: 6/7;
display: flex;
align-items: center;
}

.step-integration-grid-box .step-integration-item:nth-child(11) {
/* styles for 11th item */
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) {
/* styles for 12th item */
grid-row: 3/4;
grid-column: 10/11;
display: flex;
align-items: center;
}

.step-integration-grid-box .step-integration-item:nth-child(13) {
/* styles for 13th item */
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: #ffffff;
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: #ffffff;
}
.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;
/* gap: 16px; */
}
.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;
}
}

/* Salesforce Integration Services Campaign END */

/* Salesforce Development Services Campaign Start */
.new_saleforce_dev_services .impleme-four-card{
  background-color: rgba(242, 248, 255, 0.80);
}
.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;
  }
}
/* Salesforce Development Services Campaign END */
/* odoo-upgrade-css-start */
.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: #ffffff;
  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 0px #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: white;
  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: 0px 4px 4px 0px rgba(131, 113, 113, 0.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;
  /* line-height: 100%; */
  /* letter-spacing: -0.5%; */
  border-bottom: 0.5px solid #e7e7e7;
  border-top: 1px solid transparent;
  border-right: none;
  border-left: none;
}
.table-sticky-left tbody td {
  border: 0.2px solid #e7e7e7;
  padding: 15px 24px;
  color: #484848;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  border-right: none;
  border-left: none;
  /* border-top: none; */
}
.table-sticky-left tbody .txt-sticky-left {
  color: #212121;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -0.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 */
.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: #ffffff;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #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: -0.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: 0px;
    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: 0px;
    left: 0px;
  }
  .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 0px 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;
  }
}
/* odoo-upgrade-css-end */

/* Odoo Experience 2025 Event Start */

.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 */
  .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: 0.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, 0.1) -3.89%, rgba(82, 0, 74, 0.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: 0px;
    }
    .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 Experience 2025 Event End */

  /* odoo-testimonial-slider-css-start */

.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: #ffffff;
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;
}
/* .odoo-test-ex .odoo-text-img img {
  height: 32px;
  width: 32px;
} */

.video-odoo-ex {
padding: 32px 0 32px;
}

.odoo-ex-testimonial-box {
padding:0 0 32px !important;
background-color:#F9FAFB !important;
}
}



/*  ROI css starts */

.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: #ffffff;
}
.roi-banner .text-banner-para{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #ffffff;
}
.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: #ffffff;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 24px;
}
.jerry-talk-para{
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;   
}
.jerry-pos{
  color: #ffffff;
  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: 0px 25px 120px -30px rgba(0, 0, 0, 0.12);
  background-color: white;
  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, 0.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, 0.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: 0px;
  }
  .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 0px;
width: 100%;
transform: scale(0.8);
transform-origin: 0 0;
}
}

/* ROI css ends */

/* RollUP Magic Start */

.choose-roll-up {
padding: 64px 0px;
}

.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, 0.06) 0px 1px 2px 0px,
rgba(16, 24, 40, 0.1) 0px 1px 3px 0px;
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 0px;
}

.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 0px;
}

.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: 0px 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;
}

/* solution-section */
.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;
}
/* key-features */
.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;
}
/* banner */
.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;
}
/* experience */
.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-css */
.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: #ffffff;
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: 0px;
}

.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 0px 0px;
grid-column: span 1 !important;
}

.cta-grid-rule .right-r {
padding-bottom: 32px;
padding-top: 0px;
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;
}
}
/* RollUP Magic End */

/* MS dynamic 365 starts */

.ks-section-sub-title{
      color: #323232; 
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 27px;
   }
   /* banner */
   .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: 0px 2px 30px 0px rgba(76, 40, 40, 0.25);
      background-color: #ffffff;
      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: 0px;
      left: 0px;
   }
   .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;
   }


   /* comon css */
   .w-content {
      width: max-content;
   }
   .bg-color-9FAFB {
      background-color: #F9FAFB;
   }
   .btn-md {
      min-height: 48px;
   }
   .d-contents {
      display: contents;
   }
   /* media query */
   @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: 0px;
         order: 2;
      }
      .ks-card-right {
         margin-left: 0px;
         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: 0px 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: 0px;
         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%;
      }
   }


/*   //grid*/
.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;
   }
}

/* MS dynamic 365 ends */

/* CTA Modal - close btn in mobile view */

.popup-close{
  z-index: 100 !important;
}

/* CTA Modal End */

/* hire admins css starts */
.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: 0px;
  width: 100%;
  height: 45%;
  left: 0px;
  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: 0px;
  }
  .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: 0px;
  left: 0px;
  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
  }
}

/* hire admins css ends */

/* odoo-erp-hm-css-start */
.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 thickness */
    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: 0px;
    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: 0px 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: 0px 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;
  }
  /* new */
.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: #ffffff;
}
.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: #ffffff;
}
.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;
  }
  }
/* odoo-erp-hm-css-end */


/* Big Data London 2025 Start */
.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 #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
@media screen and (max-width: 991.98px){
  .dgiq-sec-3.ldn-add .border-lr-new{
     border-left: 1px solid #FFFFFF;
     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, 0.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, 0.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 0px rgba(210, 210, 210, 0.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: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
padding: 32px;
}

.event-data-summitform .wpcf7-form .wpcf7-spinner {
background: #e13d4b;
opacity: 0.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;
}
}
/* Big Data London 2025 End */


/* new css for column in grid starts */
@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;
  }
}
/* new css for column in grid ends */

/* AI ML SERVICES CSS STARTS */
*{
    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;
    object-fit: cover;
}
.our-solution-sec .img-box-set-r{
    border-radius:  0 16px 16px 0;
    padding: 11px 11px 11px 0px;
    min-width: 230px;
    max-width: 230px;
}
.our-solution-sec .img-box-set-r img{
    border-radius:  0 16px 16px 0;
     object-fit: cover;
}
.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 0px;
    }
    .our-solution-sec .img-box-set-r img{
        border-radius: 9px 9px 0 0px;
    }
}
@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 0px;

    }
    .our-solution-sec .img-box-set-r{
        min-width: 242px;
        max-width: 242px;
max-height: 242px;
border-radius: 16px 16px 0 0px;
    }
.our-solution-sec .img-box-set-l img, .our-solution-sec .img-box-set-r img{
border-radius: 16px 16px 0 0px;
}

}

/* cta and our-ai-driven-app css*/
.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: #ffffff;
  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: #ffffff;
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 0px rgba(221, 240, 255, 0.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;
}
/* 2 */
.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: #ffffff;
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: #ffffff;
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: center;
}
.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: 0px;
    }
    .shaping-sec-ai::after{
       background-image: url("/wp-content/uploads/2025/08/grad-mob-v.svg");
       bottom: 0px;
       right: 0px;
    }
    .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;            /* Align to the right side */
      top: 50%;            /* Move to the vertical center */
      transform: translateY(-50%); /* Adjust to be truly centered */
      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: 0px;
     }
     .new-inner-circular-box .card-slot{
      flex-direction: row !important;
     }
 }

/* AI ML SERVICES CSS ENDS */

/* migration nifi camp page*/
.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: white;
  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, 0.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: bold; }
.table-Etl .cross { color: red; font-weight: bold; }
.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; /* make sure it's above body cells */
}
.table-Etl .top-tag{
  border: 1px solid #E7E7E7 !important;
  border-radius: 16px 16px 0 0;
  text-align: center;
}
.table-Etl .top-tag h3{
  color: #FFFFFF;
  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: white;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.color-set-88A{
  background-color: #88A4CE;
  color: white;
}
.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: #FFFFFF;
}
.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: 0px;
  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-left: 1px solid #E7E7E7 !important; */
  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: white;
  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, 0.8);
  background-position: center;
}
.blue-grad-bot .rating-box{
  background-color: rgba(3, 16, 37, 0.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: white;
}
.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{
 /* width: 125px !important;*/
  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: 0px 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, 0.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, 0.4) 5.46%, rgba(196, 203, 213, 0.4) 80.91%);
  box-shadow: 4px 4px 8px 0px rgba(212, 212, 212, 0.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: 0px;
 }
 .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%; /* positions just below the .icon */
  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%;           /* vertically center */
    right: 0;           /* align to the right */
    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%;           /* vertically center */
    left: 0;           /* align to the right */
    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%; /* positions just below the .icon */
    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: 0px;
  }
  .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;
  }
 }

/* migration nifi camp page */

/* case studies search- clear button*/
.clear-btn {
    border: none;
    background: 0 0;

}

/* slider oddo baaner csss start  */
.slide-in  { animation: slideIn  0.6s ease-out forwards; }
.slide-out { animation: slideOut 0.6s ease-in  forwards; }
/* slider oddo baaner csss end  */



/* AI Driven Automation services Start */
.color-84A7FF{
color:#84A7FF;
}

.bg-aifaqs {
    background-color: #1f0b24;
}

.page-template-template_ai_driven_automation_services .mailpoet-section {
    display: none;
}

.page-template-template_ai_driven_automation_services .footer-new-set {
    display: none;
}
.page-template-template_ai_driven_automation_services footer {
    display: none !important;
}
.service-faq-sec.bg-aifaqs .card-header .btn-accordian:after,
.service-faq-sec.bg-aifaqs details .btn-accordian:after {
  filter: brightness(0) invert(1);
   top:15px;
}

.bg-aifaqs details.card.sales-health-faq {
   border: 1px solid rgb(210 212 215 / 50%) !important;
   background: rgba(255, 255, 255, 0.05);
   /* border-radius: 16px; */
   backdrop-filter: blur(64px);
   margin-bottom: 16px;
   padding: 16px;
}

.bg-aifaqs details.card.sales-health-faq summary.card-header.btn-accordian {
    color: #f3f4f5 !important;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding: 16px;
}

.bg-aifaqs details.card.sales-health-faq:hover {
    background-color: #3b2c5e;
}
.impl-nine.ai-automation-impl.automationservice .ks-AutoCaptureForm-main-container.ks-auto-capture-campaign-bottom .auto-capture-submit button {
    border-radius: 100px;
}
.talkauto{
  padding-top:12px;
  padding-bottom:12px;
}

.bg-F5F9FF{
    background-color: #F5F9FF !important;
}
/* AI Driven Automation services End */