@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  @import url("https://fonts.googleapis.com/css?family=Lato");

  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }

  ::before,
  ::after {
    --tw-content: '';
  }

  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
  }

  body {
    margin: 0;
    line-height: inherit;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    text-decoration: inherit;
  }

  b,
  strong {
    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: 'Poppins';
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }

  :-moz-focusring {
    outline: auto;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  progress {
    vertical-align: baseline;
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

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

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

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

  summary {
    display: list-item;
  }

  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }

  fieldset {
    margin: 0;
    padding: 0;
  }

  legend {
    padding: 0;
  }

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

  dialog {
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
  }

  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }

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

  :disabled {
    cursor: default;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }

  [hidden] {
    display: none;
  }

  body {
    min-height: 100vh;
    font-family: 'Poppins';
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.66;
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity));
  }

  a {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    --tw-text-opacity: 1;
  }

  h1 {
    font-size: 3rem;
    line-height: 1;
  }

  @media (min-width: 768px) {
    h1 {
      font-size: 3.75rem;
      line-height: 1;
    }
  }

  @media (min-width: 992px) {
    h1 {
      font-size: 4.5rem;
      line-height: 1;
    }
  }

  @media (min-width: 1200px) {
    h1 {
      font-size: 110px;
    }
  }

  @media (min-width: 1400px) {
    h1 {
      font-size: 110px;
    }
  }

  h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  @media (min-width: 992px) {
    h2 {
      font-size: 3.75rem;
      line-height: 1;
    }
  }

  @media (min-width: 1200px) {
    h2 {
      font-size: 4rem;
      line-height: 1;
    }

    .discover {
      font-size: 4rem;
      line-height: 1;
    }
  }

  @media (min-width: 1400px) {
    h2 {
      font-size: 60px;
    }
  }

  .vssolu {
    font-size: 4rem;
  }

  h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1.33;
    letter-spacing: 0em;
  }

  h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.28;
  }

  .blogin {
    font-size: 25px;
  }

  .h2in {
    font-size: 22px;
    line-height: 1.28;
    font-weight: 400;
  }

  @media (min-width: 992px) {
    h5 {
      font-size: 28px;
    }
  }

  *,
  ::before,
  ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
  }

  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
  }

  .container {
    width: 100%;
  }

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

  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 992px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
  }

  @media (min-width: 1400px) {
    .container {
      max-width: 1400px;
    }
  }

  .creating {
    font-size: 3.2rem;
    line-height: 1.2;
  }

  .designuser {
    font-size: 3rem;
    line-height: 1.2;
  }

  .button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    overflow: hidden;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .button::after {
    position: absolute;
    inset: 0px;
    left: 0px;
    top: 0px;
    z-index: -1;
    transform-origin: top right;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    transition-duration: 300ms;
  }

  .button:hover::after {
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .invisible {
    visibility: hidden;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: 0px;
  }

  .-left-\[100px\] {
    left: -100px;
  }

  .-left-\[15px\] {
    left: -15px;
  }

  .-left-full {
    left: -100%;
  }

  .-right-\[150px\] {
    right: -150px;
  }

  .-right-\[200px\] {
    right: -200px;
  }

  .-top-\[205px\] {
    top: -205px;
  }

  .-top-\[290px\] {
    top: -290px;
  }

  .-top-\[77px\] {
    top: -77px;
  }

  .-top-\[54px\] {
    top: -54px;
  }

  .bottom-0 {
    bottom: 0px;
  }

  .bottom-2 {
    bottom: -2px;
  }

  .left-0 {
    left: 0px;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-\[30px\] {
    left: 30px;
  }

  .right-0 {
    right: 0px;
  }

  .right-\[57px\] {
    right: 57px;
  }

  .right-\[5px\] {
    right: 5px;
  }

  .right-\[90px\] {
    right: 90px;
  }

  .top-0 {
    top: 0px;
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-\[370px\] {
    top: 370px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[61\%\] {
    top: 61%;
  }

  .top-\[620px\] {
    top: 620px;
  }

  .top-\[64\%\] {
    top: 64%;
  }

  .top-\[80\%\] {
    top: 80%;
  }

  .-z-\[1\] {
    z-index: -1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

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

  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-14 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .-mt-\[70px\] {
    margin-top: -70px;
  }

  .mb-10 {
    margin-bottom: 2.5rem;
  }

  .mb-11 {
    margin-bottom: 2.75rem;
  }

  .mb-12 {
    margin-bottom: 3rem;
  }

  .mb-14 {
    margin-bottom: 3.5rem;
  }

  .mb-20 {
    margin-bottom: 5rem;
  }

  .mb-3 {
    margin-bottom: 0.75rem;
  }

  .mb-4 {
    margin-bottom: 1rem;
  }

  .mb-5 {
    margin-bottom: 1.25rem;
  }

  .mb-6 {
    margin-bottom: 1.5rem;
  }

  .mb-7 {
    margin-bottom: 1.75rem;
  }

  .mb-8 {
    margin-bottom: 2rem;
  }

  .mb-9 {
    margin-bottom: 2.25rem;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[30px\] {
    margin-bottom: 30px;
  }

  .mb-\[50px\] {
    margin-bottom: 50px;
  }

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

  .mt-10 {
    margin-top: 2.5rem;
  }

  .mt-11 {
    margin-top: 2.75rem;
  }

  .mt-12 {
    margin-top: 3rem;
  }

  .mt-16 {
    margin-top: 4rem;
  }

  .mt-3 {
    margin-top: 0.75rem;
  }

  .mt-4 {
    margin-top: 1rem;
  }

  .mt-5 {
    margin-top: 1.25rem;
  }

  .mt-6 {
    margin-top: 1.5rem;
  }

  .mt-7 {
    margin-top: 1.75rem;
  }

  .mt-8 {
    margin-top: 2rem;
  }

  .mt-9 {
    margin-top: 2.25rem;
  }

  .mt-\[100px\] {
    margin-top: 100px;
  }

  .mt-\[2\.5px\] {
    margin-top: 2.5px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[40px\] {
    margin-top: 40px;
  }

  .mt-\[50px\] {
    margin-top: 50px;
  }

  .mt-\[55px\] {
    margin-top: 55px;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[60px\] {
    margin-top: 60px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .block {
    display: block;
  }

  .inline-block {
    display: inline-block;
  }

  .flex {
    display: flex;
  }

  .inline-flex {
    display: inline-flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .h-10 {
    height: 2.5rem;
  }

  .h-20 {
    height: 5rem;
  }

  .h-6 {
    height: 1.5rem;
  }

  .h-8 {
    height: 2rem;
  }

  .h-80 {
    height: 20rem;
  }

  .h-9 {
    height: 2.25rem;
  }

  .h-\[105px\] {
    height: 105px;
  }

  .h-\[110\%\] {
    height: 110%;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[1280px\] {
    height: 1280px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[1px\] {
    height: 1px;
  }

  .h-\[230px\] {
    height: 230px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[320px\] {
    height: 320px;
  }

  .h-\[360px\] {
    height: 360px;
  }

  .h-\[370px\] {
    height: 360px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[406px\] {
    height: 406px;
  }

  .h-\[415px\] {
    height: 415px;
  }

  .h-\[420px\] {
    height: 450px;
  }

  .h-\[450px\] {
    height: 450px;
  }

  .h-\[470px\] {
    height: 470px;
  }

  .h-\[451px\] {
    height: 451px;
  }

  .h-\[490px\] {
    height: 490px;
  }

  .h-\[494px\] {
    height: 494px;
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[564px\] {
    height: 564px;
  }

  .h-\[475px\] {
    height: 475px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[77px\] {
    height: 77px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-auto {
    height: auto;
  }

  .h-style {
    height: 25rem;
  }

  .h-clients {
    height: 28rem;
  }

  .height-top {
    max-width: fit-content;
  }

  .chitti {
    height: 600px;
  }

  .h-full {
    height: 100%;
  }

  .min-h-\[130px\] {
    min-height: 130px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[440px\] {
    min-height: 440px;
  }

  .w-10 {
    width: 2.5rem;
  }

  .w-20 {
    width: 5rem;
  }

  .w-6 {
    width: 1.5rem;
  }

  .w-8 {
    width: 2rem;
  }

  .w-9 {
    width: 2.25rem;
  }

  .w-\[105px\] {
    width: 105px;
  }

  .w-\[110\%\] {
    width: 110%;
  }

  .w-\[1161px\] {
    width: 1161px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[1280px\] {
    width: 1280px;
  }

  .w-\[146px\] {
    width: 146px;
  }

  .w-\[170px\] {
    width: 170px;
  }

  .w-\[1px\] {
    width: 1px;
  }

  .w-\[200\%\] {
    width: 200%;
  }

  .w-\[500\%\] {
    width: 500%;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[406px\] {
    width: 406px;
  }

  .w-\[415px\] {
    width: 381px;
  }

  .w-\[430px\] {
    width: 430px;
  }

  .w-\[450px\] {
    width: 450px;
  }

  .w-\[451px\] {
    width: 451px;
  }

  .w-\[470px\] {
    width: 470px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[550px\] {
    width: 550px;
  }

  .w-\[562px\] {
    width: 562px;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[1090px\] {
    max-width: 1090px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[510px\] {
    max-width: 510px;
  }

  .max-w-\[536px\] {
    max-width: 536px;
  }

  .max-w-\[616px\] {
    max-width: 616px;
  }

  .max-w-\[700px\] {
    max-width: 700px;
  }

  .max-w-\[715px\] {
    max-width: 715px;
  }

  .max-w-\[910px\] {
    max-width: 910px;
  }

  .max-w-\[954px\] {
    max-width: 954px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: 28rem;
  }

  .max-w-sm {
    max-width: 24rem;
  }

  .flex-1 {
    flex: 1 1 0%;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .-translate-y-\[50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .translate-y-3 {
    --tw-translate-y: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .-rotate-\[-9\.022deg\] {
    --tw-rotate: 9.022deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .-rotate-\[58deg\] {
    --tw-rotate: -58deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @keyframes ping {

    75%,
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }

  .animate-\[ping_1\.5s_ease-in-out_infinite\] {
    animation: ping 1.5s ease-in-out infinite;
  }

  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .animate-spin {
    animation: spin 1s linear infinite;
  }

  .appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-flow-dense {
    grid-auto-flow: dense;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .flex-col {
    flex-direction: column;
  }

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

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

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

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

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

  .justify-header {
    justify-content: space-between;
  }

  .site-header.header-sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 999;
    background: rgb(0 0 0 / 95.5%);
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  }

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

  .gap-1 {
    gap: 0.25rem;
  }

  .gap-10 {
    gap: 2.5rem;
  }

  .gap-12 {
    gap: 3rem;
  }

  .gap-14 {
    gap: 3.5rem;
  }

  .gap-2 {
    gap: 0.5rem;
  }

  .gap-3 {
    gap: 0.75rem;
  }

  .gap-5 {
    gap: 1.25rem;
  }

  .gap-6 {
    gap: 1.5rem;
  }

  .gap-7 {
    gap: 1.75rem;
  }

  .gap-4 {
    gap: 1rem;
  }

  .gap-8 {
    gap: 2rem;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[30px\] {
    gap: 30px;
  }

  .gap-x-1 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .gap-x-11 {
    -moz-column-gap: 2.75rem;
    column-gap: 2.75rem;
  }

  .gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }

  .gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .gap-x-\[15px\] {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .gap-x-\[30px\] {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .gap-y-1 {
    row-gap: 0.25rem;
  }

  .gap-y-10 {
    row-gap: 2.5rem;
  }

  .gap-y-12 {
    row-gap: 3rem;
  }

  .gap-y-16 {
    row-gap: 4rem;
  }

  .gap-y-2 {
    row-gap: 0.5rem;
  }

  .gap-y-21 {
    row-gap: 0.8rem;
  }

  .gap-y-3 {
    row-gap: 0.75rem;
  }

  .gap-y-4 {
    row-gap: 1rem;
  }

  .gap-y-5 {
    row-gap: 1.25rem;
  }

  .gap-y-6 {
    row-gap: 1.5rem;
  }

  .gap-y-8 {
    row-gap: 2rem;
  }

  .gap-y-\[10px\] {
    row-gap: 10px;
  }

  .gap-y-\[15px\] {
    row-gap: 15px;
  }

  .gap-y-\[30px\] {
    row-gap: 30px;
  }

  .gap-y-\[60px\] {
    row-gap: 60px;
  }

  .space-x-4> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .self-center {
    align-self: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .rounded {
    border-radius: 0.25rem;
  }

  .rounded-2xl {
    border-radius: 1rem;
  }

  .rounded-3xl {
    border-radius: 1.5rem;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[360px\] {
    border-radius: 360px;
  }

  .rounded-\[400px\] {
    border-radius: 400px;
  }

  .rounded-\[406px\] {
    border-radius: 406px;
  }

  .rounded-\[450px\] {
    border-radius: 450px;
  }

  .rounded-\[451px\] {
    border-radius: 451px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[500px\] {
    border-radius: 500px;
  }

  .rounded-\[50px\] {
    border-radius: 50px;
  }

  .rounded-\[55px\] {
    border-radius: 55px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-full {
    border-radius: 9999px;
  }

  .rounded-lg {
    border-radius: 0.5rem;
  }

  .rounded-md {
    border-radius: 0.375rem;
  }

  .rounded-bl-\[30px\] {
    border-bottom-left-radius: 30px;
  }

  .rounded-br-\[30px\] {
    border-bottom-right-radius: 30px;
  }

  .rounded-tl-\[20px\] {
    border-top-left-radius: 20px;
  }

  .rounded-tl-\[30px\] {
    border-top-left-radius: 30px;
  }

  .rounded-tr-\[20px\] {
    border-top-right-radius: 20px;
  }

  .rounded-tr-\[30px\] {
    border-top-right-radius: 30px;
  }

  .border {
    border-width: 1px;
  }

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

  .border-\[1px\] {
    border-width: 1px;
  }

  .border-\[2px\] {
    border-width: 2px;
  }

  .border-\[2px\]:hover {
    border-color: #0DC6F6;
  }

  .border-\[3px\] {
    border-width: 3px;
  }

  .border-b {
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-width: 2px;
  }

  .border-b-\[1px\] {
    border-bottom-width: 1px;
  }

  .border-t {
    border-top-width: 1px;
  }

  .border-none {
    border-style: none;
  }

  .border-\[\#7F8995\] {
    --tw-border-opacity: 1;
    border-color: rgb(127 137 149 / var(--tw-border-opacity));
  }

  .border-\[\#DBD6CF\] {
    --tw-border-opacity: 1;
    border-color: rgb(219 214 207 / var(--tw-border-opacity));
  }

  .border-\[\#E1E1E1\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225 / var(--tw-border-opacity));
  }

  .border-\[\#EAEDF0\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 237 240 / var(--tw-border-opacity));
  }

  .border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }

  .border-blacking {
    --tw-border-opacity: 1;
    border-color: #fff;
  }

  .border-colorCodGray {
    --tw-border-opacity: 2;
  }

  .border-colorGreen {
    --tw-border-opacity: 1;
    border-color: rgb(57 255 20 / var(--tw-border-opacity));
  }

  .border-colorViolet {
    --tw-border-opacity: 1;
    border-color: rgb(50 28 164 / var(--tw-border-opacity));
  }

  .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

  .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

  .border-transparent {
    border-color: transparent;
  }

  .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }

  .bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18 / var(--tw-bg-opacity));
  }

  .bg-\[\#363636\] {
    --tw-bg-opacity: 1;
    background-color: rgb(54 54 54 / var(--tw-bg-opacity));
  }

  .bg-\[\#381FD1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(56 31 209 / var(--tw-bg-opacity));
  }

  .bg-\[\#DBD6CF\] {
    --tw-bg-opacity: 1;
    background-color: #5F5F5F;
  }

  .bg-\[\#EAEDF0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 237 240 / var(--tw-bg-opacity));
  }

  .bg-\[\#EDEDE0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 224 / var(--tw-bg-opacity));
  }

  .bg-\[\#F6F6EB1A\] {
    background-color: #F6F6EB1A;
  }

  .bg-\[\#F6F6EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 235 / var(--tw-bg-opacity));
  }

  .bg-\[\#191C20\] {
    --tw-bg-opacity: 1;
    background-color: #191C20;
  }

  .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / 95.5%);
  }

  .bg-black-blog {
    --tw-bg-opacity: 1;
    background-color: #191C20;
  }

  .bg-colorCodGray {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
  }

  .bg-colorGreen {
    --tw-bg-opacity: 1;
    background-color: rgb(57 255 20 / var(--tw-bg-opacity));
  }

  .bg-colorblue {
    --tw-bg-opacity: 1;
    background-color: #317AB0;
  }

  .bg-colorLinenRuffle {
    --tw-bg-opacity: 1;
    background-color: rgb(239 234 227 / var(--tw-bg-opacity));
  }

  .bg-colorblack {
    --tw-bg-opacity: 1;
    background-color: #202020;
  }

  .bg-colorViolet {
    --tw-bg-opacity: 1;
    background-color: #317AB0;
  }

  .bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }

  .bg-transparent {
    background-color: transparent;
  }

  .footer-opacity {
    opacity: 20%;
  }

  .submitting-form {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Poppins';
    line-height: 20px;
    color: #bababa;
  }

  .bg-whitefoo {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 0.955);
    opacity: 30%;
  }

  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / 95.5%) !important;
  }

  .connected-white {
    --tw-bg-opacity: 1;
    background-color: rgb(65 65 65 / 96%);
  }

  .bg-blacklogo {
    --tw-bg-opacity: 1;
    background-color: #3d3d3d8a;
  }

  .bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .text-opacity {
    opacity: 60%;
  }

  .logo-opacity {
    opacity: 100%;
  }

  .bg-\[url\(\'\.\.\/img\/th-2\/content-shape\.jpg\'\)\] {
    background-image: url('../img/th-2/content-shape.jpg');
  }

  .bg-\[url\(\'\.\.\/img\/th-2\/content-shape1-1\.webp\'\)\] {}

  .bg-\[url\(\'\.\.\/img\/th-2\/Majorbg1\.webp\'\)\] {
    background-image: url('../img/th-2/Majorbg1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/th-2\/header1-1\.webp\'\)\] {
    background-image: url('../img/th-2/header1-1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header1-2\.webp\'\)\] {
    background-image: url('../img/details-1/header1.2.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/headclients1-2\.webp\'\)\] {
    background-image: url('../img/details-1/headclients1.1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header2-2\.webp\'\)\] {
    background-image: url('../img/details-1/header2.3.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/blog-1\/blog1-2\.webp\'\)\] {
    background-image: url('../img/blog-1/blog1.2.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/blog-1\/blog1-1\.webp\'\)\] {
    background-image: url('../img/blog-1/blog1.1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header3-2\.webp\'\)\] {
    background-image: url('../img/details-1/header3.2.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header4-2\.webp\'\)\] {
    background-image: url('../img/details-1/header4.2.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header5-2\.webp\'\)\] {
    background-image: url('../img/details-1/header5.3.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/header6-2\.webp\'\)\] {
    background-image: url('../img/details-1/header6.2.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/pricing-1\.webp\'\)\] {
    background-image: url('../img/details-1/header-pricing-1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/about-1\.webp\'\)\] {
    background-image: url('../img/details-1/header-about-1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/details-1\/contact1-1\.webp\'\)\] {
    background-image: url('../img/details-1/header-contact1.1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/blog-1\/blogheader1-1\.webp\'\)\] {
    background-image: url('../img/blog-1/blogheader1.1.webp');
    background-position: center;
  }

  .bg-\[url\(\'\.\.\/img\/th-4\/hero-bg\.jpg\'\)\] {
    background-image: url('../img/th-4/hero-bg.jpg');
  }

  .bg-\[url\(\.\.\/img\/th-1\/404-text-image\.jpg\)\] {
    background-image: url(../img/th-1/404-text-image.jpg);
  }

  .bg-\[url\(\.\.\/img\/th-2\/arc-bottom-shape-1\.svg\)\] {
    background-image: url(../img/th-2/arc-bottom-shape-1.svg);
  }

  .bg-\[url\(\.\.\/img\/th-2\/arc-bottom-shape-1-1\.png\)\] {
    background-image: url(../img/th-2/arc-bottom-shape-1-1.png);
  }

  .bg-\[url\(\.\.\/img\/th-2\/footer0-1\.webp\)\] {
    background-image: url(../img/th-2/footer0-1.webp);
    background-position: center;
    background-size: cover;
  }

  .bg-\[url\(\.\.\/img\/th-2\/Main\.webp\)\] {
    background-image: url(../img/th-2/Main.webp);
    background-position: center;
  }

  .bg-\[url\(\.\.\/img\/th-2\/arc-top-shape-1\.svg\)\] {
    background-image: url(../img/th-2/arc-top-shape-1.svg);
  }

  .bg-\[url\(\.\.\/img\/th-2\/topup-1\.png\)\] {
    background-image: url(../img/th-2/topup-1.png);
  }

  .borimg {
    border: 2px solid #FFFFFF;
  }

  .imageincenter {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .imgsizeingforclients {
    width: 100%;
    height: 220px;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-1\.webp\'\)\] {
    background-image: url('../img/clients/imgbg2.1.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-2\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.2.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-3\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.3.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-4\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.4.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-5\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.5.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-6\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.6.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-7\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.7.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-8\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.8.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-9\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.9.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-10\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.10.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-11\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.11.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-12\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.12.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-13\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.13.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-14\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.14.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-15\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.15.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-17\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.17.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-18\.webp\'\)\] {
    background-image: url('../img/clients/imgbg1.18.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-19\.webp\'\)\] {
    background-image: url('../img/clients/ranavtranquilhaven-ourclient-bg.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-20\.webp\'\)\] {
    background-image: url('../img/clients/grswara-ourclient-bg.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-21\.webp\'\)\] {
    background-image: url('../img/clients/eshwaraabhayafoundation-ourclient-bg.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-22\.webp\'\)\] {
    background-image: url('../img/clients/grconstructions.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-23\.webp\'\)\] {
    background-image: url('../img/clients/slninfra_logo.webp');
    background-repeat: round;
  }

  .bg-\[url\(\'\.\.\/img\/clients\/imgbg1-24\.webp\'\)\] {
    background-image: url('../img/clients/groneandonly-logo.webp');
    background-repeat: round;
  }

  .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .from-\[\#39FF14\] {
    --tw-gradient-from: #39FF14 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 255 20 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .from-\[\#5636C7\] {
    --tw-gradient-from: #5636C7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(86 54 199 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .from-\[rgba\(255\2c 255\2c 255\2c \.1\)\] {
    --tw-gradient-from: rgba(255, 255, 255, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .to-\[\#37ff1460\] {
    --tw-gradient-to: #37ff1460 var(--tw-gradient-to-position);
  }

  .to-\[\#37ff1467\] {
    --tw-gradient-to: #37ff1467 var(--tw-gradient-to-position);
  }

  .to-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
    --tw-gradient-to: rgba(0, 0, 0, 0.5) var(--tw-gradient-to-position);
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .object-cover {
    object-fit: fill;
  }

  .object-center {
    -o-object-position: center;
    object-position: center;
  }

  .p-10 {
    padding: 2.5rem;
  }

  .p-4 {
    padding: 1rem;
  }

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

  .p-6 {
    padding: 1.5rem;
  }

  .p-8 {
    padding: 2rem;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[20px\] {
    padding: 20px;
  }

  .p-\[14px\] {
    padding: 14px;
  }

  .p-\[25px\] {
    padding: 27px;
  }

  .p-\[27px\] {
    padding: 27px;
  }

  .p-\[30px\] {
    padding: 30px;
  }

  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .px-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }

  .px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .py-6 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .py-\[124px\] {
    padding-top: 124px;
    padding-bottom: 124px;
  }

  .py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .py-\[25px\] {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pb-10 {
    padding-bottom: 2.5rem;
  }

  .pb-20 {
    padding-bottom: 5rem;
  }

  .pb-17 {
    padding-bottom: 3rem;
  }

  .pb-28 {
    padding-bottom: 7rem;
  }

  .pb-3 {
    padding-bottom: 0.75rem;
  }

  .pb-40 {
    padding-bottom: 10rem;
  }

  .pb-6 {
    padding-bottom: 1.5rem;
  }

  .pb-22 {
    padding-bottom: 2rem;
  }

  .pb-\[10px\] {
    padding-bottom: 10px;
  }

  .pl-16 {
    padding-left: 4rem;
  }

  .pl-8 {
    padding-left: 2rem;
  }

  .pl-\[30px\] {
    padding-left: 30px;
  }

  .pl-\[35px\] {
    padding-left: 35px;
  }

  .pr-20 {
    padding-right: 5rem;
  }

  .pr-8 {
    padding-right: 2rem;
  }

  .pr-\[150px\] {
    padding-right: 150px;
  }

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

  .pt-20 {
    padding-top: 5rem;
  }

  .pt-17 {
    padding-top: 3rem;
  }

  .pt-28 {
    padding-top: 7rem;
  }

  .pt-36 {
    padding-top: 9rem;
  }

  .pt-6 {
    padding-top: 1.5rem;
  }

  .text-left {
    text-align: left;
  }

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

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

  .font-clashDisplay {
    font-family: Clash Display, sans-serif;
  }

  .font-dmSans {
    font-family: DM Sans, sans-serif;
  }

  .font-raleway {
    font-family: Raleway, sans-serif;
  }

  .font-spaceGrotesk {
    font-family: poppins;
  }

  .fonth2 {
    font-size: 36px;
  }

  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .text-2x2 {
    font-size: 1rem;
    line-height: 2rem;
  }

  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .text-\[150px\] {
    font-size: 150px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 16px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .text-bases {
    font-size: 1rem;
    line-height: 2.5rem;
  }

  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .text-lg-cre {
    font-size: 1.1rem;
    line-height: 1.75rem;
  }

  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .font-bold {
    font-weight: 700;
  }

  .font-light {
    font-weight: 300;
  }

  .font-sm {
    font-weight: 200;
  }

  .font-medium {
    font-weight: 500;
  }

  .font-normal {
    font-weight: 400;
  }

  .font-semibold {
    font-weight: 600;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .capitalize {
    text-transform: capitalize;
  }

  .not-italic {
    font-style: normal;
  }

  .leading-5 {
    line-height: 1.25rem;
  }

  .leading-6 {
    line-height: 1.5rem;
    letter-spacing: 1px;
  }

  .leading-\[1\.05\] {
    line-height: 1.05;
  }

  .leading-\[1\.06\] {
    line-height: 1.06;
    letter-spacing: 1px;
  }

  .leading-\[1\.28\] {
    line-height: 1.28;
  }

  .leading-\[1\.2\] {
    line-height: 1.2;
  }

  .leading-\[1\.33\] {
    line-height: 1.33;
  }

  .leading-\[1\.42\] {
    line-height: 1.42;
  }

  .leading-\[1\.4\] {
    line-height: 1.4;
  }

  .leading-\[1\.66\] {
    line-height: 1.66;
  }

  .leading-\[1\.6\] {
    line-height: 1.6;
  }

  .leading-loose {
    line-height: 2;
  }

  .leading-none {
    line-height: 1;
  }

  .leading-snug {
    line-height: 1.375;
  }

  .leading-tight {
    line-height: 1.25;
  }

  .-tracking-\[0\.5px\] {
    letter-spacing: -0.5px;
  }

  .-tracking-\[1px\] {
    letter-spacing: -1px;
  }

  .-tracking-\[2px\] {
    letter-spacing: -2px;
  }

  .-tracking-\[3px\] {
    letter-spacing: -3px;
  }

  .tracking-\[-1px\] {
    letter-spacing: -1px;
  }

  .tracking-\[1\.33\] {
    letter-spacing: 1.33;
  }

  .tracking-\[1px\] {
    letter-spacing: 1px;
  }

  .tracking-tighter {
    letter-spacing: -0.05em;
  }

  .text-\[\#121212\] {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
  }

  .text-\[\#2C2C2C\] {
    --tw-text-opacity: 1;
    color: rgb(44 44 44 / var(--tw-text-opacity));
  }

  .text-\[\#dcdcdc\] {
    --tw-text-opacity: 1;
    color: #dcdcdc;
  }

  .text-\[\#381FD1\] {
    --tw-text-opacity: 1;
    color: rgb(56 31 209 / var(--tw-text-opacity));
  }

  .text-\[\#7F8995\] {
    --tw-text-opacity: 1;
    color: rgb(127 137 149 / var(--tw-text-opacity));
  }

  .text-\[\#F6F6EB\] {
    --tw-text-opacity: 1;
    color: rgb(246 246 235 / var(--tw-text-opacity));
  }

  .text-\[28\] {
    color: 28;
  }

  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .text-white {
    --tw-text-opacity: 1;
    color: #fff;
  }

  .text-colorGreen {
    --tw-text-opacity: 1;
    color: rgb(57 255 20 / var(--tw-text-opacity));
  }

  .text-colorOrangyRed {
    --tw-text-opacity: 1;
    color: #317AB0;
  }

  .meetsinnovation {
    color: #0DC6F6;
    font-size: 30px;
    font-weight: 500;
  }

  .text-transparent {
    color: transparent;
  }

  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .text-blue {
    --tw-text-opacity: 1;
    color: #317AB0;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-10 {
    opacity: 0.1;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-30 {
    opacity: 0.3;
  }

  .shadow-\[0_4px_60px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0 4px 60px 0 #317AB0;
    --tw-shadow-colored: 0 4px 60px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .shadow-\[0_4px_80px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0 4px 80px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0 4px 80px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 365px;
  }

  .blogcheight {
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .blur-\[150px\] {
    --tw-blur: blur(150px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .blur-\[250px\] {
    --tw-blur: blur(250px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .duration-300 {
    transition-duration: 300ms;
  }

  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .ease-linear {
    transition-timing-function: linear;
  }

  .main-wrapper {
    overflow: hidden;
  }

  .global-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
  }

  .custom-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  @media (min-width: 1200px) {
    .custom-container {
      max-width: 1332px;
    }
  }

  .price-button {
    display: inline-block;
    border-radius: 50px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Inter, sans-serif;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .price-button.active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .faq-button {
    border-radius: 50px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 237 240 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .faq-button.active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .breadcrumb-wrapper {
    margin-bottom: 3rem;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(239 234 227 / var(--tw-bg-opacity));
    padding-bottom: 4rem;
    padding-top: 8rem;
  }

  .logoblue {
    display: flex;
    justify-content: center;
  }

  .preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000000;
    background-image: url(../img/loader1.1.svg);
    display: none;
  }

  .preloader.active {
    display: block;
  }

  @media (min-width: 992px) {
    .breadcrumb-wrapper {
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      padding-bottom: 6rem;
      padding-top: 9rem;
    }
  }

  @media (min-width: 1200px) {
    .breadcrumb-wrapper {
      margin-bottom: 6rem;
      padding-bottom: 130px;
      padding-top: 195px;
    }
  }

  .breadcrumb-block {
    text-align: center;
  }

  .breadcrumb-title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    max-width: 500px;
    font-weight: 500;
  }

  @media (min-width: 768px) {
    .breadcrumb-title {
      margin-bottom: 3rem;
    }

    .flexible-plan {
      font-size: 40px;
    }
  }

  @media (min-width: 992px) {
    .breadcrumb-title {
      max-width: 768px;
    }
  }

  @media (min-width: 1200px) {
    .breadcrumb-title {
      max-width: 1076px;
    }
  }

  .breadcrumb-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 2.75rem;
    column-gap: 2.75rem;
    font-size: 0.95rem;
    line-height: 1.75rem;
    font-weight: 300;
  }

  .breadcrumb-nav li {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .breadcrumb-nav li::after {
    position: absolute;
    right: -2rem;
    top: 50%;
    height: 1.25rem;
    width: 1.25rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url(../img/cheveron-right-white.svg);
    content: var(--tw-content);
    background-size: cover;
  }

  .breadcrumb-nav li:last-child {
    --tw-text-opacity: 1;
    color: #ffffff8a;
  }

  .breadcrumb-nav li:last-child::after {
    content: var(--tw-content);
    background-image: none;
  }

  .breadcrumb-nav a {
    --tw-text-opacity: 1;
    color: #FFFFFF;
  }

  .breadcrumb-nav a:hover {
    --tw-text-opacity: 1;
    color: #0DC6F6;
  }

  .logocenter {
    justify-content: center;
    align-items: center;
  }

  .fortime {
    display: flex;
    place-items: flex-end;
  }

  .testimonial-nav {
    position: relative;
    bottom: -50;
    left: 50%;
    z-index: 2;
    margin-top: 2rem;
    display: flex;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  @media (min-width: 1400px) {
    .testimonial-nav {
      position: absolute;
      bottom: 1.5rem;
      margin-top: 0px;
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      justify-content: normal;
    }
  }

  .bloghead {
    white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .testimonial-nav-dir {
    position: relative;
    display: flex;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(234 237 240 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .testimonial-nav-dir:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(50 28 164 / var(--tw-bg-opacity));
  }

  .testimonial-nav-dir img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .testimonial-nav-dir img:first-child {
    opacity: 1;
  }

  .testimonial-nav-dir img:last-child {
    position: absolute;
    opacity: 0;
  }

  .testimonial-nav-dir img:hover:first-child {
    opacity: 0;
  }

  .testimonial-nav-dir img:hover:last-child {
    opacity: 1;
  }

  .footer-section.is-theme-1 {
    position: relative;
    z-index: 1;
    margin-top: -70px;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(239 234 227 / var(--tw-bg-opacity));
  }

  .footer-top {
    padding-bottom: 60px;
    padding-top: 5rem;
  }

  @media (min-width: 1200px) {
    .footer-top {
      padding-bottom: 100px;
      padding-top: 130px;
    }
  }

  .placeholder\:text-black::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .placeholder\:text-black::placeholder {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .placeholder\:text-slate-500::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }

  .placeholder\:text-slate-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }

  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }

  .before\:top-1\/2::before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:-z-\[1\]::before {
    content: var(--tw-content);
    z-index: -1;
  }

  .before\:h-\[1px\]::before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .before\:bg-\[\#EAEDF0\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(234 237 240 / var(--tw-bg-opacity));
  }

  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-top-\[3px\]::after {
    content: var(--tw-content);
    top: -3px;
  }

  .after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
  }

  .after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }

  .after\:left-\[10px\]::after {
    content: var(--tw-content);
    left: 10px;
  }

  .after\:left-full::after {
    content: var(--tw-content);
    left: 100%;
  }

  .after\:top-1\/2::after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:top-3::after {
    content: var(--tw-content);
    top: 0.5rem;
  }

  .after\:top-\[6px\]::after {
    content: var(--tw-content);
    top: 6px;
  }

  .after\:h-4::after {
    content: var(--tw-content);
    height: 1rem;
  }

  .after\:h-\[15px\]::after {
    content: var(--tw-content);
    height: 15px;
  }

  .after\:h-\[2px\]::after {
    content: var(--tw-content);
    height: 2px;
  }

  .after\:h-\[5px\]::after {
    content: var(--tw-content);
    height: 5px;
  }

  .after\:h-\[6px\]::after {
    content: var(--tw-content);
    height: 6px;
  }

  .after\:h-\[7px\]::after {
    content: var(--tw-content);
    height: 7px;
  }

  .after\:w-4::after {
    content: var(--tw-content);
    width: 1rem;
  }

  .after\:w-\[15px\]::after {
    content: var(--tw-content);
    width: 15px;
  }

  .after\:w-\[5px\]::after {
    content: var(--tw-content);
    width: 5px;
  }

  .after\:w-\[6px\]::after {
    content: var(--tw-content);
    width: 6px;
  }

  .after\:w-\[7px\]::after {
    content: var(--tw-content);
    width: 7px;
  }

  .after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:-translate-y-1\/2::after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .after\:translate-x-2::after {
    content: var(--tw-content);
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .after\:scale-x-0::after {
    content: var(--tw-content);
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .after\:rounded-\[3px\]::after {
    content: var(--tw-content);
    border-radius: 3px;
  }

  .after\:rounded-\[50\%\]::after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .after\:rounded-\[5px\]::after {
    content: var(--tw-content);
    border-radius: 5px;
  }

  .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px;
  }

  .after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
  }

  .after\:border-none::after {
    content: var(--tw-content);
    border-style: none;
  }

  .after\:border-\[\#7F8995\]::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(127 137 149 / var(--tw-border-opacity));
  }

  .after\:border-colorGreen::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(57 255 20 / var(--tw-border-opacity));
  }

  .after\:border-colorOrangyRed::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(254 51 10 / var(--tw-border-opacity));
  }

  .after\:border-colorblue::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #317AB0;
  }

  .after\:bg-black::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #fff;
  }

  .after\:bg-colorCodGray::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
  }

  .after\:bg-colorGreen::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(57 255 20 / var(--tw-bg-opacity));
  }

  .after\:bg-colorOrangyRed::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #fff;
  }

  .after\:bg-colorOrangyReding::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #0DC6F6;
  }

  .after\:bg-colorViolet::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #317AB0;
  }

  .p-invalue {
    font-size: 24px;
  }

  .after\:bg-white::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .after\:text-white::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .after\:delay-300::after {
    content: var(--tw-content);
    transition-delay: 300ms;
  }

  .after\:duration-300::after {
    content: var(--tw-content);
    transition-duration: 300ms;
  }

  .first\:pt-0:first-child {
    padding-top: 0px;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0px;
  }

  .last\:border-b-0:last-child {
    border-bottom-width: 0px;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0px;
  }

  .last\:after\:hidden:last-child::after {
    content: var(--tw-content);
    display: none;
  }

  .checked\:after\:border-colorOrangyRed:checked::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(254 51 10 / var(--tw-border-opacity));
  }

  .checked\:after\:bg-colorOrangyRed:checked::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(254 51 10 / var(--tw-bg-opacity));
  }

  .checked\:after\:bg-\[url\(\.\.\/img\/th-1\/icon-white-checkmark-filled\.svg\)\]:checked::after {
    content: var(--tw-content);
    background-image: url(../img/th-1/icon-white-checkmark-filled.svg);
  }

  .hover\:border-colorGreen:hover {
    --tw-border-opacity: 1;
    border-color: rgb(57 255 20 / var(--tw-border-opacity));
  }

  .hover\:border-colorOrangyRed:hover {
    --tw-border-opacity: 1;
    border-color: #317AB0;
  }

  .hover\:bg-\[\#381FD1\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 31 209 / var(--tw-bg-opacity));
  }

  .hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 234 227 / var(--tw-bg-opacity));
  }

  .hover\:bg-colorOrangyRed:hover {
    --tw-bg-opacity: 1;
    background-color: #000;
  }

  .hover\:bg-orange-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  }

  .hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  }

  .hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: #317AB0;
  }

  .hover\:text-colorGreen:hover {
    --tw-text-opacity: 1;
    color: rgb(57 255 20 / var(--tw-text-opacity));
  }

  .hover\:text-colorOrangyRed:hover {
    --tw-text-opacity: 1;
    color: #0DC6F6;
  }

  .hover\:text-colorViolet:hover {
    --tw-text-opacity: 1;
    color: rgb(50 28 164 / var(--tw-text-opacity));
  }

  .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: #317AB0 !important;
    text-decoration: none;
  }

  .hover\:after\:scale-x-0:hover::after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .focus\:border-colorOrangyRed:focus {
    --tw-border-opacity: 1;
    border-color: #0DC6F6;
  }

  .active\:bg-black:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .active\:text-white:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .group:nth-child(odd) .group-odd\:h-80 {
    height: 20rem;
  }

  .group:nth-child(even) .group-even\:h-96 {
    height: 24rem;
  }

  .group:hover .group-hover\:visible {
    visibility: visible;
  }

  .group:hover .group-hover\:left-0 {
    left: 0px;
  }

  .group:hover .group-hover\:left-full {
    left: 100%;
  }

  .group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:border-colorOrangyRed {
    --tw-border-opacity: 1;
    border-color: #0DC6F6;
  }

  .group:hover .group-hover\:bg-colorViolet {
    --tw-bg-opacity: 1;
    background-color: #317AB0;
  }

  .group:hover .group-hover\:bg-facebook {
    --tw-bg-opacity: 1;
    background-color: #3b5998;
  }

  .group:hover .group-hover\:bg-X {
    --tw-bg-opacity: 1;
    background-color: #000;
  }

  .group:hover .group-hover\:bg-insta {
    --tw-bg-opacity: 1;
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
  }

  .group:hover .group-hover\:bg-linkedin {
    --tw-bg-opacity: 1;
    background-color: #0A66C2
  }

  .group:hover .group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  }

  .group:hover .group-hover\:text-\[\#381FD1\] {
    --tw-text-opacity: 1;
    color: rgb(56 31 209 / var(--tw-text-opacity));
  }

  .group:hover .group-hover\:text-colorOrangyRed {
    --tw-text-opacity: 1;
    color: rgb(254 51 10 / var(--tw-text-opacity));
  }

  .group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .group:hover .group-hover\:text-blue {
    --tw-text-opacity: 1;
    color: #0DC6F6;
  }

  .group:hover .group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .group:hover .group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .group-hover\:opacity-100 {
    opacity: 1;
  }

  .dropdown-menu {
    display: none;
    margin: 10px 0;
    padding-left: 20px;
    flex-direction: column;
    order: 3
  }

  .cross_line {
    position: relative;
    font-size: 47px;
    opacity: 75%;
  }

  .cross_line::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-color: red;
    position: absolute;
    top: 45%;
    left: -5px;
    width: 95px;
    transform: rotate(23deg);
  }

  .cross_lines {
    position: relative;
    font-size: 56px;
    opacity: 75%;
  }

  .cross_lines::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-color: red;
    position: absolute;
    top: 48%;
    left: -8px;
    width: 74px;
    transform: rotate(37deg);
  }

  .dropdown-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .dropdown-item::after {
    content: '+';
  }

  .dropdown-item.opened::after {
    content: '-';
  }

  .dropdown-item.opened .dropdown-menu {
    display: flex;
    gap: 8px
  }

  .logosetup {
    height: 56px;
    width: 100%;
  }

  .blogtop {
    margin-top: 100px;
  }

  .mobileview {
    display: none;
  }

  .links {
    width: 40%;
  }

  .contact-form-wrapper {
    width: 60%;
    padding: 9.5% 5% 8.5% 5%;
  }

  .contact-form-wrapper {
    background-color: #fff;
    border-radius: 0 10px 10px 0;
  }

  .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .link {
    margin: 10px;
    cursor: pointer;
  }

  .form-item {
    position: relative;
  }

  .chittip {
    font-size: 18px;
  }

  .contactmob {
    display: none;
  }

  a.text-2x2 {
    display: flex;
    align-items: center;
  }

  a.text-2x2 img {
    margin-right: 10px;
  }

  a.text-2x2 span {
    display: inline-block;
  }

  .inbackblur {
    background: rgb(255 255 255 / 6%);
  }

  .inlogos {
    height: 164px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
  }

  .random-slider {
    padding: 100px 0;
    background-color: #ffffff;

    img {
      max-width: 100%;
    }
  }

  .sub-header {
    margin-bottom: 0;
  }

  .positions .position {
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: scale(1);
    opacity: 1;
  }

  .positions .position.out {
    transform: scale(0.5);
    opacity: 0;
  }

  .positions .position.in {
    transform: scale(1.2);
    opacity: 1;
  }

  .positions .position.in.final {
    transform: scale(1);
  }

  .Network-list {
    display: none;
  }

  .mobileviews {
    display: none;
  }

  @media (min-width: 992px) {
    .sub-header {
      margin-bottom: 100px;
      margin-top: 40px;
      text-align: center;
    }

    .spe-btn-containerWhole-external {
      display: none !important;
    }
  }

  @media (max-width: 576px) {
    .mobileviews {
      display: flex;
    }

    .disktopview {
      display: none;
    }

    .positionss .position {
      transition: transform 0.5s ease, opacity 0.5s ease;
      transform: scale(1);
      opacity: 1;
    }

    .positionss .position.out {
      transform: scale(0.5);
      opacity: 0;
    }

    .positionss .position.in {
      transform: scale(1.2);
      opacity: 1;
    }

    .positionss .position.in.final {
      transform: scale(1);
    }
  }

  @media (min-width: 576px) {
    .sm\:left-\[13\%\] {
      left: 13%;
    }

    .sm\:left-\[18\%\] {
      left: 18%;
    }

    .sm\:left-\[38\%\] {
      left: 38%;
    }

    .sm\:left-\[61\%\] {
      left: 61%;
    }

    .sm\:left-\[88\%\] {
      left: 88%;
    }

    .sm\:top-\[10\%\] {
      top: 10%;
    }

    .sm\:top-\[38\%\] {
      top: 38%;
    }

    .sm\:top-\[5\%\] {
      top: 5%;
    }

    .sm\:top-\[65\%\] {
      top: 65%;
    }

    .sm\:top-\[72\%\] {
      top: 72%;
    }

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

    .sm\:mb-0 {
      margin-bottom: 0px;
    }

    .sm\:inline-block {
      display: inline-block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:h-\[100px\] {
      height: 100px;
    }

    .sm\:w-\[150px\] {
      width: 150px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:flex-1 {
      flex: 1 1 0%;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:gap-y-4 {
      row-gap: 1rem;
    }

    .sm\:gap-y-8 {
      row-gap: 2rem;
    }

    .sm\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }

    .sm\:px-\[50px\] {
      padding-left: 50px;
      padding-right: 50px;
    }

    .sm\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }

    .sm\:pl-32 {
      padding-left: 8rem;
    }

    .sm\:pr-48 {
      padding-right: 12rem;
    }

    .sm\:pt-6 {
      padding-top: 1.5rem;
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-center {
      text-align: center;
    }

    .sm\:text-\[220px\] {
      font-size: 220px;
    }

    .sm\:text-\[44px\] {
      font-size: 44px;
    }

    .sm\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }

  @media (min-width: 768px) {
    .md\:order-1 {
      order: 1;
    }

    .md\:order-2 {
      order: 2;
    }

    .md\:mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }

    .md\:mx-\[50px\] {
      margin-left: 50px;
      margin-right: 50px;
    }

    .md\:-mt-\[135px\] {
      margin-top: -135px;
    }

    .md\:mb-16 {
      margin-bottom: 4rem;
    }

    .md\:mb-6 {
      margin-bottom: 1.5rem;
    }

    .md\:ml-10 {
      margin-left: 2.5rem;
    }

    .md\:mt-0 {
      margin-top: 0px;
    }

    .md\:mt-20 {
      margin-top: 5rem;
    }

    .md\:mt-\[50px\] {
      margin-top: 50px;
    }

    .md\:max-w-full {
      max-width: 100%;
    }

    .md\:max-w-lg {
      max-width: 32rem;
    }

    .md\:max-w-max {
      max-width: -moz-max-content;
      max-width: max-content;
    }

    .md\:max-w-none {
      max-width: none;
    }

    .md\:max-w-sm {
      max-width: 24rem;
    }

    .md\:max-w-xl {
      max-width: 36rem;
    }

    .md\:max-w-xs {
      max-width: 20rem;
    }

    .md\:columns-2 {
      -moz-columns: 2;
      columns: 2;
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1\.1fr_minmax\(0\2c _1fr\)\] {
      grid-template-columns: 1.1fr minmax(0, 1fr);
    }

    .md\:grid-cols-\[1\.3fr_minmax\(0\2c _1fr\)\] {
      grid-template-columns: 1.3fr minmax(0, 1fr);
    }

    .md\:grid-cols-\[1fr_auto_auto\] {
      grid-template-columns: 1fr auto auto;
    }

    .md\:grid-cols-\[minmax\(0\2c _1fr\)_0\.7fr\] {
      grid-template-columns: minmax(0, 1fr) 0.7fr;
    }

    .md\:grid-cols-\[minmax\(0\2c _1fr\)_1\.2fr\] {
      grid-template-columns: minmax(0, 1fr) 1.2fr;
    }

    .md\:grid-cols-\[minmax\(0\2c _1fr\)_1\.3fr\] {
      grid-template-columns: minmax(0, 1fr) 1.3fr;
    }

    .md\:grid-cols-\[minmax\(0\2c _1fr\)_1\.4fr\] {
      grid-template-columns: minmax(0, 1fr) 1.4fr;
    }

    .md\:grid-cols-\[minmax\(0\2c _auto\)_1fr\] {
      grid-template-columns: minmax(0, auto) 1fr;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:justify-normal {
      justify-content: normal;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-\[50px\] {
      gap: 50px;
    }

    .md\:gap-x-10 {
      -moz-column-gap: 2.5rem;
      column-gap: 2.5rem;
    }

    .md\:gap-y-\[30px\] {
      row-gap: 30px;
    }

    .md\:px-16 {
      padding-left: 4rem;
      padding-right: 4rem;
    }

    .md\:px-20 {
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .md\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }

    .md\:pb-36 {
      padding-bottom: 9rem;
    }

    .md\:pb-40 {
      padding-bottom: 10rem;
    }

    .md\:pb-\[265px\] {
      padding-bottom: 265px;
    }

    .md\:pt-0 {
      padding-top: 0px;
    }

    .md\:pt-32 {
      padding-top: 8rem;
    }

    .md\:pt-40 {
      padding-top: 10rem;
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-5xl {
      font-size: 3rem;
      line-height: 1;
    }

    .md\:text-6xl {
      font-size: 3.75rem;
      line-height: 1;
    }

    .md\:text-\[30px\] {
      font-size: 30px;
    }

    .md\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }

  @media (min-width: 992px) {
    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }

    .lg\:my-16 {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }

    .lg\:my-20 {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }

    .lg\:mb-10 {
      margin-bottom: 2rem;
    }

    .lg\:mb-12 {
      margin-bottom: 3rem;
    }

    .lg\:mb-16 {
      margin-bottom: 4rem;
    }

    .lg\:mb-20 {
      margin-bottom: 5rem;
    }

    .lg\:mb-24 {
      margin-bottom: 6rem;
    }

    .lg\:mb-9 {
      margin-bottom: 2.25rem;
    }

    .lg\:mb-\[50px\] {
      margin-bottom: 50px;
    }

    .lg\:ml-20 {
      margin-left: 5rem;
    }

    .lg\:mt-12 {
      margin-top: 3rem;
    }

    .lg\:mt-14 {
      margin-top: 3.5rem;
    }

    .lg\:mt-50 {
      margin-top: 1rem;
    }

    .lg\:mt-16 {
      margin-top: 4rem;
    }

    .lg\:inline-block {
      display: inline-block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:h-\[35rem\] {
      height: 35rem;
    }

    .lg\:h-\[45px\] {
      height: 45px;
    }

    .lg\:h-\[550px\] {
      height: 550px;
    }

    .lg\:h-\[60px\] {
      height: 60px;
    }

    .lg\:w-\[375px\] {
      width: 375px;
    }

    .lg\:w-\[45px\] {
      width: 45px;
    }

    .lg\:w-\[60px\] {
      width: 60px;
    }

    .lg\:max-w-2xl {
      max-width: 42rem;
    }

    .lg\:max-w-3xl {
      max-width: 48rem;
    }

    .lg\:max-w-4xl {
      max-width: 56rem;
    }

    .lg\:max-w-\[600px\] {
      max-width: 600px;
    }

    .lg\:max-w-\[636px\] {
      max-width: 636px;
    }

    .lg\:max-w-\[768px\] {
      max-width: 768px;
    }

    .lg\:max-w-xl {
      max-width: 36rem;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr\2c minmax\(416px\2c _0\.45fr\)\] {
      grid-template-columns: 1fr minmax(416px, 0.45fr);
    }

    .lg\:grid-cols-\[1fr\2c minmax\(416px\2c _0\.5fr\)\] {
      grid-template-columns: 1fr minmax(416px, 0.5fr);
    }

    .lg\:grid-cols-\[minmax\(0\2c _\.75fr\)_1fr\] {
      grid-template-columns: minmax(0, .75fr) 1fr;
    }

    .lg\:grid-cols-\[minmax\(0\2c _1\.2fr\)_auto\] {
      grid-template-columns: minmax(0, 1.2fr) auto;
    }

    .lg\:grid-cols-\[minmax\(354px\2c _auto\)_1fr\] {
      grid-template-columns: minmax(354px, auto) 1fr;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:gap-20 {
      gap: 5rem;
    }

    .lg\:gap-\[60px\] {
      gap: 60px;
    }

    .lg\:gap-x-14 {
      -moz-column-gap: 3.5rem;
      column-gap: 3.5rem;
    }

    .lg\:gap-x-20 {
      -moz-column-gap: 5rem;
      column-gap: 5rem;
    }

    .lg\:gap-x-28 {
      -moz-column-gap: 7rem;
      column-gap: 7rem;
    }

    .lg\:gap-x-\[86px\] {
      -moz-column-gap: 86px;
      column-gap: 86px;
    }

    .lg\:gap-y-12 {
      row-gap: 3rem;
    }

    .lg\:gap-y-14 {
      row-gap: 3.5rem;
    }

    .lg\:gap-y-20 {
      row-gap: 5rem;
    }

    .lg\:gap-y-3 {
      row-gap: 0.75rem;
    }

    .lg\:rounded-\[50px\] {
      border-radius: 50px;
    }

    .lg\:rounded-\[20px\] {
      border-radius: 20px;
    }

    .lg\:rounded-bl-\[50px\] {
      border-bottom-left-radius: 50px;
    }

    .lg\:rounded-br-\[50px\] {
      border-bottom-right-radius: 50px;
    }

    .lg\:rounded-tl-\[50px\] {
      border-top-left-radius: 50px;
    }

    .lg\:rounded-tr-\[50px\] {
      border-top-right-radius: 50px;
    }

    .lg\:px-\[100px\] {
      padding-left: 100px;
      padding-right: 100px;
    }

    .lg\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }

    .lg\:pb-24 {
      padding-bottom: 6rem;
    }

    .lg\:pb-28 {
      padding-bottom: 7rem;
    }

    .lg\:pt-10 {
      padding-top: 2.5rem;
    }

    .lg\:pt-28 {
      padding-top: 7rem;
    }

    .lg\:pt-32 {
      padding-top: 8rem;
    }

    .lg\:pt-40 {
      padding-top: 10rem;
    }

    .lg\:pt-44 {
      padding-top: 11rem;
    }

    .lg\:pt-7 {
      padding-top: 1.75rem;
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }

    .lg\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

    .lg\:text-3x2 {
      font-size: 1.8rem;
      line-height: 2rem;
    }

    .lg\:text-6xl {
      font-size: 3.75rem;
      line-height: 1;
    }

    .lg\:text-7xl {
      font-size: 4.5rem;
      line-height: 1;
    }

    .lg\:text-8xl {
      font-size: 4rem;
      line-height: 1;
    }

    .lg\:text-\[16px\] {
      font-size: 16px;
    }

    .lg\:text-\[21px\] {
      font-size: 21px;
    }

    .lg\:text-\[24px\] {
      font-size: 24px;
    }

    .lg\:text-\[28px\] {
      font-size: 28px;
    }

    .lg\:text-\[300px\] {
      font-size: 300px;
    }

    .lg\:text-\[60px\] {
      font-size: 60px;
      letter-spacing: 1px;
    }

    .lg\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

    .lg\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }

    .lg\:leading-5 {
      line-height: 1.25rem;
    }

    .lg\:leading-normal {
      line-height: 1.5;
    }

    .group:nth-child(odd) .lg\:group-odd\:h-\[550px\] {
      height: 550px;
    }

    .group:nth-child(even) .lg\:group-even\:h-\[750px\] {
      height: 750px;
    }
  }

  @media (min-width: 1200px) {
    .xl\:right-\[50px\] {
      right: 50px;
    }

    .xl\:order-2 {
      order: 2;
    }

    .xl\:my-20 {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }

    .xl\:mb-20 {
      margin-bottom: 5rem;
    }

    .xl\:mb-6 {
      margin-bottom: 1.5rem;
    }

    .xl\:mb-\[30px\] {
      margin-bottom: 30px;
    }

    .xl\:ml-32 {
      margin-left: 8rem;
    }

    .xl\:mt-14 {
      margin-top: 3.5rem;
    }

    .xl\:mt-20 {
      margin-top: 5rem;
    }

    .xl\:mt-\[70px\] {
      margin-top: 70px;
    }

    .xl\:h-\[494px\] {
      height: 494px;
    }

    .xl\:h-full {
      height: 100%;
    }

    .xl\:w-\[250px\] {
      width: 250px;
    }

    .xl\:w-\[526px\] {
      width: 526px;
    }

    .xl\:max-w-3xl {
      max-width: 48rem;
    }

    .xl\:max-w-\[1000px\] {
      max-width: 1000px;
    }

    .xl\:max-w-\[1076px\] {
      max-width: 1076px;
    }

    .xl\:max-w-\[480px\] {
      max-width: 480px;
    }

    .xl\:max-w-\[677px\] {
      max-width: 677px;
    }

    .xl\:max-w-\[680px\] {
      max-width: 680px;
    }

    .xl\:max-w-\[745px\] {
      max-width: 745px;
    }

    .xl\:max-w-\[746px\] {
      max-width: 746px;
    }

    .xl\:max-w-\[800px\] {
      max-width: 800px;
    }

    .xl\:max-w-\[840px\] {
      max-width: 840px;
    }

    .xl\:max-w-\[846px\] {
      max-width: 846px;
    }

    .xl\:max-w-\[856px\] {
      max-width: 856px;
    }

    .xl\:max-w-\[950px\] {
      max-width: 950px;
    }

    .xl\:max-w-\[980px\] {
      max-width: 980px;
    }

    .xl\:translate-y-12 {
      --tw-translate-y: 3rem;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[1fr_auto_auto_1fr\] {
      grid-template-columns: 1fr auto auto 1fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _\.8fr\)_1fr\] {
      grid-template-columns: minmax(0, .8fr) 1fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _1\.2fr\)_1fr\] {
      grid-template-columns: minmax(0, 1.2fr) 1fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _1\.3fr\)_1fr\] {
      grid-template-columns: minmax(0, 1.3fr) 1fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _1\.6fr\)_1fr\] {
      grid-template-columns: minmax(0, 1.6fr) 1fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _1fr\)_\.8fr\] {
      grid-template-columns: minmax(0, 1fr) .8fr;
    }

    .xl\:grid-cols-\[minmax\(0\2c _1fr\)_1\.1fr\] {
      grid-template-columns: minmax(0, 1fr) 1.1fr;
    }

    .xl\:grid-cols-\[minmax\(400px\2c _1fr\)_1\.5fr\] {
      grid-template-columns: minmax(400px, 1fr) 1.5fr;
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:justify-normal {
      justify-content: normal;
    }

    .xl\:justify-normal-2 {
      justify-content: space-around;
    }

    .xl\:gap-16 {
      gap: 2rem;
    }

    .xl\:gap-18 {
      gap: 3rem;
    }

    .xl\:gap-20 {
      gap: 5rem;
    }

    .xl\:gap-24 {
      gap: 6rem;
    }

    .xl\:gap-28 {
      gap: 7rem;
    }

    .xl\:gap-x-20 {
      -moz-column-gap: 5rem;
      column-gap: 5rem;
    }

    .xl\:gap-x-24 {
      -moz-column-gap: 6rem;
      column-gap: 6rem;
    }

    .xl\:gap-x-\[110px\] {
      -moz-column-gap: 110px;
      column-gap: 110px;
    }

    .xl\:gap-x-\[134px\] {
      -moz-column-gap: 134px;
      column-gap: 134px;
    }

    .xl\:gap-x-\[94px\] {
      -moz-column-gap: 94px;
      column-gap: 94px;
    }

    .xl\:gap-y-20 {
      row-gap: 5rem;
    }

    .xl\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }

    .xl\:px-\[100px\] {
      padding-left: 100px;
      padding-right: 100px;
    }

    .xl\:py-24 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .xl\:py-12 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .xl\:py-\[100px\] {
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .xl\:py-\[130px\] {
      padding-top: 130px;
      padding-bottom: 130px;
    }

    .xl\:pb-\[100px\] {
      padding-bottom: 100px;
    }

    .xl\:pb-\[130px\] {
      padding-bottom: 130px;
    }

    .xl\:pb-\[150px\] {
      padding-bottom: 150px;
    }

    .xl\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .xl\:pb-\[220px\] {
      padding-bottom: 220px;
    }

    .xl\:pb-\[90px\] {
      padding-bottom: 90px;
    }

    .xl\:pt-40 {
      padding-top: 10rem;
    }

    .xl\:pt-\[90px\] {
      padding-top: 90px;
    }

    .xl\:pt-\[100px\] {
      padding-top: 122px;
    }

    .xl\:pt-\[122px\] {
      padding-top: 122px;
    }

    .xl\:pt-\[130px\] {
      padding-top: 130px;
    }

    .xl\:pt-\[150px\] {
      padding-top: 150px;
    }

    .xl\:pt-\[180px\] {
      padding-top: 180px;
    }

    .xl\:pt-\[195px\] {
      padding-top: 195px;
    }

    .xl\:pt-\[224px\] {
      padding-top: 224px;
    }

    .xl\:pt-\[53px\] {
      padding-top: 53px;
    }

    .xl\:pt-\[65px\] {
      padding-top: 65px;
    }

    .xl\:pt-\[68px\] {
      padding-top: 68px;
    }

    .xl\:pt-\[30px\] {
      padding-top: 30px;
    }

    .xl\:pt-\[0px\] {
      padding-top: 0px;
    }

    .xl\:text-left {
      text-align: left;
    }

    .xl\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }

    .xl\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

    .xl\:text-7xl {
      font-size: 4.5rem;
      line-height: 1;
    }

    .xl\:text-8xl {
      font-size: 4.9rem;
      line-height: 1.25;
      letter-spacing: 1px;
    }

    .xl\:text-9xl {
      font-size: 4.5rem;
      line-height: 1.25;
      letter-spacing: 1px;
      font-weight: 500;
    }

    .xl\:text-\[100px\] {
      font-size: 100px;
    }

    .xl\:text-\[18px\] {
      font-size: 18px;
    }

    .xl\:text-\[21px\] {
      font-size: 21px;
    }

    .xl\:text-\[350px\] {
      font-size: 350px;
    }

    .xl\:text-\[40px\] {
      font-size: 40px;
    }

    .xl\:text-\[58px\] {
      font-size: 58px;
      letter-spacing: 1px;
    }

    .xl\:text-\[60px\] {
      font-size: 60px;
    }

    .xl\:text-\[64px\] {
      font-size: 64px;
    }

    .xl\:text-\[70px\] {
      font-size: 70px;
    }

    .xl\:text-\[75px\] {
      font-size: 75px;
    }

    .xl\:text-\[80px\] {
      font-size: 80px;
    }
  }

  @media (min-width: 1400px) {
    .xxl\:left-\[50px\] {
      left: 50px;
    }

    .xxl\:right-auto {
      right: auto;
    }

    .xxl\:mt-\[100px\] {
      margin-top: 100px;
    }

    .xxl\:mt-\[80px\] {
      margin-top: 80px;
    }

    .xxl\:flex {
      display: flex;
    }

    .xxl\:h-\[400px\] {
      height: 400px;
    }

    .xxl\:h-\[60px\] {
      height: 60px;
    }

    .xxl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xxl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xxl\:grid-cols-\[1fr_minmax\(800px\2c _1fr\)\] {
      grid-template-columns: 1fr minmax(800px, 1fr);
    }

    .xxl\:flex-row {
      flex-direction: row;
    }

    .xxl\:flex-wrap {
      flex-wrap: wrap;
    }

    .xxl\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .xxl\:items-center {
      align-items: center;
    }

    .xxl\:items-baseline {
      align-items: baseline;
    }

    .xxl\:gap-32 {
      gap: 8rem;
    }

    .xxl\:gap-\[134px\] {
      gap: 134px;
    }

    .xxl\:gap-x-20 {
      -moz-column-gap: 5rem;
      column-gap: 5rem;
    }

    .xxl\:gap-x-32 {
      -moz-column-gap: 8rem;
      column-gap: 8rem;
    }

    .xxl\:gap-x-\[196px\] {
      -moz-column-gap: 196px;
      column-gap: 196px;
    }

    .xxl\:py-32 {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }

    .xxl\:pb-\[133px\] {
      padding-bottom: 133px;
    }

    .xxl\:pl-16 {
      padding-left: 4rem;
    }

    .xxl\:pr-28 {
      padding-right: 7rem;
    }

    .xxl\:pt-\[195px\] {
      padding-top: 195px;
    }

    .xxl\:pt-\[200px\] {
      padding-top: 200px;
    }

    .xxl\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

    .xxl\:text-\[100px\] {
      font-size: 100px;
    }

    .xxl\:text-\[120px\] {
      font-size: 120px;
    }

    .xxl\:text-\[28px\] {
      font-size: 28px;
    }

    .xxl\:text-\[30px\] {
      font-size: 30px;
    }

    .xxl\:text-\[80px\] {
      font-size: 80px;
    }

    .xxl\:hover\:after\:scale-x-100:hover::after {
      content: var(--tw-content);
      --tw-scale-x: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }

  @media (max-width: 576px) {
    .no-mobile-hover:hover {
      border-color: inherit;
      text-decoration: none;
    }
  }

  @media (max-width: 576px) {
    .button.mobile-no-hover {
      text-color: white;
    }
  }

  @media (max-width: 576px) {
    .sectopup {
      margin-top: 20px;
    }

    .bg-cover {
      bottom: -3px;
    }

    .chittim {
      font-size: 37px;
      font-weight: 400;
    }

    .bg-colorCodGray {
      display: none;
    }

    .after\:scale-x-0::after {
      display: none;
    }

    .chittip {
      font-size: 17px;
      font-weight: 300;
      line-height: 1.40;
    }

    .Digitalm {
      font-size: 30px;
      font-weight: 500;
    }

    .meetsinnovationclients {
      color: #0DC6F6;
      font-size: 22px;
      font-weight: 500;
    }

    .imgsizeingforclients {
      width: 100%;
      height: 194px;
    }

    .Digitalmclients {
      font-size: 23px;
      font-weight: 500;
    }

    .Digitalp {
      font-size: 18px;
      font-weight: 200;
      line-height: 1.3;
    }

    .blogsi {
      font-weight: 500;
    }

    .vsnapcen {
      text-align: left;
    }

    .mbformob {
      margin-bottom: 14px;
    }

    .shadow-\[0_4px_80px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
      height: 362px;
    }

    .blogcheight {
      height: 155px;
    }

    .designuser {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }

    .vssolu {
      font-size: 2.25rem;
    }

    .min-h-\[440px\] {
      min-height: auto;
    }

    .h-style {
      height: auto;
    }

    .h-clients {
      height: auto;
    }

    .imagefact {
      display: none;
    }

    .price-button {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .desktopview {
      display: none;
    }

    .mobileview {
      display: block;
    }

    .contactdesk {
      display: none;
    }

    .contactmob {
      display: flex;
    }

    .mobilegap {
      margin-bottom: 24px;
      margin-top: -36px;
    }

    .sm\:text-\[20px\] {
      font-size: 20px;
    }

    .sm-height {
      height: auto;
    }

    .sm-h-\[100px\] {
      height: 230px;
    }

    .sm-h-\[250px\] {
      height: 400px;
    }

    .sm-h-\[170px\] {
      height: 334px;
    }

    table {
      border-collapse: collapse;
      width: 100%;
      table-layout: fixed;
      display: block;
    }

    td,
    th {
      padding: 5px;
    }

    thead tr {
      background: #888;
      color: #eee;
    }

    tbody {
      display: block;
      height: 500px;
      overflow-y: scroll;
    }

    .scrollhight {
      display: block;
      height: 500px;
      overflow-y: scroll;
    }

    .liteblack {
      background-color: #363636;
    }

    .darkblack {
      background-color: #1E1D1D;
    }

    .cross_line {
      position: relative;
      font-size: 37px;
      opacity: 75%;
    }

    .cross_line::after {
      content: "";
      display: block;
      width: 100%;
      height: 5px;
      background-color: red;
      position: absolute;
      top: 47%;
      left: 0;
      width: 68px;
      transform: rotate(26deg);
    }

    .cross_lines {
      position: relative;
      font-size: 37px;
      opacity: 75%;
    }

    .cross_lines::after {
      content: "";
      display: block;
      width: 100%;
      height: 5px;
      background-color: red;
      position: absolute;
      top: 44%;
      left: -4px;
      width: 52px;
      transform: rotate(28deg);
    }

    th.liteblack {
      width: calc(87% / 3);
      text-align: center;
    }

    th.liteblacks {
      width: calc(82% / 3);
      text-align: center;
    }

    .bluelogocenter {
      display: flex;
      justify-content: center;
    }

    .welpop {
      font-size: 19px;
      font-weight: 600;
    }

    .welmess {
      font-size: 14px;
      font-weight: 400;
    }

    .buttoning {
      position: relative;
      z-index: 1;
      display: inline-flex;
      overflow: hidden;
      border-width: 1px;
      padding-left: 8px;
      padding-right: 3px;
      padding-top: 4px;
      padding-bottom: 4px;
      text-align: center;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 500;
      line-height: 1.5;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 300ms;
      color: #0DC6F6;
      border-color: #0DC6F6;
    }

    .bg-\[url\(\.\.\/img\/th-2\/footer0-1\.webp\)\] {
      background-image: none;
      background-position: center;
      background-color: #121212;
    }

    .height-top {
      max-width: 100%;
    }

    .chitti {
      height: auto;
    }

    .w-\[500\%\] {
      width: 1800%;
    }

    .w-\[200\%\] {
      width: 1000%;
    }

    .animate-pulse {
      margin-top: 20px;
    }

    .fonth2 {
      font-size: 24px;
      line-height: 1.3;
    }

    .contactform {
      font-size: 20px;
    }

    .links {
      display: none;
    }

    .contact-form-wrapper {
      width: 100%;
    }
  }

  @media (max-width: 430px) {
    .sm-h-\[100px\] {
      height: 174px;
    }

    .sm-h-\[250px\] {
      height: 380px;
    }

    .sm-h-\[170px\] {
      height: 250px;
    }

    .bloghead {
      white-space: nowrap;
      max-width: 216px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  @media (max-width: 414px) {
    th.liteblacks {
      width: calc(78% / 3);
      text-align: center;
    }

    .bloghead {
      white-space: nowrap;
      max-width: 210px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .shadow-\[0_4px_80px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
      height: 356px;
    }
  }

  @media (max-width: 390px) {
    .bloghead {
      white-space: nowrap;
      max-width: 190px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blogcheight {
      height: 167px;
    }
  }

  @media (max-width: 375px) {
    .sm-h-\[100px\] {
      height: 130px;
    }

    .sm-h-\[250px\] {
      height: 300px;
    }

    .sm-h-\[170px\] {
      height: 194px;
    }

    .bloghead {
      white-space: nowrap;
      max-width: 174px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blogcheight {
      height: 175px;
    }
  }

  @media (max-width: 360px) {
    th.liteblack {
      width: calc(96% / 3);
      text-align: center;
    }

    .bloghead {
      white-space: nowrap;
      max-width: 130px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  @media (max-width: 320px) {
    .peryear {
      font-size: 44px;
    }

    th.liteblack {
      width: calc(100% / 3);
      text-align: center;
    }

    th.liteblacks {
      width: calc(87% / 3);
      text-align: center;
    }

    .sm-h-\[250px\] {
      height: 250px;
    }

    .sm-h-\[100px\] {
      height: 100px;
    }

    .sm-h-\[170px\] {
      height: 170px;
    }

    .bloghead {
      white-space: nowrap;
      max-width: 118px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .accordion-header p {
      font-size: 28px;
    }

    .icon-size {
      width: 18px;
      height: 18px;
    }

    .bg-cover {
      bottom: -1px;
    }

    .shadow-\[0_4px_80px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
      height: 330px;
    }

    .blogcheight {
      height: 180px;
    }
  }

  .specialOffer-container-whole-wrapper {
    background: linear-gradient(to right, #F39E09, #FFA500);
    border-radius: 6px;
    padding: 3px;
    display: inline-block;
    box-shadow: 0px 11px 62px 0px #F39E0924;
    backdrop-filter: blur(25px);
    width: 100%;
  }

  .specialOffer-container-whole {
    border-radius: 6px;
    background: radial-gradient(circle at 7.79% 5.87%, rgba(255, 165, 0, 0.08) 0%, rgba(243, 158, 9, 0.02) 100%), #0f0f0f;
    box-shadow: 0 0 40px rgba(243, 158, 9, 0.2);
  }

  .specialOffer-top-container {
    backdrop-filter: blur(50px);
    background: #ffffff1a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 34px 34px;
    border-bottom: 1px solid #FFFFFF69;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }

  .princing-p {
    line-height: 1;
  }

  .pricing-button {
    background-color: #F39E09;
    border: 1px solid #FFFFFF33;
    box-shadow: 0px 4px 25px 0px #FFA5004F;
    box-shadow: 0px 4px 4px 0px #FFFFFF40 inset;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    border-radius: 28px;
    padding: 13px 104px;
    cursor: pointer;
  }

  .pricingoffer-title {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 50px;
    letter-spacing: -1px;
    color: #F39E09;
    line-height: 1;
    margin-bottom: 20px;
  }

  .pricingoffer-subtitle {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0px;
    color: #FFFFFF;
  }

  .pricing-startfrom {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 34px;
    letter-spacing: 0px;
  }

  .pricing-pricefrom {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 44px;
    letter-spacing: 0px;
    background: linear-gradient(180deg, #F39E09 0%, #FFC969 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }

  .pricing-priceduration {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #FFFFFF;
  }

  .specialOffer-top-container-two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 24px;
  }

  .specialOffer-bottom-threeeach {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }

  .pricing-tickimg {
    margin-top: 10px;
  }

  .specialOffer-bottom-threeContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .specialOffer-bottom-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 32px 56px;
    padding: 40px 30px;
    background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1.7px, transparent 0);
    background-position: 0 0;
    background-size: 40px 40px;
  }

  .specialOffer-bottom-txt {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-wrap-mode: nowrap;
  }

  .spe-btn-containerWhole-external {
    width: 100%;
    background: #FFFFFF1A;
    backdrop-filter: blur(5px);
    padding: 6px 0px;
    position: fixed;
    bottom: 0px;
    z-index: 9;
    border-top: 1px solid #ffffff82;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .spe-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 81%;
    padding: 4px 0;
    background: linear-gradient(180deg, #F39E09 0%, #FEAE20 106.83%);
    border: 4px solid rgb(253 237 207 / 57%);
    border-radius: 500px;
    box-shadow: 0 0 18px rgba(243, 158, 9, 0.5), 0px 4px 14px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .spe-btn-container::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 500px;
    border: 4px solid rgba(243, 158, 9, 0.6);
    filter: blur(6px);
    z-index: -1;
  }

  .specoffer-title-txt {
    font-family: 'poppins';
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -1px;
    color: #F39E09;
    line-height: 1;
    margin-bottom: 12px;
  }

  .specoffer-sub-txt {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    color: #FFFFFF;
    line-height: 1;
    border-bottom: 0.8px solid #FFFFFF;
    margin-bottom: 10px !important;
    padding-bottom: 12px;
  }

  .starting-from {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 10px;
  }

  .starting-cash {
    background: linear-gradient(180deg, #F39E09 0%, #FFC969 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 14px;
  }

  .starting-month {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
  }

  .specoffer-txt {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
  }

  .special-offer-containerWhole-bg {
    background-color: #272727E3;
    height: 100dvh;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
  }

  .special-offer-containerWhole {
    position: fixed;
    min-height: 100dvh;
    width: 100%;
    top: 1000px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 8px;
    transition: all 0.7s ease-in-out;
  }

  .special-offer-containerWhole.active {
    top: 0px;
  }

  .special-offer-container {
    background-color: #14110A33;
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top: 1px solid #ffffffd1;
    backdrop-filter: blur(5px);
    padding: 18px 13px;
    padding-bottom: 0px;
  }

  .close-btn-container {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .close-btn-svg {
    width: 100%;
    height: 100%;
  }

  .special-offer-innercontainer {
    box-shadow: 0px 11px 62px 0px #F39E0924, -12px 12px 26.8px 0px #00000021 inset;
    padding: 10px;
    background: radial-gradient(79.33% 147.45% at 7.79% 115.87%, rgba(255, 165, 0, 0.15) 0%, rgba(243, 158, 9, 0.04) 110%);
  }

  .special-offer-innerinnercontainer-wrapper {
    border-radius: 6px;
    background: radial-gradient(circle at 7.79% 5.87%, rgba(255, 165, 0, 0.08) 0%, rgba(243, 158, 9, 0.02) 100%), #0f0f0f;
    box-shadow: 0 0 40px rgba(243, 158, 9, 0.2);
  }

  .special-offer-innercontainer-wrapper {
    border: 1px solid #ffa500;
    border-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-bottom: 0px;
    box-shadow: 0px 11px 62px 0px #F39E0924;
    width: 100%;
    background-image: radial-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 0);
    background-position: 0 0;
    background-size: 40px 40px;
  }

  .specoffer-container-each {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    width: 100%;
    border-bottom: 1px solid #5F5F5F;
    padding-bottom: 10px;
  }

  .specoffer-container-eachWhole {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 10px;
  }

  .starting-from-container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  .specoffer-btn {
    width: 100%;
    box-shadow: 0px 4px 25px 0px #FFA5004F, 0px 4px 4px 0px #FFFFFF40 inset;
    background-color: #F39E09;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 28px;
    padding: 7px 0px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    margin: 17px 0px;
    margin-bottom: 4px;
  }

  .site-menu-main .nav-item.active>.nav-link-item {
    color: #0DC6F6;
  }

  .vsnap-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    .vsnap-banner-video {
      width: 100%;
      height: 100vh;
      object-fit: cover;
      display: block;
    }

    .vsnap-container {
      position: absolute;
      border-radius: 0 30px 30px 0;
      padding: 30px 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      top: 10%;
    }

    .banner-txt {
      background: radial-gradient(100.49% 585.84% at 50% 50%, #000000 0%, #1055E1 100%);
      border: 1px solid #0959F8;
      border-radius: 100px;
      font-family: 'Be Vietnam Pro';
      font-weight: 500;
      font-size: 18px;
      letter-spacing: 0.18px;
      color: #FFFFFF;
      width: fit-content;
      padding: 7px 17px;
      margin-bottom: 0;
    }

    .banner-head {
      font-family: 'Be Vietnam Pro';
      font-weight: 600;
      font-size: 58px;
      letter-spacing: 0.58px;
      margin-bottom: 0;

      background-image: url('../img/banner/banner-txt-bg.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }

    .banner-para {
      font-family: 'Be Vietnam Pro';
      font-weight: 300;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.18px;
      color: #FFFFFF;
      text-align: center;
    }

    @media (max-width:900px) {
      .desktopviewb {
        display: none;
      }

      .mobileviewb {
        display: block;
      }

      .banner-head {
        font-size: 36px;
        line-height: 46px;
        text-align: center;
        margin-bottom: 10px;
      }

      .banner-para {
        font-weight: 300;
        font-size: 12px;
        line-height: 23px;
        text-align: center;
      }

      .banner-txt {
        font-size: 12px;
        margin-bottom: 15px;
        padding: 6px 12px;
      }

      .vsnap-container {
        padding: 20px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 14%;
      }
    }

    @media (min-width:901px) {
      .desktopviewb {
        display: block;
      }

      .mobileviewb {
        display: none;
      }

      .curve-footer {
        top: -77px;
      }

      .simplihi-body .cta-button:hover {
        color: #43B164;
      }
    }

    @media (min-width:420px) and (max-width:600px) {
      .banner-txt {
        font-size: 22px;
        padding: 8px 18px;
      }

      .banner-head {
        font-size: 46px;
        line-height: 56px;
      }

      .banner-para {
        font-size: 22px;
        line-height: 33px;
      }
    }
  }

  @media (max-width:900px) {
    .unleash-digital {
      padding-top: 30px;
    }

    .copy-footer {
      font-size: 14px;
      margin-bottom: 8px;
    }


  }

  .ravillaestates {
    background-image: url(../img/clients/ravillaestatebanner.png);
    background-repeat: round;
  }

  /* solutions */
  .padding {
    padding-top: 5rem;
  }

  :root {
    --bg: #0a0e1a;
    --bg-2: #0d1226;
    --panel: #11162c;
    --line: rgba(255, 255, 255, .08);
    --txt: #e9ecf7;
    --muted: #9aa3c0;
    --accent: #5b8cff;
    --accent-2: #36e0d6;
    --grad: linear-gradient(135deg, #5b8cff 0%, #36e0d6 100%);
  }

  * {
    box-sizing: border-box;
  }

  body {
    background: var(--bg);
    color: var(--txt);
    font-family: 'poppins';
    overflow-x: hidden;
  }

  /* h1,h2,h3,h4,.display-font{
      font-family:'Space Grotesk', sans-serif;
    } */
  .solutions-padding {
    padding-top: 4rem;
  }

  .solutionscss {
    .accent-text {
      background: var(--grad);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 12px !important;
    }


    /* Background ambience */
    .bg-glow {
      position: fixed;
      inset: 0;
      z-index: 0;
      background: #000000;
      pointer-events: none;
    }

    .grid-lines {
      position: fixed;
      inset: 0;
      z-index: 0;
      background-image:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: radial-gradient(circle at 50% 0%, black 0%, transparent 70%);
      pointer-events: none;
    }

    .content-wrap {
      position: relative;
      z-index: 1;
    }

    /* Navbar */
    .navbar-custom {
      background: rgba(10, 14, 26, .7);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--line);
    }

    .navbar-brand {
      font-family: 'poppins';
      font-weight: 700;
      font-size: 1.4rem;
      letter-spacing: .5px;
    }

    /* Hero */

    .hero h1 {
      font-size: clamp(2.4rem, 5vw, 3.8rem);
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: -1px;
    }


    .hero-sub {
      color: var(--muted);
      font-size: 1.15rem;
      max-width: 560px;
      margin-bottom: 0;
      background: linear-gradient(92.63deg,
          #1A51D5 -9.05%,
          #32B7FF 3.62%,
          #3BDFFD 16.29%,
          #7DFDFA 28.95%,
          #F6FEF3 41.62%,
          #7CFEF3 54.29%,
          #33E1F5 66.96%,
          #30BAF4 79.63%,
          #298DF7 92.3%,
          #2148AB 117.39%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      display: inline-block;
      margin-top: 0;
    }

    .orb-art {
      position: relative;
      height: 420px;
    }

    .orb-core {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 200px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: radial-gradient(circle at 35% 30%, #7fa6ff, #1c3a8c 60%, #0a0e1a 100%);
      box-shadow: 0 0 90px rgba(91, 140, 255, .55), 0 0 160px rgba(54, 224, 214, .25);
      animation: pulse 4s ease-in-out infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        transform: translate(-50%, -50%) scale(1);
      }

      50% {
        transform: translate(-50%, -50%) scale(1.04);
      }
    }

    .ring {
      position: absolute;
      top: 50%;
      left: 50%;
      border: 1px solid rgba(91, 140, 255, .35);
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }

    .ring1 {
      width: 280px;
      height: 280px;
      animation: spin 18s linear infinite;
    }

    .ring2 {
      width: 360px;
      height: 360px;
      border-style: dashed;
      animation: spin 30s linear infinite reverse;
    }

    @keyframes spin {
      from {
        transform: translate(-50%, -50%) rotate(0deg);
      }

      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }

    .float-chip {
      position: absolute;
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: .5rem .9rem;
      font-size: .8rem;
      font-weight: 500;
      box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
      animation: floaty 5s ease-in-out infinite;
    }

    @keyframes floaty {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-12px);
      }
    }

    .chip-mail {
      top: 8%;
      left: 2%;
      animation-delay: .2s;
    }

    .chip-docs {
      top: 18%;
      right: 0%;
      animation-delay: 1s;
    }

    .chip-sheets {
      bottom: 14%;
      left: 0%;
      animation-delay: 1.6s;
    }

    .chip-bot {
      bottom: 2%;
      right: 6%;
      animation-delay: .6s;
    }


    /* CTA */
    .cta-section {
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    /* mobile */
    @media (max-width:900px) {
      .d-desktop {
        display: none;
      }

      .d-mobile {
        display: block;
      }

      .curve-footer {
        position: absolute;
        top: -80px;
        z-index: 9;
      }

      .btn-one {
        gap: 20px;
      }

      .green-sheets {
        margin-bottom: 46px;
      }

      .marquee-track img {
        /* adjust to your logo size */
        flex-shrink: 0;
        display: inline-block;
        width: auto;
        height: 30px;
        margin-right: 0px;
        vertical-align: middle;
      }

      .marquee-track {
        gap: 40px;
      }

      .content-para {
        margin-bottom: 12px;
      }

      .docs-para {
        margin-bottom: 40px;
      }

      .mini1 {
        width: 40%;
      }

      .mini2 {
        padding-left: 10px;
      }

      .mini3 {
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
      }


      .section-eco {
        display: flex;
        justify-content: center;
      }

      .btn-outline-glow {
        font-family: Poppins;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -0.16px;
        background: linear-gradient(90deg,
            #1A51D5 0%,
            #32B7FF 10%,
            #3BDFFD 20%,
            #7DFDFA 30%,
            #F6FEF3 40%,
            #7CFEF3 50%,
            #33E1F5 60%,
            #30BAF4 70%,
            #298DF7 80%,
            #2148AB 99.8%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        display: inline-block;
        gap: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        border-radius: 12px;
        border-width: 1px;
        border: 1px solid transparent;
        border-image: linear-gradient(180deg,
            rgba(15, 114, 253, 0.1) 0%,
            rgba(16, 115, 254, 0.1) 50%,
            rgba(0, 100, 253, 0.1) 100%) 1;



      }

      .btn-book {
        position: relative;
        width: 76%;
        padding: 10px 46px;
      }

      .btn-book::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1px;
        /* Border thickness */
        border-radius: inherit;

        background: linear-gradient(90deg,
            #1A51D5 0%,
            #32B7FF 10%,
            #3BDFFD 20%,
            #7DFDFA 30%,
            #F6FEF3 40%,
            #7CFEF3 50%,
            #33E1F5 60%,
            #30BAF4 70%,
            #298DF7 80%,
            #2148AB 100%);

        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }

      .section-label {
        display: inline-flex;
        gap: .5rem;
        border-color: #A2A2A2;
        font-family: Poppins;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 5%;
        text-align: center;
        text-transform: uppercase;
        color: #30ABD5;
      }

      .text-muted-c {
        color: #ffffff !important;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: left;

      }

      .orb-art {
        height: 300px;
        margin-top: 2rem;
      }

      .hero-test {
        /* Layout */
        width: 100%;
        padding: 0 0 2rem;
        text-align: center;
        display: flex;
        align-items: flex-start;

        /* Image */
        background-image: url(../img/solutions-mb.avif);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;

        /* Aspect-ratio lock — replace 800/650 with your SVG's real viewBox width/height */
        aspect-ratio: 540/ 760;
        height: auto;
        /* remove any fixed vh height */
      }

      .hero-sub {
        margin-left: auto;
        margin-right: auto;
        font-family: Poppins;
        font-weight: 500;
        font-size: 36px;
        letter-spacing: 0px;
        text-align: center;
        margin-top: 0;

      }

      .hero-title {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0;
      }

      .heading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .section-label {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        background: #FFFFFF1A;
        border-radius: 60px;
        padding: 6px 12px;
        margin-bottom: 16px;
        justify-content: center;
        display: flex;
        align-items: center;
        width: fit-content
      }

      .stat-join {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        margin-bottom: 0px;


      }

      .solutions-grad {
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        display: inline-block;
        Line-height: 42px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 30px;
        letter-spacing: 0px;
        text-align: center;
      }

      .solutions-trust {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        color: #ffffff;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        display: inline-block;
      }

      .solutions-para {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: center;
        color: #0DC6F6 !important;
      }

      .solutions-graph {
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 0px;
      }

      .section-con {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        display: inline-block;

      }

      .section-by {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      .section-three {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        display: inline-block;
        margin-top: 14px;
      }

      .feature-one {
        width: 38%;
      }

      .feature-card {
        padding: 0px 8px 12px 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        transition: transform .3s ease, border-color .3s ease;
        border-bottom: 2px solid #2A2A2A;
      }

      .line-one {
        border-bottom: none;
      }

      .feature-seam {
        font-family: 'Be Vietnam Pro';
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0px;
        color: #FFFFFF;

      }

      .feature-all {
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: left;
      }

      .stat-card {
        background: #272727d1;
        border: 2px solid #FFFFFF1A;
        border-radius: 10px;
        /* padding: 1.8rem 1rem; */
        text-align: center;
        transition: transform .25s ease, border-color .25s ease;
      }

      .stat-number {
        font-family: 'poppins';
        font-size: 2.2rem;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
        margin-top: 10px;
        gap: 20px;
      }

      .stat-label {
        color: #A2A2A2;
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 0px;
      }

      .stat-line {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-bottom: 0;
      }

      .stat-box {
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0px;
        text-align: left;
        color: #E0E0E0;
        padding-left: 15px;
        margin-bottom: 5px;

      }

      .why-smart {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;

      }

      .why-simp {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;

      }

      .why-switch {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        text-align: center;
      }

      .blue {
        font-family: 'Be Vietnam Pro';
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0px;
        background: linear-gradient(180deg,
            #999999 -38.71%,
            #FFFFFF 67.74%,
            #999999 174.19%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
      }

      .blue-line {
        font-family: 'Be Vietnam Pro';
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: left;
        color: #ffffff;
        margin-top: 0;
      }

      .neon {
        position: relative;
        right: 0;
        top: 0;
        display: flex;
        justify-content: flex-end;

        .section-border .neon {
          margin-left: -24px;
          margin-right: -24px;
          margin-bottom: -24px;
          margin-top: 16px;
        }

        .section-border .neon img {
          display: block;
          width: 100%;
        }
      }

      .section-border {
        border: 1px solid var(--line);
        background: #181818;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        width: 100%;
        height: 100%;
      }

      .sec-one {
        padding: 10px;
      }

      .back-two {
        width: 100%;
      }

      .app-card {
        background: var(--panel);
        border: 0.6px solid var(--line);
        border-color: #0052A7;
        border-radius: 6px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: transform .3s ease, border-color .3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000516;


      }

      .app-link {
        font-family: Be Vietnam Pro;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #00BFFF;
        border: 1px solid;
        border-radius: 60px;
        padding: 5px 7px;
        text-decoration: none;
        background: #FFFFFF1A;
        border-color: #FFFFFF1A;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: fit-content;
      }

      .app-link1 {
        color: #03B958;
        font-family: Be Vietnam Pro;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        border: 1px solid;
        border-radius: 60px;
        padding: 5px 7px;
        text-decoration: none;
        background: #FFFFFF1A;
        border-color: #FFFFFF1A;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: fit-content;
        display: inline-flex;
        white-space: nowrap;
      }

      .app-link1 {
        white-space: nowrap;
      }

      .sent {
        width: 14px;
        height: auto;
        flex-shrink: 0;
      }

      .app-link2 {
        color: #D09315;
        font-family: Be Vietnam Pro;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        border: 1px solid;
        border-radius: 60px;
        padding: 3px 5px;
        text-decoration: none;
        background: #FFFFFF1A;
        border-color: #FFFFFF1A;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: fit-content;

      }

      .app-link3 {
        color: #A06FDF;
        font-family: Be Vietnam Pro;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        border: 1px solid;
        border-radius: 60px;
        padding: 5px 7px;
        text-decoration: none;
        background: #FFFFFF1A;
        border-color: #FFFFFF1A;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: fit-content;

      }

      .app-green {
        background: var(--panel);
        border: 0.6px solid var(--line);
        border-color: #78FFB5;
        border-radius: 6px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: transform .3s ease, border-color .3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000516;
      }

      .app-orange {
        background: var(--panel);
        border: 0.6px solid var(--line);
        border-color: #FFAD71;
        border-radius: 6px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: transform .3s ease, border-color .3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000516;
      }

      .app-purple {
        background: var(--panel);
        border: 0.6px solid var(--line);
        border-color: #BC67FF;
        border-radius: 6px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: transform .3s ease, border-color .3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000516;
      }


      .work {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      .task {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        display: inline-block;
      }

      .connect {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        display: inline-block;

      }

      .btn-grad {
        color: #ffffff;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -0.16px;
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        opacity: 1;
        border-radius: 12px;
      }

      .cta-ready {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
      }

      .cta-team {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;


      }

      .cta-line {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        display: inline-block;
        margin-top: 0;
        padding: 5px;
      }

      .app-mail {
        width: 50%;
        padding: 10px 10px 10px 10px;
      }

      .icon-mail {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        height: 100%;
      }

      .org {
        font-family: 'Be Vietnam Pro';
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        margin-top: 10px;

      }

      .app-sec {
        color: #DFEEFF;
        border: 1px solid #005FF933;
        font-family: 'Be Vietnam Pro';
        font-weight: 400;
        letter-spacing: 0px;
        border-radius: 60px;
        opacity: 1;
        padding: 1px 10px;
        margin-bottom: 0;
        font-size: 12px;
        border-radius: 60px;
        margin: 1rem;
        background: #005FF933;
      }

      .app-one {
        color: #68F3AD;
        border: 1px solid;
        font-family: 'Be Vietnam Pro';
        font-weight: 400;
        letter-spacing: 0px;
        border-radius: 60px;
        opacity: 1;
        padding: 1px 10px;
        margin-bottom: 0;
        font-size: 12px;
        border-radius: 60px;
        margin: 1rem;
        background: #00934D33;

      }

      .app-two {
        color: #EC8E0F;
        border: 1px solid;
        font-family: 'Be Vietnam Pro';
        font-weight: 400;
        letter-spacing: 0px;
        border-radius: 60px;
        opacity: 1;
        padding: 1px 10px;
        margin-bottom: 0;
        font-size: 12px;
        border-radius: 60px;
        margin: 1rem 0.5rem;
        background: #EE750133;


      }

      .app-three {
        color: #DAAAFF;
        border: 1px solid;
        font-family: 'Be Vietnam Pro';
        font-weight: 400;
        letter-spacing: 0px;
        border-radius: 60px;
        opacity: 1;
        padding: 2px 10px;
        margin-bottom: 0;
        font-size: 12px;
        border-radius: 60px;
        margin: 1rem 0.5rem;
        background: #592CB733;

      }

      .progress-line {
        width: 130px;
        /* Change as needed */
        height: 3px;
        background: #1D1D1D;
        border-radius: 2px;
        overflow: hidden;
        margin: 10px auto;

      }

      .progress-fill {
        width: 36px;
        /* Blue line length */
        height: 100%;
        background: #017BF6;
        border-radius: 2px;
      }

      .progress-fill1 {
        width: 36px;
        /* Blue line length */
        height: 100%;
        background: #6CAD45;
        border-radius: 2px;
      }

      .progress-fill2 {
        width: 36px;
        /* Blue line length */
        height: 100%;
        background: #7E3ED7;
        border-radius: 2px;
      }

      .progress-fill3 {
        width: 36px;
        /* Blue line length */
        height: 100%;
        background: #DF7540;
        border-radius: 2px;
      }

      .hero-btn {
        font-family: 'Poppins';
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        padding: 5px 20px 5px 20px;
        gap: 8px;
        display: flex;
        margin: 0;
        margin-top: 6px;
        justify-content: center;
        align-items: center;
        width: fit-content;
        border: 1px solid transparent;
        border-radius: 12px;
        background:
          linear-gradient(#0DC6F6, #0DC6F6) padding-box,
          linear-gradient(92.38deg,
            #317AB0 -34.36%) border-box;
        margin-top: 5px;
        margin-bottom: 24px;
      }

      .hero-start {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 0.5rem;
      }

      .vsnap-work1 {
        width: 50%;
      }

      .vsnap-worksuite {
        display: flex;
        justify-content: center;
        align-items: center;
      }

    }
  }

  /* desktop */
  @media (min-width:901px) {

    .d-desktop {
      display: block;
    }

    .d-mobile {
      display: none;
    }

    .footer-link {
      /* color: #ffffff !important; */
      text-decoration: none !important;
    }

    .solutionscss .curve-footer {
      position: absolute;
      top: -80px;
      z-index: 9;
    }

    .hero-start {
      position: relative;
      top: 0%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-top: 3rem;
    }

    .vsnap-worksuite {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .vsnap-work1 {
      width: 35%;
    }


    .hero {
      min-height: 100vh;
      background: url("../img/solutions-dk.avif") no-repeat center center;
      background-size: cover;
      height: 80vh;
    }

    .hero-sub {
      font-weight: 500;
      font-size: 62px !important;
      font-family: 'poppins';
    }

    .hero-title {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 48px;
      line-height: 52px;
      letter-spacing: 0px;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;

    }

    .hero-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      width: 100%;
      width: fit-content;
      height: 52px;
      padding: 12px 28px;
      font-family: 'Poppins';
      font-size: 22px;
      font-weight: 500;
      color: #fff;
      text-decoration: none;
      border: 1px solid transparent;
      border-radius: 12px;
      background: linear-gradient(#0DC6F6, #0DC6F6) padding-box, linear-gradient(92.38deg, #317AB0 -34.36%) border-box;
      box-shadow: 0 4px 10px rgba(13, 198, 246, 0.35), inset 0 0 4px rgba(255, 255, 255, 0.25);
      margin-bottom: 3rem;
    }

    .heading {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .section-label {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 20px;
      letter-spacing: 5%;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: fit-content;
      color: #30ABD5;
      border: 1px solid;
      border-radius: 60px;
      background: #FFFFFF1A;
      border-color: #A2A2A2;
      margin-top: 32px;

    }

    .solutions-trust {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }

    .solutions-grad {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }

    .solutions-graph {
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0px;
      text-align: center;

    }

    .solutions-para {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0px;
      text-align: center;
      color: #0DC6F6 !important;
    }

    .stat-line {
      font-size: 48px;
    }

    .stat-label {
      font-size: 26px;
    }

    .mini1 {
      width: 30%;
    }

    .mini2 {
      width: 100%
    }

    .mini3 {
      width: 70%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }

    .progress-line {
      /* Change as needed */
      height: 3px;
      background: #1D1D1D;
      border-radius: 2px;
      overflow: hidden;
      margin: 10px auto;

    }

    .progress-fill {
      width: 78px;
      /* Blue line length */
      height: 100%;
      background: #017BF6;
      border-radius: 60px;
    }

    .progress-fill1 {
      width: 78px;
      /* Blue line length */
      height: 100%;
      background: #6CAD45;
      border-radius: 60px;
    }

    .progress-fill2 {
      width: 78px;
      /* Blue line length */
      height: 100%;
      background: #7E3ED7;
      border-radius: 60px;
    }

    .progress-fill3 {
      width: 78px;
      /* Blue line length */
      height: 100%;
      background: #DF7540;
      border-radius: 60px;
    }

    .stat-card {
      background: #272727d1;
      border: 2px solid #FFFFFF1A;
      border-radius: 18px;
      text-align: center;
      padding: 0 0 0 10px;
      transition: transform .25s ease, border-color .25s ease;
    }

    .stat-number {
      font-family: 'poppins';
      font-size: 2.2rem;
      font-weight: 700;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0;
      margin-top: 10px;
      gap: 22px;
    }

    .stat-label {
      color: #A2A2A2;
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 26px;
      letter-spacing: 0px;
      text-align: center;
      margin-bottom: 0px;
    }

    .stat-line {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 48px;
      letter-spacing: 0px;
      color: #FFFFFF;
      margin-bottom: 0;
    }

    .stat-box {
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 20px;
      letter-spacing: 0px;
      text-align: left;
      color: #E0E0E0;
    }

    .stat-join {
      font-family: 'poppins';
      font-size: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      margin-bottom: 0;
    }

    /* .marquee-track img{
      height: 55px;
      width: 217px;
  } */
    .section-label {
      padding: 4px 17px;
      margin-bottom: 23px;
    }

    .section-by {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;

    }

    .section-con {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0%;
      text-align: center;
      background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;

    }

    .section-three {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0%;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;

    }

    .line-two {
      border-right: 2px solid #2A2A2A;
    }

    .feature-one {
      width: 66%;

      img {
        width: 88px;
      }
    }

    .feature-seam {
      font-family: 'Be Vietnam Pro';
      font-weight: 500;
      font-size: 24px;
      color: #ffffff;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .feature-all {
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0px;
      color: #ffffff;
    }

    .feature-card {
      display: flex;
      flex-direction: row;
      gap: 0px;
      align-items: center;
    }

    /* .why-by{
    font-family: 'Poppins';
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 5%;
  text-transform: uppercase;
      margin: 0 36%;
      display: flex;
      align-items: center;
      justify-content: center;

  } */
    .why-smart {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .why-simp {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .why-switch {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .blue {
      font-family: 'Be Vietnam Pro';
      font-weight: 500;
      font-size: 40px;
      letter-spacing: 0px;
      background: linear-gradient(180deg,
          #999999 -38.71%,
          #FFFFFF 67.74%,
          #999999 174.19%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
      padding: 1rem;
      padding-bottom: 0;
    }

    .blue-line {
      font-family: 'Be Vietnam Pro';
      font-weight: 300;
      font-size: 22px !important;
      line-height: 32px;
      letter-spacing: 0px;
      color: #ffffff;
      padding: 0 1rem;
    }

    .neon {
      position: relative;
      right: 0;
      top: 0;
      display: flex;
      justify-content: flex-end;

      .section-border .neon {
        margin-left: -24px;
        margin-right: -24px;
        margin-bottom: -24px;
        margin-top: 16px;
      }

      .section-border .neon img {
        display: block;
        width: 100%;
      }
    }

    .section-border {
      border: 1px solid var(--line);
      background: #181819;
      ;
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      width: 100%;
      height: 100%;
      display: flex;
    }

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

    .section-border img {
      display: block;
      width: calc(100% + 48px);
      /* 48px = padding(24px) * 2, cancels the side padding */
      max-width: calc(100% + 48px);
      margin-left: -24px;
      margin-right: -24px;
      /* pulls image flush to the bottom edge */
    }

    .work {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .task {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;

    }

    .connect {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      -webkit-text-fill-color: transparent;
      background-clip: text;

    }

    .org {
      font-family: 'Be Vietnam Pro';
      font-weight: 300;
      font-size: 18px !important;
      line-height: 28px;
      letter-spacing: 0%;
      color: #ffffff;
      margin-bottom: 43px;
      margin-top: 23px;
    }

    .sent {
      width: 17.49px;
      height: 19.53px;
    }

    .app-mail {
      width: 50%;
      padding: 1rem;
    }

    .app-link {
      color: #00BFFF;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 5%;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      padding: 6px 16px;
      text-decoration: none;
      background: #FFFFFF1A;
      border-color: #FFFFFF1A;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      width: fit-content;
    }

    .app-link1 {
      color: #05BA4E;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 5%;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      padding: 6px 16px;
      text-decoration: none;
      background: #FFFFFF1A;
      border-color: #FFFFFF1A;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      width: fit-content;
    }

    .app-link2 {
      color: #F1C040;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 5%;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      padding: 6px 16px;
      text-decoration: none;
      background: #FFFFFF1A;
      border-color: #FFFFFF1A;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      width: fit-content;
    }

    .app-link3 {
      color: #BB94FF;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 5%;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      padding: 6px 16px;
      text-decoration: none;
      background: #FFFFFF1A;
      border-color: #FFFFFF1A;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      width: fit-content;
    }

    .app-sec {
      color: #DFEEFF;
      border: 1px solid;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      letter-spacing: 0px;
      border-radius: 60px;
      opacity: 1;
      padding: 4px 10px;
      font-size: 22px;
      border-radius: 60px;
      background: #005FF933;
      margin-top: 20px;
      margin-right: 20px;
    }

    .app-one {
      color: #68F3AD;
      border: 1px solid;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      letter-spacing: 0px;
      border-radius: 60px;
      opacity: 1;
      padding: 4px 10px;
      margin-bottom: 0;
      font-size: 22px;
      border-radius: 60px;
      margin-top: 20px;
      margin-right: 20px;
      background: #00934D33;

    }

    .app-two {
      color: #EC8E0F;

      border: 1px solid;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      letter-spacing: 0px;
      border-radius: 60px;
      opacity: 1;
      padding: 4px 10px;
      margin-bottom: 0;
      font-size: 22px;
      margin-top: 20px;
      margin-right: 20px;
      background: #EE750133;


    }

    .app-three {
      color: #DAAAFF;
      border: 1px solid;
      font-family: 'Be Vietnam Pro';
      font-weight: 400;
      letter-spacing: 0px;
      border-radius: 60px;
      opacity: 1;
      padding: 4px 10px;
      margin-bottom: 0;
      font-size: 22px;
      border-radius: 60px;
      margin-top: 20px;
      margin-right: 20px;
      background: #592CB733;
      white-space: nowrap;

    }

    .app-link:hover {
      color: #00BFFF !important;
      /* Mail cyan */
      text-decoration: none !important;
    }

    .app-link1:hover {
      color: #05BA4E !important;
      /* Sheets green */
      text-decoration: none !important;
    }

    .app-link2:hover {
      color: #F1C040 !important;
      /* Docs yellow */
      text-decoration: none !important;
    }

    .app-link3:hover {
      color: #BB94FF !important;
      /* Social purple */
      text-decoration: none !important;
    }


    .app-card {
      border: 1px solid;
      border-color: #0052A7;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000516;
      border-radius: 12px;
    }

    .app-green {
      border: 1px solid;
      border-color: #78FFB5;
      border-radius: 12px;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000516;
    }

    .app-orange {
      border: 1px solid;
      border-color: #FFAD71;
      border-radius: 12px;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000516;
    }

    .app-purple {
      border: 1px solid;
      border-color: #BC67FF;
      border-radius: 12px;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000516;
    }

    .icon-mail {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
      height: 100%;
    }

    .cta-ready {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .cta-team {
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 52px;
      line-height: 64px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .cta-line {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 0px;
      text-align: center;
      background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .btn-one {
      gap: 30px;
    }

    .btn-grad {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 7px 20px !important;
      border: none;
      border-radius: 12px !important;
      cursor: pointer;
      transition: all .3s ease;
      color: #fff !important;
      font-family: 'Poppins';
      font-weight: 500;
      font-size: 26px;
      letter-spacing: -0.16px;
      background: linear-gradient(180deg,
          #0F72FD 0%,
          #1073FE 50%,
          #0064FD 100%);
    }

    .btn-outline-glow {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 22px 62px;
      border: none;
      border-radius: 12px;
      background: transparent;
      cursor: pointer;
      overflow: hidden;
    }

    .btn-outline-glow::before {
      content: "";
      position: absolute;
      inset: 0;
      padding: 2px;
      border-radius: inherit;

      background: linear-gradient(180deg,
          rgba(15, 114, 253, 0.4) 0%,
          rgba(59, 223, 253, 0.4) 50%,
          rgba(0, 100, 253, 0.4) 100%);

      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;

      pointer-events: none;
    }

    .btn-outline-glow span {
      font-family: 'Poppins';
      font-size: 26px;
      font-weight: 500;
      letter-spacing: -0.16px;

      background: linear-gradient(90deg,
          #1A51D5 0%,
          #32B7FF 10%,
          #3BDFFD 20%,
          #7DFDFA 30%,
          #F6FEF3 40%,
          #7CFEF3 50%,
          #33E1F5 60%,
          #30BAF4 70%,
          #298DF7 80%,
          #2148AB 99.8%);

      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .solutionscss.hero-start {
      position: relative;
      top: 4%;
    }

    .cta-one {
      width: 100%;
    }

  }


  .capitalize li a {
    text-decoration: none;
    color: #FFFFFF;
  }

  @media (min-width:1100px) and (max-width:1164px) {
    .solutionscss {
      .hero-title {
        font-size: 44px;
      }

      .hero-start {
        position: relative;
        top: -6%;
      }

      .feature-one {
        width: 100%;
      }

      .hero {
        min-height: 80vh;
      }

      .stat-label {
        font-size: 20px;
      }

      .stat-box {
        font-size: 16px;
      }

      .stat-line {
        font-size: 38px;
      }

      /* .blue{
        font-size:28px;
      } */
      .feature-seam {
        font-size: 18px;
      }

      .feature-all {
        font-size: 14px;
      }

      .app-sec {
        font-size: 16px;
        padding: 4px 12px;
        background: #005FF933;

      }

      .app-one {
        font-size: 16px;
        padding: 4px 12px;
      }

      .app-two {
        font-size: 16px;
        padding: 4px 12px;
      }

      .app-three {
        font-size: 16px;
        padding: 4px 12px;
      }

      .app-link {
        font-size: 14px;
      }

      .app-link1 {
        font-size: 14px;
      }

      .app-link2 {
        font-size: 14px;
      }

      .app-link3 {
        font-size: 14px;
      }

      .app-all {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }

      .org {
        margin-bottom: 30px;
      }

      .app-mail {
        width: 50%;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
      }

      .stat-card {
        background: #272727d1;
        border: 1px solid var(--line);
        border-radius: 18px;
        text-align: center;
        padding: 0 10px 0px 10px;
        transition: transform .25s ease, border-color .25s ease;
      }

      .btn-grad {
        font-size: 20px;
      }

      .seam-one {
        position: absolute;
        bottom: 0px;
      }

      .blue {
        font-size: 36px;
      }

      .blue-line {
        font-size: 16px !important;
        line-height: 28px;
      }
    }

    .eco-disc {
      font-size: 12px;
    }

    .text-teal {
      font-size: 24px;
    }

    .eco-card2 {
      background-position: right;
    }

    .fea-all {
      font-size: 18px !important;
    }

    .fea-uni {
      font-size: 20px !important;
    }

    .fea-card {
      padding: 16px !important;
    }

    li.nav-item-has-children:hover>.sub-menu {
      width: 1000px !important;
      padding: 10px 10px 10px 0 !important;
    }

    .mega-column h5 {
      font-size: 24px !important;
      ;
    }

    .menu-one {
      font-size: 18px !important;
    }

    .simplihi-body {
      .desktopview .hero__title1 span {
        font-size: 32px !important;
        line-height: 44px !important;
      }
    }

  }

  @media(width:1280px) {
    .solutionscss {
      .feature-seam {
        font-size: 22px;
      }

      .hero-start {
        position: relative;
        top: 0% !important;
      }

      .hero {
        height: 100vh;
      }

      .why-simp {
        font-size: 50px;
      }

      .task {
        font-size: 52px;
      }

      .blue-line {
        font-size: 18px !important;
      }

      .section-con {
        font-size: 50px;
      }

      .eco-img {
        left: 26% !important;
      }

      .solutions-grad {
        font-size: 50px;
      }
    }
  }

  @media(min-width:1440px) {
    .solutionscss {
      .hero {
        min-height: 90vh;
      }

      .feature-one {
        width: 50%;
      }

      .app-mail {
        width: 50%;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
      }

      /* .blue-line{
        font-size:28px !important;
        line-height:32px;
      } */
    }

    .simplihi-body {
      .testimonial-content p {
        padding: 20px 20px 0 !important;
        line-height: 38px !important;
        font-size: 22px !important;
      }

      .testimonial-author {
        top: 40px !important;
        gap: 30px !important;
      }

      .testimonial-card {
        padding: 0px 0px 10px 0px !important;
      }

      .testimonial-author img {
        position: relative !important;
        top: 10px !important;
      }
    }

    .sitecrm-body {
      .testimonial-content p {
        padding: 20px 20px 0 !important;
        line-height: 38px !important;
        font-size: 22px !important;
      }

      .testimonial-card {
        width: 700px !important;
      }
    }
  }

  @media(min-width:1900px) {
    .solutionscss {

      /* .hero-start {
        position: relative;
        top: 20px;
      } */
      .feature-seam {
        letter-spacing: 0%;
      }

      .feature-all {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1px;
        font-family: 200;
      }

      .feature-card {
        gap: 26px;
      }

      .hero-sub {
        font-size: 66px !important;
      }

      .hero-title {
        font-size: 48px;
        margin-bottom: 20px;

      }

      .hero-btn {
        font-size: 28px;
      }

      .cta-one {
        width: 100%;
        height: 60vh;
      }

      .marquee-track img {
            width: auto !important;
            height: 60px !important;
        }

      .marquee-track {
        gap: 100px;
      }


    }
  }

  @media (min-width: 2560px) {
    .solutionscss {

      /* .hero-start {
        position: relative;
        top: 32px;
      } */
      .hero {
        min-height: 100vh;
      }

      .hero-btn {
        height: 64px;
        padding: 22px 42px;
        font-size: 34px;
      }

      .hero-start {
        position: relative;
        top: 1%;
      }

      .marquee-track img {
        width: 250px;
        height: 110px;
      }

      .marquee-track {
        gap: 100px;
      }

      .icon-img {
        width: 50px;
        height: 50px;
      }

      .hero-sub {
        font-size: 66px !important;
        margin-top: 0rem;
        ;
      }

      .hero-title {
        font-size: 48px;
        margin-bottom: 20px;

      }

      .section-label {
        font-size: 30px;
      }

      .solutions-para {
        font-size: 30px;
        line-height: 40px;
      }

      .solutions-graph {
        font-size: 30px;
        line-height: 40px;
      }

      .solutions-grad {
        font-size: 62px;
        line-height: 72px;
      }

      .solutions-trust {
        font-size: 62px;
        line-height: 72px;
      }

      .cta-one {
        width: 100%;
        height: 60vh;
      }

      .progress-line {
        height: 8px;
      }

      .stat-line {
        font-size: 60px;
      }

      .stat-label {
        font-size: 30px;
      }

      .stat-box {
        font-size: 24px;
      }

      .stat-join {
        font-size: 28px;
      }

      .section-by {
        font-size: 62px;
        line-height: 72px;
      }

      .section-con {
        font-size: 62px;
        line-height: 72px;
      }

      .section-three {
        font-size: 30px;
        line-height: 46px;
      }

      .why-smart {
        font-size: 62px;
        line-height: 72px;
      }

      .why-simp {
        font-size: 62px;
        line-height: 46px;
      }

      .why-switch {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 40px;
      }

      .blue {
        font-size: 46px;
        line-height: 56px;
      }

      .blue-line {
        font-size: 24px;
        line-height: 44px;
      }

      .work {
        font-size: 62px;
        line-height: 72px;
      }

      .task {
        font-size: 62px;
        line-height: 72px;
      }

      .connect {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 40px;
      }

      .org {
        font-size: 28px;
        line-height: 40px;
      }

      .app-sec,
      .app-one,
      .app-two,
      .app-three {
        font-size: 26px;
      }

      .app-link,
      .app-link1,
      .app-link2,
      .app-link3 {
        font-size: 24px;
      }

      .cta-ready {
        font-size: 62px;
        line-height: 72px;
      }

      .cta-team {
        font-size: 62px;
        line-height: 72px;
      }

      .cta-line {
        font-size: 30px;
        line-height: 42px;
        margin: 20px 40px;
      }

      .btn-grad {
        font-size: 36px;
      }

      .feature-seam {
        font-size: 26px;
        letter-spacing: 0px;
      }

      .feature-all {
        font-size: 20px;
        line-height: 26px;
      }

      .feature-one {
        img {
          width: 100px;
        }
      }

      .feature-one {
        width: 68%;
      }

      .feature-card {
        gap: 11px;
      }

      .feature-all {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
      }
    }
  }

  @media(max-width:320px) {
    .solutionscss {

      .hero-sub {
        font-size: 28px;
      }

      .trust-icons {
        width: 50px;
        height: 50px;
      }

      .stat-number {
        gap: 14px;
      }

      .mini1 {
        width: 38%;
      }

      .app-sec,
      .app-one,
      .app-two,
      .app-three {
        font-size: 8px;
        margin: 0.5rem;
      }

      .icon-img {
        width: 30px;
        height: 30px;
      }

      .task {
        font-size: 24px;
      }

      .section-label {
        height: 30px;
      }

      .why-simp {
        font-size: 22px;
      }

      .solutions-grad {
        font-size: 24px;
      }

      .hero-title {
        font-size: 14px;
        margin-bottom: 8px;
      }

      .hero-btn {
        font-size: 18px;
        height: 38px;
        margin-top: 6px;
        border-radius: 6px;
        padding-left: 22px;
        padding-right: 10px
      }

      .solutions-trust {
        line-height: 28px;
        font-size: 22px;
      }

      .solutions-graph {
        margin-top: 0px;
      }

      .stat-line {
        font-size: 20px;
      }

      .stat-box {
        font-size: 10px;
        text-align: left;
        padding-left: 10px;
      }

      .stat-join {
        font-size: 12px;
        line-height: 22px;
      }

      .section-by {
        font-size: 22px;
        line-height: 20px;
      }

      .section-con {
        font-size: 22px;
      }

      .section-three {
        margin: 0;
      }

      .feature-seam {
        font-size: 16px;
      }

      .feature-all {
        font-size: 10px;
        margin-top: 0;
      }

      .why-smart {
        font-size: 22px;
        line-height: 28px;
      }

      .why-switch {
        margin-top: 0;
        font-size: 10px;
      }

      .blue {
        font-size: 20px;
      }

      .blue-line {
        font-size: 10px;
        margin-top: 0;
      }

      .work {
        font-size: 24px;
        line-height: 30px;
      }

      .connect {
        margin-top: 0;
      }

      .org {
        font-size: 12px;
        line-height: 18px;
      }

      .app-link {
        font-size: 10px;
        padding: 4px 6px;
      }

      .app-link1 {
        font-size: 10px;
        padding: 4px 6px;
      }

      .app-link2 {
        font-size: 10px;
        padding: 4px 6px;
      }

      .app-link3 {
        font-size: 10px;
        padding: 4px 6px;

      }

      .cta-ready {
        font-size: 18px;
        line-height: 18px;
      }

      .cta-team {
        font-size: 18px;
      }

      .cta-line {
        margin-bottom: 0;
      }

      .btn-grad {
        font-size: 12px;
      }

      .btn-outline-glow {
        font-size: 12px;
      }

      .btn-book {
        width: 65%;
      }

      .section-label {
        padding: 8px 10px;
        font-size: 10px;
      }

      .btn-one {
        gap: 10px;
      }
    }

    .text-teal {
      font-size: 12px !important;
    }

    .fea-all {
      font-size: 14px !important;
    }

    .fea-uni {
      font-size: 16px !important;
    }

    .fea-strip {
      padding: 10px 0 10px 0 !important;
    }

    .fea-con {
      padding: 0 !important;
    }
  }

  @media(width:344px) {
    .solutionscss {

      .hero-btn {
        font-size: 12px;
        margin-top: 5px;

      }

      .section-label {
        padding: 5px 9px;
        font-size: 10px;
        height: 30px;
      }

      .stat-box {
        text-align: left;
        padding-left: 10px;
      }

      .solutions-trust {
        font-size: 24px;
        line-height: 19px;
      }

      .solutions-graph {
        margin-top: 0;
      }

      .stat-line {
        font-size: 24px;
      }

      .stat-join {
        margin: 0;

      }

      .section-by {
        font-size: 22px;
        line-height: 30px;
      }

      .section-con {
        font-size: 22px;
      }

      .section-three {
        margin: 0;
      }

      .feature-seam {
        font-size: 16px;
      }

      .feature-all {
        font-size: 12px;
        line-height: 16px;
        margin-top: 0px;
      }

      .why-smart {
        font-size: 22px;
        line-height: 26px;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue {
        font-size: 20px;
      }

      .blue-line {
        font-size: 12px;
        margin-top: 0;
      }

      .work {
        font-size: 26px;
        line-height: 20px;
      }

      .task {
        font-size: 26px;
      }

      .connect {
        margin: 0;
      }

      .org {
        font-size: 12px;
        line-height: 18px;
      }

      .app-link {
        font-size: 12px;
      }

      .app-link1 {
        font-size: 12px;
        gap: 5px;
      }

      .app-link2 {
        font-size: 12px;
      }

      .app-link3 {
        font-size: 12px;
      }

      .app-sec {
        font-size: 10px;
        padding: 3px 11px;
      }

      .app-one {
        font-size: 10px;
        padding: 3px 11px;
      }

      .app-two {
        font-size: 10px;
        padding: 3px 11px;
      }

      .app-three {
        font-size: 10px;
        padding: 3px 11px;
      }

      .cta-ready {
        font-size: 20px;
        line-height: 30px;
      }

      .cta-team {
        font-size: 20px;
      }

      .cta-line {
        margin: 0;
      }

      .btn-grad {
        font-size: 14px;
      }

      .btn-book {
        width: 68%;
        padding: 6px 43px;
      }

      .btn-outline-glow {
        font-size: 14px;
      }

      .btn-one {
        gap: 10px;
      }
    }

    .text-teal {
      font-size: 12px !important;
    }

    .fea-all {
      font-size: 16px !important;
    }

    .fea-strip {
      padding: 10px 0 10px 0 !important;
    }

    .fea-con {
      padding: 0 !important;
    }

  }

  @media(min-width:345px) and (max-width:353px) {
    .solutionscss {
      .section-label {
        font-size: 10px;
        height: 30px;
      }

      .solutions-trust {
        font-size: 26px;
        line-height: 30px;
      }

      .solutions-grad {
        font-size: 26px;
      }

      .solutions-graph {
        margin-top: 0;
      }

      .stat-line {
        font-size: 22px;
      }

      .stat-box {
        font-size: 12px;
        text-align: left;
        padding-left: 10px;
      }

      .section-by {
        font-size: 24px;
        line-height: 30px;
      }

      .section-con {
        font-size: 26px;
      }

      .section-three {
        margin: 0;
      }

      .feature-seam {
        font-size: 16px;
      }

      .feature-all {
        margin-top: 0;
      }

      .why-smart {
        font-size: 24px;
        line-height: 36px;
      }

      .why-simp {
        font-size: 24px;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue {
        font-size: 20px;
      }

      .blue-line {
        font-size: 12px;
        margin: 0;
      }

      .work {
        line-height: 30px;
      }

      .connect {
        margin: 0;
      }

      .org {
        font-size: 12px;
      }

      .app-link {
        font-size: 10px;
        gap: 5px
      }

      .app-link1 {
        font-size: 10px;
        gap: 5px
      }

      .app-link2 {
        font-size: 10px;
        gap: 5px
      }

      .app-link3 {
        font-size: 10px;
        gap: 5px
      }

      .cta-line {
        margin: 0;
      }

      .btn-book {
        width: 65%;
      }

      .btn-grad {
        font-size: 14px;
      }

      .btn-outline-glow {
        font-size: 14px;
      }

      .btn-one {
        gap: 10px;
      }

      .progress-line {
        width: 138px;
      }

    }

    .text-teal {
      font-size: 12px !important;
    }

    .fea-all {
      font-size: 16px !important;
    }

    .fea-strip {
      padding: 10px 0 10px 0 !important;
    }

    .fea-con {
      padding: 0 !important;
    }

  }

  @media(min-width:365px) and (max-width:384px) {
    .solutionscss {
      .solutions-trust {
        line-height: 22px;
      }

      section-label {
        height: 30px;
      }

      .solutions-graph {
        margin: 0;
      }

      .stat-line {
        font-size: 24px;
      }

      .feature-card {
        gap: 0;
      }

      .feature-seam {
        font-size: 16px;
      }

      .feature-all {
        margin-top: 0;
        font-size: 10px;
        line-height: 16px;
      }

      .stat-box {
        font-size: 10px;
        text-align: left;
        padding-left: 10px;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue {
        font-size: 22px;
      }

      .blue-line {
        font-size: 12px;
        margin: 0;
      }

      .work {
        font-size: 30px;
        line-height: 30px;
      }

      .connect {
        margin: 0;
      }

      .org {
        font-size: 12px;
        line-height: 18px;
      }

      .app-link {
        font-size: 12px;
        gap: 5px;
      }

      .app-link1 {
        font-size: 12px;
        gap: 5px;
      }

      .app-link2 {
        font-size: 12px;
        gap: 5px;
      }

      .app-link3 {
        font-size: 12px;
        gap: 5px;
      }

      .btn-grad {
        font-size: 12px;
      }

      .btn-book {
        width: 54%;
      }

      .btn-outline-glow {
        font-size: 12px;
      }

      .btn-one {
        gap: 10px;
      }

      .four-two {
        width: 100%
      }

      .progress-line {
        width: 150px;
      }

    }

    .eco-card .eco-card1 {
      background-position: bottom;
    }

    .eco-img .eco-img2 {
      display: flex;
      justify-content: center;
    }

  }

  @media(min-width:387px) and (max-width:393px) {
    .solutionscss {
      .solutions-graph {
        margin-top: 0;
      }

      .section-label {
        height: 30px;
      }

      .stat-line {
        font-size: 24px;
      }

      .stat-box {
        font-size: 12px;
        text-align: left;
        padding-left: 10px;
      }

      .feature-card {
        gap: 0;
      }

      .feature-seam {
        font-size: 16px;
      }

      .feature-all {
        margin-top: 0;
        font-size: 12px;
        line-height: 16px;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue {
        font-size: 22px;
      }

      .blue-line {
        font-size: 12px;
        margin: 0;
      }

      .work {
        font-size: 30px;
      }

      .connect {
        margin-top: 0;
      }

      .cta-line {
        margin: 0;

      }

      .btn-grad {
        font-size: 14px;
      }

      .btn-book {
        font-size: 14px;
      }

      .btn-outline-glow {
        width: 59%;
      }

      .btn-one {
        gap: 10px;
      }

      .four-two {
        width: 100%
      }

      .progress-line {
        width: 150px;
      }

    }

    .eco-card .eco-card1 {
      background-position: bottom;
    }

    .fea-strip {
      padding: 10px 0 10px 0 !important;
    }

    .fea-con {
      padding: 0 !important;
    }
  }

  @media(min-width:395px) and (max-width:411px) {
    .solutionscss {
      .hero-btn {
        font-size: 10px;
        margin: 0 0;
        margin-top: 6px;
      }

      .section-label {
        height: 30px;
      }

      .solutions-graph {
        margin: 0;
      }

      .stat-line {
        font-size: 24px;
      }

      .stat-box {
        font-size: 12px;
        text-align: left;
        padding-left: 10px;
      }

      .section-three {
        margin: 0;
      }

      .feature-all {
        line-height: 20px;
        margin-top: 0px;
      }

      .feature-card {
        gap: 0;
      }

      .feature-one {
        width: 33%;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue-line {
        font-size: 12px;
        line-height: 16px;
        margin-top: 0;
      }

      .work {
        font-size: 32px;
        line-height: 36px;
      }

      .connect {
        margin: 0;
      }

      .cta-line {
        margin: 0;
      }

      .btn-grad {
        font-size: 14px;
      }

      .btn-outline-glow {
        font-size: 14px;
      }

      .btn-book {
        width: 58%;
      }

      .btn-one {
        gap: 10px;
      }

      .progress-line {
        width: 150px;
      }

    }
  }

  @media(min-width:410px) and (max-width:434px) {
    .solutionscss {
      .hero-btn {
        font-size: 22px;
      margin-top: 26px;
       margin-bottom: 26px;
        }
      
      .hero-test{
       aspect-ratio: 523 / 752;
      }
      .hero-title {
        font-size: 20px;
        margin-bottom: 5px;
      }
      .hero-start{
        padding-top: 1.5rem;
      }
     .hero-sub {
      font-size: 42px;
     }
      .section-label {
        height: 30px;
      }

      .solutions-graph {
        margin: 0;
      }

      .stat-line {
        font-size: 24px;
      }

      .stat-box {
        font-size: 14px;
        text-align: left;
        padding-left: 10px;
      }

      .section-three {
        margin: 0;
      }

      .feature-all {
        line-height: 20px;
        margin-top: 0px;
      }

      .feature-card {
        gap: 0;
      }

      .feature-one {
        width: 28%;
      }

      .why-switch {
        margin-top: 0;
      }

      .blue-line {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
      }

      .work {
        font-size: 32px;
        line-height: 36px;
      }

      .connect {
        margin: 0;
      }

      .cta-line {
        margin: 0;
      }

      .btn-grad {
        font-size: 14px;
      }

      .btn-outline-glow {
        font-size: 14px;
      }

      .btn-book {
        width: 54%;
      }

      .btn-one {
        gap: 10px;
      }

      .four-two {
        width: 100%
      }

      .progress-line {
        width: 160px;
      }

    }

    .text-teal {
      font-size: 16px !important;
    }

  }

  @media(min-width:440px) and (max-width:480px) {
    .solutionscss {
 .hero-sub {
  font-size: 46px;
  }
  .hero-start{
    padding-top: 2.5rem;
  }
  .small-img{
    width: 20px;
     height: 20px;
  }
  .marquee-track img {
      width: auto;
      height:45px;
   }
   .hero-test{
   aspect-ratio: 532 / 765;
   }
 .stat-join {
  font-size: 18px;
   }
 .section-three {
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 20px;
     }

.secion-label {
  font-size: 20px;
   }
.solutions-para {
  font-size: 18px;
  line-height: 28px;
   }
 .solutions-graph {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  }
 .feature-all {
 font-size: 14px;
 }
.feature-seam {
 font-size: 26px;
 }
.why-switch {
font-size: 18px;
line-height: 26px;
}

.hero-btn {
  font-size: 28px;
  margin-top: 20px;
  margin-bottom:20px;
  width: fit-content;
  white-space: nowrap;
}

.hero-title {
  font-size: 22px;
  margin-bottom: 10px;
}

.section-label {
  height: 30px;
}

.stat-line {
  font-size: 34px;
}

.stat-label {
  font-size: 20px;
}

.stat-box {
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
}

.feature-all {
  line-height: 20px;
  margin-top: 0px;
}

.feature-card {
  gap: 0;
}

.feature-one {
  width: 24%;
}

.why-switch {
margin-top: 0;
}

.blue-line {
font-size: 16px;
line-height: 22px;
margin-top: 0;
}

.blue {
font-size: 26px;
}

.work {
font-size: 32px;
line-height: 36px;
}

.connect {
margin: 0;      
font-size: 20px;
line-height: 28px;
}
.org {
font-size: 18px;
line-height: 26px;
}
.app-sec,
.app-one,
.app-two{
 font-size: 18px;
}
.app-three{
   font-size: 16px;
}
.app-link,
.app-link1,
.app-link2,
.app-link3{
  font-size: 18px;
  padding:5px 10px;
}
.cta-line {
margin: 0;
}
.section-label {
font-size: 20px;
}
.cta-team {
font-size: 34px;
line-height: 38px;
}
.cta-ready {
font-size: 34px;
line-height: 38px;
}
.cta-line {
font-size: 18px;
line-height: 26px;
}
.btn-grad {
font-size: 18px;
}

.btn-outline-glow {
font-size: 14px;
}

.btn-book {
width: 48%;
}

.btn-one {
gap: 10px;
}

.four-two {
width: 100%;
}

.progress-line {
width: 193px;
}

.progress-fill {
width: 49px;
}

.progress-fill1 {
width: 49px;
}

.progress-fill2 {
width: 49px;
}

.progress-fill3 {
width: 49px;
}
    }

    .text-teal {
      font-size: 18px !important;
    }

.eco-card2 .eco-card3 {
  background-position: bottom !important;
    }

    .eco-card {
      height: -webkit-fill-available !important;
    }

    .eco-img .eco-img2 {
      display: flex !important;
      justify-content: center !important;
    }

    .eco-card1 {
      padding: 15px !important;
    }

    .fea-all {
      font-size: 22px !important;
      line-height: 26px !important;
    }

    .fea-uni {
      font-size: 24px !important;
    }
  }

  .marquee-wrap {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    border: 1px solid;
    padding: 18px;
    background: #171717;
    overflow: hidden;
  }

  .marquee-track {
    display: inline-flex;
    align-items: center;
    gap: 90px;
    /* spacing between logos */
    animation: scroll-left 46s linear infinite;
    padding: 10px;
    width: max-content;
  }

  .marquee-track img {
    /* adjust to your logo size */
    flex-shrink: 0;
    display: inline-block;
    width: auto;
    margin-right: 0px;
    vertical-align: middle;
    height: 45px;
    object-fit: contain;
  }

  @keyframes scroll-left {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }

  /* Pause on hover (optional) */
  /* .marquee-wrap:hover .marquee-track {
    animation-play-state: paused;
  } */
  /* marquee {
    white-space: nowrap;
    border: 1px solid;
    padding: 10px 20px;
    background: #171717;
    overflow: hidden;
  } */

  /* marquee img {
    display: inline-block;
    height: 38px;
    width: 162px;
    margin-right: 0px;
    vertical-align: middle;
  } */

  /* desktop */
  /* ecosystem */

  :root {
    --bg: #07080d;
    --card-bg: #101219;
    --card-border: rgba(255, 255, 255, 0.07);
    --text-muted: #939aab;
    --accent-green: #22d3a7;
    --accent-pink: #ff4d7e;
    --accent-blue: #3b82f6;
    --accent-teal: #17c9d1;
  }

  body {
    background: var(--bg);
    font-family: 'poppins';
    color: #fff;
  }

  /* animation */
  .animate-up {
    opacity: 0;
    transform: translateY(60px);
    animation: slideUp 0.8s ease-out forwards;
  }

  .delay-1 {
    animation-delay: 0.2s;
  }

  .delay-2 {
    animation-delay: 0.4s;
  }

  @keyframes slideUp {
    from {
      opacity: 0;
      transform: translateY(60px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* .from-left,
.from-right{
    opacity: 0;
} */

  .from-left {
    transform: translateX(-150px);
    opacity: 0;
    transition: transform 0.9s ease, opacity 0.9s ease;
  }

  .from-right {
    transform: translateX(150px);
    opacity: 0;
    transition: transform 0.9s ease, opacity 0.9s ease;
  }

  .eco-one.show .from-left {
    transform: translateX(0);
    opacity: 1;
  }

  .eco-one.show .from-right {
    transform: translateX(0);
    opacity: 1;
  }

  .jos-fade-left {
    opacity: 0;
    transform: translateX(100%);
  }

  .jos-fade-right {
    opacity: 0;
    transform: translateX(-100%);
  }

  .ecosystem-section {
    padding: 26px 0 22px;
  }

  .eco-heading {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 52px;
    line-height: 64px;
    letter-spacing: 0px;
    text-align: center;
    background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }

  .highlight {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 52px;
    line-height: 64px;
    letter-spacing: 0px;
    text-align: center;
    background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }

  .eco-sub {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

  }

  .site-crm {
    height: 100%;
  }

  /* ===== Card base ===== */
  .eco-card {
    border-radius: 20px;
    padding: 15px 15px 0 15px;
    border: 1px solid var(--card-border);
    background-image: url(../img/background1.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
  }

  .wts-up {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .eco-card1 {
    position: relative;
    border-radius: 20px;
    padding: 15px 15px 0 15px;
    border: 1px solid var(--card-border);
    background-image: url(../img/background2.webp);
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
  }

  .eco-card2 {
    border-radius: 20px;
    border: 1px solid var(--card-border);
    background-image: url(../img/background4.webp);
    padding: 15px 15px 0px 15px !important;
    min-height: 280px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
  }

  .eco-card3 {
    border-radius: 20px;
    border: 1px solid var(--card-border);
    background-image: url(../img/background3.webp);
    padding: 15px 15px 0px 15px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    height: 98%;
    background-position: bottom;
  }

  .eco-img1 {
    left: 43%;
    position: absolute;
    bottom: 8px;
  }

  .eco-card>* {
    position: relative;
    z-index: 2;
  }

  .wordmark {
    font-family: Be Vietnam Pro;
    font-weight: 700;
    font-size: 62px;
    text-align: center;
    position: absolute;
    left: -4px;
    bottom: -33px;
    letter-spacing: 0px;
    opacity: 0.10;
    white-space: nowrap;
    z-index: 1;
    pointer-events: none;
  }

  .eco-tag {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-top: 16px;
  }

  .eco-desc {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }

  .dash-card {
    padding-top: 10rem;
  }

  .eco-disc {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    background: linear-gradient(180deg, #EDEDED 0%, #D9D9D9 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    width: 50%;
  }

  .text-teal {
    font-family: 'Poppins';
    font-weight: 500;
    ;
    font-size: 38px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(90deg,
        #1A51D5 0%,
        #32B7FF 10%,
        #3BDFFD 20%,
        #7DFDFA 30%,
        #F6FEF3 40%,
        #7CFEF3 50%,
        #33E1F5 60%,
        #30BAF4 70%,
        #298DF7 80%,
        #2148AB 99.8%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }

  .eco-one {
    display: flex;
    gap: 20px;
  }

  .eco-two {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .hi-home {
    display: flex;
    gap: 20px;
  }

  .fea-uni {
    font-family: 'Be Vietnam Pro';
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0px;
    color: #ffffff
  }

  .fea-all {
    font-family: 'Be Vietnam Pro';
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    color: #9D9D9D;

  }

  .fea-strip {
    height: 100%;
  }

  .fea-card {
    border: 1px solid;
    border-radius: 12px;
    background: #EEEEEE1C;
    padding: 25px;
    margin: 15px 25px 15px 25px;
  }

  .fea-pic {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
  }

  .fea-one {
    display: flex;
    align-items: center;
  }

  .fea-img {
    width: 70px;
    height: 70px;
  }

  .desktopviewb {
    display: block;
  }

  .mobileviewb {
    display: none;
  }

  .fea-con {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @media (max-width:900px) {
    .desktopviewb {
      display: none;
    }

    .mobileviewb {
      display: block;
    }

    .eco-heading {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 0;

    }

    .highlight {
      font-size: 24px;
      line-height: 28px;

    }

    .eco-sub {
      font-size: 10px;
      line-height: 16px;
      margin-top: 14px;
    }

    .eco-one {
      flex-direction: column;
      width: 100%;
    }

    .eco-tag {
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      margin-top: 6px;
    }

    .eco-img {
      position: static;
      display: flex;
      justify-content: center;
    }

    .eco-img1 {
      position: static;
      padding-top: 10px;
    }

    .fea-uni {
      font-size: 18px;
      margin-bottom: 8px;
    }

    .fea-all {
      font-size: 14px;
      line-height: 18px;
    }

    .eco-all {
      width: 100%;
    }

    .fea-con {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 10px 0 0 0;
    }

    .simp-logo {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .eco-card {
      padding: 8px 10px 28px;
      border-radius: 6px;
      background-image: url(../img/simplihi-mb.png);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
    }

    .eco-card2 {
      background-image: url(../img/workspace-mb.png);
      background-repeat: no-repeat;
      background-position: top;
      background-size: contain;
      border-radius: 6px;
      height: 100%;
      min-height: 240px;
    }

    .eco-card1 {
      border-radius: 6px;
      background-image: url(../img/homes247-mb.png);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
      padding-top: 14px;

    }

    .eco-card3 {
      min-height: 233px;
      border-radius: 6px;
      background-image: url(../img/sitecrm-mb.png);
      background-repeat: no-repeat;
      background-position: top;
      background-size: contain;
      height: 100%;
    }

    .text-teal {
      font-size: 14px;
      text-align: center;
    }

    .hi-home {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }

    .eco-smart,
    .site-crm {
      width: 100%;
    }

    .eco-disc {
      width: 100%;
      text-align: center;
    }

    .eco-smart {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex-direction: row-reverse;
    }

    .eco-pro {
      width: 100%;
    }

    .eco-edge {
      width: 100%;
      height: -webkit-fill-available;
    }

    .eco-emp {
      width: 100%;
    }

    .fea-card {
      padding: 0px;
      width: 100%;
      margin-top: 10px !important;
    }

    .fea-strip {
      padding: 15px 0 15px 0;
    }

    .eco-two {
      display: flex;
      flex-direction: column;
    }

    .eco-img2 {
      margin-top: 44px;
      display: flex;
      justify-content: center;
    }

    .eco-wide {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .fea-strip {
      margin: 0 !important;
    }

    .block-img {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    .simp-one {
      width: 100%;
    }

    .simp-two {
      width: 100%;
    }
  }

  /* desktop */
  /* ==========================
        MEGA MENU
  ========================== */
  .site-menu-main {
    position: static;
  }

  .nav-item-has-children {
    position: static;
  }

  .mega-submenu {
    position: absolute;
    top: 20px;
    left: 50%;
    gap: 18px;
    background: #252525;

  }

  .nav-item-has-children:hover .mega-submenu {
    opacity: 1;
    visibility: visible;
  }

  .mega-column {
    background: #1F1F1F;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    min-height: 340px;

  }

  .mega-column h5 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 22px;
    padding-bottom: 10px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #0DC6F6 0%, #53DCFF 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    border-bottom: 1.2px solid transparent;
    border-image: linear-gradient(90deg,
        #1A51D5 0%,
        #32B7FF 10%,
        #3BDFFD 20%,
        #7DFDFA 30%,
        #F6FEF3 40%,
        #7CFEF3 50%,
        #33E1F5 60%,
        #30BAF4 70%,
        #298DF7 80%,
        #2148AB 99.8%) 1;
  }

  .mega-link {

    display: flex;

    align-items: center;

    gap: 12px;

    text-decoration: none;

    color: #fff;

    margin-bottom: 22px;

    transition: .25s;
  }

  .mega-link:last-child {

    margin-bottom: 0;
  }

  .mega-link img {
    background: #383838;
    border-radius: 6px;
  }

  .mega-link:hover {
    color: #15c4ff;
    transform: translateX(4px);
  }

  .menu-one {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #ffffff;
  }

  .nav-item.nav-item-has-children:hover>.nav-link-item {
    color: #0DC6F6 !important;
  }

  .mega-column.mega-image {
    height: 340px;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1F1F1F;
    border-radius: 10px;
  }

  .mega-image a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mega-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* shows the WHOLE image, no cropping */
    object-position: center;
    display: block;
    border-radius: 12px;
  }

  .mega-all {
    width: 340px;
  }

  /* mobile mega menu */
  @media(max-width:900px) {

    .v-img {
      height: fit-content;
      /* border-bottom: 0.6px solid #474747; */
    }

    .mega-column.mega-image {
      height: fit-content;
      background: none;
    }

    .mega-image img {
      object-fit: fill;
      border-radius: none;
    }

    .mob-one {
      padding: 10px !important;

    }

    .mob-two {
      padding: 0 !important;
    }

    .mega-column {
      min-height: fit-content;
      background: #0B0B0B;
      padding: 0 !important;
    }

    .mega-column h5 {
      font-size: 24px;
      border-image: none;
      margin-bottom: 0px;
      gap: 46px;
      -webkit-text-fill-color: #ffffff;
    }

    .menu-one {
      font-size: 18px;
    }

    .mega-link img {
      width: 33px;
      height: 33px;
      padding: 0;
    }

    .mega-submenu {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100%;
      height: 100%;
      background: #0B0B0B !important;
      display: none;
      z-index: 1000;
    }

    .mega-submenu.active {
      display: block;
    }

    .nav-item-has-children a {
      padding: 10px 15px;
      border-bottom: 0.6px solid #474747;
      margin-bottom: 0;
    }

    .v-pic {
      padding: 0 !important;
    }

    .dropdown-title {
      font-size: 20px;
      font-weight: 500;
    }

    .dropdown-title i {
      font-size: 14px;
    }

    .mega-link {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 0 12px 15px;
      color: #fff;
      text-decoration: none;
    }

    .mega-link img {
      width: 36px;
      height: 36px;
      border-radius: 10px;
    }

    .dropdown-icon {
      transition: transform .3s ease;
      transform: rotate(0deg);

    }

    .dropdown-title[aria-expanded="true"] .dropdown-icon {
      transform: rotate(180deg) !important;
    }

    /* Default */
    .dropdown-title {
      color: #fff;
      transition: color .3s ease;
    }

    .dropdown-title h5 {
      margin: 0;
      color: inherit;
      -webkit-text-fill-color: currentColor;
    }

    .dropdown-icon {
      transition: transform .3s ease, filter .3s ease;
      transform: rotate(0deg);
    }

    /* .icon-four{
    padding-left: 10px !important;
  } */

    /* Hover */
    .dropdown-title:hover {
      color: #0DC6F6;
    }

    .dropdown-title:hover .dropdown-icon {
      filter: brightness(0) saturate(100%) invert(69%) sepia(78%) saturate(1650%) hue-rotate(157deg) brightness(101%) contrast(95%);

    }

    /* Open (Clicked) */
    .dropdown-title[aria-expanded="true"] {
      color: #0DC6F6 !important;
    }

    .dropdown-title[aria-expanded="true"] h5 {
      color: #0DC6F6 !important;
      -webkit-text-fill-color: #0DC6F6 !important;
    }

    .dropdown-title[aria-expanded="true"] .dropdown-icon {
      transform: rotate(180deg);
      filter: brightness(0) saturate(100%) invert(69%) sepia(78%) saturate(1650%) hue-rotate(157deg) brightness(101%) contrast(95%);
    }

    .mega-all {
      width: 100%;
    }

    .vsnap-content {
      margin-left: 26px;
      border-left: 0.6px solid #474747;
    }
  }

  @media(width:1164px) {
    .eco-disc {
      font-size: 12px;
    }

    .text-teal {
      font-size: 24px;
    }

    .eco-card2 {
      background-position: right;
    }

    .eco-img {
      left: 34%;
    }

    .eco-desc {
      font-size: 12px;
    }

    .eco-tag {
      font-size: 16px;
    }
  }

  @media(width:480px) {
    .text-teal {
      font-size: 18px !important;
    }

    .eco-card2,
    .eco-card3 {
      background-position: bottom !important;
    }

    .eco-card {
      height: -webkit-fill-available !important;
    }

    .eco-img,
    .eco-img2 {
      display: flex !important;
      justify-content: center !important;
    }

    .eco-card1 {
      padding: 15px !important;
    }
  }

  @media(width:1280px) {
    .eco-card2 {
      background-position: right;
    }

    .text-teal {
      font-size: 32px;
    }

    .eco-disc {
      font-size: 14px;
    }
  }

  @media(min-width:1440px) {
    .eco-card2 {
      min-height: 340px;
      background-position: right;
    }

    .eco-img1 {
      left: 20%;
      width: 100%;
    }
  }

  @media(min-width:1440px) {
    .ecosystem-section {
      .container {
        max-width: 1200px;
      }
    }
  }

  /* menu bar for mobile */
  .mega-submenu.active {
    display: block;
  }

  .nav-item-has-children:hover .mega-submenu {
    opacity: 1;
    visibility: visible;
  }

  .mega-submenu {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    gap: 18px;
    background: #222;
    display: flex;
    opacity: 0;
    visibility: hidden;
    /* pointer-events: none; */
    transition: opacity .25s ease;
    z-index: 1000;
    width: max-content;
    max-width: calc(100vw - 40px);
  }

  /* 
.collapse {
  display: none;
}
.collapse.menu-open {
  display: block;
}
  */
  .vs-collapse {
    display: none;
  }

  .vs-collapse.menu-open {
    display: block;
  }

  .sub-sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.6px solid #474747;
  }

  /* our clients sec bg */
  .royalfarms {
    background-image: url(../img/clients/royalfarms.png);
    background-repeat: round;
  }

  .rankeinfra {
    background-image: url(../img/clients/rankeinfra.png);
    background-repeat: round;
  }

  .ravillaestates {
    background-image: url(../img/clients/ravillaestatebanner.png);
    background-repeat: round;
  }

  /* bg ends */
  .font-fam {
    font-family: 'poppins';
  }

  .curve-footer {
    top: -77px;
  }

  @media (max-width:900px) {
    .curve-footer {
      top: 84px !important;
    }

    .bg-whitefoo {
      margin-bottom: 10px;
    }

    .site-header {
      padding: 7px 0 !important;
    }
  }

  @media (min-width:901px) {
    .curve-footer {
      position: absolute;
      top: -40px;
      z-index: 9;
    }

    .lg\:gap-x-20 {
      position: relative;
      z-index: 9;
    }

    .site-header {
      padding: 1rem 0 !important;
    }

    .vsnap-footer-logo {
      margin-bottom: 20px;
    }

    .site-logo-testi{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 20px 0 0px;

        p{
          margin-bottom: 0;
        }

        img{
          width: auto !important;
        }
      }
  }

  /* new updates */
  .vsnap-footer {
    padding-left: 0;
  }

  /* Back to Top Button */
  #backToTop {
    position: fixed;
    bottom: 80px;
    right: 15px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #51b5ff 0%, #075fa1 100%);
    color: #ffffff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    box-shadow: 0 4px 14px rgba(7, 95, 161, 0.4);
    overflow: hidden;
    isolation: isolate;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, color 0.4s ease, box-shadow 0.3s ease;
  }

  #backToTop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #ffffff;
    transition: height 0.4s ease;
    z-index: -1;
  }

  #backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  body.menu-open #backToTop {
    display: none !important;
  }

  @media (min-width: 901px) {
    #backToTop {
      width: 50px;
      height: 50px;
      font-size: 20px;
      bottom: 40px;
      right: 20px;
    }

    #backToTop:hover::before {
      height: 100%;
    }

    #backToTop:hover {
      color: #075fa1;
      box-shadow: 0 6px 18px rgba(7, 95, 161, 0.5);
    }

    .sitecrm-body {
      .testimonial-author img {
        position: relative;
        top: 10px !important;
      }
    }
  }

  /* Global base for hover effect */
  .hero-btn,
  .btn-grad {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: color 0.4s ease, box-shadow 0.3s ease;
  }

  .hero-btn::before,
  .btn-grad::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #ffffff;
    transition: height 0.4s ease;
    z-index: -1;
  }

  @media (min-width: 901px) {

    .hero-btn:hover::before,
    .btn-grad:hover::before {
      height: 100%;
    }

    .hero-btn:hover,
    .btn-grad:hover {
      color: #075fa1 !important;
      box-shadow: 0 6px 18px rgba(7, 95, 161, 0.5);
    }

    .hero-btn:hover img,
    .btn-grad:hover img {
      filter: brightness(0) saturate(100%) invert(26%) sepia(85%) saturate(1915%) hue-rotate(185deg) brightness(97%) contrast(96%);
    }
  }

  @media (width:1366px) and (height:641px) {
        .solutionscss {

    .hero-test{
         padding:2rem;
    }
      .hero-start{
        position: relative;
        padding-top: 0rem;
    }
    .hero-sub {
        line-height: 1;
    }
  }
  }
  @media (width:1366px) and (height:607px) {
      .solutionscss {

  .hero-test{
        padding:2rem;
      
  }
    .hero-start{
      position: relative;
      padding-top: 0rem;
  }
  .hero-sub {
      line-height: 1;
  }
}
  }
 
  @media (width:1366px) and (height:768px) {
    .solutionscss {
      .hero-start {
        position: relative;
        top: 0%;
      }
    }
  }

  #footer-2,
  #footer-2 * {
    font-family: 'Poppins' !important;
  }

  /* ========================================
   SIMPLIHI TESTIMONIALS DESKTOP
   ======================================== */
  .simplihi-body .testimonial-card,
  .sitecrm-body .testimonial-card {
    background-image: url(../img/inactive.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 808px;
    height: auto;
    flex: 1;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin: 0 auto;
  }

  .simplihi-body .swiper-slide-active .testimonial-content {
    background-image: url(../img/hi-quote.png);
    background-size: 100% 100%;
    background-position: center;
  }

  .simplihi-body .swiper-slide-active .testimonial-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(135, 255, 140, 0) 0%, #87FF8C 50%, rgba(135, 255, 140, 0) 100%);
    border-radius: inherit;
  }


  .sitecrm-body .testimonial-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(0, 196, 255, 0) 0%, #00C4FF 50%, rgba(0, 196, 255, 0) 100%);
    border-radius: inherit;
  }

  .sitecrm-body .testimonial-author p.author-name {
    background: linear-gradient(180deg, #99E5FF 0%, #00C4FF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
  }


  .sitecrm-body .testimonial-author img {
    height: auto !important;
    opacity: 0.1 !important;
    filter: none !important;
  }

  .sitecrm-body .swiper-slide-active .testimonial-author img {
    opacity: 1 !important;
  }



  .simplihi-body .testimonial-content,
  .sitecrm-body .testimonial-content {
    position: relative;
    height: auto;
  }



  .simplihi-body .testimonial-content p,
  .sitecrm-body .testimonial-content p:not(.author-name) {
    line-height: 34px;
    font-family: 'Poppins';
    font-size: 18px;
    color: #ffffff;
    padding: 0 20px;
    margin-bottom: 0;
  }

  .simplihi-body .testimonial-author,
  .sitecrm-body .testimonial-author {
    line-height: 29px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(180deg, #B7FFD9 0%, #03C15E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    position: relative;
    top: 20px;
  }

  .simplihi-body .testimonial-author .author-name,
  .sitecrm-body .testimonial-author .author-name {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0px;
    background: linear-gradient(180deg, #47BD6B 0%, #43B164 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .simplihi-body .testimonial-author img,
  .sitecrm-body .testimonial-author img {
    height: auto;
    width: 19%;
  }

  .simplihi-body .testimonialSwiperDesktop,
  .sitecrm-body .testimonialSwiperDesktop {
    padding: 20px 0 50px;
  }

  .simplihi-body .testimonialSwiperDesktop .swiper-wrapper,
  .sitecrm-body .testimonialSwiperDesktop .swiper-wrapper {
    align-items: center;
  }

  .simplihi-body .testimonialSwiperDesktop .swiper-slide,
  .sitecrm-body .testimonialSwiperDesktop .swiper-slide {
    opacity: 0.5;
    transform: scale(0.85);
    transition: opacity 0.4s ease, transform 0.4s ease;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
  }

  .simplihi-body .testimonialSwiperDesktop .swiper-slide-active,
  .sitecrm-body .testimonialSwiperDesktop .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
  }

  @media (min-width: 1903px) {

    .simplihi-body .testimonial-card,
    .sitecrm-body .testimonial-card {
      width: 950px !important;
      height: auto;
    }

    .sitecrm-body {
      .testimonial-author img {
        position: relative;
        top: -10px !important;
      }
    }

    .simplihi-body .testimonial-content,
    .sitecrm-body .testimonial-content {
      padding: 35px 25px 0px 10px;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      line-height: 48px !important;
      font-size: 30px !important;
      padding: 0px 20px 0 !important;
      min-height: 240px;
    }

    .simplihi-body .testimonial-author,
    .sitecrm-body .testimonial-author {
      top: 30px !important;
    }

    .simplihi-body .testimonial-author .author-name,
    .sitecrm-body .testimonial-author .author-name {
      font-size: 30px !important;
    }

    .desktopview .hero__title1 span {
      font-size: 42px !important;
      line-height: 58px !important;
    }

    .desktopview .hero__description1 {
      font-size: 22px !important;
      line-height: 36px !important;
      max-width: 100% !important;
    }

    .hero__content1 {
      padding-left: 56% !important;
      max-width: 90% !important;
    }

    .desktopview .hero__cta {
      font-size: 30px !important;
      padding: 1rem 3rem !important;
    }
  }

  @media (min-width: 2560px) {

    .simplihi-body .testimonial-card,
    .sitecrm-body .testimonial-card {
      width: 100vh !important;
      height: auto;
    }

    .sitecrm-body .testimonial-author img {
      height: auto;
      width: 18% !important;
    }

    .simplihi-body .testimonial-content,
    .sitecrm-body .testimonial-content {
      padding: 30px 30px 0px 20px;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      font-size: 26px;
      line-height: 48px;
      min-height: 240px;
    }

    .simplihi-body .testimonial-author p,
    .sitecrm-body .testimonial-author p {
      font-size: 36px !important;
    }

    .simplihi-body .testimonial-author,
    .sitecrm-body .testimonial-author {
      top: 30px !important;
      gap: 30px !important;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      line-height: 54px !important;
      font-size: 34px !important;
      min-height: 270px;
    }

    .simplihi-body .desktopview .hero__logo1 img {
      width: 400px !important;
    }

    .simplihi-body .desktopview .hero__title1 span {
      font-size: 46px !important;
      line-height: 68px !important;
    }

    .desktopview .hero__description1 {
      font-size: 26px !important;
      line-height: 40px !important;
      max-width: 100% !important;
      margin-bottom: 2rem !important;
    }

    .simplihi-body {
      .hero__content1 {
        max-width: 90% !important;
      }
    }
  }

  @media (max-width: 1400px) {

    .simplihi-body .testimonial-card {
      width: 700px;
      height: auto;
    }

    .sitecrm-body .testimonial-card {
      width: 740px;
    }

    .sitecrm-body .testimonial-author img {
      position: relative;
      top: 15px;
    }

    .simplihi-body .testimonial-content,
    .sitecrm-body .testimonial-content {
      padding: 20px 0px 0px 0px;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      font-size: 24px;
      line-height: 34px;
      font-family: 'Poppins';
      color: #FFFFFF;
      min-height: 170px;
    }
  }

  @media (max-width: 1200px) {

    .simplihi-body .testimonial-card,
    .sitecrm-body .testimonial-card {
      width: 550px;
      height: auto;
    }

    .simplihi-body .testimonial-content,
    .sitecrm-body .testimonial-content {
      padding: 15px 10px 15px 0px;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      font-size: 18px;
      line-height: 30px;
      min-height: 150px;
    }

    .simplihi-body .testimonial-author p,
    .sitecrm-body .testimonial-author p {
      font-size: 14px;
    }

    .simplihi-body .testimonial-author,
    .sitecrm-body .testimonial-author {
      top: 10px;
    }
  }

  @media (max-width: 991px) {

    .simplihi-body .testimonial-card,
    .sitecrm-body .testimonial-card {
      width: 450px;
      height: auto;
    }

    .simplihi-body .testimonial-content,
    .sitecrm-body .testimonial-content {
      padding: 15px 10px 15px 0px;
    }

    .simplihi-body .testimonial-content p,
    .sitecrm-body .testimonial-content p:not(.author-name) {
      font-size: 12px;
      line-height: 20px;
      min-height: 100px;
    }

    .simplihi-body .testimonial-author img,
    .sitecrm-body .testimonial-author img {
      width: 30px;
    }

    .simplihi-body .testimonial-author p,
    .sitecrm-body .testimonial-author p {
      font-size: 12px;
    }
  }

  /* FAQ Accordion Styles */
  .accordion-content {
    display: none;
    margin-top: 15px;
  }

  .accordion-item.active .accordion-content {
    display: block;
  }

  .accordion-icon {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .accordion-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease;
  }

  .accordion-item .accordion-icon img:last-child {
    opacity: 0;
  }

  .accordion-item.active .accordion-icon img:first-child {
    opacity: 0;
  }

  .accordion-item.active .accordion-icon img:last-child {
    opacity: 1;
  }

  @media (max-width:900px) {
    .primary-relative-footer{
      position: relative;
      z-index: 9;
    }
    .curve-footer {
        top: -16px !important;
    }
  }
/* Testimonial Section Tailwind Fallback for Index.php */
#testimonial-section {
  overflow: hidden;
  padding-bottom: 80px;
}
#testimonial-section .horizontal-slide-from-right-to-left {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: scroll-left 25s linear infinite;
}
#testimonial-section .horizontal-slide-from-right-to-left:hover {
  animation-play-state: paused;
}
#testimonial-section .horizontal-slide-from-right-to-left > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 415px;
  gap: 32px;
  border-radius: 10px;
  border: 1px solid #333;
  padding: 30px;
  color: white;
  background-color: transparent;
}
#testimonial-section .horizontal-slide-from-right-to-left p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;
  margin: 0;
}
#testimonial-section .horizontal-slide-from-right-to-left .flex.items-center.gap-x-4 {
  display: flex;
  align-items: center;
  gap: 16px;
}
#testimonial-section .horizontal-slide-from-right-to-left .text-lg {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6;
  display: block;
}
#testimonial-section .horizontal-slide-from-right-to-left .text-sm {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.4;
  display: block;
  color: #ccc;
}

@media (width: 2560px) and (height: 945px) {
  .solutionscss .hero {
    min-height: 120vh !important;
  }
}