/* [project]/app/inter_c9a6c3d3.module.css [app-client] (css) */
@font-face {
  font-family: inter;
  src: url("../media/Inter_Regular-s.p.bb790cf1.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: inter;
  src: url("../media/Inter_Medium-s.p.f15e2600.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: inter;
  src: url("../media/Inter_SemiBold-s.p.c0d23fcd.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: inter;
  src: url("../media/Inter_Bold-s.p.67820268.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: inter Fallback;
  src: local(Arial);
  ascent-override: 89.79%;
  descent-override: 22.36%;
  line-gap-override: 0.0%;
  size-adjust: 107.89%;
}

.inter_c9a6c3d3-module__KNjWHG__className {
  font-family: inter, inter Fallback;
}

.inter_c9a6c3d3-module__KNjWHG__variable {
  --font-family-inter: "inter", "inter Fallback";
}

/* [project]/node_modules/bootstrap/dist/css/bootstrap-grid.min.css [app-client] (css) */
.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) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-left: auto;
  margin-right: 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;
  }
}

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

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

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

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

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

.col {
  flex: 1 0 0;
}

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

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

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

.row-cols-3 > * {
  flex: none;
  width: 33.3333%;
}

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

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

.row-cols-6 > * {
  flex: none;
  width: 16.6667%;
}

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

.col-1 {
  flex: none;
  width: 8.33333%;
}

.col-2 {
  flex: none;
  width: 16.6667%;
}

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

.col-4 {
  flex: none;
  width: 33.3333%;
}

.col-5 {
  flex: none;
  width: 41.6667%;
}

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

.col-7 {
  flex: none;
  width: 58.3333%;
}

.col-8 {
  flex: none;
  width: 66.6667%;
}

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

.col-10 {
  flex: none;
  width: 83.3333%;
}

.col-11 {
  flex: none;
  width: 91.6667%;
}

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

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

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

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

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

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

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

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

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

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

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

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

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

.g-2, .gy-2 {
  --bs-gutter-y: .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 0;
  }

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

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

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

  .row-cols-sm-3 > * {
    flex: none;
    width: 33.3333%;
  }

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

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

  .row-cols-sm-6 > * {
    flex: none;
    width: 16.6667%;
  }

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

  .col-sm-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-sm-2 {
    flex: none;
    width: 16.6667%;
  }

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

  .col-sm-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%;
  }

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

  .col-sm-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%;
  }

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

  .col-sm-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%;
  }

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

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

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

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

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

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

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

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

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: .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 0;
  }

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

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

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

  .row-cols-md-3 > * {
    flex: none;
    width: 33.3333%;
  }

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

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

  .row-cols-md-6 > * {
    flex: none;
    width: 16.6667%;
  }

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

  .col-md-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-md-2 {
    flex: none;
    width: 16.6667%;
  }

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

  .col-md-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%;
  }

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

  .col-md-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%;
  }

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

  .col-md-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%;
  }

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

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

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

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

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

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

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

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

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

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

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

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

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: .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 0;
  }

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

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

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

  .row-cols-lg-3 > * {
    flex: none;
    width: 33.3333%;
  }

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

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

  .row-cols-lg-6 > * {
    flex: none;
    width: 16.6667%;
  }

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

  .col-lg-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-lg-2 {
    flex: none;
    width: 16.6667%;
  }

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

  .col-lg-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%;
  }

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

  .col-lg-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%;
  }

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

  .col-lg-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%;
  }

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

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

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

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

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

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

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

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

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: .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 0;
  }

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

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

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

  .row-cols-xl-3 > * {
    flex: none;
    width: 33.3333%;
  }

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

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

  .row-cols-xl-6 > * {
    flex: none;
    width: 16.6667%;
  }

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

  .col-xl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xl-2 {
    flex: none;
    width: 16.6667%;
  }

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

  .col-xl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%;
  }

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

  .col-xl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%;
  }

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

  .col-xl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%;
  }

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

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

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

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

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

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

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

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

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .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 0;
  }

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

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

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

  .row-cols-xxl-3 > * {
    flex: none;
    width: 33.3333%;
  }

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

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

  .row-cols-xxl-6 > * {
    flex: none;
    width: 16.6667%;
  }

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

  .col-xxl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xxl-2 {
    flex: none;
    width: 16.6667%;
  }

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

  .col-xxl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%;
  }

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

  .col-xxl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%;
  }

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

  .col-xxl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%;
  }

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

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

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

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

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

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

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .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;
  }
}

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

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

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

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

.d-inline-grid {
  display: inline-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;
}

.flex-fill {
  flex: 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: .25rem !important;
}

.m-2 {
  margin: .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-left: 0 !important;
  margin-right: 0 !important;
}

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

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

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

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

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

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

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

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

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .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: .25rem !important;
}

.mt-2 {
  margin-top: .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: .25rem !important;
}

.me-2 {
  margin-right: .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: .25rem !important;
}

.mb-2 {
  margin-bottom: .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: .25rem !important;
}

.ms-2 {
  margin-left: .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: .25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .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: .25rem !important;
}

.pt-2 {
  padding-top: .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: .25rem !important;
}

.pe-2 {
  padding-right: .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: .25rem !important;
}

.pb-2 {
  padding-bottom: .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: .25rem !important;
}

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

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

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

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

@media (min-width: 576px) {
  .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-inline-grid {
    display: inline-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: 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: .25rem !important;
  }

  .m-sm-2 {
    margin: .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-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

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

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

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

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

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

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

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important;
  }

  .mt-sm-2 {
    margin-top: .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: .25rem !important;
  }

  .me-sm-2 {
    margin-right: .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: .25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: .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: .25rem !important;
  }

  .ms-sm-2 {
    margin-left: .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: .25rem !important;
  }

  .p-sm-2 {
    padding: .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-left: 0 !important;
    padding-right: 0 !important;
  }

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

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

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

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

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

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

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

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important;
  }

  .pt-sm-2 {
    padding-top: .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: .25rem !important;
  }

  .pe-sm-2 {
    padding-right: .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: .25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: .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: .25rem !important;
  }

  .ps-sm-2 {
    padding-left: .5rem !important;
  }

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

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

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

@media (min-width: 768px) {
  .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-inline-grid {
    display: inline-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: 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: .25rem !important;
  }

  .m-md-2 {
    margin: .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-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

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

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

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

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

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

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

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important;
  }

  .mt-md-2 {
    margin-top: .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: .25rem !important;
  }

  .me-md-2 {
    margin-right: .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: .25rem !important;
  }

  .mb-md-2 {
    margin-bottom: .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: .25rem !important;
  }

  .ms-md-2 {
    margin-left: .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: .25rem !important;
  }

  .p-md-2 {
    padding: .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-left: 0 !important;
    padding-right: 0 !important;
  }

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

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

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

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

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

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

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

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important;
  }

  .pt-md-2 {
    padding-top: .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: .25rem !important;
  }

  .pe-md-2 {
    padding-right: .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: .25rem !important;
  }

  .pb-md-2 {
    padding-bottom: .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: .25rem !important;
  }

  .ps-md-2 {
    padding-left: .5rem !important;
  }

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

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

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

@media (min-width: 992px) {
  .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-inline-grid {
    display: inline-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: 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: .25rem !important;
  }

  .m-lg-2 {
    margin: .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-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

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

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

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

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

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

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

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important;
  }

  .mt-lg-2 {
    margin-top: .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: .25rem !important;
  }

  .me-lg-2 {
    margin-right: .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: .25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: .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: .25rem !important;
  }

  .ms-lg-2 {
    margin-left: .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: .25rem !important;
  }

  .p-lg-2 {
    padding: .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-left: 0 !important;
    padding-right: 0 !important;
  }

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

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

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

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

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

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

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

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important;
  }

  .pt-lg-2 {
    padding-top: .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: .25rem !important;
  }

  .pe-lg-2 {
    padding-right: .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: .25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: .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: .25rem !important;
  }

  .ps-lg-2 {
    padding-left: .5rem !important;
  }

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

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

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

@media (min-width: 1200px) {
  .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-inline-grid {
    display: inline-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: 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: .25rem !important;
  }

  .m-xl-2 {
    margin: .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-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

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

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

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

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

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

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

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important;
  }

  .mt-xl-2 {
    margin-top: .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: .25rem !important;
  }

  .me-xl-2 {
    margin-right: .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: .25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: .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: .25rem !important;
  }

  .ms-xl-2 {
    margin-left: .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: .25rem !important;
  }

  .p-xl-2 {
    padding: .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-left: 0 !important;
    padding-right: 0 !important;
  }

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

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

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

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

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

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

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

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important;
  }

  .pt-xl-2 {
    padding-top: .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: .25rem !important;
  }

  .pe-xl-2 {
    padding-right: .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: .25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: .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: .25rem !important;
  }

  .ps-xl-2 {
    padding-left: .5rem !important;
  }

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

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

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

@media (min-width: 1400px) {
  .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-inline-grid {
    display: inline-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: 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: .25rem !important;
  }

  .m-xxl-2 {
    margin: .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-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

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

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

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

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

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

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

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important;
  }

  .mt-xxl-2 {
    margin-top: .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: .25rem !important;
  }

  .me-xxl-2 {
    margin-right: .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: .25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: .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: .25rem !important;
  }

  .ms-xxl-2 {
    margin-left: .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: .25rem !important;
  }

  .p-xxl-2 {
    padding: .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-left: 0 !important;
    padding-right: 0 !important;
  }

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

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

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

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

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

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

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

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important;
  }

  .pt-xxl-2 {
    padding-top: .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: .25rem !important;
  }

  .pe-xxl-2 {
    padding-right: .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: .25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: .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: .25rem !important;
  }

  .ps-xxl-2 {
    padding-left: .5rem !important;
  }

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

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

  .ps-xxl-5 {
    padding-left: 3rem !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-inline-grid {
    display: inline-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;
  }
}

/* [project]/src/style/style.css [app-client] (css) */
* {
  box-sizing: border-box;
}

.colored-text {
  color: var(--color-ccdfe1) !important;
}

a {
  color: var(--color-0b262a);
  text-decoration: none;
}

a:hover {
  color: #00a7ad;
}

p a, .sub-title a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .blog-inner-page li a {
  color: var(--color-0b262a);
  text-decoration: underline !important;
}

p a:hover, .sub-title a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, li a:hover {
  color: #00a7ad;
  text-decoration: none !important;
}

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

.sticky-top {
  top: 0;
}

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

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

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

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

.card {
  background-color: #fff;
}

.triangle-top-bottom, .triangle-bottom, .triangle-top {
  position: relative;
}

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

.gap-2 {
  gap: .5rem !important;
}

@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0 !important;
  }
}

.triangle-bottom:after, .triangle-top:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-down.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.about-us-section.triangle-bottom:after {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-down-new.png");
}

.trusted-by-section.dark-color.color-triangle-bottom {
  position: relative;
}

.color-triangle-bottom:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Rectangle-colour.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.triangle-top:after {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-up.png");
  background-position: top;
  top: 0;
  bottom: auto;
}

.color-triangle-top:after {
  background-position: top;
  top: 0;
  bottom: auto;
}

.triangle-top-bottom:after, .triangle-top-bottom:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-up.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.triangle-top-bottom:before {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-down.png");
  background-position: bottom;
  top: auto;
  bottom: -1px;
}

