@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }
abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none; }

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

ol,
ul {
  padding-left: 2rem; }

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

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

dt {
  font-weight: 700; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder;
  color: #1D1D1D; }

small,
.small {
  font-size: 0.875em; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  color: #0d6efd;
  text-decoration: underline; }

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

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

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

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

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word; }

a > code {
  color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem; }

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

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

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

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

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

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

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px; }

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

button,
select {
  text-transform: none; }

[role=button] {
  cursor: pointer; }

select {
  word-wrap: normal; }

[list]::-webkit-calendar-picker-indicator {
  display: none; }

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

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

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

textarea {
  resize: vertical; }

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

input,
textarea,
select {
  border: 1px solid rgba(240, 240, 240, 0.867);
  transition: all ease-in-out 0.3s; }
  input:focus,
  textarea:focus,
  select:focus {
    box-shadow: none;
    outline: none; }

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

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem; } }
legend + * {
  clear: left; }

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

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

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

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

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

output {
  display: inline-block; }

iframe {
  border: 0; }

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

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

.owl-theme .owl-item.loading {
  background-image: url(../images/icon-loading.png); }
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
  .owl-theme .owl-nav .disabled + .owl-dots {
    margin-top: 10px; }
  .owl-theme .owl-nav .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
    .owl-theme .owl-nav .owl-dots .owl-dot {
      display: inline-block;
      zoom: 1;
      *display: inline; }
    .owl-theme .owl-nav .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-nav .owl-dots .owl-dot.active span,
    .owl-theme .owl-nav .owl-dots .owl-dot:hover span {
      background: #869791; }
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.container-full-width {
  padding-right: 15px;
  padding-left: 15px;
  max-width: 100%;
  width: 100%;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 992px) {
    .container-full-width {
      max-width: calc(100% - 90px); } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  max-width: 100%;
  width: 100%; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px; } }
  @media (min-width: 1320px) {
    .container {
      max-width: 1280px; } }
  @media (min-width: 1580px) {
    .container {
      max-width: 1320px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.no-gutters {
  margin-left: 0;
  margin-right: 0; }

.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.w-30,
.w-70 {
  position: relative;
  max-width: 100%;
  flex: 0 0 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

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

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

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

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

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

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

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

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

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

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

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

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

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

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

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

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

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

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

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

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

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

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 1200px) {
  body.full-width-layout .container {
    max-width: 95%; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-center,
.tc {
  text-align: center; }

.text-right,
.tr {
  text-align: right; }

.m-auto {
  margin-left: auto;
  margin-right: auto; }

.m-0 {
  margin: 0; }

.mr-0 {
  margin-right: 0; }

.ml-0 {
  margin-left: 0; }

.tl {
  text-align: left; }

.p-0 {
  padding: 0; }

.pr-0 {
  padding-right: 0; }

.pl-0 {
  padding-left: 0; }

.pb-0 {
  padding-bottom: 0; }

.pt-0 {
  padding-top: 0; }

@media (min-width: 1201px) {
  .hide-on-desktop {
    display: none !important; } }
@media (min-width: 993px) {
  .hide-on-large {
    display: none !important; } }
@media (max-width: 991px) {
  .hide-on-medium {
    display: none !important; } }
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important; } }
@font-face {
  font-family: "IcoFont";
  font-weight: normal;
  font-style: "Regular";
  src: url("../fonts/icofont.woff2") format("woff2"), url("../fonts/icofont.woff") format("woff"); }
[class^="icofont-"],
[class*=" icofont-"] {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

.icofont-facebook:before {
  content: "\ed37"; }

.icofont-whatsapp:before {
  content: "\ed86"; }

.icofont-brand-whatsapp:before {
  content: "\e957"; }

.icofont-youtube:before {
  content: "\ed8b"; }

.icofont-telegram:before {
  content: "\ed75"; }

.icofont-twitter:before {
  content: "\ed7a"; }

.icofont-book-mark:before {
  content: "\eec0"; }

html {
  font-size: 16px; }

body {
  margin: 0;
  line-height: normal;
  color: var(--text-color);
  font-family: var(--title-new);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h6,
h5,
h4,
h3,
h2,
h1,
.h6,
.h5,
.h4,
.h3,
.h2,
.h1 {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.2;
  font-family: var(--secondary-font);
  color: #000; }

p {
  margin-top: 0; }

a,
button {
  transition: all ease-in-out 0.4s; }
  a:focus,
  button:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text,
select,
.woocommerce input[type="text"],
.woocommerce input[type="number"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="url"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce textarea,
.woocommerce .input-text,
.woocommerce select {
  padding: 0.6180469716em;
  background-color: var(--white);
  color: var(--text-color);
  border: 0;
  -webkit-appearance: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 41px;
  font-size: 14px;
  border: 1px solid #d0d0d0;
  max-width: 100%;
  width: 100%; }
  input[type="text"]:focus, input[type="text"]:focus-within,
  input[type="number"]:focus,
  input[type="number"]:focus-within,
  input[type="email"]:focus,
  input[type="email"]:focus-within,
  input[type="tel"]:focus,
  input[type="tel"]:focus-within,
  input[type="url"]:focus,
  input[type="url"]:focus-within,
  input[type="password"]:focus,
  input[type="password"]:focus-within,
  input[type="search"]:focus,
  input[type="search"]:focus-within,
  textarea:focus,
  textarea:focus-within,
  .input-text:focus,
  .input-text:focus-within,
  select:focus,
  select:focus-within,
  .woocommerce input[type="text"]:focus,
  .woocommerce input[type="text"]:focus-within,
  .woocommerce input[type="number"]:focus,
  .woocommerce input[type="number"]:focus-within,
  .woocommerce input[type="email"]:focus,
  .woocommerce input[type="email"]:focus-within,
  .woocommerce input[type="tel"]:focus,
  .woocommerce input[type="tel"]:focus-within,
  .woocommerce input[type="url"]:focus,
  .woocommerce input[type="url"]:focus-within,
  .woocommerce input[type="password"]:focus,
  .woocommerce input[type="password"]:focus-within,
  .woocommerce input[type="search"]:focus,
  .woocommerce input[type="search"]:focus-within,
  .woocommerce textarea:focus,
  .woocommerce textarea:focus-within,
  .woocommerce .input-text:focus,
  .woocommerce .input-text:focus-within,
  .woocommerce select:focus,
  .woocommerce select:focus-within {
    box-shadow: none;
    border: 1px solid #8c8c8c; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  color: #203b7b;
  text-decoration: none;
  transition: all ease-in-out 0.4s; }
  a:hover, a:focus, a:visited {
    outline: none;
    text-decoration: none; }

button {
  border: 1px solid transparent;
  box-shadow: none; }
  button:hover, button:focus {
    outline: none;
    box-shadow: none; }

img {
  max-width: 100%;
  vertical-align: middle; }

.title-container {
  display: block;
  margin-bottom: 20px; }
  .title-container .sub-title {
    color: #767676;
    margin-bottom: 10px;
    display: block; }

/* Section Styles */
.section {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 992px) {
    .section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media (max-width: 991px) {
    .section {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .section.pt-only {
    padding-bottom: 0; }

/* Button Styles */
.button,
a.button, .button-begin {
  position: relative;
  display: inline-block;
  min-width: 170px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  color: var(--white);
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 65px;
  padding-left: 15px;
  padding-right: 35px;
  font-size: 17px;
  font-family: var(--secondary-font);
  font-weight: var(--semi-bold); }
  @media (max-width: 767px) {
    .button,
    a.button, .button-begin {
      height: 40px;
      line-height: 40px;
      font-size: 15px; } }
  .button::after,
  a.button::after, .button-begin::after {
    content: "\e902";
    color: white;
    font-family: "icomoon" !important;
    font-size: 13px;
    position: absolute;
    top: 0%;
    margin-left: 8px;
    transition: all ease-in-out 0.3s; }
  .button:hover,
  a.button:hover, .button-begin:hover {
    background-color: #13A5DB;
    border-color: #13A5DB;
    color: var(--white); }

.button-begin::after {
  content: "" !important; }

.button-trans {
  position: relative;
  display: inline-block;
  min-width: 170px;
  height: 53px;
  line-height: 53px;
  border-radius: 65px;
  text-align: center;
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
  background-color: #ffffff00;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: capitalize;
  font-size: 17px;
  font-family: var(--secondary-font);
  font-weight: var(--semi-bold); }
  @media (max-width: 767px) {
    .button-trans {
      height: 40px;
      line-height: 40px;
      font-size: 15px; } }
  .button-trans:hover {
    border: 1px solid #13A5DB;
    color: #13A5DB; }

.link {
  color: #000;
  position: relative;
  padding-bottom: 6px;
  padding-right: 20px; }
  .link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000; }
  .link:before {
    content: "\e909";
    color: #111111;
    font-family: "icomoon" !important;
    font-size: 13px;
    position: absolute;
    right: 0;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; }
  .link:hover:before {
    right: -3px; }

/* Floating Whatsapp Chat */
.floating-chat {
  position: fixed;
  bottom: 30px;
  right: 15px;
  z-index: 100; }
  .floating-chat a {
    display: block; }
    .floating-chat a svg {
      width: 50px;
      height: 50px; }
  @media (max-width: 991px) {
    .floating-chat {
      bottom: 50px; }
      .floating-chat .is-desktop {
        display: none; } }
  @media (min-width: 992px) {
    .floating-chat .is-mobile {
      display: none; } }

.owl-theme .owl-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px; }
  .owl-theme .owl-dots .owl-dot {
    margin-left: 5px;
    margin-right: 5px; }
    .owl-theme .owl-dots .owl-dot span {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: transparent;
      border: 2px solid var(--black);
      border-radius: 5px; }
    .owl-theme .owl-dots .owl-dot.active span {
      background-color: var(--theme-color);
      border-color: var(--theme-color); }
.owl-theme .owl-nav button span {
  position: relative;
  font-size: 0; }
.owl-theme .owl-nav button.owl-prev, .owl-theme .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  background-color: #F6F6F6;
  width: 59px;
  height: 59px;
  border-radius: 70px; }
  .owl-theme .owl-nav button.owl-prev span, .owl-theme .owl-nav button.owl-next span {
    display: none; }
  .owl-theme .owl-nav button.owl-prev::after, .owl-theme .owl-nav button.owl-next::after {
    font-family: "icomoon" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px; }
.owl-theme .owl-nav button.owl-prev {
  left: -70px; }
  .owl-theme .owl-nav button.owl-prev::after {
    content: "\e901"; }
.owl-theme .owl-nav button.owl-next {
  right: 60px; }
  .owl-theme .owl-nav button.owl-next::after {
    content: "\e902"; }

.m-0 {
  margin: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-100 {
  width: 100%; }

.section-title {
  margin-bottom: 40px; }
  @media (max-width: 991px) {
    .section-title {
      margin-bottom: 20px; } }
  .section-title h2,
  .section-title h3,
  .section-title h4,
  .section-title h5,
  .section-title h6 {
    text-transform: capitalize; }
    @media (max-width: 991px) {
      .section-title h2,
      .section-title h3,
      .section-title h4,
      .section-title h5,
      .section-title h6 {
        margin-bottom: 20px; } }
  .section-title .meta-title {
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 7px;
    position: relative; }
    .section-title .meta-title::after {
      content: "";
      width: 100%;
      height: 2px;
      background-color: #000;
      position: absolute;
      bottom: 0;
      left: 0; }
  .section-title.tc {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto; }
    .section-title.tc .title {
      display: inline-block; }
    .section-title.tc p {
      max-width: 650px;
      text-align: center;
      display: inline-block; }

.m-3 {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }

.p-3 {
  padding-left: 0.375rem;
  padding-right: 0.375rem; }

.button-link {
  color: var(--text-color); }

.no-padding {
  padding-left: 0px;
  padding-right: 0px; }

.content-wrapper {
  opacity: 0;
  transition: opacity 0.5s; }

.list li {
  padding-left: 35px;
  /* space for the icon */
  padding-bottom: 10px;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 0px;
  color: #000000;
  padding-right: 16px; }
  @media (max-width: 991px) {
    .list li {
      font-size: 16px; } }
.list li::before {
  content: "";
  background: url("../images/hire-icon.svg") no-repeat center/cover;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 4px; }

.text-blue {
  font-family: var(--title-new);
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  color: #13A5DB;
  margin-bottom: 20px; }

.heading-text {
  font-size: 32px !important; }
  @media (max-width: 991px) {
    .heading-text {
      font-size: 26px !important;
      line-height: 32px !important; } }

.section-heading {
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 8px; }
  @media (max-width: 991px) {
    .section-heading {
      font-size: 26px;
      line-height: 32px; } }

.no-bg {
  background-color: #fff; }

.jcc {
  justify-content: center !important;
  align-items: center; }

.br {
  border-radius: 12px; }

.wp-tabs .wp-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px; }
  .wp-tabs .wp-tabs-nav li {
    padding-left: 15px;
    padding-right: 15px;
    position: relative; }
    .wp-tabs .wp-tabs-nav li::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 15px;
      background-color: #353535;
      transform: translateY(-50%); }
    .wp-tabs .wp-tabs-nav li span {
      cursor: pointer;
      display: inline-block;
      width: 100%; }
    .wp-tabs .wp-tabs-nav li:nth-last-child(1)::after {
      content: none; }
    .wp-tabs .wp-tabs-nav li.current span, .wp-tabs .wp-tabs-nav li.current a {
      color: var(--active-color); }
    .wp-tabs .wp-tabs-nav li a {
      cursor: pointer; }
      .wp-tabs .wp-tabs-nav li a:hover {
        color: var(--active-color); }
.wp-tabs .wp-tab-wrap .wp-tab-panel {
  display: none; }

.woocommerce-form a {
  color: var(--black); }
.woocommerce-form .status {
  color: var(--warning);
  font-size: 14px; }

.woocommerce-cart-form table.cart th {
  border-bottom: 2px solid #000; }
.woocommerce-cart-form table.cart tr td {
  border-top: 0;
  border-bottom: 1px solid #f1f1f1;
  padding: 1em; }
  .woocommerce-cart-form table.cart tr td.product-name a {
    color: #303339; }
    @media only screen and (max-width: 767px) {
      .woocommerce-cart-form table.cart tr td.product-name a {
        display: inline-block;
        max-width: 63.3333%;
        text-align: left;
        padding-right: 15px; } }
  .woocommerce-cart-form table.cart tr td.product-thumbnail a img {
    width: 125px; }
  .woocommerce-cart-form table.cart tr td.product-quantity .quantity {
    border: 1px solid #e6e6e6;
    width: 120px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto; }
    .woocommerce-cart-form table.cart tr td.product-quantity .quantity button {
      background-color: transparent;
      border: 0;
      padding: 0;
      width: 20px; }
      .woocommerce-cart-form table.cart tr td.product-quantity .quantity button.plus {
        order: 3; }
      .woocommerce-cart-form table.cart tr td.product-quantity .quantity button.minus {
        order: 1; }
    .woocommerce-cart-form table.cart tr td.product-quantity .quantity .input-text {
      order: 2;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: textfield;
      width: 63px;
      padding: 0; }
  .woocommerce-cart-form table.cart tr td.actions .button {
    border: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-radius: 0; }
    .woocommerce-cart-form table.cart tr td.actions .button:enabled {
      background-color: #000;
      color: #fff; }
  .woocommerce-cart-form table.cart tr td.actions .coupon .input-text {
    width: 190px !important;
    background-color: #f2f2f2;
    color: #797979;
    height: 40px;
    border: 0;
    padding: 0 10px; }
  .woocommerce-cart-form table.cart tr td.actions .coupon .button {
    background-color: var(--active-color);
    color: #fff; }
    .woocommerce-cart-form table.cart tr td.actions .coupon .button:hover {
      background-color: #000; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1001; }
  .modal .modal-overlay {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.8s, opacity 0.8s; }
    @media (max-width: 767px) {
      .modal .modal-overlay {
        position: relative; } }
  .modal .modal-wrapper {
    position: absolute;
    z-index: 1003;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 900px;
    transform: translate(-50%, -60%);
    background-color: var(--white);
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35); }
    @media (max-width: 567px) {
      .modal .modal-wrapper {
        width: 90%; }
        .modal .modal-wrapper .modal-body {
          max-height: 75vh;
          overflow: auto; } }
  .modal .modal-header,
  .modal .modal-content {
    padding: 1em; }
  .modal .modal-header {
    position: relative;
    background-color: transparent; }
    .modal .modal-header .title {
      font-size: var(--h5);
      font-weight: var(--semi-bold);
      font-family: var(--secondary-font); }
  .modal .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: var(--text-color);
    background: none;
    border: 0; }
  .modal .modal-transition {
    transition: all 0.4s 0.12s;
    opacity: 0; }
  .modal.is-visible {
    visibility: visible; }
    .modal.is-visible .modal-transition {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 1; }
    .modal.is-visible .modal-overlay {
      cursor: pointer;
      opacity: 1;
      visibility: visible;
      transition-delay: 0.4s; }
  .modal.promo-modal .modal-wrapper {
    max-width: 600px; }
    .modal.promo-modal .modal-wrapper .modal-content .promotion {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .modal.promo-modal .modal-wrapper .modal-content .label {
      margin-bottom: 8px; }
    .modal.promo-modal .modal-wrapper .modal-content .field {
      margin-bottom: 15px; }
    .modal.promo-modal .modal-wrapper .modal-content .coupon-info {
      padding: 3rem;
      width: 100%; }
      .modal.promo-modal .modal-wrapper .modal-content .coupon-info .coupon-code-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px; }
        .modal.promo-modal .modal-wrapper .modal-content .coupon-info .coupon-code-wrap input[type=text] {
          border: none;
          border-bottom: 1px solid #949494;
          padding: 0 1rem 0.15rem 0;
          width: auto;
          border-radius: 0;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          max-width: 267px;
          letter-spacing: .6px;
          color: #000;
          pointer-events: none; }
        .modal.promo-modal .modal-wrapper .modal-content .coupon-info .coupon-code-wrap .copy-button {
          padding-left: 10px;
          padding-right: 10px;
          height: 41px;
          min-width: 100px;
          background: #000;
          color: #fff;
          font-size: 14px;
          letter-spacing: .6px;
          text-transform: uppercase; }
        .modal.promo-modal .modal-wrapper .modal-content .coupon-info .coupon-code-wrap .notice {
          color: #767676;
          margin-top: 30px;
          display: inline-block;
          font-size: .85714em;
          letter-spacing: .0086rem;
          max-width: 75%;
          margin-left: auto;
          margin-right: auto; }
  .modal.promo-modal.newsletter .modal-header,
  .modal.promo-modal.newsletter .modal-content {
    padding: 0; }
  .modal.promo-modal.newsletter .modal-wrapper {
    max-width: 900px; }
    .modal.promo-modal.newsletter .modal-wrapper .popup-image {
      padding-left: 0; }
    .modal.promo-modal.newsletter .modal-wrapper .popup-text-content {
      padding-right: 40px; }
      .modal.promo-modal.newsletter .modal-wrapper .popup-text-content .button {
        background-color: var(--theme-color);
        border-color: var(--white);
        color: var(--white); }
  .modal.registration .modal-wrapper {
    max-width: 800px; }
    .modal.registration .modal-wrapper .popup-image {
      background-size: cover;
      background-position: center center;
      min-height: 350px; }
    .modal.registration .modal-wrapper .modal-content {
      min-height: 460px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
    .modal.registration .modal-wrapper .login-form-wrap {
      width: 100%; }
      .modal.registration .modal-wrapper .login-form-wrap .btn {
        color: var(--theme-color); }
        .modal.registration .modal-wrapper .login-form-wrap .btn i {
          font-size: 14px; }
  .modal.registration .modal-header {
    padding: 0; }
  .modal.registration .social-login {
    display: flex;
    flex-wrap: wrap;
    width: 150px; }
    .modal.registration .social-login li {
      padding-right: 15px; }
    .modal.registration .social-login a {
      color: var(--black); }
  .modal.registration .login-form-wrap form.register {
    border: 0;
    padding: 0;
    margin-bottom: 0; }
    .modal.registration .login-form-wrap form.register .woocommerce-Button {
      background-color: var(--theme-color);
      border-color: var(--theme-color);
      color: var(--white); }
    .modal.registration .login-form-wrap form.register .woocommerce-privacy-policy-text p {
      font-size: 13px; }
  .modal.registration .social-media-login {
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .modal.registration .social-media-login h6 {
      display: inline-block;
      margin-bottom: 0;
      padding-right: 20px; }
  .modal.registration .action-btns a {
    color: var(--theme-color); }
  .modal .login-form {
    display: none;
    padding: 30px 0; }
    .modal .login-form .woocommerce-form.login {
      padding: 0;
      margin: 0;
      border: 0; }
      .modal .login-form .woocommerce-form.login .woocommerce-button {
        background-color: var(--theme-color);
        border-color: var(--theme-color);
        color: var(--white); }
      .modal .login-form .woocommerce-form.login .form-row {
        width: 100%; }
      .modal .login-form .woocommerce-form.login .lost_password {
        display: none; }
      .modal .login-form .woocommerce-form.login .clear {
        display: none; }
    .modal .login-form .forgot-password-btn {
      margin-bottom: 29px; }
      .modal .login-form .forgot-password-btn a {
        color: var(--theme-color); }
  .modal .forgot-password-form {
    display: none; }
    .modal .forgot-password-form .btn {
      color: var(--theme-color);
      margin-top: 10px;
      display: inline-block; }
    .modal .forgot-password-form .woocommerce-ResetPassword {
      padding-top: 40px; }
      .modal .forgot-password-form .woocommerce-ResetPassword .form-row {
        width: 100%; }
        .modal .forgot-password-form .woocommerce-ResetPassword .form-row .woocommerce-Button {
          background-color: var(--theme-color);
          border-color: var(--theme-color);
          color: var(--white); }

.modal.login-modal .modal-wrapper {
  max-width: 1170px; }
  .modal.login-modal .modal-wrapper .modal-content,
  .modal.login-modal .modal-wrapper .modal-header {
    padding: 3em; }
.modal.login-modal .u-columns {
  display: flex;
  flex-wrap: wrap; }
.modal.login-modal .u-column1,
.modal.login-modal .u-column2 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px; }
  @media (max-width: 767px) {
    .modal.login-modal .u-column1,
    .modal.login-modal .u-column2 {
      width: 100%;
      padding: 0; } }

.popup-disabled {
  display: none; }

.search-modal .modal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .search-modal .modal-header h4 {
    margin-bottom: 0; }

.loadingBox,
.modalsCenter {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.modalOverly {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7); }

.searchact .modalOverly {
  z-index: 45; }

.loadingBox {
  display: none;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  z-index: 1050; }

.loadingBox .at {
  font-size: 40px;
  opacity: 0.7; }

.loading .loadingBox {
  display: block;
  position: fixed; }

.loading .modalOverly,
.showOverly .modalOverly {
  display: block; }

.hideOverly .modalOverly {
  display: none; }

.mfpbox {
  margin: 0 auto;
  padding: 20px;
  max-width: 800px;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); }

.mfpbox .mfp-close {
  right: 10px;
  opacity: 1;
  top: 10px;
  color: #333333;
  line-height: 30px;
  height: 30px;
  width: 30px; }

#LoginModal.modal {
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(0, 0); }

#LoginModal .last-child {
  margin-bottom: 0; }

#HideRecoverPasswordLink,
#RecoverPassword {
  border-bottom: 1px solid; }

.no-csstransforms .modal__centered {
  top: 20%; }

.login-modal .woocommerce-form {
  border: 0;
  padding: 0;
  margin-top: 10px; }
  .login-modal .woocommerce-form .form-row {
    padding: 3px;
    margin: 0 0 15px;
    width: 100%; }
    .login-modal .woocommerce-form .form-row:before, .login-modal .woocommerce-form .form-row:after {
      content: " ";
      display: table; }
    .login-modal .woocommerce-form .form-row:after {
      clear: both; }
    .login-modal .woocommerce-form .form-row .woocommerce-form-login__submit,
    .login-modal .woocommerce-form .form-row .register-btn {
      float: left;
      margin-right: 1em;
      margin: 15px 0;
      display: inline-block;
      min-width: 170px;
      height: 50px;
      line-height: 48px;
      text-align: center;
      color: var(--white);
      border: 1px solid var(--theme-color);
      background-color: var(--theme-color);
      padding-top: 0;
      padding-bottom: 0; }
    .login-modal .woocommerce-form .form-row .woocommerce-form-login__rememberme {
      display: inline-block; }
    .login-modal .woocommerce-form .form-row label {
      line-height: 2; }
    .login-modal .woocommerce-form .form-row label.woocommerce-form__label {
      margin-top: 10px; }
.login-modal .custom-checkbox {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .login-modal .custom-checkbox [type="checkbox"]::before {
    position: absolute;
    content: "";
    display: block;
    top: 2px;
    left: 7px;
    width: 8px;
    height: 14px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0; }
  .login-modal .custom-checkbox input[type="checkbox"]:checked::before {
    opacity: 1; }

/* Bread crumbs*/
.breadcrumb-wrap {
  padding: 30px 0; }
  .breadcrumb-wrap .breadcrumbs,
  .breadcrumb-wrap .woocommerce-breadcrumb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .breadcrumb-wrap .breadcrumbs li,
    .breadcrumb-wrap .woocommerce-breadcrumb li {
      display: inline-block;
      margin-right: 8px;
      font-weight: var(--medium);
      font-size: 12px; }
      .breadcrumb-wrap .breadcrumbs li a,
      .breadcrumb-wrap .woocommerce-breadcrumb li a {
        color: var(--active-color); }
        .breadcrumb-wrap .breadcrumbs li a:hover,
        .breadcrumb-wrap .woocommerce-breadcrumb li a:hover {
          color: var(--active-color); }
    .breadcrumb-wrap .breadcrumbs i,
    .breadcrumb-wrap .woocommerce-breadcrumb i {
      font-size: 10px;
      margin-left: 5px;
      margin-right: 5px;
      position: relative;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
    .breadcrumb-wrap .breadcrumbs .breadcrumb-sep,
    .breadcrumb-wrap .woocommerce-breadcrumb .breadcrumb-sep {
      font-size: 0; }
      .breadcrumb-wrap .breadcrumbs .breadcrumb-sep::after,
      .breadcrumb-wrap .woocommerce-breadcrumb .breadcrumb-sep::after {
        content: "\e64b";
        font-family: 'themify'; }
    .breadcrumb-wrap .breadcrumbs a,
    .breadcrumb-wrap .woocommerce-breadcrumb a {
      color: var(--active-color); }
    .breadcrumb-wrap .breadcrumbs span,
    .breadcrumb-wrap .woocommerce-breadcrumb span {
      color: #222; }

.breadcrumb-container {
  width: 100%;
  padding: 20px 0px; }
  .breadcrumb-container .breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .breadcrumb-container .breadcrumb li {
      font-size: 14px;
      margin: 0;
      display: flex;
      align-items: center;
      padding-right: 25px;
      z-index: 1; }
      .breadcrumb-container .breadcrumb li a {
        display: inline-block;
        color: var(--black);
        text-decoration: none;
        position: relative; }
        .breadcrumb-container .breadcrumb li a:hover {
          color: #009EDB; }
        .breadcrumb-container .breadcrumb li a::after {
          position: absolute;
          content: "\f105";
          font: normal normal normal 14px / 1 FontAwesome;
          font-size: 12px;
          width: 7px;
          height: 7px;
          padding: 0 10px;
          top: 3px; }
  .breadcrumb-container.bg-body .breadcrumb li a {
    color: var(--white); }
  .breadcrumb-container.bg-body .breadcrumb li span {
    color: #fff; }

/* Header */
.pane-overlay {
  position: fixed;
  z-index: 1;
  inset: 0px;
  display: flex;
  flex-flow: column nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.4s;
  cursor: pointer; }
  .pane-overlay .pane-inner {
    position: relative;
    display: flex;
    min-height: 40vh;
    background-color: #f8f8f8;
    scrollbar-width: none;
    transition: all ease-in-out 0.6s;
    transform: translateY(-100%);
    height: 0; }
  .pane-overlay.is-active {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    z-index: 1001; }
    .pane-overlay.is-active .pane-inner {
      height: auto;
      opacity: 1;
      -webkit-transform: translateY(0%);
      transform: translateY(0%); }
  .pane-overlay .scrollbar {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden auto;
    padding: 90px 25px 110px;
    justify-content: center;
    scrollbar-width: none;
    cursor: default; }
  .pane-overlay .site-logo {
    margin-top: 0;
    margin-bottom: 40px; }
  .pane-overlay .site-logo img {
    max-width: 150px;
    height: auto; }
  .pane-overlay .close-search {
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    outline: currentcolor none medium;
    cursor: pointer;
    position: fixed;
    top: 40px;
    transition: background-color 0.3s ease 0s;
    right: 5vw; }

.product-search-form .product-search-area {
  position: relative;
  max-width: 100%; }
  .product-search-form .product-search-area .woocommerce-product-search .search-field {
    border-radius: 4px;
    border-color: transparent; }
    .product-search-form .product-search-area .woocommerce-product-search .search-field::-webkit-input-placeholder {
      /* Edge */
      opacity: 1;
      font-weight: var(--light); }
    .product-search-form .product-search-area .woocommerce-product-search .search-field:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      opacity: 1;
      font-weight: var(--light); }
    .product-search-form .product-search-area .woocommerce-product-search .search-field::placeholder {
      opacity: 1;
      font-weight: var(--light); }
  .product-search-form .product-search-area .woocommerce-product-search button[type="submit"] {
    position: absolute;
    right: 0;
    background: transparent;
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    text-align: center;
    height: 100%;
    background-image: url(../images/search-icon.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: var(--header-topbar-bg);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.page-header {
  background-color: #fff;
  padding: 0;
  position: relative;
  z-index: 1000;
  opacity: 0; }
  .page-header .ti-search {
    font-weight: var(--bold); }
  .page-header .hdr_wrap .desktop-menu-container {
    transition: all 0.3s ease-in-out; }
  .page-header .hdr_wrap:not(.sticky_hdr) {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all 0.3s ease-in-out; }
  .page-header .site-logo {
    display: block;
    text-align: left; }
    .page-header .site-logo img {
      width: auto;
      max-height: var(--logo-height); }
    .page-header .site-logo h1 {
      margin-bottom: 0; }
  .page-header .desktop-menu-container {
    background-color: var(--menubar-background); }
    .page-header .desktop-menu-container .site-logo {
      padding-top: 6px;
      padding-bottom: 6px; }
    .page-header .desktop-menu-container ul li {
      display: inline-block; }
      .page-header .desktop-menu-container ul li a {
        display: inline-block;
        color: var(--text-color); }
        .page-header .desktop-menu-container ul li a:hover {
          color: var(--active-color); }
  .page-header .top-bar {
    border-bottom: 1px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px; }
    @media (max-width: 1199px) {
      .page-header .top-bar {
        display: none; } }
    .page-header .top-bar .welcome-text {
      margin: 0; }
    .page-header .top-bar .support-option {
      text-align: right; }
      .page-header .top-bar .support-option ul li {
        display: inline-block;
        margin-left: 10px; }
        .page-header .top-bar .support-option ul li a i {
          display: inline-block;
          text-align: center;
          color: #333;
          margin-right: 4px; }
    .page-header .top-bar p {
      font-size: 14px;
      font-weight: var(--medium);
      color: #333; }
    .page-header .top-bar a {
      font-size: 14px;
      font-weight: var(--medium);
      color: #333; }
  .page-header ul.menu > li > a {
    position: relative; }
    .page-header ul.menu > li > a::before {
      content: "";
      position: absolute;
      left: 50%;
      width: 0%;
      height: 1px;
      bottom: 0;
      background-color: var(--theme-color);
      transition: all ease-in-out 0.3s;
      transform: translateX(-50%); }
    .page-header ul.menu > li > a:hover::before {
      width: 40px; }
  .page-header ul.menu li a {
    color: var(--menu-color);
    font-family: var(--secondary-font);
    padding: 23px 30px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase; }
    @media (max-width: 1487px) {
      .page-header ul.menu li a {
        font-size: 14px; } }
    @media (min-width: 1251px) and (max-width: 1487px) {
      .page-header ul.menu li a {
        padding: 23px !important; } }
    @media (min-width: 1200px) and (max-width: 1250px) {
      .page-header ul.menu li a {
        padding: 23px 12px !important; } }
    @media (min-width: 1488px) and (max-width: 1541px) {
      .page-header ul.menu li a {
        padding: 33px 27px !important; } }
  @media (min-width: 1200px) and (max-width: 1487px) {
    .page-header ul.menu li ul li a {
      padding: 5px 0px !important; } }
  @media (min-width: 1488px) and (max-width: 1541px) {
    .page-header ul.menu li ul li a {
      padding: 5px 0px !important; } }
  .page-header ul.menu li.current-menu-item a, .page-header ul.menu li:hover a {
    color: var(--menu-active-color); }
  @media (min-width: 1200px) and (max-width: 1487px) {
    .page-header .menu-container .col-lg-8 {
      padding: 0px !important; } }
  .page-header .desktop-menu-container {
    display: none; }
  @media (max-width: 1199px) {
    .page-header .hdr_wrap {
      display: none; } }
  .page-header .mobile-menu-holder {
    display: none; }
  .page-header .menubar.region-menu {
    min-height: 70px;
    padding: 10px 0; }
    .page-header .menubar.region-menu .email-text {
      font-size: 18px;
      color: #009EDB;
      display: flex;
      justify-content: flex-end;
      font-weight: var(--medium); }
      .page-header .menubar.region-menu .email-text:hover {
        color: var(--theme-color); }
  @media (min-width: 1200px) {
    .page-header .desktop-menu-container {
      display: block;
      position: relative; }
      .page-header .desktop-menu-container .menubar {
        background-color: var(--menubar-background);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
      .page-header .desktop-menu-container .contact-btn {
        background: linear-gradient(90deg, #02BBFD, #1186B2);
        border-radius: 61px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-family: var(--title-new);
        text-transform: capitalize;
        padding: 0 18px;
        height: 41px;
        text-align: center;
        min-width: 183px;
        width: auto;
        font-weight: 600;
        font-size: 15px; } }
    @media (min-width: 1200px) and (min-width: 1200px) and (max-width: 1487px) {
      .page-header .desktop-menu-container .contact-btn {
        min-width: 160px;
        font-size: 12px; } }
  @media (min-width: 1200px) {
        .page-header .desktop-menu-container .contact-btn::before {
          content: "";
          position: absolute;
          inset: 0;
          padding: 1.52px;
          border-radius: 61px;
          background: linear-gradient(90deg, #13A5DB, #0095CC);
          -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          -webkit-mask-composite: xor;
          mask-composite: exclude; }
        .page-header .desktop-menu-container .contact-btn:hover {
          background: var(--accent-color);
          -webkit-background-clip: initial;
          -webkit-text-fill-color: #fff;
          color: #fff;
          border-radius: 61px; }
        .page-header .desktop-menu-container .contact-btn:hover::before {
          background: var(--accent-color);
          border-radius: 61px; }
      .page-header .desktop-menu-container .menu-wrapper {
        text-align: center;
        position: unset; }
      .page-header .desktop-menu-container .menu-main-menu-container .menu li {
        position: relative; } }
    @media (min-width: 1200px) and (min-width: 1199px) {
      .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children {
        /* -------------- First level  ------- */ }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children a:after {
          content: "\e900";
          font-family: "icomoon" !important;
          font-size: 13px;
          margin-left: 8px;
          margin-top: 0;
          position: absolute;
          right: 6px;
          top: 50%;
          transform: translateY(-50%); }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children .sub-menu {
          background-color: var(--white);
          transition: all 0.2s ease-out;
          padding: 15px;
          left: 0;
          min-width: 188px;
          width: auto;
          display: none; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children .sub-menu li {
            position: relative; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children .sub-menu a:after {
            transform: rotate(90deg);
            display: none; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children .sub-menu .sub-menu {
            right: auto;
            left: -100%;
            top: -100%;
            opacity: 0;
            visibility: hidden; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu {
          position: absolute;
          visibility: hidden;
          opacity: 0;
          top: 100%;
          padding: 25px 20px;
          min-width: 200px;
          max-width: 270px;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          text-align: left;
          background-color: var(--white);
          border-top: none;
          transition: all 0.3s ease-in-out;
          box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.1); }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu:before {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 0;
            background-color: #1c1b1b;
            width: 100%;
            height: 2px;
            transform: scale(0, 1);
            transform-origin: left center;
            transition: transform 0.3s; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu li {
            position: relative;
            display: block;
            margin-bottom: 12px;
            width: 100%;
            line-height: 1.5;
            text-align: left;
            transition: all 0.2s ease-in-out; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu li a {
              display: block;
              width: 100%;
              text-align: inherit;
              padding-left: 0px;
              padding-right: 0px;
              color: #000;
              font-size: 14px;
              letter-spacing: 0.8px;
              font-weight: normal;
              text-transform: none;
              font-size: 1rem;
              line-height: 1.25rem;
              text-transform: capitalize; }
              .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu li a:hover {
                color: #777777; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu a {
            width: 100%;
            font-size: 13px;
            padding: 5px 0;
            color: var(--menu-color); }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children > .sub-menu a:hover {
              background: var(--white); }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.submenu-active > .sub-menu, .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children:hover > .sub-menu {
          display: flex;
          flex-wrap: wrap;
          visibility: visible;
          opacity: 1;
          transition-delay: 0.15s; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.submenu-active > .sub-menu::before, .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children:hover > .sub-menu::before {
            transform: scale(1, 1); }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.submenu-active > .sub-menu li.focus, .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.submenu-active > .sub-menu:hover, .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children:hover > .sub-menu li.focus, .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children:hover > .sub-menu:hover {
            background-color: var(--white) !important; } }
  @media (min-width: 1200px) {
        .page-header .desktop-menu-container .menu-main-menu-container .menu li:hover .sub-menu {
          display: block;
          visibility: visible;
          opacity: 1;
          transition-delay: 0.15s;
          background-color: #fff !important; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li:hover .sub-menu li.focus, .page-header .desktop-menu-container .menu-main-menu-container .menu li:hover .sub-menu:hover {
            background-color: var(--white) !important; }
      .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu {
        position: unset;
        /* 1st level */ }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu > .sub-menu {
          max-width: 100%;
          width: 100%;
          border-top: 3px solid var(--theme-color); }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu > .sub-menu > li > a {
            text-transform: uppercase;
            font-size: 15px;
            width: 100%;
            padding-left: 0; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.one-column > .sub-menu > li {
          width: 100%;
          float: left; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.one-column > .sub-menu > li.four-column > ul.sub-menu > li {
            width: 25% !important;
            float: left !important; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.two-column > .sub-menu > li {
          width: 50%;
          float: left; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.two-column > .sub-menu > li.two-column {
            width: 50%;
            float: left; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.two-column > .sub-menu > li.three-column > ul.sub-menu > li {
            width: 33.333% !important;
            float: left !important;
            padding: 0 10px; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.two-column > .sub-menu > li.three-column > ul.sub-menu > li > a {
              color: var(--theme-color); }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.two-column > .sub-menu > li.four-column > ul.sub-menu > li {
            width: 25% !important;
            float: left !important; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.three-column > .sub-menu > li {
          width: 33.333% !important;
          float: left; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.four-column > .sub-menu > li {
          width: 25% !important;
          float: left; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.five-column > .sub-menu > li {
          width: 19% !important;
          float: left; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.six-column > .sub-menu > li {
          width: 16.666667% !important;
          float: left; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li {
          padding: 0 10px;
          /* second level */ }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li > a {
            border-bottom: 1px solid #ddd;
            background-color: transparent !important; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li ul.sub-menu {
            display: inline-block;
            padding: 0 !important;
            padding-top: 15px !important;
            width: 100%;
            position: static;
            opacity: 1;
            visibility: visible;
            box-shadow: none; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li ul.sub-menu::before {
              content: none; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li ul.sub-menu li {
              display: inline-block;
              float: none !important;
              width: 100% !important;
              background-color: transparent !important;
              margin-bottom: 7px; }
              .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li ul.sub-menu li a {
                opacity: 0.8;
                font-size: 0.85rem;
                font-weight: var(--regular);
                padding: 0;
                width: 100% !important;
                background-color: transparent !important; }
              .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column > ul.sub-menu > li ul.sub-menu li > ul.sub-menu a {
                font-size: 13px;
                padding: 8px; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column.two-column-child ul.sub-menu > li ul.sub-menu {
          display: flex;
          flex-wrap: wrap; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column.two-column-child ul.sub-menu > li ul.sub-menu li {
            width: 50% !important; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu.has-column.two-column-child ul.sub-menu > li ul.sub-menu li a {
              border-bottom: 0; }
        .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu li.image-column {
          padding-right: 0;
          position: relative; }
          .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu li.image-column a {
            font-size: 0 !important;
            border-bottom: 0 !important;
            padding: 5px; }
            .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children.active-mega-menu li.image-column a img {
              width: 100%; } }
  @media (max-width: 1199px) {
    .page-header .mobile-menu-holder {
      display: flex;
      flex-wrap: wrap;
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
      .page-header .mobile-menu-holder .mobile-logo {
        max-width: 100%;
        width: 100%;
        height: auto;
        line-height: normal;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; }
        .page-header .mobile-menu-holder .mobile-logo img {
          height: auto;
          width: auto;
          max-width: 190px; }
        .page-header .mobile-menu-holder .mobile-logo .nav-mobile-actions {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
        .page-header .mobile-menu-holder .mobile-logo .woocommerce-tools {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
        .page-header .mobile-menu-holder .mobile-logo h1 {
          margin-bottom: 0; }
      .page-header .mobile-menu-holder .menu-mobile-menu-container ul li {
        display: inline-block;
        margin-bottom: 8px;
        width: 100%; } }
  @media (max-width: 567px) {
    .page-header .mobile-menu-holder .mobile-logo h1 {
      width: auto;
      margin-bottom: 0rem;
      padding-bottom: 10px;
      text-align: center; } }
  .page-header .mobile-menu-holder .mobile-logo .logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .page-header .mobile-menu-holder .mobile-logo .logo .burger {
      float: left;
      right: 10px; }
      .page-header .mobile-menu-holder .mobile-logo .logo .burger span {
        left: 0;
        right: auto; }
  .page-header .mobile-menu-holder .menu-mobile-menu-container ul li {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%; }
    .page-header .mobile-menu-holder .menu-mobile-menu-container ul li a {
      padding: 5px 10px;
      width: 100%; }

.page-header .desktop-menu-container.sticky_hdr {
  position: fixed;
  top: 0;
  z-index: 666;
  width: 100%;
  left: 0; }
@media (max-width: 1199px) {
  .page-header {
    position: fixed;
    top: 0;
    z-index: 666;
    width: 100%;
    left: 0; } }

.menu-container {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .menu-container .contact-wrap {
    display: flex;
    gap: 8px; }

.notification-wishlist {
  position: fixed;
  z-index: 10002;
  width: 300px;
  top: 75px;
  left: 0;
  padding: 15px;
  background-color: var(--white);
  transform: translateX(-330px);
  transition: all ease-out 0.4s;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); }
  .notification-wishlist .details-container {
    display: flex;
    flex-wrap: wrap; }
    .notification-wishlist .details-container i {
      font-size: 25px;
      margin-right: 5px;
      position: absolute;
      top: -8px;
      right: -13px;
      padding: 10px;
      border-radius: 30px;
      color: var(--white);
      background-color: #ffc526; }
    .notification-wishlist .details-container .details {
      padding-right: 25px;
      font-size: 13px;
      color: var(--text-color); }
      .notification-wishlist .details-container .details .emphasis {
        font-weight: var(--semi-bold); }
  .notification-wishlist.showing {
    transform: translateX(0px); }

@-webkit-keyframes animation-top-bottom {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  to {
    opacity: 1;
    transform: translate(0); } }
@keyframes animation-top-bottom {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  to {
    opacity: 1;
    transform: translate(0); } }
@-webkit-keyframes animation-bottom-top {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes animation-bottom-top {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-3px, 0, 0); }
  40%,
  60% {
    transform: translate3d(3px, 0, 0); } }
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-3px, 0, 0); }
  40%,
  60% {
    transform: translate3d(3px, 0, 0); } }
@-webkit-keyframes move {
  0% {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@keyframes move {
  0% {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@-webkit-keyframes mmfadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.sub-page-banner {
  padding-top: 65px;
  padding-bottom: 45px; }

a.nav-link:after {
  content: "\f107";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%); }

.has-mega-menu.menu-item .mega-menu {
  background-color: #f5f7f9;
  border-bottom: 1px solid #dde1e6;
  left: 0;
  padding: 22px;
  position: absolute;
  transition: all 2s ease-in-out;
  width: 100%;
  z-index: 9; }
  .has-mega-menu.menu-item .mega-menu .mega-menu-title {
    flex: 0 0 24%;
    max-width: 24%;
    text-align: center; }
  .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul {
    display: flex; }
    .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li {
      flex: 0 0 20%;
      margin: 22px 0;
      max-width: 20%;
      padding-right: 50px; }
      .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li a {
        align-items: center;
        column-gap: 12px;
        display: flex;
        min-height: 40px;
        padding: 0px;
        font-size: 18px;
        font-weight: var(--bold);
        line-height: 24px;
        margin-bottom: 12px;
        position: relative;
        transition: all .2s ease-in-out; }
        .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li a::after {
          background-color: #000;
          bottom: -2px;
          content: "";
          height: 1px;
          left: 0;
          position: absolute;
          transition: all .2s ease-in-out;
          width: 0; }
        .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li a:hover::after {
          width: 100%; }
        .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li a img {
          max-width: 150px; }
      .has-mega-menu.menu-item .mega-menu .mega-menu-wrapper ul li p {
        font-size: 15px; }
.has-mega-menu:hover .mega-menu {
  display: flex;
  align-items: center;
  border-top: 2px solid #dde1e6;
  text-align: left;
  transform: translateY(0); }

ul.menu .mega-menu {
  display: none; }

.mega-menu {
  /* STYLING SCROLLBAR */
  /* TO STYLE THE SCROLLBAR TRACK */
  /* TO STYLE THE SCROLLBAR THUMB */ }
  .mega-menu ::-webkit-scrollbar {
    width: 1vw;
    /* THIS WILL RESET THE DEFAULT SCORLLBAR STYLING */ }
  .mega-menu ::-webkit-scrollbar-track {
    background-color: #f5f7f9;
    /* THIS WILL SET THE COLOR OF THE SCROLLBAR TRACK */ }
  .mega-menu ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 0.3vw solid #f5f7f9;
    border-radius: 5vw; }

@media (min-width: 1200px) and (max-width: 1487px) {
  .menu-main-menu ul.sub-menu li a {
    padding: 6px !important;
    font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1250px) {
  .page-header .desktop-menu-container .menu-main-menu-container .menu li.menu-item-has-children a:after {
    right: -2px !important; } }
.burger {
  position: relative;
  width: 40px;
  height: 30px;
  cursor: pointer;
  border: 5px solid transparent;
  float: right; }
  .burger span {
    width: 100%;
    height: 2px;
    background-color: #0f0f0f;
    display: block;
    position: absolute;
    right: 0;
    transition: all ease-in-out 0.3s; }
    .burger span.h-top {
      top: 0; }
    .burger span.h-bottom {
      bottom: 0;
      width: 27px; }
    .burger span.h-middle {
      top: 50%;
      margin-top: -1px;
      width: 25px; }
  .burger.clicked span {
    width: 100%; }
    .burger.clicked span.h-top {
      transform: rotate(45deg);
      top: 50%;
      margin-top: -1px; }
    .burger.clicked span.h-middle {
      transform: translateX(-30px);
      opacity: 0; }
    .burger.clicked span.h-bottom {
      transform: rotate(-45deg);
      bottom: 50%;
      margin-bottom: -1px; }

.side-menu {
  background-color: var(--white);
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 470px;
  width: 100%;
  overflow-y: auto;
  z-index: 1003;
  transform: translateX(100%);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media (max-width: 991px) {
    .side-menu {
      padding-bottom: 65px; } }
  @media (max-width: 767px) {
    .side-menu {
      max-width: 85%; } }
  .side-menu .side-meu-header {
    color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 5px 0;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .side-menu .side-meu-header .title {
      color: #fff;
      font-size: var(--p);
      font-family: var(--title-font);
      text-transform: uppercase; }
    .side-menu .side-meu-header .burger span {
      background-color: #fff; }
    .side-menu .side-meu-header .burger {
      background-color: transparent; }
      .side-menu .side-meu-header .burger span::before,
      .side-menu .side-meu-header .burger span::after {
        background-color: var(--theme-color); }
  .side-menu.show {
    transform: translateX(0px); }

@media (max-width: 1199px) {
  .side-menu {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 320px;
    width: 100%;
    padding: 20px;
    z-index: 99999;
    height: 100%;
    overflow: auto;
    background: #000;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in; }

  .close-slide-menu {
    color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center; }

  .mobile-menu .menu li {
    width: 100%;
    text-align: left;
    position: relative;
    margin-bottom: 10px; }
    .mobile-menu .menu li a {
      color: #fff;
      display: inline-block;
      padding: 5px 0;
      text-transform: uppercase; }
      .mobile-menu .menu li a:hover {
        color: #009EDB; }
    .mobile-menu .menu li.current-menu-item a {
      color: var(--theme-color); } }
    @media (max-width: 1199px) and (max-width: 1199px) {
      .mobile-menu .menu li.current-menu-item a {
        color: #009EDB; } }
@media (max-width: 1199px) {
    .mobile-menu .menu li .sub-menu li a {
      font-size: 15px;
      padding: 5px 0;
      font-weight: normal; }
    .mobile-menu .menu li.menu-item-has-children .sub-toggle {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0;
      color: #fff;
      width: 25px;
      height: 25px;
      background-color: transparent;
      text-align: center;
      z-index: 99;
      cursor: pointer; }
      .mobile-menu .menu li.menu-item-has-children .sub-toggle:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: "\e900";
        font-family: "icomoon" !important;
        color: #fff;
        font-size: 14px; }
    .mobile-menu .menu li .sub-menu {
      position: static;
      margin: 0 auto;
      display: none;
      text-align: left;
      padding: 5px 10px;
      margin-bottom: 10px; }
      .mobile-menu .menu li .sub-menu li {
        display: inline-block;
        width: 100%; }
        .mobile-menu .menu li .sub-menu li:nth-last-child(1) {
          margin-bottom: 0px;
          padding-bottom: 0px; }
        .mobile-menu .menu li .sub-menu li a {
          font-size: 15px;
          padding: 5px 0;
          color: #fff;
          font-weight: normal;
          text-transform: capitalize; }
          .mobile-menu .menu li .sub-menu li a:hover {
            color: #009EDB; }
          .mobile-menu .menu li .sub-menu li a ul li a {
            font-size: 14px; }
      .mobile-menu .menu li .sub-menu.sub-menu-active {
        visibility: visible;
        opacity: 1;
        display: block; } }
.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  background-color: black;
  opacity: 0;
  visibility: hidden;
  z-index: 1002; }

.sidebar-overlay.show {
  opacity: 0.6;
  visibility: visible;
  cursor: pointer; }

.banner-section, .banner-bg-section {
  position: relative; }
  .banner-section::before, .banner-bg-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("../images/banner_background.png");
    background-size: cover;
    background-position: center 0px;
    height: 80%; }
  .banner-section .content-layer, .banner-bg-section .content-layer {
    margin: auto; }
    .banner-section .content-layer .banner-content, .banner-bg-section .content-layer .banner-content {
      color: #fff;
      padding-top: 60px;
      padding-left: 0px;
      padding-right: 0px;
      margin: auto; }
      @media (max-width: 1199px) {
        .banner-section .content-layer .banner-content, .banner-bg-section .content-layer .banner-content {
          padding-top: 100px; } }
    .banner-section .content-layer .button-text, .banner-bg-section .content-layer .button-text {
      border: 1.3px solid #13A5DB;
      color: #13A5DB;
      font-size: 20px;
      font-weight: 500;
      padding: 8px 32px;
      font-family: var(--title-new);
      border-radius: 60px;
      width: max-content;
      margin: auto;
      text-transform: capitalize; }
      @media (max-width: 991px) {
        .banner-section .content-layer .button-text, .banner-bg-section .content-layer .button-text {
          font-size: 16px; } }
      @media (max-width: 400px) {
        .banner-section .content-layer .button-text, .banner-bg-section .content-layer .button-text {
          font-size: 13px; } }
    .banner-section .content-layer .title, .banner-bg-section .content-layer .title {
      font-size: 50px;
      line-height: 53px;
      margin-bottom: 24px !important;
      transform: translateY(10%);
      color: #fff;
      font-weight: var(--bold);
      transition: all ease-in-out 0.6s;
      max-width: 761px;
      margin: auto;
      padding-top: 15px; }
      @media (max-width: 767px) {
        .banner-section .content-layer .title, .banner-bg-section .content-layer .title {
          font-size: 26px;
          line-height: 32px;
          margin-bottom: 15px !important; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        .banner-section .content-layer .title, .banner-bg-section .content-layer .title {
          font-size: 32px;
          line-height: 36px; } }
    .banner-section .content-layer p, .banner-bg-section .content-layer p {
      font-size: 18px;
      line-height: 25px;
      margin: auto;
      margin-bottom: 36px;
      transform: translateY(14%);
      transition: all ease-in-out 0.7s;
      max-width: 1117px; }
      @media (max-width: 767px) {
        .banner-section .content-layer p, .banner-bg-section .content-layer p {
          font-size: 16px; } }
      @media (max-width: 991px) {
        .banner-section .content-layer p, .banner-bg-section .content-layer p {
          margin-bottom: 50px; } }
    .banner-section .content-layer .banner-image img, .banner-bg-section .content-layer .banner-image img {
      border-radius: 16px; }

@media (max-width: 567px) {
  .banner-img-mobile {
    display: block;
    margin: auto;
    border-radius: 16px;
    width: 100%; } }
@media (min-width: 568px) {
  .banner-img-mobile {
    display: none; } }

@media (max-width: 567px) {
  .banner-img-block {
    display: none; } }
@media (min-width: 568px) {
  .banner-img-block {
    display: block;
    border-radius: 16px; } }

.portfolio-list .banner-bg-section::before {
  height: 150%; }
  @media (max-width: 400px) {
    .portfolio-list .banner-bg-section::before {
      height: 135%; } }
  @media (min-width: 568px) and (max-width: 767px) {
    .portfolio-list .banner-bg-section::before {
      height: 140%; } }
@media (max-width: 767px) {
  .portfolio-list .banner-bg-section .banner-image-section {
    padding-top: 20px; } }
.portfolio-list .banner-bg-section .content-layer .title {
  max-width: max-content !important; }
.portfolio-list .banner-bg-section .content-layer .button-block {
  display: flex;
  gap: 19px;
  justify-content: center;
  margin-bottom: 36px; }
  .portfolio-list .banner-bg-section .content-layer .button-block .get-start,
  .portfolio-list .banner-bg-section .content-layer .button-block .view-work {
    color: #fff;
    background-color: #23C4FF;
    font-weight: 600;
    line-height: 30px;
    font-size: 18px;
    border: 1.5px solid #23C4FF;
    border-radius: 23px;
    width: 245px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: var(--secondary-font); }
    @media (max-width: 991px) {
      .portfolio-list .banner-bg-section .content-layer .button-block .get-start,
      .portfolio-list .banner-bg-section .content-layer .button-block .view-work {
        font-size: 14px !important; } }
    .portfolio-list .banner-bg-section .content-layer .button-block .get-start::after,
    .portfolio-list .banner-bg-section .content-layer .button-block .view-work::after {
      content: "\e902";
      position: absolute;
      font-size: 16px;
      font-family: "icomoon" !important;
      left: 84%; }
  .portfolio-list .banner-bg-section .content-layer .button-block .view-work {
    color: #fff !important;
    background-color: #08145e00 !important;
    border: 1.5px solid #ffffff !important;
    position: relative; }
    .portfolio-list .banner-bg-section .content-layer .button-block .view-work::after {
      position: absolute;
      content: "👁";
      font-family: "Font Awesome 6 Free";
      font-size: 16px;
      right: 10%; }

@media (min-width: 568px) and (max-width: 767px) {
  .our-service .banner-bg-section::before {
    height: 90%; } }

.banner-image-section {
  background-color: #191919;
  margin-top: -2px; }
  .banner-image-section .banner-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .banner-image-section .banner-logo-image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 80px;
    padding: 39px 0px 26px 0px; }
    @media (max-width: 767px) {
      .banner-image-section .banner-logo-image {
        row-gap: 30px; } }

.page-banner {
  background-size: auto;
  background-size: cover;
  background-position: center center;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 250px;
  background-color: var(--page-title-bg); }
  .page-banner .page-title-inner {
    justify-content: center !important;
    position: relative;
    z-index: 9; }
    .page-banner .page-title-inner .page-title {
      color: var(--banner-text-color); }
  .page-banner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: var(--banner-text-opacity); }
  .page-banner .breadcrumbs {
    margin-bottom: 25px;
    justify-content: center; }
    .page-banner .breadcrumbs li {
      display: inline-block;
      padding-right: 7px;
      font-size: 15px; }
      .page-banner .breadcrumbs li a {
        color: #868686;
        font-size: 15px; }
        .page-banner .breadcrumbs li a:hover {
          color: var(--active-color); }
        .page-banner .breadcrumbs li a i {
          font-size: 10px;
          margin-left: 5px; }
      .page-banner .breadcrumbs li span {
        font-size: 15px;
        color: #090803; }

.sub-page-banner {
  padding-top: 50px;
  padding-bottom: 45px; }
  @media (max-width: 1199px) {
    .sub-page-banner {
      margin-top: 50px; } }

.page-breadcrumbs ul li, .breadcrumbs ul li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: var(--medium);
  padding-right: 20px;
  margin-right: 7px; }
  .page-breadcrumbs ul li a, .breadcrumbs ul li a {
    color: var(--text-color); }
    .page-breadcrumbs ul li a:hover, .breadcrumbs ul li a:hover {
      color: #009EDB; }
  .page-breadcrumbs ul li:nth-last-child(1), .breadcrumbs ul li:nth-last-child(1) {
    padding-right: 0px;
    margin-right: 0px; }
    .page-breadcrumbs ul li:nth-last-child(1)::after, .breadcrumbs ul li:nth-last-child(1)::after {
      display: none !important; }
  .page-breadcrumbs ul li::after, .breadcrumbs ul li::after {
    content: "\e649";
    font-family: 'themify';
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

@media (max-width: 767px) {
  .banner-section .content-layer .button-text, .banner-bg-section .content-layer .button-text {
    width: auto;
    display: inline-block; } }

/*CTA */
.main-cta .heading-text {
  font-size: 46px;
  line-height: 51px;
  margin-bottom: 32px !important;
  text-align: center;
  max-width: 935px;
  margin: auto; }
.main-cta .sub-heading {
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  max-width: 740px;
  margin: auto;
  margin-bottom: 32px !important; }
.main-cta .cta-box {
  display: flex;
  gap: 26px;
  padding: 57px 48px 58px 60px;
  border-radius: 20px;
  background-color: #ffffff;
  flex-wrap: wrap;
  align-items: center; }
@media (min-width: 992px) {
  .main-cta .cta-text {
    width: 510px; } }
.main-cta .cta-text h3 {
  font-size: 31px;
  line-height: 39px;
  margin-bottom: 8px;
  font-weight: 700; }
  @media (max-width: 991px) {
    .main-cta .cta-text h3 {
      font-size: 26px;
      line-height: 30px;
      text-align: center; } }
.main-cta .cta-text p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  max-width: 460px; }
  @media (max-width: 991px) {
    .main-cta .cta-text p {
      text-align: center;
      max-width: 100%; } }
@media (max-width: 991px) {
  .main-cta .button-block.cta {
    justify-content: center; } }
.main-cta .cta-image {
  flex: 1;
  min-width: 150px;
  text-align: center; }
  .main-cta .cta-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover; }

.banner {
  width: 100%; }
  .banner figure {
    margin-bottom: 0PX; }
  @media (max-width: 991px) {
    .banner .desktop-image {
      display: none; } }
  .banner .mobile-image img {
    width: 100%; }
  @media (min-width: 991px) {
    .banner .mobile-image {
      display: none; } }
  .banner .image-layer {
    background-color: black;
    min-height: 75vh;
    width: 100%;
    height: 100%; }
    @media (max-width: 991px) {
      .banner .image-layer img {
        height: 75vh;
        object-fit: cover;
        width: 100%; } }
  .banner .content-layer {
    max-width: 1320px;
    width: calc(100% - 30px); }
    @media (max-width: 567px) {
      .banner .content-layer {
        width: 100%; } }
    .banner .content-layer .banner-block-content {
      color: #fff;
      padding-bottom: 56px;
      padding-top: 65px;
      padding-left: 0px;
      padding-right: 0px; }
      @media (min-width: 1200px) {
        .banner .content-layer .banner-block-content {
          padding-top: 65px;
          padding-left: 50px;
          padding-right: 50px; } }
    .banner .content-layer .sub-text {
      font-size: 32px;
      color: #fff;
      display: block;
      margin-bottom: 20px; }
      @media (max-width: 567px) {
        .banner .content-layer .sub-text {
          font-size: 20px; } }
    .banner .content-layer .title {
      line-height: 58px;
      margin-bottom: 25px;
      transform: translateY(10%);
      font-family: var(--secondary-font);
      font-weight: var(--bold);
      transition: all ease-in-out 0.6s;
      line-height: 1.2;
      color: #fff; }
      .banner .content-layer .title span {
        color: var(--accent-color); }
      @media (min-width: 1480px) {
        .banner .content-layer .title {
          font-size: 65px;
          min-width: 1277px; } }
    .banner .content-layer h2 {
      font-size: 26px;
      transform: translateY(14%);
      transition: all ease-in-out 0.6s; }
      @media (max-width: 991px) {
        .banner .content-layer h2 {
          font-size: var(--h4); } }
    .banner .content-layer h3 {
      font-size: 18px;
      font-family: var(--main-font);
      font-weight: var(--regular);
      line-height: 1.5;
      margin-bottom: 30px;
      transform: translateY(14%);
      transition: all ease-in-out 0.6s; }
      @media (max-width: 991px) {
        .banner .content-layer h3 {
          font-size: var(--p); } }
    .banner .content-layer p {
      font-size: 20px;
      margin: 0 auto 35px;
      margin-bottom: 25px;
      transform: translateY(14%);
      transition: all ease-in-out 0.7s; }
      @media (max-width: 767px) {
        .banner .content-layer p {
          font-size: var(--p); } }
    .banner .content-layer a.button {
      background-color: transparent;
      border-color: #fff;
      border-width: 2px;
      font-family: var(--secondary-font);
      font-weight: var(--semi-bold);
      border-radius: 65px;
      letter-spacing: 0px;
      transform: translateY(17%);
      transition: all ease-in-out 0.7s;
      padding-right: 20px;
      padding-left: 20px;
      margin: 0 7px;
      text-transform: capitalize; }
      @media (max-width: 991px) {
        .banner .content-layer a.button {
          margin: 10px;
          min-width: 210px; } }
      .banner .content-layer a.button::after {
        display: none; }
      .banner .content-layer a.button:hover {
        color: var(--accent-color);
        border-color: var(--accent-color); }
    .banner .content-layer .banner-block {
      display: block; }
  .banner.visible {
    opacity: 1; }
    .banner.visible .content-layer .title,
    .banner.visible .content-layer h2,
    .banner.visible .content-layer h3 {
      transform: translateY(0);
      opacity: 1; }
    .banner.visible .content-layer p {
      transform: translateY(0);
      opacity: 1; }
    .banner.visible .content-layer a.button {
      transform: translateY(0);
      opacity: 1; }

.ongoing-project {
  background-color: #000; }
  @media (min-width: 991px) {
    .ongoing-project .project-right {
      padding-left: 30px; } }
  @media (max-width: 991px) {
    .ongoing-project .project-right {
      order: 1; } }
  @media (min-width: 991px) {
    .ongoing-project .project-left {
      padding-right: 30px; } }
  @media (max-width: 991px) {
    .ongoing-project .project-left {
      order: 2; } }
  .ongoing-project .heading-title {
    color: #fff;
    margin-bottom: 70px;
    text-align: center;
    line-height: normal;
    font-weight: var(--light); }
  .ongoing-project .ongoing-project-block {
    margin-bottom: 60px; }
    .ongoing-project .ongoing-project-block .image-layer {
      display: block;
      margin-bottom: 20px;
      background: #fff; }
      .ongoing-project .ongoing-project-block .image-layer img {
        width: 100%;
        max-height: 706px;
        transition: all ease-in-out 0.4s; }
      .ongoing-project .ongoing-project-block .image-layer:hover img {
        transform: translate(22px, -22px); }
        @media (max-width: 567px) {
          .ongoing-project .ongoing-project-block .image-layer:hover img {
            transform: translate(10px, -10px); } }
    .ongoing-project .ongoing-project-block .description-block {
      display: block; }
      .ongoing-project .ongoing-project-block .description-block h3 {
        color: #fff;
        font-size: 28px;
        font-weight: var(--thin); }
        .ongoing-project .ongoing-project-block .description-block h3 span {
          font-weight: var(--bold); }
      .ongoing-project .ongoing-project-block .description-block ul {
        margin-top: 45px; }
        .ongoing-project .ongoing-project-block .description-block ul li {
          display: inline-block;
          color: #fff;
          padding-right: 15px;
          margin-right: 15px;
          border-right: 1px #fff solid; }
          @media (max-width: 567px) {
            .ongoing-project .ongoing-project-block .description-block ul li {
              margin-bottom: 20px; } }
        .ongoing-project .ongoing-project-block .description-block ul li:nth-last-child(1) {
          padding-right: 0px;
          margin-right: 0px;
          border-right: 0px; }
  .ongoing-project .main-catagory-name {
    display: flex;
    min-height: 160px;
    justify-content: center;
    align-items: center; }
    @media (max-width: 991px) {
      .ongoing-project .main-catagory-name {
        min-height: 100px; } }
    .ongoing-project .main-catagory-name h2 {
      font-size: 52px;
      color: #fff;
      font-weight: var(--bold); }
      @media (max-width: 1199px) {
        .ongoing-project .main-catagory-name h2 {
          font-size: var(--h2); } }
  .ongoing-project .main-catagory-button {
    display: flex;
    justify-content: flex-start;
    align-items: last baseline;
    bottom: 50px;
    position: absolute; }
    @media (max-width: 991px) {
      .ongoing-project .main-catagory-button {
        position: relative;
        bottom: auto; } }
    .ongoing-project .main-catagory-button a {
      color: #fff; }
      .ongoing-project .main-catagory-button a.button {
        border: #fff solid 1px; }

/* Platforms */
.our-platforms {
  background-color: #f6f6f6; }
  .our-platforms .platform-text-wrap {
    margin-bottom: 50px;
    line-height: normal; }
    @media (max-width: 991px) {
      .our-platforms .platform-text-wrap h2 {
        font-size: var(--h3); } }
    .our-platforms .platform-text-wrap h3 {
      font-size: var(--h4); }
      @media (max-width: 991px) {
        .our-platforms .platform-text-wrap h3 {
          font-size: var(--p); } }
  .our-platforms .content {
    padding-top: 2rem;
    position: -webkit-sticky;
    position: sticky;
    top: 90px; }
    .our-platforms .content .button {
      margin-top: 10px; }
  .our-platforms .content-box-outer {
    margin-bottom: 31px; }
  .our-platforms .content-box {
    background-color: #fff;
    padding: 45px 20px;
    height: 100%;
    position: relative; }
    .our-platforms .content-box .featured-image {
      display: block;
      margin-bottom: 15px; }
    .our-platforms .content-box .featured-sub-logo {
      position: absolute;
      right: 20px;
      top: 20px; }
      .our-platforms .content-box .featured-sub-logo img {
        max-width: 110px; }
    .our-platforms .content-box p {
      line-height: 24px; }

/* How we works */
.how-we-work .col-lg-6 {
  margin-bottom: 30px; }
.how-we-work .content-box {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f5f5;
  padding: 48px 25px;
  border-radius: 25px;
  height: 100%; }
  .how-we-work .content-box .image-layer {
    max-width: 90px; }
    @media (max-width: 991px) {
      .how-we-work .content-box .image-layer {
        margin-bottom: 20px; } }
  .how-we-work .content-box .text-content {
    width: 100%; }
    @media (min-width: 992px) {
      .how-we-work .content-box .text-content {
        padding-left: 30px;
        max-width: calc(100% - 90px); } }
    .how-we-work .content-box .text-content h4 {
      text-transform: uppercase; }
    .how-we-work .content-box .text-content p {
      color: #3a3a3a;
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 0px; }
      @media (min-width: 992px) {
        .how-we-work .content-box .text-content p {
          font-size: var(--h5); } }

/* Services */
.our-services {
  background-size: cover;
  background-position: center center;
  background: #00347C;
  background: linear-gradient(134deg, #00347C 0%, #00A3C6 100%);
  position: relative; }
  .our-services .section-title {
    color: #fff; }
    .our-services .section-title h2 {
      font-size: 30px;
      line-height: normal; }
      @media (min-width: 992px) {
        .our-services .section-title h2 {
          margin-bottom: 0; } }
    .our-services .section-title .meta-title::after {
      background-color: #fff; }
    .our-services .section-title p {
      color: #fff;
      margin-bottom: 0; }
  .our-services .button {
    background-color: transparent;
    border-color: #fff; }
    .our-services .button:hover {
      background-color: #fff;
      color: #000; }
      .our-services .button:hover::after {
        color: #000; }
  .our-services .services-box-outer {
    margin-bottom: 31px;
    z-index: 2; }
  .our-services .services-box {
    display: block;
    background-color: #fff;
    color: #000;
    padding: 45px;
    height: 100%; }
    .our-services .services-box .title {
      text-transform: uppercase; }
    .our-services .services-box p {
      line-height: 24px; }

/* Portfolios */
.our-works {
  padding-bottom: 25px; }
  .our-works .page-link {
    display: block;
    position: relative; }
    .our-works .page-link::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      transition: all ease-in-out 0.3s; }
    .our-works .page-link .content-box {
      position: absolute;
      top: 55px;
      left: 25px;
      z-index: 2;
      max-width: calc(100% - 25px);
      color: white;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      height: calc(100% - 80px);
      justify-content: space-between; }
      .our-works .page-link .content-box .text-content {
        font-size: var(--h5);
        line-height: 1.4;
        margin-top: 16px;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out 0.4s;
        position: relative; }
      .our-works .page-link .content-box .logo-layer {
        display: flex;
        min-height: 75px;
        align-items: center; }
        .our-works .page-link .content-box .logo-layer img {
          width: auto;
          max-height: 68px; }
      .our-works .page-link .content-box .expand {
        transform: translateY(-25%);
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out 0.4s;
        position: relative; }
        .our-works .page-link .content-box .expand::after {
          content: "\e902";
          font-family: "icomoon" !important;
          vertical-align: middle;
          margin-left: 5px;
          color: #fff; }
    .our-works .page-link:hover::after {
      opacity: 1;
      visibility: visible; }
    .our-works .page-link:hover .content-box .text-content {
      opacity: 1;
      visibility: visible; }
    .our-works .page-link:hover .content-box .expand {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }

/* partners */
.partners .partners-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .partners .partners-list li {
    width: 20%;
    padding: 25px 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      .partners .partners-list li {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .partners .partners-list li {
        width: 50%; } }
    .partners .partners-list li img {
      width: auto;
      display: inline-block; }

/* Cta */
.cta-banner {
  background-color: black;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 759px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 991px) {
    .cta-banner {
      padding-top: 0; } }
  .cta-banner .image-layer {
    width: 100%;
    min-height: 345px;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 991px) {
      .cta-banner .image-layer {
        margin-bottom: 40px; } }
    @media (min-width: 992px) {
      .cta-banner .image-layer {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right center; } }
  .cta-banner .section-title {
    max-width: 490px;
    color: #fff; }
    .cta-banner .section-title p {
      color: #fff; }
  .cta-banner a.button {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: var(--bold); }
    @media (max-width: 991px) {
      .cta-banner a.button {
        margin-bottom: 10px; } }
    .cta-banner a.button::after {
      color: #000; }
    .cta-banner a.button + .button {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      @media (min-width: 992px) {
        .cta-banner a.button + .button {
          margin-left: 15px; } }
      .cta-banner a.button + .button::after {
        color: #fff; }

@media (min-width: 992px) {
  .expert-success {
    padding-right: 100px; } }

/* Features */
.our-features {
  padding-top: 160px; }
  .our-features.our-shopify {
    padding-top: 50px;
    padding-bottom: 50px; }
    .our-features.our-shopify .main-title {
      margin-bottom: 80px;
      text-align: center; }
  .our-features .counter {
    text-align: center;
    position: relative;
    padding: 70px 65px;
    transition: all .5s; }
    @media (min-width: 992px) {
      .our-features .counter {
        padding: 69px 25px; } }
    .our-features .counter .icon {
      position: absolute;
      top: -45px;
      left: 50%;
      transform: translateX(-50%);
      width: 90px;
      height: 90px;
      background: #000;
      border-radius: 50%;
      line-height: 90px;
      text-align: center; }
      .our-features .counter .icon img {
        max-width: 86px; }
    .our-features .counter h4,
    .our-features .counter span {
      position: relative;
      z-index: 2; }
    .our-features .counter .sub {
      z-index: 2;
      font-size: 22px;
      display: block; }
    .our-features .counter .title {
      display: block;
      margin-top: 3px;
      font-size: var(--h2);
      font-family: var(--title-font);
      font-weight: var(--bold); }
      .our-features .counter .title span {
        font-family: var(--title-font); }
    .our-features .counter::after {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #F5F5F5;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 11px; }
    .our-features .counter:hover {
      transform: translateY(-20px); }
  @media (max-width: 991px) {
    .our-features .col-lg-4 {
      margin-bottom: 65px; } }
  @media (min-width: 992px) {
    .our-features .col-lg-4:nth-child(1) .counter:after {
      transform: perspective(300px) rotateY(calc(-4deg*var(--_i, -1))); } }
  @media (min-width: 992px) {
    .our-features .col-lg-4:nth-child(3) .counter:after {
      transform: perspective(300px) rotateY(calc(4deg*var(--_i, -1))); } }

.blog .section-title .title {
  max-width: 725px; }
@media (max-width: 991px) {
  .blog .col-lg-4 {
    margin-bottom: 45px; } }
.blog .blog-content .blog-text-content ul {
  display: block;
  margin-bottom: 14px; }
  .blog .blog-content .blog-text-content ul li {
    display: inline-block;
    margin-right: 15px; }
    .blog .blog-content .blog-text-content ul li a {
      color: #333; }
      .blog .blog-content .blog-text-content ul li a:hover {
        color: #00A0DA; }
.blog .blog-content a {
  color: var(--theme-color); }
.blog .blog-content .blog-image {
  display: block;
  width: 100%;
  height: 345px;
  overflow: hidden;
  margin-bottom: 20px; }
  .blog .blog-content .blog-image img {
    width: 100%;
    max-height: 345px;
    min-height: 345px;
    object-fit: cover; }
.blog .blog-content .category {
  color: #707070;
  font-family: var(--title-font);
  text-transform: uppercase;
  display: block;
  margin-bottom: 14px; }
.blog .blog-content .tag-catagory {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: var(--bold); }
.blog .blog-content p {
  color: #707070;
  line-height: 1.4; }

/* Testimonial */
/* Clients */
.clients {
  background-color: #000; }
  .clients .section-title {
    color: #fff; }
    .clients .section-title p {
      color: #fff; }
  .clients .clients-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .clients .clients-list li {
      padding: 25px 15px;
      margin-bottom: 15px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 50%; }
      @media (min-width: 568px) {
        .clients .clients-list li {
          width: 33.3333333333334%; } }
      @media (min-width: 992px) {
        .clients .clients-list li {
          width: 25%; } }
      @media (min-width: 1200px) {
        .clients .clients-list li {
          width: 20%; } }
      .clients .clients-list li img {
        width: auto;
        display: inline-block; }

/* Home contact panel */
.home-contact {
  background-color: #F2FAFF;
  text-align: center; }
  .home-contact h2 {
    font-family: var(--title-new);
    font-weight: 500;
    font-size: 46px;
    text-transform: capitalize;
    margin-bottom: 8px; }
  .home-contact p {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 17px;
    max-width: 921px;
    margin: auto; }
  .home-contact .content {
    position: -webkit-sticky;
    position: sticky;
    top: 120px; }
    @media (min-width: 992px) {
      .home-contact .content {
        padding-right: 32px; } }
  @media (max-width: 991px) {
    .home-contact .contact-form {
      margin-top: 45px; } }
  @media (min-width: 992px) {
    .home-contact .contact-form {
      padding-left: 45px; } }
  .home-contact .contact-form .nf-field-label {
    margin-bottom: 10px; }
    .home-contact .contact-form .nf-field-label label {
      font-size: var(--h6); }
  .home-contact .contact-form .nf-field-container {
    margin-bottom: 15px; }
  .home-contact .contact-form .nf-field-element {
    margin-bottom: 11px;
    margin-bottom: 5px; }
    .home-contact .contact-form .nf-field-element .ninja-forms-field {
      min-height: 53px;
      border: 1px solid #000;
      background-color: transparent;
      letter-spacing: 0.08rem; }
  .home-contact .contact-form .submit-wrap .nf-field-element {
    text-align: right; }
    .home-contact .contact-form .submit-wrap .nf-field-element .ninja-forms-field {
      color: #fff;
      font-family: var(--title-font);
      padding-left: 33px;
      padding-right: 45px;
      text-transform: uppercase;
      font-weight: var(--bold);
      background: url("../images/arrow-up.png") #000;
      background-position: right;
      background-repeat: no-repeat;
      background-position-x: 110px;
      transition: all ease-in-out 0.3s; }
      .home-contact .contact-form .submit-wrap .nf-field-element .ninja-forms-field:hover {
        background-position-x: 115px; }
  .home-contact .contact-form .textarea-wrap .nf-field-element .ninja-forms-field {
    min-height: 170px; }
  .home-contact .contact-form .checkbox-container .field-wrap .nf-field-label label {
    font-size: var(--h6); }
  .home-contact .quick-contact svg {
    margin-right: 10px; }
  .home-contact .quick-contact a {
    color: #000;
    font-weight: var(--semi-bold); }
    .home-contact .quick-contact a:hover {
      color: #009EDB; }

.nf-form-fields-required {
  margin-bottom: 10px; }

.home-blog {
  padding-top: 58px;
  padding-bottom: 70px; }
  .home-blog h2 {
    margin-bottom: 6px;
    font-weight: 700; }
  .home-blog .section-title.tc {
    max-width: 921px; }
  .home-blog .section-title.tc p {
    max-width: 921px;
    font-size: 17px; }
  .home-blog .blog-content {
    background-color: #E5F8FF;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .home-blog .blog-content {
        margin-top: 20px; } }
    .home-blog .blog-content .blog-image img {
      border-radius: 10px;
      object-fit: cover;
      min-height: 335px; }
    .home-blog .blog-content .blog-text-content {
      padding: 21px 18px; }
      .home-blog .blog-content .blog-text-content ul {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        margin-top: 21px;
        flex-wrap: wrap;
        row-gap: 20px; }
        .home-blog .blog-content .blog-text-content ul .tag-catagory {
          background-color: #b5deeea3;
          padding: 5px 10px;
          border-radius: 50px; }
          .home-blog .blog-content .blog-text-content ul .tag-catagory:hover {
            background-color: #b5deee; }
    .home-blog .blog-content h3 {
      font-weight: 600;
      font-size: 24px; }
      @media (max-width: 767px) {
        .home-blog .blog-content h3 {
          font-size: 18px; } }
      .home-blog .blog-content h3 a {
        color: #000 !important; }
    .home-blog .blog-content h3,
    .home-blog .blog-content p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
  .home-blog .blog-meta {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px; }
  .home-blog .blog-author {
    font-weight: 500; }

.faq h2 {
  font-size: 34px;
  line-height: 37px;
  text-align: left;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .faq h2 {
      font-size: 26px !important;
      line-height: 32px !important;
      max-width: 100% !important; } }

.banner-block.banner-video video {
  width: 100%;
  height: 566px;
  object-fit: cover;
  border-radius: 16px; }
  @media (max-width: 1200px) {
    .banner-block.banner-video video {
      height: auto !important; } }

.button-block {
  display: flex;
  gap: 19px;
  justify-content: center;
  margin-bottom: 36px; }
  .button-block .get-start,
  .button-block .view-work {
    color: #fff;
    background-color: #23C4FF;
    font-weight: 600;
    line-height: 30px;
    font-size: 18px;
    border: 1.5px solid #23C4FF;
    border-radius: 23px;
    width: 245px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: var(--secondary-font); }
    @media (max-width: 991px) {
      .button-block .get-start,
      .button-block .view-work {
        font-size: 14px !important; } }
    .button-block .get-start::after,
    .button-block .view-work::after {
      content: "\e902";
      position: absolute;
      font-size: 16px;
      font-family: "icomoon" !important;
      left: 87%; }
      @media (max-width: 991px) {
        .button-block .get-start::after,
        .button-block .view-work::after {
          left: 80%; } }
    .button-block .get-start:hover,
    .button-block .view-work:hover {
      background-color: #fff;
      border: 1.5px solid #23C4FF;
      color: #23C4FF; }
  .button-block .view-work {
    color: #fff !important;
    background-color: #08145e00 !important;
    border: 1.5px solid #ffffff !important;
    position: relative; }
    .button-block .view-work::after {
      position: absolute;
      content: "👁";
      font-family: "Font Awesome 6 Free";
      font-size: 16px;
      left: 80%; }
    .button-block .view-work:hover {
      background-color: #08145e00 !important;
      border: 1.5px solid #23C4FF !important;
      color: #23C4FF !important; }

.cta-box-section {
  padding-top: 45px;
  padding-bottom: 45px; }
  .cta-box-section .section-title {
    margin-bottom: 0px; }
  .cta-box-section .cta-box {
    background-color: #fff;
    border-radius: 12px;
    padding: 35px; }
    .cta-box-section .cta-box h2 {
      font-weight: 700;
      font-size: 35px;
      line-height: 45px;
      text-transform: capitalize;
      text-align: center;
      max-width: 675px;
      margin: auto;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .cta-box-section .cta-box h2 {
          font-size: 26px;
          line-height: 32px; } }
    .cta-box-section .cta-box p {
      color: #3A3A3A;
      font-size: 20px;
      max-width: 800px; }
    .cta-box-section .cta-box .button-block {
      display: flex;
      gap: 19px;
      justify-content: center;
      margin-bottom: 36px; }
      .cta-box-section .cta-box .button-block .get-start,
      .cta-box-section .cta-box .button-block .view-work {
        color: #fff;
        background-color: #203B7B;
        font-weight: 600;
        line-height: 30px;
        font-size: 18px;
        border: 1.5px solid #203B7B;
        border-radius: 23px;
        width: 245px;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        @media (max-width: 991px) {
          .cta-box-section .cta-box .button-block .get-start,
          .cta-box-section .cta-box .button-block .view-work {
            font-size: 14px !important; } }
        .cta-box-section .cta-box .button-block .get-start::after,
        .cta-box-section .cta-box .button-block .view-work::after {
          content: "\e902";
          position: absolute;
          font-size: 16px;
          font-family: "icomoon" !important;
          left: 87%; }
          @media (max-width: 991px) {
            .cta-box-section .cta-box .button-block .get-start::after,
            .cta-box-section .cta-box .button-block .view-work::after {
              left: 80%; } }
        .cta-box-section .cta-box .button-block .get-start:hover,
        .cta-box-section .cta-box .button-block .view-work:hover {
          background-color: #23C4FF;
          border: 1.5px solid #23C4FF;
          color: #ffffff; }
      .cta-box-section .cta-box .button-block .view-work {
        color: #203B7B !important;
        background-color: #08145e00 !important;
        border: 1.5px solid #203B7B !important;
        position: relative; }
        .cta-box-section .cta-box .button-block .view-work::after {
          position: absolute;
          content: "👁";
          font-family: "Font Awesome 6 Free";
          font-size: 16px;
          left: 80%; }
        .cta-box-section .cta-box .button-block .view-work:hover {
          background-color: #08145e00 !important;
          border: 1.5px solid #23C4FF !important;
          color: #23C4FF !important; }

.service-section.bottom {
  padding-bottom: 60px !important; }

.service-section {
  padding-top: 60px !important;
  padding-bottom: 0px !important; }
  @media (max-width: 991px) {
    .service-section .row-reverse {
      flex-direction: column-reverse; } }
  .service-section .image-layer img {
    border-radius: 15px; }
  .service-section h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 27px;
    margin-bottom: 18px; }
    @media (max-width: 991px) {
      .service-section h2 {
        font-size: 26px;
        line-height: 32px; } }
  .service-section h3 {
    font-family: var(--title-new);
    font-weight: 500;
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      .service-section h3 {
        font-size: 20px; } }
  .service-section p {
    font-size: 18px;
    line-height: 29px; }
    @media (max-width: 991px) {
      .service-section p {
        font-size: 16px;
        line-height: 1.5; } }
  .service-section a.learn-more {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    border-radius: 27px;
    border: 2px solid #000;
    min-width: 133px;
    padding: 6px 26px;
    color: #000;
    font-family: var(--secondary-font); }
    @media (max-width: 991px) {
      .service-section a.learn-more {
        font-size: 14px; } }
    .service-section a.learn-more:hover {
      background-color: #000;
      border: 2px solid #000;
      color: #fff; }
  .service-section .container .row {
    border-radius: 15px;
    padding: 45px 39px;
    margin: 0;
    gap: 36px; }
    @media (max-width: 991px) {
      .service-section .container .row {
        padding: 30px 15px; } }
    .service-section .container .row .col-lg-6 {
      padding: 0px; }
      @media (min-width: 991px) {
        .service-section .container .row .col-lg-6 {
          width: calc(50% - 36px); } }
  .service-section .bg1 {
    background-color: #F7F7F7; }
  .service-section .bg2 {
    background-color: #ECF3F1; }
  .service-section .bg3 {
    background-color: #F7F7F7; }
  .service-section .bg4 {
    background-color: #ECF3F1; }
  .service-section .bg5 {
    background-color: #F7F7F7; }

.cta-box-section1 {
  padding-top: 45px;
  padding-bottom: 45px; }
  .cta-box-section1 .section-title {
    margin-bottom: 0px; }
  .cta-box-section1 .cta-box {
    background-color: #FFFFFF1A;
    border-radius: 12px;
    padding: 35px;
    border: 1px solid #cfcfcf36; }
    .cta-box-section1 .cta-box h2 {
      font-weight: 700;
      font-size: 35px;
      line-height: 45px;
      text-transform: capitalize;
      text-align: center;
      max-width: 675px;
      margin: auto;
      margin-bottom: 20px;
      color: #fff; }
      @media (max-width: 991px) {
        .cta-box-section1 .cta-box h2 {
          font-size: 26px;
          line-height: 32px; } }
    .cta-box-section1 .cta-box p {
      color: #ffffff;
      font-size: 20px;
      max-width: 800px; }
    .cta-box-section1 .cta-box .button-block {
      display: flex;
      gap: 19px;
      justify-content: center;
      margin-bottom: 36px; }
      .cta-box-section1 .cta-box .button-block .discuss-project {
        color: #fff;
        background-color: #23C4FF;
        font-weight: 600;
        line-height: 30px;
        font-size: 18px;
        border: 1.5px solid #23C4FF;
        border-radius: 23px;
        width: 310px;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-family: var(--secondary-font); }
        @media (max-width: 991px) {
          .cta-box-section1 .cta-box .button-block .discuss-project {
            font-size: 16px; } }
        @media (max-width: 430px) {
          .cta-box-section1 .cta-box .button-block .discuss-project {
            width: 270px;
            height: 40px; } }
        .cta-box-section1 .cta-box .button-block .discuss-project::after {
          content: "\e902";
          position: absolute;
          font-size: 16px;
          font-family: "icomoon" !important;
          left: 87%; }
        .cta-box-section1 .cta-box .button-block .discuss-project:hover {
          background-color: #fff;
          border: 1.5px solid #23C4FF;
          color: #23C4FF; }
      .cta-box-section1 .cta-box .button-block .learn-more {
        color: #ffffff !important;
        background-color: #ffffff00 !important;
        border: 1.5px solid #ffffff !important;
        border-radius: 23px;
        width: 310px;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-weight: 600;
        line-height: 30px;
        font-size: 18px;
        font-family: var(--secondary-font); }
        @media (max-width: 991px) {
          .cta-box-section1 .cta-box .button-block .learn-more {
            font-size: 16px; } }
        @media (max-width: 430px) {
          .cta-box-section1 .cta-box .button-block .learn-more {
            width: 270px;
            height: 40px; } }
        .cta-box-section1 .cta-box .button-block .learn-more::after {
          position: absolute;
          content: "👁";
          font-size: 16px;
          right: 10%; }
        .cta-box-section1 .cta-box .button-block .learn-more:hover {
          background-color: #ffffff00 !important;
          border: 1.5px solid #23C4FF !important;
          color: #23C4FF !important; }

@media (min-width: 991px) {
  .who-we-are {
    padding-top: 131px;
    padding-bottom: 92px; } }
.who-we-are h2 {
  font-size: 40px;
  font-weight: var(--bold);
  line-height: 52px; }
  @media (max-width: 991px) {
    .who-we-are h2 {
      font-size: 26px;
      line-height: 32px; } }
.who-we-are .image-layer img {
  border-radius: 16px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .who-we-are .image-layer img {
      height: 360px;
      object-position: 95% 20%;
      object-fit: cover; } }

.about-counter {
  padding-top: 0px;
  padding-bottom: 59px; }
  @media (max-width: 767px) {
    .about-counter {
      padding-bottom: 0px; } }
  @media (max-width: 620px) {
    .about-counter .counter-inner {
      padding-top: 0;
      padding-bottom: 0; } }
  .about-counter .counter-inner .counter {
    padding-bottom: 0px;
    padding-top: 0px; }
    @media (max-width: 767px) {
      .about-counter .counter-inner .counter {
        padding-bottom: 20px; } }
    .about-counter .counter-inner .counter h5 {
      color: #000000; }
    .about-counter .counter-inner .counter .count {
      color: #102D72; }

.core-value .container > .row {
  border-radius: 16px;
  padding: 53px 49px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .core-value .container > .row {
      padding: 30px; } }
  @media (max-width: 991px) {
    .core-value .container > .row {
      padding: 33px 15px; } }
.core-value .image-layer img {
  border-radius: 16px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .core-value .image-layer img {
      height: 360px;
      object-position: 95% 20%;
      object-fit: cover; } }
@media (max-width: 991px) {
  .core-value .content-section {
    margin-top: 20px; } }
.core-value h2 {
  font-size: 40px;
  margin-bottom: 11px; }
  @media (max-width: 991px) {
    .core-value h2 {
      font-size: 26px;
      line-height: 32px; } }
.core-value p {
  margin-bottom: 24px; }
.core-value h3 {
  margin: 12px 0px;
  font-family: var(--title-new);
  font-weight: 600;
  font-size: 24px; }
  @media (max-width: 991px) {
    .core-value h3 {
      font-size: 20px;
      line-height: 24px; } }
.core-value .content-description p {
  margin-bottom: 0px; }
.core-value hr {
  margin: 18px 0px;
  border: none;
  background-color: #fff;
  height: 1px; }

.our-mission,
.our-vision {
  padding-top: 112px; }
  @media (max-width: 1200px) {
    .our-mission,
    .our-vision {
      padding-top: 40px; } }
  .our-mission h3,
  .our-vision h3 {
    font-family: var(--title-new);
    font-weight: 500;
    font-size: 24px;
    color: #13A5DB;
    margin-bottom: 18px; }
    @media (max-width: 991px) {
      .our-mission h3,
      .our-vision h3 {
        font-size: 20px;
        line-height: 24px;
        padding-top: 20PX; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .our-mission h3,
      .our-vision h3 {
        font-size: 22px; } }
  .our-mission h2,
  .our-vision h2 {
    font-size: 36px;
    margin-bottom: 18px; }
    @media (max-width: 991px) {
      .our-mission h2,
      .our-vision h2 {
        font-size: 24px;
        line-height: 32px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .our-mission h2,
      .our-vision h2 {
        font-size: 30px; } }

.our-vision {
  padding-bottom: 98px; }
  @media (max-width: 1200px) {
    .our-vision {
      padding-bottom: 40px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .our-vision .image-layer img {
      height: 450px;
      object-position: 95% 20%;
      object-fit: cover;
      border-radius: 16px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .our-vision .col-lg-6 {
      width: 100%;
      padding: 0; } }
  .our-vision p {
    margin-bottom: 31px !important; }
  .our-vision .faq-block h3 {
    font-weight: 600;
    font-size: 18px;
    color: #000; }
    .our-vision .faq-block h3 .ti-angle-right:before {
      content: "\e649";
      color: #0C181C !important;
      font-size: 11px !important; }
  .our-vision .faq-block .content-link {
    border-bottom: 1px solid #EAEAEA !important; }

@media (max-width: 991px) {
  .our-mission .our-mission-content {
    display: flex;
    flex-direction: column-reverse; } }
@media (min-width: 768px) and (max-width: 991px) {
  .our-mission .our-mission-content .col-lg-6 {
    width: 100%;
    padding: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .our-mission .our-mission-content .col-lg-6 .image-layer img {
    height: 360px;
    object-position: 44% 20%;
    object-fit: cover;
    border-radius: 16px; } }
@media (min-width: 992px) {
  .our-mission p {
    max-width: 600px; } }

.behind-work {
  padding-top: 55px;
  padding-bottom: 42px;
  background-color: #F3F3F380; }
  @media (max-width: 991px) {
    .behind-work .row {
      margin: 0px; } }
  .behind-work h2 {
    font-size: 36px;
    margin-bottom: 4px; }
    @media (max-width: 991px) {
      .behind-work h2 {
        font-size: 24px;
        line-height: 32px; } }
  .behind-work .section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px; }
  .behind-work .carousel {
    overflow: hidden;
    position: relative;
    margin-top: 31px; }
  .behind-work .carousel-track {
    display: flex;
    gap: 22px;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .behind-work .carousel-track {
        FLEX-WRAP: WRAP; } }
  .behind-work .card {
    cursor: grab; }
    @media (max-width: 991px) {
      .behind-work .card {
        width: calc(50% - 11px); } }
    @media (max-width: 380px) {
      .behind-work .card {
        width: 100%; } }
    .behind-work .card img {
      width: 100%;
      height: 253px;
      object-fit: cover;
      border-radius: 16px;
      position: relative; }
      @media (min-width: 381px) and (max-width: 470px) {
        .behind-work .card img {
          height: 160px; } }
      @media (min-width: 992px) {
        .behind-work .card img {
          min-width: 266px; } }
    .behind-work .card .name {
      font-family: var(--secondary-font);
      font-weight: 700;
      font-size: 18px;
      margin-top: 7px;
      color: #000; }
      @media (max-width: 767px) {
        .behind-work .card .name {
          font-size: 15px; } }
    .behind-work .card .role {
      font-family: var(--title-new);
      font-weight: 500;
      font-size: 15px;
      color: var(--theme-color); }
      @media (max-width: 767px) {
        .behind-work .card .role {
          font-size: 12px; } }
    .behind-work .card .img-layer {
      position: relative; }
      .behind-work .card .img-layer .linkedin-link::before {
        content: "";
        background-image: url(../images/linkedin-icon.svg);
        left: 5px;
        width: 34px;
        position: absolute;
        height: 34px;
        bottom: 6px; }
  .behind-work .dots {
    text-align: center;
    margin-top: 20px;
    display: none; }
    .behind-work .dots span {
      width: 10px;
      height: 10px;
      background: #ccc;
      display: inline-block;
      margin: 0 5px;
      border-radius: 50%;
      cursor: pointer;
      transition: 0.3s; }
      .behind-work .dots span.active {
        background: #13A5DB; }
  .behind-work .behind-work-button {
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center; }

.join-family {
  padding-top: 50px;
  padding-bottom: 79px; }
  @media (max-width: 991px) {
    .join-family {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media (max-width: 991px) {
    .join-family .row {
      margin: 0px; } }
  .join-family h2 {
    max-width: 949px;
    text-align: center;
    font-size: 36px;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      .join-family h2 {
        font-size: 24px;
        line-height: 32px; } }
  .join-family p {
    margin-bottom: 23px; }
  .join-family img {
    border-radius: 16px; }

@media (max-width: 767px) {
  .page-id-383 .button-block, .page-id-376 .button-block {
    flex-direction: column;
    align-items: center; } }

.sub-page-banner {
  padding-top: 50px;
  padding-bottom: 45px; }

.hire-wrap .button-block,
.digital-wrap .button-block,
.customer-experience .button-block {
  display: flex !important;
  gap: 9px;
  justify-content: start; }
  .hire-wrap .button-block a.support,
  .digital-wrap .button-block a.support,
  .customer-experience .button-block a.support {
    min-width: 153px;
    height: 45px;
    border-radius: 23px;
    border: 1.5px solid #203B7B;
    color: #203B7B;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    padding: 7px 21px;
    font-size: 17px;
    font-family: var(--secondary-font); }
    .hire-wrap .button-block a.support:hover,
    .digital-wrap .button-block a.support:hover,
    .customer-experience .button-block a.support:hover {
      border: 1.5px solid #13A5DB;
      color: #13A5DB;
      background-color: #ffffff00; }
    @media (max-width: 400px) {
      .hire-wrap .button-block a.support,
      .digital-wrap .button-block a.support,
      .customer-experience .button-block a.support {
        font-size: 14px; } }
.hire-wrap a.free-quote,
.digital-wrap a.free-quote,
.customer-experience a.free-quote {
  min-width: 153px;
  height: 45px;
  border-radius: 23px;
  border: 1.5px solid #203B7B;
  background-color: #203B7B;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 17px;
  padding: 7px 21px;
  font-family: var(--title-new); }
  .hire-wrap a.free-quote:hover,
  .digital-wrap a.free-quote:hover,
  .customer-experience a.free-quote:hover {
    border: 1px solid #13A5DB;
    color: #ffffff;
    background-color: #13A5DB; }
  @media (max-width: 400px) {
    .hire-wrap a.free-quote,
    .digital-wrap a.free-quote,
    .customer-experience a.free-quote {
      font-size: 14px; } }
  .hire-wrap a.free-quote a.contact,
  .digital-wrap a.free-quote a.contact,
  .customer-experience a.free-quote a.contact {
    min-width: 140px !important;
    height: 45px;
    border-radius: 23px;
    border: 1.5px solid #203B7B;
    background-color: #ffffff00;
    color: #203B7B;
    font-weight: 600;
    line-height: 30px;
    padding: 7px 21px;
    text-align: center;
    font-family: var(--secondary-font); }
    .hire-wrap a.free-quote a.contact:hover,
    .digital-wrap a.free-quote a.contact:hover,
    .customer-experience a.free-quote a.contact:hover {
      border: 1px solid #13A5DB;
      color: #13A5DB;
      background-color: #ffffff00; }
.hire-wrap .boost-online,
.hire-wrap .partner-shopify,
.digital-wrap .boost-online,
.digital-wrap .partner-shopify,
.customer-experience .boost-online,
.customer-experience .partner-shopify {
  padding-top: 53px; }
  .hire-wrap .boost-online h2,
  .hire-wrap .partner-shopify h2,
  .digital-wrap .boost-online h2,
  .digital-wrap .partner-shopify h2,
  .customer-experience .boost-online h2,
  .customer-experience .partner-shopify h2 {
    padding-top: 63px;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-online h2,
      .hire-wrap .partner-shopify h2,
      .digital-wrap .boost-online h2,
      .digital-wrap .partner-shopify h2,
      .customer-experience .boost-online h2,
      .customer-experience .partner-shopify h2 {
        font-size: 26px;
        padding-top: 0px;
        line-height: 32px; } }
  .hire-wrap .boost-online p,
  .hire-wrap .partner-shopify p,
  .digital-wrap .boost-online p,
  .digital-wrap .partner-shopify p,
  .customer-experience .boost-online p,
  .customer-experience .partner-shopify p {
    font-size: 18px;
    line-height: 30px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-online p,
      .hire-wrap .partner-shopify p,
      .digital-wrap .boost-online p,
      .digital-wrap .partner-shopify p,
      .customer-experience .boost-online p,
      .customer-experience .partner-shopify p {
        font-size: 16px;
        line-height: 1.5; } }
  .hire-wrap .boost-online .content-blocker .button-block,
  .hire-wrap .partner-shopify .content-blocker .button-block,
  .digital-wrap .boost-online .content-blocker .button-block,
  .digital-wrap .partner-shopify .content-blocker .button-block,
  .customer-experience .boost-online .content-blocker .button-block,
  .customer-experience .partner-shopify .content-blocker .button-block {
    justify-content: flex-start;
    margin-bottom: 0px; }
  @media (max-width: 991px) {
    .hire-wrap .boost-online .right-part,
    .hire-wrap .partner-shopify .right-part,
    .digital-wrap .boost-online .right-part,
    .digital-wrap .partner-shopify .right-part,
    .customer-experience .boost-online .right-part,
    .customer-experience .partner-shopify .right-part {
      padding-top: 15px; } }
.hire-wrap .boost-ecommerce,
.digital-wrap .boost-ecommerce,
.customer-experience .boost-ecommerce {
  padding-top: 94px; }
  @media (max-width: 991px) {
    .hire-wrap .boost-ecommerce,
    .digital-wrap .boost-ecommerce,
    .customer-experience .boost-ecommerce {
      padding-top: 40px; } }
  .hire-wrap .boost-ecommerce .boost-ecommerce-container,
  .digital-wrap .boost-ecommerce .boost-ecommerce-container,
  .customer-experience .boost-ecommerce .boost-ecommerce-container {
    background-color: #EBEBEBB2;
    border-radius: 25px;
    padding: 59px 54px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-ecommerce .boost-ecommerce-container,
      .digital-wrap .boost-ecommerce .boost-ecommerce-container,
      .customer-experience .boost-ecommerce .boost-ecommerce-container {
        padding: 20px; } }
    @media (max-width: 767px) {
      .hire-wrap .boost-ecommerce .boost-ecommerce-container,
      .digital-wrap .boost-ecommerce .boost-ecommerce-container,
      .customer-experience .boost-ecommerce .boost-ecommerce-container {
        padding: 20px 10px; } }
  .hire-wrap .boost-ecommerce .content-blocker,
  .digital-wrap .boost-ecommerce .content-blocker,
  .customer-experience .boost-ecommerce .content-blocker {
    max-width: 568px; }
  .hire-wrap .boost-ecommerce h2,
  .digital-wrap .boost-ecommerce h2,
  .customer-experience .boost-ecommerce h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 30px;
    margin-top: 37px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-ecommerce h2,
      .digital-wrap .boost-ecommerce h2,
      .customer-experience .boost-ecommerce h2 {
        font-size: 26px;
        padding-top: 0px;
        line-height: 32px;
        margin: 0 0 15px 0; } }
  .hire-wrap .boost-ecommerce h3,
  .digital-wrap .boost-ecommerce h3,
  .customer-experience .boost-ecommerce h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 37px;
    margin-bottom: 0px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-ecommerce h3,
      .digital-wrap .boost-ecommerce h3,
      .customer-experience .boost-ecommerce h3 {
        font-size: 18px;
        line-height: 22px; } }
  .hire-wrap .boost-ecommerce hr,
  .digital-wrap .boost-ecommerce hr,
  .customer-experience .boost-ecommerce hr {
    background-color: #D9D9D980;
    border: none;
    height: 2px;
    margin-top: 12px;
    margin-bottom: 19px; }
  .hire-wrap .boost-ecommerce p,
  .digital-wrap .boost-ecommerce p,
  .customer-experience .boost-ecommerce p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px; }
    @media (max-width: 991px) {
      .hire-wrap .boost-ecommerce p,
      .digital-wrap .boost-ecommerce p,
      .customer-experience .boost-ecommerce p {
        font-size: 16px;
        line-height: 1.5; } }
  .hire-wrap .boost-ecommerce img,
  .digital-wrap .boost-ecommerce img,
  .customer-experience .boost-ecommerce img {
    border-radius: 25px; }
.hire-wrap .smart-marketing,
.digital-wrap .smart-marketing,
.customer-experience .smart-marketing {
  padding-top: 66px; }
  @media (max-width: 991px) {
    .hire-wrap .smart-marketing,
    .digital-wrap .smart-marketing,
    .customer-experience .smart-marketing {
      padding-top: 40px; } }
  .hire-wrap .smart-marketing .b2b-service-block .row,
  .digital-wrap .smart-marketing .b2b-service-block .row,
  .customer-experience .smart-marketing .b2b-service-block .row {
    gap: 30px; }
    .hire-wrap .smart-marketing .b2b-service-block .row .store-wrapper,
    .digital-wrap .smart-marketing .b2b-service-block .row .store-wrapper,
    .customer-experience .smart-marketing .b2b-service-block .row .store-wrapper {
      height: 340px; }
      @media (max-width: 499px) {
        .hire-wrap .smart-marketing .b2b-service-block .row .store-wrapper,
        .digital-wrap .smart-marketing .b2b-service-block .row .store-wrapper,
        .customer-experience .smart-marketing .b2b-service-block .row .store-wrapper {
          height: auto !important; } }
      @media (max-width: 1200px) {
        .hire-wrap .smart-marketing .b2b-service-block .row .store-wrapper .store-img img,
        .digital-wrap .smart-marketing .b2b-service-block .row .store-wrapper .store-img img,
        .customer-experience .smart-marketing .b2b-service-block .row .store-wrapper .store-img img {
          height: 120px; } }
    .hire-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
    .digital-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
    .customer-experience .smart-marketing .b2b-service-block .row .col-lg-4 {
      padding: 0; }
      @media (min-width: 992px) {
        .hire-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
        .digital-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
        .customer-experience .smart-marketing .b2b-service-block .row .col-lg-4 {
          flex: 0 0 auto;
          width: calc(33.3333333333% - 20px); } }
      @media (min-width: 500px) and (max-width: 991px) {
        .hire-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
        .digital-wrap .smart-marketing .b2b-service-block .row .col-lg-4,
        .customer-experience .smart-marketing .b2b-service-block .row .col-lg-4 {
          flex: 0 0 auto;
          width: calc(50% - 15px);
          padding: 0; } }
    @media (min-width: 992px) {
      .hire-wrap .smart-marketing .b2b-service-block .row .col-lg-3,
      .digital-wrap .smart-marketing .b2b-service-block .row .col-lg-3,
      .customer-experience .smart-marketing .b2b-service-block .row .col-lg-3 {
        flex: 0 0 auto;
        width: calc(25% - 23px);
        padding: 0; } }
    @media (min-width: 500px) and (max-width: 991px) {
      .hire-wrap .smart-marketing .b2b-service-block .row .col-lg-3,
      .digital-wrap .smart-marketing .b2b-service-block .row .col-lg-3,
      .customer-experience .smart-marketing .b2b-service-block .row .col-lg-3 {
        flex: 0 0 auto;
        width: calc(50% - 15px);
        padding: 0; } }
  .hire-wrap .smart-marketing h2,
  .digital-wrap .smart-marketing h2,
  .customer-experience .smart-marketing h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 6px; }
    @media (max-width: 991px) {
      .hire-wrap .smart-marketing h2,
      .digital-wrap .smart-marketing h2,
      .customer-experience .smart-marketing h2 {
        font-size: 26px;
        padding-top: 0px;
        line-height: 32px;
        margin: 0; } }
  .hire-wrap .smart-marketing p,
  .digital-wrap .smart-marketing p,
  .customer-experience .smart-marketing p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 39px; }
    @media (max-width: 991px) {
      .hire-wrap .smart-marketing p,
      .digital-wrap .smart-marketing p,
      .customer-experience .smart-marketing p {
        font-size: 16px;
        line-height: 1.5; } }
  .hire-wrap .smart-marketing .store-wrapper,
  .digital-wrap .smart-marketing .store-wrapper,
  .customer-experience .smart-marketing .store-wrapper {
    border-radius: 12px;
    padding: 0px; }
    .hire-wrap .smart-marketing .store-wrapper .store-inner,
    .digital-wrap .smart-marketing .store-wrapper .store-inner,
    .customer-experience .smart-marketing .store-wrapper .store-inner {
      padding: 0px 19px 45px 19px; }
    .hire-wrap .smart-marketing .store-wrapper .store-img,
    .digital-wrap .smart-marketing .store-wrapper .store-img,
    .customer-experience .smart-marketing .store-wrapper .store-img {
      display: flex;
      justify-content: end; }
  .hire-wrap .smart-marketing .wrap1,
  .digital-wrap .smart-marketing .wrap1,
  .customer-experience .smart-marketing .wrap1 {
    background-color: #F4F1EA; }
  .hire-wrap .smart-marketing .wrap2,
  .digital-wrap .smart-marketing .wrap2,
  .customer-experience .smart-marketing .wrap2 {
    background-color: #ECEEF4; }
  .hire-wrap .smart-marketing .wrap3,
  .digital-wrap .smart-marketing .wrap3,
  .customer-experience .smart-marketing .wrap3 {
    background-color: #D4ECEE; }
  .hire-wrap .smart-marketing .wrap4,
  .digital-wrap .smart-marketing .wrap4,
  .customer-experience .smart-marketing .wrap4 {
    background-color: #F5EBEB; }
  .hire-wrap .smart-marketing .wrap5,
  .digital-wrap .smart-marketing .wrap5,
  .customer-experience .smart-marketing .wrap5 {
    background-color: #E5F1E6; }
  .hire-wrap .smart-marketing .wrap6,
  .digital-wrap .smart-marketing .wrap6,
  .customer-experience .smart-marketing .wrap6 {
    background-color: #FFF1F1; }
  .hire-wrap .smart-marketing .wrap7,
  .digital-wrap .smart-marketing .wrap7,
  .customer-experience .smart-marketing .wrap7 {
    background-color: #FFDFCA; }
  .hire-wrap .smart-marketing .wrap8,
  .digital-wrap .smart-marketing .wrap8,
  .customer-experience .smart-marketing .wrap8 {
    background-color: #E7DCFF; }
  .hire-wrap .smart-marketing h3,
  .digital-wrap .smart-marketing h3,
  .customer-experience .smart-marketing h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
    max-width: 290px; }
    @media (max-width: 991px) {
      .hire-wrap .smart-marketing h3,
      .digital-wrap .smart-marketing h3,
      .customer-experience .smart-marketing h3 {
        font-size: 20px;
        line-height: 26px; } }
  .hire-wrap .smart-marketing p,
  .digital-wrap .smart-marketing p,
  .customer-experience .smart-marketing p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #000000; }
.hire-wrap .hire-digital,
.digital-wrap .hire-digital,
.customer-experience .hire-digital {
  padding-top: 74px;
  padding-bottom: 84px; }
  .hire-wrap .hire-digital .container .row,
  .digital-wrap .hire-digital .container .row,
  .customer-experience .hire-digital .container .row {
    background-color: #EFF1F3;
    border-radius: 20px;
    padding: 14px 38px 38px 38px; }
    @media (max-width: 991px) {
      .hire-wrap .hire-digital .container .row,
      .digital-wrap .hire-digital .container .row,
      .customer-experience .hire-digital .container .row {
        padding: 20px; } }
    @media (max-width: 567px) {
      .hire-wrap .hire-digital .container .row,
      .digital-wrap .hire-digital .container .row,
      .customer-experience .hire-digital .container .row {
        padding: 20px 0px; } }
    @media (max-width: 991px) {
      .hire-wrap .hire-digital .container .row .special-image,
      .digital-wrap .hire-digital .container .row .special-image,
      .customer-experience .hire-digital .container .row .special-image {
        text-align: center; } }
  .hire-wrap .hire-digital h2,
  .digital-wrap .hire-digital h2,
  .customer-experience .hire-digital h2 {
    font-size: 32px;
    margin-bottom: 12px;
    margin-top: 50px; }
    @media (max-width: 991px) {
      .hire-wrap .hire-digital h2,
      .digital-wrap .hire-digital h2,
      .customer-experience .hire-digital h2 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 25px; } }
  .hire-wrap .hire-digital p,
  .digital-wrap .hire-digital p,
  .customer-experience .hire-digital p {
    margin-bottom: 20px; }
  .hire-wrap .hire-digital ul,
  .digital-wrap .hire-digital ul,
  .customer-experience .hire-digital ul {
    margin-bottom: 21px; }

.hire-wrap .banner.banner_bg_section .content-layer .title {
  max-width: 842px; }
.hire-wrap .banner.banner_bg_section .content-layer p {
  max-width: 840px; }

@media (min-width: 1200px) {
  .hire-wrap .banner-block {
    margin-top: -265px !important; } }

.partner-shopify {
  background-color: #E9ECEA;
  margin-top: -135px;
  padding-bottom: 110px;
  padding-top: 103px !important; }
  @media (max-width: 991px) {
    .partner-shopify {
      padding: 52px 0px; } }
  .partner-shopify .button-block {
    display: flex;
    gap: 9px;
    flex-wrap: wrap; }
    .partner-shopify .button-block a.button::after {
      display: none; }
  .partner-shopify h2 {
    padding-top: 140px !important;
    font-size: 34px;
    max-width: 625px; }
    @media (max-width: 991px) {
      .partner-shopify h2 {
        font-size: 26px;
        line-height: 32px;
        max-width: 100%;
        padding-top: 95px !important; } }
  .partner-shopify p {
    margin-bottom: 40px; }
  @media (max-width: 991px) {
    .partner-shopify .big-image {
      padding-top: 20px; } }

.featured-shopify-section {
  background-color: #F3F5F3;
  padding-top: 73px;
  padding-bottom: 65px; }
  @media (max-width: 991px) {
    .featured-shopify-section {
      padding: 40px 0px; } }
  .featured-shopify-section .featured-shopify {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    column-gap: 33px;
    row-gap: 29px;
    margin: auto;
    grid-template-areas: "card1 center card2" "card3 center card4"; }
    @media (max-width: 992px) {
      .featured-shopify-section .featured-shopify {
        grid-auto-rows: 0fr; } }
    .featured-shopify-section .featured-shopify .feature-card:nth-child(1) {
      grid-area: card1; }
    .featured-shopify-section .featured-shopify .center-card {
      grid-area: center; }
    .featured-shopify-section .featured-shopify .feature-card:nth-child(3) {
      grid-area: card2; }
    .featured-shopify-section .featured-shopify .feature-card:nth-child(4) {
      grid-area: card3; }
    .featured-shopify-section .featured-shopify .feature-card:nth-child(5) {
      grid-area: card4; }
    .featured-shopify-section .featured-shopify .feature-card {
      background: #fff;
      padding: 50px 26px;
      border-radius: 20px;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); }
      @media (max-width: 991px) {
        .featured-shopify-section .featured-shopify .feature-card {
          padding: 30px; } }
    .featured-shopify-section .featured-shopify h3 {
      font-weight: 700;
      font-size: 24px;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .featured-shopify-section .featured-shopify h3 {
          font-size: 20px; } }
    .featured-shopify-section .featured-shopify p {
      font-size: 16.5px;
      line-height: 26px;
      margin-bottom: 0px; }
      @media (max-width: 991px) {
        .featured-shopify-section .featured-shopify p {
          font-size: 14px; } }
    .featured-shopify-section .featured-shopify .center-card {
      background: #B6FB69;
      border-radius: 20px;
      padding: 41px 49px 0px 49px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center; }
      .featured-shopify-section .featured-shopify .center-card h2 {
        font-size: 30px;
        line-height: 39px;
        text-align: center; }
        @media (max-width: 991px) {
          .featured-shopify-section .featured-shopify .center-card h2 {
            font-size: 26px;
            line-height: 32px; } }
      .featured-shopify-section .featured-shopify .center-card p {
        font-size: 17px;
        color: #4F4F4F; }
      .featured-shopify-section .featured-shopify .center-card .center-image {
        width: 260px;
        margin-top: 10px; }
    @media (max-width: 992px) {
      .featured-shopify-section .featured-shopify {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "card1 card2" "center center" "card3 card4"; } }
    @media (max-width: 768px) {
      .featured-shopify-section .featured-shopify {
        grid-template-columns: 1fr;
        grid-template-areas: "card1" "card2" "center" "card3" "card4"; } }

.hire-expert {
  background-color: #F6F7F7;
  padding-top: 57px;
  padding-bottom: 72px; }
  @media (max-width: 991px) {
    .hire-expert {
      padding: 40px 0px; } }
  .hire-expert .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    gap: 34px; }
    @media (min-width: 992px) {
      .hire-expert .row .col-lg-4 {
        flex: 0 0 auto;
        width: calc(33.333333% - 23px);
        padding: 0px; } }
  .hire-expert h2 {
    font-size: 32px;
    line-height: 52px; }
    @media (max-width: 991px) {
      .hire-expert h2 {
        font-size: 26px;
        line-height: 32px; } }
  @media (max-width: 991px) {
    .hire-expert .hire-service-block .col-lg-4 {
      padding: 0px; } }
  .hire-expert .hire-service-block .hire-wrapper {
    background-color: #E9ECEA;
    border-radius: 10px;
    padding: 31px 25px; }
    @media (min-width: 991px) {
      .hire-expert .hire-service-block .hire-wrapper {
        height: 424px; } }
    .hire-expert .hire-service-block .hire-wrapper h3 {
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: 700; }
      @media (max-width: 991px) {
        .hire-expert .hire-service-block .hire-wrapper h3 {
          font-size: 20px; } }
    .hire-expert .hire-service-block .hire-wrapper p {
      font-size: 16.5px;
      line-height: 23px;
      color: #686868;
      margin-bottom: 26px; }
      @media (max-width: 991px) {
        .hire-expert .hire-service-block .hire-wrapper p {
          font-size: 14px; } }
    @media (max-width: 991px) {
      .hire-expert .hire-service-block .hire-wrapper .store-img {
        text-align: center; } }
    .hire-expert .hire-service-block .hire-wrapper .store-img img {
      border-radius: 16px; }

.why-hire {
  background-color: #EFF1F3 !important;
  padding-bottom: 64px !important;
  padding-top: 63px !important; }
  .why-hire .container {
    background-color: #fff !important;
    padding: 39px 38px; }
    @media (max-width: 991px) {
      .why-hire .container {
        padding: 15px; } }
  @media (max-width: 991px) {
    .why-hire .special-image {
      text-align: center; } }
  .why-hire h2 {
    font-size: 32px;
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      .why-hire h2 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 25px; } }
  .why-hire p {
    line-height: 27px;
    margin-bottom: 20px; }
  .why-hire li {
    display: inline-block;
    padding-left: 35px;
    /* space for the icon */
    padding-bottom: 15px;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 0px;
    color: #000000; }
    @media (max-width: 991px) {
      .why-hire li {
        font-size: 16px; } }
  .why-hire li::before {
    content: "";
    background: url("../images/hire-icon.svg") no-repeat center/cover;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 4px; }
  .why-hire ul {
    margin-bottom: 21px; }
  .why-hire .hire-button {
    width: max-content;
    padding: 9px 28px;
    background-color: #203B7B;
    border: 1.5px solid #203B7B;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 23px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--secondary-font);
    display: flex;
    align-items: center;
    justify-content: center; }
    .why-hire .hire-button:hover {
      border: 1.5px solid #13A5DB;
      color: #ffffff;
      background-color: #13A5DB; }
    @media (max-width: 991px) {
      .why-hire .hire-button {
        font-size: 16px; } }

.portfolio {
  background-color: #E9ECEA;
  padding-top: 53px;
  padding-bottom: 93px; }
  @media (max-width: 991px) {
    .portfolio {
      padding: 40px 0px; } }
  .portfolio h2 {
    font-size: 32px;
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      .portfolio h2 {
        font-size: 26px;
        line-height: 32px; } }
  .portfolio p {
    margin-bottom: 39px;
    line-height: 27px; }
  .portfolio .work-list h4 {
    font-weight: 700;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 5px; }
    @media (max-width: 991px) {
      .portfolio .work-list h4 {
        font-size: 18px; } }
  .portfolio .work-list p {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 19px;
    color: #5a5a5a; }
    @media (max-width: 991px) {
      .portfolio .work-list p {
        font-size: 15px; } }
  .portfolio .view-button {
    min-width: 120px;
    height: 45px;
    border-radius: 23px;
    border: 1.5px solid #203B7B;
    color: #203B7B;
    font-weight: 600;
    line-height: 30px;
    padding: 7px 26px;
    font-family: var(--secondary-font); }
    .portfolio .view-button:hover {
      border: 1.5px solid #13A5DB;
      color: #13A5DB;
      background-color: #ffffff00; }
  .portfolio .view-all-btn {
    margin-top: 37px; }

.hire-shopify-blog {
  background-color: #ECF3F1; }

.ecom-success {
  padding: 73px 0px; }
  @media (max-width: 991px) {
    .ecom-success {
      padding: 40px 0px; } }
  @media (max-width: 991px) {
    .ecom-success .content-blocker {
      margin-top: 30px; } }
  .ecom-success h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 7px; }
    @media (max-width: 991px) {
      .ecom-success h2 {
        font-size: 26px;
        line-height: 32px; } }
  .ecom-success p {
    margin-bottom: 22px; }

.help-businesses .container {
  background-color: #EEF8FF;
  padding: 51px 67px;
  border-radius: 15px; }
  @media (max-width: 991px) {
    .help-businesses .container {
      padding: 31px 47px; } }
.help-businesses p {
  margin: 7px 0px 44px 0px; }
@media (max-width: 991px) {
  .help-businesses .store-img {
    display: flex;
    align-items: center;
    justify-content: center; } }
.help-businesses .store-inner {
  padding: 14px 22px;
  background-color: #FFFFFF;
  border-radius: 15px; }
  .help-businesses .store-inner h3 {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 2px; }
    @media (max-width: 991px) {
      .help-businesses .store-inner h3 {
        font-size: 16px; } }
  @media (max-width: 991px) {
    .help-businesses .store-inner p {
      font-size: 16px; } }
.help-businesses .row {
  margin: 0;
  gap: 42px; }
  @media (max-width: 991px) {
    .help-businesses .row {
      gap: 20px; } }
.help-businesses .col-lg-4 {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 28px);
  gap: 26px;
  display: flex;
  flex-direction: column;
  padding: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .help-businesses .col-lg-4 {
      width: calc(35.333333% - 26px); } }
  @media (max-width: 767px) {
    .help-businesses .col-lg-4 {
      width: 100%; } }
  .help-businesses .col-lg-4 p {
    margin: 0; }

.why-choose-seamedia {
  margin-top: 60px; }
  .why-choose-seamedia .container {
    background: #E6F4D7;
    padding: 41px 32px 65px 40px;
    border-radius: 15px; }
    @media (max-width: 991px) {
      .why-choose-seamedia .container {
        padding: 30px; } }
    .why-choose-seamedia .container .container {
      padding: 0px; }
    .why-choose-seamedia .container .section-header {
      text-align: left; }
      .why-choose-seamedia .container .section-header h2 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 7px; }
        @media (max-width: 991px) {
          .why-choose-seamedia .container .section-header h2 {
            font-size: 26px;
            line-height: 32px; } }
      .why-choose-seamedia .container .section-header p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 59px; }
        @media (max-width: 991px) {
          .why-choose-seamedia .container .section-header p {
            font-size: 16px;
            margin-bottom: 30px; } }
    .why-choose-seamedia .container .content-wrapper {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 27px; }
      @media (max-width: 991px) {
        .why-choose-seamedia .container .content-wrapper {
          grid-template-columns: repeat(1, 1fr);
          gap: 0px; } }
    .why-choose-seamedia .container .wc-image img {
      width: 100%;
      border-radius: 12px; }
      @media (max-width: 991px) {
        .why-choose-seamedia .container .wc-image img {
          margin-bottom: 50px; } }
    .why-choose-seamedia .container .wc-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 20px;
      row-gap: 56px; }
      @media (max-width: 991px) {
        .why-choose-seamedia .container .wc-cards {
          grid-template-columns: repeat(2, 1fr);
          row-gap: 40px; } }
      @media (max-width: 465px) {
        .why-choose-seamedia .container .wc-cards {
          grid-template-columns: repeat(1, 1fr) !important; } }
      .why-choose-seamedia .container .wc-cards .wc-card {
        position: relative;
        background: #fff;
        padding: 27px 33px 18px 21px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
        transition: 0.3s ease; }
        .why-choose-seamedia .container .wc-cards .wc-card:hover {
          transform: translateY(-5px);
          box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.1); }
        .why-choose-seamedia .container .wc-cards .wc-card .icon {
          position: absolute;
          top: -25px;
          left: 50%;
          transform: translateX(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .why-choose-seamedia .container .wc-cards .wc-card .icon img {
            width: 75px;
            height: 75px; }
            @media (max-width: 991px) {
              .why-choose-seamedia .container .wc-cards .wc-card .icon img {
                width: 55px;
                height: 55px; } }
        .why-choose-seamedia .container .wc-cards .wc-card h3 {
          font-weight: 700;
          font-size: 22px;
          line-height: 22px;
          margin-bottom: 10px;
          margin-top: 38px; }
          @media (max-width: 991px) {
            .why-choose-seamedia .container .wc-cards .wc-card h3 {
              font-size: 20px;
              margin-top: 20px; } }
        .why-choose-seamedia .container .wc-cards .wc-card p {
          font-size: 17px;
          line-height: 24px;
          margin-bottom: 0px; }
          @media (max-width: 991px) {
            .why-choose-seamedia .container .wc-cards .wc-card p {
              font-size: 14px; } }

.global-reach {
  padding: 75px 0 0 0;
  /* LEFT TEXT SECTION */
  /* RIGHT SIDE HORIZONTAL CAROUSEL */ }
  .global-reach .container {
    border-radius: 16px;
    padding: 46px 0px 46px 46px; }
    @media (max-width: 1100px) {
      .global-reach .container {
        padding: 30px 15px 30px 30px; } }
  .global-reach .gr-content .col-lg-7 {
    padding: 0px; }
    @media (min-width: 992px) {
      .global-reach .gr-content .col-lg-7 {
        flex: 0 0 auto;
        width: 57.333333%; } }
  .global-reach .gr-phone-carousal {
    position: relative;
    overflow: hidden; }
    @media (max-width: 1100px) {
      .global-reach .gr-phone-carousal {
        grid-template-columns: 1fr; } }
  @media (max-width: 1100px) {
    .global-reach .gr-left p {
      max-width: 100%; } }
  .global-reach .gr-left .gr-buttons {
    margin-top: 20px;
    display: flex;
    gap: 15px; }
    @media (max-width: 1100px) {
      .global-reach .gr-left .gr-buttons {
        justify-content: center; } }
  @media (max-width: 1100px) {
    .global-reach .gr-left .button-block {
      justify-content: center;
      margin-bottom: 20px; } }
  .global-reach .gr-carousel {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: -252px;
    padding-bottom: 50px;
    margin-left: 9px;
    max-width: calc(100% - 9px); }
    .global-reach .gr-carousel::-webkit-scrollbar {
      display: none; }
    .global-reach .gr-carousel .carousel-track {
      flex-wrap: nowrap;
      left: 30px;
      bottom: 25px;
      display: flex;
      gap: 20px;
      width: max-content; }
    .global-reach .gr-carousel .carousel-item {
      min-width: 180px;
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      cursor: pointer;
      transition: 0.3s ease; }
      .global-reach .gr-carousel .carousel-item::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: #00000040;
        pointer-events: none; }
      .global-reach .gr-carousel .carousel-item:hover {
        transform: translateY(-5px); }
      .global-reach .gr-carousel .carousel-item img {
        width: 100%;
        height: 217px;
        object-fit: cover;
        border-radius: 16px; }
      .global-reach .gr-carousel .carousel-item span {
        position: absolute;
        bottom: 10px;
        left: 12px;
        color: #fff;
        font-family: var(--secondary-font);
        font-weight: 600;
        font-size: 20px;
        z-index: 1; }
        @media (max-width: 767px) {
          .global-reach .gr-carousel .carousel-item span {
            font-size: 14px; } }

.region-section {
  padding-top: 90px;
  padding-bottom: 59px; }
  @media (max-width: 991px) {
    .region-section {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .region-section h2 {
    font-size: 32px;
    line-height: 37px;
    text-transform: uppercase;
    margin-bottom: 28px; }
    @media (max-width: 991px) {
      .region-section h2 {
        font-size: 26px;
        line-height: 32px; } }
  .region-section .filtered-regions-container {
    margin-block-start: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 13px;
    margin-bottom: 58px; }
    @media (max-width: 991px) {
      .region-section .filtered-regions-container {
        grid-template-columns: 1fr 1fr; } }
    .region-section .filtered-regions-container .region-link-button {
      background: url(../images/region-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 6px;
      text-align: center;
      padding: 14px 20px;
      font-size: 18px;
      font-weight: var(--semi-bold);
      color: #000; }
      @media (max-width: 767px) {
        .region-section .filtered-regions-container .region-link-button {
          font-size: 14px;
          padding: 12px 20px; } }

@media (min-width: 767px) and (max-width: 1200px) {
  .portfolio-list .banner.banner_bg_section {
    height: 50%; } }
@media (max-width: 500px) {
  .portfolio-list .banner.banner_bg_section {
    height: 30%; } }
.portfolio-list .img-logos {
  display: flex;
  gap: clamp(15px, 4vw, 70px);
  align-items: center;
  justify-content: center;
  padding: 37px 0px 30px 0px; }
  .portfolio-list .img-logos img {
    width: clamp(70px, 12vw, 120px);
    height: auto;
    object-fit: contain; }
@media (max-width: 540px) {
  .portfolio-list .img-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 per row */
    gap: 20px;
    justify-items: center; }
  .portfolio-list .img-logos img {
    max-width: 100%;
    width: 120px;
    /* adjust if needed */
    height: auto; } }
.portfolio-list .work-wrap {
  padding-top: 42px;
  padding-bottom: 71px; }
  .portfolio-list .work-wrap .row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 44px;
    row-gap: 44px; }
    @media (max-width: 991px) {
      .portfolio-list .work-wrap .row {
        row-gap: 30px;
        margin: 15px 0px !important; } }
  @media (min-width: 992px) {
    .portfolio-list .work-wrap .filter-item {
      flex: 0 0 calc(50% - 22px);
      max-width: calc(50% - 22px); } }
  @media (max-width: 991px) {
    .portfolio-list .work-wrap .filter-item {
      flex: 0 0 100%;
      max-width: 100%; } }
  .portfolio-list .work-wrap .filter-item {
    padding: 0; }
  .portfolio-list .work-wrap h4 {
    font-family: var(--title-new);
    font-weight: 400;
    font-size: 21px;
    line-height: 48px;
    margin-bottom: 8px;
    color: #686868; }
    @media (max-width: 991px) {
      .portfolio-list .work-wrap h4 {
        font-size: 18px; } }
  .portfolio-list .work-wrap .industry-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 68px; }
    .portfolio-list .work-wrap .industry-filters .filter-btn {
      min-width: 148px;
      height: 51px;
      border: 1px solid var(--theme-color);
      color: var(--theme-color);
      border-radius: 70px;
      background-color: #fff;
      font-weight: 500;
      font-size: 19px;
      line-height: 48px;
      font-family: var(--secondary-font); }
      @media (max-width: 991px) {
        .portfolio-list .work-wrap .industry-filters .filter-btn {
          min-width: 100px;
          height: 40px;
          line-height: 28px; } }
      @media (max-width: 767px) {
        .portfolio-list .work-wrap .industry-filters .filter-btn {
          min-width: 80px;
          height: 30px;
          line-height: 18px; } }
      .portfolio-list .work-wrap .industry-filters .filter-btn:hover, .portfolio-list .work-wrap .industry-filters .filter-btn.active {
        background-color: var(--theme-color);
        color: #fff;
        border-color: #000; }
  .portfolio-list .work-wrap .filter-item {
    transition: all 0.3s ease; }
  .portfolio-list .work-wrap h3 {
    font-family: var(--title-new);
    font-weight: 700;
    font-size: 28px;
    line-height: 48px;
    margin: 9px 0px 2px 0px; }
    @media (max-width: 991px) {
      .portfolio-list .work-wrap h3 {
        font-size: 22px;
        line-height: 36px; } }
  .portfolio-list .work-wrap p {
    font-size: 20px;
    line-height: 26px;
    color: #565656;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .portfolio-list .work-wrap p {
        font-size: 18px; } }
  @media (max-width: 768px) {
    .portfolio-list .work-wrap .industry-filters {
      gap: 8px;
      margin-bottom: 44px; }
      .portfolio-list .work-wrap .industry-filters .filter-btn {
        font-size: 13px;
        padding: 6px 14px; } }

.shopify-expert {
  padding: 70px 0px; }
  @media (max-width: 991px) {
    .shopify-expert {
      padding: 35px 0px; } }
  .shopify-expert h5 {
    font-family: var(--title-new);
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #13A5DB; }
    @media (max-width: 991px) {
      .shopify-expert h5 {
        font-size: 15px; } }
  .shopify-expert h2 {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 16px;
    max-width: 615px; }
    @media (max-width: 991px) {
      .shopify-expert h2 {
        font-size: 26px;
        line-height: 32px; } }
  .shopify-expert p {
    max-width: 700px;
    margin-bottom: 35px; }
  .shopify-expert .button-trans {
    height: 47px !important;
    font-size: 18px;
    padding: 8px 21px;
    display: inline; }

.shopify-store .content-block {
  padding: 49px 0px 49px 49px;
  background-color: #E6F4D7;
  border-radius: 15px; }
  @media (max-width: 767px) {
    .shopify-store .content-block {
      padding: 15px; } }
  @media (max-width: 991px) {
    .shopify-store .content-block {
      padding: 30px 0px 0px 30px; } }
  .shopify-store .content-block .image-block {
    float: right; }
.shopify-store h2 {
  font-size: 32px;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .shopify-store h2 {
      font-size: 26px;
      line-height: 32px;
      max-width: 100%; } }
.shopify-store p {
  max-width: 692px;
  margin-bottom: 26px; }
@media (max-width: 991px) {
  .shopify-store .col-lg-8 {
    padding: 0px 30px 0px 0px !important; } }
@media (max-width: 991px) {
  .shopify-store .row {
    margin: 0px; } }
@media (max-width: 991px) {
  .shopify-store .col-lg-4 {
    padding-right: 0; } }

.migration-shopify {
  padding-top: 36px; }
  .migration-shopify .row {
    gap: 27px;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    @media (min-width: 992px) {
      .migration-shopify .row {
        flex-wrap: nowrap; } }
    .migration-shopify .row .col-lg-6 {
      padding: 0px !important; }
      @media (min-width: 992px) {
        .migration-shopify .row .col-lg-6 {
          flex: 0 0 auto;
          width: 49%; } }
    .migration-shopify .row .col-lg-6 .content-area {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #DFE8E5;
      padding: 0 !important;
      border-radius: 25px;
      padding: 51px 40px 0px 40px !important;
      height: -webkit-fill-available; }
      @media (max-width: 767px) {
        .migration-shopify .row .col-lg-6 .content-area {
          padding: 15px; } }
      @media (max-width: 991px) {
        .migration-shopify .row .col-lg-6 .content-area {
          padding: 30px 30px 0px 30px !important; } }
      .migration-shopify .row .col-lg-6 .content-area .image-section {
        display: flex;
        align-items: center;
        flex-direction: column; }
  .migration-shopify h3 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      .migration-shopify h3 {
        font-size: 26px;
        line-height: 32px; } }
  .migration-shopify .row-gap {
    margin-top: 40px; }
    .migration-shopify .row-gap .col-lg-6 .content-area {
      background-color: #F2F2F2;
      height: -webkit-fill-available; }

.global-brands {
  padding: 80px 0px 0px 0px; }
  @media (max-width: 991px) {
    .global-brands {
      padding: 40px 0px 0px 0px; } }
  .global-brands h2 {
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .global-brands h2 {
        font-size: 26px;
        line-height: 32px; } }
  .global-brands .partner-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 22px; }
    .global-brands .partner-logo-wrap .client-logo {
      width: calc(16.6666666667% - 22px * 5 / 6);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      border-radius: 13px;
      padding: 65px 20px;
      border: 1px solid #E8E8E8; }
      @media (max-width: 767px) {
        .global-brands .partner-logo-wrap .client-logo img {
          max-width: 120px; } }
      @media (max-width: 767px) {
        .global-brands .partner-logo-wrap .client-logo {
          min-height: 155px; } }
      @media (max-width: 991px) {
        .global-brands .partner-logo-wrap .client-logo {
          width: calc(33.33% - 22px * 4 / 6);
          margin-bottom: 15px; } }
      @media (max-width: 767px) {
        .global-brands .partner-logo-wrap .client-logo {
          width: calc(50% - 11px);
          margin-bottom: 15px; } }

.development-agency {
  padding-top: 55px; }
  @media (max-width: 991px) {
    .development-agency img.shopify-plus-img {
      max-width: 160px; } }
  .development-agency .image-content-block {
    background-color: #EFF1F3;
    padding: 40PX;
    border-radius: 20px; }
    @media (max-width: 991px) {
      .development-agency .image-content-block {
        padding: 15px; } }
    .development-agency .image-content-block h2 {
      font-size: 32px;
      margin-bottom: 4px; }
      @media (max-width: 991px) {
        .development-agency .image-content-block h2 {
          margin-top: 25px;
          font-size: 26px;
          line-height: 32px; } }
    .development-agency .image-content-block ul {
      margin-bottom: 26px; }
    .development-agency .image-content-block .image-block img {
      border-radius: 15px; }
    .development-agency .image-content-block a.button {
      font-size: 18px !important;
      font-weight: 600 !important; }
      @media (max-width: 767px) {
        .development-agency .image-content-block a.button {
          font-size: 14px !important; } }

.why-choose-shopify {
  padding-top: 85px; }
  @media (max-width: 991px) {
    .why-choose-shopify {
      padding-top: 40px; } }
  .why-choose-shopify h5 {
    font-weight: 600;
    font-size: 17px;
    color: #13A5DB;
    text-transform: uppercase; }
  .why-choose-shopify h2 {
    font-size: 32px;
    margin-bottom: 17px;
    max-width: 578px; }
    @media (max-width: 991px) {
      .why-choose-shopify h2 {
        font-size: 26px;
        line-height: 32px; } }
  .why-choose-shopify p {
    max-width: 691px;
    margin-bottom: 42px; }
    @media (max-width: 991px) {
      .why-choose-shopify p {
        margin-bottom: 25px; } }
  .why-choose-shopify .button-trans {
    height: 47px !important;
    font-size: 18px;
    padding: 8px 21px;
    display: inline; }
  @media (max-width: 991px) {
    .why-choose-shopify .image-block {
      margin-top: 25px; } }

.boxes-block {
  padding: 77px 0px 96px 0px; }
  @media (max-width: 991px) {
    .boxes-block {
      padding: 40px 0px; } }
  .boxes-block .row {
    gap: 18px;
    margin-left: 0;
    margin-right: 0; }
    .boxes-block .row .col-lg-4 {
      padding: 0px;
      width: calc(33.3333333333% - 12px); }
      @media (min-width: 768px) and (max-width: 1200px) {
        .boxes-block .row .col-lg-4 {
          max-width: calc(50% - 9px); } }
  .boxes-block .item {
    background-image: url(../images/bg-image.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    padding: 30px 24px;
    height: 310px;
    height: 310px; }
    @media (max-width: 767px) {
      .boxes-block .item {
        height: auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .boxes-block .item {
        height: 295px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .boxes-block .item {
        height: 330px; } }
    @media (min-width: 1200px) and (max-width: 1319px) {
      .boxes-block .item {
        height: 350px; } }
    @media (max-width: 1319px) {
      .boxes-block .item p {
        font-size: 16px; } }
    .boxes-block .item h3 {
      font-weight: 700;
      font-size: 24px;
      margin-bottom: 16px; }
      @media (max-width: 1319px) {
        .boxes-block .item h3 {
          font-size: 20px; } }

@media (max-width: 991px) {
  .exp-solutions .col-lg-5.right-part {
    padding: 0px !important; } }

.portfolio.b2b-portfolio {
  margin-top: 66px; }

.digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
  height: 380px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
      height: 450px; } }

.help-businesses.b2c-platform .row {
  gap: 0px;
  margin-top: 30px; }
  @media (max-width: 991px) {
    .help-businesses.b2c-platform .row {
      margin-top: 15px; } }
  @media (max-width: 1580px) {
    .help-businesses.b2c-platform .row {
      gap: 25px; } }

.help-businesses.b2c-platform .container {
  padding: 55px 20px; }
  @media (max-width: 991px) {
    .help-businesses.b2c-platform .container {
      padding: 20px; } }
  @media (min-width: 768px) and (max-width: 1580px) {
    .help-businesses.b2c-platform .container .row .col-lg-3 {
      width: 47% !important;
      padding: 0;
      flex: auto !important; } }

@media (min-width: 991px) {
  .help-businesses.b2c-platform p {
    margin: 30px 0px 15px 0px; } }

.help-businesses.b2c-platform .store-inner {
  min-height: 415px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .help-businesses.b2c-platform .store-inner {
      min-height: auto; } }
  @media (min-width: 768px) and (max-width: 1580px) {
    .help-businesses.b2c-platform .store-inner {
      min-height: 325px; } }
  .help-businesses.b2c-platform .store-inner .button-block-transform {
    display: flex;
    align-items: end;
    justify-content: end; }
    @media (max-width: 767px) {
      .help-businesses.b2c-platform .store-inner .button-block-transform {
        justify-content: center; } }
  .help-businesses.b2c-platform .store-inner .store-img {
    display: block;
    text-align: center; }

.help-businesses.b2c-platform {
  margin-top: 66px; }

.shopify-store.shopify-plus {
  padding-top: 40px; }

@media (min-width: 1200px) {
  .boost-online .dm-section {
    gap: 44px; } }
@media (max-width: 1199px) {
  .boost-online .dm-section {
    gap: 22px; } }
@media (min-width: 590px) {
  .boost-online .dm-section .col-lg-6 {
    padding: 0px; } }
@media (min-width: 992px) {
  .boost-online .dm-section .col-lg-6 {
    width: 48% !important; } }

.page-id-2937 .shopify-store h2 {
  max-width: 399px; }

@media (max-width: 991px) {
  .shopify-expert .col-lg-5 {
    margin-top: 20px; } }

@media (min-width: 576px) {
  .container {
    padding: 0px; } }

.shopify-store.optimizely {
  padding-top: 36px !important; }

.special-content .partner {
  padding: 0px !important; }

.special-content .partner .partners-list li img {
  max-width: 170px; }
  @media (max-width: 380px) {
    .special-content .partner .partners-list li img {
      max-width: 120px; } }

.work-list img {
  border-radius: 18px; }
.work-list h3 {
  text-transform: capitalize; }

.page-id-1198 section.section.ready-to-transform {
  padding-top: 85px !important; }

.digital-wrap .innovation a.free-quote {
  Width: 221px;
  font-size: 16px; }

.digital-wrap .boost-online .innovative-heading h2 {
  max-width: 460px; }

.innovation-stack {
  margin-top: 87px;
  margin-bottom: 43px;
  background-color: #F6F6F699;
  padding-bottom: 72px; }
  @media (max-width: 991px) {
    .innovation-stack {
      margin-top: 40px;
      margin-bottom: 20px;
      padding-bottom: 40px; } }
  .innovation-stack .tc {
    padding: 61px 0px 43px 0px; }
    .innovation-stack .tc h2 {
      font-size: 34px;
      line-height: 37px;
      font-weight: 700;
      margin-bottom: 6px; }
      @media (max-width: 991px) {
        .innovation-stack .tc h2 {
          font-size: 26px;
          line-height: 32px; } }
      .innovation-stack .tc h2 p {
        font-size: 18px;
        line-height: 30px; }
  .innovation-stack .innovation-stack-wrapper {
    background-color: #ffffff;
    border-radius: 13px;
    padding: 24px 29px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .innovation-stack .innovation-stack-wrapper {
        padding: 15px; } }
    @media (min-width: 1320px) {
      .innovation-stack .innovation-stack-wrapper {
        height: 745px; } }
    .innovation-stack .innovation-stack-wrapper .wrapper-inner {
      background-color: #F9F9F9;
      border-radius: 13px;
      padding: 36px 5px 25px 5px;
      display: flex;
      align-items: center;
      gap: 19px; }
      .innovation-stack .innovation-stack-wrapper .wrapper-inner h3 {
        font-family: Poppins;
        font-weight: 600;
        font-size: 28px;
        line-height: 30px;
        text-transform: uppercase;
        color: #B4B4B4; }
        @media (max-width: 991px) {
          .innovation-stack .innovation-stack-wrapper .wrapper-inner h3 {
            font-size: 20px;
            line-height: 30px; } }
      .innovation-stack .innovation-stack-wrapper .wrapper-inner img {
        width: 60px;
        height: 60px; }
  .innovation-stack h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin-top: 22px;
    margin-bottom: 9px; }
  .innovation-stack p {
    font-size: 17px;
    line-height: 30px;
    color: #656565;
    margin-bottom: 18px; }

.why-merchants .row {
  border-radius: 13px;
  background-color: #ECF3F1;
  padding: 74px 51px 79px 51px; }
  @media (max-width: 991px) {
    .why-merchants .row {
      padding: 30px; } }
  .why-merchants .row h2 {
    font-size: 34px;
    line-height: 37px;
    font-weight: 700; }
    @media (max-width: 991px) {
      .why-merchants .row h2 {
        font-size: 26px;
        line-height: 32px; } }
  .why-merchants .row p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 31px; }
  .why-merchants .row .color1 {
    color: var(--theme-color); }
  .why-merchants .row .color2 {
    color: #13A5DB; }

.list-innovation li {
  padding-left: 35px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 45px;
  margin-bottom: 0px;
  color: #000000; }
  @media (max-width: 991px) {
    .list-innovation li {
      font-size: 16px;
      line-height: 32px; } }
  .list-innovation li span {
    font-weight: 700; }
  .list-innovation li:before {
    content: "";
    background: url("../images/check-icon.svg") no-repeat center/cover;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 10px; }

.use-cases {
  padding: 71px 0px 91px 0px; }
  @media (max-width: 991px) {
    .use-cases {
      padding: 50px 0px; } }
  .use-cases h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 37px;
    margin-bottom: 6px; }
    @media (max-width: 991px) {
      .use-cases h2 {
        font-size: 26px;
        line-height: 32px; } }
  .use-cases .subtitle {
    margin-bottom: 72px; }
  .use-cases .cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 69px 30px; }
  .use-cases .card {
    position: relative;
    padding: 74px 24px 18px 24px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease; }
    .use-cases .card:hover {
      transform: translateY(-6px); }
    .use-cases .card h3 {
      font-weight: 700;
      font-size: 20px;
      line-height: 22px;
      font-family: var(--title-new);
      margin-bottom: 0px; }
    .use-cases .card p {
      font-size: 17px;
      line-height: 22px; }
  .use-cases .icon-wrapper {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%); }
  .use-cases .icon {
    width: 99px;
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .use-cases .pharmacy {
    background: #F4F1EA; }
  .use-cases .electronics {
    background: #ECEEF4; }
  .use-cases .fashion {
    background: #EFEFFF; }
  .use-cases .b2b {
    background: #FFF4EC; }
  .use-cases .global {
    background: #E5F1E6; }
  .use-cases .home {
    background: #F1F2D8; }
  .use-cases .watches {
    background: #FFEAD0; }
  .use-cases .industrial {
    background: #F1F4EA; }
  .use-cases .pim-box {
    background: #EDEDED; }
  @media (max-width: 1024px) {
    .use-cases .cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px) {
    .use-cases .cards {
      grid-template-columns: 1fr; } }

.innovation-principles .row {
  padding: 52px 50px 50px 65px;
  background: #f6fbff;
  border-radius: 16px;
  margin-bottom: 78px;
  flex-direction: column; }
  @media (max-width: 767px) {
    .innovation-principles .row {
      padding: 25px; } }
  .innovation-principles .row h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 2px; }
  .innovation-principles .row .subtitle {
    margin-bottom: 61px; }
  .innovation-principles .row .principles {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px; }
  .innovation-principles .row .principle {
    text-align: center; }
    .innovation-principles .row .principle h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 30px;
      margin: 12px 0px 3px 0px; }
  .innovation-principles .row .icon-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #203B7B;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .innovation-principles .row .icon-circle {
        width: 80px;
        height: 80px; }
        .innovation-principles .row .icon-circle img {
          max-width: 50px; } }
  @media (max-width: 1024px) {
    .innovation-principles .row .principles {
      grid-template-columns: repeat(3, 1fr);
      gap: 24px; } }
  @media (max-width: 640px) {
    .innovation-principles .row .principles {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px; } }

.page-id-3211 .ready-to-transform .section-title.tc p {
  max-width: 100%; }

@media (max-width: 530px) {
  .page-id-3211 .digital-wrap .button-block {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px !important; } }
@media (max-width: 472px) {
  .page-id-3211 .digital-wrap .button-block a.free-quote {
    width: 250px !important; } }
.page-id-3211 .digital-wrap .button-block a.support {
  font-size: 16px; }
  @media (max-width: 472px) {
    .page-id-3211 .digital-wrap .button-block a.support {
      width: 250px; } }

@media (max-width: 450px) {
  .page-id-3211 .banner-section::before,
  .page-id-3128 .banner-section::before {
    height: 90%; } }

/* collection management */
.collection {
  padding-top: 92px !important; }
  @media (max-width: 991px) {
    .collection {
      padding-top: 40px !important; } }
  .collection h2 {
    padding-top: 0 !important;
    margin-bottom: 11px !important; }
  .collection .collection-scale ul {
    margin-top: 22px;
    padding-bottom: 8px; }
    .collection .collection-scale ul li {
      display: flex;
      gap: 6px;
      margin-bottom: 15px; }
  .collection img {
    border-radius: 16px; }
    @media (min-width: 992px) and (max-width: 1500px) {
      .collection img {
        width: 90%;
        height: 70%;
        object-fit: cover; } }

.digital-wrap .boost-online .collection-scale p {
  line-height: 24px;
  margin-bottom: 0px; }

.collection-box .content-block {
  background-color: #E6F4D7;
  border-radius: 16px;
  margin: 61px 0px 51px 0px;
  padding: 39px 66px 27px 48px; }
  @media (max-width: 991px) {
    .collection-box .content-block {
      padding: 30px; } }
  .collection-box .content-block h2 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 13px; }
    @media (max-width: 991px) {
      .collection-box .content-block h2 {
        font-size: 26px;
        line-height: 32px; } }
  .collection-box .content-block P.merchandising {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 16px; }
  .collection-box .content-block .list li {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #4F4F4F;
    padding-bottom: 22px; }
.collection-box .content-block.core {
  background-color: #DFE8E5; }
  .collection-box .content-block.core p {
    margin-bottom: 30px; }
  .collection-box .content-block.core ul li {
    display: flex;
    gap: 9px;
    font-size: 17px;
    line-height: 24px;
    color: #656565;
    padding-bottom: 40px; }
    .collection-box .content-block.core ul li h3 {
      font-family: var(--title-new);
      font-weight: 700;
      font-size: 24px;
      line-height: 34px;
      margin-bottom: 0px; }
      @media (max-width: 991px) {
        .collection-box .content-block.core ul li h3 {
          font-size: 22px;
          line-height: 28px; } }

/* Enterprise ERP Integration for Shopify */
.digital-wrap .boost-online.innovation-sub {
  padding: 80px 0px 85px 0px; }
  @media (max-width: 991px) {
    .digital-wrap .boost-online.innovation-sub {
      padding: 40px 0px; } }
  .digital-wrap .boost-online.innovation-sub .row {
    gap: 32px; }
  @media (min-width: 992px) {
    .digital-wrap .boost-online.innovation-sub .col-lg-6 {
      width: calc(50% - 32px * 1/2); } }
  .digital-wrap .boost-online.innovation-sub h2 {
    padding-top: 0px; }
  .digital-wrap .boost-online.innovation-sub .right-part {
    height: 100%;
    overflow: hidden; }
    .digital-wrap .boost-online.innovation-sub .right-part img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }

.integration-engine {
  padding: 57px 0 56px 0px;
  background: #FAFAFA; }
  @media (max-width: 991px) {
    .integration-engine {
      padding: 40px 0px; } }
  .integration-engine h2 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 8px; }
    @media (max-width: 991px) {
      .integration-engine h2 {
        font-size: 26px;
        line-height: 32px; } }
  .integration-engine p.subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 13px; }
  .integration-engine p.enterprise-para {
    max-width: 943px;
    margin: auto;
    padding-bottom: 35px; }
  .integration-engine .middleware-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 26px; }
  .integration-engine .middleware-card {
    background: #D7F4FF;
    border-radius: 15px;
    padding: 31px 25px;
    transition: all 0.25s ease;
    cursor: pointer; }
    .integration-engine .middleware-card .icon {
      font-size: 20px;
      display: inline-block;
      margin-bottom: 12px;
      border: 1px solid #203B7B;
      border-radius: 50%;
      padding: 10px;
      background-color: #FFFFFF80; }
      .integration-engine .middleware-card .icon::after {
        content: "";
        content: "";
        background-image: url(../images/star-icon.svg);
        width: 30px;
        height: 30px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
    .integration-engine .middleware-card h3 {
      font-weight: 700;
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 15px; }
      @media (max-width: 991px) {
        .integration-engine .middleware-card h3 {
          font-size: 18px;
          line-height: 20px; } }
    .integration-engine .middleware-card p {
      margin-bottom: 0; }
    .integration-engine .middleware-card:hover {
      transform: translateY(-4px);
      background-color: #203B7B; }
      .integration-engine .middleware-card:hover .icon {
        background-color: #fff; }
      .integration-engine .middleware-card:hover h3 {
        color: #fff; }
      .integration-engine .middleware-card:hover p {
        color: #D4D4D4; }

.integrate {
  padding-top: 56px; }
  .integrate .integration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(366px, 1fr));
    gap: 27px 29px;
    margin-top: 31px; }
    @media (max-width: 991px) {
      .integrate .integration-grid {
        grid-template-columns: repeat(auto-fit, minmax(243px, 1fr)); } }
    @media (max-width: 400px) {
      .integrate .integration-grid {
        grid-template-columns: auto; } }
  .integrate .integration-card {
    padding: 33px 26px 26px 26px;
    border-radius: 15px; }
    .integrate .integration-card h3 {
      font-weight: 700;
      font-size: 24px;
      line-height: 25px;
      margin-top: 20px;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .integrate .integration-card h3 {
          font-size: 22px; } }
    .integrate .integration-card p {
      font-size: 16px;
      line-height: 25px; }
    .integrate .integration-card.products {
      background: #F4F1EA; }
    .integrate .integration-card.inventory {
      background: #ECEEF4; }
    .integrate .integration-card.orders {
      background: #D4ECEE; }
    .integrate .integration-card.customers {
      background: #F5EBEB; }
    .integrate .integration-card.tax {
      background: #E5F1E6; }
    .integrate .integration-card.pos {
      background: #FFDFCA; }

.collection-box .content-block.capabilities {
  background-color: #ECEEF4;
  border-radius: 16px;
  margin: 31px 0px 73px 0px;
  padding: 65px 68px 51px 49px; }
  @media (max-width: 991px) {
    .collection-box .content-block.capabilities {
      padding: 20px;
      margin: 20px 0px; } }
  .collection-box .content-block.capabilities h2 {
    margin-bottom: 7px; }
  .collection-box .content-block.capabilities .list li {
    padding: 0px 0px 13px 0px; }
    .collection-box .content-block.capabilities .list li:before {
      content: none; }
  .collection-box .content-block.capabilities .row {
    gap: 30px; }
  @media (min-width: 992px) {
    .collection-box .content-block.capabilities .col-lg-6 {
      width: calc(50% - 30px * 1 / 2); } }
  .collection-box .content-block.capabilities img {
    border-radius: 16px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .collection-box .content-block.capabilities img {
        width: 100% !important; } }
    @media (min-width: 992px) and (max-width: 1500px) {
      .collection-box .content-block.capabilities img {
        height: 100%;
        width: 100%;
        object-fit: cover; } }

.ERP-systems {
  padding: 0px; }
  .ERP-systems h2 {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 10px; }
  .ERP-systems p {
    color: #13A5DB;
    max-width: 540px;
    margin: auto;
    font-weight: 500;
    font-size: 19px;
    line-height: 22px; }
  .ERP-systems .bottom-p {
    padding-top: 22px;
    font-size: 20px;
    line-height: 22px;
    max-width: 838px;
    margin: auto;
    color: #656565; }
  .ERP-systems .partner-logo-wrap {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-top: 10px; }
    @media (max-width: 991px) {
      .ERP-systems .partner-logo-wrap {
        gap: 30px; } }
    .ERP-systems .partner-logo-wrap .erp-logo {
      width: calc(20% - 60px * 4 / 5);
      display: flex;
      justify-content: center;
      align-items: center;
      max-height: 134px; }
      @media (max-width: 991px) {
        .ERP-systems .partner-logo-wrap .erp-logo {
          width: calc(30% - 30px * 4 / 5); } }

.industries-serve {
  padding-top: 67px;
  padding-bottom: 82px; }
  .industries-serve .serve {
    background-color: #F4F1EA;
    border-radius: 16px;
    padding: 55px 75px 51px 50px; }
    @media (max-width: 991px) {
      .industries-serve .serve {
        padding: 20px; } }
    .industries-serve .serve .row {
      gap: 46px; }
    @media (min-width: 992px) {
      .industries-serve .serve .col-lg-6 {
        width: calc(50% - 46px * 1 / 2); } }
  .industries-serve h2 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 7px; }
  .industries-serve .partner-logo-wrap {
    justify-content: start;
    display: flex;
    flex-wrap: wrap;
    gap: 11px 40px;
    margin-top: 18px; }
    @media (max-width: 991px) {
      .industries-serve .partner-logo-wrap {
        gap: 20px; } }
    .industries-serve .partner-logo-wrap .industry-logo {
      width: calc(50% - 40px);
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 13px; }
      @media (min-width: 700px) and (max-width: 1200px) {
        .industries-serve .partner-logo-wrap .industry-logo {
          width: calc(54% - 40px); } }
      @media (max-width: 699px) {
        .industries-serve .partner-logo-wrap .industry-logo {
          width: 100%; } }
      .industries-serve .partner-logo-wrap .industry-logo h3 {
        font-weight: 700;
        font-size: 23px;
        line-height: 23px;
        margin-bottom: 0; }

.ready-to-transform.backbone .section-title h2 {
  font-size: 34px;
  line-height: 37px;
  max-width: 556px;
  margin: auto;
  margin-bottom: 8px; }
.ready-to-transform.backbone .section-title p {
  max-width: 816px !important;
  margin: auto;
  margin-bottom: 33px; }
.ready-to-transform.backbone .section-title .button::after {
  content: none; }

.collection-box .content-block.capabilities.shopify {
  margin-top: 43px !important; }
  @media (max-width: 767px) {
    .collection-box .content-block.capabilities.shopify {
      margin-top: 0px !important; } }

.ERP-systems.who-this {
  margin-top: 24px !important; }

/* pim */
.integration-engine .pim-solution .middleware-card {
  background: #EBEBEB; }
  .integration-engine .pim-solution .middleware-card:hover {
    background: #203B7B; }

.integration-engine .integrate .middleware-card {
  background: #F4F1EA; }
  .integration-engine .integrate .middleware-card:hover {
    background: #203B7B; }

.integration-engine .middleware-grid.integrate {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  padding-top: 18px !important; }
  @media (max-width: 767px) {
    .integration-engine .middleware-grid.integrate {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
  .integration-engine .middleware-grid.integrate .icon {
    border: 1px solid #fff;
    background-color: #fff; }

.collection-box.impact .content-block.capabilities {
  background-color: #F4F1EA; }

.use-cases .card.pim-box {
  padding: 61px 27px 23px 16px; }
  .use-cases .card.pim-box h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 14px; }
    @media (max-width: 991px) {
      .use-cases .card.pim-box h3 {
        font-size: 22px;
        line-height: 26px; } }
  .use-cases .card.pim-box p {
    font-size: 17px;
    line-height: 30px;
    color: #000; }

/* solution sub pages */
.banner-section .content-layer .pharmacy p,
.banner-section .content-layer .pharmacy .title {
  max-width: 1143px; }

.digital-wrap .consult a.free-quote {
  width: 346px; }
.digital-wrap .consult a {
  font-size: 18px !important; }
  @media (max-width: 991px) {
    .digital-wrap .consult a {
      font-size: 16px !important; } }

.shopify-expert.pharmacy {
  padding: 75px 0px; }
  .shopify-expert.pharmacy .row {
    gap: 35px; }
    @media (min-width: 992px) {
      .shopify-expert.pharmacy .row .col-lg-6 {
        width: calc(50% - 35px * 1 / 2); } }

.integration-engine.problem {
  padding-bottom: 99px; }
  .integration-engine.problem h2,
  .integration-engine.problem p {
    color: #fff; }
  .integration-engine.problem .middleware-card {
    background-color: #fff; }
    .integration-engine.problem .middleware-card:hover {
      background-color: #F4F1EA; }
      .integration-engine.problem .middleware-card:hover h3 {
        color: #000; }
  .integration-engine.problem .middleware-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 25px;
    padding-top: 42px; }
    @media (max-width: 567px) {
      .integration-engine.problem .middleware-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } }
    .integration-engine.problem .middleware-grid p {
      color: #656565; }

.collection-box.architecture .content-block.capabilities {
  background-color: #E8FFFE; }

.pharmacy-experience {
  padding: 54px 0px 56px 0px; }
  .pharmacy-experience .heading-sec {
    max-width: 1090px;
    margin: auto; }
  .pharmacy-experience .row {
    gap: 33px 28px; }
    @media (min-width: 992px) {
      .pharmacy-experience .row .col-lg-6 {
        width: calc(50% - 28px * 1/2); } }
  .pharmacy-experience .store-inner {
    background-color: #E5F8FF;
    padding: 28px 21px;
    border-radius: 15px;
    min-height: 485px; }
    @media (max-width: 767px) {
      .pharmacy-experience .store-inner {
        min-height: auto; } }
    .pharmacy-experience .store-inner h3 {
      padding: 13px 0px 9px 0px;
      font-family: var(--title-new);
      font-size: 25px;
      line-height: 25px;
      margin-bottom: 0px;
      font-weight: 700; }
    .pharmacy-experience .store-inner p {
      font-size: 17px;
      margin-bottom: 0; }

.page-id-3128 .ready-to-transform {
  background-color: #F6F6F6; }
  .page-id-3128 .ready-to-transform .section-title {
    max-width: 816px;
    padding: 91px 0px 0px 0px; }

.collection-box .background-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  object-fit: cover;
  border-radius: 12px;
  min-height: -webkit-fill-available; }

.leading-pharmacy .heading-sec h2 {
  max-width: 735px;
  margin: auto; }
.leading-pharmacy .heading-sec p {
  margin-bottom: 50px;
  margin-top: 20px; }
.leading-pharmacy .heading-sec ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 62px;
  margin-bottom: 98px; }
  @media (max-width: 991px) {
    .leading-pharmacy .heading-sec ul {
      margin-bottom: 40px; } }

.collection-box.why-choose-us .content-block.capabilities {
  background-color: #E5E5E5;
  margin-bottom: 36px; }

.collection-box .content-block.capabilities.models {
  margin: 31px 0px 0px 0px; }

.clients-say {
  padding: 60px 0px 62px 0px; }
  .clients-say .subtitle {
    margin-bottom: 26px; }
  .clients-say img {
    margin-bottom: 22px; }
  .clients-say .testimonials {
    padding-bottom: 0; }
  .clients-say .testimonial-wrapper {
    background-color: #ECF7FB;
    border-radius: 20px;
    padding: 32px 81px 17px 77px;
    max-width: 1050px;
    margin: auto; }
    @media (max-width: 991px) {
      .clients-say .testimonial-wrapper {
        padding: 20px; } }
    .clients-say .testimonial-wrapper h3 {
      margin: 0px 0px 15px 0px;
      font-weight: 700;
      font-size: 26px;
      line-height: 30px; }
    .clients-say .testimonial-wrapper .author {
      font-weight: 600;
      font-size: 22px;
      line-height: 31px;
      letter-spacing: 0%;
      text-align: center;
      color: #13A5DB;
      border-radius: 50%; }
    .clients-say .testimonial-wrapper .owl-theme .owl-dots .owl-dot span {
      border: 1px solid #D9D9D9;
      background-color: #fff; }
    .clients-say .testimonial-wrapper .owl-theme .owl-dots .owl-dot.active span {
      background-color: #13A5DB !important; }

.page-id-3130 .digital-wrap .consult a.free-quote,
.page-id-3135 .digital-wrap .consult a.free-quote,
.page-id-3132 .digital-wrap .consult a.free-quote,
.page-id-3134 .digital-wrap .consult a.free-quote {
  width: auto;
  padding: 15px; }
  @media (max-width: 385px) {
    .page-id-3130 .digital-wrap .consult a.free-quote,
    .page-id-3135 .digital-wrap .consult a.free-quote,
    .page-id-3132 .digital-wrap .consult a.free-quote,
    .page-id-3134 .digital-wrap .consult a.free-quote {
      line-height: 20px; } }

.collection-box.top .content-block.capabilities.shopify {
  margin-bottom: 0px !important; }

@media (max-width: 380px) {
  .page-id-3128 .digital-wrap .button-block {
    flex-direction: column; } }

/* solution main page */
.solution {
  padding-top: 40px !important; }
  .solution .container .row {
    padding: 41px 41px 47px 41px; }
    @media (max-width: 991px) {
      .solution .container .row {
        padding: 30px 15px; } }
    @media (min-width: 991px) {
      .solution .container .row .col-lg-6.content-area {
        width: calc(50% - 0px); } }
    .solution .container .row .sevices-img img {
      width: 100%;
      height: auto;
      display: block; }
  .solution h2 {
    font-size: 30px;
    line-height: 27px;
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      .solution h2 {
        font-size: 26px;
        line-height: 32px; } }
  .solution h3.color-text {
    color: #13A5DB;
    font-family: var(--title-new);
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 8px; }
  .solution .content p {
    font-size: 17px;
    line-height: 27px;
    color: #3A3A3A; }
  .solution .solutions-logos-sec {
    background-color: #FFFFFF80;
    border-radius: 10px;
    padding: 16px 24px 37PX 20PX;
    margin-bottom: 32px; }
    .solution .solutions-logos-sec p {
      font-weight: 600;
      font-size: 16px;
      line-height: 27px;
      color: #181818;
      margin-bottom: 31px; }
    .solution .solutions-logos-sec .solutions-logos {
      display: flex;
      flex-wrap: wrap;
      justify-content: start;
      gap: 22px;
      align-items: center; }
  .solution .bg1 {
    background-color: #ECEEF4; }
  .solution .bg2 {
    background-color: #ECF3F1; }
  .solution .bg3 {
    background-color: #F4F1EA; }
  .solution .bg4 {
    background-color: #ECEEF4; }
  .solution .bg5 {
    background-color: #F4F4F4; }
  .solution .bg6 {
    background-color: #ECEEF4;
    margin-bottom: 94px !important; }

@media (min-width: 992px) {
  .page-id-3186 .button-block .get-start {
    width: 470px; } }
.page-id-3186 .button-block .get-start::after {
  left: 90% !important; }
@media (max-width: 991px) {
  .page-id-3186 .button-block .get-start, .page-id-3186 .button-block .view-work {
    width: 370px; } }
.page-id-3186 .digital-wrap .button-block {
  flex-wrap: wrap; }
.page-id-3186 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
  height: 410px !important; }
.page-id-3186 .digital-wrap .section.learn-more-about {
  margin-top: 54px; }
.page-id-3186 .pharmacy-experience, .page-id-3186 .hire-digital {
  padding-bottom: 0px; }
.page-id-3186 .digital-wrap .boost-online h2.advanced {
  padding-top: 0px; }

.clients.platform-client {
  margin: 60px 0px;
  padding: 60px 0px; }
  .clients.platform-client h2 {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px; }
  .clients.platform-client p {
    color: #fff; }
  .clients.platform-client p.result-text {
    color: #5a5a5a; }
  .clients.platform-client .results-section .result-item {
    background: #fff;
    border-radius: 15px;
    padding: 31px 25px;
    transition: all 0.25s ease;
    cursor: pointer; }
  .clients.platform-client .row.results-section {
    gap: 15px;
    padding: 0px 15px; }
    @media (min-width: 992px) {
      .clients.platform-client .row.results-section .col-lg-3 {
        flex: 0 0 auto;
        width: calc(25% - 15px); } }
    @media (min-width: 400px) and (max-width: 991px) {
      .clients.platform-client .row.results-section .col-md-6 {
        flex: 0 0 auto;
        width: 48%; } }

.partner-with-us {
  padding: 60px 0;
  /* Responsive */ }
  @media (max-width: 991px) {
    .partner-with-us {
      padding: 40px 0; } }
  .partner-with-us .intro-text {
    margin-bottom: 30px; }
  .partner-with-us .partnership-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin: 40px 0; }
    .partner-with-us .partnership-cards .card {
      background: #EEF8FF;
      padding: 30px 25px;
      border-radius: 16px;
      text-align: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
      transition: 0.3s;
      position: relative;
      overflow: hidden; }
      .partner-with-us .partnership-cards .card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); }
      .partner-with-us .partnership-cards .card .legal-btn {
        display: flex;
        align-items: center;
        justify-content: center; }
      .partner-with-us .partnership-cards .card .icon {
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, #203B7B, #13A5DB);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto; }
        .partner-with-us .partnership-cards .card .icon i {
          color: #fff;
          font-size: 35px; }
      .partner-with-us .partnership-cards .card h3 {
        font-size: 18px;
        margin: 30px 0 10px; }
  @media (max-width: 992px) {
    .partner-with-us .partnership-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) {
    .partner-with-us .partnership-cards {
      grid-template-columns: 1fr; } }

.legal .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.digital-wrap .legal-btn a.free-quote {
  width: 240px; }

.page-id-3134 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper.large {
  min-height: 555px; }

@media (max-width: 560px) {
  .page-id-3215 .section.learn-more-about .section-title.tc .cta-inner .button-block.cta {
    flex-direction: column !important; } }

.page-id-3130 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
  height: 450px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .page-id-3130 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
      height: 530px !important; } }
  @media (max-width: 499px) {
    .page-id-3130 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
      height: auto; } }
.page-id-3130 .digital-wrap .smart-marketing {
  padding-top: 0px; }

.page-id-2937 .row-gap {
  margin-top: 40px;
  margin-bottom: 80px; }
  @media (max-width: 991px) {
    .page-id-2937 .row-gap {
      margin-bottom: 40px; } }

.page-id-249 .shopify-store.shopify-plus, .page-id-246 .shopify-store.shopify-plus, .page-id-251 .shopify-store.shopify-plus, .page-id-253 .shopify-store.shopify-plus {
  padding-bottom: 80px; }

@media (max-width: 548px) {
  .page-id-3221 .section.learn-more-about .section-title.tc .cta-inner .button-block.cta {
    flex-direction: column; } }
@media (max-width: 548px) {
  .page-id-3221 .section.learn-more-about .section-title.tc .cta-inner .button-block.cta a.support, .page-id-3221 .section.learn-more-about .section-title.tc .cta-inner .button-block.cta a.free-quote {
    min-width: 270px; } }

.page-id-3132 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
  height: 420px; }
  @media (min-width: 500px) and (max-width: 564px) {
    .page-id-3132 .digital-wrap .smart-marketing.b2b-services .b2b-service-block .row .store-wrapper {
      height: 510px; } }

@media (max-width: 767px) {
  .collection-box .content-block.capabilities.shopify {
    margin-top: 40px !important; } }

@media (max-width: 547px) {
  .page-id-3128 .digital-wrap .button-block.consult {
    flex-direction: column;
    align-items: center; } }
@media (max-width: 547px) {
  .page-id-3128 .digital-wrap .button-block.consult a.support, .page-id-3128 .digital-wrap .button-block.consult a.free-quote {
    width: 340px; } }

@media (max-width: 991px) {
  .page-id-3218 .section.learn-more-about .section-title.tc .cta-inner .button-block.cta {
    flex-direction: column;
    align-items: center; } }

@media (min-width: 500px) and (max-width: 567px) {
  .page-id-370 .digital-wrap .smart-marketing .b2b-service-block .row .store-wrapper {
    height: 425px; } }

@media (min-width: 568px) and (max-width: 767px) {
  .page-id-370 .digital-wrap .smart-marketing .b2b-service-block .row .store-wrapper {
    height: 400px; } }

.special-page {
  padding-top: 0px; }
  .special-page h1 {
    font-size: 36px;
    margin-bottom: 24px; }
    @media (max-width: 991px) {
      .special-page h1 {
        font-size: var(--h2); } }
  .special-page h2 {
    font-size: 32px; }
    @media (max-width: 991px) {
      .special-page h2 {
        font-size: var(--h3); } }
  .special-page .special-banner {
    margin-bottom: 50px; }
    .special-page .special-banner img {
      width: 100%;
      height: auto; }
  .special-page .img-work-radius img {
    border-radius: 20px; }
  .special-page ul, .special-page ol {
    padding-left: 20px;
    margin-bottom: 20px; }
    .special-page ul li, .special-page ol li {
      list-style-type: disc;
      margin-bottom: 10px;
      font-size: var(--p);
      line-height: 1.5; }
  .special-page .calculator__calc {
    background-color: #f7f7f7;
    padding: 3rem 6% 1rem; }
    .special-page .calculator__calc .row .column {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding-right: 30px;
      padding-left: 30px; }
      @media (min-width: 1200px) {
        .special-page .calculator__calc .row .column {
          width: auto;
          min-width: 320px;
          padding: 0 21.33333px;
          margin-bottom: 2rem;
          flex: 0 0 300px; } }
      .special-page .calculator__calc .row .column .calculator__calc__aov, .special-page .calculator__calc .row .column .calculator__calc__fees, .special-page .calculator__calc .row .column .calculator__calc__payments, .special-page .calculator__calc .row .column .calculator__calc__revenue {
        max-width: 420px;
        margin: 0 auto; }
      .special-page .calculator__calc .row .column .calculator__calc__label {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: .7rem; }
      .special-page .calculator__calc .row .column .calculator__calc__row .calc-input {
        background-color: #fff;
        padding: 0;
        position: relative; }
      .special-page .calculator__calc .row .column .calculator__calc__row .calculator__calc__revenue select {
        border: 0;
        position: absolute;
        top: 0;
        right: 16px;
        bottom: 0; }
      .special-page .calculator__calc .row .column .calculator__calc__aov, .special-page .calculator__calc .row .column .calculator__calc__fees, .special-page .calculator__calc .row .column .calculator__calc__payments, .special-page .calculator__calc .row .column .calculator__calc__revenue {
        max-width: 420px;
        margin: 0 auto; }
      .special-page .calculator__calc .row .column .calculator__calc__revenue input[type=number], .special-page .calculator__calc .row .column .calculator__calc__revenue input[type=text] {
        padding-right: 100px !important; }
      .special-page .calculator__calc .row .column .calculator__calc__aov input[type=number], .special-page .calculator__calc .row .column .calculator__calc__aov input[type=text] {
        padding-left: 38px !important; }
      .special-page .calculator__calc .row .column .calculator__calc__aov .calc-input-symbol {
        position: absolute;
        top: 50%;
        left: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .special-page .calculator__calc .row .column .calc-input {
        width: 100%; }
        .special-page .calculator__calc .row .column .calc-input input[type=number], .special-page .calculator__calc .row .column .calc-input input[type=text] {
          border: 0;
          min-height: 56px;
          padding: 12px 16px;
          width: 100%; }
    .special-page .calculator__calc .calculator__calc__revenue select {
      border: 0;
      position: absolute;
      top: 0;
      right: 16px;
      bottom: 0;
      width: auto; }
    .special-page .calculator__calc .calculator__calc__row .calc-input input[type=number], .special-page .calculator__calc .calculator__calc__row .calc-input input[type=text] {
      border: 0;
      min-height: 56px;
      padding: 12px 16px;
      width: 100%; }
  .special-page .calculator__calc > .row > .column {
    margin-bottom: 2rem; }
  .special-page .accordion-blocks .wp-tabs-nav {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .special-page .accordion-blocks .wp-tabs-nav li {
      font-size: 16px;
      font-weight: var(--semi-bold);
      display: flex;
      flex-wrap: wrap;
      padding: 20px 25px; }
      .special-page .accordion-blocks .wp-tabs-nav li.current {
        background-color: #FDD24E;
        color: #000;
        border-radius: 10px; }
      .special-page .accordion-blocks .wp-tabs-nav li:hover {
        cursor: pointer; }
  .special-page .accordion-blocks .pricing-card-area {
    display: block; }
    @media (max-width: 767px) {
      .special-page .accordion-blocks .pricing-card-area > .row {
        margin-left: -7px;
        margin-right: -7px; } }
  @media (max-width: 767px) and (max-width: 475px) {
    .special-page .accordion-blocks .pricing-card-area > .row {
      margin-left: -15px;
      margin-right: -15px; } }

    @media (max-width: 1280px) {
      .special-page .accordion-blocks .pricing-card-area .pricing-card {
        max-width: 345px; }
        .special-page .accordion-blocks .pricing-card-area .pricing-card .block-7 {
          margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .special-page .accordion-blocks .pricing-card-area .pricing-card {
        width: 50%;
        flex: 0 0 50%;
        padding-left: 7px;
        padding-right: 7px; } }
    @media (max-width: 475px) {
      .special-page .accordion-blocks .pricing-card-area .pricing-card {
        width: 100%;
        flex: 0 0 100%;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto; } }
    .special-page .accordion-blocks .pricing-card-area .block-7 {
      padding: 30px;
      background: #FFFFFF;
      box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.04);
      border-radius: 10px;
      transition: all ease-in-out 0.4s; }
      @media (max-width: 767px) {
        .special-page .accordion-blocks .pricing-card-area .block-7 {
          padding: 30px 15px; } }
      @media (max-width: 991px) {
        .special-page .accordion-blocks .pricing-card-area .block-7 {
          margin-bottom: 20px; } }
      .special-page .accordion-blocks .pricing-card-area .block-7:hover {
        background: #000000;
        transform: translateY(-5px); }
        .special-page .accordion-blocks .pricing-card-area .block-7:hover .top-head .plan {
          color: #fff; }
        .special-page .accordion-blocks .pricing-card-area .block-7:hover .top-head .amount {
          color: #fff; }
          .special-page .accordion-blocks .pricing-card-area .block-7:hover .top-head .amount .image::after {
            background: url(../images/enterprise_a.png) no-repeat; }
        .special-page .accordion-blocks .pricing-card-area .block-7:hover .price_details ul li {
          color: #fff; }
          .special-page .accordion-blocks .pricing-card-area .block-7:hover .price_details ul li.ti-check::before {
            background: url(../images/check_a.png) no-repeat;
            background-size: 100%; }
          .special-page .accordion-blocks .pricing-card-area .block-7:hover .price_details ul li.ti-close::before {
            background: url(../images/close_n.png) no-repeat;
            background-size: 100%; }
        .special-page .accordion-blocks .pricing-card-area .block-7:hover .price_details .button {
          background: #ffa800;
          color: var(--black-color); }
      .special-page .accordion-blocks .pricing-card-area .block-7 .top-head {
        position: relative;
        display: block;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #C0C0C0; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .top-head::after {
          position: absolute;
          content: "";
          width: 104px;
          height: 104px;
          background: url(../images/aw-logo-n.png) no-repeat;
          top: 0;
          right: 0; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .plan {
          font-weight: var(--medium);
          letter-spacing: 0.02em; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .amount {
          font-size: 38px;
          font-weight: var(--bold);
          line-height: 38px;
          margin-bottom: 10px;
          min-height: 38px; }
          .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .amount sup {
            font-size: 32px;
            vertical-align: sub;
            top: -0.3em; }
          .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .amount .image {
            position: relative; }
            .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .amount .image::after {
              position: absolute;
              content: "";
              width: 64px;
              height: 64px;
              background: url(../images/enterprise_n.png) no-repeat; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .top-head .text {
          color: #888888; }
      .special-page .accordion-blocks .pricing-card-area .block-7 .price_details {
        display: block; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul {
          width: 100%;
          display: inline-block;
          margin-bottom: 10px; }
          .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li {
            font-family: var(--secondary-font);
            font-size: 16px;
            font-weight: var(--medium);
            text-align: left;
            line-height: normal;
            margin-bottom: 18px;
            position: relative; }
            @media (max-width: 1280px) {
              .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li {
                font-size: 14px; } }
            @media (max-width: 991px) {
              .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li {
                font-size: 14px; } }
            .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li span {
              display: block;
              font-size: 14px;
              color: #a3a3a3;
              line-height: 1.4;
              margin-top: 5px; }
            .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li::before {
              content: "";
              width: 22px;
              height: 22px;
              background: url(../images/check_n.png) no-repeat;
              background-size: 100%;
              margin-right: 10px;
              position: absolute;
              left: 0; }
            .special-page .accordion-blocks .pricing-card-area .block-7 .price_details ul li.ti-close::before {
              background: url(../images/close_n.png) no-repeat; }
        .special-page .accordion-blocks .pricing-card-area .block-7 .price_details .button {
          background-color: var(--theme-color);
          color: #fff;
          font-size: 14px;
          border: none;
          font-weight: var(--semi-bold);
          min-width: auto;
          padding: 16px 32px;
          height: auto;
          line-height: normal;
          border-radius: 60px;
          margin: 0 auto;
          display: table; }
          .special-page .accordion-blocks .pricing-card-area .block-7 .price_details .button:hover {
            color: #000;
            background-color: #ffa800; }
          .special-page .accordion-blocks .pricing-card-area .block-7 .price_details .button::after {
            display: none; }
  .special-page .feature-full .accordion-title {
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: var(--medium);
    align-items: center; }
    .special-page .feature-full .accordion-title span {
      color: var(--accent-color);
      margin-left: 5px; }
    .special-page .feature-full .accordion-title:hover {
      cursor: pointer; }
    .special-page .feature-full .accordion-title.active .arrow::after {
      content: "\e64b"; }
    .special-page .feature-full .accordion-title .arrow {
      width: 30px;
      height: 20px;
      position: relative;
      justify-content: center;
      align-items: center;
      display: flex; }
      .special-page .feature-full .accordion-title .arrow::after {
        position: absolute;
        content: "\e648";
        font-family: 'themify';
        color: #B0B0B0;
        font-size: 17px; }
  .special-page .feature-full .accordion-content {
    margin-top: 30px;
    border-top: 1px solid #f2f2f2; }
  .special-page .feature-full .wrap-table100 {
    width: 100%;
    overflow: hidden; }
  .special-page .feature-full .table-price {
    width: 100%;
    display: table;
    margin: 0; }
  @media screen and (max-width: 767px) {
    .special-page .feature-full .table-price {
      display: block; } }
  .special-page .feature-full .row-feature {
    display: table-row; }
  .special-page .feature-full .row-feature.header {
    color: #666; }
  @media screen and (max-width: 767px) {
    .special-page .feature-full .row-feature {
      display: block; }
    .special-page .feature-full .row-feature.header {
      padding: 0;
      height: 0px;
      display: none; }
    .special-page .feature-full .row-feature.header .cell {
      display: none; }
    .special-page .feature-full .row-feature .cell:before {
      font-size: 12px;
      color: #000;
      font-weight: var(--bold);
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 13px;
      content: attr(data-title);
      min-width: 98px;
      display: block; } }
  .special-page .feature-full .cell {
    display: table-cell; }
  @media screen and (max-width: 767px) {
    .special-page .feature-full .cell {
      display: block;
      font-size: 16px; } }
  .special-page .feature-full .row-feature .cell {
    position: relative;
    font-size: 16px;
    color: #444444;
    line-height: 1.2;
    font-weight: var(--semi-bold);
    padding: 20px;
    border-right: 1px solid #f2f2f2; }
    @media (max-width: 991px) {
      .special-page .feature-full .row-feature .cell {
        font-size: 16px; } }
    .special-page .feature-full .row-feature .cell .check {
      position: absolute;
      content: "";
      background: url(../images/check_i.png);
      width: 18px;
      height: 18px; }
    .special-page .feature-full .row-feature .cell .un-check {
      position: absolute;
      content: "";
      background: url(../images/uncheck_i.png);
      width: 18px;
      height: 18px; }
  .special-page .feature-full .row-feature.header .cell {
    font-size: 20px;
    color: #000;
    line-height: 1.2;
    font-weight: normal;
    padding-top: 18px;
    padding-bottom: 18px; }
    @media (max-width: 991px) {
      .special-page .feature-full .row-feature.header .cell {
        font-size: 18px; } }
    .special-page .feature-full .row-feature.header .cell.title-head {
      font-size: 26px;
      font-weight: var(--semi-bold); }
      @media (max-width: 991px) {
        .special-page .feature-full .row-feature.header .cell.title-head {
          font-size: 22px; } }
    .special-page .feature-full .row-feature.header .cell.sub-head {
      color: #878787; }
  .special-page .feature-full .row-feature .cell:nth-child(1) {
    width: 32%;
    padding-left: 20px;
    color: #000;
    font-family: var(--secondary-font); }
  .special-page .feature-full .row-feature .cell:nth-child(2) {
    width: 17%; }
  .special-page .feature-full .row-feature .cell:nth-child(3) {
    width: 17%; }
  .special-page .feature-full .row-feature .cell:nth-child(4) {
    width: 17%; }
  .special-page .feature-full .row-feature .cell:nth-child(5) {
    width: 17%;
    border-right: 0; }
  .special-page .feature-full .table-price,
  .special-page .feature-full .row-feature {
    width: 100%; }
  .special-page .feature-full .row-feature.header:hover {
    background-color: transparent; }
  .special-page .feature-full .row-feature:hover {
    background-color: #ececff; }
  @media (max-width: 767px) {
    .special-page .feature-full .row-feature {
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 18px;
      padding-top: 0px;
      padding-right: 15px;
      margin: 0; }
    .special-page .feature-full .row-feature .cell {
      border: none;
      padding-left: 30px;
      padding-top: 16px;
      padding-bottom: 16px; }
    .special-page .feature-full .row-feature .cell {
      padding-left: 15px;
      width: 100%; }
      .special-page .feature-full .row-feature .cell:nth-child(1) {
        padding-left: 15px; }
      .special-page .feature-full .row-feature .cell:nth-child(1), .special-page .feature-full .row-feature .cell:nth-child(2), .special-page .feature-full .row-feature .cell:nth-child(3), .special-page .feature-full .row-feature .cell:nth-child(4), .special-page .feature-full .row-feature .cell:nth-child(5) {
        width: 100%; }
    .special-page .feature-full .row-feature .cell {
      font-size: 15px;
      color: #555555;
      line-height: 1.2;
      font-weight: unset !important;
      padding: 10px 15px; }
    .special-page .feature-full .table-price {
      display: flex;
      flex-wrap: wrap; }
    .special-page .feature-full .table-price,
    .special-page .feature-full .row-feature,
    .special-page .feature-full .cell {
      width: 100%; }
    .special-page .feature-full .row-feature {
      width: 33.33333333334%; } }
  @media (max-width: 660px) {
    .special-page .feature-full .row-feature {
      width: 50%; } }
  @media (max-width: 420px) {
    .special-page .feature-full .row-feature {
      width: 100%; } }
  .special-page .feature-full .accordion-blocks .tabe-footer {
    border-top: 1px solid #f2f2f2;
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap; }
    .special-page .feature-full .accordion-blocks .tabe-footer .button {
      font-weight: var(--bold); }
      @media (min-width: 768px) {
        .special-page .feature-full .accordion-blocks .tabe-footer .button {
          width: 270px; } }
      .special-page .feature-full .accordion-blocks .tabe-footer .button:hover {
        color: var(--white);
        border-color: var(--theme-color);
        background-color: var(--theme-color); }

.landing-page-wrap .section-title h2 {
  text-transform: capitalize; }
.landing-page-wrap .discussion {
  padding: 20px;
  border-radius: 20px;
  background: #fff; }
  .landing-page-wrap .discussion textarea.ninja-forms-field {
    height: 120px; }
  .landing-page-wrap .discussion .nf-form-content {
    width: 100%;
    display: inline-block; }
    @media (min-width: 992px) {
      .landing-page-wrap .discussion .nf-form-content nf-fields-wrap nf-field:nth-child(-n+3) {
        width: 33.33%;
        float: left;
        box-sizing: border-box; } }
    .landing-page-wrap .discussion .nf-form-content nf-fields-wrap .nf-field-element::after {
      height: 40px;
      line-height: 40px; }
    @media (min-width: 992px) {
      .landing-page-wrap .discussion .nf-form-content nf-field:nth-child(1), .landing-page-wrap .discussion .nf-form-content nf-field:nth-child(2) {
        padding-right: 20px; } }
    .landing-page-wrap .discussion .nf-form-content nf-field input {
      height: 40px;
      border-radius: 4px;
      background: transparent;
      border: 1px solid #E9E9E9; }
    .landing-page-wrap .discussion .nf-form-content nf-field textarea {
      height: 85px;
      border-radius: 4px;
      background: transparent;
      border: 1px solid #E9E9E9; }
    .landing-page-wrap .discussion .nf-form-content nf-field input[type=submit] {
      background-color: #009EDB;
      color: #fff;
      border-radius: 65px;
      padding: 0px;
      line-height: 44px;
      height: 44px;
      padding-left: 20px;
      padding-right: 20px;
      font-weight: var(--bold); }
.landing-page-wrap .single-features-light {
  padding: 25px;
  border-radius: 15px;
  color: #fff;
  border: 1px solid #eff2f5;
  background: #fff;
  overflow: hidden;
  min-height: 330px; }
  .landing-page-wrap .single-features-light.bg1 {
    background-color: #41B897; }
  .landing-page-wrap .single-features-light.bg2 {
    background-color: #E591AE; }
  .landing-page-wrap .single-features-light.bg3 {
    background-color: #826DC3; }
  .landing-page-wrap .single-features-light .wp-block-columns {
    margin-bottom: 0px; }
  .landing-page-wrap .single-features-light:hover {
    border: 1px solid #fff;
    box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.15); }
    .landing-page-wrap .single-features-light:hover .move {
      transform: translateY(-27%); }
    .landing-page-wrap .single-features-light:hover .shape {
      opacity: 0; }
  .landing-page-wrap .single-features-light .move {
    transition: .5s; }
.landing-page-wrap .hire-block {
  position: relative; }
  .landing-page-wrap .hire-block .rated-text {
    font-weight: var(--bold); }
    .landing-page-wrap .hire-block .rated-text span {
      background-color: #fff;
      padding: 0px 15px;
      border-radius: 65px;
      line-height: 55px;
      height: 55px;
      display: inline-block; }
  .landing-page-wrap .hire-block ul.lister {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
    gap: 15px;
    background: #C0E47C;
    padding: 10px 20px;
    border-radius: px; }
    @media (min-width: 992px) {
      .landing-page-wrap .hire-block ul.lister {
        border-radius: 65px;
        width: max-content;
        gap: 30px; } }
    .landing-page-wrap .hire-block ul.lister li {
      font-weight: var(--bold);
      font-size: 16px; }
  @media (min-width: 992px) {
    .landing-page-wrap .hire-block .hire-img {
      position: absolute;
      bottom: 60px;
      margin-bottom: 0; } }
.landing-page-wrap ul.why-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px; }
  .landing-page-wrap ul.why-list li {
    padding-left: 25px;
    position: relative; }
    .landing-page-wrap ul.why-list li::before {
      content: "";
      width: 14px;
      height: 14px;
      position: absolute;
      top: 3px;
      left: 3px;
      background: url(../images/arr.png);
      background-repeat: no-repeat; }
.landing-page-wrap .why-hire {
  position: relative; }
  @media (min-width: 992px) {
    .landing-page-wrap .why-hire .why-img {
      position: absolute;
      bottom: 0px; } }
.landing-page-wrap ul.list {
  padding-left: 20px; }
  .landing-page-wrap ul.list li {
    line-height: 1.5;
    margin-bottom: 5px;
    list-style-type: disc; }
.landing-page-wrap .about-img {
  background-color: #fff;
  border-radius: 30px;
  padding: 55px 20px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 3px 20px #d5d5d5;
  transition: .5s; }
  .landing-page-wrap .about-img:hover {
    transform: rotate(360deg);
    background-color: #ddd3d3; }
  .landing-page-wrap .about-img .blue_btn {
    position: relative;
    z-index: 1;
    min-width: 160px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    border: none;
    -webkit-transition: .5s;
    transition: all .5s; }
.landing-page-wrap .services-title {
  max-width: 800px;
  margin: 0 auto; }
.landing-page-wrap .service-box {
  padding: 30px 30px 30px;
  border-radius: 6px;
  z-index: 1;
  -webkit-transition: .5s;
  transition: all .5s;
  margin: 40px 0 0;
  box-shadow: 0px 1px 12px #f3f3f3;
  min-height: 410px;
  border-radius: 20px;
  background: #fff; }
  .landing-page-wrap .service-box:hover {
    transform: translateY(-20px); }
  .landing-page-wrap .service-box .m-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.6);
    color: #00003C; }
.landing-page-wrap .work-block {
  display: block; }
.landing-page-wrap .quick-contact {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .landing-page-wrap .quick-contact svg {
    margin-right: 10px; }
  .landing-page-wrap .quick-contact a {
    color: #000;
    font-size: 28px;
    font-weight: var(--semi-bold); }
    .landing-page-wrap .quick-contact a:hover {
      color: #009EDB; }
.landing-page-wrap .submit-container {
  margin-bottom: 0px; }
.landing-page-wrap .inquiry input[type=submit] {
  background: var(--theme-color);
  border: 0;
  color: #ffff;
  transition: all .5s;
  padding-left: 15px;
  padding-right: 15px;
  height: auto;
  text-transform: uppercase;
  font-family: var(--title-font);
  font-weight: var(--bold); }
  .landing-page-wrap .inquiry input[type=submit]:hover {
    color: #fff;
    background: var(--theme-color); }

.contact-form .nf-form-content {
  padding: 0px; }
  .contact-form .nf-form-content input[type=submit] {
    color: #fff !important;
    font-family: var(--title-font);
    padding-left: 33px;
    padding-right: 45px;
    text-transform: uppercase;
    font-weight: var(--bold);
    background: url(../images/arrow-up.png) #000 !important;
    background-position: right;
    background-repeat: no-repeat !important;
    background-position-x: 110px !important;
    transition: all ease-in-out 0.3s;
    background-position-y: 12px !important; }
    .contact-form .nf-form-content input[type=submit]:hover {
      color: #fff !important; }

.search-website {
  display: flex;
  justify-content: center; }
  .search-website .seo-audit-form__form-input {
    padding: 12px;
    font-size: 14px;
    border-radius: 6px;
    margin-right: 10px; }
  .search-website .btn {
    padding: 20px 20px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    border-radius: 6px;
    text-transform: uppercase;
    background: #009EDB;
    border: 0;
    font-weight: var(--semi-bold);
    color: #fff; }

.shopify-checkout .main-content {
  color: #fff; }
  @media (min-width: 991px) {
    .shopify-checkout .main-content {
      padding-right: 100px; } }
  .shopify-checkout .main-content p {
    font-size: 20px; }
    @media (max-width: 991px) {
      .shopify-checkout .main-content p {
        font-size: var(--p); } }
  .shopify-checkout .main-content .div-block {
    margin-top: 50px; }
    @media (max-width: 991px) {
      .shopify-checkout .main-content .div-block {
        margin-bottom: 50px; } }
    .shopify-checkout .main-content .div-block .block-wrap {
      text-align: center;
      padding: 0 15px;
      position: relative; }
      @media (max-width: 991px) {
        .shopify-checkout .main-content .div-block .block-wrap {
          margin-bottom: 30px; } }
      .shopify-checkout .main-content .div-block .block-wrap .count {
        font-weight: var(--bold);
        color: #fff;
        width: 100%;
        display: block;
        margin-bottom: 6px; }
      .shopify-checkout .main-content .div-block .block-wrap .count-label {
        color: #fff;
        font-weight: var(--medium); }
      .shopify-checkout .main-content .div-block .block-wrap::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #fff; }
        @media (max-width: 991px) {
          .shopify-checkout .main-content .div-block .block-wrap::before {
            display: none; } }
      .shopify-checkout .main-content .div-block .block-wrap.last::before {
        display: none; }
    .shopify-checkout .main-content .div-block .like-logo {
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 991px) {
        .shopify-checkout .main-content .div-block .like-logo {
          justify-content: center; } }
      .shopify-checkout .main-content .div-block .like-logo img {
        max-width: 265px; }
.shopify-checkout .quote-form-wrap {
  padding: 35px;
  background-color: #fff;
  border-radius: 5px;
  max-width: 370px;
  margin: 0 auto; }
  .shopify-checkout .quote-form-wrap textarea {
    height: 120px !important; }
  .shopify-checkout .quote-form-wrap input[type=submit] {
    min-width: 130px;
    text-transform: uppercase;
    font-weight: var(--semi-bold);
    background: var(--theme-color); }
    .shopify-checkout .quote-form-wrap input[type=submit]:hover {
      color: #fff;
      background: var(--theme-color); }

.why-choose-block-wrap {
  background-color: #F7F7F7; }
  .why-choose-block-wrap .col-spacing-bottom {
    margin-bottom: 30px; }
  .why-choose-block-wrap .why-you-choose-us-points {
    background-color: #fff;
    text-align: center;
    padding: 25px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    height: 100%; }
    .why-choose-block-wrap .why-you-choose-us-points .icon-main {
      margin-bottom: 12px; }
    .why-choose-block-wrap .why-you-choose-us-points .title {
      margin-bottom: 5px;
      color: var(--text-color); }
    .why-choose-block-wrap .why-you-choose-us-points .medium-text {
      font-size: 14px; }

.faq-page-content {
  padding-bottom: 55px; }
  .faq-page-content .outer-wrap {
    margin-bottom: 15px; }
  .faq-page-content .faq-block .title-block {
    display: inline-block;
    width: 100%; }
    .faq-page-content .faq-block .title-block .content-link {
      font-size: 18px;
      position: relative;
      border-bottom: 1px solid #dddddd;
      padding-bottom: 15px;
      margin-bottom: 10px;
      cursor: pointer;
      padding-right: 24px;
      font-weight: var(--semi-bold); }
      @media (max-width: 991px) {
        .faq-page-content .faq-block .title-block .content-link {
          font-size: var(--h6);
          line-height: 26px; } }
      .faq-page-content .faq-block .title-block .content-link i {
        position: absolute;
        right: 0;
        top: 2px;
        color: var(--footer-text-color);
        transition: all ease-in-out 0.4s; }
  .faq-page-content .faq-block .accordion-content {
    display: none;
    margin-bottom: 0px; }
    .faq-page-content .faq-block .accordion-content strong,
    .faq-page-content .faq-block .accordion-content h2,
    .faq-page-content .faq-block .accordion-content h1,
    .faq-page-content .faq-block .accordion-content h4,
    .faq-page-content .faq-block .accordion-content h3,
    .faq-page-content .faq-block .accordion-content h5 {
      color: #000; }
    .faq-page-content .faq-block .accordion-content a {
      color: var(--theme-color); }
    .faq-page-content .faq-block .accordion-content p {
      color: #5a5a5a;
      line-height: 1.6;
      margin-bottom: 0px; }
      .faq-page-content .faq-block .accordion-content p strong {
        color: #000; }
    .faq-page-content .faq-block .accordion-content ul {
      padding-left: 15px;
      margin-bottom: 20px;
      margin-top: 20px; }
      .faq-page-content .faq-block .accordion-content ul li {
        padding-left: 20px;
        position: relative;
        margin-bottom: 13px; }
        .faq-page-content .faq-block .accordion-content ul li::before {
          content: "\e661";
          font-family: 'themify';
          position: absolute;
          left: 0;
          top: 5px;
          font-size: 11px;
          color: var(--theme-color); }
    .faq-page-content .faq-block .accordion-content ol {
      margin-bottom: 20px;
      padding-left: 15px; }
      .faq-page-content .faq-block .accordion-content ol li {
        margin-bottom: 15px; }

@media (max-width: 991px) {
  .faq-block-wrap .text-content {
    padding-left: 35px;
    padding-right: 35px; } }
.faq-block-wrap .outer-wrap {
  margin-bottom: 24px; }
.faq-block-wrap .faq-block .title-block {
  display: inline-block;
  width: 100%; }
  .faq-block-wrap .faq-block .title-block .content-link {
    font-size: 22px;
    position: relative;
    border-bottom: 1px solid #0B0B0B;
    padding-bottom: 24px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-right: 24px;
    font-weight: var(--semi-bold); }
    @media (max-width: 991px) {
      .faq-block-wrap .faq-block .title-block .content-link {
        font-size: var(--h6);
        line-height: 26px; } }
    .faq-block-wrap .faq-block .title-block .content-link i {
      position: absolute;
      right: 0;
      top: 2px;
      color: var(--text-color);
      transition: all ease-in-out 0.4s; }
    .faq-block-wrap .faq-block .title-block .content-link.active i.ti-plus::before {
      content: "\e622"; }
.faq-block-wrap .faq-block .accordion-content {
  display: none;
  border-bottom: 1px solid #0B0B0B;
  margin-bottom: 25px; }
  .faq-block-wrap .faq-block .accordion-content strong,
  .faq-block-wrap .faq-block .accordion-content h2,
  .faq-block-wrap .faq-block .accordion-content h1,
  .faq-block-wrap .faq-block .accordion-content h4,
  .faq-block-wrap .faq-block .accordion-content h3,
  .faq-block-wrap .faq-block .accordion-content h5 {
    color: #000; }
  .faq-block-wrap .faq-block .accordion-content a {
    color: var(--theme-color); }
  .faq-block-wrap .faq-block .accordion-content p {
    color: var(--text-color);
    line-height: 1.6;
    margin-top: 20px; }
    .faq-block-wrap .faq-block .accordion-content p strong {
      color: #000; }
  .faq-block-wrap .faq-block .accordion-content ul {
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .faq-block-wrap .faq-block .accordion-content ul li {
      padding-left: 20px;
      position: relative;
      margin-bottom: 13px; }
      .faq-block-wrap .faq-block .accordion-content ul li::before {
        content: "\e661";
        font-family: 'themify';
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 11px;
        color: var(--theme-color); }
  .faq-block-wrap .faq-block .accordion-content ol {
    margin-bottom: 20px;
    padding-left: 15px; }
    .faq-block-wrap .faq-block .accordion-content ol li {
      margin-bottom: 15px; }

.faq {
  background-color: #ECF3F1;
  padding-top: 88px;
  padding-bottom: 86px; }
  @media (max-width: 991px) {
    .faq {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .faq h2 {
    font-size: 34px;
    line-height: 37px;
    text-align: left; }
  .faq p {
    text-align: left; }
  .faq .faq-page-content .outer-wrap {
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 23px;
    position: relative; }
  .faq .faq-page-content .content-link {
    border-bottom: 0px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
  .faq .faq-page-content h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 37px; }
    .faq .faq-page-content h3 i {
      position: relative;
      width: 16px;
      height: 17px;
      display: inline-block;
      margin-left: 10px;
      transition: transform 0.3s ease;
      transform-origin: center;
      transform: rotate(0deg); }
      .faq .faq-page-content h3 i::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url(../images/faq-icon.png) center no-repeat;
        background-size: contain; }
    .faq .faq-page-content h3 .accordion-content {
      border-bottom: 0px !important; }
    .faq .faq-page-content h3 p {
      margin-bottom: 0px !important; }

.faq-page-content .content-link.active i {
  transform: rotate(-45deg); }

.services-wrap .service-banner-wrap {
  position: relative;
  background: #E5E5E5;
  min-height: 530px;
  display: flex;
  background-size: cover;
  align-items: center;
  background-repeat: no-repeat !important;
  background-position: bottom; }
  @media (max-width: 991px) {
    .services-wrap .service-banner-wrap {
      min-height: 230px; } }
  .services-wrap .service-banner-wrap .title {
    margin-bottom: 50px; }
  .services-wrap .service-banner-wrap.banner-wrap-normal {
    position: relative; }
    .services-wrap .service-banner-wrap.banner-wrap-normal::after {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5); }
.services-wrap .service-banner {
  display: block;
  position: relative; }
  .services-wrap .service-banner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 490px;
    height: 160px;
    opacity: 0.7;
    background: url(http://seamedia.in/wp-content/uploads/2024/04/hero-shape-14.png);
    background-size: 100%;
    background-repeat: no-repeat; }
    @media (max-width: 567px) {
      .services-wrap .service-banner::before {
        width: 250px; } }
  .services-wrap .service-banner::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 595px;
    height: 200px;
    opacity: 0.7;
    background: url(http://seamedia.in/wp-content/uploads/2024/04/hero-shape-15.png);
    background-size: 100%;
    background-repeat: no-repeat; }
    @media (max-width: 567px) {
      .services-wrap .service-banner::after {
        width: 290px; } }
  .services-wrap .service-banner.bg_normal {
    z-index: 1; }
    .services-wrap .service-banner.bg_normal .block {
      color: #fff; }
    .services-wrap .service-banner.bg_normal::before {
      display: none; }
    .services-wrap .service-banner.bg_normal::after {
      display: none; }
  .services-wrap .service-banner.b2c {
    background-image: url(http://seamedia.in/wp-content/uploads/2024/04/hero-bg-1.jpg);
    background-repeat: repeat-y;
    position: relative; }
    .services-wrap .service-banner.b2c .content-blocker {
      color: #fff; }
  .services-wrap .service-banner.b2b {
    background-image: url(http://seamedia.in/wp-content/uploads/2024/04/hero-bg-2.png);
    background-repeat: repeat-y;
    position: relative; }
    .services-wrap .service-banner.b2b .content-blocker {
      color: #fff; }
  .services-wrap .service-banner.app {
    background-image: url(http://seamedia.in/wp-content/uploads/2024/04/hero-bg-4.png);
    background-repeat: repeat-y;
    position: relative; }
    .services-wrap .service-banner.app .content-blocker {
      color: #fff; }
  .services-wrap .service-banner.cx {
    background-image: url(http://seamedia.in/wp-content/uploads/2024/04/hero-bg-55.png);
    background-repeat: repeat-y;
    position: relative; }
    .services-wrap .service-banner.cx .content-blocker {
      color: #fff; }
  .services-wrap .service-banner.digital {
    background-image: url(http://seamedia.in/wp-content/uploads/2024/04/digital-bg.png);
    background-repeat: repeat-y;
    position: relative; }
    .services-wrap .service-banner.digital .content-blocker {
      color: #fff; }
  .services-wrap .service-banner .content-blocker h2 {
    font-size: 32px; }
    @media (max-width: 991px) {
      .services-wrap .service-banner .content-blocker h2 {
        font-size: var(--h5); } }
  .services-wrap .service-banner .content-blocker p {
    margin-bottom: 0; }
  .services-wrap .service-banner .content-blocker .button-block {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
    z-index: 1;
    position: relative; }
    @media (max-width: 1199px) {
      .services-wrap .service-banner .content-blocker .button-block {
        display: block; } }
    .services-wrap .service-banner .content-blocker .button-block a {
      padding: 14px 30px;
      border: 1px solid #fff;
      background: transparent;
      border-radius: 100px;
      color: #fff;
      font-size: 14px;
      font-weight: var(--semi-bold);
      transition: all ease-in-out 0.3s;
      text-align: center;
      height: 50px; }
      .services-wrap .service-banner .content-blocker .button-block a:nth-child(1) {
        margin-right: 15px; }
        @media (max-width: 991px) {
          .services-wrap .service-banner .content-blocker .button-block a:nth-child(1) {
            margin-right: 0px; } }
      @media (max-width: 1199px) {
        .services-wrap .service-banner .content-blocker .button-block a {
          padding: 15px 20px;
          font-size: 16px;
          width: 100%;
          display: block; }
          .services-wrap .service-banner .content-blocker .button-block a:nth-child(2) {
            margin-top: 20px; } }
      .services-wrap .service-banner .content-blocker .button-block a:hover {
        background: #fff;
        color: #000;
        border-color: #fff; }
        .services-wrap .service-banner .content-blocker .button-block a:hover svg path {
          fill: #000; }
      .services-wrap .service-banner .content-blocker .button-block a svg {
        margin-right: 7px; }
        .services-wrap .service-banner .content-blocker .button-block a svg path {
          transition: all ease-in-out 0.3s; }
  .services-wrap .service-banner .content-blocker .quote-button {
    display: flex;
    max-width: 526px;
    width: 100%;
    justify-content: flex-start; }
    @media (max-width: 991px) {
      .services-wrap .service-banner .content-blocker .quote-button {
        max-width: 100%; } }
    .services-wrap .service-banner .content-blocker .quote-button a {
      padding: 14px 30px;
      border: 1px solid #0F2D72;
      background: #0F2D72;
      border-radius: 100px;
      color: #fff;
      font-size: 14px;
      font-weight: var(--semi-bold);
      transition: all ease-in-out 0.3s;
      text-transform: uppercase;
      width: 100%;
      height: 50px;
      line-height: 20px; }
      .services-wrap .service-banner .content-blocker .quote-button a:hover {
        border-color: #fff;
        background: #fff;
        color: #000; }
  @media (max-width: 991px) {
    .services-wrap .service-banner .right-part {
      display: none; } }
.services-wrap .service-main-block.ai {
  background-image: url(http://seamedia.in/wp-content/uploads/2024/04/ai_bg.jpg);
  background-repeat: repeat-y;
  position: relative; }
  .services-wrap .service-main-block.ai::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 45, 113, 0.6); }
  .services-wrap .service-main-block.ai .white-font {
    color: #fff; }
  @media (max-width: 991px) {
    .services-wrap .service-main-block.ai .right-part {
      display: none; } }
.services-wrap .service-main-block .content-area {
  padding-right: 50px; }
  @media (max-width: 991px) {
    .services-wrap .service-main-block .content-area {
      order: 2; } }
  @media (max-width: 991px) {
    .services-wrap .service-main-block .content-area {
      padding-right: 15px; } }
  .services-wrap .service-main-block .content-area .content h1 {
    font-size: var(--h2); }
  .services-wrap .service-main-block .content-area .content h2 {
    font-size: 32px; }
    @media (max-width: 991px) {
      .services-wrap .service-main-block .content-area .content h2 {
        font-size: var(--h3); } }
  .services-wrap .service-main-block .content-area .content h3 {
    font-size: var(--h4); }
  .services-wrap .service-main-block .content-area .content p {
    margin-bottom: 0; }
  .services-wrap .service-main-block .content-area .content .learn-more {
    margin-top: 30px;
    display: inline-block; }
.services-wrap .service-main-block .content h1 {
  font-size: var(--h2); }
.services-wrap .service-main-block .content h2 {
  font-size: 30px; }
  @media (max-width: 991px) {
    .services-wrap .service-main-block .content h2 {
      font-size: var(--h3); } }
.services-wrap .service-main-block .content p {
  margin-bottom: 0; }
.services-wrap .service-main-block .content .learn-more {
  margin-top: 30px;
  display: inline-block; }
@media (max-width: 991px) {
  .services-wrap .service-main-block .sevices-img {
    order: 1; }
    .services-wrap .service-main-block .sevices-img .image-layer {
      margin-bottom: 30px; } }
.services-wrap .service-main-block.bg {
  background: #f5f8fa; }
  .services-wrap .service-main-block.bg .content-area {
    padding-left: 50px;
    padding-right: 15px; }
    @media (max-width: 991px) {
      .services-wrap .service-main-block.bg .content-area {
        padding-left: 15px; } }
.services-wrap .talk-banner {
  background: #009EDB;
  background: linear-gradient(132deg, #009EDB 0%, #0F2D72 100%);
  padding-top: 50px;
  padding-bottom: 50px; }
  .services-wrap .talk-banner .talk-head {
    color: #fff;
    font-size: 20px;
    text-align: center; }
    @media (max-width: 991px) {
      .services-wrap .talk-banner .talk-head {
        margin-bottom: 20px; } }
  .services-wrap .talk-banner .button {
    background: #E32A68;
    background: linear-gradient(135deg, #F96A03 0%, #E32A68 100%);
    border: none;
    text-transform: uppercase;
    font-size: 16px; }
    .services-wrap .talk-banner .button:hover {
      background: #E32A68;
      background: linear-gradient(256deg, #F96A03 0%, #E32A68 100%); }
    .services-wrap .talk-banner .button a {
      color: #fff; }
.services-wrap .recent-work-wrap {
  background-size: cover;
  background-position: center center;
  background: #00347C;
  background: linear-gradient(134deg, #00347C 0%, #00A3C6 100%);
  position: relative; }
  .services-wrap .recent-work-wrap::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/services-bg.png);
    background-repeat: repeat; }
  .services-wrap .recent-work-wrap .main-title {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    color: #fff; }
  .services-wrap .recent-work-wrap .recent-work .work-block .content-area-desc {
    color: #fff; }
    .services-wrap .recent-work-wrap .recent-work .work-block .content-area-desc a {
      color: #fff;
      font-weight: var(--semi-bold); }
      .services-wrap .recent-work-wrap .recent-work .work-block .content-area-desc a:hover {
        text-decoration: underline; }
    .services-wrap .recent-work-wrap .recent-work .work-block .content-area-desc .company-logo {
      display: block;
      margin-bottom: 20px; }
      .services-wrap .recent-work-wrap .recent-work .work-block .content-area-desc .company-logo img {
        max-width: 175px; }
  .services-wrap .recent-work-wrap .recent-work .work-block .image-layer img {
    width: auto;
    margin: 0 auto; }
  @media (max-width: 991px) {
    .services-wrap .recent-work-wrap .recent-work .work-block .image-layer {
      margin-bottom: 20px; } }
  .services-wrap .recent-work-wrap .owl-theme .owl-nav {
    position: relative;
    margin-top: 50px; }
    .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev, .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
      width: 36px;
      height: 36px; }
      .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev::after, .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next::after {
        font-size: 16px; }
    .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev {
      left: 46.5%; }
      @media (max-width: 1199px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev {
          left: 45%; } }
      @media (max-width: 991px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev {
          left: 43.5%; } }
      @media (max-width: 767px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev {
          left: 41%; } }
      @media (max-width: 567px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-prev {
          left: 40%; } }
    .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
      right: 46.5%; }
      @media (max-width: 1199px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
          right: 45%; } }
      @media (max-width: 991px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
          right: 43.5%; } }
      @media (max-width: 767px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
          right: 41%; } }
      @media (max-width: 567px) {
        .services-wrap .recent-work-wrap .owl-theme .owl-nav button.owl-next {
          right: 40%; } }
  .services-wrap .recent-work-wrap .owl-theme .owl-nav [class*='owl-'] {
    background: #fff; }
    .services-wrap .recent-work-wrap .owl-theme .owl-nav [class*='owl-']:hover {
      color: #000; }
.services-wrap .b2b-service-wrap .title-head {
  font-size: 32px;
  line-height: normal; }
  @media (max-width: 991px) {
    .services-wrap .b2b-service-wrap .title-head {
      font-size: var(--h4); } }
.services-wrap .b2b-service-wrap .services-wrapper {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  margin-top: 20px;
  padding: 20px;
  padding-top: 45px;
  padding-bottom: 40px;
  text-align: center;
  height: 92%; }
  .services-wrap .b2b-service-wrap .services-wrapper:hover {
    background: linear-gradient(134deg, #00347C 0%, #00A3C6 100%); }
    .services-wrap .b2b-service-wrap .services-wrapper:hover .services-inner-img {
      filter: invert(100%) brightness(100); }
    .services-wrap .b2b-service-wrap .services-wrapper:hover h3, .services-wrap .b2b-service-wrap .services-wrapper:hover p {
      color: #fff; }
  .services-wrap .b2b-service-wrap .services-wrapper .services-inner-img {
    display: inline-block;
    padding: 6px;
    width: 18%; }
.services-wrap .b2b-service-wrap h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px; }
.services-wrap .platform-client {
  padding-top: 50px;
  padding-bottom: 50px; }
.services-wrap .big-banner {
  background-size: cover;
  background-position: center center;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative; }
  .services-wrap .big-banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2; }
  .services-wrap .big-banner .container .content-block {
    position: relative;
    color: #fff;
    z-index: 1;
    max-width: 650px;
    margin: 0 auto;
    z-index: 3; }
    .services-wrap .big-banner .container .content-block .sub-title {
      font-weight: normal;
      margin-bottom: 0px; }
.services-wrap .services-expand .standards-wrapper {
  width: 100%;
  margin-top: 30px; }
  .services-wrap .services-expand .standards-wrapper .standard-item {
    display: block; }
    @media (max-width: 991px) {
      .services-wrap .services-expand .standards-wrapper .standard-item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px; } }
    .services-wrap .services-expand .standards-wrapper .standard-item .block {
      padding: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      height: 100%; }
      .services-wrap .services-expand .standards-wrapper .standard-item .block .title-wrapper {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px; }
        .services-wrap .services-expand .standards-wrapper .standard-item .block .title-wrapper .icon {
          display: -ms-flexbox;
          display: flex;
          margin-right: 12px; }
          .services-wrap .services-expand .standards-wrapper .standard-item .block .title-wrapper .icon img {
            max-width: 150px; }
        .services-wrap .services-expand .standards-wrapper .standard-item .block .title-wrapper .title h3 {
          font-size: 20px;
          font-weight: 600;
          line-height: normal;
          margin-bottom: 0; }
      .services-wrap .services-expand .standards-wrapper .standard-item .block p {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 15px; }
.services-wrap .service-contact .service-contact-form .nf-before-form-content, .services-wrap .service-contact .service-contact-form .nf-form-title {
  display: none; }
.services-wrap .service-contact .service-contact-form input[type=submit] {
  width: 100%;
  text-transform: uppercase;
  font-weight: var(--semi-bold); }
  .services-wrap .service-contact .service-contact-form input[type=submit]:hover {
    background: #000;
    color: #fff; }
.services-wrap .blog {
  padding-top: 70px;
  padding-bottom: 70px; }

.platform-wrap .abt-content-block .vision-container .image-layer img {
  height: auto;
  object-fit: cover;
  border-radius: 25px; }
.platform-wrap .abt-content-block .vision-container .content {
  padding-right: 50px; }
  @media (max-width: 991px) {
    .platform-wrap .abt-content-block .vision-container .content {
      padding-right: 0px;
      background: #fff;
      margin-bottom: 50px; } }
  .platform-wrap .abt-content-block .vision-container .content h1 {
    font-size: var(--h2); }
    @media (max-width: 991px) {
      .platform-wrap .abt-content-block .vision-container .content h1 {
        font-size: var(--h3); } }
  .platform-wrap .abt-content-block .vision-container .content h2 {
    font-size: var(--h3); }
    @media (max-width: 991px) {
      .platform-wrap .abt-content-block .vision-container .content h2 {
        font-size: var(--h4); } }
  .platform-wrap .abt-content-block .vision-container .content p {
    line-height: 24px;
    margin-bottom: 42px; }
.platform-wrap .counter-section {
  padding: 93px 0 70px;
  background-color: #f5f7f9; }
  .platform-wrap .counter-section .counter-wrapper {
    display: flex; }
    @media (max-width: 991px) {
      .platform-wrap .counter-section .counter-wrapper {
        flex-wrap: wrap; } }
    .platform-wrap .counter-section .counter-wrapper li {
      flex: 0 0 33.333333%;
      margin: 30px 0;
      max-width: 33.333333%;
      text-align: center; }
      @media (max-width: 991px) {
        .platform-wrap .counter-section .counter-wrapper li {
          flex: 0 0 100%;
          margin: 40px 0;
          max-width: 100%; } }
      .platform-wrap .counter-section .counter-wrapper li h2 {
        color: var(--text-color);
        font-size: 111px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 20px; }
        @media only screen and (max-width: 1199px) {
          .platform-wrap .counter-section .counter-wrapper li h2 {
            font-size: 90px;
            margin-bottom: 15px; } }
        @media (max-width: 767px) {
          .platform-wrap .counter-section .counter-wrapper li h2 {
            font-size: 92px;
            margin-bottom: 10px; } }
      .platform-wrap .counter-section .counter-wrapper li p {
        font-size: 24px;
        line-height: 23px; }
.platform-wrap .platform-client {
  padding-top: 50px;
  padding-bottom: 50px; }
.platform-wrap .block-style1 .image-layer {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 991px) {
    .platform-wrap .block-style1 .image-layer {
      margin-bottom: 50px; } }
.platform-wrap .block-style1 ul {
  margin: initial;
  padding-left: 20px; }
  .platform-wrap .block-style1 ul li {
    position: relative;
    line-height: 1.7;
    font-size: 18px; }
    .platform-wrap .block-style1 ul li::before {
      width: 8px;
      height: 8px;
      content: "";
      background: #000;
      position: absolute;
      left: -16px;
      top: 11px;
      border-radius: 50%; }
.platform-wrap .block-style2 {
  background: #f5f8fa; }
  @media (max-width: 991px) {
    .platform-wrap .block-style2 .content-block {
      order: 2; } }
  @media (max-width: 991px) {
    .platform-wrap .block-style2 .image-block {
      order: 1; } }
  .platform-wrap .block-style2 .image-layer {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 991px) {
      .platform-wrap .block-style2 .image-layer {
        order: 1;
        margin-bottom: 50px; } }
  .platform-wrap .block-style2 ul {
    margin: initial;
    padding-left: 20px; }
    .platform-wrap .block-style2 ul li {
      position: relative;
      line-height: 1.7;
      font-size: 18px; }
      .platform-wrap .block-style2 ul li::before {
        width: 8px;
        height: 8px;
        content: "";
        background: #000;
        position: absolute;
        left: -16px;
        top: 11px;
        border-radius: 50%; }
.platform-wrap .section-about-block .content-block .main-logo {
  display: block;
  margin-bottom: 20px; }
.platform-wrap .section-about-block .content-block h1 {
  font-size: 40px; }
.platform-wrap .section-about-block .content-block h5 {
  font-size: 20px; }
.platform-wrap .section-about-block .content-block .button {
  font-size: 17px;
  color: #fff;
  font-family: var(--title-font);
  background-color: #009EDB;
  border-radius: 10px;
  border: none;
  padding-right: 15px;
  text-transform: none;
  letter-spacing: 0px; }
  .platform-wrap .section-about-block .content-block .button:hover {
    background-color: var(--black); }
  .platform-wrap .section-about-block .content-block .button::after {
    display: none; }
@media (min-width: 1480px) {
  .platform-wrap .section-about-block .content-block.shop2 {
    padding-right: 70px; } }
@media (max-width: 1479px) {
  .platform-wrap .section-about-block .content-block.shop2 {
    padding-right: 50px; } }
@media (max-width: 991px) {
  .platform-wrap .section-about-block .content-block.shop2 {
    padding-right: 0px;
    margin-bottom: 50px; } }
.platform-wrap .section-about-block .image-about-block {
  position: relative;
  padding-left: 100px; }
  @media (min-width: 1580px) {
    .platform-wrap .section-about-block .image-about-block img {
      position: absolute;
      right: -130px; } }
.platform-wrap .section-about-block .image-about-block2 {
  position: relative; }
  @media (min-width: 1480px) {
    .platform-wrap .section-about-block .image-about-block2 {
      padding-left: 50px; } }
  @media (max-width: 991px) {
    .platform-wrap .section-about-block .image-about-block2 {
      padding-top: 50px; } }
  .platform-wrap .section-about-block .image-about-block2 .shopify-work-slide .item img {
    width: 100%; }
  .platform-wrap .section-about-block .image-about-block2 .shopify-work-slide .owl-theme .owl-dots {
    margin-top: 20px; }
    .platform-wrap .section-about-block .image-about-block2 .shopify-work-slide .owl-theme .owl-dots .owl-dot span {
      border: 2px solid #ccc;
      border-radius: 10px; }
    .platform-wrap .section-about-block .image-about-block2 .shopify-work-slide .owl-theme .owl-dots .owl-dot.active span {
      border-color: var(--theme-color); }
.platform-wrap .section-about-block .image-about2-block img {
  width: 100%; }
.platform-wrap .store-setup-block {
  background: url("https://www.seamedia.in/wp-content/uploads/2024/06/store-bg.webp") #F8F8F8;
  background-position: center; }
  .platform-wrap .store-setup-block .title-head {
    font-size: 16px;
    font-family: var(--title-font);
    color: #009EDB;
    font-weight: var(--bold);
    text-transform: uppercase;
    margin-bottom: 10px; }
  .platform-wrap .store-setup-block h2 {
    font-size: 36px; }
    @media (max-width: 1199px) {
      .platform-wrap .store-setup-block h2 {
        font-size: var(--h2); } }
  .platform-wrap .store-setup-block .store-item {
    background-color: var(--white);
    padding: 64px;
    border-radius: 16px;
    transition: all ease-in-out 0.4s; }
    @media (min-width: 991px) {
      .platform-wrap .store-setup-block .store-item {
        min-height: 558px; } }
    @media (max-width: 991px) {
      .platform-wrap .store-setup-block .store-item {
        padding: 34px;
        margin-bottom: 30px; } }
    .platform-wrap .store-setup-block .store-item .content-area {
      text-align: center;
      margin-bottom: 50px; }
      .platform-wrap .store-setup-block .store-item .content-area .more {
        font-weight: var(--bold);
        font-family: var(--title-font);
        font-size: var(--p);
        color: var(--black);
        padding-right: 40px;
        position: relative; }
        .platform-wrap .store-setup-block .store-item .content-area .more::after {
          position: absolute;
          content: "\e628";
          font-family: themify;
          font-size: 16px;
          top: -4px;
          right: 0px;
          width: 30px;
          height: 30px;
          border: 1px solid #C8C8C8;
          justify-content: center;
          align-items: center;
          display: flex;
          border-radius: 60px;
          transition: all ease-in-out 0.4s; }
        .platform-wrap .store-setup-block .store-item .content-area .more:hover {
          color: #93BD46; }
          .platform-wrap .store-setup-block .store-item .content-area .more:hover::after {
            transform: translatex(7px); }
    .platform-wrap .store-setup-block .store-item .image-layer {
      display: flex;
      justify-content: center;
      align-items: center; }
    .platform-wrap .store-setup-block .store-item:hover {
      transform: translatey(-20px); }
.platform-wrap .store-2side-block {
  padding-bottom: 50px; }
  @media (max-width: 991px) {
    .platform-wrap .store-2side-block .store-left-content {
      order: 2; } }
  .platform-wrap .store-2side-block .store-left-content .store-left-block h2 {
    font-size: 36px; }
    @media (max-width: 991px) {
      .platform-wrap .store-2side-block .store-left-content .store-left-block h2 {
        font-size: var(--h3); } }
  .platform-wrap .store-2side-block .store-left-content .store-left-block .main {
    display: block;
    margin-bottom: 50px; }
  .platform-wrap .store-2side-block .store-left-content .store-left-block .listing {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px; }
    .platform-wrap .store-2side-block .store-left-content .store-left-block .listing .icon {
      padding-right: 15px; }
    .platform-wrap .store-2side-block .store-left-content .store-left-block .listing .wrap-block {
      display: block;
      border-bottom: 1px solid #D4D4D4;
      padding-bottom: 15px; }
      .platform-wrap .store-2side-block .store-left-content .store-left-block .listing .wrap-block h3 {
        font-size: 22px;
        margin-bottom: 0; }
        @media (max-width: 991px) {
          .platform-wrap .store-2side-block .store-left-content .store-left-block .listing .wrap-block h3 {
            font-size: var(--h4); } }
      .platform-wrap .store-2side-block .store-left-content .store-left-block .listing .wrap-block p {
        font-size: 16px;
        color: #464646;
        margin-bottom: 0; }
  @media (max-width: 991px) {
    .platform-wrap .store-2side-block .store-right-content {
      order: 1; } }
  @media (max-width: 991px) {
    .platform-wrap .store-2side-block .store-right-content {
      margin-bottom: 20px; } }
  @media (min-width: 991px) {
    .platform-wrap .store-2side-block .store-right-content .main-right-bg {
      padding-left: 40px; } }
  .platform-wrap .store-2side-block .store-right-content .main-right-bg img {
    border-radius: 10px; }
.platform-wrap .services-block-wrap {
  padding-top: 35px;
  padding-bottom: 35px; }
  .platform-wrap .services-block-wrap .services-block {
    display: flex;
    min-height: 503px;
    align-items: center;
    background-position: right 0;
    padding: 80px;
    border-radius: 22px; }
    @media (max-width: 991px) {
      .platform-wrap .services-block-wrap .services-block {
        padding: 40px; } }
    .platform-wrap .services-block-wrap .services-block ul li {
      display: inline-block;
      font-weight: var(--semi-bold);
      font-size: 17px;
      margin-right: 15px;
      padding-left: 35px;
      line-height: 1.6;
      position: relative;
      margin-bottom: 10px; }
      .platform-wrap .services-block-wrap .services-block ul li::before {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        top: 0px;
        left: 0px;
        background: url("../images/point.png"); }
.platform-wrap .special-width-block {
  background-color: #DEE8E8; }
  .platform-wrap .special-width-block .special-image {
    display: block; }
    @media (min-width: 991px) {
      .platform-wrap .special-width-block .special-image {
        padding-left: 50px; } }
    @media (max-width: 991px) {
      .platform-wrap .special-width-block .special-image {
        margin-bottom: 20px; } }
  .platform-wrap .special-width-block .special-content {
    display: block; }
    @media (min-width: 991px) {
      .platform-wrap .special-width-block .special-content {
        padding-left: 50px; } }
    .platform-wrap .special-width-block .special-content ul {
      display: block;
      margin-bottom: 30px; }
      .platform-wrap .special-width-block .special-content ul li {
        line-height: 1.5;
        margin-bottom: 10px;
        display: block;
        font-size: 18px;
        font-weight: var(--bold);
        padding-left: 32px;
        position: relative; }
        .platform-wrap .special-width-block .special-content ul li::before {
          position: absolute;
          content: "";
          top: 2px;
          left: 0px;
          width: 22px;
          height: 22px;
          background: url(../images/bullet.png); }
    .platform-wrap .special-width-block .special-content .button,
    .platform-wrap .special-width-block .special-content a.button {
      color: var(--theme-color);
      border: 1px solid var(--theme-color);
      background-color: transparent; }
      .platform-wrap .special-width-block .special-content .button::after,
      .platform-wrap .special-width-block .special-content a.button::after {
        color: var(--theme-color); }
.platform-wrap .why-choose-block {
  margin-bottom: 0px;
  padding-bottom: 60px; }
  .platform-wrap .why-choose-block .main-choose-block {
    display: block;
    margin-bottom: 100px; }
    .platform-wrap .why-choose-block .main-choose-block .why-choose-content p {
      font-size: 22px;
      line-height: 46px; }
      @media (max-width: 991px) {
        .platform-wrap .why-choose-block .main-choose-block .why-choose-content p {
          font-size: 20px;
          line-height: 1.8; } }
  .platform-wrap .why-choose-block .choose-division-block {
    display: block; }
    .platform-wrap .why-choose-block .choose-division-block .division {
      margin-bottom: 30px; }
      .platform-wrap .why-choose-block .choose-division-block .division .item {
        display: block;
        background: #fff;
        overflow: hidden;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border-radius: 13px;
        height: 100%;
        transition: all ease-in-out 0.4s; }
        .platform-wrap .why-choose-block .choose-division-block .division .item:hover {
          transform: translatey(-10px); }
        .platform-wrap .why-choose-block .choose-division-block .division .item .image-layer {
          margin-bottom: 10px; }
          .platform-wrap .why-choose-block .choose-division-block .division .item .image-layer img {
            width: 100%; }
        .platform-wrap .why-choose-block .choose-division-block .division .item .division-block-area {
          padding: 26px; }
.platform-wrap .hire-block-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #000000;
  background: linear-gradient(46deg, #000000 0%, #3E4041 100%);
  position: relative; }
  .platform-wrap .hire-block-wrap::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/bg-black.webp);
    background-position: center; }
  .platform-wrap .hire-block-wrap h2 {
    line-height: normal;
    font-size: 36px;
    color: var(--white);
    margin-bottom: 0px; }
  .platform-wrap .hire-block-wrap p {
    color: var(--white); }
  .platform-wrap .hire-block-wrap .link-button {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media (max-width: 991px) {
      .platform-wrap .hire-block-wrap .link-button {
        justify-content: flex-start; } }
    .platform-wrap .hire-block-wrap .link-button .button {
      border: 1px solid var(--white);
      background-color: transparent;
      padding-right: 15px;
      letter-spacing: 0; }
      .platform-wrap .hire-block-wrap .link-button .button::after {
        display: none; }
      .platform-wrap .hire-block-wrap .link-button .button:hover {
        background-color: Var(--white);
        color: var(--text-color); }
.platform-wrap .recent-work-wrap {
  display: block; }
  .platform-wrap .recent-work-wrap .title-wrap {
    text-align: center;
    margin-bottom: 50px; }
  .platform-wrap .recent-work-wrap .work-block {
    display: block; }
    @media (max-width: 991px) {
      .platform-wrap .recent-work-wrap .work-block {
        margin-bottom: 50px; } }
    .platform-wrap .recent-work-wrap .work-block .image-layar {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 20px; }
      .platform-wrap .recent-work-wrap .work-block .image-layar img {
        width: 100%; }
    .platform-wrap .recent-work-wrap .work-block .work-title {
      display: block;
      text-align: center; }
      .platform-wrap .recent-work-wrap .work-block .work-title h4 {
        margin-bottom: 0px; }
.platform-wrap .shopify-description-block {
  display: block; }
  .platform-wrap .shopify-description-block .description-wraper {
    background: #009EDB;
    background: linear-gradient(46deg, #009EDB 0%, #0F2D72 100%);
    padding: 100px;
    border-radius: 35px;
    text-align: center; }
    @media (max-width: 991px) {
      .platform-wrap .shopify-description-block .description-wraper {
        padding: 70px; } }
    @media (max-width: 767px) {
      .platform-wrap .shopify-description-block .description-wraper {
        padding: 50px; } }
    .platform-wrap .shopify-description-block .description-wraper h2,
    .platform-wrap .shopify-description-block .description-wraper p {
      color: var(--white); }
    .platform-wrap .shopify-description-block .description-wraper .logo-image img {
      max-width: 280px; }
.platform-wrap .new-clients-wrap {
  padding-bottom: 0; }
  .platform-wrap .new-clients-wrap .title-wrap {
    text-align: center;
    margin-bottom: 50px; }
  .platform-wrap .new-clients-wrap .client-logo {
    width: calc(20% - 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 1px solid #DFDFDF;
    margin: 0 15px;
    border-radius: 12px; }
    @media (max-width: 991px) {
      .platform-wrap .new-clients-wrap .client-logo {
        width: calc(33.33% - 30px);
        margin-bottom: 15px; } }
    @media (max-width: 767px) {
      .platform-wrap .new-clients-wrap .client-logo {
        width: calc(50% - 30px);
        margin-bottom: 15px; } }
.platform-wrap .shopify-what-we-do {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #F4F4F4; }
  .platform-wrap .shopify-what-we-do .title-head {
    font-size: 16px;
    font-family: var(--title-font);
    color: #93BD46;
    font-weight: var(--bold);
    text-transform: uppercase;
    margin-bottom: 10px; }
  .platform-wrap .shopify-what-we-do h2 {
    font-size: 36px; }
    @media (max-width: 1199px) {
      .platform-wrap .shopify-what-we-do h2 {
        font-size: var(--h2); } }
  .platform-wrap .shopify-what-we-do .service-item {
    display: block;
    transition: all ease-in-out 0.4s; }
    @media (max-width: 991px) {
      .platform-wrap .shopify-what-we-do .service-item {
        margin-bottom: 30px; } }
    .platform-wrap .shopify-what-we-do .service-item .content-block h4 {
      color: #00003C; }
    .platform-wrap .shopify-what-we-do .service-item .content-block p {
      margin-bottom: 0px;
      color: #5E5E5E; }
    .platform-wrap .shopify-what-we-do .service-item .image-layer {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px; }
      .platform-wrap .shopify-what-we-do .service-item .image-layer img {
        width: 100%;
        border-radius: 16px; }
    .platform-wrap .shopify-what-we-do .service-item:hover {
      transform: translatey(-20px); }
.platform-wrap .why-choose-seamedia {
  padding-top: 70px;
  padding-bottom: 0px;
  background-color: #fff; }
  .platform-wrap .why-choose-seamedia .title-head {
    font-size: 16px;
    font-family: var(--title-font);
    color: #93BD46;
    font-weight: var(--bold);
    text-transform: uppercase;
    margin-bottom: 10px; }
  .platform-wrap .why-choose-seamedia h2 {
    font-size: 36px;
    color: var(--text-color); }
    @media (max-width: 1199px) {
      .platform-wrap .why-choose-seamedia h2 {
        font-size: var(--h2); } }
  .platform-wrap .why-choose-seamedia .service-item {
    display: flex;
    transition: all ease-in-out 0.4s;
    border: 0.094rem solid RGB(201, 215, 230);
    border-radius: 16px;
    padding: 35px;
    margin-bottom: 30px;
    min-height: 200px; }
    @media (max-width: 991px) {
      .platform-wrap .why-choose-seamedia .service-item {
        margin-bottom: 30px; } }
    .platform-wrap .why-choose-seamedia .service-item .content-block h4 {
      color: #00003C; }
    .platform-wrap .why-choose-seamedia .service-item .content-block p {
      color: #5E5E5E;
      margin-bottom: 0px; }
    .platform-wrap .why-choose-seamedia .service-item .image-layer {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
      margin-right: 20px; }
      .platform-wrap .why-choose-seamedia .service-item .image-layer img {
        width: 100%;
        border-radius: 16px; }
    .platform-wrap .why-choose-seamedia .service-item:hover {
      transform: translatey(-20px); }
.platform-wrap .shopify-agency-block {
  position: relative; }
  .platform-wrap .shopify-agency-block::after {
    position: absolute;
    content: "";
    background: url("../images/rocket.png");
    width: 341px;
    height: 123px;
    top: 0px;
    right: 0px;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat; }
    @media (max-width: 567px) {
      .platform-wrap .shopify-agency-block::after {
        width: 220px; } }
  .platform-wrap .shopify-agency-block .grid-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 240px);
    grid-gap: 30px;
    gap: 30px;
    padding-bottom: 50px; }
    @media (max-width: 991px) {
      .platform-wrap .shopify-agency-block .grid-block {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px; } }
    @media (max-width: 567px) {
      .platform-wrap .shopify-agency-block .grid-block {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 10px; } }
    @media (max-width: 991px) {
      .platform-wrap .shopify-agency-block .grid-block.-type-3 > * {
        height: 100%; } }
    @media (max-width: 567px) {
      .platform-wrap .shopify-agency-block .grid-block.-type-3 > * {
        height: 200px;
        max-height: 200px; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :first-child {
      grid-column: span 3; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :first-child {
          grid-column: span 2; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :first-child {
          grid-column: span 1; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(2) {
      grid-column: span 5; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(2) {
          grid-column: span 3; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(2) {
          grid-column: span 1; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(3) {
      grid-column: span 4;
      grid-row: span 2; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(3) {
          grid-column: span 5; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(3) {
          grid-column: span 2; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(4) {
      grid-column: span 5; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(4) {
          grid-column: span 3; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(4) {
          grid-column: span 1; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(5) {
      grid-column: span 3; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(5) {
          grid-column: span 2;
          height: 240px; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(5) {
          grid-column: span 1; } }
    .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(6) {
      grid-column: span 3; }
      @media (max-width: 991px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(6) {
          grid-column: span 5;
          height: 240px; } }
      @media (max-width: 567px) {
        .platform-wrap .shopify-agency-block .grid-block.-type-3 > :nth-child(6) {
          grid-column: span 1; } }
    .platform-wrap .shopify-agency-block .grid-block.pt-40 {
      padding-top: 40px !important; }
    .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 {
      position: relative;
      z-index: 0;
      overflow: hidden; }
      .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1; }
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;
          background: linear-gradient(180deg, rgba(5, 7, 60, 0), #05073c);
          opacity: .5; }
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image.-hover-image-scale__image,
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image .text-overflow {
          overflow: hidden; }
          .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image.-hover-image-scale__image img,
          .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image .text-overflow img {
            transition: .6s; }
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__image.-hover-image-scale:hover .-hover-image-scale__image img {
          transform: scale(1.15); }
      .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__content {
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100%; }
        .platform-wrap .shopify-agency-block .grid-block .featureCard.-type-1 .featureCard__content h4 {
          font-size: 25px;
          margin-bottom: 0;
          font-weight: var(--bold);
          color: var(--white); }
    .platform-wrap .shopify-agency-block .grid-block .featureCard.rounded-15 {
      border-radius: 15px; }
    .platform-wrap .shopify-agency-block .grid-block .featureCard.px-30 {
      padding-left: 30px !important;
      padding-right: 30px !important; }
    .platform-wrap .shopify-agency-block .grid-block .featureCard.py-30 {
      padding-top: 30px !important;
      padding-bottom: 30px !important; }
    .platform-wrap .shopify-agency-block .grid-block .featureCard:hover img {
      transform: scale(1.15); }
.platform-wrap .destination {
  margin-bottom: 30px; }
  .platform-wrap .destination .destination-item {
    text-align: center; }
    .platform-wrap .destination .destination-item .featureImage_image {
      margin-bottom: 20px;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%;
      width: 130px;
      height: 130px;
      display: flex;
      align-items: center;
      text-align: center; }
      .platform-wrap .destination .destination-item .featureImage_image img {
        width: 130px;
        height: 130px;
        transition: .6s; }
      .platform-wrap .destination .destination-item .featureImage_image:hover img {
        transform: scale(1.15); }
.platform-wrap .filtered-regions-container {
  margin-block-start: 13px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 13px; }
  @media (max-width: 991px) {
    .platform-wrap .filtered-regions-container {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .platform-wrap .filtered-regions-container {
      grid-template-columns: 1fr; } }
  .platform-wrap .filtered-regions-container .region-link-button {
    background: #f1f1f1;
    border-radius: 10px;
    transition: 300ms;
    text-align: center;
    padding: 14px 20px;
    font-size: 18px;
    font-weight: var(--semi-bold);
    color: var(--text-color); }
    @media (max-width: 767px) {
      .platform-wrap .filtered-regions-container .region-link-button {
        font-size: 16px;
        padding: 12px 20px; } }
    .platform-wrap .filtered-regions-container .region-link-button:hover {
      color: var(--white);
      background-color: #009EDB; }
.platform-wrap .region-wrap {
  padding: 10px 0px 20px 0px; }
  .platform-wrap .region-wrap ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px; }
    .platform-wrap .region-wrap ul li {
      display: flex;
      font-size: inherit;
      align-items: center;
      margin-right: 8px;
      margin-left: 8px; }
      .platform-wrap .region-wrap ul li span {
        font-size: 18px;
        font-weight: var(--semi-bold); }
        @media (max-width: 567px) {
          .platform-wrap .region-wrap ul li span {
            margin-bottom: 10px; } }
        .platform-wrap .region-wrap ul li span svg {
          margin-right: 10px; }
.platform-wrap .partner-logo {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px; }
  .platform-wrap .partner-logo img {
    max-height: 50px; }
.platform-wrap .shopify-contact-panel {
  background: url("https://www.seamedia.in/wp-content/uploads/2024/07/contact-bg.png");
  background-repeat: repeat-x; }

.blog .section-title h2 {
  text-transform: capitalize; }

p {
  line-height: 1.5; }

.trust-commerce {
  background-color: #f6f6f6; }
  .trust-commerce .additional {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .trust-commerce .additional ul {
      display: block;
      padding-left: 20px;
      margin-bottom: 20px; }
      .trust-commerce .additional ul li {
        list-style-type: disc;
        text-align: left;
        margin-bottom: 10px;
        line-height: 1.5; }
  .trust-commerce.bg-white {
    background-color: #fff; }
    .trust-commerce.bg-white .choose-division .division-block-area {
      margin-bottom: 20px; }
      .trust-commerce.bg-white .choose-division .division-block-area p {
        margin-bottom: 0px; }
  .trust-commerce.why-choose-wrap .why-choose-content-part p {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.6; }
  .trust-commerce.why-choose-wrap .why-choose-content-part.title-head {
    text-align: center; }
    @media (max-width: 991px) {
      .trust-commerce.why-choose-wrap .why-choose-content-part.title-head {
        text-align: left; } }

.case-studies .case-block {
  margin-bottom: 30px;
  overflow: hidden;
  transition: all ease-in-out 0.2s; }
  .case-studies .case-block .image-layer {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden; }
    .case-studies .case-block .image-layer img {
      max-height: 520px;
      object-fit: cover;
      width: 100%; }
    .case-studies .case-block .image-layer .logo-layer {
      position: absolute;
      top: 30px;
      left: 30px;
      z-index: 1; }
    .case-studies .case-block .image-layer::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-transition: all ease-in-out .3s;
      transition: all ease-in-out .3s; }
  .case-studies .case-block .description-block .case-catagory {
    font-size: 18px;
    color: #747474;
    margin-bottom: 10px;
    display: block; }
  .case-studies .case-block .description-block p {
    font-size: 20px; }
  .case-studies .case-block .description-block .button {
    position: relative;
    display: inline-block;
    min-width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: var(--theme-color);
    border: transparent;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 25px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: var(--title-font);
    letter-spacing: 0;
    border-bottom: 2px solid var(--theme-color); }
    .case-studies .case-block .description-block .button:hover {
      background-color: transparent;
      border-color: var(--theme-color);
      color: var(--active-color); }
    .case-studies .case-block .description-block .button::after {
      color: var(--theme-color); }
  .case-studies .case-block:hover .image-layer img {
    transform: scale(1.2); }
.case-studies .single-banner {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 759px;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .case-studies .single-banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .case-studies .single-banner .banner-parent {
    position: relative; }
    .case-studies .single-banner .banner-parent .content-block {
      max-width: 670px;
      position: absolute;
      bottom: 70px;
      left: 0;
      color: #fff;
      z-index: 1; }
      @media (max-width: 767px) {
        .case-studies .single-banner .banner-parent .content-block {
          max-width: 100%;
          padding: 0 15px; } }
      .case-studies .single-banner .banner-parent .content-block h2 {
        font-size: 60px;
        font-weight: lighter; }
        @media (max-width: 767px) {
          .case-studies .single-banner .banner-parent .content-block h2 {
            font-size: var(--h2); } }
      .case-studies .single-banner .banner-parent .content-block p {
        font-size: var(--h4);
        margin-bottom: 0px; }
.case-studies .service-provide-block ul.services-tag {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 30px; }
  .case-studies .service-provide-block ul.services-tag li {
    font-size: 16px;
    border: 1px solid #000;
    padding: 15px 20px;
    display: inline-block;
    margin-right: 15px;
    width: auto;
    margin-bottom: 15px;
    border-radius: 60px;
    float: left; }
.case-studies .service-provide-block ul.duration {
  width: 100%;
  display: inline-block;
  margin-top: 20px; }
  .case-studies .service-provide-block ul.duration li {
    font-size: 22px;
    border-top: 1px solid #D3D3D3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: var(--title-font);
    color: #464646; }
    @media (max-width: 767px) {
      .case-studies .service-provide-block ul.duration li {
        font-size: var(--p); } }
.case-studies .project-main .main-pic {
  width: 100%; }
  .case-studies .project-main .main-pic img {
    width: 100%;
    max-height: 630px;
    object-fit: cover; }
.case-studies .case-studies-testimonial .testimonial-wrap {
  color: #fff;
  background: #242424;
  padding: 50px 80px; }
  .case-studies .case-studies-testimonial .testimonial-wrap .block {
    display: inline-block;
    padding-top: 55px;
    position: relative; }
    .case-studies .case-studies-testimonial .testimonial-wrap .block::before {
      content: "";
      left: 0;
      position: absolute;
      top: 0;
      width: 40px;
      height: 36px;
      background-image: url(../images/quote.svg); }
    .case-studies .case-studies-testimonial .testimonial-wrap .block .testimonial-comment {
      font-size: var(--h4);
      font-family: var(--main-font); }
    .case-studies .case-studies-testimonial .testimonial-wrap .block .title {
      font-size: var(--h4);
      margin-bottom: 7px;
      font-family: var(--title-font); }
    .case-studies .case-studies-testimonial .testimonial-wrap .block .designation {
      margin-bottom: 0px;
      font-family: var(--main-font); }
  .case-studies .case-studies-testimonial .testimonial-wrap .user {
    position: relative; }
    .case-studies .case-studies-testimonial .testimonial-wrap .user img {
      position: absolute;
      max-width: 314px;
      top: -109px;
      right: -30px; }
      @media (max-width: 1199px) {
        .case-studies .case-studies-testimonial .testimonial-wrap .user img {
          max-width: 240px; } }
    @media (max-width: 991px) {
      .case-studies .case-studies-testimonial .testimonial-wrap .user {
        display: none; } }

/* ===================Blog Listing Page ============= */
.blog-page .blog-main-content {
  padding-top: 68px; }
.blog-page .page-numbers {
  margin-top: 61px;
  margin-bottom: 41px; }
.blog-page .page-numbers.current {
  background: #13A5DB !important;
  color: #fff; }
.blog-page .page-numbers .page-numbers {
  background-color: #fff; }
.blog-page .next.page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D7D7D7; }
  .blog-page .next.page-numbers::after {
    content: "";
    background: url(../images/next-arrow.png);
    position: absolute;
    background-repeat: no-repeat;
    width: 7px;
    height: 15px; }
.blog-page .prev.page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D7D7D7; }
  .blog-page .prev.page-numbers::after {
    content: "";
    background: url(../images/next-arrow.png);
    position: absolute;
    background-repeat: no-repeat;
    width: 7px;
    height: 15px;
    transform: scaleX(-1); }
.blog-page .blog-main-content .row.blogs-list {
  display: flex;
  gap: 34px;
  flex-wrap: wrap; }
  .blog-page .blog-main-content .row.blogs-list .col-md-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 23px);
    padding: 0; }
    @media (min-width: 500px) and (max-width: 991px) {
      .blog-page .blog-main-content .row.blogs-list .col-md-4 {
        width: calc(50% - 17px); } }
    @media (max-width: 499px) {
      .blog-page .blog-main-content .row.blogs-list .col-md-4 {
        width: 100%; } }
.blog-page .blog-main-content .blog-wrap {
  height: 100%; }
.blog-page .blog-main-content .blog-img span {
  width: 100%;
  height: 303px;
  border-radius: 10px;
  background-position: center center;
  background-size: cover;
  display: inline-block; }
.blog-page .blog-main-content .blog-post p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.blog-page .blog-main-content .blog-post ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
  margin-bottom: 12px; }
  .blog-page .blog-main-content .blog-post ul li.blog-date {
    list-style-type: none;
    margin-left: 0px; }
  .blog-page .blog-main-content .blog-post ul li {
    list-style-type: disc;
    margin-left: 20px;
    color: #484848;
    font-size: 19px; }
    .blog-page .blog-main-content .blog-post ul li a span {
      font-weight: 400;
      font-size: 19px;
      color: #484848;
      margin-left: 0px; }
      @media (max-width: 991px) {
        .blog-page .blog-main-content .blog-post ul li a span {
          font-size: 16px; } }
.blog-page .blog-main-content .blog-post .blog-meta {
  display: flex;
  justify-content: space-between; }
  .blog-page .blog-main-content .blog-post .blog-meta .blog-author,
  .blog-page .blog-main-content .blog-post .blog-meta .blog-date {
    font-weight: 400;
    font-size: 18px;
    color: #9B9B9B;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .blog-page .blog-main-content .blog-post .blog-meta .blog-author,
      .blog-page .blog-main-content .blog-post .blog-meta .blog-date {
        font-size: 14px; } }
  .blog-page .blog-main-content .blog-post .blog-meta .blog-author::before {
    content: "By"; }
.blog-page .blog-main-content .blog-post h4 {
  margin-bottom: 16px; }
  .blog-page .blog-main-content .blog-post h4 a {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 567px) {
      .blog-page .blog-main-content .blog-post h4 a {
        font-size: 18px; } }
.blog-page .blog-main-content .blog-post .read-link {
  color: var(--theme-color);
  position: relative;
  padding-bottom: 10px; }
  .blog-page .blog-main-content .blog-post .read-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: var(--theme-color); }
.blog-page .blog-main-content .news-content {
  padding-top: 17px; }

/* ================ single post ================ */
.single-post .page-banner h1 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media (min-width: 992px) {
    .single-post .page-banner h1 {
      font-size: 20px; } }
.single-post .page-banner ul i {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  color: var(--theme-color); }
.single-post .page-banner ul li {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle; }
  .single-post .page-banner ul li a {
    color: var(--theme-color);
    position: relative; }
    .single-post .page-banner ul li a:hover {
      color: var(--theme-color); }
  .single-post .page-banner ul li:nth-last-child(1) {
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .single-post .page-banner ul li:nth-last-child(1) {
        font-size: 14px; } }
  .single-post .page-banner ul li .breadcrumb_last {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle; }
.single-post .wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap; }
  .single-post .wp-block-tag-cloud a {
    color: #000;
    font-size: 14px !important;
    padding: 5px;
    background-color: #f7f7f7;
    margin-bottom: 5px;
    margin-right: 5px; }
.single-post .blog-single-container {
  padding-top: 70px; }
  .single-post .blog-single-container .blog-content {
    margin-bottom: 30px; }
    .single-post .blog-single-container .blog-content h1 {
      font-size: 38px; }
      @media (max-width: 991px) {
        .single-post .blog-single-container .blog-content h1 {
          font-size: 34px;
          line-height: 34px; } }
    .single-post .blog-single-container .blog-content .blog-image {
      margin-bottom: 35px; }
      .single-post .blog-single-container .blog-content .blog-image img {
        width: 100%;
        height: auto;
        border-radius: 10px; }
    .single-post .blog-single-container .blog-content .news-content {
      margin-bottom: 40px; }
      .single-post .blog-single-container .blog-content .news-content h2.wp-block-heading {
        margin-top: 10px;
        display: inline-block;
        font-size: 28px;
        font-weight: 600; }
        @media (max-width: 991px) {
          .single-post .blog-single-container .blog-content .news-content h2.wp-block-heading {
            font-size: 24px; } }
      .single-post .blog-single-container .blog-content .news-content h3.wp-block-heading {
        font-size: 22px; }
        @media (max-width: 991px) {
          .single-post .blog-single-container .blog-content .news-content h3.wp-block-heading {
            font-size: 18px; } }
      .single-post .blog-single-container .blog-content .news-content h4.wp-block-heading {
        font-size: 20px; }
        @media (max-width: 991px) {
          .single-post .blog-single-container .blog-content .news-content h4.wp-block-heading {
            font-size: 16px; } }
      .single-post .blog-single-container .blog-content .news-content h5.wp-block-heading {
        font-size: 18px; }
        @media (max-width: 991px) {
          .single-post .blog-single-container .blog-content .news-content h5.wp-block-heading {
            font-size: 14px; } }
      .single-post .blog-single-container .blog-content .news-content h6.wp-block-heading {
        font-size: 16px; }
        @media (max-width: 991px) {
          .single-post .blog-single-container .blog-content .news-content h6.wp-block-heading {
            font-size: 12px; } }
      .single-post .blog-single-container .blog-content .news-content .entry-title {
        font-size: 20px;
        line-height: 42px;
        font-weight: 600;
        margin-bottom: 0; }
        @media (min-width: 992px) {
          .single-post .blog-single-container .blog-content .news-content .entry-title {
            font-size: 28px; } }
      .single-post .blog-single-container .blog-content .news-content .meta-date {
        margin: 25px 0; }
        .single-post .blog-single-container .blog-content .news-content .meta-date ul li {
          display: inline-block;
          margin-right: 10px;
          font-family: var(--secondary-font); }
          .single-post .blog-single-container .blog-content .news-content .meta-date ul li a {
            color: #000; }
          .single-post .blog-single-container .blog-content .news-content .meta-date ul li i {
            color: var(--theme-color);
            margin-right: 5px; }
      .single-post .blog-single-container .blog-content .news-content .main-table {
        border-radius: 11px;
        overflow: hidden;
        border: 1px solid #d9d9d9; }
      .single-post .blog-single-container .blog-content .news-content table tbody {
        border-radius: 10px; }
      .single-post .blog-single-container .blog-content .news-content table th {
        background: #e5e5e5; }
      .single-post .blog-single-container .blog-content .news-content table thead,
      .single-post .blog-single-container .blog-content .news-content table tbody,
      .single-post .blog-single-container .blog-content .news-content table tfoot,
      .single-post .blog-single-container .blog-content .news-content table tr,
      .single-post .blog-single-container .blog-content .news-content table td,
      .single-post .blog-single-container .blog-content .news-content table th {
        border: 1px solid #d9d9d9; }
      .single-post .blog-single-container .blog-content .news-content p {
        font-size: 16px;
        line-height: 1.8em;
        color: #464646; }
        .single-post .blog-single-container .blog-content .news-content p b,
        .single-post .blog-single-container .blog-content .news-content p strong {
          font-weight: 500;
          font-size: 20px; }
      .single-post .blog-single-container .blog-content .news-content .post-content ol,
      .single-post .blog-single-container .blog-content .news-content .post-content ul {
        list-style: disc;
        padding-left: 20px;
        margin-bottom: 15px; }
        .single-post .blog-single-container .blog-content .news-content .post-content ol li,
        .single-post .blog-single-container .blog-content .news-content .post-content ul li {
          color: #464646;
          line-height: 1.5em;
          margin-bottom: 10px; }
          .single-post .blog-single-container .blog-content .news-content .post-content ol li b,
          .single-post .blog-single-container .blog-content .news-content .post-content ol li strong,
          .single-post .blog-single-container .blog-content .news-content .post-content ul li b,
          .single-post .blog-single-container .blog-content .news-content .post-content ul li strong {
            font-weight: var(--semi-bold);
            font-size: 20px;
            line-height: 1.6em;
            color: var(--theme-color); }
      .single-post .blog-single-container .blog-content .news-content .post-content b,
      .single-post .blog-single-container .blog-content .news-content .post-content strong {
        padding: 0 0 20px 0;
        font-size: 16px;
        line-height: 1.8em;
        color: #464646; }
    .single-post .blog-single-container .blog-content .blog-text-content {
      padding: 0 20px; }
  .single-post .blog-single-container .comment-wrap {
    margin-bottom: 50px;
    background: white;
    padding: 25px 0; }
    .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p {
      float: left;
      width: 100%; }
    .single-post .blog-single-container .comment-wrap #comments-title {
      font-family: var(--secondary-font); }
      .single-post .blog-single-container .comment-wrap #comments-title em {
        font-size: 14px;
        max-width: 60%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle; }
    .single-post .blog-single-container .comment-wrap .commentlist {
      list-style: none;
      padding-left: 0;
      margin-bottom: 40px; }
      .single-post .blog-single-container .comment-wrap .commentlist .comment-meta a {
        color: var(--theme-color); }
      .single-post .blog-single-container .comment-wrap .commentlist li .comment-body {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd; }
        .single-post .blog-single-container .comment-wrap .commentlist li .comment-body .comment-author .avatar {
          display: none; }
        .single-post .blog-single-container .comment-wrap .commentlist li .comment-body .comment-author .fn {
          font-style: normal;
          font-family: var(--secondary-font) a;
            font-family-font-weight: 600; }
        .single-post .blog-single-container .comment-wrap .commentlist li .comment-body .comment-meta {
          display: inline-block;
          margin: 15px 0; }
        .single-post .blog-single-container .comment-wrap .commentlist li .comment-body p {
          margin-top: 0;
          font-size: 15px;
          line-height: 1.6;
          color: #707070; }
        .single-post .blog-single-container .comment-wrap .commentlist li .comment-body .reply {
          margin-bottom: 15px; }
          .single-post .blog-single-container .comment-wrap .commentlist li .comment-body .reply a {
            color: var(--theme-color); }
      .single-post .blog-single-container .comment-wrap .commentlist li .children {
        padding-left: 15px; }
    .single-post .blog-single-container .comment-wrap #comments #respond .comment-reply-title a {
      color: #000; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-reply-title a small a {
        color: #000; }
    .single-post .blog-single-container .comment-wrap #comments #respond .must-log-in a {
      color: var(--theme-color); }
    .single-post .blog-single-container .comment-wrap #comments #respond .comment-form {
      display: inline-block;
      width: 100%;
      max-width: 460px; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form input,
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form textarea,
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form select {
        width: 100%;
        max-width: 100%; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .comment-form-rating label {
        display: block;
        margin-bottom: 10px; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .comment-form-rating .stars span a {
        color: #ffc526; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p {
        float: left; }
        .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-notes {
          width: 100%; }
        .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-form-comment {
          width: 100%; }
        .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-form-cookies-consent {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          align-items: baseline; }
          .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-form-cookies-consent input,
          .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-form-cookies-consent label {
            width: auto; }
          .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p.comment-form-cookies-consent label {
            padding-left: 10px;
            max-width: calc(100% - 16px); }
        .single-post .blog-single-container .comment-wrap #comments #respond .comment-form p label {
          width: 100%;
          font-weight: 500;
          color: var(--text-color);
          margin-bottom: 10px; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .form-submit input#submit {
        min-width: 153px;
        height: 45px;
        border-radius: 23px;
        border: 1.5px solid #203B7B;
        background-color: #203B7B;
        color: #fff;
        font-weight: 600;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-size: 17px;
        padding: 7px 21px;
        font-family: var(--title-new); }
        .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .form-submit input#submit:hover {
          border: 1px solid #13A5DB;
          color: #ffffff;
          background-color: #13A5DB; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .logged-in-as a {
        color: #000; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .comment-form-comment label {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px; }
      .single-post .blog-single-container .comment-wrap #comments #respond .comment-form .submit {
        background: #000;
        color: #fff;
        display: inline-block;
        border-radius: 2px;
        font-size: 16px;
        height: 45px;
        vertical-align: middle;
        border: 0;
        padding: 0 15px;
        transition: all ease-in-out 0.5s; }
.single-post .blog-side-bar {
  height: 100%; }
  .single-post .blog-side-bar .block-wrap {
    position: sticky;
    top: 120px; }
  .single-post .blog-side-bar .wp-block-search__inside-wrapper {
    background: black;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px; }
  .single-post .blog-side-bar .table-of-content {
    padding: 35px;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    margin-bottom: 30px; }
    .single-post .blog-side-bar .table-of-content h4 {
      text-transform: capitalize;
      padding-bottom: 0px;
      border: 0px; }
    .single-post .blog-side-bar .table-of-content ol {
      margin-bottom: 0px;
      padding-left: 20px; }
      .single-post .blog-side-bar .table-of-content ol li {
        margin-bottom: 12px;
        position: relative;
        padding-left: 5px;
        line-height: 1.4; }
        .single-post .blog-side-bar .table-of-content ol li a {
          color: #000;
          font-weight: var(--semi-bold); }
          .single-post .blog-side-bar .table-of-content ol li a:hover {
            color: #009EDB; }
        .single-post .blog-side-bar .table-of-content ol li ul {
          margin-top: 10px; }
          .single-post .blog-side-bar .table-of-content ol li ul li {
            padding-left: 15px; }
  .single-post .blog-side-bar .wp-block-group {
    padding: 35px;
    background: #fff;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    margin-bottom: 30px; }
  @media (min-width: 992px) {
    .single-post .blog-side-bar {
      padding-left: 40px; } }
  .single-post .blog-side-bar .wp-block-search__label {
    display: none; }
  .single-post .blog-side-bar h2.wp-block-heading {
    font-size: var(--h4); }
  .single-post .blog-side-bar ul.wp-block-latest-posts__list {
    padding-left: 2px; }
  .single-post .blog-side-bar ul.wp-block-categories-list {
    padding-left: 2px; }
  .single-post .blog-side-bar > div {
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: white; }
    .single-post .blog-side-bar > div .product_list_widget li {
      padding-left: 0 !important;
      margin-bottom: 15px !important;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .single-post .blog-side-bar > div .product_list_widget li .product-info {
        max-width: calc(100% - 100px);
        padding-left: 10px; }
        .single-post .blog-side-bar > div .product_list_widget li .product-info .product-title {
          font-size: 13px;
          color: var(--text-color);
          margin-bottom: 10px;
          display: inline-block; }
        .single-post .blog-side-bar > div .product_list_widget li .product-info .stock {
          color: var(--active-color);
          font-weight: 600;
          font-size: 15px; }
        .single-post .blog-side-bar > div .product_list_widget li .product-info .button-wrap .modal-toggle {
          background-color: var(--theme-color);
          color: #fff;
          padding: 2px;
          font-size: 14px; }
      .single-post .blog-side-bar > div .product_list_widget li img {
        border: 1px solid #dddddd; }
      .single-post .blog-side-bar > div .product_list_widget li a {
        font-size: 15px;
        color: var(--text-color);
        display: inline-block;
        max-width: 95px; }
  .single-post .blog-side-bar .searchform > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .single-post .blog-side-bar .searchform input[type="text"] {
    min-height: 40px;
    border-right: 0; }
  .single-post .blog-side-bar .searchform #searchsubmit {
    min-width: 120px;
    color: #fff;
    background-color: #000;
    min-height: 40px; }
  .single-post .blog-side-bar h3 {
    margin: 0px 0 25px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; }
  .single-post .blog-side-bar ul li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative; }
    .single-post .blog-side-bar ul li a {
      color: #737373;
      font-weight: normal;
      font-size: 15px;
      line-height: 1.5;
      overflow: hidden;
      max-width: 100%;
      display: block; }
      .single-post .blog-side-bar ul li a:hover {
        color: var(--active-color); }
    .single-post .blog-side-bar ul li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 6px;
      height: 6px;
      background: var(--text-color);
      border-radius: 8px; }
  .single-post .blog-side-bar ul.product_list_widget li::before {
    content: none; }
  .single-post .blog-side-bar ul.product_list_widget li a img {
    max-width: 95px;
    height: auto; }
  .single-post .blog-side-bar ul.product_list_widget li a .product-title {
    padding-left: 5px;
    width: calc(100% - 100px); }
  .single-post .blog-side-bar ul.product_list_widget li ins {
    text-decoration: none; }
    .single-post .blog-side-bar ul.product_list_widget li ins bdi {
      font-weight: 600; }
  .single-post .blog-side-bar ul.product_list_widget li del {
    color: #858585;
    font-weight: 500;
    font-size: 15px; }
    .single-post .blog-side-bar ul.product_list_widget li del span {
      color: #858585; }
  .single-post .blog-side-bar .looking-for {
    margin: 20px 0px 0;
    padding: 30px 20px;
    background-size: 100%;
    background-position: center center;
    background-color: #e1f4f4;
    background-image: radial-gradient(at 30% 37%, #eafafa 0px, transparent 50%), radial-gradient(at 35% 50%, rgba(241, 205, 197, 0.7) 0px, transparent 50%), radial-gradient(at 15% 50%, rgba(255, 245, 245, 0.7) 0px, transparent 50%), radial-gradient(at 74% 69%, #f8e2dd 0px, transparent 50%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px; }
    .single-post .blog-side-bar .looking-for .looking-for-head {
      font-family: var(--title-font);
      font-weight: var(--bold);
      font-size: 26px;
      line-height: 1.4;
      color: #1e1e1e;
      padding-bottom: 0px;
      margin-bottom: 15px; }
      .single-post .blog-side-bar .looking-for .looking-for-head span {
        color: #084197; }
    .single-post .blog-side-bar .looking-for .cmr-outline-hbtn {
      width: fit-content;
      height: 45px;
      border-radius: 23px;
      border: 1.5px solid #203B7B;
      background-color: #203B7B;
      color: #fff;
      font-weight: 600;
      line-height: 30px;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      font-size: 17px;
      padding: 7px 21px;
      font-family: var(--title-new); }
      .single-post .blog-side-bar .looking-for .cmr-outline-hbtn:hover {
        border: 1px solid #13A5DB;
        color: #ffffff;
        background-color: #13A5DB; }

.hello-enquiry {
  padding-top: 50px; }

.hire_developer_blue {
  position: relative;
  background: transparent linear-gradient(110deg, #0F2D72 0%, #009EDB 100%) 0% 0% no-repeat padding-box;
  padding: 30px 40px 35px 40px;
  border-radius: 24px;
  display: flex;
  min-height: 240px;
  align-items: center;
  gap: 10px; }
  @media (max-width: 767px) {
    .hire_developer_blue {
      padding: 32px 20px 40px 20px; } }
  @media (max-width: 567px) {
    .hire_developer_blue {
      display: block; } }
  .hire_developer_blue .hire_left {
    flex-grow: 1;
    overflow: hidden;
    margin-bottom: 0px; }
    @media (max-width: 567px) {
      .hire_developer_blue .hire_left {
        display: block;
        width: 100%;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 20px; } }
    .hire_developer_blue .hire_left h3 {
      font-size: 72px;
      line-height: 1.2;
      color: #fff;
      margin: 0 0 10px;
      font-family: var(--title-font); }
      @media (max-width: 991px) {
        .hire_developer_blue .hire_left h3 {
          font-size: 40px; } }
    .hire_developer_blue .hire_left h4 {
      display: block;
      font-size: 28px;
      line-height: 1.35;
      color: #fff;
      font-family: var(--title-font);
      font-weight: lighter;
      margin: 0; }
      @media (max-width: 991px) {
        .hire_developer_blue .hire_left h4 {
          font-size: 20px; } }
      .hire_developer_blue .hire_left h4 span {
        display: block;
        margin: 10px 0 0;
        font-size: 32px;
        font-family: var(--title-font);
        font-weight: var(--bold); }
        @media (max-width: 991px) {
          .hire_developer_blue .hire_left h4 span {
            font-size: 24px; } }
  .hire_developer_blue .hire_right {
    position: relative; }
    .hire_developer_blue .hire_right a {
      background-color: #fff;
      border: none;
      height: 52px;
      z-index: 9;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .hire_developer_blue .hire_right a {
          margin: 0 auto;
          white-space: nowrap;
          min-width: 170px; } }
      .hire_developer_blue .hire_right a.cmr-outline-btn {
        min-width: 153px;
        height: 45px;
        border-radius: 23px;
        border: 1.5px solid #203B7B;
        background-color: #203B7B;
        color: #fff;
        font-weight: 600;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-size: 17px;
        padding: 7px 21px;
        font-family: var(--title-new); }
        .hire_developer_blue .hire_right a.cmr-outline-btn:hover {
          border: 1px solid #13A5DB;
          color: #ffffff;
          background-color: #13A5DB; }

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; }

.author-bio {
  padding: 30px;
  border-top: 0px solid rgba(112, 112, 112, 0.1);
  background: #efefef 0% 0% no-repeat padding-box;
  border: 1px solid #dedcdb;
  border-radius: 20px;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  column-gap: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .author-bio {
      column-gap: 0px;
      margin-top: 10px;
      margin-right: 0px;
      padding: 80px 30px 30px; } }
  .author-bio .author-img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; }
    @media (max-width: 767px) {
      .author-bio .author-img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -35px; } }
    .author-bio .author-img img {
      width: 100%;
      height: 100%;
      -webkit-border-radius: 100px;
      border-radius: 100px;
      object-fit: cover;
      object-position: top center; }
      @media (max-width: 1200px) {
        .author-bio .author-img img {
          border-radius: 80px; } }
  .author-bio .author-details {
    width: calc(100% - 100px); }
    @media (max-width: 767px) {
      .author-bio .author-details {
        text-align: center;
        width: 100%; } }
    .author-bio .author-details .author-name {
      font-family: var(--title-font);
      font-weight: var(--regular);
      font-size: 18px;
      line-height: 1.23;
      color: #000;
      margin-bottom: 9px; }
      .author-bio .author-details .author-name span {
        font-family: var(--title-font);
        color: #94979e !important;
        text-transform: none;
        font-size: 16px; }
      .author-bio .author-details .author-name a {
        font-weight: var(--bold); }
    .author-bio .author-details .author-description {
      font-size: 17px;
      line-height: 1.7;
      margin-bottom: 0;
      color: #757575;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .author-bio .author-details .author-description {
          font-size: 16px;
          line-height: 1.5; } }
      .author-bio .author-details .author-description a {
        color: #0F2D72; }

.hirenewsletterForm {
  margin: 40px 0 0;
  padding: 30px 40px;
  background: #d7e1f9 0% 0% no-repeat padding-box;
  border: 1px solid #adbde5;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 40px; }
  @media (max-width: 1199px) {
    .hirenewsletterForm {
      display: block;
      padding: 30px; } }
  .hirenewsletterForm .hirenewsleft {
    width: 55%; }
    @media (max-width: 1199px) {
      .hirenewsletterForm .hirenewsleft {
        width: 100%; } }
    .hirenewsletterForm .hirenewsleft .hirenewsHead {
      font-family: var(--title-font);
      color: #000;
      font-size: 26px;
      line-height: 1.3;
      font-weight: var(--bold); }
    .hirenewsletterForm .hirenewsleft .hirenewsDesc {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 0 !important; }
  .hirenewsletterForm .hirenewsright {
    width: 45%; }
    @media (max-width: 1199px) {
      .hirenewsletterForm .hirenewsright {
        margin-top: 10px;
        width: 100%; } }
    .hirenewsletterForm .hirenewsright .nf-form-content input[type='email'] {
      font-family: var(--title-font);
      font-size: 16px;
      line-height: 1.23;
      letter-spacing: .8px;
      color: #1d1e31;
      padding: 10px 0;
      background: rgba(0, 0, 0, 0);
      box-shadow: none;
      border: 0;
      border-bottom: 2px solid #a1a9bb;
      width: 100%;
      transition: all .5s; }
    .hirenewsletterForm .hirenewsright .nf-form-content input[type=submit] {
      min-width: 153px;
      height: 45px;
      border-radius: 23px;
      border: 1.5px solid #203B7B;
      background-color: #203B7B;
      color: #fff;
      font-weight: 600;
      line-height: 30px;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      font-size: 17px;
      padding: 7px 21px;
      font-family: var(--title-new); }
      .hirenewsletterForm .hirenewsright .nf-form-content input[type=submit]:hover {
        border: 1px solid #13A5DB;
        color: #ffffff;
        background-color: #13A5DB; }

.archive .blog-page .blog-main-content {
  padding-top: 0px !important; }

.career-wrap {
  padding-top: 70px; }
  .career-wrap .career-banner-wrap {
    position: relative;
    background: #E5E5E5;
    min-height: 530px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat !important;
    background-position: bottom; }
    .career-wrap .career-banner-wrap .career-banner {
      display: block;
      position: relative; }
      .career-wrap .career-banner-wrap .career-banner.bg_normal {
        z-index: 1; }
        .career-wrap .career-banner-wrap .career-banner.bg_normal .block {
          color: #fff; }
        .career-wrap .career-banner-wrap .career-banner.bg_normal::before {
          display: none; }
        .career-wrap .career-banner-wrap .career-banner.bg_normal::after {
          display: none; }
      .career-wrap .career-banner-wrap .career-banner .block {
        color: #fff; }
  .career-wrap .job-listings {
    border: 0; }
    .career-wrap .job-listings .job-listing-item {
      width: 100%;
      margin: 20px 0;
      display: inline-block; }
      .career-wrap .job-listings .job-listing-item .seamedia-job-item {
        background: #f6f6f6;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 41px 45px;
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-left-col {
          float: left;
          width: 50%; }
          @media (max-width: 991px) {
            .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-left-col {
              width: 100%;
              margin-bottom: 20px; } }
          .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-left-col .sea-job-post-title {
            margin-bottom: 0; }
            .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-left-col .sea-job-post-title a {
              font-size: 28px;
              color: #000;
              float: left; }
        .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col {
          float: left;
          width: 50%;
          text-align: right; }
          @media (max-width: 991px) {
            .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col {
              width: 100%;
              text-align: left; } }
          .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-specification-wrapper {
            display: inline-block;
            vertical-align: middle; }
            .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-specification-wrapper .sea-job-specification-item {
              display: inline-block;
              vertical-align: middle;
              margin: 0 15px 0 0;
              font-size: 18px; }
          .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-more-container {
            display: inline-block;
            vertical-align: middle; }
            .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-more-container .sea-job-more {
              position: relative;
              float: left;
              display: inline-block;
              height: 53px;
              padding-left: 15px;
              padding-right: 35px;
              letter-spacing: 0.08rem;
              font-size: 14px;
              font-weight: var(--bold);
              color: #fff;
              line-height: 53px;
              position: relative;
              z-index: 2;
              overflow: hidden;
              background: linear-gradient(21deg, #d63438 0, #90191c 100%);
              -webkit-animation: gradient 1s ease infinite;
              text-transform: uppercase;
              font-family: var(--title-font); }
              .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-more-container .sea-job-more::after {
                content: "\e909";
                color: #fff;
                font-family: "icomoon" !important;
                font-size: 13px;
                position: absolute;
                right: 8px;
                top: 50%;
                transform: translateY(-50%);
                transition: all ease-in-out 0.3s; }
              .career-wrap .job-listings .job-listing-item .seamedia-job-item .sea-list-right-col .sea-job-more-container .sea-job-more:hover::after {
                right: 5px; }
  .career-wrap .career-form ul {
    margin-bottom: 20px;
    padding-left: 20px; }
    .career-wrap .career-form ul li {
      line-height: 1.5;
      margin-bottom: 10px;
      list-style-type: disc; }
  .career-wrap .career-form .form-block {
    background: #fff;
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-top: 50px; }
    .career-wrap .career-form .form-block .nf-form-content label {
      font-size: var(--p); }
    .career-wrap .career-form .form-block .submit-container {
      margin-bottom: 0px; }
      .career-wrap .career-form .form-block .submit-container input[type=submit] {
        color: #fff;
        font-family: var(--title-font);
        padding-left: 33px;
        letter-spacing: 0.08rem;
        padding-right: 45px;
        text-transform: uppercase;
        font-weight: var(--bold);
        background: url(../images/arrow-up.png) #000;
        background-position: right;
        background-repeat: no-repeat;
        background-position-x: 110px;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        .career-wrap .career-form .form-block .submit-container input[type=submit]:hover {
          background-position-x: 115px; }

.contact-page {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f6f6f6; }
  .contact-page .sub-title {
    font-size: 26px; }
  .contact-page .left-block .headline {
    font-family: var(--main-font);
    font-weight: var(--regular);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
    margin-bottom: 40px; }
  .contact-page .left-block .client-logo-block {
    padding: 20px; }
    .contact-page .left-block .client-logo-block .ciient-logo {
      margin: 27px 0;
      padding: 0 15px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .contact-page .left-block .content {
    position: -webkit-sticky;
    position: sticky;
    top: 120px; }
    @media (min-width: 992px) {
      .contact-page .left-block .content {
        padding-right: 32px; } }
  .contact-page .left-block .testimonials {
    margin-top: 40px; }
    .contact-page .left-block .testimonials .item {
      margin-left: auto;
      margin-right: auto; }
      .contact-page .left-block .testimonials .item .testimonial .description {
        font-size: 16px;
        line-height: 24px; }
  @media (max-width: 991px) {
    .contact-page .contact-form {
      margin-top: 45px; } }
  @media (min-width: 992px) {
    .contact-page .contact-form {
      padding-left: 45px; } }
  .contact-page .contact-form .nf-form-content {
    margin-top: 20px; }
  .contact-page .contact-form .nf-field-label {
    margin-bottom: 10px; }
    .contact-page .contact-form .nf-field-label label {
      font-size: var(--h6); }
  .contact-page .contact-form .nf-field-container {
    margin-bottom: 15px; }
  .contact-page .contact-form .nf-field-element .ninja-forms-field {
    min-height: 53px;
    border: 1px solid #000;
    background-color: transparent;
    letter-spacing: 0.08rem; }
  .contact-page .contact-form .submit-wrap .nf-field-element {
    text-align: right; }
    .contact-page .contact-form .submit-wrap .nf-field-element .ninja-forms-field {
      background-color: #000;
      color: #fff;
      font-family: var(--title-font);
      padding-left: 33px;
      padding-right: 33px;
      width: 100%;
      margin-top: 30px;
      text-transform: uppercase; }
  .contact-page .contact-form .textarea-wrap .nf-field-element .ninja-forms-field {
    min-height: 170px; }
  .contact-page .contact-form .checkbox-container .field-wrap .nf-field-label label {
    font-size: var(--p);
    font-weight: var(--semi-bold); }
  .contact-page .contactus-location-section {
    padding-top: 70px; }
    .contact-page .contactus-location-section .location-title {
      margin-bottom: 70px; }
      .contact-page .contactus-location-section .location-title h2 {
        margin-bottom: 0; }
    .contact-page .contactus-location-section .location-wrap .places {
      margin-top: 100px; }
      @media (max-width: 991px) {
        .contact-page .contactus-location-section .location-wrap .places .location-img {
          margin-bottom: 30px; } }
      .contact-page .contactus-location-section .location-wrap .places .location-img img {
        width: 100%; }
      .contact-page .contactus-location-section .location-wrap .places .location-address {
        padding-left: 100px; }
        @media (max-width: 991px) {
          .contact-page .contactus-location-section .location-wrap .places .location-address {
            padding-left: 0px; } }
        .contact-page .contactus-location-section .location-wrap .places .location-address address {
          margin-bottom: 0px;
          max-width: 500px; }
          .contact-page .contactus-location-section .location-wrap .places .location-address address p {
            font-size: 20px; }
            .contact-page .contactus-location-section .location-wrap .places .location-address address p svg {
              margin-right: 10px; }
            .contact-page .contactus-location-section .location-wrap .places .location-address address p a {
              color: #000;
              font-weight: var(--semi-bold); }
              .contact-page .contactus-location-section .location-wrap .places .location-address address p a:hover {
                color: #009EDB; }
    .contact-page .contactus-location-section .location-wrap .wp-tabs-nav {
      display: flex;
      justify-content: center; }
      .contact-page .contactus-location-section .location-wrap .wp-tabs-nav li {
        cursor: pointer;
        font-size: 22px;
        font-weight: 600;
        padding: 10px 25px;
        border-radius: 60px;
        margin: 0 5px; }
        .contact-page .contactus-location-section .location-wrap .wp-tabs-nav li:hover, .contact-page .contactus-location-section .location-wrap .wp-tabs-nav li.current {
          color: #fff;
          background: #000; }

.home-contact-panel {
  padding: 86px 0px 73px 0px; }
  @media (max-width: 991px) {
    .home-contact-panel {
      padding: 40px 0px 40px 0px; } }
  .home-contact-panel .contact-top {
    display: flex;
    gap: 28px;
    align-items: stretch; }
    .home-contact-panel .contact-top .contact-info {
      width: 55%; }
      .home-contact-panel .contact-top .contact-info h2 {
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 24px; }
        @media (max-width: 991px) {
          .home-contact-panel .contact-top .contact-info h2 {
            font-size: 26px;
            line-height: 32px; } }
      .home-contact-panel .contact-top .contact-info p {
        font-size: 19px;
        margin-bottom: 24px; }
        @media (max-width: 991px) {
          .home-contact-panel .contact-top .contact-info p {
            font-size: 16px; } }
      .home-contact-panel .contact-top .contact-info .info-box {
        padding: 51px 37px;
        border-radius: 10px; }
        @media (max-width: 991px) {
          .home-contact-panel .contact-top .contact-info .info-box {
            padding: 30px 20px; } }
        .home-contact-panel .contact-top .contact-info .info-box .row {
          margin: 0px !important;
          gap: 0px; }
          .home-contact-panel .contact-top .contact-info .info-box .row .col-lg-6 {
            padding: 0px !important;
            max-width: 50% !important; }
            @media (max-width: 500px) {
              .home-contact-panel .contact-top .contact-info .info-box .row .col-lg-6 {
                max-width: 100% !important; } }
        .home-contact-panel .contact-top .contact-info .info-box h4 {
          font-weight: 600;
          font-size: 22px;
          margin-bottom: 0px; }
          @media (max-width: 991px) {
            .home-contact-panel .contact-top .contact-info .info-box h4 {
              margin-top: 15px;
              font-size: 18px; } }
        .home-contact-panel .contact-top .contact-info .info-box h4.website {
          margin-top: 23.5px; }
        .home-contact-panel .contact-top .contact-info .info-box .row.second {
          margin-top: 32px !important; }
          @media (max-width: 500px) {
            .home-contact-panel .contact-top .contact-info .info-box .row.second {
              margin-top: 0px !important; } }
        .home-contact-panel .contact-top .contact-info .info-box p a {
          margin: 0 !important;
          color: #2B2B2B !important;
          line-height: 30px; }
        .home-contact-panel .contact-top .contact-info .info-box span {
          font-weight: 400;
          font-size: 14px;
          color: #2B2B2B !important;
          margin-bottom: 20px; }
        .home-contact-panel .contact-top .contact-info .info-box p {
          margin: 0 !important; }
        .home-contact-panel .contact-top .contact-info .info-box ul.social-links {
          display: flex;
          gap: 14px;
          margin-top: 18px; }
          .home-contact-panel .contact-top .contact-info .info-box ul.social-links li a {
            filter: brightness(0);
            position: relative; }
            .home-contact-panel .contact-top .contact-info .info-box ul.social-links li a .facebook-icon {
              position: absolute;
              content: "";
              background-image: url(../images/facebook-icon.svg);
              width: 20px;
              height: 20px; }
    .home-contact-panel .contact-top .location-map {
      width: 45%;
      height: -webkit-fill-available;
      position: relative; }
      @media (max-width: 991px) {
        .home-contact-panel .contact-top .location-map {
          width: 100%;
          height: 400px; } }
      .home-contact-panel .contact-top .location-map iframe {
        width: 100%;
        height: 100%;
        border: 0;
        filter: grayscale(100%);
        display: block;
        border-radius: 8px; }
      .home-contact-panel .contact-top .location-map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px; }

/* CONTACT FORM SECTION */
.home-contact-section {
  background-color: #F2FAFF !important;
  padding: 69px 0px 71px 0px !important; }
  .home-contact-section h2 {
    font-family: var(--secondary-font);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 8px;
    margin-bottom: 20px !important; }
  .home-contact-section p {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 17px;
    max-width: 921px;
    margin: auto; }
    @media (max-width: 991px) {
      .home-contact-section p {
        font-size: 15px; } }

.contact-form-section,
.home-contact-section {
  padding: 41px 0px 43px;
  background-color: #F7F7F7; }
  .contact-form-section .nf-field-label,
  .home-contact-section .nf-field-label {
    color: #000; }
  .contact-form-section h2,
  .home-contact-section h2 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin-bottom: 10px; }
    @media (max-width: 991px) {
      .contact-form-section h2,
      .home-contact-section h2 {
        font-size: 26px; } }
  .contact-form-section p,
  .home-contact-section p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 55px; }
    @media (max-width: 991px) {
      .contact-form-section p,
      .home-contact-section p {
        font-size: 16px;
        margin-bottom: 25px; } }
  .contact-form-section .form-container,
  .contact-form-section .form-container-new,
  .home-contact-section .form-container,
  .home-contact-section .form-container-new {
    max-width: 900px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .contact-form-section .form-container .nf-error,
      .contact-form-section .form-container .nf-error-msg,
      .contact-form-section .form-container-new .nf-error,
      .contact-form-section .form-container-new .nf-error-msg,
      .home-contact-section .form-container .nf-error,
      .home-contact-section .form-container .nf-error-msg,
      .home-contact-section .form-container-new .nf-error,
      .home-contact-section .form-container-new .nf-error-msg {
        font-size: 14px; } }
    .contact-form-section .form-container .nf-form-content input.ninja-forms-field,
    .contact-form-section .form-container-new .nf-form-content input.ninja-forms-field,
    .home-contact-section .form-container .nf-form-content input.ninja-forms-field,
    .home-contact-section .form-container-new .nf-form-content input.ninja-forms-field {
      height: 35px; }
    .contact-form-section .form-container .nf-form-content .ninja-forms-field,
    .contact-form-section .form-container-new .nf-form-content .ninja-forms-field,
    .home-contact-section .form-container .nf-form-content .ninja-forms-field,
    .home-contact-section .form-container-new .nf-form-content .ninja-forms-field {
      font-size: 20px;
      margin: 0;
      padding: 0;
      border: 1px solid #d0d0d0;
      font-weight: 400;
      font-size: 17.5px;
      color: #1F1F1F;
      padding: 10px;
      background-color: #ffffff00 !important; }
    .contact-form-section .form-container .nf-form-content textarea.ninja-forms-field,
    .contact-form-section .form-container-new .nf-form-content textarea.ninja-forms-field,
    .home-contact-section .form-container .nf-form-content textarea.ninja-forms-field,
    .home-contact-section .form-container-new .nf-form-content textarea.ninja-forms-field {
      height: 95px; }
      @media (max-width: 991px) {
        .contact-form-section .form-container .nf-form-content textarea.ninja-forms-field,
        .contact-form-section .form-container-new .nf-form-content textarea.ninja-forms-field,
        .home-contact-section .form-container .nf-form-content textarea.ninja-forms-field,
        .home-contact-section .form-container-new .nf-form-content textarea.ninja-forms-field {
          font-size: 14px;
          height: 75px; } }
    .contact-form-section .form-container .nf-field-element,
    .contact-form-section .form-container-new .nf-field-element,
    .home-contact-section .form-container .nf-field-element,
    .home-contact-section .form-container-new .nf-field-element {
      display: flex;
      align-items: center;
      justify-content: center; }
    .contact-form-section .form-container .nf-form-content input[type=submit],
    .contact-form-section .form-container-new .nf-form-content input[type=submit],
    .home-contact-section .form-container .nf-form-content input[type=submit],
    .home-contact-section .form-container-new .nf-form-content input[type=submit] {
      font-weight: 600 !important;
      font-size: 16px !important;
      color: #13A5DB !important;
      background-color: #ffffff00 !important;
      border: 1.5px solid #13A5DB !important;
      min-width: 170px;
      height: 52px;
      border-radius: 80px;
      width: auto;
      cursor: pointer;
      font-family: var(--secondary-font); }
      .contact-form-section .form-container .nf-form-content input[type=submit]:hover,
      .contact-form-section .form-container-new .nf-form-content input[type=submit]:hover,
      .home-contact-section .form-container .nf-form-content input[type=submit]:hover,
      .home-contact-section .form-container-new .nf-form-content input[type=submit]:hover {
        color: #ffffff !important;
        background-color: #13A5DB !important;
        border: 1.5px solid #13A5DB !important; }
    .contact-form-section .form-container .nf-form-content input:not([type=button]),
    .contact-form-section .form-container .nf-form-content textarea,
    .contact-form-section .form-container-new .nf-form-content input:not([type=button]),
    .contact-form-section .form-container-new .nf-form-content textarea,
    .home-contact-section .form-container .nf-form-content input:not([type=button]),
    .home-contact-section .form-container .nf-form-content textarea,
    .home-contact-section .form-container-new .nf-form-content input:not([type=button]),
    .home-contact-section .form-container-new .nf-form-content textarea {
      background: #f7f7f700 !important;
      padding: 10px; }
      @media (max-width: 991px) {
        .contact-form-section .form-container .nf-form-content input:not([type=button]),
        .contact-form-section .form-container .nf-form-content textarea,
        .contact-form-section .form-container-new .nf-form-content input:not([type=button]),
        .contact-form-section .form-container-new .nf-form-content textarea,
        .home-contact-section .form-container .nf-form-content input:not([type=button]),
        .home-contact-section .form-container .nf-form-content textarea,
        .home-contact-section .form-container-new .nf-form-content input:not([type=button]),
        .home-contact-section .form-container-new .nf-form-content textarea {
          font-size: 14px; } }

/* RESPONSIVE */
@media (max-width: 991px) {
  .home-contact-panel .contact-top {
    flex-direction: column; }
    .home-contact-panel .contact-top .contact-info,
    .home-contact-panel .contact-top .contact-map {
      width: 100%; }
    .home-contact-panel .contact-top .contact-map {
      height: 300px; } }
.contact-panel {
  padding: 90px 0px; }
  .contact-panel .descrpition {
    margin-top: 60px; }
    @media (max-width: 991px) {
      .contact-panel .descrpition {
        margin-top: 30px; } }
    .contact-panel .descrpition p {
      font-size: 20px; }
      @media (max-width: 991px) {
        .contact-panel .descrpition p {
          font-size: 18px; } }
    .contact-panel .descrpition .large-text {
      font-size: 24px;
      margin-top: 50px; }
      @media (max-width: 991px) {
        .contact-panel .descrpition .large-text {
          font-size: 22px;
          margin-top: 30px; } }
  .contact-panel .row {
    display: flex;
    gap: 30px; }
    @media (min-width: 992px) {
      .contact-panel .row .col-lg-6 {
        flex: 0 0 auto;
        width: calc(50% - 15px); } }
  .contact-panel .img-descrpition-section {
    display: flex;
    align-items: center;
    gap: 24px; }
    .contact-panel .img-descrpition-section img {
      max-width: 160px; }
    .contact-panel .img-descrpition-section h2 {
      font-size: 40px; }
      @media (max-width: 991px) {
        .contact-panel .img-descrpition-section h2 {
          font-size: 26px;
          line-height: 32px; } }

.contact-panel-location {
  margin-bottom: 100px; }
  .contact-panel-location h2 {
    margin-bottom: 30px; }
  .contact-panel-location .row {
    gap: 24px; }
    .contact-panel-location .row .col-lg-3 {
      padding: 25px; }
      @media (min-width: 1201px) {
        .contact-panel-location .row .col-lg-3 {
          flex: 0 0 auto;
          width: calc(25% - 18px); } }
      @media (min-width: 700px) and (max-width: 1200px) {
        .contact-panel-location .row .col-lg-3 {
          flex: 0 0 auto;
          width: calc(50% - 18px); } }
    .contact-panel-location .row hr {
      border: 0px;
      background-color: #13A5DB;
      height: 4px;
      width: 56px;
      margin: 14px 0px; }
    .contact-panel-location .row p {
      margin-bottom: 8px; }
      .contact-panel-location .row p a {
        margin: 0 !important;
        color: #2B2B2B !important;
        line-height: 30px; }

.contact-form-section {
  padding: 20px !important; }

.contact-us .nf-form-fields-required,
.contact-us h3 {
  display: none; }
.contact-us .nf-field-container {
  margin-bottom: 20px; }

.testimonials {
  padding-top: 0px;
  padding-bottom: 60px; }
  .testimonials .section-title {
    text-align: center;
    margin-bottom: 50px; }
    .testimonials .section-title .subtitle {
      color: #949494;
      margin-bottom: 32px;
      font-family: var(--title-new);
      font-weight: 600;
      font-size: 20px; }
  .testimonials .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; }
    .testimonials .testimonials-grid .testimonial-card {
      background: #203B7B;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
      .testimonials .testimonials-grid .testimonial-card .avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 4px solid #23C4FF;
        overflow: hidden;
        margin-bottom: 20px; }
        .testimonials .testimonials-grid .testimonial-card .avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .testimonials .testimonials-grid .testimonial-card .quote {
        color: #ffffff;
        margin-bottom: 20px; }
      .testimonials .testimonials-grid .testimonial-card .name {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 4px; }
      .testimonials .testimonials-grid .testimonial-card .designation {
        font-size: 14px;
        color: #ffffff; }
  .testimonials .button-block {
    padding-top: 60px; }

/* Responsive */
@media (max-width: 991px) {
  .testimonials .testimonials-grid {
    grid-template-columns: 1fr; } }
.slw-wrap {
  max-width: 100% !important; }

.slw-btn {
  border: 1.5px solid #13A5DB;
  color: #13A5DB; }

.slw-btn:hover {
  border: 1.5px solid #13A5DB !important;
  background-color: #13A5DB !important;
  color: #fff !important; }

.quote-form .form-block {
  background: #fff;
  padding: 50px;
  border: 1px solid #ccc;
  border-radius: 20px; }
  .quote-form .form-block .submit-container {
    margin-bottom: 0px; }
    .quote-form .form-block .submit-container input[type=submit] {
      color: #fff;
      font-family: var(--title-font);
      padding-left: 33px;
      letter-spacing: 0.08rem;
      padding-right: 45px;
      text-transform: uppercase;
      font-weight: var(--bold);
      background: url(../images/arrow-up.png) #000;
      background-position: right;
      background-repeat: no-repeat;
      background-position-x: 110px;
      -webkit-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
      .quote-form .form-block .submit-container input[type=submit]:hover {
        background-position-x: 115px; }

.page-footer {
  background-size: cover;
  background-position: center;
  background-color: #02071B;
  padding: 54px 0 0;
  /*  Copy right */ }
  @media (max-width: 991px) {
    .page-footer {
      padding-top: 30px; } }
  .page-footer .hello-text {
    font-weight: 600;
    font-size: 20px;
    color: #E3E3E3;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .page-footer .hello-text {
        font-size: 16px; } }
  .page-footer .platform-list h3 {
    margin-bottom: 17px; }
  .page-footer .platform-list ul {
    display: flex;
    gap: 40px; }
    @media (max-width: 1580px) {
      .page-footer .platform-list ul {
        gap: 11px; } }
    @media (max-width: 991px) {
      .page-footer .platform-list ul {
        flex-direction: column;
        gap: 0px; } }
    .page-footer .platform-list ul li a {
      font-size: 18px;
      color: white;
      font-family: var(--title-new);
      font-weight: 400;
      margin-bottom: 0; }
      @media (max-width: 1199px) {
        .page-footer .platform-list ul li a {
          font-size: 16px !important;
          line-height: 28px; } }
  .page-footer span.copyright, .page-footer span.contact-info, .page-footer span.contact-info a {
    font-weight: 400;
    font-size: 19px;
    line-height: 44px;
    color: #FFFFFF99; }
    @media (max-width: 991px) {
      .page-footer span.copyright, .page-footer span.contact-info, .page-footer span.contact-info a {
        font-size: 16px;
        line-height: 32px; } }
  .page-footer span.contact-info a {
    text-decoration: underline; }
  .page-footer ul li {
    display: block;
    margin-bottom: 0px; }
    .page-footer ul li a {
      color: #FFFFFFE5;
      font-weight: 400;
      font-size: 18px;
      line-height: 44px; }
      @media (max-width: 1200px) {
        .page-footer ul li a {
          font-size: 16px;
          line-height: 28px; } }
  .page-footer h3 {
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 11px;
    margin-top: 30px;
    color: #FFFFFF; }
    @media (max-width: 991px) {
      .page-footer h3 {
        font-size: 18px;
        margin-top: 20px; } }
  .page-footer p,
  .page-footer a {
    color: #FFFFFFE5;
    font-weight: 400;
    font-size: 18px;
    line-height: 38px; }
    @media (max-width: 1200px) {
      .page-footer p,
      .page-footer a {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0; } }
  .page-footer h3.talk,
  .page-footer span.color-text {
    font-weight: 500;
    font-size: 85px;
    line-height: 85px;
    color: #FFFFFF;
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      .page-footer h3.talk,
      .page-footer span.color-text {
        font-size: 34px;
        line-height: 32px;
        margin-bottom: 15px; } }
    @media (min-width: 992px) and (max-width: 1500px) {
      .page-footer h3.talk,
      .page-footer span.color-text {
        font-size: 60px;
        line-height: 60px; } }
    .page-footer h3.talk .color-text,
    .page-footer span.color-text .color-text {
      background: linear-gradient(90deg, #119CFF 0%, #97F8F4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 45px; }
    @media (max-width: 991px) {
      .page-footer h3.talk,
      .page-footer span.color-text {
        margin-top: 35px; } }
    @media (max-width: 991px) {
      .page-footer h3.talk,
      .page-footer span.color-text {
        padding-right: 25px;
        margin-top: 20px; } }
  .page-footer h4 {
    font-family: var(--title-new);
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 40px;
    margin-top: 20px;
    position: relative; }
    @media (max-width: 991px) {
      .page-footer h4 {
        font-size: 18px; } }
    .page-footer h4::after {
      content: "\e902";
      position: absolute;
      font-size: 16px;
      font-family: "icomoon" !important;
      top: 0;
      padding-left: 4px; }
  @media (max-width: 991px) {
    .page-footer .bottom-row {
      flex-direction: column-reverse;
      padding-bottom: 25px; } }
  .page-footer ul.social-links {
    display: flex;
    gap: 15px;
    margin-top: 35px; }
    .page-footer ul.social-links li a {
      border: 1px solid #777777;
      border-radius: 50px;
      padding: 9px 11px 11px; }
  .page-footer .blog-sharing {
    padding-top: 20px; }
  .page-footer .share-icons li {
    margin-right: 10px; }
    .page-footer .share-icons li a {
      width: 40px;
      height: 40px;
      border: 1px solid #000;
      border-radius: 50%;
      line-height: 40px;
      text-align: center;
      display: block; }
  .page-footer .footer-address-widget p {
    margin-bottom: 5px; }
  .page-footer .footer-address-widget a {
    color: var(--white);
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 5px; }
  .page-footer .widget-container .address {
    position: relative; }
    .page-footer .widget-container .address li {
      width: 100%;
      margin-bottom: 12px;
      padding-left: 25px; }
      .page-footer .widget-container .address li i {
        margin-right: 6px;
        position: absolute;
        left: 0px;
        line-height: 24px; }
      .page-footer .widget-container .address li a {
        padding-left: 0; }
  .page-footer .widget-container .footer-menu-widget .menu-category-menu-container ul {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .page-footer .widget-container .footer-menu-widget .menu-category-menu-container ul {
        display: none; } }
    @media (min-width: 480px) {
      .page-footer .widget-container .footer-menu-widget .menu-category-menu-container ul li {
        width: 33.33333333%; } }
  .page-footer .newsletter-field {
    display: inline-block;
    width: 100%;
    text-align: center;
    max-width: 300px; }
    .page-footer .newsletter-field input[type="email"],
    .page-footer .newsletter-field button,
    .page-footer .newsletter-field .field {
      height: 45px;
      width: 100%;
      border: 0; }
    .page-footer .newsletter-field .field {
      background-color: #313131;
      color: #999999;
      text-align: center;
      margin-bottom: 10px; }
  .page-footer .footer-bottom {
    margin-top: 56px;
    text-align: center;
    position: relative;
    border-top: 1px solid #D9D9D940; }
    @media (max-width: 991px) {
      .page-footer .footer-bottom {
        margin-top: 10px; } }
    @media (max-width: 991px) {
      .page-footer .footer-bottom .contact-info {
        margin-top: 35x; } }
    .page-footer .footer-bottom .payment-icons img {
      max-height: 45px; }
    .page-footer .footer-bottom .content {
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid var(--footer-border);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .page-footer .footer-bottom .content {
          justify-content: flex-start;
          padding-left: 0px;
          padding-right: 0px; } }
      @media (max-width: 991px) {
        .page-footer .footer-bottom .content span {
          width: 100%;
          text-align: left; } }
      .page-footer .footer-bottom .content.payment-icon-enabled {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
    .page-footer .footer-bottom p {
      margin: 0; }
  .page-footer .menu-main-categories-container p {
    margin-bottom: 25px; }
  .page-footer .menu-main-categories-container ul.social-links {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .page-footer .menu-main-categories-container ul.social-links li {
      display: block;
      margin-bottom: 0px;
      margin-right: 10px; }
      .page-footer .menu-main-categories-container ul.social-links li a {
        width: 40px;
        height: 40px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background: #262626;
        border-radius: 60px;
        transition: all ease-in-out 0.3s; }
        .page-footer .menu-main-categories-container ul.social-links li a:hover {
          transform: translateY(-4px);
          background: #D9D9D9; }
          .page-footer .menu-main-categories-container ul.social-links li a:hover svg path {
            transition: all ease-in-out 0.5s;
            fill: #262626; }

.disclaimer {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px; }
  .disclaimer p {
    font-size: 0.930rem; }

/* Floating Whatsapp Chat */
.floating-chat {
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 100; }
  .floating-chat a {
    display: block; }
    .floating-chat a svg {
      width: 50px;
      height: 50px; }
  @media (max-width: 991px) {
    .floating-chat {
      bottom: 20px; } }
  @media (min-width: 768px) {
    .floating-chat .is-mobile {
      display: none; } }

#gotoTop {
  color: white;
  display: none;
  position: fixed;
  right: 22px;
  bottom: 80px;
  z-index: 999;
  height: 0;
  width: 0;
  font-size: 0;
  text-align: center;
  padding-top: 3px;
  line-height: 30px;
  height: 35px;
  width: 35px;
  font-size: 16px;
  display: inline;
  background: #009EDB;
  background: linear-gradient(46deg, #009EDB 0%, #0F2D72 100%);
  transition: .3s ease-in-out;
  opacity: 0;
  visibility: hidden; }

#gotoTop.show {
  opacity: 1;
  visibility: visible; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.7); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }
@keyframes shine {
  100% {
    left: 125%; } }
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animatable {
  /* initially hide animatable objects */
  visibility: hidden;
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused; }

/* show objects being animated */
.animated {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

[data-animation] {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  animation-duration: 1s; }

.animations-disabled,
.animations-disabled [data-animation] {
  animation: none !important;
  opacity: 1 !important; }

.slideInUp {
  animation-name: slideInUp; }

.slideInDown {
  animation-name: slideInDown; }

.slideInLeft {
  animation-name: slideInleft; }

.slideInRight {
  animation-name: slideInRight; }

.fadeIn {
  animation-name: fadeIn; }

.fadeOut {
  animation-name: fadeIn;
  animation-direction: reverse; }

.zoomIn {
  animation-name: zoomIn; }

.zoomOut {
  animation-name: zoomIn;
  animation-direction: reverse; }

.zoomReverseIn {
  animation-name: zoomReverseIn; }

.zoomReverseOut {
  animation-name: zoomReverseIn;
  animation-direction: reverse; }

.platform-page-content .ecomerce-platforms {
  padding-top: 0px;
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .row {
      margin: 0px; } }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .col-lg-6 {
      width: 100% !important; } }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg.reverse {
      display: flex;
      flex-direction: column-reverse; } }
  .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg {
    background-color: #F7F7F7;
    padding: 52px 47px;
    border-radius: 30px; }
    @media (max-width: 991px) {
      .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg {
        padding: 32px 27px; } }
    @media (max-width: 767px) {
      .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg {
        padding: 20px 0px !important; } }
    .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg img {
      border-radius: 17px; }
    .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg .bottom-image {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 35px;
      gap: 28px; }
      @media (max-width: 991px) {
        .platform-page-content .ecomerce-platforms .ecomerce-platforms-bg .bottom-image img {
          max-width: 50%; } }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .content1 {
      order: 2; } }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .thumb1 {
      order: 1; } }
  @media (max-width: 767px) {
    .platform-page-content .ecomerce-platforms .col-lg-6 {
      width: 50%; } }
  .platform-page-content .ecomerce-platforms .col-lg-6 .content h3 {
    font-weight: var(--bold);
    font-size: 34px;
    line-height: 39px;
    margin-bottom: 13px; }
    @media (max-width: 991px) {
      .platform-page-content .ecomerce-platforms .col-lg-6 .content h3 {
        font-size: 26px;
        line-height: 32px; } }
  .platform-page-content .ecomerce-platforms .col-lg-6 .content p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 21px; }
  .platform-page-content .ecomerce-platforms .col-lg-6 .content h6 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px; }
  .platform-page-content .ecomerce-platforms .col-lg-6 .content ul {
    margin-top: 20px;
    display: inline-block; }
    .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li {
      display: flex; }
      .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .list-icon {
        max-width: 90px; }
      .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .text-content {
        position: relative;
        margin-bottom: 20px;
        padding-left: 14px;
        max-width: 100%; }
        .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .text-content h4 {
          font-weight: var(--semi-bold);
          line-height: 26px;
          font-size: 22px;
          margin-bottom: 8px; }
          @media (max-width: 991px) {
            .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .text-content h4 {
              line-height: 25px;
              font-size: 20px; } }
        .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .text-content p {
          font-weight: 400;
          font-size: 17px;
          line-height: 24px;
          margin-bottom: 18px; }
          .platform-page-content .ecomerce-platforms .col-lg-6 .content ul li .text-content p::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 15px;
            width: 95%;
            height: 1px;
            background-color: #DFDFDF; }
  .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button {
    display: flex;
    gap: 19px; }
    @media (max-width: 400px) {
      .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button {
        flex-direction: column;
        align-items: center; } }
    .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.learn-more {
      color: #23C4FF;
      font-weight: 600;
      line-height: 30px;
      font-size: 18px;
      border: 1.5px solid #23C4FF;
      border-radius: 23px;
      width: 153px;
      height: 47px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--secondary-font); }
      @media (max-width: 991px) {
        .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.learn-more {
          font-size: 14px; } }
      @media (max-width: 400px) {
        .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.learn-more {
          height: 35px; } }
      .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.learn-more:hover {
        background-color: #23C4FF;
        border: 1.5px solid #23C4FF;
        color: #fff; }
    .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.free-quote {
      color: #ffffff;
      font-weight: 600;
      font-family: var(--secondary-font);
      line-height: 30px;
      font-size: 18px;
      border: 1.5px solid #203B7B;
      background-color: #203B7B;
      border-radius: 23px;
      max-width: 153px;
      width: 153px;
      height: 47px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 991px) {
        .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.free-quote {
          font-size: 14px; } }
      @media (max-width: 400px) {
        .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.free-quote {
          height: 35px; } }
      .platform-page-content .ecomerce-platforms .col-lg-6 .content .learn-button a.free-quote:hover {
        background-color: #23C4FF;
        border: 1.5px solid #23C4FF;
        color: #fff; }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .col-lg-6 .image-layer {
      margin-bottom: 30px; } }
  .platform-page-content .ecomerce-platforms .col-lg-6 .align-left {
    max-width: 100%; }
    @media (max-width: 991px) {
      .platform-page-content .ecomerce-platforms .col-lg-6 .align-left {
        margin-left: 0px; } }
  .platform-page-content .ecomerce-platforms .col-lg-6 .align-right {
    max-width: 100%; }
    @media (max-width: 991px) {
      .platform-page-content .ecomerce-platforms .col-lg-6 .align-right {
        margin-right: 0px; } }
  @media (max-width: 991px) {
    .platform-page-content .ecomerce-platforms .order-lg-1 {
      order: 2; }
    .platform-page-content .ecomerce-platforms .order-lg-2 {
      order: 1; } }
@media (max-width: 991px) {
  .platform-page-content .section {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (min-width: 991px) {
  .why-choose {
    padding-top: 69px;
    padding-bottom: 36px; } }
@media (max-width: 991px) {
  .why-choose {
    padding-top: 30px; } }
.why-choose h3 {
  color: #949494;
  margin-bottom: 32px;
  font-family: var(--title-new);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px; }
  @media (max-width: 991px) {
    .why-choose h3 {
      font-size: 18px;
      margin-bottom: 15px; } }
.why-choose h2 {
  font-size: 48px;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .why-choose h2 {
      font-size: 26px;
      line-height: 32px; } }
.why-choose p {
  font-size: 20px; }
  @media (max-width: 991px) {
    .why-choose p {
      font-size: 16px; } }

.platform-counter {
  padding-top: 0px;
  padding-bottom: 98px; }
  @media (max-width: 991px) {
    .platform-counter {
      padding-bottom: 0px; } }
  @media (max-width: 991px) {
    .platform-counter .counter-inner {
      padding-top: 0px;
      padding-bottom: 0px; } }
  @media (max-width: 991px) {
    .platform-counter .counter-inner .row .col-lg-3 {
      width: 50% !important; } }
  .platform-counter .counter-box {
    display: flex;
    align-items: center;
    gap: 14px; }
    @media (max-width: 991px) {
      .platform-counter .counter-box {
        margin-top: 25px; } }
    .platform-counter .counter-box .icon-wrap {
      width: 95px;
      height: 95px;
      background: #CBF1FF;
      border-radius: 26px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .platform-counter .counter-box .icon-wrap {
          width: 75px;
          height: 75px; } }
      @media (max-width: 400px) {
        .platform-counter .counter-box .icon-wrap {
          width: 60px;
          height: 60px; } }
      .platform-counter .counter-box .icon-wrap img {
        width: 42px;
        height: 42px; }
        @media (max-width: 767px) {
          .platform-counter .counter-box .icon-wrap img {
            width: 30px;
            height: 30px; } }
        @media (max-width: 400px) {
          .platform-counter .counter-box .icon-wrap img {
            width: 20px;
            height: 20px; } }
    .platform-counter .counter-box .text-wrap .count {
      font-size: 36px;
      font-weight: 700;
      color: #102D72;
      line-height: 26px;
      margin-bottom: 0px;
      font-family: var(--secondary-font); }
      @media (max-width: 767px) {
        .platform-counter .counter-box .text-wrap .count {
          font-size: 24px; } }
      @media (max-width: 400px) {
        .platform-counter .counter-box .text-wrap .count {
          font-size: 20px; } }
    .platform-counter .counter-box .text-wrap h5 {
      font-size: 18px;
      font-weight: 400;
      margin: 7px 0 0 0;
      color: #000;
      font-family: var(--title-new); }
      @media (max-width: 767px) {
        .platform-counter .counter-box .text-wrap h5 {
          font-size: 14px; } }
      @media (max-width: 400px) {
        .platform-counter .counter-box .text-wrap h5 {
          font-size: 12px; } }

.cta-consultation {
  padding-top: 51px;
  padding-bottom: 63px;
  position: relative; }
  .cta-consultation::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/cta-background.png) center center;
    background-position: center center; }
  .cta-consultation h3 {
    margin-bottom: 19px;
    font-family: var(--title-new);
    color: #94B5FF;
    font-size: 24px;
    font-weight: 600;
    line-height: 50px; }
    @media (max-width: 991px) {
      .cta-consultation h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px; } }
  .cta-consultation h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 45px;
    color: #fff; }
    @media (max-width: 991px) {
      .cta-consultation h2 {
        text-align: center;
        font-size: 33px; } }
    @media (max-width: 567px) {
      .cta-consultation h2 {
        text-align: center;
        font-size: 26px;
        line-height: 32px; } }
  .cta-consultation .call-us {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media (max-width: 991px) {
      .cta-consultation .call-us {
        justify-content: center;
        margin-top: 15px; } }
    .cta-consultation .call-us a.call-button {
      font-family: var(--title-new);
      font-weight: 600;
      font-size: 24px;
      line-height: 65px;
      height: 50px;
      color: #fff;
      border: 1.5px solid #13A5DB;
      background-color: #13A5DB;
      border-radius: 84px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 201px;
      height: 50px;
      font-family: var(--secondary-font); }
      .cta-consultation .call-us a.call-button:hover {
        color: #13A5DB;
        border: 1.5px solid #13A5DB;
        background-color: #ffffff; }
      @media (max-width: 991px) {
        .cta-consultation .call-us a.call-button {
          font-size: 20px; } }

.leading-brands {
  padding-top: 56px;
  padding-bottom: 98px;
  background-color: #F7F7F7; }
  .leading-brands h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      .leading-brands h2 {
        font-size: 26px;
        line-height: 32px; } }
  .leading-brands p {
    font-size: 19px;
    margin-bottom: 40px;
    color: #4C4C4C; }
  .leading-brands .brand-title.tc {
    max-width: 979px;
    margin-left: auto;
    margin-right: auto; }
  .leading-brands .partner-logo-wrap {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; }
    .leading-brands .partner-logo-wrap .p-logo {
      width: calc(16.6666666667% - 20px * 5 / 6);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      border-radius: 13px;
      padding: 35px 10px;
      background-color: #fff; }
      @media (max-width: 767px) {
        .leading-brands .partner-logo-wrap .p-logo {
          flex: 0 0 calc(32.66% - 10px);
          height: 135px !important; } }
      @media (max-width: 567px) {
        .leading-brands .partner-logo-wrap .p-logo {
          flex: 0 0 calc(49.66% - 10px);
          height: 150px !important; } }
      @media (min-width: 767px) and (max-width: 991px) {
        .leading-brands .partner-logo-wrap .p-logo {
          height: 180px; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        .leading-brands .partner-logo-wrap .p-logo {
          flex: 0 0 calc(24.66% - 10px); } }

/*# sourceMappingURL=base.css.map */