.bg-gradient-10 > div:nth-child(6n+1) > div {
  background: linear-gradient(#e08bfc1a 0%, #7357fb1a 100%);
}

.bg-gradient-10 > div:nth-child(6n+2) > div {
  background: linear-gradient(#00aeef1a 0%, #0f5ec91a 100%);
}

.bg-gradient-10 > div:nth-child(6n+3) > div {
  background: linear-gradient(181deg, #00e3961a 0%, #00c0ce1a 100%);
}

.bg-gradient-10 > div:nth-child(6n+4) > div {
  background: linear-gradient(#ffbd911a 0%, #ff71711a 100%);
}

.bg-gradient-10 > div:nth-child(6n+5) > div {
  background: linear-gradient(#24eefc1a 0%, #236dfc1a 100%);
}

.bg-gradient-10 > div:nth-child(6n+6) > div {
  background: linear-gradient(178deg, #fedb4d1a 0%, #f285551a 100%);
}

.bg-purple {
  background: linear-gradient(#e08bfc 0%, #7357fb 100%);
}

.bg-blue {
  background: linear-gradient(#00aeef 0%, #0f5ec9 100%);
}

.bg-green {
  background: linear-gradient(181deg, #00e396 0%, #00c0ce 100%);
}

.bg-orange {
  background: linear-gradient(#ffbd91 0%, #ff7171 100%);
}

.bg-skyblue {
  background: linear-gradient(#24eefc 0%, #236dfc 100%);
}

.bg-yellow {
  background: linear-gradient(178deg, #fedb4d 0%, #f28555 100%);
}

.bg-purple-light {
  background: linear-gradient(89deg, #ce9ffc14 0%, #7367f014 100%);
}

.bg-pink {
  background: transparent linear-gradient(180deg, #ffc4e9 0%, var(--unnamed-color-ff6baf) 100%) 0% 0% no-repeat padding-box;
  background: linear-gradient(#ffc4e9 0%, #ff6baf 100%) no-repeat padding-box padding-box;
}

.bg-light-green {
  background: transparent linear-gradient(180deg, #94f4ff 0%, var(--unnamed-color-06a273) 100%) 0% 0% no-repeat padding-box;
  background: linear-gradient(#94f4ff 0%, #06a273 100%) no-repeat padding-box padding-box;
}

.bg-light-blue {
  background: transparent linear-gradient(179deg, #bae7ff 0%, #95c6ff 20%, var(--unnamed-color-2969ff) 100%) 0% 0% no-repeat padding-box;
  background: linear-gradient(179deg, #bae7ff 0%, #95c6ff 20%, #2969ff 100%) no-repeat padding-box padding-box;
}

.dark-bg-half {
  z-index: 1;
  position: relative;
}

.dark-bg-half:after {
  content: "";
  background-color: var(--color-0b262a);
  z-index: -1;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
}

ul {
  margin: 0 !important;
  padding: 0 !important;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

:placeholder-shown {
  opacity: 1;
}

:-ms-placeholder-shown {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 12px;
}

h1 {
  color: #363636 !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-150 {
  padding-bottom: 150px;
}

.mr-30 {
  padding-right: 30px;
}

.dark-bg-color {
  background-color: var(--color-2f4858);
}

.light-bg-color {
  background: var(--color-light-green);
}

.bg-white {
  background: var(--color-ffffff) !important;
}

.light-bg-pink-color {
  background: linear-gradient(89deg, #fbf7ff 0%, #f4f3fe 100%) no-repeat padding-box padding-box;
}

.light-bg-blogs-color {
  background: linear-gradient(0deg, #f6fcfd, #fff);
}

.why-choose-brainspate-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.why-choose-brainspate-box {
  margin: 0 -8px;
  position: relative;
}

.best-e-commerce .why-choose-brainspate-box:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/center-dot.svg");
  width: 39px;
  height: 40px;
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translateX(-50%);
}

.why-choose-brainspate-inner {
  width: 16.66%;
  padding: 0 8px;
}

.why-choose-brainspate-inner .inner {
  font-size: var(--font-size-18);
  line-height: var(--line-spacing-30);
  font-weight: var(--font-weight-medium);
  cursor: context-menu;
  border-radius: 18px;
  padding: 42px 25px;
  transition: all .4s;
}

.why-choose-brainspate-inner .inner .number {
  color: var(--color-ffffff);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: flex;
}

.why-choose-brainspate-inner .inner .content {
  color: var(--color-0b262a);
  text-align: center;
  font-weight: var(--font-weight-bold);
  padding-top: 19px;
}

.why-choose-brainspate-inner .inner .content span {
  font-weight: var(--font-weight-normal);
  display: block;
  color: var(--color-body) !important;
}

.best-e-commerce .why-choose-brainspate-inner .inner .number {
  background: none;
  width: auto;
  height: auto;
  font-size: 35px;
}

.why-choose-brainspate-inner .inner:hover {
  box-shadow: 3px 4px 30px #aeaeae40;
}

.best-e-commerce .why-choose-brainspate-inner .inner .number.bg-purple {
  color: #873bf2;
}

.best-e-commerce .why-choose-brainspate-inner .inner .number.bg-blue {
  color: #0789de;
}

.best-e-commerce .why-choose-brainspate-inner .inner .number.bg-green {
  color: #15c1ae;
}

.best-e-commerce .why-choose-brainspate-inner .inner .number.bg-orange {
  color: #f6674d;
}

.read-more a:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/simple-right-arrow.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  width: 37px;
  height: 16px;
  margin-left: 14px;
  display: inline-block;
}

.read-more a:hover:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/simple-right-arrow.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  width: 37px;
  height: 16px;
  margin-left: 24px;
  transition: margin-left .5s;
  display: inline-block;
}

.ecom-bg-half {
  z-index: 1;
  position: relative;
}

.ecom-bg-half:after {
  content: "";
  z-index: -1;
  background: linear-gradient(89deg, #fbf7ff 0%, #f4f3fe 100%) no-repeat padding-box padding-box;
  width: 100%;
  height: 80%;
  position: absolute;
  top: -61px;
}

.shopify-bg-half {
  z-index: 1;
  position: relative;
}

.shopify-bg-half:after {
  content: "";
  z-index: -1;
  background: linear-gradient(89deg, #fbf7ff 0%, #f4f3fe 100%) no-repeat padding-box padding-box;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
}

.trusted-by-section {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.trusted-by-section .title {
  text-align: center;
  padding-bottom: 30px;
}

.trusted-by-section .title .white-text {
  color: var(--color-ffffff) !important;
}

.trusted-by-logo .trusted-by-image {
  text-align: center;
  width: 25%;
  padding: 20px 34px;
  position: relative;
}

.trusted-by-logo .trusted-by-image:after {
  content: "";
  background-repeat: no-repeat;
  border-bottom: 1px dashed #57a5b0b3;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.trusted-by-logo .trusted-by-image figure {
  margin: 0;
}

.trusted-by-logo .trusted-by-image:before {
  content: "";
  background-repeat: no-repeat;
  border-right: 1px dashed #57a5b0b3;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.trusted-by-image:nth-child(4n+4):before, .trusted-by-logo .trusted-by-image:nth-last-of-type(-n+4):after {
  opacity: 0;
}

.trusted-by-logo .trusted-by-image img {
  filter: opacity(2.5);
  transition: all .3s ease-out;
}

.themes-main {
  padding-top: 50px;
  padding-bottom: 50px;
}

.woocommerce-page .themes-main {
  padding: 100px 0 60px;
}

.star {
  color: gray;
  width: 22px;
  font-size: x-large;
  display: inline-block;
}

.star:last-child {
  margin-right: 0;
}

.star:before {
  content: "★";
}

.star.on {
  color: #ffd800;
  font-size: 27px;
}

.star.half:after {
  content: "★";
  color: #ffd800;
  width: 10.6px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.star-main {
  display: flex;
}

.star-div, .stars-div {
  align-items: center;
  display: flex;
}

span.star.half {
  position: relative;
}

.trigger {
  text-align: center;
  color: #fff;
  background: #3e3e3e;
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 7px 13px;
  font-family: cursive;
  font-size: 15px;
}

.modal {
  opacity: 0;
  visibility: hidden;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  transition: visibility 0s linear .25s, opacity .25s, transform .25s;
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(1.1);
}

.modal-content {
  background-color: #fff;
  border-radius: .5rem;
  width: 24rem;
  padding: 1rem 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-button {
  float: right;
  text-align: center;
  cursor: pointer;
  background-color: #d3d3d3;
  border-radius: .25rem;
  width: 1.5rem;
  line-height: 1.5rem;
}

.close-button:hover {
  background-color: #a9a9a9;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  transition: visibility linear, opacity .25s, transform .25s;
  transform: scale(1);
}

.clients-wrap figure {
  position: relative;
}

.cat-heading-cls {
  font-family: var(--font-family-inter);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-32);
  line-height: var(--line-spacing-40);
  margin-bottom: 12px;
  display: inline-block;
}

.footer-contact p {
  color: var(--color-body);
  font-size: 16px;
}

footer .social-sec ul li a .icon {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Sprites-Image.webp");
  background-position: -398px -89px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

footer .footer-details-sec {
  flex-wrap: wrap;
  display: flex;
}

footer .left-sec {
  width: 30%;
  padding-right: 25px;
}

footer .footer-logo-wrap {
  justify-content: left;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

footer .footer-detail {
  max-width: 390px;
  padding-left: 50px;
}

footer .footer-detail-inner {
  padding: 60px 0 0;
}

footer .footer-detail-inner ul li {
  list-style: none;
}

footer .footer-contact ul li {
  flex: auto;
  padding-left: 35px;
  position: relative;
}

footer .footer-contact ul .number:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/footer-call-icon.svg");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

footer .footer-contact ul .email:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/mail-icon.svg");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

footer .footer-contact ul .address:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Location.svg");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}

footer .footer-contact ul .address.india-flag:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/India.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 100%;
  width: 22px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
}

footer .footer-contact ul .address.usa-flag:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/USA.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 100%;
  width: 25px;
  height: 44px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

footer .footer-contact ul li a, footer .footer-contact ul li {
  letter-spacing: .4px;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-20);
  line-height: var(--line-spacing-27);
  color: var(--color-body);
  transition: all .4s;
}

footer .right-sec {
  width: 23.33%;
  padding-left: 20px;
}

footer .right-sec .sec-inner {
  display: flex;
}

footer .resources, .footer-contact-detail {
  width: 23.33%;
  padding-left: 25px;
}

footer .sec-inner span {
  line-height: var(--line-spacing-40);
  color: var(--color-0b262a);
  margin: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  display: inline-block;
  font-size: var(--font-size-18) !important;
  font-weight: 600 !important;
}

footer .sec-inner h3 {
  margin: 0;
  padding-bottom: 30px;
}

footer .sec-inner ul li a, footer .sec-inner ul li {
  font-size: 16px;
  line-height: 34px;
  font-weight: var(--font-weight-normal);
  color: var(--color-body);
  transition: all .4s;
}

footer .sec-inner ul li a:hover {
  color: var(--color-00a7ad);
}

footer .social-sec ul li a > div {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Sprites-Image.webp");
  border-radius: 100%;
  width: 50px;
  height: 50px;
  transition: all .4s;
}

footer .social-sec ul li {
  padding: 0 10px;
}

.footer-contact ul {
  padding-left: 0 !important;
}

footer .footer-contact ul li.email:before {
  background-position: center;
  background-size: 90%;
  border-radius: 0;
}

footer .footer-contact ul li.number:before {
  background-position: 4px 4px;
}

footer .footer-contact ul li.address:before {
  background-position: 4px 3px;
}

li.address {
  padding-top: 8px;
  line-height: 24px !important;
}

footer .social-sec ul li a .insta-icon {
  background-color: #f9e9f4;
  background-position: -68px -22px;
}

footer .social-sec ul li a .fb-icon {
  background-color: #e7f1fe;
  background-position: -15px -20px;
}

footer .social-sec ul li a .twit-icon {
  background-color: #e8f5fe;
  background-position: -125px -22px;
}

footer .social-sec ul li a .sky-icon {
  background-color: #ebfafe;
  background-position: -186px -22px;
}

footer .social-sec ul li a .link-icon {
  background-color: #e5f2f8;
  background-position: -240px -22px;
}

footer .social-sec ul li a:hover .fb-icon {
  background-color: #1877f2;
  background-position: -15px -84px;
}

footer .social-sec ul li a:hover .twit-icon {
  background-color: #1da1f2;
  background-position: -128px -82px;
}

footer .social-sec ul li a:hover .sky-icon {
  background-color: #40c9f3;
  background-position: -188px -84px;
}

footer .social-sec ul li a:hover .link-icon {
  background-color: #007fb5;
  background-position: -242px -84px;
}

footer .social-sec ul li:nth-child(2) a {
  z-index: 1;
  position: relative;
}

footer .social-sec ul li:nth-child(2) a:after {
  content: "";
  z-index: -1;
  opacity: 0;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  border-radius: 100%;
  transition: all .4s;
  position: absolute;
  inset: 0;
}

footer .social-sec ul li:nth-child(2) a:hover > div {
  background-color: #0000;
  background-position: -68px -83px;
}

footer .social-sec ul li:nth-child(2) a:hover:after {
  opacity: 1;
  visibility: visible;
}

footer .social-sec ul {
  margin: 0 -10px;
}

.copyright-sec {
  padding: 20px;
}

.copyright-sec ul li {
  list-style: none;
}

.copyright-sec li:after {
  content: "";
  vertical-align: middle;
  background: #dcd4ee;
  border-radius: 5px;
  width: 4px;
  height: 4px;
  display: inline-block;
  position: relative;
  right: -7px;
}

.copyright-text {
  color: #907eb4;
  font-size: 12px;
}

.copyright-sec ul li, .copyright-sec ul li a {
  line-height: var(--line-spacing-20);
  color: #907eb4;
  font-weight: var(--font-weight-normal);
  padding: 0 5px;
  transition: all .5s ease-in-out;
  display: inline-block;
  font-size: 12px !important;
}

.copyright-sec ul li a:hover {
  color: var(--color-00a7ad);
}

.copyright-sec li:last-child:after {
  opacity: 0;
}

.footer-country {
  background-color: #c5c5c5;
}

.footer-country p {
  font-family: var(--font-family-inter) !important;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-24) !important;
  line-height: var(--line-spacing-35) !important;
  color: var(--color-0b262a) !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}

.footer-country span {
  font-size: var(--font-size-18) !important;
  color: var(--color-6d7d7f) !important;
}

.footer-country li:after {
  content: "|";
  position: relative;
  right: -4px;
}

.footer-country ul {
  align-items: baseline;
  padding: 10px 0 !important;
}

.footer-country ul li:first-child {
  font-weight: var(--font-weight-normal);
  padding: 0 5px;
  display: inline-block;
  font-size: var(--font-size-24) !important;
  line-height: var(--line-spacing-35) !important;
  color: var(--color-0b262a) !important;
}

.footer-country ul li {
  font-weight: var(--font-weight-normal);
  padding: 0 5px;
  display: inline-block;
  font-size: var(--font-size-18) !important;
  line-height: var(--line-spacing-35) !important;
  color: var(--color-6d7d7f) !important;
}

.footer-country li:last-child:after {
  opacity: 0;
}

.footer-country li:first-child:after {
  content: "-";
  position: relative;
  right: -4px;
}

.social-icon a {
  padding: 0 8px;
}

.copyright-social {
  color: #fff;
  justify-content: space-between;
  font-size: 14px;
}

footer {
  background: #f9f6ff;
}

.resources .sec-inner ul li {
  position: relative;
}

.resources .sec-inner ul .swiss:before, .resources .sec-inner ul .canada:before, .resources .sec-inner ul .us:before, .resources .sec-inner ul .sweden:before, .resources .sec-inner ul .australia:before, .resources .sec-inner ul .uk:before {
  background-position: 4px 4px;
}

.resources .sec-inner ul .swiss:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Switzerland.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.resources .sec-inner ul .canada:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Canada.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.resources .sec-inner ul .us:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/United_States.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.resources .sec-inner ul .sweden:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Sweden.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.resources .sec-inner ul .australia:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Australia.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.resources .sec-inner ul .uk:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/United_Kingdom.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

li.back-btn a {
  background-color: var(--color-ff7477);
  border-radius: 5px;
  padding: 15px 30px;
  color: var(--color-ffffff) !important;
}

header {
  box-shadow: none;
}

.country-icon {
  -o-object-fit: contain;
  object-fit: contain;
  width: 21px;
  height: 15px;
}

.testimonial-section {
  background-color: #0b262a;
}

.testimaonial-main {
  padding-top: 60px;
  padding-bottom: 30px;
}

.testimaonial-main .sub-title-top {
  color: #fff;
}

.testimaonial-main h1 {
  margin-top: 20px;
  margin-bottom: 0;
  color: #fff !important;
}

.prtfolio-page .testimaonial-main h1 {
  margin-bottom: 0;
}

.testimaonial-main .sub-title {
  opacity: .8;
  color: #fff !important;
}

.testimonial-content .sub-title {
  color: var(--color-0b262a) !important;
}

.main-main-title {
  padding-bottom: 30px;
}

.review-main {
  padding: 30px 0;
}

.review-main h2 {
  padding-right: 15px;
  margin-bottom: 0 !important;
}

.review-card {
  background: #fff no-repeat padding-box padding-box;
  box-shadow: 0 0 30px #aeaeae40;
  border: none !important;
  padding: 30px 20px !important;
}

.review-title h4 {
  padding-right: 10px;
  margin-bottom: 0 !important;
}

.review-text {
  color: var(--color-6d7d7f);
  font-size: 14px;
}

.review-author {
  opacity: .5;
  min-height: 54px;
  font-size: 14px;
  color: var(--color-0b262a) !important;
  font-weight: var(--font-weight-bold) !important;
}

.review-card.card {
  height: 100%;
}

.review-card.card .card-body {
  flex-direction: column;
  flex: auto;
  display: flex;
}

.review-card.card .card-body p.review-text.card-text {
  flex: 1;
}

.title-left span {
  color: var(--color-00a7ad) !important;
}

.review-star h3 {
  color: var(--color-00a7ad) !important;
  margin-bottom: 0 !important;
}

.clutch-review {
  color: #f28555;
  font-size: 15px;
  line-height: 0;
}

.clutch-star {
  padding: 0 10px;
  line-height: 1;
}

.logo-slider h2 {
  margin-bottom: 10px;
}

.react-multiple-carousel__arrow--left {
  left: calc(4% - 50px) !important;
}

.react-multiple-carousel__arrow--right {
  right: calc(4% - 50px) !important;
}

.react-multiple-carousel__arrow {
  background: none !important;
}

.react-multiple-carousel__arrow:before {
  font-size: 20px;
  color: var(--color-00a7ad) !important;
  display: none !important;
}

.slider-items .react-multiple-carousel__arrow:before {
  display: none !important;
}

.slider-items:hover .react-multiple-carousel__arrow:before {
  display: block !important;
}

.logo-image {
  align-items: center;
  display: flex;
}

.about-slider {
  padding: 60px 0;
}

.rating .fa {
  margin-right: 2px;
  color: #ffd800 !important;
  font-size: 24px !important;
}

.develop-types .dev-box-main .div-wrap .card {
  height: 100%;
  border-style: dashed !important;
  border-radius: 22px !important;
}

.social-icon {
  grid-gap: 15px;
  justify-content: normal;
}

.social-icon .icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social-icon .icon:before {
  content: "";
  opacity: .1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.social-icon .icon.facebook:before {
  background: #1877f2;
}

.social-icon .icon.twitter:before {
  background: #000;
}

.social-icon .icon.instagram:before {
  filter: progid: DXImageTransform. Microsoft. gradient(startColorstr= "#f09433", endColorstr= "#bc1888", GradientType= 1);
  opacity: .1;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-icon .icon.linkedin:before {
  background: #007fb5;
}

.social-icon .icon:hover:before {
  opacity: 1;
}

.social-icon .icon img {
  max-width: 20px;
  max-height: 22px;
  transition: all .5s ease-in-out;
}

.social-icon .icon:hover img {
  filter: brightness(0) invert();
}

.service-section {
  width: 100%;
}

.service-list {
  width: 100%;
  display: inline-block;
}

.service-block {
  flex-wrap: wrap;
  padding: 60px 0;
  display: flex;
}

.service-img.blank {
  height: 0;
}

.service-block .service-img {
  width: 45%;
  margin-top: -50px;
  padding-right: 40px;
  position: relative;
}

.service-block .service-img img {
  width: 100%;
  height: auto;
}

.service-block .service-content {
  width: 55%;
  margin-bottom: 22px;
  padding-left: 40px;
}

.service-block .service-content .service-title h2 {
  line-height: var(--line-spacing-40) !important;
}

.service-block .service-content .fillbtn {
  margin-top: 30px;
  display: block;
}

.service-wrap:nth-child(2n) .service-block {
  flex-direction: row-reverse;
}

.service-wrap:nth-child(2n) .service-block .service-img {
  padding-left: 40px;
  padding-right: 0;
}

.service-wrap:nth-child(2n) .service-block .service-content {
  padding-left: 0;
  padding-right: 40px;
}

.service-wrap:nth-child(4n+2), .service-wrap:nth-child(4n+4) {
  background: #eefcfd;
}

.work-across {
  background: #eefcfd;
  width: 100%;
  margin-bottom: -140px;
  padding: 60px 0 200px;
}

.work-across-block {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.work-across-block .work-content h2 {
  margin-bottom: 22px;
  line-height: var(--line-spacing-40) !important;
}

.work-across-block .work-content p {
  color: var(--color-body);
  line-height: var(--line-spacing-24);
  margin: 0;
}

.work-across-block .work-content {
  width: 40%;
  padding-right: 45px;
}

.work-across-block .map {
  width: 60%;
}

.work-across-block .map img {
  max-width: 100%;
  height: auto;
}

.sub-title-top a {
  color: #363636;
}

.sub-title-top a:hover {
  color: #00a7ad;
}

.logo-image figure {
  padding: 10px 0;
  margin: 0 !important;
}

.banner-section hr {
  border: 0;
  opacity: .13 !important;
  margin: 30px 0 !important;
}

.best-e-commerce {
  padding: 60px 0;
}

.solution-content {
  padding: 60px 0;
}

.platforms {
  padding-top: 60px;
  padding-bottom: 30px;
}

.platforms .platforms-main {
  margin: 0 -15px;
}

.platforms .platforms-box {
  padding: 0 15px 30px;
}

.platforms .platforms-box .inner {
  background-color: var(--color-ffffff);
  border-radius: 22px;
  height: 100%;
  padding: 30px;
  transition: all .4s ease-in-out;
  box-shadow: 0 11px 18px #032f3114;
  border: 2px solid #0000 !important;
}

.platforms .platforms-image-text figure {
  background-color: #dff1f2;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin: 0;
  display: flex;
}

.platforms .platforms-image-text h3 {
  width: calc(100% - 70px);
  padding-left: 22px;
}

.platforms .platforms-image-text {
  padding-bottom: 20px;
}

.platforms-box .inner:hover {
  border: 2px solid #00a7ad !important;
}

.develop-types {
  padding: 60px 0;
}

.ecommerce-page .develop-types {
  padding: 100px 0;
}

.develop-types.ecommerce-strategies {
  padding: 60px 0;
}

.develop-types .dev-box {
  width: 33.33%;
  padding: 12px;
}

.border-blue {
  border: 1px solid #04aeed !important;
  border-radius: 5px !important;
}

.border-purple {
  border: 1px solid #e08bfc !important;
  border-radius: 5px !important;
}

.border-green {
  border: 1px solid #00e396 !important;
  border-radius: 5px !important;
}

.border-orange {
  border: 1px solid #ff6167 !important;
  border-radius: 5px !important;
}

.border-light-blue {
  border: 1px solid #2969ff !important;
  border-radius: 5px !important;
}

.border-yellow {
  border: 1px solid #ffb84e !important;
  border-radius: 5px !important;
}

.div-wrap {
  width: 33.33%;
  padding: 7px 0;
}

.card {
  padding: 30px 45px;
  box-shadow: 0 0 25px #aeaeae33;
}

.div-wrap:nth-child(2), .div-wrap:nth-child(5) {
  padding: 7px 14px;
}

.dev-box-main p {
  margin: 0 !important;
}

.card-title h4 {
  position: relative;
}

.card-title h4:before {
  content: "";
  width: 5px;
  height: 30px;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 1px;
  left: -46px;
  transform: scale(0);
}

.div-wrap .card:hover .card-title h4:before {
  transform: scale(1);
}

.div-wrap:hover .hoverd-blue:before {
  background: linear-gradient(#00aeef 0%, #0f5ec9 100%) no-repeat padding-box padding-box;
}

.div-wrap .card {
  transition: all .4s;
}

.expertise-rate {
  line-height: var(--font-size-32);
  color: var(--color-0b262a);
  font-size: var(--font-size-32) !important;
  font-weight: var(--font-weight-bold) !important;
}

.expertise-rate span {
  color: #597f85;
  letter-spacing: .01em;
  font-weight: var(--font-weight-normal);
  margin-bottom: 6px;
  display: inline-block;
  font-size: var(--font-size-20) !important;
}

.expertise-box-expert span {
  font-weight: var(--font-weight-semi-bold);
  color: #34666d;
  margin-bottom: 12px;
  display: inline-block;
}

@media screen and (min-width: 767px) {
  .div-wrap .card:hover {
    border-color: #0000 !important;
  }
}

.div-wrap:hover .hoverd-purple:before {
  background: linear-gradient(#e08bfc 0%, #7357fb 100%) no-repeat padding-box padding-box;
}

.div-wrap:hover .hoverd-green:before {
  background: linear-gradient(#00e396 0%, #00c0ce 100%) no-repeat padding-box padding-box;
}

.div-wrap:hover .hoverd-orange:before {
  background: linear-gradient(#ffbd91 0%, #ff7171 100%) no-repeat padding-box padding-box;
}

.div-wrap:hover .hoverd-light-blue:before {
  background: linear-gradient(#24eefc 0%, #236dfc 100%) no-repeat padding-box padding-box;
}

.div-wrap:hover .hoverd-yellow:before {
  background: linear-gradient(#fedb4d 0%, #f28555 100%) no-repeat padding-box padding-box;
}

.our-experts {
  padding-top: 60px;
  padding-bottom: 100px;
}

.our-experts .floating-label {
  border-bottom: 1px solid var(--color-798897);
  margin-bottom: 50px;
  position: relative;
}

.our-experts .floating-input, .floating-select {
  background-color: #0000;
  border: none;
  width: 100%;
  height: auto;
  padding-top: 12px;
  font-size: 20px;
  line-height: 32px;
  display: block;
}

.our-experts .floating-input:focus, .floating-select:focus {
  outline: 0;
}

.our-experts .floating-label label {
  color: var(--color-dedede);
  pointer-events: none;
  font-size: 20px;
  font-weight: 400;
  transition: all .2s;
  position: absolute;
  top: 5px;
}

.floating-input:not(:-moz-placeholder-shown) ~ label {
  font-size: 20px;
  top: -18px;
}

.our-experts .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  font-size: 20px;
  top: -18px;
}

.our-experts .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
  color: #5264ae;
  font-size: 14px;
  top: -18px;
}

.our-experts .floating-input {
  color: var(--color-dedede);
}

.our-experts .floating-input:focus ~ .bar:after, .floating-input:focus ~ .bar:before, .floating-select:focus ~ .bar:after, .floating-select:focus ~ .bar:before {
  width: 50%;
}

.our-experts .floating-label label:after {
  content: " *";
  color: red;
}

.our-experts .floating-button .submit-btn {
  color: var(--color-ffffff);
  background-color: var(--color-ff7477);
  font-size: var(--font-size-20);
  line-height: 30px;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-inter);
  border: none;
  border-radius: 5px;
  padding: 13px 29px 12px;
  transition: all .3s;
}

.our-experts .floating-button .submit-btn:hover {
  color: var(--color-0b262a);
}

.floating-textarea:not(:-moz-placeholder-shown) ~ label {
  font-size: 20px;
  top: -18px;
}

.floating-textarea:focus ~ label, .floating-textarea:not(:placeholder-shown) ~ label {
  font-size: 20px;
  top: -18px;
}

.our-experts .trusted-by-image figure {
  width: 140px;
  height: 60px;
}

.our-experts .trusted-by-image figure img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.our-experts .trusted-by-logo .trusted-by-image {
  width: 50%;
  padding: 24px;
}

.our-experts .trusted-by-image:nth-child(2n+2):before {
  opacity: 0;
}

.our-experts .trusted-by-logo .trusted-by-image:nth-last-of-type(-n+4):after {
  opacity: 1;
}

.our-experts .trusted-by-logo .trusted-by-image:nth-last-of-type(-n+2):after {
  opacity: 0;
}

.our-experts .trusted-by-image:nth-child(2n+2) {
  padding-right: 0;
}

.our-experts .trusted-by-image:nth-child(odd) {
  padding-left: 10px;
}

.our-experts .trusted-by {
  padding-left: 120px;
}

.our-experts .trusted-by-logo {
  overflow: hidden;
}

.why-choose-us {
  padding: 60px 0;
}

.why-choose-box {
  width: 33.33%;
  padding: 12px;
}

.why-choose-box .inner {
  border-radius: 10px;
  height: 100%;
  padding: 30px;
  transition: all .5s;
}

.choose-title {
  width: 70%;
}

.why-choose-number {
  opacity: .1;
  width: 30%;
  font-size: 60px;
  font-weight: var(--font-weight-bold);
  color: #6d7d7f;
  justify-content: flex-end;
  padding-top: 10px;
  transition: all .5s ease-out;
  display: flex;
}

.why-choose-us-main {
  position: relative;
}

.why-choose-us-main .why-choose-content .sub-title {
  min-height: 115px;
}

.why-choose-box:first-child {
  padding-left: 6px;
  position: absolute;
  top: -27px;
}

.why-box-content {
  flex-direction: row-reverse;
  margin: 0 -12px;
  padding-top: 40px;
}

.why-choose-box .inner {
  position: relative;
}

.why-choose-box:nth-child(4n+1) .inner {
  background: linear-gradient(299deg, #e08bfc1a 0%, #7357fb1a 100%) no-repeat padding-box padding-box;
}

.why-choose-box:nth-child(4n+2) .inner {
  background: linear-gradient(299deg, #00aeef1a 0%, #0f5ec91a 100%) no-repeat padding-box padding-box;
}

.why-choose-box:nth-child(4n+3) .inner {
  background: linear-gradient(299deg, #00e3961a 0%, #00c0ce1a 100%) no-repeat padding-box padding-box;
}

.why-choose-box:nth-child(4n+4) .inner {
  background: linear-gradient(299deg, #ffbd911a 0%, #ff71711a 100%) no-repeat padding-box padding-box;
}

.why-choose-box:nth-child(4n+1) .inner:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(299deg, #e08bfc33 0%, #7357fb33 100%) no-repeat padding-box padding-box;
  border-radius: 5px;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.why-choose-box:nth-child(4n+2) .inner:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(299deg, #00aeef33 0%, #0f5ec933 100%) no-repeat padding-box padding-box;
  border-radius: 5px;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.why-choose-box:nth-child(4n+3) .inner:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(299deg, #00e39633 0%, #00c0ce33 100%) no-repeat padding-box padding-box;
  border-radius: 5px;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.why-choose-box:nth-child(4n+4) .inner:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(299deg, #ffbd9133 0%, #ff717133 100%) no-repeat padding-box padding-box;
  border-radius: 5px;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.why-choose-box .inner:hover .why-choose-number {
  transition: all .5s;
  transform: scale(1.3);
}

.why-choose-box .inner:hover:after {
  opacity: 1;
  visibility: visible;
}

.advantages {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ecommerce-page.management-services .advantages, .ecommerce-page.consulting-service .advantages, .ecommerce-page.headless-commerce .advantages {
  padding-bottom: 35px;
}

.advantages-icon figure {
  background: var(--color-ffffff);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0;
  display: flex;
  box-shadow: 0 0 30px #7988974d;
}

.advantages-content {
  width: 33.33%;
  padding-bottom: 25px;
}

.advantages-title {
  padding: 0 25px;
}

.advantages-title h4, .advantages-title h3 {
  margin-bottom: 0;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-20) !important;
  line-height: var(--line-spacing-32) !important;
  color: var(--color-0b262a) !important;
}

.e-commerce-latest-work {
  padding-top: 60px;
}

.ecommerce-clients {
  padding: 60px 0;
}

.e-Commerce-recent-blogs {
  padding-top: 80px;
  padding-bottom: 100px;
}

.faq-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.faq-section .accordion-container > h2 {
  text-align: center;
  color: var(--color-ffffff);
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.faq-section .set > a {
  display: flex;
}

.faq-section .set {
  border-bottom: 1px solid #d3e8e9;
  width: 100%;
  height: auto;
  padding: 30px 0;
  position: relative;
}

.faq-section .set > a {
  color: #555;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s linear;
}

.faq-section .set > a i {
  float: right;
  margin-top: 2px;
}

.faq-section .set > a.active {
  color: #000;
}

.faq-section h3.rc-accordion-title {
  margin-bottom: 0;
  display: flex;
}

.faq-section .content {
  background-color: var(--color-ffffff);
  padding-left: 35px;
  padding-right: 80px;
  display: none;
}

.faq-section .content p {
  color: #333;
  margin: 0;
  padding: 10px 15px;
}

.faq-section .faq-number {
  color: var(--color-ff7477);
  font-size: var(--font-size-20);
  line-height: var(--line-spacing-32);
  padding-right: 20px;
}

.faq-section .set > a i:before {
  content: "";
  background-color: var(--color-ff7477);
  width: 17px;
  height: 2px;
  transition: all .4s;
  position: absolute;
  top: 45px;
  right: 5px;
}

.faq-section .set > a i:after {
  content: "";
  background-color: var(--color-ff7477);
  width: 17px;
  height: 2px;
  transition: all .4s;
  position: absolute;
  top: 45px;
  right: 5px;
  transform: rotate(90deg);
}

.faq-section .set > a.active i:after {
  visibility: hidden;
  opacity: 0;
}

.faq-section .set > a.active i:before {
  background-color: var(--color-2f4858);
}

.faq-section .content-list strong {
  color: var(--color-2f4858);
  padding-right: 10px;
}

.faq-section .content-list {
  padding-left: 10px;
}

.faq-section .main-title {
  padding-bottom: 0 !important;
}

.rc-accordion-toggle {
  cursor: pointer;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.rc-accordion-title span, .rc-accordion-title {
  margin-bottom: 0;
  padding-right: 20px;
  color: var(--color-00a7ad) !important;
}

.rc-accordion-title.active img {
  transform: rotate(180deg);
}

.rc-accordion-card {
  border-bottom: 1px solid var(--color-798897);
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

.rc-accordion-card:last-child {
  margin-bottom: 0;
}

.rc-accordion-icon {
  color: #475f7b;
  font-size: 12px;
  transition: all .35s;
  position: relative;
  top: 2px;
}

.faq-section .rc-accordion-body {
  flex: auto;
  min-height: 1px;
  padding: 15px 40px 0;
}

.rc-accordion-body p, .rc-accordion-body li {
  color: var(--color-body);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.rc-collapse {
  height: 0;
  transition: height .35s;
  position: relative;
  overflow: hidden;
}

.rc-collapse.show {
  height: auto;
}

.faq-section .accordian-div img {
  z-index: 1;
  background-color: #0000;
  position: absolute;
  top: 25px;
  right: 0;
}

.accordian-div {
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 45px;
  display: flex;
}

.wordpress-ent {
  background: #e6f4f1;
  padding: 60px 0;
}

.accordion-sec {
  height: 504px;
  padding: 15px 0;
}

.accordion-card {
  padding: 15px 30px;
}

.accordion-card-shadow {
  opacity: 1;
  background: #fff no-repeat padding-box padding-box;
  border-radius: 14px;
  margin-bottom: 10px;
  padding: 15px 30px;
  box-shadow: 0 0 18px #0b262a24;
}

.accordion-card .rc-accordion-body {
  padding: 0 !important;
}

.accordion-title-colored {
  color: var(--color-00a7ad) !important;
}

.rc-accordion-title {
  color: var(--color-0b262a) !important;
}

.rc-accordion-toggle img {
  width: 13px;
  height: 8px;
  transform: rotate(180deg);
}

.why-woocom {
  padding-top: 60px;
  padding-bottom: 60px;
}

.woocommerce-page .why-woocom.triangle-top:after {
  display: none;
}

.why-sub {
  height: 100%;
  padding: 40px 30px 0;
}

.why-sub .card {
  height: 100%;
  position: relative;
}

.why-sub .card-body {
  padding: 0 0 0 20px !important;
}

.why-sub .card-body .card-text {
  font-size: var(--font-size-17) !important;
}

.card-border {
  border-radius: 25px !important;
}

.why-sub .card .icon-block {
  border-radius: 50%;
  width: 88px;
  height: 88px;
  position: absolute;
  top: 50%;
  left: -44px;
  transform: translateY(-50%);
  box-shadow: 0 0 25px #aeaeae26;
}

.why-sub .card img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  padding: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.why-sub .card .icon-block .round-one {
  opacity: .1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.why-sub .card .icon-block .round-two {
  opacity: .2;
  border-radius: 50%;
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.border-lightblue {
  border-color: #24eefc;
}

.why-sub .blue-border {
  border-color: #00aeef;
}

.why-sub .purple-border {
  border-color: #e08bfc;
}

.why-sub .orange-border {
  border-color: #ff6167;
}

.why-sub .green-border {
  border-color: #00e396;
}

.why-sub .yellow-border {
  border-color: #ffb84e;
}

.why-sub .lightblue-border {
  border-color: #24eefc;
}

.bg-lightblue {
  background: linear-gradient(#24eefc 0%, #236dfc 100%) no-repeat padding-box padding-box;
}

.business-features {
  padding-bottom: 35px;
  position: relative;
}

.business-features .icon {
  position: relative;
}

.business-features span {
  color: #fff;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}

.bus-span span {
  left: 16px !important;
}

.business-features h4, .business-features h3 {
  padding: 0 15px;
  margin-bottom: 0 !important;
  font-size: 20px !important;
}

.business-main {
  padding: 60px 0;
}

.feature-wrapper {
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.purple-bg-half {
  z-index: 1;
  position: relative;
}

.purple-bg-half:after {
  content: "";
  z-index: -1;
  background: linear-gradient(89deg, #fbf7ff 0%, #f4f3fe 100%) no-repeat padding-box padding-box;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
}

.salesforce-content-right {
  padding-left: 20px;
}

.salesforce-content-left {
  border: 5px solid #c8e9ea;
  border-radius: 18px;
  margin-right: 12px;
  box-shadow: 0 0 25px #aeaeae33;
}

.salesforce-content-right {
  border: 5px solid #c8e9ea;
  border-radius: 18px;
  margin-left: 12px;
  box-shadow: 0 0 25px #aeaeae33;
}

.salesforce {
  background-color: #fff;
  border-radius: 18px;
  padding: 30px;
}

.salesforce-main {
  padding: 60px 0;
}

.salesforce ul li:before {
  content: "⦿";
  color: #00444e;
  position: absolute;
  top: -2px;
  left: -22px;
}

.salesforce li {
  list-style: none;
  position: relative;
}

.portfolio-post-main {
  background-color: #0b262a;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0 !important;
}

.portfolio-inner-page .portfolio-post-main .sub-title p {
  padding-bottom: 0;
}

.testimaonial-main {
  position: relative;
}

.portfolio-banner-section {
  padding-bottom: 40px;
  position: relative;
}

.portfolio-banner-section .portfolio-cards .card-image {
  background: #ddf6ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
}

.portfolio-banner-section .portfolio-cards .card-image img {
  width: 40px;
  height: 40px;
}

.portfolio-banner-section .col-sm-12:nth-child(2) .portfolio-cards .card-image {
  background: #e9e4ff;
}

.portfolio-banner-section .col-sm-12:nth-child(3) .portfolio-cards .card-image {
  background: #e8f6ec;
}

.portfolio-banner-section .col-sm-12:last-child .portfolio-cards .card-image {
  background: #fdf3df;
}

.portfolio-banner-section .row {
  margin-left: -12px;
  margin-right: -12px;
}

.portfolio-banner-section .row .col-lg-4 {
  padding-left: 12px;
  padding-right: 12px;
}

.portfolio-cards {
  border: 1px solid #d8e8ed;
  border-radius: 50px;
  padding: 12px !important;
}

.card-content {
  padding: 0 0 0 12px;
}

.cardtitle {
  font-size: var(--font-size-18);
  color: var(--color-0b262a);
  line-height: 100%;
  font-weight: var(--font-weight-bold);
  margin-bottom: 10px;
}

.cardtext {
  font-size: var(--font-size-16);
  color: #1f343a;
  line-height: 100%;
  font-weight: var(--font-weight-normal);
}

.intro-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.portfolio-inner-page .intro-section h2 {
  margin-bottom: 14px;
}

.intro-section img {
  width: 100% !important;
}

.portfolio-category-list ul {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  list-style: none;
  display: flex;
  margin-top: -20px !important;
  padding: 0 !important;
}

.portfolio-category-list ul li {
  border: 1px solid var(--color-ffffff);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-18);
  color: var(--color-0b262a);
  text-transform: capitalize;
  letter-spacing: 0;
  border-radius: 8px;
  padding: 8px 18px;
  line-height: 100%;
}

.portfolio-category-list ul li:first-child {
  background: #f9a74a;
}

.portfolio-category-list ul li:nth-child(2) {
  background: #6eb8f2;
}

.portfolio-category-list ul li:nth-child(3) {
  background: #e1a0fe;
}

.portfolio-category-list ul li:last-child {
  background: #9ada7c;
}

.portfolio-inner-page-wrap {
  z-index: 1;
  background: #fff;
  border-radius: 150px 150px 0 0;
  margin-bottom: -150px;
  padding-bottom: 110px;
  position: relative;
  overflow: hidden;
}

.portfolio-inner-page-wrap .intro-section .main-title {
  padding-bottom: 40px;
}

.portfolio-inner-page-wrap .intro-section .half-grid-left {
  width: 52%;
}

.portfolio-inner-page-wrap .intro-section .half-grid-right {
  width: 48%;
}

.portfolio-inner-page-wrap.light-bg-color {
  background: var(--color-light-green);
}

.portfolio-inner-page-wrap h3 {
  margin-top: 10px;
  margin-bottom: 0;
}

.key-features {
  font-size: var(--font-size-20);
  color: var(--color-0b262a);
  padding-bottom: 20px;
  padding-left: 40px;
  position: relative;
}

.key-features:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/right-mark.svg");
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
}

.half-grid-right ul {
  list-style: none;
  padding-left: 20px !important;
}

.half-grid-right ul li {
  font-size: var(--font-size-16);
  color: var(--color-0b262a);
  padding-bottom: 14px;
  padding-left: 42px;
  line-height: 28px;
  position: relative;
  font-weight: 500 !important;
}

.half-grid-right ul li span {
  font-size: var(--font-size-16);
  color: var(--color-0b262a);
  line-height: 28px;
  position: relative;
  font-weight: 500 !important;
}

.half-grid-right ul li:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/success-green-check-mark-icon-1.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.portfolio-key-feature:before {
  content: "";
  z-index: -1;
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/portfolio-innerpage-wrap-grid.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 480px;
  position: absolute;
  bottom: 0;
}

.portfolio-cards p.cardtext.card-text {
  margin: 0;
  line-height: 20px;
}

.portfolio-projects {
  margin-top: 80px;
}

.portfolio-projects-top:nth-of-type(2) .portfolio-projects {
  margin-top: 20px;
}

.project-content {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 7px 15px;
}

.figure-text {
  padding-left: 15px;
}

.figure-text h4 span {
  font-size: var(--font-size-24);
  color: var(--color-00a7ad);
}

.figure-text h3 {
  font-size: var(--font-size-20) !important;
}

.figure-text h3 span {
  font-size: var(--font-size-24);
  color: var(--color-00a7ad);
}

.portfolio-projects-top:nth-of-type(2) .portfolio-projects .portfolio-projects-main {
  background: var(--color-ffffff);
  border-radius: 40px;
  padding: 70px 60px;
}

.portfolio-projects-top {
  max-width: 1194px !important;
}

.portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-left {
  width: 32%;
}

.portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-right {
  width: 61%;
}

.portfolio-projects-top .portfolio-projects .portfolio-projects-main {
  justify-content: space-between;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .main-title h2 {
  margin: 0;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .main-title h2 br {
  display: none;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content {
  border: 1px solid #d8e8ed;
  border-radius: 24px;
  padding: 20px;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-img {
  width: 44px;
  height: 44px;
  margin: 0;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-text {
  padding-left: 20px;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-text h3 {
  margin: 0;
  font-size: var(--font-size-16) !important;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-text h3 span {
  margin-bottom: 8px;
  display: block;
  font-size: 26px !important;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-text h3 br {
  display: none;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left .project-content .figure-img img {
  width: 100%;
  height: 100%;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-left {
  width: 42%;
}

.portfolio-projects-top .portfolio-projects-main .portfolio-projects-right {
  width: 54%;
}

.portfolio-projects-left-list {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.portfolio-projects-left-list .tech-img {
  border: 1px solid #d8e8ed;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 233px;
  max-width: 233px;
  height: 98px;
  margin: 0;
  display: flex;
}

.tech-img {
  background-color: #fff;
  width: fit-content;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.portfolio-section-main {
  background-color: #0b262a;
  padding-bottom: 0 !important;
}

.portfolio-section-main h1.test-title span {
  color: var(--color-ffffff) !important;
}

.fill-btn a {
  border-radius: 5px;
  text-decoration: none;
  color: var(--color-ffffff) !important;
}

.fill-btn {
  font-size: var(--font-size-20);
  border: 1px solid var(--color-00a7ad);
  z-index: 1;
  cursor: pointer;
  background-color: #0000;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-right: 16px;
  padding: 15px 40px;
  display: block;
  position: relative;
  overflow: hidden;
  color: var(--color-00a7ad) !important;
}

.fill-btn.active, .fill-btn:hover {
  color: var(--color-ffffff) !important;
}

.fill-btn:before {
  content: "";
  z-index: -1;
  background: #07444c;
  height: 100%;
  -webkit-transition: bottom .2s ease-in;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.fill-btn:hover:before, .fill-btn.active:before {
  bottom: 0;
  background: #00a7ad !important;
}

.blog {
  border: .5px solid #ffffff4d;
  border-radius: 8px;
  margin: 25px;
  box-shadow: 0 0 15px #ffffff0d;
}

.blog-publisher img {
  border-radius: 8px 0 0 8px;
  width: 80px;
  height: 80px;
}

.blog-publisher h5 {
  margin-bottom: 0;
  padding: 12px 30px;
  color: #fff !important;
}

.blog-details, .blog-update {
  text-align: justify;
  padding: 15px 30px;
}

.blog-details h5, .blog-update h5 {
  margin-bottom: 0;
  color: #fff !important;
}

.blog h6 {
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  color: var(--color-00a7ad) !important;
}

.blog-details h6:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/calendar-day.svg");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-update h6:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/calendar.svg");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-banner-img {
  z-index: 2;
  position: relative;
}

.blog-banner-img img {
  border-radius: 30px;
}

.blog-content {
  margin-top: 50px;
  padding: 0 50px;
}

.blog-content ul li, .blog-content ol li {
  color: #0b262a;
  padding-bottom: 15px;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  padding-bottom: 65.25%;
  position: relative;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.child-list {
  list-style: none;
  padding-top: 12px !important;
  padding-left: 0 !important;
}

.child-list li {
  width: 50%;
  font-size: var(--font-size-16);
  padding: 2px 0;
}

.child-list li:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-left: 30px;
  margin-right: 10px;
  display: inline-block;
}

.blog-link-building {
  padding-top: 40px;
}

.blog-link-building h2 {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.blog-link-building p {
  font-size: var(--font-size-18);
  color: #6d7d7f;
  margin-bottom: 0;
}

.blog-link-sub {
  padding-top: 30px;
}

.blog-link-sub h3 {
  margin-bottom: 0;
  padding-bottom: 15px;
  color: #2f4858 !important;
  font-size: 28px !important;
}

.blog-link-sub strong {
  font-size: var(--font-size-20);
  color: var(--color-0b262a);
}

.blog-link-sub span {
  font-size: var(--font-size-20);
  color: var(--color-0b262a);
  font-weight: var(--font-weight-bold);
}

p.sub-details {
  padding-top: 25px;
}

p.sub-details:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-left: 30px;
  margin-right: 10px;
  display: inline-block;
}

.link-img {
  padding-top: 30px;
}

.link-img img {
  width: 100%;
}

.graphic-sub h4 {
  padding-bottom: 10px;
  font-size: var(--font-size-24) !important;
  color: #2f4858 !important;
}

.graphic-list {
  padding-bottom: 15px;
  padding-left: 30px;
}

.graphic-list:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-right: 10px;
  display: inline-block;
}

.blog-platform {
  margin-top: 40px;
  padding: 30px 60px;
}

.plateform-title {
  font-size: var(--font-size-24);
  color: #2f4858;
  font-weight: 500;
}

.plateform-title span {
  color: var(--color-00a7ad);
}

.group-logos img {
  padding-left: 20px;
}

.blog-btns {
  padding: 35px 0;
}

.blog-btns img {
  width: auto;
}

.blog-form {
  padding: 30px 50px;
}

.blog-form h2 {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.comment-btn {
  color: var(--color-ffffff);
  cursor: pointer;
  background-color: var(--color-00a7ad);
  font-size: var(--font-size-20);
  line-height: 30px;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-inter);
  border: none;
  border-radius: 5px;
  padding: 12px 29px 13px;
  transition: all .3s;
  border: 1px solid var(--color-00a7ad) !important;
}

.comment-btn:hover {
  color: var(--color-00a7ad);
  background-color: #0000;
}

.agreement-container {
  padding-bottom: 40px;
}

.agreement-checkbox {
  display: none;
}

.agreement-label {
  cursor: pointer;
  padding-left: 30px;
  position: relative;
}

.agreement-label:before {
  content: "";
  background-color: #fff;
  border: 3px solid #0b262a;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.agreement-label:after {
  content: "";
  border: 3px solid #0b262a;
  border-width: 0 3px 3px 0;
  width: 10px;
  height: 20px;
  display: none;
  position: absolute;
  top: 2px;
  left: 10px;
  transform: rotate(45deg);
}

.agreement-checkbox:checked + .agreement-label:after {
  display: block;
}

.agreement-text {
  font-size: var(--font-size-18);
  color: var(--color-6d7d7f);
  padding-left: 20px;
}

.blog-content p {
  font-size: var(--font-size-16);
  color: #0b262a;
  margin-bottom: 20px;
  padding-top: 0;
  line-height: 30px;
}

h2.wp-block-heading {
  margin-bottom: 0;
  padding: 20px 0 15px;
}

h3.wp-block-heading {
  margin-bottom: 0;
  padding: 20px 0 10px;
}

h4.wp-block-heading {
  margin-bottom: 0;
  padding: 10px 0 0;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 0 10px #00000026;
}

.blog-content-list li {
  font-size: var(--font-size-18);
  color: #0b262a;
  padding: 10px 0 0 20px;
  line-height: 30px;
}

.blog-content-list li:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-left: -22px;
  margin-right: 15px;
  display: inline-block;
}

.blog-content p strong, .blog-content ul li strong {
  color: var(--color-0b262a);
  font-weight: var(--font-weight-bold);
}

.comments-section-wrap {
  padding: 20px 60px;
}

.comments-title {
  margin-bottom: 0;
}

.comment-details {
  padding-bottom: 25px;
}

.comment-main {
  padding-top: 30px;
}

.comment-author img {
  margin-right: 15px;
}

.comment-author h5 {
  margin-bottom: 0;
  font-size: var(--font-size-20) !important;
  color: var(--color-0b262a) !important;
}

.comment-date {
  color: var(--color-0b262a);
  font-size: 14px;
}

.comment-content p {
  font-size: var(--font-size-18);
  color: var(--color-6d7d7f);
  margin-bottom: 0;
}

.replyBtn {
  color: var(--color-00a7ad);
  background-color: #fff;
  border: none;
  padding: 20px 0 0;
}

.comment-border {
  border-bottom: 1px solid #6d7d7f;
  margin-top: -31px;
}

.blog-reply-header button {
  color: #fff;
  background-color: var(--color-00a7ad);
  font-size: var(--font-size-18);
  border: none;
  border-radius: 5px;
  padding: 13px 20px;
}

.shopify-feature-wrapper {
  -moz-column-gap: 80px;
  grid-template-columns: 1fr 1fr;
  gap: 25px 80px;
  display: grid;
}

.shopify-feature {
  background-color: var(--color-ffffff);
  position: relative;
  overflow: hidden;
}

.class-blue {
  border: 1px dashed #236dfc;
  border-radius: 5px;
}

.class-purple {
  border: 1px dashed #e08bfc;
  border-radius: 5px;
}

.class-green {
  border: 1px dashed #00e396;
  border-radius: 5px;
}

.class-orange {
  border: 1px dashed #ff6167;
  border-radius: 5px;
}

.class-skyblue {
  border: 1px dashed #00aeef;
  border-radius: 5px;
}

.class-yellow {
  border: 1px dashed #ffb84e;
  border-radius: 5px;
}

.class-pink {
  border: 1px dashed #ffc4e9;
  border-radius: 5px;
}

.class-light-green {
  border: 1px dashed #06a273;
  border-radius: 5px;
}

.shopify-feature span {
  color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 99px;
  height: 99px;
  padding: 26px 20px 22px 30px;
  font-size: 30px;
  display: flex;
  position: absolute;
  left: -26px;
}

.shopify-feature h3 {
  margin-bottom: 0;
  padding: 21px 20px 21px 90px;
  font-size: 21px !important;
  font-weight: 600 !important;
}

.shopify-feature-wrapper .shopify-feature {
  border-style: solid;
}

.salesforce-main .salesforce-cards .salesforce-content-Left, .salesforce-main .salesforce-cards .salesforce-content-right, .salesforce-main .salesforce-cards .salesforce {
  height: 100% !important;
}

.model-content {
  grid-column-gap: 25px;
  -moz-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 25px;
  padding-bottom: 30px;
  display: grid;
}

.model-text {
  padding-left: 20px;
}

.model-content-card {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 30px;
}

.rc-accordion-set {
  background-image: linear-gradient(to right, #0000 50%, #c9d4e0 50%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 12px 1px;
  width: 100%;
  height: auto;
  padding: 20px 0;
  position: relative;
}

.rc-accordion-set-title h3 {
  margin-bottom: 0;
  font-size: 22px !important;
}

.rc-accordion-set-title span {
  min-width: 28px;
  min-height: 28px;
  font-weight: var(--font-weight-bold);
  color: var(--color-00a7ad);
  font-size: var(--font-size-16);
  border: 1px solid;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.active-rotate {
  rotate: 180deg;
}

.thank-you-main {
  z-index: 1;
  margin-bottom: -40px;
  position: relative;
}

.thank-img {
  padding-top: 30px;
  padding-bottom: 60px;
}

.thank-you-imgs img {
  width: 100%;
  height: 100%;
}

.thank-text {
  max-width: 780px;
  margin: 0 auto;
}

.thank-text p {
  font-size: var(--font-size-20);
  color: var(--color-6d7d7f);
  padding-top: 20px;
  padding-bottom: 40px;
}

.thank-btn {
  background: linear-gradient(66deg, #6d9c30 0%, #cff547 100%) no-repeat padding-box padding-box;
  border: 1px solid #0000;
  border-radius: 41px;
  justify-content: center;
  align-items: center;
  width: 274px;
  margin: auto;
  padding: 18px 30px 19px;
  display: flex;
  box-shadow: inset 0 0 30px #0000001a, 0 0 30px #aeaeae40;
}

.thank-btn a {
  color: #fff;
  font-size: 32px;
  font-weight: var(--font-weight-bold);
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.error-page-main {
  padding-bottom: 100px;
}

.page-image {
  background-color: #232f45;
  position: relative;
}

.page-image-text {
  color: #fff;
  font-size: 68px;
  font-weight: var(--font-weight-bold);
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
}

.page-text h3 {
  padding: 40px 0;
}

.class-error {
  padding-top: 300px;
}

.class-error p {
  font-size: var(--font-size-18);
  color: var(--color-6d7d7f);
}

.page-btn {
  padding: 20px 0;
}

.page-btn a {
  font-size: 32px;
  font-weight: var(--font-weight-bold);
  background-color: var(--color-00a7ad);
  color: #fff;
  border-radius: 41px;
  padding: 20px 40px 20px 100px;
  position: relative;
  box-shadow: 3px 4px 30px #aeaeae40;
}

.page-btn a:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/home.svg");
  background-repeat: no-repeat;
  width: 36px;
  height: 43px;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 40px;
}

.theme-section .main-title {
  padding-bottom: 0;
}

.theme-image img {
  width: 100%;
}

.sitemap-banner {
  background-color: #0b262a;
  background-repeat: no-repeat;
  background-size: cover;
}

.sitemap-banner-contant {
  padding-top: 125px;
  padding-bottom: 126px;
}

.sitemap-banner-contant h1 {
  color: var(--color-00a7ad) !important;
  font-size: 35px !important;
}

.sitemap-banner-contant p {
  color: #fffc;
  font-size: 20px !important;
}

.sitemap-content {
  padding: 30px 0;
}

.sitemap-content h1 {
  border-bottom: 2px solid #e8e8e8;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.sitemap-list {
  grid-column-gap: 50px;
  -moz-column-gap: 50px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px 50px;
  padding: 20px 0;
  display: grid;
}

.sitemap-item {
  width: fit-content;
  transition: transform .3s;
}

.sitemap-item a {
  font-size: var(--font-size-18);
  color: var(--color-0b262a);
  text-decoration: none;
  display: inline-flex;
}

.sitemap-item a:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-right: 20px;
  display: inline-block;
}

.sitemap-item a:hover {
  color: var(--color-00a7ad);
}

.sitemap-item:hover {
  color: var(--color-00a7ad);
  transform: translate(10px);
}

.about-us-section .half-grid-left img {
  width: 100%;
  max-width: 534px;
  height: 100%;
}

.cookie-popup {
  background-color: var(--color-0b262a);
  z-index: 9999;
  border: none;
  border-radius: 6px;
  padding: 20px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  box-shadow: 0 0 10px #0003;
}

.cookie-popup p {
  font-size: var(--font-size-16);
  margin: 0;
  color: #fff !important;
}

.cookie-popup a {
  color: #fff !important;
  text-decoration: underline !important;
}

.cookie-popup button {
  background-color: var(--color-00a7ad);
  color: #fff;
  border: none;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.close-icon {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  position: absolute;
  top: 22px;
  right: 5px;
}

.close-icon .fa {
  color: #fff;
  font-size: 20px !important;
}

.privacy-content {
  padding-top: 30px;
}

.privacy-content h1 {
  margin-bottom: 0;
  padding: 50px 0 40px;
  color: var(--color-0b262a) !important;
  font-size: 46px !important;
}

.privacy-content h2 {
  margin-bottom: 0;
  padding: 10px 0 15px;
  color: #00a7ad !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}

.privacy-content h3 {
  margin-bottom: 0;
  padding: 10px 0;
  color: #00a7ad !important;
  font-size: 24px !important;
  font-weight: var(--font-weight-medium) !important;
}

.privacy-content h4 {
  margin-bottom: 0;
  padding: 10px 0;
  color: var(--color-0b262a) !important;
  font-size: 22px !important;
}

.privacy-content ul {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.sitemap-content h2 {
  margin: 0;
  line-height: 100%;
  color: #00a7ad !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

li.back-btn {
  border-radius: 5px;
  box-shadow: 3px 4px 30px #aeaeae40;
  padding: 0 !important;
}

li.fill a, .fill a {
  border-radius: 5px;
  text-decoration: none;
  color: var(--color-ffffff) !important;
}

.fill:after {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/btn-arrow.svg") no-repeat;
  width: 14px;
  height: 14px;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.fill:hover:after {
  right: 13px;
}

a.fill.secondary-btn {
  background: #000;
  border-color: #000;
}

.contact-us {
  z-index: 2;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.contact-us .contact-form-inner form .floating-label label {
  text-transform: capitalize;
}

.contact-form-inner {
  padding: 30px;
}

.form-field {
  padding-top: 16px;
}

.floating-form-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.floating-form-wrap .floating-label {
  width: 100%;
  max-width: 48%;
}

.contact-form-sec {
  border: 1px solid #dceced;
  border-radius: 18px;
  width: 70%;
}

.contact-us .main-title {
  padding-bottom: 0;
}

.contact-us .main-title h1 {
  margin-bottom: 8px;
}

.contact-us .main-title h1 span {
  color: var(--color-0b262a) !important;
}

.contact-form-inner .submit-btn.disable, .career-form .submit-btn.disable {
  opacity: .5;
  pointer-events: none;
  cursor: none;
}

.floating-label {
  margin-bottom: 20px;
  position: relative;
}

.floating-input, .floating-select, .floating-label .select-arrow {
  font-size: var(--font-size-16);
  line-height: 16px;
  font-weight: var(--font-weight-medium);
  color: #a2b7b8;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  width: 100%;
  height: auto;
  padding: 15px 20px;
  display: block;
  background-color: var(--color-ffffff) !important;
  font-family: var(--font-family-inter) !important;
  border: 1px solid #cae2dd !important;
}

.floating-label .select-arrow {
  appearance: none;
}

.floating-label textarea {
  height: 120px;
  padding-top: 15px !important;
}

.floating-input:focus, .floating-select:focus {
  outline: 0;
}

.floating-label label {
  color: #526f77;
  font-size: var(--font-size-14);
  line-height: 14px;
  font-weight: var(--font-weight-medium);
  margin-bottom: 6px;
}

.floating-textarea {
  width: 100%;
  height: auto;
  color: var(--color-2f4858);
  background-color: #0000;
  border: none;
  padding-top: 12px;
  line-height: 32px;
  display: block;
}

.floating-input:focus ~ .bar:after, .floating-input:focus ~ .bar:before, .floating-select:focus ~ .bar:after, .floating-select:focus ~ .bar:before {
  width: 50%;
}

.floating-textarea {
  min-height: 92px;
  max-height: 260px;
  font-size: var(--font-size-20);
  font-weight: 400;
  overflow: hidden;
}

.brainspate-highlight {
  pointer-events: none;
  opacity: .5;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 15%;
  left: 0;
}

.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
  animation: .3s inputHighlighter;
}

.form-label:after {
  content: " *";
  color: red;
}

.form-label span {
  color: red;
}

.field-error {
  color: #a54c4c;
  font-size: 12px;
  position: absolute;
}

.contact-detail {
  background: #e6f4f1;
  border: 1px solid #dceced;
  border-radius: 18px;
  width: 27%;
}

.content-us-inner .contact-us-loction h3 {
  color: var(--color-dedede);
  padding-left: 45px;
}

.contact-detail h2 {
  font-size: var(--font-size-32);
  line-height: var(--line-spacing-50);
}

.content-us-inner ul li a {
  font-size: var(--font-size-18);
  color: var(--color-ffffff);
  line-height: 35px;
  font-weight: var(--font-weight-medium);
  padding-left: 50px;
}

.contect-address {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-18);
  color: var(--color-ccdfe1);
  line-height: var(--line-spacing-32);
  padding-bottom: 10px;
}

.contact-detail .content-us-inner ul li {
  position: relative;
}

.contact-detail .content-us-inner ul li.contact-us-loction:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/Location.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 35px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.contact-detail .content-us-inner ul li.contact-us-loction.india-flag:before {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/India.svg");
}

.contact-detail .content-us-inner ul li.contact-us-loction.usa-flag:before {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/USA.svg");
}

.contact-detail .content-us-inner ul li.contact-us-number:before {
  content: "";
  background-color: #113439;
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/footer-call-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.contact-detail .content-us-inner ul li.contact-us-email:before {
  content: "";
  background-color: #113439;
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/mail-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.content-us-inner {
  padding: 40px 30px;
}

.contact-us-image {
  text-align: center;
  padding-bottom: 47px;
  padding-left: 12px;
  padding-right: 13px;
}

.contact-us-loction {
  padding-bottom: 10px;
}

.contact-us-number, .contact-us-email {
  padding-bottom: 35px;
}

.content-us-inner h2 {
  padding-bottom: 23px;
}

.get-in-touch-inner {
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}

.contect-img {
  text-align: center;
  padding: 35px 15px;
}

.floating-button .submit-btn {
  color: var(--color-ffffff);
  cursor: pointer;
  background-color: var(--color-00a7ad);
  border: 1px solid var(--color-00a7ad);
  font-size: var(--font-size-16);
  line-height: 30px;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-inter);
  border-radius: 5px;
  min-width: 140px;
  padding: 8px 29px;
  transition: all .3s;
}

.content-us-inner span {
  text-align: center;
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-24);
  color: var(--color-0b262a);
  margin-bottom: 30px;
  display: block;
  line-height: var(--line-spacing-27) !important;
}

.contact-detail-list {
  text-align: center;
}

.contact-detail-list li {
  margin-bottom: 10px;
}

.contact-detail-list li:last-child {
  margin: 0;
}

.floating-button .submit-btn:hover {
  color: var(--color-00a7ad);
  background-color: #0000;
}

.contact-form-sec {
  position: relative;
}

.floating-label .select-arrow {
  content: "";
  background-color: #fff;
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/2026/02/contact-us-select-arrow.svg");
  background-position: 97%;
  background-repeat: no-repeat;
}

.floating-label .select-arrow:focus {
  outline: none;
}

.contact-us-clients {
  padding-bottom: 60px;
}

.form-content {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  flex-wrap: wrap !important;
}

.upload-btn {
  border: 2px dotted var(--color-00a7ad);
  cursor: pointer;
  background: #e6f4f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 332px;
  padding: 10px 35px;
  display: flex;
}

.upload-btn span {
  font: var(--font-weight-medium);
  letter-spacing: 0;
  color: #0b262a;
  font-size: var(--font-size-16);
  line-height: var(--line-spacing-20);
  padding-left: 8px;
  padding-right: 0;
}

.contact-page .review .our-clients {
  padding-bottom: 60px !important;
}

.blog-inner-page .testimonial-section.e-com {
  padding-bottom: 90px !important;
}

.develop-types .main-title {
  padding-bottom: 30px;
}

.woocommerce-page .our-latest-work {
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-page .our-services {
  padding-bottom: 20px;
}

.home-page .why-choose-brainspate-section {
  padding-bottom: 60px;
}

.privacy-section, .policy-section {
  padding-bottom: 30px;
}

ul {
  padding-left: 20px !important;
}

.blog-content-list {
  list-style: none;
  padding-left: 0 !important;
}

.about-section-inner .about-linkedin img {
  -o-object-fit: cover;
  object-fit: cover;
  border: 4px solid #0b262a;
  border-radius: 50%;
  max-width: 60px;
  max-height: 60px;
  position: absolute;
  top: 70px;
  left: 5px;
}

.about-section-inner .founder-image-class {
  float: right;
  max-width: 410px;
  position: relative;
}

.footer-detail-inner ul, .contact-detail ul, .header-menu .navbar ul {
  list-style: none;
  padding-left: 0 !important;
}

.model-content-card h4, .model-content-card h3 {
  margin-bottom: 5px;
}

.model-text p {
  line-height: 22px;
}

.platforms.triangle-top-bottom {
  padding-bottom: 60px;
}

.theme-section {
  padding-top: 60px;
}

.hire-woocomerce-page .triangle-top-bottom .ecommerce-process, .hire-shopify-page .triangle-top-bottom .ecommerce-process {
  padding-top: 80px;
}

.hire-woocomerce-page .triangle-bottom .faq-section {
  padding-bottom: 80px;
}

.hire-woocomerce-page .our-clients.triangle-bottom {
  padding-top: 40px;
  padding-bottom: 60px;
}

.hire-woocomerce-page .our-clients.triangle-bottom:after {
  display: none;
}

.shopify-page .why-woocom.triangle-top-bottom {
  padding-bottom: 60px;
}

.award-sec-logos-section {
  padding: 60px 0;
}

.why-woocom .main-title.pb-50 {
  padding-bottom: 0;
}

.blog-content h1 {
  margin-bottom: 20px;
}

.blog-content h2 {
  padding: 0 0 20px;
  color: #00a7ad !important;
  font-size: 30px !important;
  font-weight: 500 !important;
}

.blog-content h3 {
  padding: 0 0 20px;
  font-size: 26px !important;
}

.blog-content [id] {
  scroll-margin-top: 90px;
}

.blog-content h3 span {
  color: var(--color-00a7ad) !important;
}

.blog-content h4 {
  padding: 0 0 20px;
  color: var(--color-0b262a) !important;
  font-size: 22px !important;
}

.blog-content h4 span {
  color: var(--color-00a7ad) !important;
}

.blog-content-list {
  padding-left: 30px !important;
}

.blog-content-list ul {
  list-style: none;
}

.blog-form-content .blog-form-group .floating-label {
  width: 100%;
  max-width: 240px;
}

.blog-form-content .field-error {
  color: red;
  line-height: 20px;
}

.blog-form h2 {
  color: #00a7ad !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}

.blog-bottom {
  box-shadow: 0 0 30px #aeaeae40;
}

.blog-category-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.blog-category-tags li a {
  color: var(--color-00a7ad);
  letter-spacing: 1px;
  background: #f2fafa;
  border: 1px solid #00a7ad0f;
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 17px;
  display: inline-block;
  text-decoration: none !important;
}

.blog-author {
  margin: 0;
  padding: 0;
}

.blog-author .blog-author-list {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 0;
  display: flex;
}

.blog-author .blog-author-card {
  align-items: center;
  min-width: 0;
  max-width: 410px;
  display: flex;
}

.blog-author .blog-author-card, .blog-author-meta {
  padding-right: 18px;
}

.blog-author .blog-author-card + .blog-author-card, .blog-author-list .blog-author-meta {
  border-left: 1px solid #d3e5e8;
  padding-left: 18px;
}

.blog-author .blog-author-card .author-img {
  vertical-align: middle;
  flex-shrink: 0;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 8px;
  display: flex;
}

.blog-author .blog-author-card .author-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #d3e5e8;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  padding: 3px;
}

.blog-author .author-name a {
  color: #00a7ad;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.blog-author .blog-author-card .author-role {
  color: #1f343a;
  margin-top: 0;
  font-size: 16px;
  line-height: 20px;
  display: block;
}

.blog-author-meta {
  color: #1f343a;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.author-meta-icon {
  background: #f2fafa;
  border: 1px solid #d3e5e8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
  box-shadow: inset 0 0 0 3px #fff;
}

.author-meta-text {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.author-time {
  color: #1f343a;
}

.blog-quick-summary {
  color: #1f343a;
  background: #fff;
  border: 1px solid #d3e5e8;
  border-radius: 18px;
  margin-bottom: 30px;
  padding: 30px;
  font-size: 16px;
  line-height: 24px;
}

.blog-quick-summary .blog-quick-summary-title {
  color: #0b262a;
  font-size: 18px;
  line-height: 22px;
}

.blog-quick-summary ul li {
  margin-bottom: 10px;
}

.blog-quick-summary ul li:last-child {
  margin-bottom: 0;
}

.blog-content .bs-compare-platforms {
  text-align: center;
  background: #f1fffc;
  border: 1px solid #d3e5e8;
  border-radius: 18px;
  margin: 0 0 30px;
  padding: 30px;
}

.blog-content .bs-compare-platforms h2.bs-compare-platforms__title {
  margin: 0 0 20px;
  padding: 0;
  color: #0b262a !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
}

.blog-content .bs-compare-platforms ul.bs-compare-platforms__list {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  list-style: none;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-content .bs-compare-platforms .bs-compare-platforms__list li {
  margin: 0;
  padding: 0;
}

.blog-content .bs-compare-platforms .bs-compare-platforms__list li:before {
  content: none;
}

.blog-content .bs-compare-platforms .bs-compare-platforms__chip {
  background: #faffff;
  border: 1px solid #d3e5e8;
  border-radius: 8px;
  align-items: center;
  min-height: 37px;
  padding: 7px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  transition: color .2s, border-color .2s;
  display: inline-flex;
  color: #0b262a !important;
  text-decoration: none !important;
}

.blog-content .bs-compare-platforms a.bs-compare-platforms__chip:hover, .blog-content .bs-compare-platforms a.bs-compare-platforms__chip:focus-visible {
  border-color: #00a7ad;
  color: #00a7ad !important;
}

.comments-title {
  color: #00444e;
  margin-bottom: 0;
  font-size: 28px;
}

.blog-story {
  margin: 30px 0;
  padding: 0 50px;
  box-shadow: 0 0 30px #aeaeae40;
}

.story-top .title h3 {
  margin: 0;
  font-size: 24px !important;
}

.story-detail .story-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  width: 180px;
  height: 180px;
}

.story-detail .story-content h4, .story-detail .story-content > span {
  color: #2f4858 !important;
  font-size: 24px !important;
}

.story-detail .story-content > span a, .story-detail .story-content > span a:hover {
  color: var(--color-00a7ad) !important;
}

.blog-inner-page .blog-content {
  margin-top: 0;
}

.blog-inner-page .faq-section .main-title {
  text-align: left;
  padding-bottom: 0 !important;
}

.blog-inner-page .faq-section {
  padding-bottom: 30px;
}

.blog-faq .block {
  border-bottom: 1px solid #d3e8e9;
  flex-direction: column;
  width: 100%;
  padding: 30px 0;
  display: flex;
  position: relative;
}

.blog-faq .block .block-top {
  cursor: pointer;
  width: 100%;
  display: flex;
  position: relative;
}

.blog-faq .block .block-top img.faq-toggle-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.blog-faq .block .faq-content {
  padding-top: 20px;
  padding-left: 40px;
}

.blog-faq .block p:last-child {
  margin-bottom: 0;
}

.blog-faq .block h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 45px;
  display: flex;
  color: #0b262a !important;
  line-height: 35px !important;
  font-weight: var(--font-weight-semi-bold) !important;
  font-size: var(--font-size-20) !important;
}

.blog-faq.blog-content {
  padding: 20px 0;
}

.blog-faq.blog-content .title {
  margin-bottom: 30px;
}

.blog-content h3 span {
  margin-bottom: 0;
  padding-right: 20px;
  color: var(--color-00a7ad) !important;
}

.blog-faq {
  margin-bottom: 40px;
}

.blog-faq.blog-content .title h2 {
  color: #007b80 !important;
}

.banner-description {
  margin-bottom: 30px;
}

.blog-content .blog-content-list {
  padding-left: 30px !important;
}

.blog-content ul {
  list-style: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-left: 0 !important;
}

.blog-content ol li, .blog-content ul li {
  font-size: var(--font-size-16);
  color: #0b262a;
  padding-bottom: 15px;
}

.blog-content .table-content ul li a, .blog-content .table-content ol li a, .blog-content .table-content ol li {
  color: var(--color-0b262a);
}

.blog-content .table-content li a:hover {
  color: var(--color-00a7ad) !important;
}

.blog-content li strong {
  color: var(--color-0b262a);
}

.blog-content .child-list li, .blog-content .child-list li a {
  font-size: var(--font-size-16);
  color: var(--color-0b262a);
}

.blog-content .child-list li a {
  color: var(--color-0b262a);
}

.blog-content ul {
  padding-left: 30px;
  list-style: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.blog-content ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
}

.blog-content ul li {
  padding: 5px 0 5px 20px;
}

.blog-content li:before {
  content: "•";
  color: var(--color-00a7ad);
  width: 7px;
  height: 7px;
  margin-left: -22px;
  margin-right: 15px;
  display: inline-block;
}

.blog-content ol li {
  color: #0b262a;
  padding: 5px 0 5px 10px;
}

.blog-content ol li:before {
  display: none;
}

.loader-1 {
  border: 5px solid #cdcdcd;
  border-bottom-color: #00a7ad;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  animation: 1s linear infinite rotation;
  display: inline-block;
  position: relative;
  top: 7px;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.blog-wrap {
  border-top: 1px solid #d3e5e8;
  flex-wrap: wrap;
  margin-bottom: 60px;
  padding-top: 30px;
  display: flex;
}

.blog-wrap > section {
  width: 100%;
  min-width: 0;
}

.blog-sidebar {
  width: 379px;
  padding-left: 24px;
}

.blog-sidebar-cta {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .blog-sidebar-inner {
    position: sticky;
    top: 100px;
  }

  .blog-sidebar-inner .table-of-content-mobile {
    position: static;
    top: auto;
  }
}

.blog-wrap .blog-content {
  width: calc(100% - 379px);
  min-width: 0;
  padding: 0;
}

.blog-sidebar-inner {
  position: sticky;
  top: 100px;
}

.table-of-content-mobile {
  background: #faffff;
  border: 1px solid #d3e5e8;
  border-radius: 18px;
  padding: 20px 0;
  transition: all .3s linear;
}

.table-of-content-mobile .btn-main {
  color: #0b262a;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  display: flex;
}

.table-of-content-mobile .main-content {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: auto;
  transition: opacity .3s ease-in-out .2s;
}

@media screen and (min-width: 768px) {
  .table-of-content-mobile.down .main-content {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 0;
  }

  .table-of-content-mobile .btn-main:after {
    content: "";
    vertical-align: middle;
    background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/ionic-arrow-down.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
    width: 11px;
    height: 6px;
    margin-left: 0;
    transition: all .5s ease-in-out;
    display: inline-block;
    transform: rotate(-180deg);
  }

  .table-of-content-mobile.down .btn-main:after {
    transform: rotate(0);
  }
}

.table-of-content-mobile .table-list ul {
  color: #0b262a;
  max-height: 340px;
  list-style: none;
  overflow: auto;
  margin-top: 20px !important;
  padding-left: 20px !important;
  padding-right: 10px !important;
}

@media (min-width: 768px) {
  .table-of-content-mobile.no-cta .table-list ul {
    max-height: unset;
  }
}

.table-of-content-mobile .table-list, .table-of-content-mobile .table-list ul {
  scrollbar-width: thin;
  scrollbar-color: #00a7ad #d3e5e8;
}

.table-of-content-mobile .table-list::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.table-of-content-mobile .table-list ul::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.table-of-content-mobile .table-list::-webkit-scrollbar-track {
  background-color: #d3e5e8;
}

.table-of-content-mobile .table-list ul::-webkit-scrollbar-track {
  background-color: #d3e5e8;
}

.table-of-content-mobile .table-list::-webkit-scrollbar-thumb {
  background-color: #00a7ad;
  border-radius: 8px;
}

.table-of-content-mobile .table-list ul::-webkit-scrollbar-thumb {
  background-color: #00a7ad;
  border-radius: 8px;
}

.table-list ul li {
  width: 100%;
  padding-left: 15px;
  display: inline-block;
  position: relative;
}

.table-list ul li:before {
  content: "";
  background: #526f77;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 6px;
  left: 0;
}

.table-list ul li a {
  color: #526f77;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none !important;
}

.table-list ul li a:hover, .table-list ul li a.active {
  color: #00a7ad;
}

.table-list ul li {
  margin-bottom: 12px;
  line-height: 0;
  display: inline-block;
}

.table-list ul li:last-child {
  margin-bottom: 0;
}

.blog-quick-summary ul {
  margin-bottom: 0 !important;
}

.blog-wrap .blog-content h2:first-child {
  padding-top: 0 !important;
}

.home-page .trusted-by-section.dark-color {
  padding-bottom: 60px;
}

.blog-content table {
  border-collapse: unset;
  border-spacing: 0;
  border: 1px solid #00a7ad80;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #aeaeae4d;
}

.blog-content .wp-block-table {
  width: 100%;
  overflow-x: auto;
}

.blog-content .wp-block-table thead th {
  color: #fff;
  background: #007b80;
  font-size: 18px;
  line-height: 30px;
}

.blog-content table td, .blog-content table th {
  color: #0b262a;
  border-right: 1px solid #00a7ad80;
  padding: 12px 20px;
  font-size: 16px;
}

.blog-content table tbody tr:nth-child(2n) {
  background-color: #0b262a0f;
}

.blog-content .table-type-two table tbody tr td:first-child {
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}

.blog-content tr th:last-child, .blog-content tr td:last-child {
  border-right: none;
}

.blog-content table tbody tr:last-child td {
  border-bottom: none;
}

.blog-content .blog-faq .title h2 {
  padding: 20px 0 15px;
}

.blog-content .blog-faq h4 span {
  color: #007b80 !important;
}

.blog-btns .disable {
  opacity: .6;
  cursor: not-allowed !important;
}

.blog-btns button, .blog-btns .button {
  color: #fff;
  cursor: pointer;
  background-color: #00a7ad;
  border: 1px solid #00a7ad;
  border-radius: 8px;
  outline: none;
  padding: 10px 23px;
  font-size: 20px;
  font-weight: 400;
}

.blog-btns button:hover, .blog-btns .button:hover {
  background-color: #fff;
  color: #00a7ad !important;
}

.blog-btns .blog-prev:hover:before, .blog-btns .blog-next:hover:after {
  filter: brightness(0) saturate() invert(40%) sepia(66%) saturate(2108%) hue-rotate(153deg) brightness(96%) contrast(105%);
}

.blog-btns .blog-prev:before {
  content: "";
  filter: brightness(0) saturate() invert() sepia(0%) saturate(7479%) hue-rotate(107deg) brightness(96%) contrast(104%);
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/arrow.svg") 0 0 / 100% no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
  transform: rotate(180deg);
}

.blog-btns .blog-next:after {
  content: "";
  filter: brightness(0) saturate() invert() sepia(0%) saturate(7479%) hue-rotate(107deg) brightness(96%) contrast(104%);
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/arrow.svg") 0 0 / 100% no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  display: inline-block;
}

.author-banner {
  padding-top: 10px;
}

.author-banner-content {
  color: #fffc;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.author-banner-content .author-img {
  width: 144px;
  height: 144px;
  margin-right: 50px;
}

.author-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  width: 144px;
  height: 144px;
}

.author-banner-content .author-content h2 {
  color: #fff !important;
}

.solution-section {
  background: linear-gradient(290deg, #0b262a 0%, #007685 100%) no-repeat padding-box padding-box;
}

.half-grid-right .accordion-card {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 14px;
  margin-bottom: 20px;
  padding: 15px 30px;
}

.blog-content ul li li {
  position: relative;
}

.blog-content ul li li:before {
  content: "";
  background-color: var(--color-00a7ad);
  width: 5px;
  height: 6px;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 4px;
}

.blog-content li:before {
  font-size: 20px;
}

.blog-content ul li ul.wp-block-list {
  padding-left: 20px !important;
}

.hire-woocommerce-dev .shopify-feature-wrapper {
  grid-template-columns: 1fr;
}

.hire-woocommerce-dev .sub-title {
  padding-bottom: 20px;
}

.culture-section {
  background: linear-gradient(#f9f6ff 0%, #f9f6ff00 100%);
  padding: 60px 0;
}

.culture-block {
  align-items: center;
  display: flex;
}

.culture-block .culture-content {
  width: 50%;
}

.culture-img {
  text-align: right;
  width: 50%;
}

.culture-block .culture-content .culture-desc {
  max-width: 490px;
}

.hire-woocommerce-dev .half-grid-right {
  padding-right: 50px;
}

.hire-woocommerce-dev img {
  height: auto;
}

.culture-list {
  flex-wrap: wrap;
  margin-top: 90px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.culture-list .icon-block {
  background: #fff;
  border: 1px solid #f0ebf9;
  border-radius: 22px;
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  padding: 30px 20px;
  transition: all .5s ease-in-out;
}

.culture-list .icon-block .icon {
  text-align: center;
  background: #f9f6ff;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.culture-list .icon-block h4 {
  margin-bottom: 15px;
}

.culture-list .icon-block p {
  margin: 0;
  font-size: 16px;
}

.culture-list .icon-block:hover {
  box-shadow: 0 11px 18px #032f3114;
}

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

.brainSpate-values.develop-types .main-title {
  padding-bottom: 30px;
}

.brainSpate-values.develop-types.light-bg-pink-color .main-title {
  text-align: left;
  max-width: 100%;
}

.brainSpate-values .div-wrap {
  width: 50%;
  padding: 0 12px 24px;
}

.brainSpate-values .dev-box-main {
  margin-left: -12px;
  margin-right: -12px;
}

.top-technology-section {
  padding: 60px 0;
}

.technology-list {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
  display: grid;
}

.technology-block {
  background-color: #fff;
  border: 1px solid #cfeaeb;
  border-radius: 20px;
  padding: 40px 30px;
}

.technology-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.technology-block p {
  color: #1f343a;
}

.border-blue-color:hover {
  border-color: #236dfc;
}

.border-purple-color:hover {
  border-color: #e08bfc;
}

.border-green-color:hover {
  border-color: #00e396;
}

.border-orange-color:hover {
  border-color: #ff6167;
}

.border-skyblue-color:hover {
  border-color: #00aeef;
}

.border-yellow-color:hover {
  border-color: #ffb84e;
}

.border-pink-color:hover {
  border-color: #ffc4e9;
}

.border-light-green-color:hover {
  border-color: #06a273;
}

.border-light-blue-color:hover {
  border-color: #6895ff;
}

.our-ambience-block {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.our-ambience {
  margin-bottom: -145px;
  padding: 60px 0 205px;
  position: relative;
}

.our-ambience-block .our-ambience-content {
  text-align: center;
  width: 100%;
  max-width: 762px;
  margin: 0 auto 30px;
  padding-right: 0;
}

.our-ambience-block .our-ambience-content h2 {
  margin-bottom: 16px;
}

.our-ambience-block .our-ambience-content p {
  margin: 0;
}

.our-ambience-block .our-ambience-img {
  width: 100%;
  max-width: 100%;
}

.our-ambience-main {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 24px;
  display: flex;
}

.our-ambience-main .our-ambience-main-img {
  width: 100%;
  max-width: calc(25% - 18px);
  height: 300px;
}

.our-ambience-main .our-ambience-main-img:first-child, .our-ambience-main .our-ambience-main-img:nth-child(2) {
  max-width: calc(50% - 12px);
}

.our-ambience-main .our-ambience-main-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 28px;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.our-ambience:before {
  content: "";
  z-index: -1;
  background: var(--color-light-green);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.ecommerce-strategies .div-wrap {
  width: 100%;
  height: 100%;
  padding: 12px 0;
}

.ecommerce-strategies .div-wrap .card {
  height: 100%;
  padding: 30px;
  border-style: dashed !important;
  border-radius: 16px !important;
}

.ecommerce-strategies .div-wrap .card .card-title h4, .ecommerce-strategies .div-wrap .card .card-title h3 {
  display: flex;
}

.ecommerce-strategies .div-wrap .card .card-title h4 .count, .ecommerce-strategies .div-wrap .card .card-title h3 .count {
  color: var(--color-0b262a);
  margin-right: 10px;
}

.border-blue .count {
  color: #0e63cb;
}

.border-purple .count {
  color: #7759fb;
}

.border-orange .count {
  color: #ff7272;
}

.border-green .count {
  color: #00c1ce;
}

.border-yellow .count {
  color: #f9ba50;
}

.ecommerce-strategies .div-wrap .card ul {
  list-style: none;
  padding: 0 !important;
}

.ecommerce-strategies .div-wrap .card ul li:before {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/card-check-icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}

.ecommerce-strategies .div-wrap .card ul li {
  margin-bottom: 8px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 26px;
  position: relative;
}

.specifics-section {
  padding: 60px 0;
}

.light-blue-bg {
  background: linear-gradient(246deg, #f0f7ff 0%, #f2fdff 100%) no-repeat padding-box padding-box;
}

.specifics-list {
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  display: grid;
}

.specifics-block {
  border-radius: 10px;
  padding: 40px;
  font-size: 16px;
  position: relative;
}

.specifics-block:before {
  content: "";
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.specifics-block .specific-content-data {
  display: flex;
}

.specifics-block .specific-content-data img {
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
}

.specifics-block h4 {
  margin-bottom: 20px;
  position: relative;
}

.specifics-block p {
  margin: 0;
  position: relative;
}

.bg-purple-gradient:before {
  opacity: .1;
  background: linear-gradient(#7357fb 0%, #fff 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-blue-light {
  background: #f0f8f6;
}

.bg-blue-gradient:before {
  opacity: .1;
  background: linear-gradient(358deg, #fff 0%, #0f5ec9 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-green-gradient:before {
  opacity: .1;
  background: linear-gradient(#00e396 0%, #bffbff 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-orange-gradient:before {
  opacity: .1;
  background: linear-gradient(#ff7171 0%, #fff 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-yellow-gradient:before {
  opacity: .1;
  background: linear-gradient(1deg, #fff 0%, #f28555 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-light-blue-gradient:before {
  opacity: .1;
  background: linear-gradient(0deg, #fff 0%, #236dfc 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-pink-gradient:before {
  opacity: .1;
  background: linear-gradient(0deg, #fff 0%, #ff6baf 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.bg-light-green-gradient:before {
  opacity: .1;
  background: linear-gradient(0deg, #d1faff 0%, #00d192 100%) no-repeat padding-box padding-box;
  border: 2px solid #0000;
  transition: all .2s ease-in-out;
}

.specifics-block:hover.bg-purple-gradient:before {
  opacity: .2;
  border-color: #7357fb;
}

.specifics-block:hover.bg-blue-gradient:before {
  opacity: .2;
  border-color: #0883db;
}

.specifics-block:hover.bg-green-gradient:before {
  opacity: .2;
  border-color: #00ceb8;
}

.specifics-block:hover.bg-orange-gradient:before {
  opacity: .2;
  border-color: #ff9580;
}

.specifics-block:hover.bg-yellow-gradient:before {
  opacity: .2;
  border-color: #f7a851;
}

.specifics-block:hover.bg-light-blue-gradient:before {
  opacity: .2;
  border-color: #24a3fc;
}

.specifics-block:hover.bg-pink-gradient:before {
  opacity: .2;
  border-color: #ff8dc5;
}

.specifics-block:hover.bg-light-green-gradient:before {
  opacity: .2;
  border-color: #43c5af;
}

.benefits-and-features {
  padding: 60px 0;
}

.benefits-list {
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  display: grid;
}

.benefits-block {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #fff no-repeat padding-box padding-box;
  border: 2px solid #0000;
  border-radius: 10px 100px 100px 10px;
  width: calc(100% - 45px);
  margin-left: 45px;
  padding: 35px 60px;
  font-size: 16px;
  transition: all .3s ease-in-out;
  position: relative;
  box-shadow: 3px 4px 40px #aeaeae40;
}

.benefits-block .card-body h3 {
  font-size: var(--font-size-20) !important;
  line-height: var(--line-spacing-32) !important;
  color: var(--color-0b262a) !important;
}

.benefits-block p {
  margin-bottom: 0;
}

.benefits-block .icon-block {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  box-shadow: 0 0 25px #aeaeae26;
}

.benefits-block .icon-block figure {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: calc(100% - 28px);
  height: calc(100% - 28px);
  padding: 15px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.benefits-block .round-two {
  opacity: .15;
  border-radius: 50%;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.benefits-block .icon-block .round-one {
  opacity: .08;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.benefits-block.block-purple {
  border-color: #e08bfc;
}

.benefits-block.block-blue {
  border-color: #00aeef;
}

.benefits-block.block-green {
  border-color: #00e396;
}

.benefits-block.block-pink {
  border-color: #ff6baf;
}

.benefits-block.block-orange {
  border-color: #ff6167;
}

.benefits-block.block-lightblue {
  border-color: #24eefc;
}

.benefits-block.block-yellow {
  border-color: #ffb84e;
}

.benefits-block.block-purple:hover, .benefits-block.block-blue:hover, .benefits-block.block-green:hover, .benefits-block.block-orange:hover, .benefits-block.block-lightblue:hover, .benefits-block.block-yellow:hover, .benefits-block.block-pink:hover {
  border-color: #0000;
}

.ecommerce-functions {
  padding: 60px 0;
}

.ecommerce-block {
  background-color: #fff;
  border-radius: 22px;
  flex-wrap: wrap;
  margin-bottom: 30px;
  display: flex;
}

.ecommerce-block:last-child {
  margin-bottom: 0;
}

.ecommerce-block .img {
  border-right: 1px solid #00a7ad80;
  width: 33.333%;
  padding: 30px;
  display: inline-block;
}

.ecommerce-block .img img {
  width: 100%;
  display: block;
}

.ecommerce-block .ecommerce-content {
  width: 66.66%;
  padding: 40px;
}

.ecommerce-block .ecommerce-content ul {
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.ecommerce-block .ecommerce-content ul li {
  color: #0b262a;
  width: 50%;
  margin-bottom: 10px;
  padding-left: 35px;
  font-size: 18px;
  position: relative;
}

.ecommerce-block .ecommerce-content ul li:before {
  content: "";
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/ecommerce-block-icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
}

.ecommerce-block .img h3 {
  color: #00444e;
  margin-top: 25px;
  margin-bottom: 30px;
}

.pricing-plans {
  background: linear-gradient(360deg, #f6fcfd 0%, #fff 100%);
  padding: 60px 0;
}

.pricing-plans .title {
  text-align: center;
}

.pricing-plans table {
  border-spacing: 0;
  border-spacing: 0;
  border-collapse: inherit;
  border: 1px solid #dceced;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 18px #00000026;
}

.pricing-plans table th {
  border-collapse: collapse;
  text-align: center;
  vertical-align: bottom;
  background: #00a7ad;
  border: 1px solid #dceced;
  border-right: none;
  width: 22%;
  max-width: 290px;
  padding: 20px 23px;
  font-weight: normal;
  position: relative;
}

.pricing-plans table th h3 {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  color: #fff !important;
  font-size: 20px !important;
}

.pricing-plans table th:first-child h3 {
  justify-content: start;
  margin-bottom: 0;
}

.pricing-plans table th p {
  margin: 0;
}

.pricing-plans table {
  border-spacing: 0;
  border-spacing: 0;
  border-radius: 18px;
  width: 100%;
  overflow: hidden;
}

.price-block .top {
  max-width: 150px;
  margin: 0 auto;
}

.pricing-plans table th:first-child {
  text-align: left;
  border-left: none;
  border-top-left-radius: 18px;
  width: 30%;
}

.pricing-plans table th:last-child {
  border-right: none;
  border-top-right-radius: 18px;
}

.price-block .price {
  color: #007b80;
  padding-top: 10px;
  font-size: 28px;
  font-weight: bold;
  line-height: 35px;
}

.price-block .top img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  padding-right: 0;
  display: inline-block;
}

.price-block .top span {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  font-size: var(--font-size-24) !important;
  line-height: var(--line-spacing-35) !important;
  color: var(--color-0b262a) !important;
}

.most-popular {
  color: #00a7ad;
  border-top: 1px solid #6d7d7f33;
  margin-top: 5px;
  padding-top: 5px;
  font-size: 16px;
}

.pricing-plans table tbody td {
  border-collapse: collapse;
  text-align: center;
  color: #1f343a;
  border: 1px solid #dceced;
  border-right: none;
  padding: 15px 23px;
  font-weight: 400;
}

.pricing-plans table td:first-child {
  text-align: left;
  border-left: none;
  font-size: 16px;
}

.pricing-plans table tfoot td:first-child {
  border-bottom-left-radius: 18px;
}

.pricing-plans table tfoot td:last-child {
  border-bottom-right-radius: 18px;
}

.pricing-plans table tfoot td {
  background: #e6f4f1;
  padding: 16px 0;
}

.pricing-plans table tfoot td .fillbtn {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-plans table tbody tr:nth-child(2n) {
  background-color: #f2f9fa;
}

.pricing-plans table tbody tr:last-child td:first-child {
  vertical-align: top;
}

.Accordion-item {
  background-color: #fff;
  border-bottom: none;
  border-radius: 18px;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  position: relative;
  box-shadow: 0 0 24.5px #00000021;
}

.Accordion-item .title-tab {
  padding: 15px 20px;
}

.Accordion-item .title-tab .plan-card-top {
  background: #00a7ad;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
  display: flex;
}

.Accordion-item .title-tab .plan-card-top h3 {
  margin: 0;
  color: #00a7ad !important;
}

.Accordion-item .inner-content {
  border-top: 1px solid #e5e5e5;
  padding: 10px 30px 30px 50px;
  display: none;
}

.Accordion-item .inner-content.active {
  display: block;
}

.Accordion-item .title-tab .plan-card-top h2 {
  margin: 0;
}

.Accordion-item .title-tab:before {
  content: "";
  background: #00a7ad url("https://d1zruf9db62p8s.cloudfront.net/public/images/white-down-arrow.svg") 10px 15px no-repeat;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.Accordion-item .title-tab.active:before {
  transform: translateX(-50%)rotate(180deg);
}

.Accordion-item ul li:before {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/success-green-check-mark-icon-1.svg") center / contain no-repeat;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  left: -40px;
}

.Accordion-item ul li.unsuccess:before {
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/unsuceess-img.svg") 0 0 / contain no-repeat;
}

.Accordion-item ul {
  width: 100%;
  margin-bottom: 20px;
  list-style: none;
  display: inline-block;
}

.Accordion-item ul li {
  text-align: left;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  padding-left: 10px !important;
}

.Accordion-item .inner-content .fillbtn {
  text-align: center;
  background: #e6f4f1;
  border: 1px solid #dceced;
  width: 100%;
  margin-top: 10px;
  padding: 20px 0 30px;
  display: inline-block;
}

.Accordion-item .inner-content .fillbtn a.fill {
  border-radius: 12px;
  min-width: 170px;
  padding: 13px 25px;
  font-weight: 600;
  line-height: 1.15;
  display: inline-block;
}

.Accordion-item .inner-content .cont-wrap {
  border-top: 1px solid #d5ebe6;
  margin: 0 12px;
  padding: 10px 8px;
}

.mobile-pricing {
  display: none;
}

.extra-btn-scetion .fill {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.two-colum-brainspate-box {
  max-width: 91%;
}

.two-colum-brainspate-box .why-choose-brainspate-inner {
  width: 50%;
  margin-bottom: 27px;
}

.eCommerce-solutions-a-to-z {
  padding-top: 60px;
  padding-bottom: 35px;
}

:is(table:has(thead th:nth-child(2) .most-popular-text) tbody td:nth-child(2), table:has(thead th:nth-child(2) .most-popular-text) tfoot td:nth-child(2)), :is(table:has(thead th:nth-child(3) .most-popular-text) tbody td:nth-child(3), table:has(thead th:nth-child(3) .most-popular-text) tfoot td:nth-child(3)), :is(table:has(thead th:nth-child(4) .most-popular-text) tbody td:nth-child(4), table:has(thead th:nth-child(4) .most-popular-text) tfoot td:nth-child(4)) {
  background-color: #00a7ad1a;
}

.drive-business-growth .why-choose-brainspate-inner .inner .content {
  font-size: 24px;
  line-height: 32px;
}

.pricing-offer .offer {
  display: none;
}

@media (max-width: 1199px) {
  .drive-business-growth .why-choose-brainspate-inner .inner {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .drive-business-growth .why-choose-brainspate-inner .inner .content {
    font-size: 20px;
    line-height: 30px;
  }

  .drive-business-growth .why-choose-brainspate-inner .inner {
    padding: 15px 10px;
  }

  .best-e-commerce .why-choose-brainspate-box:before {
    top: 120px;
  }
}

.about-section {
  background-color: var(--color-0b262a);
  width: 100%;
  padding-top: 43px;
}

.about-section-inner {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-section .about-label h2 {
  margin-bottom: 5px;
  color: #fff !important;
}

.founder-image-class figure.text-align-right {
  margin: 0;
}

.about-section .about-label h5, .about-section .about-label h3 {
  color: #859294 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: var(--font-weight-medium) !important;
}

.about-section .about-content {
  color: var(--color-ccdfe1);
  margin-top: 7px;
  font-style: italic;
}

.about-section .sub-title {
  padding-top: 37px;
  color: #ccdfe1 !important;
}

.founder-image-class img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50px 50px 0 0;
  width: 412px;
  height: 453px;
  overflow: hidden;
}

.choose-title h3 {
  font-family: var(--font-family-inter) !important;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-20) !important;
  line-height: var(--line-spacing-32) !important;
  color: var(--color-0b262a) !important;
  margin-bottom: 0 !important;
}

.rc-accordion-toggle-cls, .rc-accordion-faq-toggle-cls {
  cursor: pointer;
}

.custom-mobile-price .Accordion-item .title-tab .plan-card-top h3 {
  margin: 0;
  color: #0b262a !important;
  font-size: 28px !important;
  line-height: 1.4 !important;
}

.hiring-model h3, .rc-accordion-header, .rc-accordion-title, .technology-list h3, .culture-list h3, .custom-culture-val-cls h3, .custom-develop-types-cls h3, .ecommerce-strategies .div-wrap .card .card-title h3 {
  font-size: var(--font-size-20) !important;
}

.info-career {
  width: 100%;
  padding-top: 60px;
}

.info-career-wrap {
  background: #fff2d6;
  border: 2px solid #f3e4c3;
  border-radius: 10px;
  gap: 30px;
  padding: 30px;
  display: flex;
}

.info-career-wrap figure {
  margin: 0;
}

.info-career-wrap p {
  margin-bottom: 0;
}

.info-career-wrap p a {
  color: #0b262a;
  font-weight: 600;
}

.info-career-wrap p a:hover {
  color: #007685;
}

.upload input[type="file"] {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.upload {
  position: relative;
}

.form-field .two-column {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}

.application-form .form-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.application-form {
  background: #f9fdfc;
  border: 1px solid #dceced;
  border-radius: 18px;
  width: 100%;
  max-width: 820px;
  margin: 0 auto 60px;
  padding: 30px;
}

.steps {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  display: grid;
  position: relative;
}

.steps .step {
  text-align: center;
  background: #fff;
  border-radius: 22px;
  padding: 40px 10px 10px;
  position: relative;
  box-shadow: 0 11px 18px #032f3114;
}

.step-number {
  color: #fff;
  background: #0b262a;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 24px;
  display: flex;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 3px 4px 40px #aeaeae33;
}

.steps .step img {
  margin-bottom: 10px;
}

.steps .step .step-title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-20);
  color: var(--color-0b262a);
  margin-bottom: 12px;
}

.triangle-bottom-remove .triangle-bottom:after {
  display: none;
}

.hiring-process {
  background: #eefcfd;
  padding: 60px 0;
}

.technology-icon figure {
  margin: 0;
}

.culture-speaks-section {
  background: #eefcfd;
  padding-top: 60px;
  padding-bottom: 60px;
}

.culture-gallery {
  gap: 18px;
  display: flex;
}

.culture-gallery .gallery-block .gallery-img {
  width: 100%;
  margin-bottom: 20px;
}

.culture-gallery .gallery-block .gallery-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 25px;
  width: 100%;
}

.imagination-work-wrap {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.imagination-work-left {
  flex: 1;
  height: auto;
  position: sticky;
  top: 120px;
}

.imagination-work-right {
  flex: 1;
}

.imagination-work {
  padding-top: 60px;
  padding-bottom: 60px;
}

.imagination-work-left h2 {
  margin-bottom: 20px;
}

.imagination-work-left .img img {
  max-width: 100%;
}

.imagination-work-right .why-choose-box {
  width: 100%;
  position: relative;
  top: 0;
}

.imagination-work-right .why-choose-box .inner .description {
  padding-right: 100px;
}

.rating {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.rating .fa-star:before {
  content: "★";
  font-weight: bold;
}

.developer-expertise .main-title {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.expertise-box {
  border: 2px solid var(--color-ffffff);
  background: var(--color-ffffff);
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  max-width: calc(33.333% - 12px);
  padding: 30px 20px;
  display: flex;
  position: relative;
}

.expertise-box-author {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.expertise-box-rate {
  margin-bottom: 8px;
}

.expertise-box-author-img {
  border: 1px solid #dceced;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.expertise-box-author-img figure {
  margin: 0;
}

.expertise-box-author-img img {
  border-radius: 50%;
  width: 84px;
  height: 84px;
  display: block;
}

.expertise-box-author-cont {
  margin-left: 16px;
}

.expertise-box-author-cont h3 {
  margin-bottom: 6px;
}

.expertise-box-author-cont p {
  text-transform: capitalize;
  color: #34666d;
  font-weight: var(--font-weight-medium);
  margin: 0;
}

.expertise-box-experience {
  text-align: center;
  background: #ebf4f5;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
  padding: 12px 47px;
  display: flex;
  position: relative;
}

.expertise-box-rate h3 {
  font-size: var(--font-size-32) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--font-size-32) !important;
}

.expertise-box-rate h3 span {
  color: #597f85;
  letter-spacing: .01em;
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-20) !important;
}

#developer-profiles {
  scroll-margin-top: 90px;
}

.developer-expertise {
  background: #e6f4f1;
  padding: 60px 0;
}

.developer-expertise-main {
  gap: 18px;
}

.expertise-box-rate h3 {
  margin-bottom: 6px;
}

.expertise-box-rate p {
  font-weight: var(--font-weight-medium);
  color: #34666d;
  font-weight: var(--font-weight-medium);
  margin: 0;
}

.expertise-box-experience h6, .expertise-box-experience span.expertise-experience-info, .expertise-box-experience span.expertise-project-info {
  font-weight: var(--font-weight-semi-bold);
  color: #34666d;
  margin-bottom: 4px;
  line-height: 1.2;
  display: inline-block;
}

.expertise-box-experience p {
  color: #34666d;
  font-weight: var(--font-weight-normal);
  margin: 0;
}

.expertise-box-experience:before {
  content: "";
  background: #ccdddf;
  width: 2px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.expertise-box-skills {
  margin-bottom: 20px !important;
  padding: 0 !important;
}

.expertise-box-skills li {
  font-size: var(--font-size-18);
  color: #0b262a;
  font-weight: var(--font-weight-normal);
  padding-left: 38px;
  list-style-type: none;
  position: relative;
}

.expertise-box-skills li + li {
  margin-top: 16px;
}

.expertise-box-skills li:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/expertise-skills-icon.svg");
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
}

.expertise-box-expert h6 {
  font-weight: var(--font-weight-semi-bold);
  color: #34666d;
}

.expertise-box-expert ul {
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.expertise-box-expert ul li {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  background: #e6f4f6;
  border-radius: 60px;
  margin: 0 8px 8px 0;
  padding: 5px 14px;
}

.expertise-box-expert {
  flex-direction: column;
  flex-grow: 2;
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: 22px;
  display: flex;
}

.expertise-box .fill {
  text-align: center;
  width: 100%;
  margin: auto 0 0;
}

.expertise-box .fill:after {
  position: relative;
  right: -5px;
}

.expertise-box .fill:hover:after {
  right: -10px;
}

.expertise-box.most-popular {
  color: unset;
  border: 2px solid #00a7ad;
  margin: 0;
}

.most-popular-text {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/best-value-img.svg");
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 174px;
  height: 51px;
  display: flex;
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
}

.most-popular-text p {
  text-align: center;
  color: #f0f8f6;
  font-size: 18px;
  font-weight: var(--font-weight-medium);
  margin: 0;
  padding-top: 5px;
}

.service-banner .about-us-main .sub-title-top a:before, .banner-wrap .sub-title-top a:before, .aboutus-section .banner-wrap .sub-title-top a:before, .testimonial-section .sub-title-top a:before, .portfolio-section-main .sub-title-top a:before, .portfolio-post-main .sub-title-top a:before {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/breadcrumb-icon.svg");
  background-size: cover;
  width: 9px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.banner-wrap .sub-title-top a:before {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/breadcrumb-black-icon.svg");
}

.testimonial-section .sub-title-top a:before, .aboutus-section .banner-wrap .sub-title-top a:before, .portfolio-section-main .sub-title-top a:before, .portfolio-post-main .sub-title-top a:before {
  right: 6px;
}

.banner-wrap .sub-title-top a, .testimonial-section .sub-title-top a, .portfolio-section-main .sub-title-top a, .portfolio-post-main .sub-title-top a {
  padding-right: 23px;
  position: relative;
}

.service-banner .banner-wrap .sub-title-top h1 {
  margin: 20px 0 12px;
  font-size: var(--font-size-32) !important;
  line-height: var(--line-spacing-40) !important;
}

.service-banner .banner-wrap .sub-title {
  padding: 0;
  color: var(--color-ccdfe1) !important;
  line-height: var(--line-spacing-24) !important;
}

.service-banner .about-us-main {
  padding-bottom: 50px;
}

.hire-ecommerce-page .our-services.triangle-bottom:after, .hire-woocomerce-page .our-services.triangle-bottom:after, .hire-shopify-page .our-services.triangle-bottom:after, .hire-shopify-page .our-services.triangle-bottom:after {
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/triangle-down-new.png");
}

.key-feature-main-inner {
  width: 100%;
  max-width: 33.333%;
  padding: 24px;
}

.key-feature-main-inner-box-img {
  background: #f9f6ff;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 22px;
  display: flex;
}

.key-feature-main-inner-box h4 {
  font-weight: var(--font-weight-semi-bold) !important;
}

.key-feature-main-inner-box p {
  margin: 0;
}

.key-feature {
  padding: 60px 0 36px;
}

.about-page .logo-slider, .infrastructure-page .logo-slider, .culture-value-page .logo-slider, .career-page .logo-slider {
  box-shadow: none;
  border: none;
  padding: 0;
}

.award-sec-logos-section h2 {
  margin-bottom: 30px;
}

.develop-types.brainSpate-values {
  background: #eefcfd;
}

.more-screen {
  padding: 40px 0 20px;
}

.more-screen .main-title {
  width: 100%;
  max-width: 912px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.more-screen-slider-img figure {
  text-align: center;
  margin: 0;
}

.more-screen-slider {
  position: relative;
}

.more-screen-slider-viewport {
  overflow: hidden;
}

.more-screen-slider-container {
  display: flex;
}

.more-screen-slider-img {
  flex: 0 0 100%;
  min-width: 0;
}

.more-screen-slider-controls {
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.more-screen-slider-arrow {
  background: var(--color-ffffff);
  pointer-events: auto;
  cursor: pointer;
  border: 1px solid #e6f4f1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin: 0 6px;
  padding: 0;
  display: flex;
  position: relative;
}

.more-screen-slider-arrow:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/more-screen-arrow-icon.svg");
  width: 13px;
  height: 12px;
  position: absolute;
}

.more-screen-slider-arrow-next:after {
  transform: rotate(180deg);
}

.more-screen-slider-arrow:hover {
  background: #00a7ad;
}

.more-screen-slider-arrow:hover:after {
  filter: brightness(50);
}

.more-screen-slider-dots {
  display: none;
}

.more-screen .react-multiple-carousel__arrow {
  border: 1px solid #e6f4f1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  display: flex;
  background: var(--color-ffffff) !important;
  left: 6px !important;
}

.more-screen .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right {
  left: auto !important;
  right: 6px !important;
}

.more-screen .react-multiple-carousel__arrow:after {
  content: "";
  background-image: url("https://d1zruf9db62p8s.cloudfront.net/public/images/more-screen-arrow-icon.svg");
  width: 13px;
  height: 12px;
  position: absolute;
}

.more-screen .react-multiple-carousel__arrow--right.react-multiple-carousel__arrow:after {
  transform: rotate(180deg);
}

.more-screen .react-multiple-carousel__arrow:hover {
  background: #00a7ad !important;
}

.more-screen .react-multiple-carousel__arrow:hover:after {
  filter: brightness(50);
}

.portfolio-card-bottom {
  border-top: 1px solid #dceced;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
}

ul.portfolio-tag {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
  padding: 0 !important;
}

ul.portfolio-tag li {
  color: #638388;
  border: 1px solid #abcecf;
  border-radius: 8px;
  margin: 0;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  display: inline-block;
}

ul.portfolio-tag li:first-child {
  color: #fff;
  background: #95bf47;
  border-color: #95bf47;
}

.countery-flag-img img {
  border-radius: 3px;
}

.mobile-show {
  display: none;
}

.custom-plateform {
  background: linear-gradient(360deg, #f6fcfd 0%, #fff0 50%, #f6fcfd 100%);
  padding: 60px 0;
}

.migration-box {
  background: #fff;
  border-radius: 22px;
  height: 100%;
  padding: 30px;
  box-shadow: 0 11px 18px #032f3114;
}

.migration-title {
  margin-bottom: 20px;
}

.migration-title .migration-box-title {
  width: 100%;
  color: var(--color-0b262a);
  font-family: var(--font-family-inter);
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-24);
  line-height: var(--line-spacing-27);
}

.migration-title .migration-box-title a {
  color: var(--color-0b262a);
}

.migration-title .migration-box-title a:hover {
  color: var(--color-00a7ad);
}

.pb-20 {
  padding-bottom: 20px;
}

.development-process {
  padding: 60px 0;
}

.development-box {
  width: 25%;
  padding: 12px;
}

.development-box .inner {
  background: linear-gradient(180deg, var(--color-light-green) 0%, var(--color-ffffff) 100%);
  border-radius: 22px;
  height: 100%;
  padding: 30px;
  transition: all .4s ease-in-out;
  position: relative;
}

.development-box .inner h3 {
  color: var(--color-0b262a);
  margin-top: 30px;
  margin-bottom: 15px;
  transition: all .4s ease-in-out;
  font-size: var(--font-size-20) !important;
  line-height: var(--line-spacing-32) !important;
}

.development-box .inner .description {
  font-size: var(--font-size-14);
  color: #1f343a !important;
  line-height: var(--line-spacing-24) !important;
}

.development-box .inner:after {
  right: -44px;
}

.development-box:not(:last-child) .inner:after {
  content: "";
  z-index: 2;
  background-image: linear-gradient(to right, #0b262a 30%, #fff0 10%);
  background-position: center;
  background-repeat: repeat-x;
  background-size: 7px 2px;
  width: calc(100% - 50px);
  height: 2px;
  display: block;
  position: absolute;
  top: 50px;
}

.eCommerce-dev-solution {
  padding: 60px 0;
}

.solution-box {
  width: 25%;
  padding: 12px;
}

.solution-box .inner {
  text-align: center;
  background: #fff;
  border: 2px solid #0000;
  border-radius: 22px;
  height: 100%;
  padding: 30px 20px;
  transition: all .4s ease-in-out;
  position: relative;
  box-shadow: 0 7px 10px #032f3114;
  transition: all .4s !important;
}

.eCommerce-dev-solution .solution-box .inner > img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 58px;
  height: 58px;
}

.solution-box .inner .solution-box-title {
  font-family: var(--font-family-inter);
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-0b262a);
  margin-top: 15px;
  margin-bottom: 15px;
  transition: all .4s ease-in-out;
  font-size: var(--font-size-20) !important;
  line-height: var(--line-spacing-32) !important;
}

.solution-box .inner .solution-box-title a {
  color: inherit;
  transition: color .4s ease-in-out;
}

.solution-box .inner .solution-box-title a:hover {
  color: var(--color-00a7ad);
  text-decoration: none !important;
}

.eCommerce-dev-slider {
  position: relative;
}

.eCommerce-embla {
  margin: 0;
  overflow: hidden;
}

.eCommerce-embla-container {
  align-items: stretch;
  margin: 0;
  padding: 0;
  display: flex;
}

.eCommerce-embla-slide {
  flex: 0 0 25%;
  min-width: 0;
  display: flex;
}

.eCommerce-embla-slide .solution-box {
  width: 100%;
  height: auto;
}

.eCommerce-dev-slider .solution-box .inner {
  width: 100%;
}

.eCommerce-slider-dots {
  display: none;
}

.eCommerce-slider-arrow {
  background: var(--color-ffffff);
  cursor: pointer;
  z-index: 2;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: background .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 11px 18px #032f3114;
}

.eCommerce-slider-arrow.left {
  left: -20px;
}

.eCommerce-slider-arrow.right {
  right: -20px;
}

.eCommerce-slider-arrow:after {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/more-screen-arrow-icon.svg") center no-repeat;
  width: 16px;
  height: 12px;
}

.eCommerce-slider-arrow.right:after {
  transform: rotate(180deg);
}

.eCommerce-slider-arrow:hover {
  background: #00a7ad;
}

.eCommerce-slider-arrow:hover:after {
  filter: brightness(50);
}

@media (max-width: 1366px) {
  .eCommerce-slider-arrow.left {
    left: 0;
  }

  .eCommerce-slider-arrow.right {
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .eCommerce-embla-slide {
    flex: 0 0 100%;
    padding: 0;
  }

  .eCommerce-slider-arrow {
    display: none;
  }

  .eCommerce-slider-dots {
    justify-content: center;
    gap: 6px;
    padding-top: 20px;
    display: flex;
  }

  .eCommerce-slider-dots button {
    cursor: pointer;
    background: #00a7ad;
    border: 0;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    padding: 0;
  }

  .eCommerce-slider-dots button.active {
    border-radius: 40px;
    width: 20px;
  }
}

.apparel-eCommerce-integration {
  padding: 60px 0;
}

.logo-tab-list {
  flex-wrap: wrap;
  gap: 17px;
  margin-bottom: 50px;
  display: flex;
}

.logo-tab-button {
  color: #34666d;
  cursor: pointer;
  background: #e6f4f6;
  border: none;
  border-radius: 60px;
  padding: 10px 24px;
  transition: all .4s ease-in-out;
  font-size: var(--font-size-16) !important;
}

.logo-tab-button.active, .logo-tab-button:hover {
  color: #fff;
  background: #00a7ad;
}

.logo-box {
  border: 1px solid #dfedee;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: calc(25% - 20px);
  height: 113px;
  padding: 20px;
  display: flex;
}

.logo-tab-content {
  gap: 25px;
}

.country-we-serve {
  margin-top: 30px;
}

.country-we-serve .sec-inner {
  border-top: 1px solid #dad0ed;
  border-bottom: 1px solid #dad0ed;
  gap: 100px;
  width: 100%;
  padding: 10px 0;
}

.country-we-serve .sec-inner span {
  white-space: nowrap;
}

.industry-content .best-e-commerce:nth-child(2n) .half-grid-left {
  text-align: end;
  order: 1;
}

.industry-content .best-e-commerce:nth-child(2n) {
  background-color: #eefcfd;
}

.industry-content .best-e-commerce:last-child img {
  width: 100%;
  height: auto;
}

.industry-cta {
  background-color: #eefcfd;
}

.prtfolio-page .main-categories {
  margin-top: 40px;
}

.blog-loader {
  z-index: 11;
  background: #ffffffb3;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.blog-story {
  background: #faffff;
  border: 1px solid #dceced;
  border-radius: 18px;
  margin: 30px 0;
  padding: 0 20px;
  box-shadow: 0 0 30px #aeaeae40;
}

.blog-story .story-top {
  border-bottom: 1px solid #dceced;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  display: flex;
}

.story-top .title h3 {
  margin: 0;
  color: #0b262a !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

.story-top .title h3 span {
  color: #0b262a !important;
}

.story-top .social-media ul {
  align-items: center;
  list-style: none;
  display: flex;
}

.story-top .social-media ul li {
  padding: 0 10px;
}

.story-top .social-media ul li:last-child {
  padding-right: 0;
}

.story-detail {
  flex-wrap: wrap;
  padding: 20px 0 10px;
  display: flex;
}

.story-detail .story-img {
  width: 105px;
  padding-right: 15px;
}

.story-detail .story-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #dceced;
  border-radius: 50px;
  width: 90px;
  height: 90px;
  padding: 5px;
}

.story-detail .story-content {
  width: calc(100% - 105px);
}

.story-detail .story-content h4 {
  color: #2f4858 !important;
  font-size: 20px !important;
}

.story-detail .story-content > span {
  margin-bottom: 12px;
  padding: 0;
  display: inline-block;
  color: #2f4858 !important;
  font-size: 20px !important;
}

.story-detail .story-content h4 a {
  color: #00a7ad !important;
}

.story-detail .story-content p {
  font-size: var(--font-size-18);
  line-height: var(--line-spacing-30);
}

.single .blog-content {
  margin-top: 0;
}

.blog-cta .wp-block-group__inner-container {
  background: linear-gradient(280deg, #00444e 0%, #00a7ad 100%) no-repeat padding-box padding-box;
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 30px 40px;
  display: flex;
}

.blog-content .blog-cta .wp-block-heading {
  width: 100%;
  max-width: 550px;
  margin-bottom: 0;
  padding: 10px 0 15px;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: var(--line-spacing-46) !important;
  color: #fff !important;
}

.blog-cta .is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.blog-cta {
  background: linear-gradient(280deg, #00444e 0%, #00a7ad 100%) no-repeat padding-box padding-box;
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  margin: 0 auto 20px;
  padding: 30px 40px;
  display: flex;
}

.blog-cta div.wp-block-heading, .blog-cta h2 {
  width: 100%;
  max-width: 550px;
  margin-bottom: 0;
  padding: 10px 0 15px;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: var(--line-spacing-46) !important;
}

.sub-title-top a.service-page-link:after {
  content: "/";
  margin: 0 5px 0 2px;
}

.dark-color .sub-title-top a.service-page-link:after {
  margin: 0 5px;
}

.dark-color .sub-title-top a.service-page-link, .dark-color .sub-title-top span {
  color: #b1bebf;
}

.dark-color .sub-title-top a:hover {
  color: #fff;
}

.ecommerce-developers {
  background: #f1f8f6;
  padding: 60px 0;
}

.ecommerce-developers .title {
  text-align: center;
  max-width: 960px;
  margin: 0 auto 20px;
}

.ecommerce-developers .title h2 {
  margin-bottom: 25px;
}

.ecommerce-developers .title h3 {
  color: #496860 !important;
  font-size: 22px !important;
}

.ecommerce-developers-table {
  margin: 0 auto;
}

.ecommerce-developers-table .table {
  border-collapse: unset;
  border-spacing: 0;
  border: 1px solid #ccdddf;
  border-radius: 18px;
  width: 100%;
  overflow: hidden;
}

.ecommerce-developers-table td {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #ccdddf;
  border-right: 1px solid #ccdddf;
  padding: 8px 30px;
  color: #0b262a !important;
  font-size: 16px !important;
}

.ecommerce-developers-table td img {
  max-width: 22px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.ecommerce-developers-table td:last-child {
  border-right: none;
}

.ecommerce-developers-table tr:last-child td {
  border-bottom: none;
}

.ecommerce-developers-table td:first-child {
  text-align: left;
}

.ecommerce-developers-table thead th {
  color: #fff;
  vertical-align: middle;
  text-align: center;
  background-color: #004542;
  padding: 10px 25px;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.ecommerce-developers-table thead th:first-child {
  text-align: left;
  padding-left: 30px;
}

.simplified-setup-process {
  width: 100%;
  padding: 60px 0;
}

.simplified-setup-process-list {
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 58px;
  display: grid;
}

.simplified-setup-process .title {
  margin-bottom: 40px;
}

.simplified-setup-process-block {
  width: 100%;
  display: inline-block;
  position: relative;
}

.simplified-setup-process-block .number {
  color: #fff;
  background: #00a7ad;
  border: 5px solid #fff;
  border-radius: 50%;
  outline: 1px solid #00a7ad33;
  width: 60px;
  height: 60px;
  margin: 0 auto 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
}

.simplified-setup-process-block:before {
  content: "";
  z-index: -1;
  border-bottom: 2px dotted #0b262a;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: calc(50% + 30px);
}

.simplified-setup-process-block:last-child:before {
  display: none;
}

.simplified-setup-process-block h3 {
  margin-bottom: 10px;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
}

.hiring-model {
  background: #e6f4f1;
}

.author-banner {
  margin-bottom: 30px;
  padding: 0;
}

.author-banner .testimaonial-main {
  padding: 0;
}

.author-banner-content {
  background: #e6f4f1;
  border: 1px solid #bad8dd;
  border-radius: 18px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 12px 20px #0b262a1a;
}

.author-banner-content h1 {
  margin-top: 0;
}

.author-banner-content .author-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  display: block;
}

.author-banner-content .author-content {
  width: 100%;
  max-width: calc(100% - 224px);
}

.author-banner-content .author-content .author-name-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.author-banner-content .author-content h1 {
  margin-bottom: 0;
  font-weight: var(--font-weight-semi-bold) !important;
  font-size: var(--font-size-32) !important;
  line-height: var(--line-spacing-40) !important;
  color: var(--color-0b262a) !important;
}

.author-banner-content .author-content .author-linkedin {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: block;
}

.author-banner-content .author-content .author-linkedin svg {
  width: 100%;
  height: 100%;
  display: block;
}

.author-banner-content .author-content .author-position {
  color: #356870;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
}

.author-banner-content .author-content .author-experience {
  color: #06282d;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.author-banner-content .author-content .author-experience svg {
  flex-shrink: 0;
  margin-top: 5px;
}

.author-banner-content .author-content p {
  color: #0b262a;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.author-banner-content .author-img {
  border: 3px solid #00a7ad;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-right: 0;
  display: flex;
}

.new-light-bg-color .our-latest-work {
  background: #eefcfd;
}

.enhance-accordion-wrap-inner .fillbtn.mobile {
  margin-top: 30px;
  display: none;
}

.enhance-accordion-wrap-inner .fillbtn.desktop {
  display: block;
}

.author-banner .sub-title-top a:after {
  content: "/";
  position: unset;
  transform: unset;
  background: none;
  margin: 0 5px;
}

.author-banner .sub-title-top a:before {
  display: none;
}

.author-banner .sub-title-top a {
  padding: 0;
  display: inline-block;
}

.author-page .author-description {
  margin-bottom: 40px;
}

.author-page .author-description-card {
  background: #faffff;
  border: 1px solid #d3e5e8;
  border-radius: 18px;
  padding: 40px;
}

.author-page .author-description-card > h2 {
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-0b262a);
  margin: 0 0 20px;
  font-size: 28px;
  line-height: 34px;
}

.author-page .author-description-content {
  color: #0b262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.author-page .author-description-content > :first-child {
  margin-top: 0;
}

.author-page .author-description-content > :last-child {
  margin-bottom: 0;
}

.author-page .author-description-content h2, .author-page .author-description-content h3, .author-page .author-description-content h4 {
  color: var(--color-0b262a);
  font-weight: var(--font-weight-semi-bold);
  margin: 28px 0 12px;
}

.author-page .author-description-content h2 {
  font-size: 24px;
  line-height: 32px;
}

.author-page .author-description-content h3 {
  font-size: 20px;
  line-height: 28px;
}

.author-page .author-description-content h4 {
  font-size: 18px;
  line-height: 26px;
}

.author-page .author-description-content p {
  margin: 0 0 20px;
}

@media (max-width: 767px) {
  .author-page .author-description-card {
    border-radius: 18px;
    padding: 30px 20px;
  }
}

.author-page .author-description-content ul, .author-page .author-description-content ol {
  margin: 0 0 24px !important;
}

.author-page .author-description-content li {
  margin-bottom: 8px;
}

.author-page .author-description-content a {
  color: #00a7ad;
  text-decoration: underline;
}

.blog-page.author-page .latest-posts-heading {
  margin-bottom: 30px;
}

.blog-page .latest-posts-heading {
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-0b262a);
  font-size: 28px;
  line-height: 34px;
}

.recent-blogs h2 {
  margin-bottom: 30px;
}

.shopify-plus-banner br {
  display: block !important;
}

.banner-tags span {
  color: #000;
  background: #fff;
  border-radius: 5px;
  padding: 9px;
  font-size: 20px;
  font-weight: 600;
}

.banner-tags {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.portfolio-card-top {
  gap: 20px;
}

.portfoilo-section-display-cls {
  max-width: 68%;
}

.portfoilo-content-section p {
  color: #000;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
}

.pricing-tab-list {
  background: #fff;
  border: 1px solid #d5ebe6;
  border-radius: 16px;
  gap: 10px;
  width: fit-content;
  margin: 0 auto;
  padding: 10px;
  display: flex;
}

.pricing-tab-list .tab {
  color: #0b262a;
  -o-transition: .3s ease-in;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  min-width: 250px;
  padding: 11px 12px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s ease-in;
  font-family: var(--font-family-inter) !important;
  border: 1px solid #0000 !important;
}

.pricing-tab-list .tab.active, .pricing-tab-list .tab:hover {
  color: #fff;
  background: #00a7ad;
  border: 1px solid #00a7ad;
  font-weight: 500;
}

.pricing-plans table {
  overflow-x: auto;
  box-shadow: 0 0 18px #00000026;
}

.pricing-tab-body {
  margin-top: 60px;
}

.pricing-package {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.pricing-package h4 {
  margin: 0;
  font-weight: 600 !important;
}

.pricing-package p {
  margin-bottom: 0;
}

.pricing-tab-body tr td:first-child .pricing-package {
  justify-content: flex-start;
}

.pricing-package p.offer {
  color: #00a7ad;
  background: #ceeded;
  border: .5px solid #00a7ad;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-plans table tbody tr:nth-child(odd) {
  background-color: #fff;
}

.pricing-plans table tbody tr:first-child {
  background: #e6f4f1;
}

.pricing-tab-body.hidden {
  display: none;
}

.pricing-plans table tfoot td .fillbtn a {
  border-radius: 12px;
  min-width: 170px;
  padding: 12px 40px 12px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.plan-time {
  text-align: center;
  padding: 12px;
}

.plan-time p {
  color: #373737;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.pricing-offer-list {
  display: none;
}

.blog-banner.light-banner {
  margin-bottom: 0;
  padding: 30px 0;
}

.blog-banner.light-banner h1 {
  margin: 0 0 30px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  color: #0b262a !important;
}

ul.banner-subpoint-list {
  list-style: none;
  margin-bottom: -30px !important;
  padding-top: 20px !important;
  padding-left: 0 !important;
}

ul.banner-subpoint-list li {
  color: #1f343a;
  margin-bottom: 16px;
  padding-left: 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
}

ul.banner-subpoint-list li:before {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/check-circle.svg") 0 0 / 100% 100% no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0%;
  left: 0;
}

.view-package-wrap {
  text-align: center;
  background: #f4f6f7;
  border-radius: 20px;
  padding: 30px 20px;
}

.view-packages-section {
  padding-bottom: 60px;
}

.view-package-wrap .service-btn-section {
  justify-content: center;
}

.view-package-wrap .service-btn-section a {
  border-radius: 8px;
  min-width: 162px;
  font-size: 16px;
  line-height: 22px;
}

.category-estimation-section {
  padding: 60px 0;
}

table.category-estimation-table {
  border-spacing: 0;
  border: 0;
  border-radius: 20px;
  width: 100%;
  margin-top: 20px;
}

table.category-estimation-table th, table.category-estimation-table td {
  text-align: start;
  border: none;
  border-top: 1px solid #abcecf;
  border-left: 1px solid #abcecf;
  width: 33%;
  padding: 20px 30px;
  font-size: 16px;
}

table.category-estimation-table th {
  color: #fff;
  background: #00a7ad;
  border: 1px solid #00a7ad;
  font-weight: 600;
  line-height: 1.2;
}

table.category-estimation-table th:first-child {
  border-top-left-radius: 20px;
}

table.category-estimation-table th:last-child {
  border-top-right-radius: 20px;
}

table.category-estimation-table thead {
  border: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

table.category-estimation-table td {
  color: #1f343a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
}

table.category-estimation-table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

table.category-estimation-table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

table.category-estimation-table tr td:last-child {
  border-right: 1px solid #00a7ad;
}

table.category-estimation-table tr:last-child td {
  border-bottom: 1px solid #00a7ad;
}

.category-estimation-wrap {
  text-align: center;
}

.category-estimation-wrap .service-btn-section {
  justify-content: center;
  margin-top: 20px;
  font-size: 16px;
}

.category-estimation-wrap .service-btn-section a.fill {
  font-size: 16px;
  font-weight: 600;
}

.out-stack-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.tech-list {
  align-items: center;
  gap: 20px;
  display: flex;
}

.tech-main {
  align-items: center;
  gap: 10px;
  display: flex;
}

section.our-tech-stack-section {
  background: #eefcfd;
  padding: 60px 0;
}

.our-tech-stack-wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  display: grid;
}

.out-stack-box p {
  color: #1f343a;
  margin-bottom: 17px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.tech-main span {
  color: #1f343a;
  font-size: 16px;
  font-weight: 400;
}

.our-tech-stack-rows section.our-tech-stack-section {
  background: linear-gradient(360deg, #f6fcfd 0%, #fff0 50%, #f6fcfd 100%);
}

.our-tech-stack-rows .main-title .sub-title {
  font-size: var(--font-size-17);
  line-height: var(--line-spacing-27);
}

.our-tech-stack-rows .our-tech-stack-wrap {
  display: block;
}

.our-tech-stack-rows .out-stack-box {
  background: none;
  border-bottom: 1px solid #d5eaeb;
  border-radius: 0;
  align-items: center;
  gap: 24px;
  padding: 30px 0;
  display: flex;
}

.our-tech-stack-rows .out-stack-box:first-child {
  padding-top: 10px;
}

.our-tech-stack-rows .out-stack-box p {
  flex: 0 0 25%;
  max-width: 300px;
  margin: 0;
  padding-top: 0;
  line-height: 19px;
}

.our-tech-stack-rows .tech-list {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.our-tech-stack-rows .tech-main {
  background: #fff;
  border: 1px solid #d5eaeb;
  border-radius: 50px;
  gap: 8px;
  width: auto;
  padding: 5px 12px;
}

.our-tech-stack-rows .tech-main img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 24px;
  max-width: 24px;
  height: 24px;
}

.our-tech-stack-rows .tech-main span {
  white-space: nowrap;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .our-tech-stack-rows .out-stack-box {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 20px 0;
  }

  .our-tech-stack-rows .out-stack-box:first-child {
    padding-top: 0;
  }

  .our-tech-stack-rows .out-stack-box p {
    flex: none;
    max-width: none;
    padding-top: 0;
  }

  .our-tech-stack-rows .tech-list {
    gap: 10px;
  }
}

.three-grid .three-grid-box:nth-child(3n+1), .three-grid .three-grid-box:nth-child(3n+2) {
  border-right: 1px solid #c3dedf;
}

.three-grid .three-grid-box:nth-child(3) {
  border-bottom: 1px solid #c3dedf;
  border-right: 0;
}

.three-grid .three-grid-box {
  max-width: 33%;
}

.three-grid .three-grid-box h3 {
  margin-bottom: 10px;
  font-weight: 700;
  color: #0b262a !important;
  font-size: 20px !important;
  line-height: 24px !important;
}

.three-grid .three-grid-box p {
  color: #0b262a;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

.three-grid .three-grid-box img {
  margin-bottom: 10px;
}

.industries-wrap .industries-box {
  width: 33%;
  min-height: auto;
}

.industries-box figure {
  width: 36px;
  height: 36px;
  margin-bottom: 0;
}

.industries-box .industries-card {
  flex-direction: row;
  justify-content: flex-start;
  gap: 14px;
  padding: 26px 33px;
}

.enhance-store-section {
  padding: 60px 0;
}

.enhance-store-wrap .service-btn-section {
  justify-content: center;
}

.enhance-store-faq > div {
  -moz-column-gap: 20px;
  flex-wrap: wrap;
  align-items: start;
  column-gap: 20px;
  margin-bottom: 30px;
  display: flex;
}

.new-section-bg-color-cls {
  box-shadow: inset 0 24px 40px #aeaeae40;
}

.enhance-store-faq > div > div {
  width: calc(50% - 10px);
  height: auto;
}

.core-business-card div a {
  text-decoration: underline !important;
}

.core-business-card div a:hover {
  text-decoration: none !important;
}

.industrieslist-title {
  text-align: center;
}

.our-latest-work .fill {
  text-align: center;
  margin: 20px auto 10px;
}

.culture-speaks-title {
  text-align: center;
  padding-bottom: 10px;
}

.culture-gallery-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 40px 0;
  display: flex;
}

.culture-content h3 {
  color: #0b262a;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px !important;
}

.culture-content {
  width: calc(50% - 12px);
  padding-right: 40px;
}

.culture-images-wrap {
  width: calc(50% - 12px);
}

.culture-images {
  justify-content: end;
  gap: 24px;
  display: grid;
  position: relative;
}

.culture-images img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 28px;
  max-width: 100%;
  height: auto;
}

.culture-gallery-wrap:nth-child(2n) {
  flex-direction: row-reverse;
}

.culture-gallery-wrap:nth-child(2n) .culture-images {
  justify-content: start;
}

.culture-gallery-wrap:nth-child(2n) .culture-content {
  padding-left: 40px;
  padding-right: 0;
}

.ecommerce-developers-table tr:nth-child(2n) td {
  background: #f8fcfd;
}

.home-banner-section {
  text-align: center;
  background: linear-gradient(#faffff 0%, #faffff00 100%);
  border-bottom: 1px solid #e5edef;
  padding: 60px 0 0;
  position: relative;
}

.home-banner-section .brainspate-switch-text h1 {
  background: #fff;
  border: 1px solid #00a7ad40;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 auto 16px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
  color: #00a7ad !important;
}

.home-banner-section .brainspate-switch-text h1:before {
  content: "'";
  background: #00a7ad;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.home-banner-section .container .home-banner-content {
  margin: 0 auto;
  max-width: 980px !important;
}

.home-banner-section .container .home-banner-title span {
  color: #00a7ad;
}

.home-banner-section .home-banner-title {
  font-weight: var(--font-weight-bold);
  color: #363636;
  margin: 0 0 12px;
  font-size: 54px !important;
  line-height: 60px !important;
}

.home-banner-section p {
  font-size: 20px !important;
  line-height: 28px !important;
}

.banner-btn {
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
  display: flex;
}

.home-banner-section:before {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/dot-bg.png");
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.home-banner-section .border-line {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
}

.home-banner-content {
  position: relative;
}

.home-trusted {
  z-index: 1;
  background: linear-gradient(360deg, #f6fcfd 0%, #fff 18.72%);
  width: 100%;
  padding: 60px 0;
  position: relative;
}

.home-trusted span {
  color: #0b262a;
  padding: 20px 0;
  font-weight: 600;
  display: block;
}

.home-trusted .trusted-logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-trusted span {
  color: #0b262a;
  padding: 20px 0;
  display: block;
}

.home-banner-section .border-line img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.home-trusted .trusted-logo {
  align-items: center;
  display: flex;
}

.home-trusted .trusted-logo .trusted-by-image {
  width: 14.28%;
}

.home-trusted .trusted-logo .trusted-by-image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  max-height: 70px;
  display: block;
}

.ecommerce-platforms {
  padding: 80px 0;
}

.ecommerce-platforms .main-title {
  text-align: center;
}

.ecommerce-platforms .main-title p:last-child {
  margin-bottom: 0;
}

.ecommerce-platforms-slider {
  border: 1px solid #e5edef;
  border-radius: 18px;
  display: flex;
}

.ecommerce-platforms-slider .ecommerce-platforms-item {
  border-right: 1px solid #e5edef;
  width: 25%;
  padding: 30px 24px;
  position: relative;
}

.ecommerce-platforms-slider .ecommerce-platforms-item p:before {
  content: "";
  background: #00a7ad;
  width: 1px;
  height: 36px;
  margin-top: 5px;
  display: block;
  position: absolute;
  left: -1px;
}

.ecommerce-platforms-slider .ecommerce-platforms-item:hover {
  background: linear-gradient(#f5ffff00 0%, #f5ffff 100%);
}

.ecommerce-platforms-slider .ecommerce-platforms-item h3 {
  margin-bottom: 20px;
  font-size: 20px;
}

.ecommerce-platforms-slider .ecommerce-platforms-item .img {
  background: radial-gradient(50% 50%, #fff 0%, #e6f4f1 100%);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.ecommerce-platforms-slider .ecommerce-platforms-item:last-child {
  border-right: none;
}

.ecommerce-platforms-slider .ecommerce-platforms-item p {
  color: #1f343a;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.link {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1rem;
  color: #00a7ad;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.link:after {
  content: "";
  filter: brightness(0) saturate() invert(44%) sepia(64%) saturate(1430%) hue-rotate(148deg) brightness(91%) contrast(101%);
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/btn-arrow.svg") no-repeat;
  width: 14px;
  height: 16px;
  margin-left: 6px;
  transition: all .2s ease-in-out;
  display: inline-block;
}

.link:hover:after {
  margin-left: 10px;
}

.new-get-free-quote {
  color: #fff;
  background: #0b262a;
  padding: 40px 0;
}

.new-get-free-quote .new-get-free-quote-left {
  align-items: center;
  max-width: 830px;
  display: flex;
}

.new-get-free-quote-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.new-get-free-quote .new-get-free-quote-left h2 {
  color: #fff;
}

.new-get-free-quote .new-get-free-quote-left .icon {
  background: #00a7ad1a;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  min-height: 140px;
  display: flex;
}

.new-get-free-quote .new-get-free-quote-left .new-get-free-quote-left-content {
  padding-left: 40px;
}

.commerce-solutions-item {
  background: #fff;
  border: 1px solid #e5edef;
  border-radius: 18px;
  flex-direction: column;
  width: calc(25% - 18px);
  padding: 30px 20px;
  display: flex;
}

.commerce-solutions-item a.link {
  text-align: left;
  margin-top: auto;
}

.e-commerce-solutions {
  background: #00a7ad03 url("https://d1zruf9db62p8s.cloudfront.net/public/images/home-dot-bg.png");
  padding: 80px 0;
}

.e-commerce-solutions-wrap {
  flex-wrap: wrap;
  gap: 24px;
  display: flex;
}

.e-commerce-solutions-left {
  flex-flow: column wrap;
  justify-content: center;
  width: calc(50% - 12px);
  display: flex;
}

.commerce-solutions-item {
  background: #fff;
  border: 1px solid #e5edef;
  border-radius: 18px;
  width: calc(25% - 18px);
  padding: 30px 20px;
}

.e-commerce-solutions {
  padding: 80px 0;
}

.e-commerce-solutions-left .e-commerce-solutions-left-content {
  max-width: 450px;
}

.e-commerce-solutions-left .e-commerce-solutions-left-content a.fill {
  margin-top: 30px;
}

.commerce-solutions-item .icon {
  background: #ebf8f9;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-bottom: 20px;
  display: flex;
}

.commerce-solutions-item h3 {
  font-size: 20px;
  font-weight: 600 !important;
}

.business-models-block h3 {
  color: #0b262a;
  min-height: 130px;
}

.business-models-wrap {
  color: #fff;
  background: linear-gradient(90deg, #007584 0%, #0b292e 100%);
  border-radius: 30px;
  padding: 60px;
}

.business-models-wrap .main-title {
  text-align: center;
}

.business-models-wrap .main-title p {
  margin: 0;
}

.business-models-wrap .main-title h2 {
  color: #fff;
}

.business-models-list {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  display: grid;
}

.business-models-block .business-models-content {
  color: #1f343a;
  background: #fff;
  width: 100%;
  min-height: 275px;
  padding: 30px;
  -webkit-mask: url("https://d1zruf9db62p8s.cloudfront.net/public/images/business-models-shape.svg") 0 0 / 100% 100% no-repeat;
  mask: url("https://d1zruf9db62p8s.cloudfront.net/public/images/business-models-shape.svg") 0 0 / 100% 100% no-repeat;
}

.business-models-block h3 {
  z-index: 11;
  min-height: 100px;
  padding-left: 115px;
  font-size: 24px;
  position: relative;
}

.business-models-block {
  position: relative;
}

.business-models-block .icon {
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 0;
}

.home-why-choose-brainSpate {
  color: #fff;
  background: #0b262a;
  margin-top: -140px;
  padding-top: 200px;
  padding-bottom: 60px;
  position: relative;
}

.home-why-choose-brainSpate h2 {
  color: #fff;
}

.business-models {
  z-index: 1;
  position: relative;
}

.why-choose-list {
  border: 1px solid #174046;
  display: flex;
}

.why-choose-list .box {
  text-align: center;
  background: #0b262abd;
  border-right: 1px solid #174046;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding: 28px 0;
  display: flex;
}

.why-choose-list .box .h3 {
  color: #fff;
  font-size: 32px;
}

.why-choose-list .box:last-child {
  border-right: none;
}

.why-choose-list .box span {
  color: #ffffffa1;
  font-size: 18px;
  font-weight: 500;
}

.home-why-choose-brainSpate .main-title p {
  margin-bottom: 0;
}

.home-why-choose-brainSpate:after {
  content: "";
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/why-choose-map.png") center no-repeat;
  width: 100%;
  height: 100%;
  max-height: 420px;
  display: inline-block;
  position: absolute;
  bottom: 35px;
  left: 0;
}

.home-why-choose-brainSpate .container {
  z-index: 1;
  position: relative;
}

.new-get-free-quote.bg-white .new-get-free-quote-left h2 {
  color: #0b262a;
}

.new-get-free-quote.bg-white {
  color: unset;
}

.blog-content .blog-cta a:hover {
  color: #fff !important;
}

.summarize-with-ai-cls {
  background: #faffff;
  border: 1px solid #dceced;
  border-radius: 18px;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 40px;
  padding: 17px 20px;
  display: flex;
}

.summarize-with-ai-cls ul {
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.summarize-with-ai-cls ul li {
  border: 1px solid #d3e5e8;
  border-radius: 8px;
  position: relative;
  padding: 8px !important;
}

.summarize-with-ai-cls ul li a, .summarize-with-ai-cls ul li a span {
  color: #526f77;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  display: block;
  text-decoration: none !important;
}

.summarize-with-ai-cls ul li a:before {
  content: "";
  position: absolute;
  inset: 0;
}

.summarize-with-ai-cls .summarize-with-ai {
  color: #0b262a;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.summarize-with-ai-cls ul li:before {
  display: none;
}

.summarize-with-ai-cls ul li:hover {
  background: var(--color-00a7ad);
}

.summarize-with-ai-cls ul li:hover a, .summarize-with-ai-cls ul li:hover a span {
  color: #fff;
}

.tooltip-box {
  display: inline-block;
  position: relative;
}

.tooltip-text {
  visibility: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 105%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-box:hover .tooltip-text {
  visibility: visible;
}

.tooltip-box .tooltip-text:before {
  content: "";
  border: 5px solid #0000;
  border-top-color: #000;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.connect-instantly {
  padding-bottom: 60px;
}

.connect-instantly-main {
  text-align: center;
  background: linear-gradient(#fff 0%, #eefbf8 100%);
  border: 1px solid #dceced;
  border-radius: 22px;
  padding: 50px;
}

.connect-instantly-main-inner h2 {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-24);
  color: var(--color-0b262a);
  margin-bottom: 30px;
  line-height: var(--line-spacing-27) !important;
}

.connect-instantly-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 34px;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.connect-instantly-list li {
  background: #f0f9f7;
  border: 1px solid #dceced;
  border-radius: 38px;
  align-items: center;
  gap: 12px;
  min-width: 408px;
  padding: 8px;
  display: flex;
  position: relative;
}

.connect-instantly-list-img {
  background: #00a7ad;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.connect-instantly-list-img img {
  width: 24px;
  height: 24px;
  display: block;
}

.connect-instantly-list-cont a {
  color: var(--color-0b262a);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  display: block;
}

.connect-instantly-list li:hover {
  border-color: #00a7ad;
}

.connect-instantly-list li:hover .connect-instantly-list-cont a {
  color: #00a7ad;
}

.business-modal {
  padding: 60px 0;
}

.business-modal-main {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.business-modal-main-inner {
  width: 100%;
  max-width: calc(50% - 12px);
}

.business-modal-main-inner.sticky {
  position: sticky;
  top: 100px;
}

.business-modal-main-inner-img {
  width: 100%;
  height: 345px;
  margin-bottom: 20px;
}

.business-modal-main-inner-img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 28px;
  width: 100%;
  height: 100%;
  display: block;
}

.business-modal-main-inner-right h3 {
  margin-bottom: 14px;
}

.business-modal-main-inner-right p {
  margin-bottom: 30px;
}

.business-modal-main-inner-right {
  text-align: center;
}

.business-modal-main-inner-right .fillbtn .fill {
  margin: 0 auto;
}

.business-modal-main-inner p {
  margin-bottom: 30px;
}

.business-modal-main-inner-list {
  list-style: none;
  padding: 0 !important;
}

.business-modal-main-inner-list li {
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  display: flex;
}

.business-modal-main-inner-list-img {
  border: 1px dashed #7cc6c9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  display: flex;
}

.business-modal-main-inner-list-img img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 26px;
  height: 26px;
}

.business-modal-icon-list ul li .business-modal-icon-list-img {
  margin-top: 3px;
}

.business-modal-main-inner-list li:last-child {
  margin: 0;
}

.business-modal-main-inner-list-cont {
  color: var(--color-0b262a);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.business-modal-icon-list {
  background: #f3fdfa;
  border: 1px solid #d5ebe6;
  border-radius: 16px;
  margin-bottom: 30px;
  padding: 30px;
}

.business-modal-icon-list ul {
  flex-direction: column;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.business-modal-icon-list ul li {
  gap: 16px;
  margin-bottom: 15px;
  display: flex;
}

.business-modal-icon-list ul li .business-modal-icon-list-cont {
  text-align: left;
  color: #0b262a;
  border-bottom: 1px solid #cdeae4;
  width: 100%;
  padding-bottom: 10px;
  font-size: 18px;
}

.business-modal-icon-list ul li:last-child .business-modal-icon-list-cont {
  border-bottom: none;
  padding-bottom: 0;
}

.business-modal-icon-list ul li:last-child {
  margin-bottom: 0;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul {
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul li:first-child:before {
  display: none;
}

.tech-stack-expertise {
  padding: 60px 0;
}

.tech-stack-expertise-main {
  width: 100%;
  display: inline-block;
}

.tech-stack-expertise-main .tech-stack-expertise-item {
  margin-bottom: 12px;
  display: flex;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-label {
  color: #0b262a;
  background: #e6f4f1;
  border-radius: 8px;
  align-items: center;
  min-width: 275px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content {
  background: #f8fcfd;
  border: 1px solid #ccdddf;
  border-radius: 8px;
  flex-grow: 2;
  margin-left: 10px;
  padding: 12px 20px;
  display: flex;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul {
  align-items: center;
  list-style: none;
  display: flex;
  padding: 0 !important;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul li {
  color: #1f343a;
  font-weight: 400;
}

.tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul li:before {
  content: "";
  vertical-align: middle;
  background: #ccdddf;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin: 0 10px;
  display: inline-block;
}

.featured-logos {
  padding: 60px 0;
}

.featured-logos-wrap {
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  display: flex;
}

.featured-logos-wrap .logo-box {
  background: #fff;
  border-radius: 12px;
  width: calc(16.67% - 21px);
  height: 87px;
}

.featured-logos-wrap .logo-box img {
  max-height: 100%;
}

.hire-developer-expertise {
  background: linear-gradient(108.88deg, #f0feff .37%, #e6f4e9 101.57%);
  padding: 60px 0;
}

.hire-developer-expertise-wrap {
  text-align: left;
  background: linear-gradient(#fffc 0%, #fff0 100%);
  border: 1px solid #ccdddf;
  border-radius: 22px;
  flex-wrap: wrap;
  margin: 30px 30px 70px;
  padding: 30px;
  display: flex;
  box-shadow: 0 -16px 14px #0b262a1a;
}

.hire-developer-expertise-wrap .hire-developer-expertise-item {
  width: 100%;
  display: flex;
}

.hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-left {
  width: 60%;
  padding-right: 60px;
  position: relative;
}

.hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right {
  width: 40%;
  padding-left: 60px;
}

.hire-developer-expertise-right > span {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-20);
  line-height: var(--line-spacing-32);
  color: var(--color-0b262a);
  margin-bottom: 12px;
  display: block;
  font-family: var(--font-family-inter) !important;
}

.hire-expertise-box-author {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.hire-expertise-box-experience {
  background: #e6f4f1;
  border: 1px solid #ccdddf;
  border-radius: 16px;
  margin-bottom: 45px;
  padding: 13px 20px;
  display: flex;
}

.hire-expertise-box-experience .hire-developer-expertise-exp {
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
}

.hire-expertise-box-experience .hire-developer-expertise-exp .expertise-box-experience-years {
  color: #0b262a;
  font-size: 18px;
  font-weight: 600;
}

.hire-expertise-box-experience .hire-developer-expertise-exp .icon {
  display: flex;
}

.hire-expertise-box-author-img {
  background: #e1efec1a;
  border: 2px solid #ccdddf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin-right: 20px;
  padding: 7px;
  display: flex;
}

.hire-expertise-box-author-img img {
  width: 100%;
  height: 100%;
}

.hire-expertise-box-author .hire-expertise-author-content {
  flex-direction: column;
  display: flex;
}

.hire-expertise-box-author .hire-expertise-author-content label {
  color: #597f85;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
}

.hire-expertise-box-author .hire-expertise-author-content .hire-expertise-box-author-name {
  color: #0b262a;
  font-size: 32px;
  font-weight: 600;
}

.hire-developer-expertise-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.expertise-logo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.expertise-logo .logo {
  background: #eafbf4;
  border: 1px solid #ccdddf;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 60px;
  display: flex;
}

.hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-left:after {
  content: "";
  background: url("/images/border-gradient.png") no-repeat;
  width: 1px;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right .fillbtn {
  margin-top: 45px;
}

.hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right .fillbtn a.fill {
  padding: 18px 44px 18px 34px;
}

.hire-developer-expertise .hire-expertise-slider-arrow.left:after {
  content: "";
  background: #00a7ad url("https://d1zruf9db62p8s.cloudfront.net/public/images/btn-arrow.svg") center no-repeat;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 0%;
  right: 0;
  transform: rotate(180deg);
}

.hire-developer-expertise .hire-expertise-slider-arrow.right:hover:after, .hire-developer-expertise .hire-expertise-slider-arrow.left:hover:after {
  background-color: #00a7ad99;
}

.hire-developer-expertise ul {
  padding: 0 !important;
}

.hire-developer-expertise .hire-expertise-slider-arrow.left {
  bottom: 0;
  transform: translateX(-50%);
  left: calc(50% - 30px) !important;
}

.hire-developer-expertise .hire-expertise-slider-arrow.right {
  bottom: 0;
  transform: translateX(-50%);
  right: calc(50% - 30px) !important;
}

.hire-developer-expertise .hire-expertise-slider-arrow.right:after {
  content: "";
  background: #00a7ad url("https://d1zruf9db62p8s.cloudfront.net/public/images/btn-arrow.svg") center no-repeat;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 0%;
  right: 0;
}

.hire-expertise-slider-shell {
  position: relative;
}

.hire-expertise-embla {
  height: auto;
  position: relative;
  overflow: hidden;
}

.hire-expertise-embla-container {
  align-items: flex-start;
  height: auto;
  display: flex;
}

.hire-expertise-embla-slide {
  flex: 0 0 100%;
  min-width: 0;
  height: auto;
}

.hire-expertise-embla-slide .hire-developer-expertise-wrap {
  height: auto;
}

.hire-expertise-slider-arrow {
  appearance: none;
  cursor: pointer;
  z-index: 2;
  background: none;
  border: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  position: absolute;
  bottom: 0;
  display: block !important;
}

.hire-expertise-slider-arrow.left {
  left: calc(50% - 50px);
  transform: translateX(-50%);
}

.hire-expertise-slider-arrow.right {
  right: calc(50% - 50px);
  transform: translateX(50%);
}

.hire-developer-expertise .hire-expertise-slider-arrow.right {
  transform: translateX(50%);
}

.hire-expertise-embla-container div {
  text-align: left !important;
}

.banner-certificate-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 40px 0;
  display: flex;
  position: relative;
}

.banner-certificate-wrap:before {
  content: "";
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/leef-left.png") center no-repeat;
  width: 52px;
  height: 72px;
  margin-right: 10px;
  display: inline-block;
}

.banner-certificate-wrap:after {
  content: "";
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/leef-right.png") center no-repeat;
  width: 52px;
  height: 72px;
  margin-left: 10px;
  display: inline-block;
}

.advanced-headless-tabs ul li {
  color: #415960;
  cursor: pointer;
  border-bottom: 1px solid #d3e8e9;
  justify-content: space-between;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.advanced-headless-tabs ul {
  max-height: 400px;
  list-style: none;
  overflow: auto;
  padding: 0 !important;
}

.advanced-headless-tabs ul .active-tab span {
  color: #0b262a;
}

.advanced-headless-tabs ul .active-tab {
  background-color: #f8fffd;
}

.advanced-headless-tabs ul {
  border-top: 1px solid #d3e8e9;
  padding: 0 !important;
}

.advanced-headless-tabs {
  margin-top: 30px;
}

.advanced-headless-commerce {
  padding: 60px 0;
}

.advanced-headless-commerce-right {
  flex: 1;
  display: flex;
}

.advanced-headless-commerce-right .advanced-headless-right-info {
  height: 100%;
}

.advanced-headless-commerce-right .advanced-headless-right-info-detail {
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/tab-bottom-line-shape.png") bottom / 100% no-repeat;
  border-radius: 22px;
  height: 100%;
  padding: 40px 30px;
  box-shadow: 0 0 24px #0427281a;
}

.advanced-headless-commerce-right .advanced-headless-tab-title {
  display: none;
}

.advanced-headless-commerce-wrap {
  gap: 60px;
  display: flex;
}

.advanced-headless-tabs ul {
  scrollbar-width: auto;
  scrollbar-color: #00a7ad #d3e5e8;
}

.advanced-headless-tabs ul::-webkit-scrollbar {
  width: 8px;
}

.advanced-headless-tabs ul::-webkit-scrollbar-track {
  background: #d3e5e8;
}

.advanced-headless-tabs ul::-webkit-scrollbar-thumb {
  background-color: #00a7ad;
  border: 3px solid #fff;
  border-radius: 0;
}

.advanced-headless-right-info-detail ul.banner-subpoint-list {
  margin-bottom: 0 !important;
}

.advanced-headless-commerce-right .advanced-headless-right-info-detail ul {
  padding-bottom: 20px !important;
}

.shopify-experience {
  background: #e6f4f1;
  width: 100%;
  padding: 60px 0;
  display: inline-block;
}

.shopify-experience-two-column {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  display: grid;
}

.shopify-experience-block {
  background: linear-gradient(360deg, #fff 0%, #e6f4f1 100%);
  border-radius: 0 0 22px 22px;
  width: 100%;
  padding: 40px 30px;
  display: inline-block;
  box-shadow: 0 16px 18px #032f3114;
}

.shopify-experience-block ul.banner-subpoint-list {
  margin-bottom: 0 !important;
}

.shopify-experience-block .shopify-experience-image {
  padding-bottom: 5px;
}

.shopify-experience-block ul.banner-subpoint-list li {
  color: #0b262a;
  font-size: 18px;
}

.shopify-experience-block ul.banner-subpoint-list li:last-child {
  margin-bottom: 0;
}

.shopify-experience-block .shopify-experience-image img {
  max-width: 205px;
}

[data-star] {
  text-align: left;
  unicode-bidi: bidi-override;
  font-style: normal;
  display: inline-block;
  position: relative;
}

[data-star]:before {
  content: "★★★★★";
  color: #b1c6c7;
  display: block;
}

[data-star]:after {
  white-space: nowrap;
  content: "★★★★★";
  color: #fcbf23;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

[data-star^="0.1"]:after {
  width: 2%;
}

[data-star^="0.2"]:after {
  width: 4%;
}

[data-star^="0.3"]:after {
  width: 6%;
}

[data-star^="0.4"]:after {
  width: 8%;
}

[data-star^="0.5"]:after {
  width: 10%;
}

[data-star^="0.6"]:after {
  width: 12%;
}

[data-star^="0.7"]:after {
  width: 14%;
}

[data-star^="0.8"]:after {
  width: 16%;
}

[data-star^="0.9"]:after {
  width: 18%;
}

[data-star^="1"]:after {
  width: 20%;
}

[data-star^="1.1"]:after {
  width: 22%;
}

[data-star^="1.2"]:after {
  width: 24%;
}

[data-star^="1.3"]:after {
  width: 26%;
}

[data-star^="1.4"]:after {
  width: 28%;
}

[data-star^="1.5"]:after {
  width: 30%;
}

[data-star^="1.6"]:after {
  width: 32%;
}

[data-star^="1.7"]:after {
  width: 34%;
}

[data-star^="1.8"]:after {
  width: 36%;
}

[data-star^="1.9"]:after {
  width: 38%;
}

[data-star^="2"]:after {
  width: 40%;
}

[data-star^="2.1"]:after {
  width: 42%;
}

[data-star^="2.2"]:after {
  width: 44%;
}

[data-star^="2.3"]:after {
  width: 46%;
}

[data-star^="2.4"]:after {
  width: 48%;
}

[data-star^="2.5"]:after {
  width: 50%;
}

[data-star^="2.6"]:after {
  width: 52%;
}

[data-star^="2.7"]:after {
  width: 54%;
}

[data-star^="2.8"]:after {
  width: 56%;
}

[data-star^="2.9"]:after {
  width: 58%;
}

[data-star^="3"]:after {
  width: 60%;
}

[data-star^="3.1"]:after {
  width: 62%;
}

[data-star^="3.2"]:after {
  width: 64%;
}

[data-star^="3.3"]:after {
  width: 66%;
}

[data-star^="3.4"]:after {
  width: 68%;
}

[data-star^="3.5"]:after {
  width: 70%;
}

[data-star^="3.6"]:after {
  width: 72%;
}

[data-star^="3.7"]:after {
  width: 74%;
}

[data-star^="3.8"]:after {
  width: 76%;
}

[data-star^="3.9"]:after {
  width: 78%;
}

[data-star^="4"]:after {
  width: 80%;
}

[data-star^="4.1"]:after {
  width: 82%;
}

[data-star^="4.2"]:after {
  width: 84%;
}

[data-star^="4.3"]:after {
  width: 86%;
}

[data-star^="4.4"]:after {
  width: 88%;
}

[data-star^="4.5"]:after {
  width: 90%;
}

[data-star^="4.6"]:after {
  width: 92%;
}

[data-star^="4.7"]:after {
  width: 94%;
}

[data-star^="4.8"]:after {
  width: 96%;
}

[data-star^="4.9"]:after {
  width: 98%;
}

[data-star^="5"]:after {
  width: 100%;
}

.blog-content .wp-block-table i {
  margin-right: 5px;
}

.industries-we-serve {
  padding: 60px 0;
}

ul.industries-tab-list {
  gap: 12px;
  list-style: none;
  display: flex;
  overflow: auto;
  margin-bottom: 40px !important;
  padding: 0 !important;
}

ul.industries-tab-list::-webkit-scrollbar {
  display: none;
}

ul.industries-tab-list {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

ul.industries-tab-list li {
  white-space: pre;
  color: #0b262a;
  cursor: pointer;
  border: 1px solid #d3e8e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 24px;
  display: flex;
}

ul.industries-tab-list li .icon {
  display: inherit;
}

.industries-we-serve .main-title h2 {
  margin: 0;
}

.industries-we-serve .main-title {
  padding-bottom: 30px;
}

.industries-tab-content .tab-item {
  display: none;
}

ul.industries-tab-list li.active {
  color: #00a7ad;
  border-color: #00a7ad;
}

ul.industries-tab-list li.active img {
  filter: brightness(0) saturate() invert(37%) sepia(81%) saturate(1203%) hue-rotate(150deg) brightness(102%) contrast(101%);
}

.industries-tab-content .tab-item.active {
  display: block;
}

.industries-tab-content-wrap {
  gap: 40px;
  display: flex;
}

.industries-tab-content-wrap .industries-tab-content-right {
  width: 400px;
}

.industries-tab-content-wrap .industries-tab-content-right img {
  width: 100%;
}

.industries-tab-content-left {
  flex: 1;
}

.industries-tab-content-left ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.industries-tab-content-left ul li {
  color: #0b262a;
  width: 100%;
  margin-bottom: 15px;
  padding-right: 15px;
  font-weight: 500;
  display: flex;
}

.industries-tab-content-left ul li:before {
  content: "";
  vertical-align: middle;
  background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/check-circle.svg") 0 0 / 100% no-repeat;
  min-width: 22px;
  min-height: 22px;
  margin-top: 3px;
  margin-right: 10px;
  display: inline-block;
}

.explore-world-section-class li {
  width: 100% !important;
  margin-bottom: 15px !important;
}

ul.industries-tab-list li .icon img {
  width: 24px;
}

.industries-embla {
  padding-bottom: 35px;
  overflow: hidden;
}

.industries-embla-container {
  align-items: flex-start;
  display: flex;
}

.industries-embla .industries-slider-item {
  text-align: left;
  flex: 0 0 100%;
  min-width: 0;
  height: auto;
  padding: 0 3px;
}

.industries-embla-dots {
  justify-content: center;
  gap: 6px;
  margin-top: 20px;
  display: flex;
}

.industries-embla-dots button {
  opacity: 1;
  width: 7px;
  height: 7px;
  box-shadow: none;
  cursor: pointer;
  background: #00a7ad;
  border: 0;
  border-radius: 50%;
  outline: 0;
  flex: none;
  padding: 0;
  transition: background .5s;
}

.industries-embla-dots button.active {
  border-radius: 40px;
  width: 20px;
  background: #00a7ad !important;
}

.bg-white .ecommerce-developers, .bg-white .custom-plateform {
  background: #fff;
}

.blog-content .wp-block-syntaxhighlighter-code {
  margin: 0 0 20px;
}

.blog-content .wp-block-syntaxhighlighter-code pre {
  margin: 0;
}

.blog-content figure {
  margin: 0 0 20px;
}

.industries-link-bottom {
  display: none;
}

.fill.btn-disable {
  opacity: .3;
  cursor: not-allowed;
}

.magento-to-shopify-page .banner-left .banner-right img, .common_migration_banner_bg .banner-left .banner-right img {
  max-height: unset;
}

.bigcommerce-to-shopify-page .compare_bg_class {
  background: #f0ebff;
}

.volusion-to-shopify-page .compare_bg_class {
  background: #f6f2ff;
}

.prestashop-to-shopify-page .compare_bg_class {
  background: #effcff;
}

.woocommerce-to-shopify-page .compare_bg_class {
  background: #f6ece7;
}

.wordpress-to-shopify-page .compare_bg_class, .opencart-to-shopify-page .compare_bg_class {
  background: #eefbff;
}

.magento-to-woocommerce-page .compare_bg_class {
  background: #fff2f2;
}

.shopify-to-woocommerce-page .compare_bg_class {
  background: #eef9f1;
}

.adobe-commerce-magento-2-to-shopify-page .compare_bg_class {
  background: #fff2f2;
}

button {
  font-family: inter, inter Fallback;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table thead th {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:first-child a {
  font-size: 18px;
  font-weight: 600;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing ul {
  padding-left: 30px;
  list-style: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing ul li {
  padding: 0 0 0 20px;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing li:before {
  color: #222831;
  font-size: 18px;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td label {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:nth-child(3), .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:last-child {
  text-align: center;
  font-size: 12px;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:last-child strong {
  font-size: 18px;
  font-weight: 500;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:last-child i {
  font-size: 16px;
}

ul.brainspate_company_stats__list {
  border: 1px solid #e2e3e3;
  border-radius: 12px;
  flex-wrap: wrap;
  list-style: none;
  display: flex;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 17px;
  display: flex;
  position: relative;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item:before {
  display: none;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item strong.brainspate_company_stats__value {
  text-align: center;
  letter-spacing: 0%;
  text-align: center;
  color: #414042;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item span.brainspate_company_stats__label {
  color: #00000080;
  font-size: 18px;
  font-weight: 500;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item:after {
  content: "";
  background: linear-gradient(#e2e3e300 0%, #b0b0b0 50%, #e2e3e300 100%);
  width: 1px;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0;
}

ul.brainspate_company_stats__list li.brainspate_company_stats__item:last-child:after {
  display: none;
}

.wp-block-brainspate-brainspate-companies-feature-pricing table.has-fixed-layout {
  width: 100%;
}

.wp-block-brainspate-brainspate-pro-tips {
  background: #f5ffff;
  border: 1px solid #3131311a;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 20px;
}

.wp-block-brainspate-brainspate-pro-tips .brainspate_pro_tips__header {
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.wp-block-brainspate-brainspate-pro-tips .brainspate_pro_tips__header span.brainspate_pro_tips__icon {
  text-align: center;
  background: #00a7ad33;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: flex;
}

.wp-block-brainspate-brainspate-pro-tips .brainspate_pro_tips__header strong.brainspate_pro_tips__title {
  color: #222831;
  font-size: 18px;
  font-weight: 600;
}

.wp-block-brainspate-brainspate-pro-tips .brainspate_pro_tips__content p {
  font-size: 16px;
  font-weight: normal;
}

.wp-block-brainspate-brainspate-pro-tips .brainspate_pro_tips__content p a {
  font-weight: normal;
}

.wp-block-brainspate-brainspate-badge-box {
  background: #3131310d;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  margin-bottom: 40px;
  padding: 20px 165px 20px 20px;
  position: relative;
}

.wp-block-brainspate-brainspate-badge-box h2.brainspate_badge_box__title {
  margin: 0;
  line-height: normal;
  color: #222831 !important;
  padding-bottom: 14px !important;
  font-size: 18px !important;
}

.wp-block-brainspate-brainspate-badge-box .brainspate_badge_box__content ul.wp-block-list {
  grid-template-columns: 1fr 1fr;
  list-style: outside;
  display: grid;
  margin: 0 !important;
  padding-left: 17px !important;
}

.wp-block-brainspate-brainspate-badge-box .brainspate_badge_box__content ul.wp-block-list li {
  padding: 0;
  line-height: 190%;
  font-weight: 400 !important;
}

.wp-block-brainspate-brainspate-badge-box .brainspate_badge_box__content ul.wp-block-list li:before {
  display: none;
}

.wp-block-brainspate-brainspate-badge-box span.brainspate_badge_box__badge {
  letter-spacing: 0%;
  color: #fff;
  background: #00a7ad;
  border: 1px solid #bababa;
  border-radius: 0 12px;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.wp-block-brainspate-brainspate-badge-box span.brainspate_badge_box__badge:before {
  content: "";
  vertical-align: middle;
  background: #fff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  display: inline-block;
}

.wp-block-brainspate-brainspate-why-choose.brainspate_why_choose {
  background: #f9ffff;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  margin-bottom: 40px;
  padding: 20px;
}

.wp-block-brainspate-brainspate-why-choose.brainspate_why_choose h2.brainspate_why_choose__title {
  margin: 0 0 15px;
  padding: 0;
  font-size: 28px !important;
}

.wp-block-brainspate-brainspate-why-choose.brainspate_why_choose ul.brainspate_why_choose__list {
  list-style: none;
  margin: 0 !important;
}

.wp-block-brainspate-brainspate-why-choose.brainspate_why_choose ul.brainspate_why_choose__list li.brainspate_why_choose__item p {
  margin: 0;
}

.wp-block-brainspate-brainspate-why-choose.brainspate_why_choose ul.brainspate_why_choose__list strong.brainspate_why_choose__heading {
  margin-bottom: 5px !important;
}

.key-expertise-table table.has-fixed-layout {
  width: 100%;
  box-shadow: none;
  background: #edfcfd;
  border: 1px solid #99dcde;
}

.key-expertise-table table.has-fixed-layout td {
  border-bottom: 1px solid #99dcde;
  border-right: 1px solid #99dcde;
}

.key-expertise-table table.has-fixed-layout tbody tr:nth-child(2n) {
  background-color: #f9ffff;
}

.key-expertise-table table.has-fixed-layout td:first-child {
  color: #0b262a;
  font-weight: 500;
}

.key-expertise-table table.has-fixed-layout td:last-child {
  border-right: none;
}

.key-expertise-table table.has-fixed-layout td sub {
  vertical-align: middle;
  color: #336067;
  font-size: 12px;
}

.wp-block-table.key-expertise-table {
  margin-bottom: 40px;
}

.wp-block-brainspate-brainspate-content-box {
  background: #faffff;
  border: 1px solid #d3e5e8;
  border-radius: 12px;
  margin-bottom: 40px;
  padding: 20px;
}

.wp-block-brainspate-brainspate-content-box h2.brainspate_content_box__title {
  padding-bottom: 0;
  font-size: 24px !important;
}

.wp-block-brainspate-brainspate-content-box ul.wp-block-list {
  list-style: inside;
  margin: 0 !important;
}

.wp-block-brainspate-brainspate-content-box ul.wp-block-list li {
  font-weight: 400;
  line-height: 180%;
  padding: 0 !important;
}

.wp-block-brainspate-brainspate-content-box ul.wp-block-list li:before {
  display: none;
}

.blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td span.reviews_count {
  display: block;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.blog-content .blog-quick-summary li:before {
  color: #000;
}

/* [project]/src/style/responsive.css [app-client] (css) */
@media (max-width: 1280px) {
  .portfolio-inner-page-wrap {
    border-radius: 80px 80px 0 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .floating-form {
    width: 620px;
  }

  .expertise-box {
    flex-direction: column;
    display: flex;
  }
}

@media (max-width: 1199px) {
  :root {
    --font-size-16: 15px;
    --font-size-18: 16px;
    --font-size-20: 18px;
    --font-size-22: 22px;
    --font-size-24: 22px;
    --font-size-32: 30px;
    --font-size-35: 30px;
    --line-spacing-27: 27px;
    --line-spacing-28: 28px;
    --line-spacing-32: 32px;
    --line-spacing-35: 35px;
    --line-spacing-46: 41px;
    --line-spacing-50: 40px;
    --line-spacing-30: 30px;
  }

  h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .container {
    max-width: 100%;
  }

  .pb-50 {
    padding-bottom: 35px;
  }

  .button-1 a {
    padding: 12px 24px;
  }

  .triangle-bottom:after, .triangle-top:after {
    bottom: -1px;
  }

  .sub-title br {
    display: none;
  }

  .dark-bg-half:after {
    bottom: -2px;
  }

  .banner-right .home-banner-image {
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 300px;
  }

  .banner-right img {
    width: 100%;
  }

  .banner-wrap {
    align-items: flex-start;
  }

  .banner-logos li img {
    width: 78%;
    height: auto;
    margin: 0 auto;
  }

  .banner-logos {
    padding: 30px 6px;
  }

  .half-grid-right {
    padding-left: 30px;
  }

  .our-services {
    padding-top: 50px;
    padding-bottom: 44px;
  }

  .our-services-wrap .inner {
    height: 100%;
    padding: 30px 15px 10px;
  }

  .home-page .our-services {
    padding-bottom: 40px;
  }

  .why-choose-brainspate-inner {
    width: 33.33%;
    margin-bottom: 20px;
  }

  .why-choose-brainspate-section {
    padding-bottom: 90px;
  }

  .our-latest-wrap .our-latest-right h3 {
    padding: 7px 0;
  }

  .trusted-by-logo .trusted-by-image img {
    height: auto;
  }

  footer .footer-logo-wrap {
    flex-wrap: wrap;
  }

  footer .footer-detail {
    padding-left: 0;
  }

  footer .footer-contact ul li {
    margin-bottom: 20px;
  }

  .copyright-sec ul li, .copyright-sec ul li a {
    font-size: 15px;
  }

  .copyright-sec {
    padding: 21px 0;
  }

  .half-grid-left img {
    width: 100%;
    height: auto;
  }

  .half-grid .half-grid-left {
    padding-right: 15px;
  }

  .industry-content .best-e-commerce:nth-child(2n) .half-grid-left {
    padding-left: 15px;
    padding-right: 0;
  }

  .Process-content {
    padding-bottom: 25px;
  }

  .process-left {
    padding-right: 40px;
  }

  .our-experts-form {
    max-width: 500px;
  }

  .our-experts .trusted-by {
    padding-left: 20px;
  }

  .why-box-content {
    padding-top: 50px;
  }

  .advantages-title {
    padding-left: 18px;
  }

  .advantages-title h4 {
    margin-bottom: 0;
  }

  .advantages {
    padding: 60px 0;
  }

  .e-commerce-latest-work {
    padding-top: 40px;
  }

  .half-grid-left img {
    width: 100%;
  }

  .blog-platform {
    justify-content: center !important;
  }

  .plateform-title {
    padding-bottom: 20px;
  }

  .blog-content {
    margin-top: 60px;
  }

  .contact-detail {
    width: 32%;
  }

  .contact-form-inner {
    padding: 40px;
  }

  .content-us-inner {
    padding: 60px 20px 0 30px;
  }

  .floating-form {
    width: 100%;
  }

  .content-us-inner ul li a {
    font-size: var(--font-size-20);
  }

  .content-us-inner h2 {
    padding-bottom: 15px;
  }

  .contect-address {
    padding-bottom: 10px;
  }

  .contact-us-number {
    padding-bottom: 30px;
  }

  .contact-us-image img {
    width: 100%;
  }

  .floating-form .form-content .upload {
    padding-top: 20px;
  }

  .upload-btn {
    min-width: 220px;
  }

  .service-block {
    padding: 30px 0;
  }

  .service-block .service-content {
    padding-left: 20px;
  }

  .service-block .service-img {
    padding-right: 20px;
  }

  .service-wrap:nth-child(2n) .service-block .service-img {
    padding-left: 20px;
  }

  .service-wrap:nth-child(2n) .service-block .service-content {
    padding-left: 0;
    padding-right: 20px;
  }

  .work-across-block .work-content {
    width: 40%;
    padding-right: 20px;
  }

  .work-across-block .map {
    width: 60%;
  }

  .culture-list .icon-block {
    width: calc(25% - 20px);
    margin: 0 10px 50px;
  }

  .steps {
    gap: 20px;
  }

  .expertise-box-rate h3 {
    font-size: var(--font-size-32) !important;
  }

  .culture-gallery {
    gap: 20px;
  }

  .trusted-by-logo .trusted-by-image {
    filter: grayscale(0%);
  }

  .expertise-box {
    padding: 40px 20px 30px;
  }

  .expertise-box-experience:before {
    height: 32px;
    transform: translate(-50%, -50%)rotate(90deg);
  }

  .expertise-box-experience-years, .expertise-box-experience-project {
    width: 100%;
  }

  .expertise-box-author-cont {
    width: 100%;
    max-width: calc(100% - 120px);
  }

  .ecommerce-page.website-migration .process-left:before {
    height: 92%;
  }

  .portfolio-inner-page-wrap {
    border-radius: 100px 100px 0 0;
  }

  .logo-tab-list {
    gap: 8px;
    margin-bottom: 30px;
  }

  .logo-tab-button {
    padding: 8px 16px;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .logo-box img {
    min-width: 130px;
    max-width: 200px;
    height: auto;
  }

  .logo-tab-content {
    gap: 17px;
  }

  .logo-box {
    flex: 0 0 calc(25% - 15px);
  }

  .solution-box {
    min-height: auto;
  }

  .leading-Industries-new-design .delivering-right-solution-wrap .deliver-right-sol .inner h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .tech-list {
    flex-wrap: wrap;
  }

  .tech-main {
    width: 46%;
  }

  .out-stack-box, .three-grid .unleashGrowth_unleashGrowthItem__6eMxp {
    padding: 15px;
  }

  .three-grid .unleashGrowth_unleashGrowthItem__6eMxp h4 {
    font-size: 18px !important;
  }

  .business-models-block .business-models-content {
    min-height: 275px;
    padding: 8px 30px;
  }

  .business-models-block .icon img {
    max-width: 80px;
  }

  .business-models-block .icon {
    top: 30px;
  }

  .business-models-block h3 {
    min-height: 100px;
    padding-top: 50px;
    padding-left: 85px;
  }

  .new-get-free-quote .new-get-free-quote-left .new-get-free-quote-left-content {
    padding-left: 20px;
  }

  .new-get-free-quote .new-get-free-quote-left {
    max-width: 760px;
  }

  .home-banner-section .home-banner-title {
    font-size: 34px !important;
    line-height: 40px !important;
  }

  .more-screen-slider-img img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1024px) {
  .solution-box {
    width: 50%;
  }
}

@media (max-width: 968px) {
  .title-left {
    width: 70%;
  }

  .title-right .fill {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .blog-wrap .blog-content {
    width: calc(100% - 300px);
  }

  .blog-sidebar {
    width: 300px;
  }

  .react-multi-carousel-track {
    padding: 0 !important;
  }

  .react-multi-carousel-track div img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    max-width: 100% !important;
  }

  .more-screen {
    padding: 40px 0 20px;
  }

  .portfolio-projects-left-list .tech-img {
    min-width: 45%;
    max-width: 45%;
  }

  .portfolio-projects-left-list .tech-img img {
    width: 100%;
    height: 100%;
  }

  .portfolio-inner-page-wrap {
    border-radius: 60px 60px 0 0;
    padding-bottom: 100px;
  }

  .portfolio-projects-top .portfolio-projects .portfolio-projects-main {
    padding: 20px 0;
  }

  .portfolio-projects-top:nth-of-type(2) .portfolio-projects .portfolio-projects-main {
    padding: 35px 25px;
  }

  .portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-left, .portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-right, .portfolio-projects-top .portfolio-projects-main .portfolio-projects-right, .portfolio-projects-top .portfolio-projects-main .portfolio-projects-left {
    width: 48%;
  }

  .portfolio-projects-left-list {
    justify-content: center;
  }

  .our-services .services-box .inner h3 {
    margin-top: 24px;
  }

  .our-services.e-com.dark-color {
    padding-bottom: 70px !important;
  }

  .work-across {
    margin-bottom: -220px;
    padding: 60px 0 250px;
  }

  .service-banner .banner-wrap .sub-title-top h1 {
    margin: 31px 0 12px;
  }

  .testimaonial-main .sub-title {
    padding-bottom: 10px;
  }

  .slider-title {
    width: 20%;
  }

  .slider-items {
    width: 80%;
  }

  .react-multiple-carousel__arrow--left {
    left: calc(4% - 40px) !important;
  }

  .react-multiple-carousel__arrow--right {
    right: calc(4% - 40px) !important;
  }

  .container {
    max-width: 100%;
  }

  .our-services-wrap {
    width: 50%;
    min-height: auto;
    margin-bottom: 20px;
  }

  .our-services-wrap:nth-child(2n) {
    margin-top: 0;
  }

  .our-services-wrap .inner figure {
    margin-bottom: 10px;
  }

  .trusted-by-logo .trusted-by-image {
    filter: grayscale(0%);
    border-bottom: 1px dashed #fafafa;
    width: 33.33%;
    padding: 25px;
  }

  .trusted-by-logo .trusted-by-image:before {
    content: none;
    width: 160px;
    right: -84px;
  }

  .trusted-by-logo .trusted-by-image:nth-child(-n+4):after {
    content: none;
  }

  .trusted-by-logo {
    justify-content: center;
  }

  .trusted-by-logo .trusted-by-image:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  footer .resources, footer .our-expertise {
    padding-left: 0;
  }

  footer .social-sec ul li {
    margin-bottom: 10px;
  }

  footer .left-sec {
    width: 50%;
  }

  footer .right-sec, footer .resources, .footer-contact-detail {
    width: 50%;
    padding-top: 20px;
  }

  footer .sec-inner span, footer .sec-inner h3 {
    padding-bottom: 15px;
  }

  footer .footer-detail {
    max-width: 100%;
  }

  footer .footer-logo {
    width: 100%;
    margin: 0 auto;
  }

  .model-content {
    grid-template-columns: 1fr 1fr;
  }

  .thank-you-main {
    padding-top: 70px;
  }

  .our-services .services-box, .our-experts-content {
    width: 50%;
  }

  .our-experts .trusted-by {
    width: 50%;
    padding-left: 50px;
  }

  .why-choose-us .why-choose-content {
    width: 100%;
  }

  .why-choose-us .why-choose-box {
    width: 50%;
  }

  .why-choose-us .why-top-box {
    position: unset;
  }

  .why-choose-us .why-box-content {
    flex-direction: inherit;
    padding-top: 30px;
  }

  .advantages .advantages-content {
    width: 50%;
  }

  .platforms .platforms-image-text h3 {
    width: calc(100% - 80px);
    padding-left: 20px;
  }

  .platforms .platforms-image-text {
    padding-bottom: 20px;
  }

  .our-experts .trusted-by-logo .trusted-by-image:nth-last-of-type(-n+4):after {
    opacity: 0;
  }

  .why-choose-box:first-child {
    padding-left: 12px;
    position: relative;
    top: 0;
  }

  .col-top:nth-child(odd) {
    padding-top: 0 !important;
  }

  .why-sub {
    padding: 20px 40px !important;
  }

  .ecommerce-page .develop-types {
    padding: 60px 0;
  }

  .feature-wrapper {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .blog-content {
    margin-top: 60px;
    padding: 0;
  }

  .portfolio-banner-section .portfolio-cards.card {
    border: 1px solid var(--color-00a7ad);
    margin-bottom: 20px;
  }

  .portfolio-banner-section {
    margin-top: 60px;
  }

  .floating-form {
    width: 100%;
  }

  .contact-form-sec {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
  }

  .contact-us .main-title {
    width: 100%;
  }

  .contact-detail {
    background-size: 320px;
    width: 100%;
  }

  .content-us-inner ul li a, .contect-address {
    font-size: var(--font-size-16);
  }

  .res-tab {
    width: 300px;
  }

  .form-field {
    padding-top: 20px;
  }

  .floating-label {
    margin-bottom: 30px;
  }

  .service-btn-section .fill, .banner-section .fillbtn, .banner-section .extra-btn-scetion {
    width: 100%;
  }

  .floating-label label, .floating-label .select {
    font-size: var(--font-size-18);
  }

  .content-us-inner ul li a {
    padding-left: 50px;
  }

  .floating-input, .floating-select {
    font-size: var(--font-size-18);
  }

  .content-us-inner {
    padding-bottom: 0;
  }

  .contact-form-inner {
    padding: 40px 10px;
  }

  .about-us-section .half-grid-left, .about-us-section .half-grid-right {
    width: 100%;
  }

  .about-us-section .half-grid-left img {
    width: 100%;
    height: auto;
    max-width: initial;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 450px;
    margin-bottom: 40px;
  }

  .social-icon > a img {
    max-width: 100%;
  }

  .social-icon > a {
    width: 40px;
  }

  .award-sec-logos .logo-image {
    width: 20%;
    padding: 0 10px;
  }

  .award-sec-logos .logo-image img {
    max-width: 100%;
    height: auto;
  }

  .testimaonial-main {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .Process-content figure {
    width: 50px;
    height: 50px;
  }

  .Process-content figure:before {
    font-size: 26px;
  }

  .process-left:before {
    left: 25px;
  }

  .Process-content figure img {
    width: 100%;
    height: auto;
  }

  .half-grid-right {
    padding-left: 0;
  }

  .accordion-sec {
    height: auto;
  }

  .copyright-sec ul li, .copyright-sec ul li a {
    font-size: 14px;
  }

  .portfolio-projects-main {
    padding: 40px 20px;
  }

  .shopify-feature span {
    width: 50px;
    height: 50px;
    padding: 15px 15px 13px 23px;
    font-size: 20px;
    left: -15px;
  }

  .shopify-feature-wrapper {
    grid-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .shopify-feature h3 {
    padding: 10px 15px 10px 44px;
    font-size: 17px !important;
    line-height: 28px !important;
  }

  .platforms {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .model-content-card img {
    max-width: 80px;
    height: auto;
  }

  .model-content-card {
    padding: 15px;
  }

  .Process-title {
    padding-left: 15px;
  }

  .comments-section-wrap {
    padding: 30px 20px 20px;
  }

  .blog-form {
    padding: 30px 15px;
  }

  .portfolio-post-main {
    padding-bottom: 20px !important;
  }

  .portfolio-listing-main.row {
    margin: 0 -10px;
  }

  .blog-story {
    padding: 0 20px;
  }

  .blog-story .story-top, .story-detail {
    padding: 20px 0;
  }

  .story-detail .story-img {
    width: 200px;
    padding-right: 20px;
  }

  .story-detail .story-content {
    width: calc(100% - 200px);
  }

  .ecommerce-page .ecom-bg-half:after {
    height: 50%;
    top: -25px;
  }

  .develop-types .dev-box-main .div-wrap .card {
    padding: 20px;
  }

  .develop-types .dev-box-main .div-wrap .card .card-title h4:before {
    left: -20px;
  }

  .advantages {
    padding: 60px 0 20px;
  }

  .our-services.e-com.dark-color .sub-title {
    padding-bottom: 0;
  }

  .author-banner-content .author-img {
    margin-right: 0;
  }

  .hire-woocommerce-dev .half-grid-right {
    padding-right: 20px;
  }

  .culture-list .icon-block {
    width: calc(50% - 20px);
    margin: 0 10px 50px;
  }

  .brainSpate-values .dev-box-main {
    margin-left: -10px;
    margin-right: -10px;
  }

  .brainSpate-values .div-wrap {
    padding: 0 10px 20px;
  }

  .technology-list {
    grid-template-columns: 1fr 1fr;
  }

  .specifics-list, .benefits-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .service-submenu {
    border: none;
    padding: 10px 0 0 !important;
  }

  .service-submenu .service-submenu-heading {
    display: none;
  }

  .service-submenu ul {
    flex-direction: column;
  }

  .founder-image-class img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
  }

  .about-label {
    padding-right: 10px;
  }

  .about-section .about-label h5, .about-section .about-label h3 {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .best-e-commerce .why-choose-brainspate-inner .inner .number {
    font-size: 30px;
  }

  .best-e-commerce .why-choose-brainspate-inner .inner .content {
    padding-top: 7px;
  }

  .our-latest-wrap .our-latest-right img {
    max-height: 60px;
  }

  .steps {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .imagination-work-wrap {
    display: block;
  }

  .imagination-work-left .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .imagination-work-left {
    position: relative;
    top: 0;
  }

  .expertise-box-rate h3 {
    font-size: var(--font-size-24) !important;
  }

  .expertise-box {
    flex-direction: column;
    width: 100%;
    max-width: calc(50% - 9px);
    display: flex;
  }

  .developer-expertise-main {
    justify-content: center;
    align-items: stretch;
  }

  .expertise-box-experience {
    padding: 12px 27px;
  }

  .expertise-box-experience:before {
    height: 22px;
    transform: translate(-50%, -50%);
  }

  .expertise-box-experience-years, .expertise-box-experience-project {
    width: unset;
  }

  .key-feature-main-inner {
    max-width: 50%;
    padding: 24px 12px;
  }

  .price-block .top h3 {
    margin: 0;
  }

  .ecommerce-block .img {
    border-bottom: 1px solid #00a7ad80;
    border-right: none;
    width: 100%;
  }

  .ecommerce-block .ecommerce-content {
    width: 100%;
    padding: 20px;
  }

  .ecommerce-block .img img {
    width: 100%;
    display: block;
  }

  .ecommerce-block .ecommerce-content ul {
    justify-content: space-between;
  }

  .ecommerce-block .ecommerce-content ul li {
    width: 49%;
  }

  .ecommerce-page.website-migration .process-left:before {
    height: 90%;
  }

  .contact-form-sec {
    width: 100%;
  }

  .development-process {
    padding: 60px 0;
  }

  .development-box {
    width: 50%;
  }

  .development-process .development-box .inner:after {
    content: "";
    z-index: 2;
    background-image: linear-gradient(to right, #0b262a 30%, #fff0 10%);
    background-position: center;
    background-repeat: repeat-x;
    background-size: 7px 2px;
    width: calc(100% - 90px);
    height: 2px;
    display: block;
    position: absolute;
    top: 50px;
    right: 0;
  }

  .apparel-eCommerce-integration {
    padding: 60px 0;
  }

  .logo-box {
    flex: 0 0 calc(33% - 15px);
  }

  .logo-box img {
    min-width: 100px;
    max-width: 150px;
  }

  .development-process .development-box .inner:after {
    display: none;
  }

  .leading-Industries-new-design .delivering-right-solution-wrap .deliver-right-sol {
    width: 33%;
  }

  .ecommerce-developers-table thead th {
    font-size: 18px;
  }

  .booking-appointment-block .booking-appointment-right img {
    max-width: 100%;
  }

  .our-ambience-main .our-ambience-main-img, .our-ambience-main .our-ambience-main-img:first-child, .our-ambience-main .our-ambience-main-img:nth-child(2) {
    max-width: calc(50% - 12px);
  }

  .pricing-tab-list .tab {
    min-width: 220px;
    font-size: 18px;
  }

  .most-popular-text p {
    font-size: 16px;
  }

  .pricing-plans table tfoot td .fillbtn a {
    min-width: auto;
  }

  .pricing-tab-list .tab:hover, .pricing-tab-list .tab.active:hover {
    color: #fff;
    background: #00a7ad;
    border: 1px solid #00a7ad;
  }

  ul.banner-subpoint-list {
    -moz-column-count: 1;
    column-count: 1;
    margin-bottom: -10px !important;
  }

  table.category-estimation-table th, table.category-estimation-table td {
    padding: 20px;
  }

  .industries-wrap .industries-box {
    width: 50%;
  }

  .enhance-store-faq > div > div {
    width: 100%;
  }

  .culture-images-wrap {
    width: 55%;
  }

  .culture-content {
    width: 45%;
    padding-right: 0;
  }

  .culture-images {
    gap: 16px;
  }

  .culture-gallery-wrap:nth-child(2n) .culture-content {
    padding-left: 0;
  }

  .culture-content h3 {
    margin-bottom: 5px;
    font-size: 28px;
  }

  .culture-gallery-wrap:first-child {
    padding-top: 20px;
  }

  .ecommerce-platforms-slider .ecommerce-platforms-item .img img {
    max-width: 100%;
  }

  .new-get-free-quote-wrap {
    justify-content: center;
  }

  .home-trusted .trusted-logo {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-trusted .trusted-logo .trusted-by-image {
    width: 24%;
  }

  .ecommerce-platforms-slider .ecommerce-platforms-item {
    padding: 15px;
  }

  .e-commerce-solutions-wrap {
    flex-wrap: wrap;
  }

  .e-commerce-solutions-left {
    width: 100%;
  }

  .commerce-solutions-item {
    width: calc(33% - 14px);
  }

  .business-models-block .icon {
    top: 20px;
  }

  .business-models-block {
    max-width: 470px;
    margin: 0 auto;
  }

  .business-models-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 801px) {
  .img-container, .page-image img {
    width: 100%;
  }

  .our-latest-wrap .our-latest-right .description {
    padding-bottom: 0;
  }

  .pricing-package h4 {
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .woocommerce-page .themes-main {
    padding: 40px 0;
  }

  .more-screen .main-title {
    padding-bottom: 20px;
  }

  .more-screen .main-title .sub-title {
    padding: 0;
  }

  .more-screen {
    padding: 40px 0 20px;
  }

  .more-screen .react-multiple-carousel__arrow {
    left: 0 !important;
  }

  .more-screen .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right {
    right: 0 !important;
  }

  .more-screen-slider-arrow {
    margin: 0;
  }

  .portfolio-projects-left-list .tech-img {
    min-width: 223px;
    max-width: 223px;
  }

  .portfolio-projects-left-list .tech-img img {
    width: auto;
    height: auto;
  }

  .portfolio-projects-top:nth-of-type(2) .portfolio-projects .portfolio-projects-main {
    padding: 30px 20px 10px;
  }

  .portfolio-projects-top .portfolio-projects .portfolio-projects-main {
    padding: 30px 0;
  }

  .portfolio-projects-left-list {
    justify-content: center;
  }

  .portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-right, .portfolio-projects-top:nth-of-type(2) .portfolio-projects-main .portfolio-projects-left {
    width: 100%;
  }

  .portfolio-inner-page-wrap {
    border-radius: 60px 60px 0 0;
    padding-bottom: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .portfolio-inner-page-wrap .main-title .sub-title {
    padding: 0;
  }

  .portfolio-inner-page-wrap .intro-section .main-title {
    padding-bottom: 20px;
  }

  .portfolio-inner-page-wrap .intro-section .half-grid-right {
    margin-top: 0;
  }

  .our-services .services-box .inner h3 {
    margin-top: 14px;
  }

  .our-services-wrap .inner .read-more a:after {
    background-image: none;
  }

  .our-services-wrap .inner {
    height: auto;
  }

  .service-banner .banner-wrap .sub-title-top h1 {
    margin: 21px 0 12px;
  }

  .service-banner .about-us-main {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .themes-main .half-grid .theme-left {
    width: 100%;
  }

  .themes-main .half-grid .theme-right {
    text-align: center;
  }

  .themes-main .half-grid .theme-left .sub-title {
    padding-bottom: 30px;
  }

  .why-choose-brainspate-inner {
    width: 50%;
    padding: 0 7px;
  }

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

  .half-grid-right {
    padding: 20px 0 0;
  }

  .half-grid-left {
    text-align: center;
  }

  .main-title .sub-title {
    padding-bottom: 10px;
  }

  .trusted-by-logo .trusted-by-image {
    border: none;
    width: 50%;
    padding: 14px 12px;
  }

  .our-latest-left img {
    height: auto;
  }

  .why-choose-brainspate-box {
    margin: 0 -7px;
  }

  .our-services-wrap {
    width: 100%;
  }

  .our-services-wrap .inner .read-more {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    transform: scale(1);
  }

  footer .right-sec .sec-inner {
    flex-wrap: wrap;
  }

  footer .left-sec, footer .our-expertise {
    width: 100%;
  }

  footer .right-sec {
    width: 100%;
    padding-left: 0;
  }

  footer .sec-inner span {
    padding-top: 20px;
    padding-bottom: 0;
    line-height: 1.4;
  }

  footer .sec-inner h3 {
    padding-top: 20px;
    padding-bottom: 0;
  }

  footer .resources, footer .right-sec .sec-inner ul li, footer .left-sec {
    width: 100%;
  }

  footer .right-sec {
    width: 100%;
    padding-top: 20px;
  }

  footer .sec-inner span, footer .sec-inner h3 {
    padding-bottom: 10px;
  }

  footer .our-expertise {
    width: 50%;
  }

  .footer-contact-detail {
    width: 100%;
    padding-left: 0;
  }

  footer .footer-contact ul .email {
    margin-left: 0;
  }

  .header-section .header-sidebar {
    display: none;
  }

  .header-section .mainmenu {
    background: #fff;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    position: absolute;
    top: 98px;
    left: 0;
  }

  .header-section a.menulinks {
    position: relative;
  }

  .header-section a.menulinks, a.menulinks:before, a.menulinks:after {
    background-color: #2f4858;
    border-radius: 5px;
    width: 35px;
    height: 3.5px;
    display: inline-block;
  }

  .header-section a.menulinks:before {
    content: "";
    width: 42px;
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0;
    position: absolute;
    top: -10px;
    right: 0;
  }

  .header-section a.menulinks:after {
    content: "";
    width: 29px;
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0;
    position: absolute;
    top: 10px;
    right: 0;
  }

  .header-section .mainmenu .nav-link {
    width: 100%;
    padding: 7px 24px;
  }

  .header-section .mainmenu .nav-link a {
    font-size: var(--font-size-22);
  }

  footer .left-sec {
    padding-right: 0;
  }

  footer .footer-detail-inner {
    padding: 40px 0 0;
  }

  .mobile-open .header-section a.menulinks:before {
    display: none;
  }

  .mobile-open .header-section a.menulinks:after {
    width: 35px;
    top: 0;
    left: 0;
    transform: rotate(90deg);
  }

  .mobile-open .header-section a.menulinks {
    width: 35px;
    transform: rotate(44deg);
  }

  .header-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .trusted-by-logo .trusted-by-image img {
    width: 80%;
  }

  .trusted-by-section {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .contect-img img {
    width: 100%;
  }

  .contect-img {
    display: none;
  }

  footer .footer-contact ul li {
    margin-bottom: 0;
  }

  .why-choose-brainspate-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .trusted-by-section .title {
    padding-bottom: 0;
  }

  .our-solutions-footer .fillbtn .fill {
    margin: 0 auto;
  }

  .award-sec-logos {
    justify-content: center;
  }

  .award-sec-logos .logo-image {
    max-width: 160px;
    padding: 0 20px;
  }

  .award-sec-logos .logo-image img {
    max-width: 100%;
    height: auto;
  }

  .social-icon {
    justify-content: flex-start;
  }

  .solution-content .title {
    width: 100%;
  }

  .solution-content .title .sub-title {
    padding-bottom: 20px;
  }

  .react-multiple-carousel__arrow--left {
    left: calc(4% - 30px) !important;
  }

  .react-multiple-carousel__arrow--right {
    right: calc(4% - 30px) !important;
  }

  .banner-sec-logos {
    grid-template-columns: auto auto auto;
    display: grid !important;
  }

  .model-content, .shopify-feature-wrapper {
    grid-template-columns: 1fr;
  }

  .sitemap-list {
    grid-template-columns: 1fr 1fr;
  }

  .thank-you-main {
    padding-top: 50px;
  }

  .page-btn a {
    border-radius: 35px;
    padding: 20px 30px 20px 90px;
    font-size: 20px;
  }

  .page-btn a:before {
    top: 10px;
    left: 30px;
  }

  .fill-btn {
    margin-right: 10px;
    padding: 10px 30px;
  }

  .intro-section {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .portfolio-inner-page .e-com {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .our-experts-main {
    justify-content: center;
  }

  .order-one {
    order: 3 !important;
  }

  .order-two {
    order: 1 !important;
  }

  .order-three {
    order: 2 !important;
  }

  .our-experts-content {
    width: 80%;
  }

  .our-experts .trusted-by {
    padding-top: 50px;
    padding-left: 0;
  }

  .our-experts .trusted-by .title {
    padding-bottom: 0;
  }

  .platforms .platforms-box {
    padding-bottom: 20px;
    width: 100% !important;
  }

  .best-e-commerce {
    padding: 40px 0;
  }

  .platforms {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .Process-right {
    width: 100% !important;
  }

  .process-left {
    padding-right: 0;
    width: 100% !important;
  }

  .Process-right-image {
    justify-content: center;
    margin-bottom: 15px;
  }

  .advantages {
    padding: 40px 0;
  }

  .ecommerce-page.management-services .advantages, .ecommerce-page.consulting-service .advantages, .ecommerce-page.headless-commerce .advantages, .eCommerce-solutions-a-to-z {
    padding-bottom: 15px;
  }

  .our-experts, .why-choose-us {
    padding: 40px 0;
  }

  .our-experts .trusted-by-image:nth-child(odd) {
    padding-left: 0;
  }

  .ecommerce-page .develop-types, .develop-types.ecommerce-strategies {
    padding: 40px 0;
  }

  .div-wrap {
    padding: 7px;
    width: 50% !important;
  }

  .div-wrap:nth-child(2), .div-wrap:nth-child(5) {
    padding: 7px;
  }

  .accordion-sec {
    height: auto;
    padding: 15px 0;
  }

  .feature-wrapper {
    grid-template-columns: 1fr;
    display: grid;
  }

  .theme-right img {
    width: 100%;
  }

  .salesforce-cards {
    width: 100% !important;
  }

  .portfolio-projects-left {
    width: 100%;
  }

  .portfolio-projects-right {
    width: 100%;
    padding-bottom: 35px;
  }

  .reverse {
    flex-direction: column-reverse;
  }

  .portfolio-projects h2, .project-logos {
    text-align: center;
  }

  .tech-img {
    text-align: center;
    width: auto;
  }

  .blog-platform {
    padding: 30px 0;
    justify-content: center !important;
  }

  .blog-content {
    margin-top: 60px;
  }

  .plateform-title {
    padding-bottom: 20px;
  }

  .group-logos {
    flex-direction: column;
  }

  .group-logos img {
    padding-bottom: 10px;
    padding-left: 0;
  }

  .blog-form-group {
    display: block !important;
  }

  .contact-form-sec:before {
    position: unset;
  }

  .connect-instantly {
    padding-bottom: 20px;
  }

  .contact-detail {
    position: unset;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%, 0% 50%);
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .connect-instantly-list li {
    min-width: unset;
    width: 100%;
  }

  .connect-instantly-main {
    padding: 30px 20px;
  }

  .connect-instantly-list-img {
    width: 50px;
    height: 50px;
  }

  .connect-instantly-list-cont {
    text-align: left;
    width: 100%;
    max-width: calc(100% - 62px);
  }

  .connect-instantly-list-cont a {
    font-size: 18px;
    line-height: 24px;
  }

  .floating-form {
    width: 100%;
  }

  .get-in-touch {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-us-image img {
    width: 100%;
  }

  .contect-address {
    line-height: var(--line-spacing-22);
  }

  .content-us-inner {
    padding: 30px 15px;
  }

  .contact-us-number {
    padding-bottom: 12px;
  }

  .res-tab {
    width: 100%;
  }

  .contact-us-clients {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-form-inner {
    padding-top: 15px;
  }

  .get-in-touch-inner {
    margin: 0;
  }

  .banner-section hr {
    margin: 20px 0 !important;
  }

  .pb-50 {
    padding-bottom: 20px;
  }

  .why-sub {
    padding: 10px 30px !important;
  }

  .solution-content {
    padding: 40px 0;
  }

  .why-sub .card-body {
    padding: 0 0 0 10px !important;
  }

  .card {
    padding: 30px 20px 30px 40px;
  }

  .ecommerce-strategies .div-wrap .card {
    padding: 30px 20px;
  }

  .why-woocom {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .Process-content figure img {
    max-width: 100%;
  }

  .Process-title {
    padding-left: 20px;
  }

  .process-icons {
    width: 100%;
    max-width: 50px;
  }

  .Process-title {
    width: 100%;
    max-width: calc(100% - 50px);
  }

  .business-features h3 {
    font-size: 16px !important;
  }

  .business-features {
    padding-bottom: 0;
    flex-wrap: nowrap !important;
    display: flex !important;
  }

  .business-features + .business-features {
    margin-top: 10px;
  }

  .our-latest-wrap:nth-child(2n) .inner .our-latest-right {
    padding-right: 0;
  }

  .portfolio-banner-section .portfolio-cards.card {
    padding: 12px !important;
  }

  .portfolio-projects {
    margin-top: 20px;
  }

  .portfolio-projects-main {
    padding: 30px;
  }

  .shopify-feature h3 {
    margin-bottom: 0;
  }

  .shopify-feature span {
    left: -15px;
  }

  .model-content-card img {
    min-width: 60px;
    max-width: 80px;
  }

  .model-content-card {
    padding: 15px;
  }

  .rc-accordion-set-title h3 {
    margin-bottom: 0;
    padding-right: 40px;
    font-size: 18px !important;
    line-height: 27px !important;
  }

  .banner-sec-logos {
    grid-template-columns: auto auto;
    justify-content: center;
    display: flex !important;
  }

  .banner-sec-logos .logo-image {
    width: 50%;
  }

  .info-career-wrap {
    gap: 10px;
  }

  .service-block .service-content {
    width: 100%;
    padding-left: 0;
  }

  .service-block .service-img {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .service-wrap:nth-child(2n) .service-block .service-img {
    padding-left: 0;
  }

  .service-wrap:nth-child(2n) .service-block .service-content {
    padding-left: 0;
    padding-right: 0;
  }

  .service-block .service-img {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 0;
  }

  .service-img.blank {
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .work-across-block .work-content {
    width: 100%;
    padding-right: 0;
  }

  .work-across {
    width: 100%;
    margin-bottom: -200px;
    padding: 30px 0 220px;
  }

  .work-across-block .map, .work-across-block .map img {
    width: 100%;
  }

  .e-com {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .testimonial-section.triangle-bottom:after {
    display: none;
  }

  .blog-details {
    margin: 0;
  }

  .portfolio-section-main.e-com {
    padding-bottom: 0 !important;
  }

  .home-page .why-choose-brainspate-section {
    padding-bottom: 40px;
  }

  .about-slider {
    padding: 30px 0 20px;
  }

  .testimonials-page .solutions-sec {
    padding-top: 40px !important;
  }

  .why-choose-number {
    font-size: 80px;
  }

  .platforms .platforms-box .inner {
    padding: 25px;
  }

  .portfolio-card-text {
    padding: 15px 20px;
  }

  .card-text-title {
    font-size: var(--font-size-22);
    margin-bottom: 10px;
  }

  h2 {
    font-size: 25px !important;
    line-height: 1.4 !important;
  }

  .platforms.triangle-top-bottom {
    padding-bottom: 40px;
  }

  .platforms .platforms-image-text .woocommerce-bg {
    width: 60px;
    height: 60px;
  }

  .hire-woocomerce-page .triangle-top-bottom .ecommerce-process, .hire-shopify-page .triangle-top-bottom .ecommerce-process {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hire-woocomerce-page .triangle-bottom .faq-section, .hire-woocomerce-page .our-clients.triangle-bottom {
    padding-bottom: 50px;
  }

  .social-icon .icon {
    width: 40px;
    height: 40px;
  }

  .social-icon > a img {
    max-height: 22px;
  }

  .shopify-page .why-woocom.triangle-top-bottom {
    padding-bottom: 30px;
  }

  :root {
    --font-size-16: 16px;
  }

  .trusted-by-logo .trusted-by-image {
    filter: initial;
  }

  .logo-image {
    filter: grayscale(0);
  }

  .banner-logo-list li img {
    height: 100%;
  }

  .award-sec-logos .logo-image {
    width: 50%;
  }

  .salesforce-content-right, .salesforce-content-left {
    margin: 20px 0;
  }

  .floating-input:not(:-moz-placeholder-shown) ~ label {
    opacity: 0;
  }

  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    opacity: 0;
  }

  .blog-content-list {
    padding-left: 10px !important;
  }

  .blog-form-content .blog-form-group .floating-label {
    width: 100%;
    max-width: 100%;
  }

  .blog-banner.light-banner {
    padding: 24px 0 20px;
  }

  .blog-banner.light-banner h1 {
    margin-bottom: 16px;
  }

  .blog-author {
    margin: 0;
    position: relative;
  }

  .blog-author .blog-author-card, .blog-author-meta {
    padding-right: 0;
  }

  .blog-author .blog-author-card + .blog-author-card, .blog-author-list .blog-author-meta {
    border-left: 0;
    padding-left: 0;
  }

  .blog-author-meta {
    font-size: 14px;
    line-height: 20px;
  }

  .author-meta-icon {
    width: 50px;
    height: 50px;
  }

  .blog-author-list {
    gap: 12px 0;
  }

  .blog-author-card {
    flex: 100%;
  }

  .blog-author-card .author-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }

  .blog-author .blog-author-card .author-img img {
    width: 50px;
    height: 50px;
  }

  .blog-author .author-name a {
    font-size: 16px;
  }

  .blog-author .blog-author-card .author-role {
    font-size: 14px;
  }

  .blog-quick-summary {
    border-radius: 16px;
    margin-bottom: 20px;
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
  }

  .blog-quick-summary .blog-quick-summary-title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 26px;
  }

  .blog-content .bs-compare-platforms {
    border-radius: 16px;
    margin-bottom: 20px;
    padding: 20px;
  }

  .blog-content .bs-compare-platforms h2.bs-compare-platforms__title {
    margin-bottom: 14px;
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .blog-content .bs-compare-platforms ul.bs-compare-platforms__list {
    gap: 8px;
  }

  .blog-content .bs-compare-platforms .bs-compare-platforms__chip {
    min-height: 40px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 18px;
  }

  .story-detail .story-content {
    width: 100%;
    margin-top: 20px;
  }

  .blog-content h2.wp-block-heading {
    width: 100%;
    margin-bottom: 0;
    padding: 20px 0 10px;
  }

  .child-list li {
    width: 100%;
  }

  .blog-story {
    text-align: center;
    margin-bottom: 0;
    padding: 0 15px;
  }

  .blog-story .story-top {
    border-bottom: none;
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .blog-story .social-media {
    width: 100%;
  }

  .blog-story .social-media .group-logos {
    flex-direction: unset;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
  }

  .blog-story .group-logos img {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-story .group-logos img:first-child {
    padding-left: 0;
  }

  .blog-faq .block {
    padding: 20px 0;
  }

  .blog-content ul li {
    margin: 0;
    padding: 5px 0 10px 20px;
  }

  .summarize-with-ai-cls, .blog-faq {
    margin-bottom: 20px;
  }

  .thank-you-main {
    margin-bottom: -30px;
  }

  .thank-btn {
    width: 220px;
    padding: 12px 30px 11px;
  }

  .thank-btn img {
    width: 28px;
  }

  .blog-inner-page h1 {
    color: #0b262a !important;
    font-size: 24px !important;
    line-height: 36px !important;
  }

  .blog-content h2 {
    font-size: 22px !important;
  }

  .blog-content h3 {
    font-size: 20px !important;
  }

  .blog-content h4 {
    font-size: 18px !important;
  }

  .story-detail {
    justify-content: center;
    padding: 10px 0 5px;
  }

  .story-top .title h3 {
    margin: 0;
    font-size: 18px !important;
  }

  .home-page .our-services, .main-title {
    padding-bottom: 20px;
  }

  .about-us-main .sub-title {
    padding-bottom: 10px;
  }

  .award-sec-logos-section h2 {
    text-align: center;
  }

  .copyright-sec ul {
    padding-left: 0 !important;
  }

  .table-of-content-mobile {
    z-index: 99;
    background-color: #0b262a;
    flex-flow: column-reverse wrap;
    width: 100%;
    padding: 15px;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .table-of-content-mobile a.btn-main {
    color: #0b262a;
    margin-bottom: 0;
    font-size: 18px;
  }

  .blog-wrap .blog-content {
    width: 100%;
    padding: 0;
  }

  .blog-sidebar {
    width: 100%;
    padding-left: 0;
  }

  .blog-sidebar-cta {
    margin-top: 20px;
  }

  .table-of-content-mobile .btn-main {
    color: #0b262a;
    text-align: center;
    background-color: #fff;
    border-radius: 24px;
    width: 100%;
    margin-bottom: 0;
    padding: 11px 30px 12px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: block;
  }

  .table-of-content-mobile .main-content {
    padding: 0 0 15px;
    transition: all .5s ease-in-out;
    display: none;
  }

  .table-of-content-mobile.show .main-content {
    display: block;
  }

  .table-of-content-mobile ul {
    list-style: none;
    padding: 0 !important;
  }

  .table-of-content-mobile ul li {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
  }

  .table-of-content-mobile ul li a {
    color: #b7b7b7;
    font-size: 13px;
    line-height: 23px;
    text-decoration: none;
  }

  .table-of-content-mobile ul li a:hover, .table-of-content-mobile ul li a:focus, .table-of-content-mobile ul li a.active, .table-of-content-mobile ul li:hover a, .table-of-content-mobile ul li.active a {
    color: #fff;
  }

  .table-of-content-mobile .close {
    content: "";
    filter: brightness(0) invert();
    float: right;
    background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/menu-close.svg") center no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
  }

  .table-of-content-mobile .table-list {
    max-height: 220px;
    display: inline-block;
    overflow: auto;
  }

  .half-grid-left img {
    height: auto;
  }

  .about-page .solutions-sec {
    padding-top: 20px !important;
  }

  .Process-right-image img {
    max-width: 220px;
    height: auto !important;
  }

  .ecommerce-process {
    padding: 40px 0;
  }

  .ecommerce-page.website-migration .process-left:before {
    height: 85%;
  }

  .our-latest-wrap + .our-latest-wrap {
    padding-top: 40px;
  }

  .about-us-section .half-grid-left img {
    margin-bottom: 0;
  }

  .develop-types .main-title {
    padding-bottom: 10px;
  }

  .why-choose-us .why-box-content {
    padding-top: 20px;
  }

  .portfolio-listing-main.row {
    padding-bottom: 10px;
  }

  .work-across-block .work-content {
    margin-bottom: 10px;
  }

  .best-e-commerce .half-grid-left {
    margin-bottom: 20px;
  }

  .service-block .service-content .fillbtn {
    text-align: center;
    margin-top: 20px;
  }

  .solution-section .fillbtn {
    text-align: center;
    width: 100%;
  }

  .solution-section .fillbtn a.fill {
    display: inline-block;
  }

  .wordpress-ent .half-grid-left {
    margin-bottom: 20px;
  }

  .business-main .main-title.pt-50 {
    padding-top: 30px;
  }

  .business-main.triangle-bottom.bg-purple-light.pb-50 {
    padding-bottom: 40px;
  }

  .our-latest-wrap .our-latest-right .description {
    padding-bottom: 0;
  }

  .portfolio-listing-col {
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .portfolio-banner-section {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .hiring-model.pt-50.pb-50 {
    padding-bottom: 40px;
  }

  .triangle-bottom.light-bg-pink-color .faq-section {
    padding-bottom: 60px;
  }

  .story-detail .story-img {
    padding-right: 0;
  }

  .blog-form h2 {
    text-align: left;
    padding-bottom: 30px;
    font-size: 22px !important;
  }

  .blog-form .floating-button {
    text-align: center;
  }

  .story-detail .story-content h4, .story-detail .story-content > span {
    font-size: 20px !important;
  }

  .story-detail .story-content > span {
    text-align: center;
  }

  .story-detail .story-content p {
    font-size: 16px;
    line-height: 26px;
  }

  .comments-title {
    font-size: 18px !important;
  }

  .about-us-section h2.white-text {
    margin-bottom: 30px;
  }

  .banner-section .fillbtn.text-align-center .fill {
    display: inline-block;
  }

  .about-us-section {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .best-e-commerce .half-grid-right {
    padding-top: 0;
  }

  .wordpress-ent {
    padding: 20px 0;
  }

  .woocommerce-page .our-clients.triangle-bottom {
    padding-bottom: 50px;
  }

  .our-latest-work .main-title {
    padding-bottom: 0 !important;
  }

  .best-e-commerce .sub-title p {
    padding: 0;
  }

  .shopify-page .our-clients.triangle-bottom {
    padding-bottom: 50px;
  }

  .contact-page .review .our-clients {
    padding-bottom: 40px !important;
  }

  .contact-form-inner .form-content {
    padding-bottom: 20px;
  }

  .contact-page .main-header li.fillbtn {
    margin-top: -2px;
  }

  .contact-page .main-header li.fillbtn a.fill {
    padding: 7px 17px;
  }

  .contact-us-email {
    padding-bottom: 0;
  }

  .salesforce-main {
    padding-top: 40px;
  }

  .salesforce-main .main-title {
    padding-bottom: 0;
  }

  .hire-shopify-page h1 br, .hire-woocomerce-page h1 br {
    display: none;
  }

  h1 {
    font-size: 28px;
  }

  .banner-left .banner-right {
    display: none;
  }

  .testimonial-section .fill {
    margin: 0 auto;
  }

  .service-block .service-content .fillbtn a.fill {
    display: inline-block;
  }

  .hiring-model .main-title.pb-50.text-align-center, .theme-section .main-title {
    text-align: left;
  }

  .develop-types .dev-box-main .div-wrap .card .card-title h4:before {
    display: none;
  }

  .why-choose-box .inner .why-choose-number {
    transition: all .5s;
    transform: scale(1.3);
  }

  .why-choose-box .inner:after {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .portfolio-img:hover img {
    transform: scale(1);
  }

  .testimonial-section .btn-group, .portfolio-section-main .btn-group {
    justify-content: center;
  }

  .theme-section {
    padding-bottom: 20px;
  }

  .home-page .trusted-by-section.dark-color {
    padding-bottom: 40px;
  }

  .mobile-show {
    text-align: center;
    display: block;
  }

  .blog-content .table-type-two table tbody tr td:first-child, .blog-content .wp-block-table thead th {
    padding: 5px;
    font-size: 11px;
    line-height: normal;
  }

  .blog-content table td {
    padding: 5px;
    font-size: 10px;
    line-height: normal;
  }

  .blog-single-page .zsiq_floatmain.siq_bR {
    bottom: 100px;
    z-index: 9 !important;
  }

  .react-multi-carousel-track div img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    max-width: 100% !important;
  }

  .our-latest-wrap .our-latest-right img {
    max-height: 50px !important;
  }

  .blog-btns button {
    padding: 7px 15px;
    font-size: 16px;
  }

  .blog-btns .blog-prev:before {
    background-position: center;
    width: 14px;
    height: 14px;
    margin-right: 7px;
  }

  .blog-btns .blog-next:after {
    background-position: center;
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }

  .author-banner-content {
    flex-wrap: wrap;
  }

  .author-banner-content .author-img {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .hire-woocommerce-dev .half-grid-right {
    padding-bottom: 30px;
    padding-right: 0;
  }

  .culture-block {
    flex-flow: column-reverse wrap;
    align-items: center;
    display: flex;
  }

  .culture-img {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .culture-block .culture-content {
    width: 100%;
  }

  .culture-list {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .culture-list .icon-block .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
  }

  .culture-list .icon-block {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 30px;
    display: flex;
  }

  .culture-list .icon-block h3 {
    width: calc(100% - 80px);
    margin: 0;
  }

  .brainSpate-values.develop-types .main-title {
    padding-bottom: 10px;
  }

  .culture-list .icon-block:nth-child(odd) {
    margin-top: 0;
    position: relative;
    top: 0;
  }

  .culture-section {
    padding: 40px 0 10px;
  }

  .brainSpate-values .dev-box-main {
    margin-left: 0;
    margin-right: 0;
  }

  .brainSpate-values .div-wrap {
    width: 100% !important;
    padding: 0 0 20px !important;
  }

  .brainSpate-values .div-wrap:last-child {
    padding-bottom: 0 !important;
  }

  .technology-list {
    grid-template-columns: 1fr;
  }

  .first-img-column {
    max-width: 100%;
    padding-top: 0;
  }

  .first-img-column img:first-child, .last-img-column img:first-child {
    width: auto;
    margin-bottom: 30px;
  }

  .last-img-column img:last-child {
    width: auto;
  }

  .benefits-block {
    width: calc(100% - 35px);
    margin-left: 35px;
    padding: 25px 40px;
  }

  .specifics-block {
    padding: 30px;
  }

  .border-blue-color {
    border-color: #236dfc;
  }

  .border-purple-color {
    border-color: #e08bfc;
  }

  .border-green-color {
    border-color: #00e396;
  }

  .border-orange-color {
    border-color: #ff6167;
  }

  .border-skyblue-color {
    border-color: #00aeef;
  }

  .border-yellow-color {
    border-color: #ffb84e;
  }

  .border-pink-color {
    border-color: #ffc4e9;
  }

  .border-light-green-color {
    border-color: #06a273;
  }

  .border-light-blue-color {
    border-color: #6895ff;
  }

  .our-ambience {
    margin-top: 30px;
    margin-bottom: -230px;
    padding-top: 40px;
    padding-bottom: 260px;
  }

  .benefits-block.block-purple {
    border-color: #e08bfc;
  }

  .benefits-block.block-blue {
    border-color: #00aeef;
  }

  .benefits-block.block-green {
    border-color: #00e396;
  }

  .benefits-block.block-orange {
    border-color: #ff6167;
  }

  .benefits-block.block-lightblue {
    border-color: #24eefc;
  }

  .benefits-block.block-yellow {
    border-color: #ffb84e;
  }

  .benefits-block.block-pink {
    border-color: #ff6baf;
  }

  .pricing-plans {
    padding: 40px 0;
  }

  .pricing-plans .table-responsive {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100dvh - 200px);
    margin-top: -32px;
    padding-top: 32px;
    overflow-x: auto;
  }

  .pricing-plans table {
    box-sizing: border-box;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
  }

  .pricing-plans table th {
    padding: 10px 5px;
  }

  .pricing-plans table th h3 {
    flex-wrap: wrap;
    gap: 4px;
    line-height: normal;
    font-size: 12px !important;
  }

  .pricing-plans .price-block .top img {
    width: 14px;
    height: 14px;
    margin-right: 0;
  }

  .pricing-plans .price-block .top {
    max-width: 100%;
  }

  .pricing-plans table tbody td {
    overflow-wrap: anywhere;
    padding: 5px 8px;
    font-size: 12px;
    line-height: normal;
  }

  .pricing-plans table td:first-child {
    font-size: 12px;
  }

  .pricing-plans table tbody td img {
    max-width: 18px;
    height: auto;
  }

  .pricing-plans .pricing-package h4 {
    font-size: 13px;
  }

  .pricing-plans .pricing-package p {
    font-size: 11px;
  }

  .pricing-plans table tfoot td {
    padding: 8px 4px;
  }

  .pricing-plans table tfoot td .fillbtn a {
    min-width: auto;
    padding: 7px 6px;
    font-size: 10px;
  }

  .pricing-plans .most-popular-text {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 92px;
    max-width: 100%;
    height: 26px;
    top: -23px;
  }

  .pricing-plans .most-popular-text p {
    font-size: 10px;
    line-height: 26px;
  }

  .ecommerce-block .img {
    border-bottom: 1px solid #00a7ad80;
    border-right: none;
    width: 100%;
  }

  .ecommerce-functions .w-70 {
    width: 100%;
  }

  .ecommerce-block .ecommerce-content {
    width: 100%;
    padding: 20px;
  }

  .ecommerce-block .ecommerce-content ul li {
    width: 100%;
    display: inline-flex;
  }

  .specifics-section {
    padding: 40px 0;
  }

  .two-colum-brainspate-box {
    max-width: 100%;
    margin: 0;
  }

  .about-section-inner .about-label {
    text-align: center;
    width: 100%;
  }

  .about-section .sub-title {
    text-align: left;
    padding-top: 15px;
  }

  .founder-image-class img {
    height: auto;
  }

  .about-section .sub-title br {
    display: block;
  }

  .why-sub .card img {
    padding: 15px;
  }

  .steps {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .steps .step {
    width: 100%;
    max-width: 260px;
    margin: 0 auto 20px;
  }

  .steps .step:last-child {
    margin-bottom: 0;
  }

  .form-field .two-column {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .application-form .form-bottom {
    flex-wrap: wrap;
    gap: 20px;
  }

  .info-career-wrap {
    border-radius: 10px;
    gap: 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 26px;
    display: flex;
  }

  .info-icon img {
    max-width: 40px;
  }

  .culture-gallery {
    flex-wrap: wrap;
    gap: 0;
  }

  .culture-gallery .gallery-block {
    width: 100%;
  }

  .imagination-work {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .imagination-work-right .why-choose-box {
    padding: 10px 0 !important;
  }

  .imagination-work-right .why-choose-box .inner .description {
    padding-right: 0;
  }

  .imagination-work-left {
    margin-bottom: 20px;
  }

  .salesforce-main .salesforce-cards .salesforce-content-Left, .salesforce-main .salesforce-cards .salesforce-content-right, .salesforce-main .salesforce-cards .salesforce {
    height: auto !important;
  }

  .expertise-box {
    flex-direction: column;
    width: 100%;
    max-width: calc(50% - 9px);
    display: flex;
  }

  .developer-expertise-main {
    justify-content: center;
    align-items: stretch;
  }

  .expertise-box-author-img {
    width: 80px;
    height: 80px;
  }

  .expertise-box-author-img img {
    width: 64px;
    height: 64px;
  }

  .expertise-box-experience:before {
    height: 45px;
    transform: translate(-50%, -50%)rotate(90deg);
  }

  .expertise-box-experience-years, .expertise-box-experience-project {
    width: 100%;
  }

  .expertise-box-experience {
    padding: 12px 27px;
  }

  .expertise-box-author-cont {
    width: 100%;
    max-width: calc(100% - 95px);
  }

  .hire-ecommerce-page .our-services.e-com.dark-color {
    padding-bottom: 40px !important;
  }

  .pt-60 {
    padding-top: 40px;
  }

  .pb-60 {
    padding-bottom: 40px;
  }

  .developer-expertise {
    padding: 40px 0;
  }

  .expertise-box-expert ul li {
    padding: 5px 14px;
  }

  .expertise-box {
    padding: 50px 20px 30px;
  }

  .key-feature {
    padding: 40px 0 20px;
  }

  .portfolio-projects-top .portfolio-projects-main .portfolio-projects-right, .portfolio-projects-top .portfolio-projects-main .portfolio-projects-left {
    width: 100%;
  }

  .custom-plateform, .development-process {
    padding: 40px 0;
  }

  .half-grid .half-grid-left, .industry-content .best-e-commerce:nth-child(2n) .half-grid-left {
    padding-left: 0;
    padding-right: 0;
  }

  .industry-content .best-e-commerce:nth-child(2n) .half-grid-left {
    text-align: center;
  }

  .industry-content .half-grid-left img {
    width: 400px;
  }

  .leading-Industries-new-design .delivering-right-solution-wrap .deliver-right-sol {
    width: 50%;
  }

  .leading-Industries-new-design {
    padding: 40px 0;
  }

  .brainspate-subcategories .btn-fill {
    margin: 0 3px 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 20px !important;
  }

  .blog-story .story-top {
    border-bottom: none;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0;
  }

  .blog-wrap {
    margin-bottom: 20px;
  }

  .blog-cta {
    text-align: center;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding: 30px 20px;
  }

  .title-submenu-item.column-3 {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .table-of-content-mobile .table-list ul {
    padding-top: 0 !important;
  }

  .ecommerce-developers-table td {
    vertical-align: middle;
    padding: 5px 10px;
    line-height: normal;
    font-size: 12px !important;
  }

  .ecommerce-developers-table thead th {
    padding: 10px 5px;
    line-height: normal;
    font-size: 12px !important;
  }

  .simplified-setup-process-list {
    text-align: left;
    padding-left: 70px;
    display: block;
  }

  .simplified-setup-process-block .number {
    text-align: center;
    position: absolute;
    left: -70px;
  }

  .simplified-setup-process-block:before {
    content: "";
    z-index: -1;
    border-bottom: none;
    border-left: 2px dotted #0b262a;
    width: 0;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 30px;
    left: -40px;
  }

  .booking-appointment-block {
    flex-direction: column-reverse;
  }

  .booking-appointment-block .booking-appointment-left {
    width: 100%;
  }

  .booking-appointment-block .booking-appointment-right {
    text-align: right;
    width: 100%;
    margin-bottom: 20px;
  }

  .booking-appointment-block .booking-appointment-left .fillbtn {
    text-align: center;
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .booking-appointment-section, .simplified-setup-process, .wooCommerce-expertise, .ecommerce-developers, .eCommerce-dev-solution {
    padding: 40px 0;
  }

  .platforms .platforms-image-text figure {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .platforms .platforms-image-text h3 {
    width: calc(100% - 70px);
    margin-bottom: 0;
    font-size: 18px;
  }

  .specifics-block .specific-content-data h3 {
    font-size: 20px;
  }

  .pricing-tab-list .tab {
    width: 100%;
    min-width: auto;
    padding: 15px 25px;
    font-size: 16px;
  }

  .pricing-offer .offer {
    color: #00a7ad;
    text-align: center;
    background: #ceeded;
    border: .5px solid #00a7ad;
    border-radius: 4px;
    width: fit-content;
    margin: 0 auto;
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
  }

  .pricing-tab-body {
    margin-top: 25px;
  }

  .pricing-plans .title {
    text-align: center;
    margin-bottom: 10px !important;
  }

  .pricing-offer-list {
    justify-content: end;
    gap: 15px;
    margin-bottom: 6px;
    margin-right: 18px;
    display: flex;
  }

  .pricing-offer-list .offer {
    color: #00a7ad;
    background: #ceeded;
    border: .5px solid #00a7ad;
    border-radius: 4px;
    margin: 0;
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
  }

  .pricing-tab-list {
    width: 100%;
    margin-top: 50px;
  }

  .pricing-offer {
    flex: 1;
    position: relative;
  }

  table.category-estimation-table th, table.category-estimation-table td {
    width: auto;
    padding: 5px 10px;
    font-size: 11px;
  }

  table.category-estimation-table th {
    text-align: center;
  }

  .our-tech-stack-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .culture-gallery-wrap, .culture-gallery-wrap:nth-child(2n) {
    flex-direction: column;
    gap: 10px;
  }

  .culture-content, .culture-images-wrap {
    width: 100%;
  }

  .culture-gallery-wrap:first-child {
    padding-top: 0;
  }

  .culture-gallery-wrap {
    padding: 20px 0;
  }

  .culture-images {
    gap: 10px;
  }

  .culture-content h3 {
    margin-bottom: 0;
    font-size: 24px;
  }

  .culture-speaks-title {
    padding-bottom: 10px;
  }

  .culture-images, .culture-gallery-wrap:nth-child(2n) .culture-images {
    justify-content: center;
  }

  .home-banner-section {
    padding: 50px 0 20px;
  }

  .banner-btn {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
  }

  .home-page .fill {
    width: 100%;
  }

  .fill:after {
    vertical-align: middle;
    position: relative;
    top: 0;
    right: -8px;
    transform: translateY(0);
  }

  .fill {
    width: 100%;
    padding: 13px 18px;
  }

  .fill:hover:after {
    right: -10px;
  }

  .home-trusted span {
    padding: 0 0 20px;
  }

  .ecommerce-platforms {
    padding: 50px 0;
  }

  .ecommerce-platforms-slider .ecommerce-platforms-item {
    border: 1px solid #e5edef;
    border-radius: 18px;
    width: 100%;
    margin-bottom: 20px;
    padding: 30px;
  }

  .ecommerce-platforms-slider {
    border: none;
    border-radius: 0;
    flex-wrap: wrap;
    display: flex;
  }

  .ecommerce-platforms-slider .ecommerce-platforms-item:last-child {
    border: 1px solid #e5edef;
    margin-bottom: 0;
  }

  .new-get-free-quote {
    padding: 50px 0;
  }

  .new-get-free-quote .new-get-free-quote-left {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 760px;
    margin-bottom: 15px;
  }

  .new-get-free-quote .new-get-free-quote-left .icon {
    margin-bottom: 30px;
  }

  .new-get-free-quote-right, .new-get-free-quote-right a.fill {
    width: 100%;
  }

  .e-commerce-solutions {
    padding: 40px 0;
  }

  .e-commerce-solutions-left .e-commerce-solutions-left-content {
    text-align: center;
    max-width: 450px;
  }

  .e-commerce-solutions-left .e-commerce-solutions-left-content a.fill {
    display: none;
  }

  .commerce-solutions-item {
    width: 100%;
  }

  .e-commerce-solutions-wrap {
    margin-bottom: 0;
  }

  .e-commerce-solutions-left .e-commerce-solutions-left-content p {
    margin: 0;
  }

  .business-models-wrap {
    border-radius: 18px;
    padding: 30px 15px;
  }

  .business-models-block .icon {
    top: 0;
  }

  .our-latest-work .title-right .fill {
    display: none;
  }

  .why-choose-list .box {
    border-bottom: 1px solid #174046;
    border-left: 1px solid #174046;
    border-right: 1px solid #174046;
    width: 50%;
    padding: 28px 0;
    display: flex;
  }

  .why-choose-list {
    border: none;
    flex-wrap: wrap;
    justify-content: center;
  }

  .why-choose-list .box:last-child {
    border-right: 1px solid #174046;
  }

  .why-choose-list .box:first-child, .why-choose-list .box:nth-child(2) {
    border-top: 1px solid #174046;
  }

  .business-models-block .icon {
    top: 25px;
    left: 20px;
  }

  .business-models-block .business-models-content {
    border-radius: 18px;
    min-height: 275px;
    padding: 8px 30px;
    -webkit-mask: none;
    mask: none;
  }

  .home-trusted .trusted-logo .trusted-by-image {
    width: 50%;
  }

  .new-get-free-quote .new-get-free-quote-left .new-get-free-quote-left-content {
    padding-left: 0;
  }

  .new-get-free-quote-left-content p {
    display: none;
  }

  .expertise-box.most-popular {
    margin-top: 40px;
  }

  .home-banner-section .home-banner-title {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .home-banner-section p {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right .fillbtn a.fill {
    padding: 14px 44px 14px 34px;
  }

  .wp-block-brainspate-brainspate-content-box h2.brainspate_content_box__title {
    padding-bottom: 0;
    font-size: 24px !important;
  }
}

@media (max-width: 575px) {
  .portfolio-banner-section .portfolio-cards .card-image {
    width: 55px;
    height: 55px;
  }

  .portfolio-banner-section .portfolio-cards .card-image img {
    width: 30px;
    height: 30px;
  }

  .info-career {
    padding-top: 40px;
  }

  footer .our-expertise, footer .resources {
    width: 100%;
  }

  .slider-title {
    width: 30%;
  }

  .slider-items {
    width: 70%;
  }

  .react-multiple-carousel__arrow--left {
    left: calc(4% - 30px) !important;
  }

  .react-multiple-carousel__arrow--right {
    right: calc(4% - 30px) !important;
  }

  .banner-sec-logos {
    grid-template-columns: auto auto;
  }

  .sitemap-list {
    grid-template-columns: 1fr;
  }

  .our-services .services-box, .why-choose-us .why-choose-box {
    width: 100%;
  }

  .our-experts .trusted-by, .our-experts-content {
    width: 90%;
  }

  .advantages .advantages-content {
    width: 100%;
  }

  .advantages {
    padding: 40px 0 0;
  }

  .ecommerce-page.management-services .advantages, .ecommerce-page.consulting-service .advantages, .ecommerce-page.headless-commerce .advantages, .eCommerce-solutions-a-to-z {
    padding-bottom: 15px;
  }

  .div-wrap {
    padding: 7px 0;
    width: 100% !important;
  }

  .div-wrap:nth-child(2), .div-wrap:nth-child(5) {
    padding: 7px 0;
  }

  .blog-btns img {
    width: auto;
    height: 26px;
  }

  .ecommerce-strategies .div-wrap {
    width: 100% !important;
  }

  .platforms .platforms-image-text h3 {
    margin-bottom: 0;
  }

  .expertise-box {
    max-width: 100%;
  }

  .expertise-box-author-img {
    width: 100px;
    height: 100px;
  }

  .expertise-box-author-img img {
    width: 84px;
    height: 84px;
  }

  .expertise-box-experience:before {
    height: 45px;
    transform: translate(-50%, -50%)rotate(90deg);
  }

  .expertise-box-experience-years, .expertise-box-experience-project {
    width: 100%;
  }

  .expertise-box-skills li:before {
    top: 5px;
  }

  .expertise-box-author-cont {
    width: 100%;
    max-width: calc(100% - 120px);
  }

  .expertise-box-expert ul li {
    padding: 5px 10px;
  }

  .key-feature-main-inner {
    max-width: 100%;
    padding: 24px 12px;
  }

  .floating-form-wrap {
    flex-wrap: wrap;
  }

  .floating-label {
    margin-bottom: 10px;
  }

  .award-sec-logos-section {
    padding: 40px 0 10px;
  }

  #recaptcha iframe {
    margin-left: -30px;
    transform: scale(.8);
  }

  .form-content {
    padding-bottom: 30px;
  }

  .develop-types {
    padding: 40px 0;
  }

  .steps .step img {
    margin-bottom: 0;
  }

  h3.step-title {
    line-height: 26px !important;
  }

  .culture-speaks-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-us-main {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .sitemap-content {
    padding: 0 0 10px;
  }

  .sitemap-main {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .portfolio-tab-group {
    gap: 10px;
    padding: 5px 0 20px;
  }

  .portfolio-tab-group .btn {
    margin: 0;
  }

  .portfolio-card-top {
    flex-wrap: wrap;
    gap: 5px;
  }

  .portfolio-tab-group .btn {
    margin: 0;
    padding: 7px 15px;
    font-size: 14px;
  }

  .development-box, .solution-box {
    width: 100%;
  }

  .logo-box {
    flex: 0 0 calc(50% - 9px);
  }

  .apparel-eCommerce-integration {
    padding: 40px 0;
  }

  .process-left:before {
    height: 85%;
  }

  .development-box .inner h3 {
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .development-box .inner {
    text-align: center;
  }

  .industry-content .half-grid-left img {
    width: 300px;
  }

  .client-video--bottom-auth h3, .client-video--bottom-auth p {
    font-size: 20px !important;
    line-height: var(--line-spacing-24) !important;
  }

  .our-ambience-main .our-ambience-main-img, .our-ambience-main .our-ambience-main-img:first-child, .our-ambience-main .our-ambience-main-img:nth-child(2) {
    max-width: 100%;
  }

  .pricing-tab-list .tab {
    width: 100%;
    min-width: auto;
    padding: 7px 5px;
    font-size: 12px;
  }

  .pricing-tab-list {
    border-radius: 10px;
    gap: 3px;
    width: auto;
    padding: 5px;
  }

  .center-sub-title {
    text-align: center;
  }

  table.category-estimation-table {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .category-estimation-table-wrap {
    display: grid;
    overflow-x: auto;
  }

  .category-estimation-table-wrap::-webkit-scrollbar-track {
    background-color: #abcecf;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #0000004d;
  }

  .category-estimation-table-wrap::-webkit-scrollbar {
    background-color: #abcecf;
    border-radius: 10px;
    height: 11px;
  }

  .category-estimation-table-wrap::-webkit-scrollbar-thumb {
    background-color: #1f343a;
    border-radius: 10px;
  }

  section.our-tech-stack-section, .category-estimation-section {
    padding: 40px 0;
  }

  .view-packages-section {
    padding-bottom: 40px;
  }

  .view-package-wrap {
    padding: 30px 15px 20px;
  }

  .view-package-wrap .service-btn-section a {
    min-width: 150px;
    padding: 12px 14px;
  }

  .service-btn-section {
    gap: 10px;
  }

  .three-grid .three-grid-box {
    max-width: 50%;
  }

  .three-grid .three-grid-box:nth-child(3n+1), .three-grid .three-grid-box:nth-child(3n+2) {
    border-right: 0;
  }

  .three-grid .three-grid-box:nth-child(odd) {
    border-right: 1px solid #c3dedf;
  }

  .three-grid .three-grid-box:nth-child(4) {
    border-bottom: 1px solid #c3dedf;
  }

  .three-grid .three-grid-box h3 {
    font-size: 18px !important;
  }

  .three-grid .three-grid-box p {
    font-size: 14px;
  }

  .industries-wrap .industries-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .industries-title.main-title {
    text-align: center;
  }
}

@media (max-width: 360px) {
  .pricing-offer .offer {
    font-size: 10px;
  }

  .pricing-plans table {
    width: calc(100% - 2px);
  }

  .pricing-plans table tbody td {
    padding: 5px 4px;
  }

  .pricing-plans table th {
    padding: 10px 3px;
  }

  .pricing-plans table tfoot td .fillbtn a {
    padding: 7px 4px;
  }
}

@media (max-width: 991px) {
  .load-more-btn-cls {
    margin-bottom: 40px;
  }

  .business-modal-main-inner {
    width: 100%;
    max-width: 100%;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-left {
    width: 100%;
    padding-right: 0;
    position: relative;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right {
    width: 100%;
    padding-left: 0;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-left:after {
    display: none;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right .fillbtn {
    margin-top: 25px;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item {
    flex-wrap: wrap;
    margin-bottom: 12px;
    display: flex;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-label {
    width: 100%;
    margin-bottom: 10px;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content {
    margin-left: 0;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul {
    flex-wrap: wrap;
  }

  .banner-certificate-wrap {
    gap: 15px;
  }

  .advanced-headless-commerce-wrap {
    flex-direction: column;
    gap: 20px;
  }

  .wp-block-brainspate-brainspate-badge-box .brainspate_badge_box__content ul.wp-block-list li {
    padding-right: 10px;
  }

  .wp-block-brainspate-brainspate-badge-box {
    padding: 40px 20px 20px;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .industries-wrap .industries-box {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 6px;
  }

  .industries-box .industries-card {
    justify-content: center;
    padding: 20px;
  }

  .portfoilo-content-section p {
    margin-bottom: 0;
    font-size: 14px;
  }

  .solution-box .inner {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .solution-box .description {
    text-align: left;
  }

  ul.portfolio-tag li {
    font-size: 14px;
    line-height: 33px;
  }

  .our-latest-work .fill {
    text-align: center;
    margin: 20px auto 10px;
  }

  .our-latest-work .title-right .fillbtn {
    display: none;
  }

  .author-banner-content .author-content {
    max-width: 100%;
  }

  .author-banner-content .author-img {
    width: 160px;
    height: 160px;
    margin: 0 auto 15px;
  }

  .author-banner-content .author-content .author-name-row {
    justify-content: center;
  }

  .author-banner-content .author-content h1 {
    margin-bottom: 0;
    font-size: var(--font-size-22) !important;
    line-height: var(--line-spacing-30) !important;
  }

  .author-banner-content .author-content .author-experience {
    text-align: center;
    display: block;
  }

  .author-banner-content .author-content .author-experience svg {
    vertical-align: -2px;
    margin: 0 4px 0 0;
    display: inline-block;
  }

  .author-banner-content .author-content .author-position, .author-banner-content .author-content p {
    text-align: center;
    display: block;
  }

  .author-banner-content {
    margin-top: 30px;
    padding: 15px;
  }

  .author-page .author-description {
    margin-bottom: 30px;
  }

  .author-page .author-description-card {
    border-radius: 16px;
    padding: 20px;
  }

  .author-page .author-description-card > h2 {
    font-size: var(--font-size-22);
    line-height: var(--line-spacing-30);
    margin-bottom: 15px;
  }

  .author-page .author-description-content {
    font-size: 15px;
    line-height: 26px;
  }

  .author-page .author-description-content p, .author-page .author-description-content ul, .author-page .author-description-content ol {
    margin-bottom: 18px;
  }

  .author-page .author-description-content h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .author-page .author-description-content h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .banner-tags {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .portfolio-inner-page .sub-title-top, .portfolio-inner-page .sub-title-top h1 {
    margin-bottom: 0;
  }

  .portfoilo-section-display-cls {
    max-width: 100%;
  }

  .light-bg-color.portfolio-inner-page-wrap.mb-0 {
    padding-bottom: 10px;
  }

  .contact-page-section .header-menu .fill {
    padding: 7px 17px;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content {
    padding: 10px;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul li:before {
    margin: 0 5px;
  }

  .tech-stack-expertise-main .tech-stack-expertise-item .tech-stack-expertise-content ul li:first-child:before {
    display: inline-block;
  }

  .featured-logos-wrap {
    gap: 12px;
  }

  .featured-logos-wrap .logo-box {
    flex: auto;
    width: calc(50% - 12px);
  }

  .hire-developer-expertise-wrap {
    box-shadow: none;
    margin: 0 0 60px;
    padding: 15px;
  }

  .hire-expertise-box-experience {
    flex-wrap: wrap;
    gap: 10px;
  }

  .hire-expertise-box-author-img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    padding: 3px;
  }

  .hire-expertise-box-author .hire-expertise-author-content .hire-expertise-box-author-name {
    font-size: 24px;
  }

  .hire-expertise-box-author .hire-expertise-author-content label {
    font-size: 16px;
  }

  .hire-developer-expertise-bottom {
    flex-direction: column;
    gap: 10px;
  }

  .hire-expertise-box-experience {
    margin-bottom: 20px;
  }

  .hire-developer-expertise-wrap .hire-developer-expertise-item .hire-developer-expertise-right {
    padding-top: 20px;
  }

  .hire-expertise-box-experience .hire-developer-expertise-exp .expertise-box-experience-years {
    font-size: 16px;
  }

  .business-modal-main-inner-img {
    height: auto;
  }

  .business-modal-icon-list ul li:nth-last-child(2) .business-modal-icon-list-cont {
    border-bottom: 0;
  }

  .business-modal-icon-list {
    border: 0;
    padding: 0;
  }

  .business-modal-icon-list ul {
    border: 1px solid #d5ebe6;
    border-radius: 18px;
    flex-flow: wrap;
    align-items: stretch;
  }

  .business-modal-icon-list ul li {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 50%;
    margin: 0;
    padding: 16px 14px;
  }

  .business-modal-icon-list ul li .business-modal-icon-list-cont {
    text-align: center;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .business-modal-icon-list ul li {
    border-bottom: 1px solid #d5ebe6;
    border-right: 1px solid #d5ebe6;
  }

  .business-modal-icon-list ul li:nth-child(2), .business-modal-icon-list ul li:nth-child(4) {
    border-right: 0;
  }

  .business-modal-icon-list ul li:nth-child(3), .business-modal-icon-list ul li:last-child {
    border-bottom: 0;
  }

  .banner-certificate-wrap:before, .banner-certificate-wrap:after {
    display: none;
  }

  .banner-certificate-wrap {
    padding-bottom: 10px;
  }

  .advanced-headless-tabs ul {
    max-height: unset;
  }

  .advanced-headless-tabs {
    display: none;
  }

  .advanced-headless-commerce-right {
    flex-direction: column;
  }

  .advanced-headless-commerce-right .advanced-headless-right-info {
    height: auto;
  }

  .advanced-headless-commerce-right .advanced-headless-tab-title {
    border: 1px solid #d3e8e9;
    border-radius: 8px;
    padding: 12px 34px 12px 12px;
    font-size: 16px;
    display: block;
    position: relative;
    line-height: 150% !important;
  }

  .advanced-headless-commerce-right .advanced-headless-tab-title.active-tab {
    background-color: #f8fffd;
  }

  .advanced-headless-commerce-right .advanced-headless-right-info-detail {
    height: auto;
    box-shadow: none;
    border: 1px solid #d3e8e9;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 12px;
  }

  .advanced-headless-commerce-right .advanced-headless-tab-title:after {
    content: "";
    background: url("https://d1zruf9db62p8s.cloudfront.net/public/images/arrow-right-green.svg") no-repeat;
    width: 16px;
    height: 14px;
    transition: all .3s ease-in-out;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(90deg)translate(-50%, -50%);
  }

  .advanced-headless-commerce-right .advanced-headless-tab-title.active-tab:after {
    top: 10px;
    right: 10px;
    transform: rotate(-90deg)translate(-50%, -50%);
  }

  .advanced-headless-commerce-right .advanced-headless-right-info-detail {
    background: none;
  }

  .shopify-experience-two-column {
    grid-template-columns: 1fr;
  }

  .blog-content h3 span {
    margin-right: 10px;
  }

  .blog-faq .block .faq-content {
    padding-top: 10px;
    padding-left: 0;
  }

  .industries-tab-content-wrap {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .industries-tab-content-wrap .industries-tab-content-right {
    width: 100%;
    padding-top: 20px;
    display: none;
  }

  ul.industries-tab-list {
    margin-bottom: 20px !important;
  }

  .industries-slider-item .industries-tab-content-wrap {
    border: 1px solid #dfedee;
    border-radius: 12px;
    padding: 15px;
  }

  .industries-we-serve .title-right {
    display: none;
  }

  .industries-we-serve .main-title {
    padding-bottom: 20px;
  }

  .industries-we-serve .industries-link-bottom {
    margin-top: 20px;
    display: block;
  }

  .industries-we-serve, .tech-stack-expertise, .featured-logos {
    padding: 40px 0;
  }

  .featured-logos h2 {
    margin: 0;
  }

  .home-trusted, .business-modal, .advanced-headless-commerce {
    padding: 40px 0;
  }

  .business-models-block h3 {
    font-size: var(--font-size-24);
    padding-top: 35px;
  }

  .tech-main img {
    max-width: 75px;
  }

  .tech-main span {
    font-size: 14px;
  }

  .developer-expertise .main-title {
    margin-bottom: 0;
  }

  .ecommerce-developers .title h2 {
    margin-bottom: 15px;
  }

  .simplified-setup-process .title {
    margin-bottom: 25px;
  }

  .table-responsive {
    overflow-x: auto;
  }

  .business-modal-main-inner-list-cont {
    font-size: 16px;
  }

  .development-box .inner {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .development-box .inner h3 {
    margin: 0;
  }

  .development-box .inner .description {
    text-align: left;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item {
    text-align: center;
    border-bottom: 1px solid #e2e3e3;
    border-right: 1px solid #e2e3e3;
    flex: 50%;
    padding: 20px 15px;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item span.brainspate_company_stats__label {
    font-size: 16px;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item strong.brainspate_company_stats__value {
    font-size: 24px;
  }

  .wp-block-brainspate-brainspate-badge-box .brainspate_badge_box__content ul.wp-block-list {
    grid-template-columns: 1fr;
  }

  .wp-block-brainspate-brainspate-why-choose.brainspate_why_choose h2.brainspate_why_choose__title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item:after {
    display: none;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item:nth-child(2n) {
    border-right: none;
  }

  ul.brainspate_company_stats__list li.brainspate_company_stats__item:last-child, ul.brainspate_company_stats__list li.brainspate_company_stats__item:nth-last-child(2) {
    border-bottom: none;
  }

  .pricing-plans table tfoot td .fillbtn .fill:after {
    display: none !important;
  }

  .solution-box .inner .solution-box-title {
    text-align: left;
    width: calc(100% - 80px);
    margin: 0;
  }

  .pricing-tab-body tr td:first-child .pricing-package {
    flex-direction: column;
    gap: 3px;
  }

  .top-technology-section {
    padding: 40px 0;
  }

  .technology-block {
    padding: 20px;
  }

  .technology-block h3 {
    width: calc(100% - 100px);
    margin: 0;
  }

  .technology-block {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 20px;
    display: flex;
  }

  .technology-icon img {
    width: 100%;
    height: auto;
  }

  .technology-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
  }

  .why-choose-brainspate-inner .inner {
    padding: 25px;
  }

  .why-choose-brainspate-inner .inner .content {
    padding-top: 10px;
  }

  .hiring-process, .top-technology-section {
    padding: 40px 0;
  }

  button.nav-links.fill {
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff !important;
  }

  .half-grid-right ul {
    padding-left: 0 !important;
  }

  .connect-instantly-main-inner h2 {
    font-size: 22px !important;
  }

  .connect-instantly-list {
    gap: 20px;
    margin-bottom: 10px;
  }

  .blog-sidebar-inner {
    position: relative;
    top: 0;
  }
}

@media (max-width: 991px) {
  .blog-content .companies_comparision_table .wp-block-table table {
    table-layout: auto;
    width: 100%;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead th, .blog-content .companies_comparision_table .wp-block-table table tbody td {
    padding: 10px;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead th {
    font-size: 14px;
    line-height: 22px;
    min-width: 0 !important;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead th:first-child, .blog-content .companies_comparision_table .wp-block-table table thead th:nth-child(3), .blog-content .companies_comparision_table .wp-block-table table thead th:last-child {
    width: 1%;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:nth-child(2) {
    overflow-wrap: anywhere;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:first-child a {
    font-size: 16px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul {
    padding-left: 14px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul li {
    padding: 0 0 6px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul li:last-child {
    padding-bottom: 0;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td li:before {
    width: auto;
    height: auto;
    margin-left: -14px;
    margin-right: 4px;
    font-size: 14px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td label {
    font-size: 14px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child i {
    font-size: 12px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child strong {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .blog-content .companies_comparision_table {
    max-height: 70vh;
    overflow: hidden auto;
  }

  .blog-content .companies_comparision_table .wp-block-table {
    overflow: visible;
  }

  .blog-content .companies_comparision_table .wp-block-table table {
    table-layout: fixed;
    border-radius: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead, .blog-content .companies_comparision_table .wp-block-table table thead th {
    z-index: 10;
    position: sticky;
    top: 0;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead {
    background: #fff;
  }

  .blog-content .companies_comparision_table .wp-block-table table thead th {
    padding: 10px 7px;
    font-size: 12px;
    line-height: 20px;
    width: 25% !important;
    min-width: 0 !important;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 5px;
    font-size: 10px;
    line-height: 13px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:first-child a {
    font-size: 10px;
    line-height: 20px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul {
    padding-left: 10px !important;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul li {
    padding: 0 0 4px;
    font-size: 10px;
    line-height: 13px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td ul li:last-child {
    padding-bottom: 0;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td li:before {
    width: auto;
    height: auto;
    margin-left: -10px;
    margin-right: 3px;
    font-size: 10px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td p {
    margin: 0;
    font-size: 10px;
    line-height: 13px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:nth-child(3), .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child {
    font-size: 10px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td label {
    font-size: 10px;
    line-height: 14px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child i {
    margin-right: 3px;
    font-size: 9px;
  }

  .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child strong, .blog-content .companies_comparision_table .wp-block-table table tbody td:last-child .reviews_count {
    font-size: 10px;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table thead th {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    min-width: auto !important;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:first-child a {
    font-size: 10px;
    font-weight: 600;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing ul li {
    padding: 0 0 0 10px;
    font-size: 10px;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing li:before {
    margin-left: -5px;
    margin-right: 0;
    font-size: 12px;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td label {
    font-size: 10px;
  }

  .blog-content .wp-block-brainspate-brainspate-companies-feature-pricing .wp-block-table tbody td:last-child strong {
    font-size: 10px;
    font-weight: 500;
  }

  .table-list ul li:before {
    top: 8px;
  }
}

@media (max-width: 350px) {
  .blog-content .companies_comparision_table {
    overflow: auto;
  }
}

/*# sourceMappingURL=_22b6f82e._.css.map*/