body{
    font-family: 'Inter', sans-serif;

}

@font-face {
    font-family: 'DM Sans';
  
    src: url('../assets/fonts/DMSans-Regular.woff2') format('woff2');
  
    font-weight: normal;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'DM Sans';
  
    src: url('../assets/fonts/DMSans-Bold.woff2') format('woff2');
  
    font-weight: bold;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'DM Sans';
  
    src: url('../assets/fonts/DMSans-Medium.woff2') format('woff2');
  
    font-weight: 500;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Thin.woff2') format('woff2');
  
    font-weight: 100;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-ExtraLight.woff2') format('woff2');
  
    font-weight: 200;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Light.woff2') format('woff2');
  
    font-weight: 300;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Regular.woff2') format('woff2');
  
    font-weight: normal;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Medium.woff2') format('woff2');
  
    font-weight: 500;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-SemiBold.woff2') format('woff2');
  
    font-weight: 600;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-ExtraBold.woff2') format('woff2');
  
    font-weight: bold;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Bold.woff2') format('woff2');
  
    font-weight: bold;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('../assets/fonts/Poppins-Black.woff2') format('woff2');
  
    font-weight: 900;
  
    font-style: normal;
  
    font-display: swap;
  }
  
  /*
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
  */
  
  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
  
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
  }
  
  ::before,
  ::after {
    --tw-content: '';
  }
  
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS
  */
  
  html,
  :host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
       tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
  }
  
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  
  body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
  }
  
  /*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
  
  hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
  }
  
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
  }
  
  /*
  Remove the default font size and weight for headings.
  */
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  /*
  Add the correct font weight in Edge and Safari.
  */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
  */
  
  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
  }
  
  /*
  Add the correct font size in all browsers.
  */
  
  small {
    font-size: 80%;
  }
  
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
  
  table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
  }
  
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
  }
  
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  
  button,
  select {
    text-transform: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  
  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
  }
  
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  
  :-moz-focusring {
    outline: auto;
  }
  
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  
  :-moz-ui-invalid {
    box-shadow: none;
  }
  
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  
  progress {
    vertical-align: baseline;
  }
  
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  
  [type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  
  /*
  Add the correct display in Chrome and Safari.
  */
  
  summary {
    display: list-item;
  }
  
  /*
  Removes the default spacing and border for appropriate elements.
  */
  
  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;
  }
  
  /*
  Reset default styling for dialogs.
  */
  
  dialog {
    padding: 0;
  }
  
  /*
  Prevent resizing textareas horizontally by default.
  */
  
  textarea {
    resize: vertical;
  }
  
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
  }
  
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
  }
  
  /*
  Set the default cursor for buttons.
  */
  
  button,
  [role="button"] {
    cursor: pointer;
  }
  
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  
  :disabled {
    cursor: default;
  }
  
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
  }
  
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  
  /* Make elements with the HTML hidden attribute stay hidden by default */
  
  [hidden] {
    display: none;
  }
  
  * {
    -webkit-tap-highlight-color: transparent;
  }
  
  *:is(h1, h2, h3, h5, h6) {
    font-family: 'Poppins';
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  h4 {
    font-family: 'DM Sans';
  }
  
  ::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  ::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    align-items: stretch;
    scroll-behavior: smooth;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  main {
    flex-shrink: 0;
    flex-grow: 1;
  }
  
  footer {
    flex-shrink: 0;
    border-top-width: 1px;
  }
  
  .h2_pos {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
  }
  
  @media (min-width: 768px) {
    .h2_pos {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .h2_pos {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  *:focus-visible {
    outline-color: #C52031;
  }
  
  input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  *, ::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%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
  
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
      padding-right: 12.5rem;
      padding-left: 12.5rem;
    }
  }
  
  .visible {
    visibility: visible;
  }
  
  .static {
    position: static;
  }
  
  .absolute {
    position: absolute;
  }
  
  .relative {
    position: relative;
  }
  
  .sticky {
    position: sticky;
  }
  
  .inset-0 {
    inset: 0px;
  }
  
  .-bottom-8 {
    bottom: -2rem;
  }
  
  .bottom-\[-30px\] {
    bottom: -30px;
  }
  
  .left-0 {
    left: 0px;
  }
  
  .right-0 {
    right: 0px;
  }
  
  .top-0 {
    top: 0px;
  }
  
  .top-16 {
    top: 4rem;
  }
  
  .top-20 {
    top: 5rem;
  }
  
  .top-4 {
    top: 1rem;
  }
  
  .z-10 {
    z-index: 10;
  }
  
  .z-\[1\] {
    z-index: 1;
  }
  
  .order-2 {
    order: 2;
  }
  
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  
  .m-auto {
    margin: auto;
  }
  
  .mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  
  .mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .-mt-36 {
    margin-top: -9rem;
  }
  
  .-mt-48 {
    margin-top: -12rem;
  }
  
  .mb-0 {
    margin-bottom: 0px;
  }
  
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  
  .mb-12 {
    margin-bottom: 3rem;
  }
  
  .mb-16 {
    margin-bottom: 4rem;
  }
  
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  
  .mb-20 {
    margin-bottom: 5rem;
  }
  
  .mb-24 {
    margin-bottom: 6rem;
  }
  
  .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;
  }
  
  .ml-16 {
    margin-left: 4rem;
  }
  
  .ml-2 {
    margin-left: 0.5rem;
  }
  
  .ml-3 {
    margin-left: 0.75rem;
  }
  
  .ml-6 {
    margin-left: 1.5rem;
  }
  
  .ml-8 {
    margin-left: 2rem;
  }
  
  .mr-1 {
    margin-right: 0.25rem;
  }
  
  .mr-2 {
    margin-right: 0.5rem;
  }
  
  .mr-3 {
    margin-right: 0.75rem;
  }
  
  .mt-1 {
    margin-top: 0.25rem;
  }
  
  .mt-1\.5 {
    margin-top: 0.375rem;
  }
  
  .mt-10 {
    margin-top: 2.5rem;
  }
  
  .mt-12 {
    margin-top: 3rem;
  }
  
  .mt-14 {
    margin-top: 3.5rem;
  }
  
  .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-8 {
    margin-top: 2rem;
  }
  
  .mt-\[-187px\] {
    margin-top: -187px;
  }
  
  .mt-\[-210px\] {
    margin-top: -210px;
  }
  
  .mt-\[-24px\] {
    margin-top: -24px;
  }
  
  .mt-\[-250px\] {
    margin-top: -250px;
  }
  
  .mt-\[-50px\] {
    margin-top: -50px;
  }
  
  .mt-auto {
    margin-top: auto;
  }
  
  .block {
    display: block;
  }
  
  .inline-block {
    display: inline-block;
  }
  
  .flex {
    display: flex;
  }
  
  .inline-flex {
    display: inline-flex;
  }
  
  .table {
    display: table;
  }
  
  .table-cell {
    display: table-cell;
  }
  
  .grid {
    display: grid;
  }
  
  .contents {
    display: contents;
  }
  
  .hidden {
    display: none;
  }
  
  .aspect-\[1\.02\] {
    aspect-ratio: 1.02;
  }
  
  .aspect-\[1\.06\] {
    aspect-ratio: 1.06;
  }
  
  .h-12 {
    height: 3rem;
  }
  
  .h-14 {
    height: 3.5rem;
  }
  
  .h-16 {
    height: 4rem;
  }
  
  .h-2 {
    height: 0.5rem;
  }
  
  .h-20 {
    height: 5rem;
  }
  
  .h-6 {
    height: 1.5rem;
  }
  
  .h-7 {
    height: 1.75rem;
  }
  
  .h-\[250px\] {
    height: 250px;
  }
  
  .h-\[28rem\] {
    height: 28rem;
  }
  
  .h-\[80px\] {
    height: 80px;
  }
  
  .h-auto {
    height: auto;
  }
  
  .h-screen {
    height: 100vh;
  }
  
  .max-h-0 {
    max-height: 0px;
  }
  
  .min-h-screen {
    min-height: 100vh;
  }
  
  .w-14 {
    width: 3.5rem;
  }
  
  .w-16 {
    width: 4rem;
  }
  
  .w-2 {
    width: 0.5rem;
  }
  
  .w-20 {
    width: 5rem;
  }
  
  .w-6 {
    width: 1.5rem;
  }
  
  .w-7 {
    width: 1.75rem;
  }
  
  .w-\[200px\] {
    width: 200px;
  }
  
  .w-\[350px\] {
    width: 350px;
  }
  
  .w-\[80px\] {
    width: 80px;
  }
  
  .w-auto {
    width: auto;
  }
  
  .w-full {
    width: 100%;
  }
  
  .max-w-2xl {
    max-width: 42rem;
  }
  
  .max-w-7xl {
    max-width: 80rem;
  }
  
  .max-w-\[276px\] {
    max-width: 276px;
  }
  
  .max-w-\[300px\] {
    max-width: 300px;
  }
  
  .max-w-\[328px\] {
    max-width: 328px;
  }
  
  .max-w-\[400px\] {
    max-width: 400px;
  }
  
  .max-w-full {
    max-width: 100%;
  }
  
  .max-w-xl {
    max-width: 36rem;
  }
  
  .flex-1 {
    flex: 1 1 0%;
  }
  
  .flex-shrink {
    flex-shrink: 1;
  }
  
  .flex-grow {
    flex-grow: 1;
  }
  
  .grow {
    flex-grow: 1;
  }
  
  .basis-1\/5 {
    flex-basis: 20%;
  }
  
  .basis-2\/4 {
    flex-basis: 50%;
  }
  
  .basis-3\/5 {
    flex-basis: 60%;
  }
  
  .basis-full {
    flex-basis: 100%;
  }
  
  .origin-center {
    transform-origin: center;
  }
  
  .rotate-12 {
    --tw-rotate: 12deg;
    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));
  }
  
  .cursor-pointer {
    cursor: pointer;
  }
  
  .resize {
    resize: both;
  }
  
  .list-inside {
    list-style-position: inside;
  }
  
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .flex-row {
    flex-direction: row;
  }
  
  .flex-col {
    flex-direction: column;
  }
  
  .items-start {
    align-items: flex-start;
  }
  
  .items-end {
    align-items: flex-end;
  }
  
  .items-center {
    align-items: center;
  }
  
  .items-baseline {
    align-items: baseline;
  }
  
  .justify-end {
    justify-content: flex-end;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .gap-10 {
    gap: 2.5rem;
  }
  
  .gap-3 {
    gap: 0.75rem;
  }
  
  .gap-4 {
    gap: 1rem;
  }
  
  .gap-5 {
    gap: 1.25rem;
  }
  
  .gap-6 {
    gap: 1.5rem;
  }
  
  .gap-8 {
    gap: 2rem;
  }
  
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  
  .self-end {
    align-self: flex-end;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .whitespace-nowrap {
    white-space: nowrap;
  }
  
  .text-nowrap {
    text-wrap: nowrap;
  }
  
  .rounded-3xl {
    border-radius: 1.5rem;
  }
  
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  
  .rounded-\[34px\] {
    border-radius: 34px;
  }
  
  .rounded-full {
    border-radius: 9999px;
  }
  
  .rounded-lg {
    border-radius: 0.5rem;
  }
  
  .rounded-md {
    border-radius: 0.375rem;
  }
  
  .rounded-xl {
    border-radius: 0.75rem;
  }
  
  .rounded-b-\[14px\] {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
  }
  
  .rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  
  .rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  
  .border {
    border-width: 1px;
  }
  
  .border-2 {
    border-width: 2px;
  }
  
  .border-b {
    border-bottom-width: 1px;
  }
  
  .border-r {
    border-right-width: 1px;
  }
  
  .border-r-0 {
    border-right-width: 0px;
  }
  
  .border-t {
    border-top-width: 1px;
  }
  
  .border-dotted {
    border-style: dotted;
  }
  
  .border-\[\#0000000d\] {
    border-color: #0000000d;
  }
  
  .border-\[\#132440\] {
    --tw-border-opacity: 1;
    border-color: rgb(19 36 64 / var(--tw-border-opacity));
  }
  
  .border-\[\#2A343D\] {
    --tw-border-opacity: 1;
    border-color: rgb(42 52 61 / var(--tw-border-opacity));
  }
  
  .border-\[\#2E3774\] {
    --tw-border-opacity: 1;
    border-color: rgb(46 55 116 / var(--tw-border-opacity));
  }
  
  .border-\[\#B8C0F5\] {
    --tw-border-opacity: 1;
    border-color: rgb(184 192 245 / var(--tw-border-opacity));
  }
  
  .border-\[\#BCCBDA\] {
    --tw-border-opacity: 1;
    border-color: rgb(188 203 218 / var(--tw-border-opacity));
  }
  
  .border-\[\#C3C7E2\] {
    --tw-border-opacity: 1;
    border-color: rgb(195 199 226 / var(--tw-border-opacity));
  }
  
  .border-\[\#C6E2F8\] {
    --tw-border-opacity: 1;
    border-color: rgb(198 226 248 / var(--tw-border-opacity));
  }
  
  .border-\[\#C8CDF2\] {
    --tw-border-opacity: 1;
    border-color: rgb(200 205 242 / var(--tw-border-opacity));
  }
  
  .border-\[\#CDE3F9\] {
    --tw-border-opacity: 1;
    border-color: rgb(205 227 249 / var(--tw-border-opacity));
  }
  
  .border-\[\#CFE0EB\] {
    --tw-border-opacity: 1;
    border-color: rgb(207 224 235 / var(--tw-border-opacity));
  }
  
  .border-\[\#D2D6DB\] {
    --tw-border-opacity: 1;
    border-color: rgb(210 214 219 / var(--tw-border-opacity));
  }
  
  .border-\[\#DDE3EF\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 227 239 / var(--tw-border-opacity));
  }
  
  .border-\[\#F3F4F6\] {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
  }
  
  .border-\[\#F8C6CD\] {
    --tw-border-opacity: 1;
    border-color: rgb(248 198 205 / var(--tw-border-opacity));
  }
  
  .border-\[\#FEF2F2\] {
    --tw-border-opacity: 1;
    border-color: rgb(254 242 242 / var(--tw-border-opacity));
  }
  
  .border-\[\#FFFFFF\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
  
  .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
  }
  
  .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
  
  .border-b-\[\#D2D6DB\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(210 214 219 / var(--tw-border-opacity));
  }
  
  .border-b-\[\#FBE7EA\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(251 231 234 / var(--tw-border-opacity));
  }
  
  .border-l-\[\#E3E5F1\] {
    --tw-border-opacity: 1;
    border-left-color: rgb(227 229 241 / var(--tw-border-opacity));
  }
  
  .border-r-\[\#D2D6DB\] {
    --tw-border-opacity: 1;
    border-right-color: rgb(210 214 219 / var(--tw-border-opacity));
  }
  
  .border-t-\[\#D2D6DB\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(210 214 219 / var(--tw-border-opacity));
  }
  
  .bg-\[\#07131D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(7 19 29 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#121D63\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 29 99 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#1F2937\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#27477F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 71 127 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#DBEBFA7D\] {
    background-color: #DBEBFA7D;
  }
  
  .bg-\[\#E3F1FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 241 255 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#E4E7FB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(228 231 251 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EBEDFC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 237 252 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EBF6FD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 246 253 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EDF2FB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 242 251 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EDF5FD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 245 253 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EEF0FC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 252 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#EFF0FB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 240 251 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F2F4F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 246 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F2F4F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 248 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F2F5F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F3F5F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 247 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F6F7FD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 253 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#F8F9FD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 253 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FAFAFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FDF5F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 245 246 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FDFBFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 251 251 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FEF2F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FFF7F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 248 / var(--tw-bg-opacity));
  }
  
  .bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  }
  
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
  
  .from-\[\#172688\] {
    --tw-gradient-from: #172688 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(23 38 136 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  
  .to-\[\#101A5B\] {
    --tw-gradient-to: #101A5B var(--tw-gradient-to-position);
  }
  
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .p-1 {
    padding: 0.25rem;
  }
  
  .p-12 {
    padding: 3rem;
  }
  
  .p-3 {
    padding: 0.75rem;
  }
  
  .p-4 {
    padding: 1rem;
  }
  
  .p-5 {
    padding: 1.25rem;
  }
  
  .p-8 {
    padding: 2rem;
  }
  
  .p-\[24px\] {
    padding: 24px;
  }
  
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .pb-10 {
    padding-bottom: 2.5rem;
  }
  
  .pb-14 {
    padding-bottom: 3.5rem;
  }
  
  .pb-16 {
    padding-bottom: 4rem;
  }
  
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  
  .pb-20 {
    padding-bottom: 5rem;
  }
  
  .pb-24 {
    padding-bottom: 6rem;
  }
  
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  
  .pb-4 {
    padding-bottom: 1rem;
  }
  
  .pb-40 {
    padding-bottom: 10rem;
  }
  
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  
  .pb-8 {
    padding-bottom: 2rem;
  }
  
  .pb-80 {
    padding-bottom: 20rem;
  }
  
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  
  .pl-10 {
    padding-left: 2.5rem;
  }
  
  .pl-12 {
    padding-left: 3rem;
  }
  
  .pl-2 {
    padding-left: 0.5rem;
  }
  
  .pl-6 {
    padding-left: 1.5rem;
  }
  
  .pl-8 {
    padding-left: 2rem;
  }
  
  .pr-20 {
    padding-right: 5rem;
  }
  
  .pr-3 {
    padding-right: 0.75rem;
  }
  
  .pr-4 {
    padding-right: 1rem;
  }
  
  .pr-8 {
    padding-right: 2rem;
  }
  
  .pt-1 {
    padding-top: 0.25rem;
  }
  
  .pt-12 {
    padding-top: 3rem;
  }
  
  .pt-2 {
    padding-top: 0.5rem;
  }
  
  .pt-20 {
    padding-top: 5rem;
  }
  
  .pt-24 {
    padding-top: 6rem;
  }
  
  .pt-3 {
    padding-top: 0.75rem;
  }
  
  .pt-4 {
    padding-top: 1rem;
  }
  
  .pt-5 {
    padding-top: 1.25rem;
  }
  
  .pt-52 {
    padding-top: 13rem;
  }
  
  .pt-6 {
    padding-top: 1.5rem;
  }
  
  .pt-60 {
    padding-top: 15rem;
  }
  
  .pt-8 {
    padding-top: 2rem;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-center {
    text-align: center;
  }
  
  .align-middle {
    vertical-align: middle;
  }
  
  .font-dm-sans {
    font-family: 'DM Sans';
  }
  
  .text-24 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .text-32 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  
  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  
  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  
  .text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  
  .text-\[10px\] {
    font-size: 10px;
  }
  
  .text-\[16px\] {
    font-size: 16px;
  }
  
  .text-\[22px\] {
    font-size: 22px;
  }
  
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .font-bold {
    font-weight: 700;
  }
  
  .font-medium {
    font-weight: 500;
  }
  
  .font-normal {
    font-weight: 400;
  }
  
  .font-semibold {
    font-weight: 600;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .italic {
    font-style: italic;
  }
  
  .leading-5 {
    line-height: 1.25rem;
  }
  
  .leading-6 {
    line-height: 1.5rem;
  }
  
  .leading-\[24px\] {
    line-height: 24px;
  }
  
  .leading-loose {
    line-height: 2;
  }
  
  .leading-relaxed {
    line-height: 1.625;
  }
  
  .leading-snug {
    line-height: 1.375;
  }
  
  .leading-tight {
    line-height: 1.25;
  }
  
  .tracking-wide {
    letter-spacing: 0.025em;
  }
  
  .tracking-wider {
    letter-spacing: 0.05em;
  }
  
  .text-\[\#0089DE\] {
    --tw-text-opacity: 1;
    color: rgb(0 137 222 / var(--tw-text-opacity));
  }
  
  .text-\[\#07131D\] {
    --tw-text-opacity: 1;
    color: rgb(7 19 29 / var(--tw-text-opacity));
  }
  
  .text-\[\#080D2D\] {
    --tw-text-opacity: 1;
    color: rgb(8 13 45 / var(--tw-text-opacity));
  }
  
  .text-\[\#0D6AC0\] {
    --tw-text-opacity: 1;
    color: rgb(13 106 192 / var(--tw-text-opacity));
  }
  
  .text-\[\#172688\] {
    --tw-text-opacity: 1;
    color: rgb(23 38 136 / var(--tw-text-opacity));
  }
  
  .text-\[\#173552B2\] {
    color: #173552B2;
  }
  
  .text-\[\#173552\] {
    --tw-text-opacity: 1;
    color: rgb(23 53 82 / var(--tw-text-opacity));
  }
  
  .text-\[\#192839\] {
    --tw-text-opacity: 1;
    color: rgb(25 40 57 / var(--tw-text-opacity));
  }
  
  .text-\[\#1F2937\] {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .text-\[\#212121\] {
    --tw-text-opacity: 1;
    color: rgb(33 33 33 / var(--tw-text-opacity));
  }
  
  .text-\[\#2E5391\] {
    --tw-text-opacity: 1;
    color: rgb(46 83 145 / var(--tw-text-opacity));
  }
  
  .text-\[\#40566D\] {
    --tw-text-opacity: 1;
    color: rgb(64 86 109 / var(--tw-text-opacity));
  }
  
  .text-\[\#475569\] {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
  }
  
  .text-\[\#50504F\] {
    --tw-text-opacity: 1;
    color: rgb(80 80 79 / var(--tw-text-opacity));
  }
  
  .text-\[\#52566C\] {
    --tw-text-opacity: 1;
    color: rgb(82 86 108 / var(--tw-text-opacity));
  }
  
  .text-\[\#525866\] {
    --tw-text-opacity: 1;
    color: rgb(82 88 102 / var(--tw-text-opacity));
  }
  
  .text-\[\#646464\] {
    --tw-text-opacity: 1;
    color: rgb(100 100 100 / var(--tw-text-opacity));
  }
  
  .text-\[\#6B7280\] {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .text-\[\#6F7988\] {
    --tw-text-opacity: 1;
    color: rgb(111 121 136 / var(--tw-text-opacity));
  }
  
  .text-\[\#7E878F\] {
    --tw-text-opacity: 1;
    color: rgb(126 135 143 / var(--tw-text-opacity));
  }
  
  .text-\[\#85ABF0\] {
    --tw-text-opacity: 1;
    color: rgb(133 171 240 / var(--tw-text-opacity));
  }
  
  .text-\[\#979797\] {
    --tw-text-opacity: 1;
    color: rgb(151 151 151 / var(--tw-text-opacity));
  }
  
  .text-\[\#D0D1D2\] {
    --tw-text-opacity: 1;
    color: rgb(208 209 210 / var(--tw-text-opacity));
  }
  
  .text-\[\#D2D6DB\] {
    --tw-text-opacity: 1;
    color: rgb(210 214 219 / var(--tw-text-opacity));
  }
  
  .text-\[\#FFFFFF54\] {
    color: #FFFFFF54;
  }
  
  .text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .text-\[\#c52301\] {
    --tw-text-opacity: 1;
    color: rgb(197 35 1 / var(--tw-text-opacity));
  }
  
  .text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
  }
  
  .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .underline {
    text-decoration-line: underline;
  }
  
  .opacity-90 {
    opacity: 0.9;
  }
  
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-\[\#C3C7E2\]\/50 {
    --tw-shadow-color: rgb(195 199 226 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
  }
  
  .outline {
    outline-style: solid;
  }
  
  .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
  }
  
  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-transform {
    transition-property: transform;
    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);
  }
  
  /* footer */
  
  .footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    padding-top: 7.5rem;
    padding-bottom: 1.5rem;
  }
  
  .footer_grid_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
  
  @media (min-width: 1280px) {
    .footer_grid_wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .footer_grid_row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 4rem;
  }
  
  @media (min-width: 768px) {
    .footer_grid_row {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.75rem;
    }
  }
  
  @media (min-width: 1280px) {
    .footer_grid_row {
      grid-column: span 2 / span 2;
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  
  .footer_grid_row .footer_grid_col:last-child {
    grid-column: span 2 / span 2;
  }
  
  @media (min-width: 768px) {
    .footer_grid_row .footer_grid_col:last-child {
      grid-column: span 4 / span 4;
    }
  }
  
  @media (min-width: 1280px) {
    .footer_grid_row .footer_grid_col:last-child {
      grid-column: span 1 / span 1;
    }
  }
  
  .footer_category_name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .footer_menu {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
  }
  
  .footer_menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  
  .footer_menu {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .footer_menulink {
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .footer_menulink:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .take_free_demo {
    width: 100%;
    max-width: 9.0625rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.1394rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .take_free_demo:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
  }
  
  .take_free_demo:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
  }
  
  .footer_contact_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.75rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  @media (min-width: 768px) {
    .footer_contact_wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: 2.5rem;
    }
  }
  
  .footer_contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .footer_contact {
      flex-direction: row;
      align-items: center;
    }
  }
  
  .footer_contact:last-child {
    gap: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .footer_contact:last-child {
      gap: 2.5rem;
    }
  }
  
  .footer_contact_social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.125rem;
  }
  
  .footer_contact_logo {
    width: 9rem;
  }
  
  .footer_contact_number a,
  .footer_contact_mail a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .footer_contact_number a:hover,
  .footer_contact_mail a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .footer_icon_link {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .footer_icon_link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .footer_copyright {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.1394rem;
    font-weight: 400;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .footer_copyright {
      text-align: center;
    }
  }
  
  .footer_copyright .footer_copyright_link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  /* footer end */
  
  /* index page */
  
  /* Billing POS section*/
  
  .billibg_pos > .wrapper > .section_heading {
    padding-bottom: 7rem;
    text-align: left;
  }
  
  .billibg_pos > .wrapper > .section_heading > .titel_tag {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .billibg_pos > .wrapper > .section_heading > .titel_name {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billibg_pos > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .billibg_pos > .wrapper > .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .billing_row {
    display: grid;
    align-items: center;
    gap: 2rem;
    padding-bottom: 6rem;
  }
  
  .billing_row:last-child {
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .billing_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0px;
      padding-bottom: 7rem;
    }
  }
  
  .billing_row .billing_col:last-child {
    position: sticky;
    top: 6rem;
  }
  
  @media (min-width: 1024px) {
    .billing_row .billing_col:last-child {
      padding-left: 5rem;
    }
  }
  
  .billing_img {
    width: 100%;
    border-radius: 1rem;
  }
  
  .billing_col_main {
    padding-left: 0px;
    text-align: left;
  }
  
  @media (min-width: 1024px) {
    .billing_col_main {
      padding-left: 5rem;
    }
  }
  
  .billing_titel {
    padding-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .billing_titel > span {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .billing_details {
    margin-bottom: 1.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billing_details {
      margin-bottom: 2.75rem;
    }
  }
  
  .explore_link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .explore_link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .explore_icon {
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background-image: url('../assets/icons/explor_arrow.svg');
    background-repeat: no-repeat;
  }
  
  .explore_link:hover .explore_icon {
    background-image: url('../assets/icons/explor_arrow-hover.svg');
  }
  
  /* Billing POS section END*/
  
  /* Add marketplace */
  
  .add_marketplace {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  .add_marketplace > .wrapper > .section_heading {
    text-align: left;
  }
  
  .add_marketplace > .wrapper > .section_heading > .titel_tag {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .add_marketplace > .wrapper > .section_heading > .titel_name {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .add_marketplace > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .marketplace_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 1.25rem;
    padding-top: 3.5rem;
  }
  
  @media (min-width: 768px) {
    .marketplace_row {
      padding-top: 5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .marketplace_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .marketplace_col > .marketplace_tab {
    margin-bottom: 0.5rem;
    border-left-width: 0.1875rem;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    line-height: 2.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .marketplace_col > .marketplace_tab > .marketplace_tab_name {
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .marketplace_col > .marketplace_tab > .marketplace_tab_details {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  
  .marketplace_col > .marketplace_tab > .marketplace_lern_more {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .marketplace_col > .marketplace_tab > .marketplace_lern_more:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .marketplace_tab_details, .marketplace_lern_more {
    display: none;
  }
  
  .marketplace_link_mob {
    display: none;
  }
  
  .marketplace_col:last-child {
    display: none;
  }
  
  @media (min-width: 1024px) {
    .marketplace_col:last-child {
      display: block;
    }
  }
  
  /* active tab css*/
  
  .marketplace_tab.active {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 191 99 / var(--tw-border-opacity)) !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-duration: 1000ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .marketplace_tab.active .marketplace_tab_name {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .marketplace_tab.active :is(.marketplace_tab_details, .marketplace_lern_more ) {
    display: block;
  }
  
  .marketplace_tab.active :is(.marketplace_link_mob) {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
  }
  
  @media (min-width: 1024px) {
    .marketplace_tab.active :is(.marketplace_link_mob) {
      display: none;
    }
  }
  
  .tabcontent + .tabcontent {
    display: none;
  }
  
  /* active tab end */
  
  /* Add marketplace end */
  
  /* outlet type section*/
  
  .outlet_type {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
  }
  
  .outlet_type > .wrapper > .section_heading {
    text-align: center;
  }
  
  .outlet_type > .wrapper > .section_heading > .titel_tag {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
  
  .outlet_type > .wrapper > .section_heading > .titel_name {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .outlet_type > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .outlet_type > .wrapper > .section_heading > .titel_dec {
    margin-top: 0.75rem;
    margin-bottom: 4rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .outlet_type > .wrapper > .section_heading > .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  @media (min-width: 1024px) {
    .outlet_type > .wrapper > .section_heading > .titel_dec {
      margin-bottom: 6rem;
    }
  }
  
  .outlet_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  @media (min-width: 768px) {
    .outlet_grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1280px) {
    .outlet_grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  
  .outlet_card{
    background: linear-gradient(311.01deg, rgba(0, 0, 0, 0.2) -48.64%, rgba(0, 0, 0, 0) 69.86%), #00AC59;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 1.5rem;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .outlet_card {
      padding: 2.5rem;
    }
  }
  
  .outlet_card_titel {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .outlet_card_titel {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  .outlet_card_img {
    max-width: 7.375rem;
  }
  
  @media (min-width: 1024px) {
    .outlet_card_img {
      max-width: 9.375rem;
    }
  }
  
  /* outlet type section end*/
  
  /* scheduale demo section */
  
  #free-demo-form {
    scroll-margin-top: 7rem;
  }
  
  @media (min-width: 768px) {
    #free-demo-form {
      scroll-margin-top: 8.75rem;
    }
  }
  
  .scheduale_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 4rem;
  }
  
  @media (min-width: 1024px) {
    .scheduale_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2.5rem;
    }
  }
  
  .scheduale_row .scheduale_col:first-child {
    order: 1;
  }
  
  @media (min-width: 768px) {
    .scheduale_row .scheduale_col:first-child {
      order: 0;
    }
  }
  
  .scheduale_img {
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 768px) {
    .scheduale_img {
      max-width: 24rem;
    }
  }
  
  .scheduale_form_titel {
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .scheduale_form_titel {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .scheduale_form_titel {
      text-align: left;
    }
  }
  
  .scheduale_form_dec {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .scheduale_form_dec {
      text-align: left;
    }
  }
  
  .scheduale_col .hbspt-form {
    padding-top: 1.5rem;
  }
  
  /* scheduale demo section end*/
  
  /* index page end*/
  
  /* billing page */
  
  /* estaurant billing software section */
  
  .billing_software > .wrapper > .section_heading {
    text-align: left;
  }
  
  @media (min-width: 768px) {
    .billing_software > .wrapper > .section_heading {
      text-align: center;
    }
  }
  
  .billing_software > .wrapper > .section_heading > .titel_name {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billing_software > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .billing_software > .wrapper > .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .billing_software_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 6rem;
    padding-top: 4rem;
  }
  
  @media (min-width: 768px) {
    .billing_software_row {
      padding-top: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .billing_software_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7rem;
      padding-top: 7rem;
    }
  }
  
  .billing_software_img {
    margin-bottom: 1.5rem;
    width: 100%;
    border-radius: 0.8387rem;
    /* aspect-ratio: 1.45; */
  }
  
  .billing_software_titel {
    padding-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billing_software_titel {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  .billing_software_dec {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billing_software_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  /* estaurant billing software section end*/
  
  /* Do a lot more with Petpooja */
  
  .more_with_pp > .wrapper > .section_heading {
    padding-bottom: 6rem;
    text-align: center;
  }
  
  .more_with_pp > .wrapper > .section_heading > .titel_name {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .more_with_pp > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .more_with_pp > .wrapper > .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .more_with_pp_row {
    display: grid;
    align-items: stretch;
  }
  
  @media (min-width: 768px) {
    .more_with_pp_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .more_with_pp_row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .more_with_pp_col {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: 2.5rem;
  }
  
  .more_with_pp_col:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  
  .more_with_pp_col:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
  }
  
  .more_with_pp_col:hover .more_woith_pp_titel {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .more_with_pp_col:hover .more_with_pp_dec {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
  }
  
  .more_with_explor_wrapper {
    position: relative;
    overflow: hidden;
  }
  
  .more_with_pp_col > .more_with_explor_wrapper > .more_with_explor {
    --tw-translate-x: -166px;
    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));
  }
  
  .more_with_pp_col > .more_with_explor_wrapper > .more_with_explor > svg {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .more_with_pp_col:hover > .more_with_explor_wrapper > .more_with_explor > svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .more_with_pp_col:hover > .more_with_explor_wrapper > .more_with_explor {
    --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));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-decoration-line: underline;
  }
  
  .more_with_pp_img {
    margin-bottom: 1.25rem;
    display: inline-block;
    max-width: 8.375rem;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .more_woith_pp_titel {
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .more_with_pp_dec {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  /* Do a lot more with Petpooja end*/
  
  /* happy customer */
  
  .happy_customer {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  
  .happy_customer > .wrapper > .happy_customer_row > .happy_customer_col .section_heading {
    text-align: left;
  }
  
  .happy_customer > .wrapper > .happy_customer_row > .happy_customer_col .section_heading > .titel_name {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .happy_customer > .wrapper > .happy_customer_row > .happy_customer_col .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .happy_customer > .wrapper > .happy_customer_row > .happy_customer_col .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  
  .happy_customer_calculatoin_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .happy_customer_calculatoin_row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .happy_customer_calculatoin_col {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    padding: 1rem;
  }
  
  .happy_customer_row > .section_spacing_y {
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .happy_customer_row > .section_spacing_y {
      padding-bottom: 7.5rem;
    }
  }
  
  .happy_customer_counter_row {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
  }
  
  .happy_customer_counter_digit, .happy_customer_counter_symbol {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity));
  }
  
  .happy_customer_counter_dec {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .happy_customer .happy_customer_col {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 1024px) {
    .happy_customer .happy_customer_col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }
  }
  
  .happy_customer_col > .happy_customer_explore {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .happy_customer_col > .happy_customer_explore:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .happy_customer_row .testimonial_slider .testimonial__img_content.happy_client_testimonial .testimonial_contents {
    padding-left: 0px;
  }
  
  @media (min-width: 768px) {
    .happy_customer_row .testimonial_slider .testimonial__img_content.happy_client_testimonial .testimonial_contents {
      padding-right: 3.5rem;
    }
  }
  
  .happy_customer_row .testimonial_slider .testimonial__img_content.happy_client_testimonial :is(.testimonial_clientparag, .clients_name) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .happy_customer_row .testimonial_slider .testimonial__img_content.happy_client_testimonial {
    align-items: flex-start;
  }
  
  .testimonial__img_content.happy_client_testimonial .testimonial_contents {
    order: 1;
  }
  
  @media (min-width: 768px) {
    .testimonial__img_content.happy_client_testimonial .testimonial_contents {
      order: 0;
    }
  }
  
  /* happy customer end*/
  
  /* blog */
  
  .blog > .wrapper > .section_heading {
    margin-bottom: 3.5rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .blog > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .blog > .wrapper > .section_heading > .titel_name {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .blog > .wrapper > .section_heading > .titel_name {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .blog > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .blog_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 4rem;
  }
  
  @media (min-width: 1024px) {
    .blog_row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .blod_content_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .blod_content_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .blod_content_row {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  
  .blog_img {
    width: 100%;
    border-radius: 0.5rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  @media (min-width: 768px) {
    .blog_img {
      height: 12.5rem;
    }
  }
  
  .blog_details_name {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .blog_deeials_dec{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 1.5rem;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .read_more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .read_more:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  /* blog end*/
  
  /* billing page end*/
  
  /* marketplace page */
  
  /* m hero section */
  
  .m_hero > .wrapper > .section_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .m_hero > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .m_hero > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .m_hero > .wrapper > .section_heading > .titel_name {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .m_hero > .wrapper > .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.1394rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .m_hero > .wrapper > .section_heading > .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .m_hero {
    padding-top: 4rem;
  }
  
  @media (min-width: 768px) {
    .m_hero {
      padding-top: 6rem;
    }
  }
  
  /* m hero section end*/
  
  .tabin-sticky {
    position: sticky;
    top: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 2.75rem;
  }
  
  @media (min-width: 768px) {
    .tabin-sticky {
      padding-top: 6rem;
    }
  }
  
  .tabin_details {
    padding-top: 6rem;
  }
  
  .tabin_row {
    position: relative;
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .tabin_row {
      display: block;
    }
  }
  
  .tabin_row::before {
    position: absolute;
    inset: 0px;
    top: 50%;
    z-index: 0;
    height: 0.0625rem;
    width: 100%;
    --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));
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .tabin_item {
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: center;
  }
  
  .tabin_list {
    display: block;
    cursor: pointer;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .tabin_list:target {
    --tw-bg-opacity: 1;
    background-color: rgb(253 234 233 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .tabin_list:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 234 233 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .tabin_content {
    scroll-margin-top: 11rem;
  }
  
  .tabin_content > .section_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  @media (min-width: 1280px) {
    .tabin_content > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .tabin_content > .section_heading > .titel_tag {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .tabin_content > .section_heading > .titel_name {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .tabin_content > .section_heading > .titel_dec {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .tabin_content > .section_heading > .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .tabin_content {
    padding-top: 0px;
    padding-bottom: 6rem;
  }
  
  .tabin_content_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 5rem;
  }
  
  @media (min-width: 768px) {
    .tabin_content_row {
      gap: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .tabin_content_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .tabin_content_row .billing_software_col .billing_software_details {
    text-align: left;
    margin-bottom: 1.875rem;
  }
  
  .billing_software_col > .billing_software_details > .M_fb_ul {
    list-style-position: inside;
  }
  
  .billing_software_col .billing_software_details .M_fb_ul p, .M_fb_ul li {
    list-style-type: disc;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .billing_software_col .billing_software_details .M_fb_ul p, .M_fb_ul li {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .billing_software_col .billing_software_details .M_fb_ul li {
    padding-left: 1rem;
  }
  
  /* tabin end*/
  
  .analytics-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  }
  
  .analytics_report {
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .analytics_report {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .analytics_img {
    margin: auto;
    border-radius: 1.5rem;
  }
  
  /* marketplace page end*/
  
  /* about us page */
  
  /* globel use heading and section spaceing */
  
  .small_scale, .empowring_restaurant, .people_behind {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  @media (min-width: 768px) {
    .small_scale, .empowring_restaurant, .people_behind {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .empowring_restaurant > .wrapper > .section_heading, .serving_delicious > .wrapper > .section_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant > .wrapper > .section_heading, .serving_delicious > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .empowring_restaurant > .wrapper > .section_heading, .serving_delicious > .wrapper > .section_heading {
      margin-bottom: 7.125rem;
    }
  }
  
  .empowring_restaurant > .wrapper > .section_heading > .titel_name, .serving_delicious > .wrapper > .section_heading > .titel_name, .people_behind > .wrapper > .section_heading > .titel_name {
    margin-bottom: 0.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .empowring_restaurant > .wrapper > .section_heading >  .titel_dec, .serving_delicious > .wrapper > .section_heading >  .titel_dec, .people_behind > .wrapper > .section_heading >  .titel_dec {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant > .wrapper > .section_heading >  .titel_dec, .serving_delicious > .wrapper > .section_heading >  .titel_dec, .people_behind > .wrapper > .section_heading >  .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  /* globel use heading and section spaceing end*/
  
  /* hero section */
  
  .about_hero {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  
  @media (min-width: 1024px) {
    .about_hero {
      padding-top: 6rem;
      padding-bottom: 5rem;
    }
  }
  
  .about_hero > .wrapper > .section_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .about_hero > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .about_hero > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .about_hero > .wrapper > .section_heading > .titel_tag {
    margin-bottom: 0.75rem;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .about_hero > .wrapper > .section_heading > .titel_name {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .about_hero > .wrapper > .section_heading > .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  @media (min-width: 1280px) {
    .about_hero > .wrapper > .section_heading > .titel_name {
      font-size: 3rem;
      line-height: 3.75rem;
    }
  }
  
  .about_hero > .wrapper > .section_heading > .titel_dec {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .about_hero > .wrapper > .section_heading > .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .about_hero_image {
    border-radius: 1rem;
  }
  
  /* hero section */
  
  /* From a small-scale */
  
  .small_scale_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .small_scale_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 4rem;
    }
  }
  
  @media (min-width: 1024px) {
    .small_scale_row {
      gap: 6rem;
    }
  }
  
  .small_scale_titel {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .small_scale_titel {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  @media (min-width: 1280px) {
    .small_scale_titel {
      margin-bottom: 3rem;
    }
  }
  
  .small_scale_titel span {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .small_scale_titel span {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  @media (min-width: 1280px) {
    .small_scale_titel span {
      margin-bottom: 3rem;
    }
  }
  
  .small_scale_img {
    width: 100%;
    border-radius: 1.3769rem;
  }
  
  .small_scale_parag:not(:last-child) {
    margin-bottom: 1.75rem;
  }
  
  .small_scale_parag {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .small_scale_parag span {
    font-size: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  /* From a small-scale end*/
  
  /* Empowering restaurant ecosystem */
  
  .empowring_restaurant > .wrapper > .section_heading {
    margin-bottom: 0px;
  }
  
  .empowring_restaurant_box {
    margin: auto;
    max-width: 46.75rem;
    padding-top: 6rem;
  }
  
  @media (min-width: 1280px) {
    .empowring_restaurant_box {
      padding-top: 7.5rem;
    }
  }
  
  .empowring_restaurant_wrapper {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_wrapper {
      flex-direction: row;
    }
  }
  
  .empowring_restaurant_details {
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_details {
      text-align: left;
    }
  }
  
  .empowring_restaurant_titel {
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_titel {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .empowring_restaurant_dec {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .empowring_restaurant_wrapper_img {
    max-width: 12.375rem;
  }
  
  .empowring_restaurant_innovation_grid, .empowring_restaurant_simplicity_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_innovation_grid, .empowring_restaurant_simplicity_grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .empowring_restaurant_innovation_grid img, .empowring_restaurant_simplicity_grid img, .empowring_restaurant_customer_grid img, .serving_delicious_col img {
    width: 100%;
    border-radius: 1.25rem;
  }
  
  .empowring_restaurant_innovation_grid .row_span {
    grid-row: span 2 / span 2;
  }
  
  .empowring_restaurant_customer_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_customer_grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .empowring_restaurant_customer_grid > img:last-child {
    grid-column: span 1 / span 1;
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .empowring_restaurant_customer_grid > img:last-child {
      grid-column: span 2 / span 2;
    }
  }
  
  .empowring_restaurant_pricing_grid img {
    border-radius: 0.5rem;
  }
  
  /* Empowering restaurant ecosystem end*/
  
  .serving_delicious .wrapper .section_heading {
    margin-bottom: 4rem;
  }
  
  @media (min-width: 1024px) {
    .serving_delicious .wrapper .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .serving_delicious_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 3.5rem;
  }
  
  @media (min-width: 768px) {
    .serving_delicious_row {
      gap: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .serving_delicious_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .serving_delicious_col:last-child {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .serving_delicious_col:last-child {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 4rem;
    }
  
    .serving_delicious_col:last-child:last-child {
      text-align: left;
    }
  }
  
  .serving_delicious_report_number {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 500;
  }
  
  .serving_delicious_report_dec {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .serving_delicious_report:nth-of-type(1) .serving_delicious_report_number, .serving_delicious_report:nth-of-type(4) .serving_delicious_report_number {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  /* People behind Petpooja  */
  
  .people_behind > .wrapper > .section_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .people_behind > .wrapper > .section_heading {
      margin-bottom: 6rem;
    }
  }
  
  .people_behind_team_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .people_behind_team_wrapper {
      gap: 5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .people_behind_team_wrapper {
      flex-wrap: nowrap;
      gap: 3rem;
    }
  }
  
  .people_behind_team_profile_img {
    margin: auto;
    margin-bottom: 1rem;
    max-width: 12.5rem;
    border-radius: 9999px;
  }
  
  .people_behind_team_profile_name {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .people_behind_team_profile_post {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .people_behind_growing_team_row {
    margin-top: 120px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 6rem;
  }
  
  @media (min-width: 1024px) {
    .people_behind_growing_team_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .people_behind_growing_team_col {
    position: relative;
  }
  
  .people_behind_growing_team_img {
    width: 100%;
    border-radius: 1.4708rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .people_behind_growing_team_details {
    position: absolute;
    bottom: -4rem;
    left: 0px;
    right: 0px;
    margin: auto;
    max-width: 90%;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    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);
  }
  
  @media (min-width: 768px) {
    .people_behind_growing_team_details {
      right: auto;
      max-width: 80%;
      border-top-left-radius: 0px;
      padding: 1.5rem;
    }
  }
  
  .people_behind_growing_team_dec {
    font-size: 1.375rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .people_behind_growing_team_dec {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  @media (min-width: 1280px) {
    .people_behind_growing_team_dec {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  .join_us_row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  
  @media (min-width: 1024px) {
    .join_us_row {
      flex-direction: row;
      gap: 6rem;
    }
  }
  
  .join_us_col:first-child img {
    border-radius: 1.25rem;
  }
  
  .join_us_col:first-child {
    order: 1;
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .join_us_col:first-child {
      order: 0;
    }
  }
  
  @media (min-width: 1024px) {
    .join_us_col:first-child {
      width: 60%;
    }
  }
  
  .join_us_col:last-child {
    width: 100%;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .join_us_col:last-child {
      width: 40%;
      text-align: left;
    }
  }
  
  .join_us_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 8.4375rem;
  }
  
  @media (min-width: 1024px) {
    .join_us_img {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 2.5rem;
    }
  }
  
  .join_us_dec {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .join_us_dec {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  /* People behind Petpooja  end*/
  
  /* about us page end*/
  
  /** integration Start **/
  
  .integration_heading {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
    max-width: 48rem;
    text-align: center;
  }
  
  .integration_heroimg {
    position: relative;
    width: 100%;
  }
  
  .integration_hero-img-dsk {
    display: none;
  }
  
  @media (min-width: 768px) {
    .integration_hero-img-dsk {
      display: block;
    }
  }
  
  .integration_hero-img-mob {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .integration_hero-img-mob {
      display: none;
    }
  }
  
  .integration_heading .titel_name {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .integration_heading .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  @media (min-width: 1280px) {
    .integration_heading .titel_name {
      font-size: 3rem;
      line-height: 3.75rem;
    }
  }
  
  .integration_heading .titel_dec {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .integration_heading .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .h3_pos {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .h3_pos {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .manage_aggregators {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .manage_aggregators {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  
    .manage_aggregators .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
      max-width: 20.5rem;
    }
  }
  
  .multiple_integrations .wrapper .bepartod_petpoojs_contentsimg, .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg {
    margin-bottom: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .multiple_integrations .wrapper .bepartod_petpoojs_contentsimg, .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg {
      margin-bottom: 3.5rem;
    }
  }
  
  .multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img, .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img, .become_integration .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
    border-radius: 0.5rem;
  }
  
  .multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartof_titleparagrah, .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg, .become_integration .wrapper .bepartod_petpoojs_contentsimg {
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartof_titleparagrah, .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg, .become_integration .wrapper .bepartod_petpoojs_contentsimg {
      text-align: left;
    }
  }
  
  .integration_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .integration_grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.5rem;
    }
  }
  
  .integratoin_img {
    border-radius: 1rem;
  }
  
  .easy_accessibility .wrapper .integration_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  @media (min-width: 768px) {
    .easy_accessibility .wrapper .integration_grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .accounting .wrapper .integration_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  @media (min-width: 768px) {
    .accounting .wrapper .integration_grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .become_integration .wrapper .bepartod_petpoojs_contentsimg {
    margin-bottom: 0px;
  }
  
  .become_integration .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
    width: 100%;
  }
  
  /* integration-section end*/
  
  /* support */
  
  .got_issue {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 247 / var(--tw-bg-opacity));
  }
  
  .got_issue_titel {
    margin-bottom: 6rem;
    text-align: center;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .got_issue_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
  
  @media (min-width: 768px) {
    .got_issue_wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0px;
    }
  }
  
  .got_issue_col {
    text-align: center;
  }
  
  .got_issue_img {
    margin: auto;
    margin-bottom: 0.5rem;
    max-width: 7.5rem;
    border-radius: 1rem;
  }
  
  @media (min-width: 768px) {
    .got_issue_img {
      margin-bottom: 1.5rem;
    }
  }
  
  .got_issue_name {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .got_issue_dec {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  
  .got_issue_ancher {
    text-decoration-line: underline;
  }
  
  /* support end*/
  
  /* Referral program page*/
  
  .become_our_partner_heading {
    margin-bottom: 4rem;
    text-align: center;
  }
  
  .become_our_partner_wrapper {
    margin-bottom: 4rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3rem;
  }
  
  @media (min-width: 1024px) {
    .become_our_partner_wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 4rem;
    }
  }
  
  .become_our_partner_digit {
    display: inline-flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .become_our_partner_field_name {
    margin-left: 0.5rem;
    display: inline-block;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .become_our_partner_details {
    margin-top: 1.25rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .become_our_partner_details {
      text-align: left;
    }
  }
  
  .become_our_partner_details span {
    font-weight: 700;
  }
  
  .become_our_partner .wrapper .btn {
    margin: auto;
    display: block;
    max-width: 13rem;
    text-align: center;
  }
  
  .become_our_partner_col {
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .become_our_partner_col {
      text-align: left;
    }
  }
  
  /* Referral program page end*/
  
  /* pricing page */
  
  .pricing_title {
    margin-bottom: 1rem;
  }
  
  .pricing_pargaph {
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  @media (min-width: 1024px) {
    .pricing_pargaph {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .pricing_title_contents {
    margin-top: 3.5rem;
    text-align: center;
  }
  
  .mobile_bg-color .wrapper .pricing_pos_core_wrapper {
    gap: 3rem;
  }
  
  @media (min-width: 1024px) {
    .mobile_bg-color .wrapper .pricing_pos_core_wrapper {
      gap: 7rem;
    }
  }
  
  .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col:first-child, .petpoojascale_wrapper .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col:first-child {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col:first-child, .petpoojascale_wrapper .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col:first-child {
      order: 0;
    }
  }
  
  .pricing_pos_core_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 1.25rem;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 5rem;
    }
  }
  
  .petpooja_plus .wrapper .pricing_pos_core_wrapper {
    align-items: center;
    gap: 2.25rem;
  }
  
  @media (min-width: 768px) {
    .petpooja_plus .wrapper .pricing_pos_core_wrapper {
      gap: 6rem;
    }
  }
  
  .pricing_pos_core_heading {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(181 50 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .pricing_pos_core_heading {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_heading {
      text-align: left;
    }
  }
  
  .pricing_pos_core_dec {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.pricing_pos_core_dec {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_dec {
      text-align: left;
    }
  }
  
  .pricing_pos_core_number {
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_number {
      text-align: left;
    }
  }
  
  .pricing_pos_core_gst {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_gst {
      text-align: left;
    }
  }
  
  .pricing_pos_core_renewal {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.pricing_pos_core_renewal {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_renewal {
      text-align: left;
    }
  }
  
  .pricing_pos_core_wrapper .pricing_pos_core_col .btn__primary {
    margin: auto;
    display: block;
    width: 68%;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_wrapper .pricing_pos_core_col .btn__primary {
      display: inline-block;
      width: auto;
    }
  }
  
  .pricing_pos_core_points {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .pricing_pos_core_points-wrapper {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  
  .pricing_pos_core_points-wrapper svg {
    margin-top: 0.25rem;
    flex-shrink: 0;
  }
  
  .pricing_pos_core_point-dec {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .pricing_pos_core_note {
    margin-top: 2.5rem;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
   .effort-operation-wrapper .pricing_pos_core_note img {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .pricing_pos_core_note {
      padding-left: 2.75rem;
      padding-right: 2.75rem;
    }
  }
  
  .pricing_pos_core_note span {
    display: inline-block;
    font-weight: 700;
  }
  
  .pricing_pos_core-img {
    width: 100%;
    border-radius: 1.5rem;
  }
  
  .pricing_pos_core_first_petpooja .pricing_pos_core_col:nth-child(2) {
    display: none;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_first_petpooja .pricing_pos_core_col:nth-child(2) {
      display: block;
    }
  }
  
  .pricing_pos_core_first_petpooja .pricing_pos_cre_points_imgs {
    margin-top: 2rem;
    display: grid;
    gap: 0.75rem;
  }
  
  @media (min-width: 768px) {
    .pricing_pos_core_first_petpooja .pricing_pos_cre_points_imgs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_first_petpooja .pricing_pos_cre_points_imgs {
      margin-top: 0px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0px;
    }
  }
  
  .pricing_pos_core_first_petpooja .pricing_pos_core_img_resshow {
    display: block;
  }
  
  @media (min-width: 768px) {
    .pricing_pos_core_first_petpooja .pricing_pos_core_img_resshow {
      order: 1;
    }
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_first_petpooja .pricing_pos_core_img_resshow {
      display: none;
    }
  }
  
  .pricing_pos_core_first_petpooja .pricing_pos_core_points, .pricing_pos_cre_petpoojs_plus .pricing_pos_core_points {
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_first_petpooja .pricing_pos_core_points, .pricing_pos_cre_petpoojs_plus .pricing_pos_core_points {
      padding-bottom: 2rem;
    }
  }
  
  .pricing_pos_cre_petpoojs_plus .pricing_pos_core_col:first-child {
    display: none;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_cre_petpoojs_plus .pricing_pos_core_col:first-child {
      display: block;
    }
  }
  
  .pricing_pos_cre_petpoojs_plus .pricing_pos_cre_points_imgs {
    margin-top: 3rem;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_cre_petpoojs_plus .pricing_pos_cre_points_imgs {
      margin-top: 0px;
    }
  }
  
  .pricing_pos_core_img_petpooja_plus {
    display: block;
  }
  
  @media (min-width: 1024px) {
    .pricing_pos_core_img_petpooja_plus {
      display: none;
    }
  }
  
  .mobile_bg-color {
    --tw-bg-opacity: 1;
    background-color: rgb(255 246 244 / var(--tw-bg-opacity));
  }
  
  .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col .hero__subtitle {
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: capitalize;
  }
  
  @media (min-width: 1024px) {
    .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col .hero__subtitle {
      text-align: left;
    }
  }
  
  .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col .pricing_pos_core_heading {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .mobile_bg-color .wrapper .pricing_pos_core_wrapper .pricing_pos_core_col .pricing_pos_core_dec {
    margin-bottom: 3rem;
  }
  
  .operating_system_img {
    margin-bottom: 1.5rem;
    max-width: 8.75rem;
  }
  
  .operating_system .wrapper .verified_counter_number_row .counter_nmber_title .counter_wrapper {
    flex-direction: column;
  }
  
  .operating_system_counter-wrapper {
    display: flex;
  }
  
  .operating_system .wrapper .verified_suppliers_title {
    margin-bottom: 6rem;
  }
  
  .operating_system .wrapper .verified_counter_number_row {
    gap: 4rem;
  }
  
  .operating_system .wrapper .verified_counter_number_row .counter_nmber_title .verified_counter_title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .operating_system .wrapper .verified_counter_number_row .counter_nmber_title .verified_counter_title span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .customised_analytics {
    --tw-bg-opacity: 1;
    background-color: rgb(255 246 244 / var(--tw-bg-opacity));
  }
  
  .customised_analytics_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 3rem;
  }
  
  @media (min-width: 768px) {
    .customised_analytics_wrapper {
      gap: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .customised_analytics_wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .customised_analytics_wrapper .customised_analytics_col:first-child {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .customised_analytics_wrapper .customised_analytics_col:first-child {
      order: 0;
    }
  }
  
  .customised_analytics_heading {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .customised_analytics_heading {
      text-align: left;
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .customised_analytics_heading span {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .customised_analytics_dec {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .customised_analytics_dec {
      text-align: left;
    }
  }
  
  .customised_analytics-img {
    width: 100%;
    border-radius: 0.5rem;
  }
  
  @media (min-width: 1024px) {
    .customised_analytics-img {
      margin-left: auto;
      width: auto;
    }
  }
  
  .customised_analytics_col .btn__primary {
    margin: auto;
    display: block;
    width: 50%;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .customised_analytics_col .btn__primary {
      display: inline;
    }
  }
  
  .trusted_restaurant_heading {
    margin-bottom: 6rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .trusted_restaurant_heading {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .trusted_restaurant_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: baseline;
    gap: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .trusted_restaurant_wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .trusted_restaurant_img {
    margin-bottom: 1.25rem;
    max-width: 14.3125rem;
  }
  
  .trusted_restaurant_dec {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .trusted_restaurant_profile-wrapper {
    display: flex;
    gap: 1rem;
  }
  
  .trusted_restaurant_profile-img {
    width: 3.5rem;
    border-radius: 9999px;
  }
  
  .trusted_restaurant_profile-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .trusted_restaurant_profile-post {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .accordion_content-item {
    list-style-position: inside;
  }
  
  .accordion_content-list {
    list-style-type: disc;
  }
  
  .less_daily_chai_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.5rem;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .less_daily_chai_wrapper {
      flex-wrap: nowrap;
    }
  }
  
  .less_daily_col {
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .less_daily_col {
      width: 45%;
    }
  }
  
  @media (min-width: 1024px) {
    .less_daily_col {
      width: 33.333333%;
    }
  }
  
  .less_daily_chai_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.75rem;
    max-width: 9.375rem;
  }
  
  .less_daily_chai_heading {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .less_daily_chai_dec {
    display: none;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .petpooja_plus_services {
    padding-bottom: 7.5rem;
  }
  
  .petpooja_plus_services .wrapper .explore_addons_slider .explore_contents_pagination .exlore_title_prgh .exlore_addons_title {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .petpooja_plus_services .wrapper .explore_addons_slider .explore_contents_pagination .explore_pag_prev_next {
    display: none;
  }
  
  /* pricing page end*/
  
  /* android pos page */
  
  .android_pos .wrapper .hero__pos_contents_img .hero__pos_content {
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .android_pos .wrapper .hero__pos_contents_img .hero__pos_content {
      text-align: left;
    }
  }
  
  .android_pos_amount {
    margin-bottom: 0.25rem;
    display: block;
    font-family: 'Poppins';
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .android_pos_gst {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .android_pos_renewal {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .multibilling_stps_flag-wrapper {
    padding-top: 1.25rem;
  }
  
  .multibilling_stps_flag-titel {
    margin-bottom: 0.5rem;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .multibilling_stps_flag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
  }
  
  .multibilling_stps_flag-name {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .multi_terminal {
    display: block;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  .multi_terminal_wrapper {
    position: relative;
    margin-bottom: 5rem;
    overflow: hidden;
    border-radius: 1.25rem;
    background-image: url('../assets/images/petpooja-go/restaurant-needs.webp');
    background-size: cover;
    background-position: center;
    padding-top: 7rem;
    padding-bottom: 7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .multi_terminal_wrapper::before {
    position: absolute;
    inset: 0px;
    background-image: linear-gradient(270deg,rgba(33,33,33,0) -5.56%,rgba(33,33,33,0.8) 100%);
    --tw-content: '';
    content: var(--tw-content);
  }
  
  @media (min-width: 768px) {
    .multi_terminal_wrapper {
      padding-top: 11rem;
      padding-bottom: 11rem;
      padding-left: 5rem;
      padding-right: 5rem;
    }
  }
  
  .multi_terminal_name {
    isolation: isolate;
    max-width: 31.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .multi_terminal_circle-wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3.5rem;
  }
  
  @media (min-width: 768px) {
    .multi_terminal_circle-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }
  }
  
  .multi_terminal_circle-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    max-width: 8rem;
  }
  
  @media (min-width: 768px) {
    .multi_terminal_circle-img {
      margin-bottom: 2.5rem;
    }
  }
  
  .multi_terminal_circle-name {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .pt_0 {
    padding-top: 0px !important;
  }
  
  /* android pos page end */
  
  /* brand logo */
  
  .brand-logo-wrapper {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    place-items: center;
    gap: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .brand-logo-wrapper {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .brand-logo-wrapper {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  
  .brand-logo-img {
    max-width: 7.375rem;
  }
  
  .logo_bigger_brands_pr .brand-logo-img {
    max-width: 9.375rem;
  }
  
  /* brand logo end*/
  
  /* Marketplace services  */
  
  .marketplace-services {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 247 / var(--tw-bg-opacity));
  }
  
  .marketplace-services-wrappre {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    place-items: start;
    gap: 5rem;
  }
  
  @media (min-width: 1024px) {
    .marketplace-services-wrappre {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6rem;
    }
  }
  
  .marketplace-services-wrappre .billing_software_details {
    margin-bottom: 1.5rem;
  }
  
  .marketplace-services .hero__pos_content {
    padding: 0px;
    text-align: left;
  }
  
  /* Marketplace services  end*/
  
  /* integrations */
  
  .integrations-home-wrapper {
    margin-bottom: 3.5rem;
  }
  
  @media (min-width: 768px) {
    .integrations-home-wrapper {
      margin-bottom: 3rem;
    }
  }
  
  .integrations-home-integrat > .bepartod_petpoojs_contentsimg > .bepartofpetpooja_img > .integrations-home-img {
    margin-bottom: 4rem;
    max-width: 100%;
  }
  
  @media (min-width: 768px) {
    .integrations-home-integrat > .bepartod_petpoojs_contentsimg > .bepartofpetpooja_img > .integrations-home-img {
      margin-bottom: 0px;
    }
  }
  
  .integrations-home-subtitel {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .integrations-home-integrat > .bepartod_petpoojs_contentsimg > .bepartof_titleparagrah > .btn__primary {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .integrations-home-img {
    border-radius: 1rem;
  }
  
  .integrations-home-grid .multiple_integration_dsktp {
    display: none;
  }
  
  @media (min-width: 768px) {
    .integrations-home-grid .multiple_integration_dsktp {
      display: block;
    }
  }
  
  .integrations-home-grid .multiple_integration_mbv {
    display: block;
  }
  
  @media (min-width: 768px) {
    .integrations-home-grid .multiple_integration_mbv {
      display: none;
    }
  }
  
  /* integrations end*/
  
  .wcs_iframe.iframe_petpooja {
    height: 15.625rem;
    width: 100%;
    border-radius: 1rem;
  }
  
  @media (min-width: 768px) {
    .wcs_iframe.iframe_petpooja {
      height: 31.25rem;
    }
  }
  
  .kharcha_iframe.iframe_petpooja {
    height: 100vh;
    width: 100%;
    border-radius: 1rem;
    --tw-shadow: 0 0 10px #dfdfdf;
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  /* Start your restaurant marketing journey today! start */
  
  .start-your-restaurant {
    padding-bottom: 4rem;
  }
  
  .start-your-restaurant .hero__pos_contents_img {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 2rem;
  }
  
  @media (min-width: 1024px) {
    .start-your-restaurant .hero__pos_contents_img {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 4rem;
    }
  }
  
  .start-your-restaurant .hero__pos_contents_img .hero__pos_content .hero__title {
    margin-bottom: 1rem;
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }
  
  @media (min-width: 768px) {
    .start-your-restaurant .hero__pos_contents_img .hero__pos_content .hero__title {
      font-size: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .start-your-restaurant .hero__pos_contents_img .hero__pos_content .hero__title {
      line-height: 2.5rem;
    }
  }
  
  .start-your-restaurant .hero__pos_contents_img .hero__pos_content .hero_paragph {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .start-your-restaurant .hero__pos_contents_img .hero__pos_img img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 31rem;
  }
  
  @media (min-width: 1024px) {
    .start-your-restaurant .hero__pos_contents_img .hero__pos_img img {
      margin-left: auto;
      margin-right: 0px;
    }
  }
  
  .start-your-restaurant-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .start-your-restaurant-links {
    display: inline-flex;
  }
  
  .start-your-restaurant-links .m-icon {
    height: 3rem;
    width: 3rem;
  }
  
  .playstore-icon {
    background-image: url('../assets/icons/playstore-mh.svg');
  }
  
  .appstore-icon {
    background-image: url('../assets/icons/appstore-mh.svg');
  }
  
  .start-your-restaurant .wrapper .section_heading .titel_dec {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .start-your-restaurant .wrapper .section_heading .titel_dec {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .start-your-restaurant-unlocking .wrapper .section_heading {
    margin-bottom: 2rem;
  }
  
  .usps-wrapper img.start-your-restaurant-unlocking .wrapper .section_heading {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .start-your-restaurant-unlocking .wrapper .section_heading {
      margin-bottom: 3.5rem;
    }
  }
  
  .start-your-restaurant-one-app > .wrapper > .section_heading > .titel_name {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  @media (min-width: 768px) {
    .start-your-restaurant-one-app > .wrapper > .section_heading > .titel_name {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
  
  .start-your-restaurant-one-app > .wrapper > .section_heading > .titel_dec {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .start-your-restaurant-one-app > .wrapper > .section_heading > .titel_dec {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
  
  .start-your-restaurant-unlocking > .wrapper > .section_heading > .titsel_name {
    margin-bottom: 1rem;
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  @media (min-width: 768px) {
    .start-your-restaurant-unlocking > .wrapper > .section_heading > .titsel_name {
      text-align: center;
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
  
  /* Start your restaurant marketing journey today! end */
  
  /* marketing footer start */
  
  .footer-marketing-wrapper {
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1.75rem;
  }
  
  @media (min-width: 1280px) {
    .footer-marketing-wrapper {
      flex-direction: row;
      gap: 0px;
    }
  }
  
  .footer-marketing-terms-conditoin-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
  }
  
  @media (min-width: 768px) {
    .footer-marketing-terms-conditoin-wrapper {
      -moz-column-gap: 0px;
           column-gap: 0px;
    }
  }
  
  @media (min-width: 1024px) {
    .footer-marketing-terms-conditoin-wrapper {
      justify-content: flex-end;
    }
  }
  
  .footer-marketing-terms-conditoin-link {
    position: relative;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  .footer-marketing-terms-conditoin-link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .footer-marketing-terms-conditoin-link {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .footer-marketing-terms-conditoin-link::after {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .footer-marketing-terms-conditoin-link:last-child {
    padding-right: 0px;
  }
  
  .footer-marketing-terms-conditoin-link:last-child::after{
    all: unset;
  }
  
  .footer-marketing-wrapper .start-your-restaurant-stor-img {
    width: 100%;
    max-width: 10.7056rem;
  }
  
  .footersub-marketing-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2.25rem;
    padding-bottom: 2.5rem;
    padding-top: 5rem;
  }
  
  @media (min-width: 768px) {
    .footersub-marketing-wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .footersub-marketing-wrapper {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
  
  .footersub-marketing-wrapper .footer_contact_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.75rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .footersub-marketing-wrapper .footer_contact_wrapper {
      justify-content: flex-start;
      gap: 2.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .footersub-marketing-wrapper .footer_contact_wrapper {
      flex-direction: row;
      align-items: center;
    }
  }
  
  .footer-marketing-logo {
    width: 100%;
    max-width: 11.4838rem;
  }
  
  /* marketing footer end */
  
  .mh-privacy-policy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .mh-privacy-policy p {
    margin-bottom: 1rem;
  }
  
  .mh-privacy-policy a {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
  }
  
  .mh-privacy-policy h3, .c9 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
  }
  
  @media (min-width: 768px) {
    .mh-privacy-policy h3, .c9 {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  .mh-privacy-policy b {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .mh-privacy-policy-heading {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
  }
  
  .usps-wrapper img.mh-privacy-policy-heading {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .mh-privacy-policy-heading {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .mh-privacy-policy ul {
    margin-left: 1.125rem;
    list-style-type: disc;
  }
  
  /* invoice page */
  
  .invoice_sub-header-wrapper .invoice-sub-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .invoice_sub-header-wrapper .invoice-sub-header {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .invoice_hero {
    --tw-bg-opacity: 1;
    background-color: rgb(235 185 1 / var(--tw-bg-opacity));
  }
  
  .invoice_hero .invoice_logo {
    margin-bottom: 2rem;
    max-width: 300px;
  }
  
  .usps-wrapper img.invoice_hero .invoice_logo {
    max-height: calc(100vh - 100px);
  }
  
  .invoice_hero .hero__pos_content {
    order: 1;
    padding-right: 0px;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .invoice_hero .hero__pos_content {
      order: 0;
      text-align: left;
    }
  }
  
  .invoice_hero .hero__pos_contents_img .hero__pos_img {
    padding-top: 2.5rem;
  }
  
  @media (min-width: 1024px) {
    .invoice_hero .hero__pos_contents_img .hero__pos_img {
      padding-top: 0px;
    }
  }
  
  .invoice_hero .hero__title {
    font-size: 2rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .invoice_hero .hero__title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
  
  .invoice_hero .hero_paragph {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .invoice_hero .btn__primary {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .invoice_hero .btn__primary:visited {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .invoice_hero .btn__primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .invoice_hero .btn__primary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .invoice_hero .btn__primary:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .say_good_wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .say_good_wrapper .multi_billing_contents {
    padding-top: 2rem;
  }
  
  .say_good_wrapper .h2_pos, .say_good_wrapper .get_errorfree_content {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .say_good_wrapper .multi_billing_img {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .say_good_wrapper .multi_billing_img {
      flex-basis: 50%;
    }
  }
  
  .say_good_title_content {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .say_good_title_content {
      flex-basis: 50%;
      padding-left: 2rem;
    }
  }
  
  .say_good_step-note {
    margin-bottom: 0.25rem;
    display: flex;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .say_good_step {
    margin-right: 0.25rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(235 185 1 / var(--tw-text-opacity));
  }
  
  .support_business_growth {
    --tw-bg-opacity: 1;
    background-color: rgb(245 235 198 / var(--tw-bg-opacity));
    --tw-shadow: 0 0 2.5rem #00000066;
    --tw-shadow-colored: 0 0 2.5rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .support_business_growth .h2_pos {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .support_business_growth .title_of_vendor_category {
    margin-bottom: 2rem;
  }
  
  .usps-wrapper img.support_business_growth .title_of_vendor_category {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .support_business_growth .title_of_vendor_category {
      margin-bottom: 6rem;
    }
  }
  
  .support_business_growth .vendor_categories_all {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .support_business_growth .vendor_categories_all {
      row-gap: 2rem;
    }
  }
  
  @media (min-width: 1024px) {
    .support_business_growth .vendor_categories_all {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .support_business_growth .vendor_category_col .vendor_cate_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
    width: 100%;
    max-width: 8.373rem;
    border-radius: 0.375rem;
  }
  
  @media (min-width: 768px) {
    .support_business_growth .vendor_category_col .vendor_cate_img {
      margin-bottom: 0.75rem;
      max-width: 12.375rem;
    }
  }
  
  .support_business_growth .vendor_categories_all .vendor_cate_title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .support_business_growth .vendor_categories_all .vendor_cate_title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .user_friendly_wrapper {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important;
    --tw-shadow: 0 0 2.5rem #00000066;
    --tw-shadow-colored: 0 0 2.5rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .user_friendly_wrapper .builtall_features {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  
  @media (min-width: 768px) {
    .user_friendly_wrapper .builtall_features {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  
  @media (min-width: 1024px) {
    .user_friendly_wrapper .builtall_features {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  
  .user_friendly_wrapper .h2_pos {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .user_friendly_wrapper .built_feature_steps .streefree_title {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .user_friendly_wrapper .built_feature_steps .prlbuiltstep_title {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    font-weight: 400;
  }
  
  .data_extraction_icon {
    background-image: url('../assets/icons/invoice/data_extraction.png');
  }
  
  .Detailed_analytics_icon {
    background-image: url('../assets/icons/invoice/Detailed_analytics.png');
  }
  
  .better_decisions_icon {
    background-image: url('../assets/icons/invoice/Better_decisions.png');
  }
  
  .invoicefaq .accordion_body.active .accordion_head :is(.accordion_title_pos, .m-icon) {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(235 185 1 / var(--tw-text-opacity));
  }
  
  .invoicefaq .accordion_body.active .accordion_head .m-icon{
    filter: invert(68%) sepia(85%) saturate(1725%) hue-rotate(8deg) brightness(102%) contrast(99%);
  }
  
  .pay_attention_wrapper .multi_billing_contents {
    padding-top: 3rem;
  }
  
  .pay_attention_wrapper .tab {
    display: none;
  }
  
  .pay_attention_wrapper .multi_billing_contents {
    gap: 1.25rem;
  }
  
  .pay_attention_wrapper .multi_billing_img {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .pay_attention_wrapper .multi_billing_img {
      flex-basis: 50%;
    }
  }
  
  .pay_attention_wrapper .multi_billing_title_content {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .pay_attention_wrapper .multi_billing_title_content {
      flex-basis: 50%;
      padding-left: 2rem;
    }
  }
  
  .pay_attention_wrapper .multi_billing_title_content .multibilling_subtitle {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .pay_attention_wrapper .multi_billing_title_content .multibilling_stps_feature .stps_feature_content {
    line-height: 25px;
  }
  
  @media (min-width: 768px) {
    .pay_attention_wrapper .multi_billing_title_content .multibilling_stps_feature .stps_feature_content {
      line-height: 1;
    }
  }
  
  .pay_attention_tabin-wrapper {
    margin-top: 3.5rem;
    display: flex;
    justify-content: center;
  }
  
  .pay_attention_tabin_btn-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 0.75rem;
  }
  
  @media (min-width: 768px) {
    .pay_attention_tabin_btn-wrapper {
      justify-content: center;
    }
  }
  
  .pay_attention_tabin-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .pay_attention_tabin-btn:focus-visible {
    outline-color: #ebb901;
  }
  
  .pay_attention_tabin-btn.active {
    --tw-bg-opacity: 1;
    background-color: rgb(235 185 1 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .wrapper {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .wrapper {
      max-width: 768px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  
  @media (min-width: 1024px) {
    .wrapper {
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  
  @media (min-width: 1280px) {
    .wrapper {
      max-width: 1280px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
  
  @media (min-width: 1536px) {
    .wrapper {
      max-width: 1536px;
      padding-right: 12.5rem;
      padding-left: 12.5rem;
    }
  }
  
  .wrapper {
    margin-left: auto;
    margin-right: auto;
  }
  
  .wrapper.payroll-form-pad {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  @media (min-width: 1280px) {
    .wrapper.payroll-form-pad {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  
    .wrapper.new-container {
      padding-left: 3.5rem;
      padding-right: 3.5rem;
    }
  }
  
  @media (min-width: 1536px) {
    .wrapper.new-container {
      padding-left: 8rem;
      padding-right: 8rem;
    }
  }
  
  @media (min-width: 1280px) {
    .wrapper.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  @media (min-width: 1536px) {
    .wrapper.hero-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  
  @media (max-width: 1600px){
    .wrapper.hero-container {
      padding-left: 4rem;
      padding-right: 4rem;
    }
  }
  
  @media (max-width: 1550px){
    .wrapper.hero-container {
      padding-left: 6rem;
      padding-right: 6rem;
    }
  }
  
  @media (max-width: 1440px){
    .wrapper.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  @media (max-width: 1366px){
    .wrapper.hero-container {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  
  @media (max-width: 1280px){
    .wrapper.hero-container {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  }
  
  @media (max-width: 1200px){
    .wrapper.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  @media (min-width: 768px) {
    .wrapper {
      width: 100%;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  
    @media (min-width: 768px) {
      .wrapper {
        max-width: 768px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1024px) {
      .wrapper {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1280px) {
      .wrapper {
        max-width: 1280px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
  
    @media (min-width: 1536px) {
      .wrapper {
        max-width: 1536px;
        padding-right: 12.5rem;
        padding-left: 12.5rem;
      }
    }
  }
  
  @media (min-width: 1024px) {
    .wrapper {
      width: 100%;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  
    @media (min-width: 768px) {
      .wrapper {
        max-width: 768px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1024px) {
      .wrapper {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1280px) {
      .wrapper {
        max-width: 1280px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
  
    @media (min-width: 1536px) {
      .wrapper {
        max-width: 1536px;
        padding-right: 12.5rem;
        padding-left: 12.5rem;
      }
    }
  }
  
  @media (min-width: 1280px) {
    .wrapper {
      width: 100%;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  
    @media (min-width: 768px) {
      .wrapper {
        max-width: 768px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1024px) {
      .wrapper {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1280px) {
      .wrapper {
        max-width: 1280px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
  
    @media (min-width: 1536px) {
      .wrapper {
        max-width: 1536px;
        padding-right: 12.5rem;
        padding-left: 12.5rem;
      }
    }
  }
  
  @media (min-width: 1536px) {
    .wrapper {
      width: 100%;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  
    @media (min-width: 768px) {
      .wrapper {
        max-width: 768px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1024px) {
      .wrapper {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  
    @media (min-width: 1280px) {
      .wrapper {
        max-width: 1280px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
  
    @media (min-width: 1536px) {
      .wrapper {
        max-width: 1536px;
        padding-right: 12.5rem;
        padding-left: 12.5rem;
      }
    }
  }
  
  /** Header Start **/
  
  header {
    position: sticky;
    top: 0px;
    z-index: 10;
    flex-shrink: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .stickyheader {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .navbar {
    display: flex;
    height: 4.6875rem;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  
  @media (min-width: 1024px) {
    .navbar {
      height: auto;
      gap: 1rem;
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  
  @media (min-width: 1280px) {
    .navbar {
      gap: 4rem;
    }
  }
  
  @media (min-width: 1024px) {
    .navbar__logo {
      padding-top: 1.4418rem;
      padding-bottom: 1.4418rem;
    }
  }
  
  .navbar__logo img {
    height: 3rem;
    width: 12rem;
  }
  
  .navbar__logo .marketing-hb-logo {
    width: 9rem;
  }
  
  .navbar__wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
  }
  
  .navbar__items {
    display: none;
    height: 100%;
    width: 100%;
  }
  
  @media (min-width: 1024px) {
    .navbar__items {
      display: flex;
      align-items: center;
    }
  
    .navbar__list .navbar__link:has(i) i {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-duration: 150ms;
      transition-delay: 100ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  
    .navbar__list:hover .navbar__link:has(i) i {
      --tw-rotate: 180deg;
      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));
    }
  }
  
  .navbar__items li:nth-child(5) {
    margin-left: auto;
  }
  
  .navbar__link {
    display: flex;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .navbar__link {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .navbar__link {
      border-radius: 0.25rem;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .navbar__items li:hover .navbar__link {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__items li:hover .navbar__link:focus {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__items li:hover .navbar__link:focus-visible {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__items li.active .navbar__link {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__items li.active .navbar__link:focus {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__items li.active .navbar__link:focus-visible {
      --tw-bg-opacity: 1;
      background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    }
  
    .navbar__list .navbar__link::after {
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: 0px;
      height: 0.3125rem;
      width: 100%;
      opacity: 0;
      --tw-content: '';
      content: var(--tw-content);
    }
  
    .navbar__list:hover .navbar__link::after {
      visibility: visible;
      opacity: 1;
    }
  }
  
  .dropdown__icon {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }
  
  @media (min-width: 1024px) {
    .dropdown__icon {
      justify-content: flex-start;
    }
  }
  
  .navbar__list {
    position: relative;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
  }
  
  @media (min-width: 1024px) {
    .navbar__list {
      border-style: none;
    }
  }
  
  .navbar__list.active:not(:has(.navbar__submenu_div)) .navbar__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .navbar__list.active:not(:has(.navbar__submenu_div)) .navbar__link {
      display: block;
      justify-content: flex-start;
      background-image: none;
      --tw-text-opacity: 1;
      color: rgb(17 24 39 / var(--tw-text-opacity));
    }
  }
  
  .navbar__list:not(:has(.navbar__submenu_div)) .navbar__link i {
    display: none;
  }
  
  .navbar__list.active:not(:has(.navbar__submenu_div)) .navbar__link i {
    display: block;
  }
  
  @media (min-width: 1024px) {
    .navbar__list.active:not(:has(.navbar__submenu_div)) .navbar__link i {
      display: none;
    }
  }
  
  .navbar__list .navbar__submenu_div {
    visibility: hidden;
    position: relative;
    display: block;
    max-height: 0px;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  @media (min-width: 1024px) {
    .navbar__list .navbar__submenu_div {
      position: absolute;
      margin-top: 0.5rem;
      display: flex;
      max-height: none;
      overflow: visible;
      border-radius: 0.25rem;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(229 231 235 / var(--tw-border-opacity));
      padding: 0.5rem;
      transition-property: margin;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
  
    .navbar__list .navbar__submenu_div .navbar__subitems {
      width: 16rem;
    }
  
    .navbar__list .navbar__submenu_div .navbar__subitems.outletstype_menu {
      width: 18.6rem;
    }
  
    .navbar__list:hover .navbar__submenu_div {
      visibility: visible;
      margin-top: 0.3125rem;
      display: flex;
      opacity: 1;
    }
  }
  
  .navbar__subitems {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  
  @media (min-width: 1024px) {
    .navbar__subitems {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }
  
  .navbar__sublink {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .navbar__sublink:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .navbar__sublink {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  
  .navbar__sublink:not(:has(:nth-child(3))) {
    padding-left: 1.25rem;
  }
  
  @media (min-width: 1024px) {
    .navbar__sublink:not(:has(:nth-child(3))) {
      padding-left: 0.75rem;
    }
  }
  
  .navbar__sublink.active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .navbar__sublink i:last-child {
    visibility: hidden;
    margin-left: auto;
    margin-right: 0.5rem;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .navbar__sublink span:has(i) {
    display: inline-flex;
    align-items: center;
  }
  
  .navbar__list:hover .navbar__submenu_div .navbar__sublink span .arrow_up_right_circle {
    visibility: visible;
    opacity: 1;
  }
  
  .navbar__list:hover .navbar__sublink:hover i:last-child, .navbar__list.active .navbar__sublink.active i:last-child {
    pointer-events: none;
    visibility: visible;
    margin-right: 0px;
    opacity: 1;
  }
  
  .btn__outline_secondary {
    display: none;
    white-space: nowrap;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .btn__outline_secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__outline_secondary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .btn__outline_secondary:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .btn__outline_secondary {
      display: block;
    }
  }
  
  .res_btn_bookdemo {
    margin-top: 1rem;
    display: block;
  }
  
  @media (min-width: 768px) {
    .res_btn_bookdemo {
      display: none;
    }
  }
  
  .res_btn_bookdemo .btn__outline_secondary {
    position: relative;
    display: inline-block;
  }
  
  .poweredby-name {
    margin-right: 0.5rem;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  .powerdby-wrapper .poweredby-name, .poweredby-logo {
    display: none !important;
  }
  
  @media (min-width: 768px) {
    .powerdby-wrapper .poweredby-name, .poweredby-logo {
      display: block !important;
    }
  }
  
  .powerdby-wrapper .poweredby-logo {
    flex-shrink: 0;
  }
  
  .powerdby-wrapper-res.active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
  }
  
  @media (min-width: 768px) {
    .powerdby-wrapper-res.active {
      display: none !important;
    }
  }
  
  .powerdby-wrapper-res .getintoch_res_p {
    margin-bottom: 0px !important;
  }
  
  /** Responsive menu css **/
  
  .m_demo_book {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  
  @media (min-width: 1024px) {
    .m_demo_book {
      margin-left: 0px;
      gap: 0px;
    }
  }
  
  .m_toggle {
    position: relative;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    padding: 0.5rem;
  }
  
  @media (min-width: 1024px) {
    .m_toggle {
      display: none;
    }
  }
  
  .m_toggle span {
    margin-bottom: 0.25rem;
    display: block;
    height: 0.125rem;
    width: 100%;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .m_toggle span:last-child {
    margin-bottom: 0px;
  }
  
  .res_get_intouch {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
    height: 8.5625rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
  }
  
  .res_get_intouch.active {
    display: block;
  }
  
  @media (min-width: 768px) {
    .res_get_intouch.active {
      display: none;
    }
  }
  
  .res_get_intouch .getintoch_res_p {
    margin-bottom: 1rem;
  }
  
  .res_get_intouch .btn__secondary {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  /****/
  
  .m-icon {
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .right-icon {
    background-image: url('../assets/icons/right-arrow.svg');
  }
  
  .arrow_up_right_circle {
    background-image: url('../assets/icons/arrow-up-right-circle.svg');
  }
  
  .navbar__sublink:hover span .arrow_up_right_circle {
    background-image: url('../assets/icons/arrow-up-right-red-circle.svg');
  }
  
  .tringle-icon {
    height: 0.625rem;
    width: 0.625rem;
    background-image: url('../assets/icons/chavron_right.svg');
    background-size: contain;
  }
  
  @media (min-width: 1024px) {
    .tringle-icon {
      background-image: url('../assets/icons/tringle-icon.svg');
    }
  }
  
  .m-billing-icon {
    background-image: url('../assets/icons/menu/billing.svg');
  }
  
  .m-inventory-icon {
    background-image: url('../assets/icons/menu/inventory.svg');
  }
  
  .m-online-order-icon {
    background-image: url('../assets/icons/menu/online-ordering.svg');
  }
  
  .m-reporting-icon {
    background-image: url('../assets/icons/menu/reporting.svg');
  }
  
  .m-menu-icon {
    background-image: url('../assets/icons/menu/menu.svg');
  }
  
  .m-crm-icon {
    background-image: url('../assets/icons/menu/crm.svg');
  }
  
  .m-fine-dine-icon {
    background-image: url('../assets/icons/menu/fine-dine.svg');
  }
  
  .m-qsr-icon {
    background-image: url('../assets/icons/menu/qsr.svg');
  }
  
  .m-cafe-icon {
    background-image: url('../assets/icons/menu/cafe.svg');
  }
  
  .m-food-court-icon {
    background-image: url('../assets/icons/menu/food-court.svg');
  }
  
  .m-cloud-kitchen-icon {
    background-image: url('../assets/icons/menu/cloud-kitchen.svg');
  }
  
  .m-ice-cream-icon {
    background-image: url('../assets/icons/menu/ice-cream.svg');
  }
  
  .m-bakery-icon {
    background-image: url('../assets/icons/menu/bakery.svg');
  }
  
  .m-bar-brewery-icon {
    background-image: url('../assets/icons/menu/bar-brewery.svg');
  }
  
  .m-pizzeria-icon {
    background-image: url('../assets/icons/menu/pizzeria.svg');
  }
  
  .m-large-chain-icon {
    background-image: url('../assets/icons/menu/large-chain.svg');
  }
  
  /** Header End **/
  
  .section_spacing_y {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .section_spacing_y {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  @media (min-width: 1024px) {
    .section_spacing_y {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem;
    }
  }
  
  .scheduale {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .scheduale {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  /** Home page section **/
  
  .hero__pos_contents_img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  @media (min-width: 1024px) {
    .hero__pos_contents_img {
      flex-wrap: nowrap;
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
    }
  }
  
  .hero__pos_content {
    flex-basis: 100%;
    padding-bottom: 3rem;
    padding-top: 4rem;
    padding-right: 0px;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .hero__pos_content {
      text-align: left;
    }
  }
  
  @media (min-width: 1024px) {
    .hero__pos_content {
      flex-basis: 40%;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 2.5rem;
    }
  }
  
  .hero-home .hero__pos_content {
    padding-top: 2rem;
  }
  
  @media (min-width: 1024px) {
    .hero-home .hero__pos_content {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  
  .hero__pos_img {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .hero__pos_img {
      flex-basis: 60%;
    }
  }
  
  .hero__pos_img img {
    margin-left: 0px;
    max-width: 100%;
    border-radius: 0.5rem;
  }
  
  @media (min-width: 1024px) {
    .hero__pos_img img {
      margin-left: auto;
      max-width: 35.375rem;
    }
  }
  
  .hero__subtitle {
    margin-bottom: 1rem;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .outlets_hero .hero__subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  @media (min-width: 768px) {
    .outlets_hero .hero__subtitle {
      justify-content: flex-start;
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  .outlets_hero .hero__subtitle .m_outlets_bg {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(254 234 234 / var(--tw-bg-opacity));
  }
  
  .outlets_hero .hero__pos_img img {
    max-width: 100%;
  }
  
  @media (min-width: 768px) {
    .outlets_hero .hero__pos_img img {
      max-width: 31.375rem;
    }
  }
  
  .hero__title {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
  }
  
  @media (min-width: 768px) {
    .hero__title {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  @media (min-width: 1280px) {
    .hero__title {
      font-size: 3rem;
      line-height: 3.75rem;
    }
  }
  
  .hero_paragph {
    margin-bottom: 2rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.hero_paragph {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .hero_paragph {
      margin-bottom: 2.75rem;
    }
  }
  
  .outlets_hero :is(.hero__pos_content,.hero__pos_img) {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .outlets_hero :is(.hero__pos_content,.hero__pos_img) {
      flex-basis: 50%;
    }
  }
  
  .btn__primary {
    display: inline-block;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 89 / var(--tw-bg-opacity));
  }
  
  .btn__primary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .btn__secondary {
    display: inline-block;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
  }
  
  .btn__secondary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .trusted__clients {
    padding-top: 6rem;
  }
  
  .trusted_paragh {
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .trusted_paragh {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .trusted_paragh span {
    font-weight: 600;
  }
  
  .trusted_client_logo {
    margin-top: 2.5rem;
  }
  
   .effort-operation-wrapper .trusted_client_logo img {
    max-height: calc(100vh - 100px);
  }
  
  .trusted_client_logo .swiper-slide {
    width: auto;
  }
  
  @media (min-width: 768px) {
    .trusted_client_logo .swiper-slide {
      width: 100%;
    }
  }
  
  .trusted_client_logo .swiper-wrapper {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .trusted_client_logo .swiper-wrapper {
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: 0px;
    }
  }
  
  .trusted_client_logo img {
    max-width: 8.4375rem;
  }
  
  @media (min-width: 768px) {
    .trusted_client_logo img {
      max-width: 100%;
    }
  }
  
  /** Home page end section **/
  
  /** Testimonial Section **/
  
  .testimonial_clients {
    padding-top: 6rem;
    padding-bottom: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .testimonial_clients {
      padding-top: 7rem;
      padding-bottom: 6rem;
    }
  }
  
  .testimonial__img_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
  }
  
  @media (min-width: 768px) {
    .testimonial__img_content {
      flex-wrap: nowrap;
    }
  }
  
  .testimonial_img {
    margin-bottom: 1.5rem;
    flex-basis: 100%;
  }
  
  @media (min-width: 768px) {
    .testimonial_img {
      margin-bottom: 0px;
      flex-basis: 33.333333%;
    }
  }
  
  .testimonial_img img {
    width: 100%;
    border-radius: 0.75rem;
    -o-object-fit: cover;
       object-fit: cover;
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    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);
  }
  
  .testimonial_contents {
    flex-basis: 100%;
  }
  
  @media (min-width: 768px) {
    .testimonial_contents {
      flex-basis: 66.666667%;
      padding-left: 3.5rem;
    }
  }
  
  .testimonial_clientdetails {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .testimonial_clientdetails {
      justify-content: flex-start;
      gap: 1.25rem;
      text-align: left;
    }
  }
  
  .testimonial_contents .testimonial_clientparag {
    margin-bottom: 1.75rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .testimonial_contents .testimonial_clientparag {
      text-align: left;
    }
  }
  
  .testimonial_clientdetails .clients_name {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .testimonial_contents .clients_brand img {
    margin-left: auto;
    margin-right: auto;
    max-width: 6.875rem;
  }
  
  @media (min-width: 768px) {
    .testimonial_contents .clients_brand img {
      margin-left: 0px;
      margin-right: 0px;
      max-width: 9.375rem;
    }
  }
  
  @media (min-width: 1024px) {
    .testimonial_contents .clients_brand img {
      max-width: 12.5rem;
    }
  }
  
  .testimonial_slider .swiper-pagination {
    position: relative;
    margin-top: 2.5rem;
  }
  
   .effort-operation-wrapper .testimonial_slider .swiper-pagination img {
    max-height: calc(100vh - 100px);
  }
  
  .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  }
  
  .swiper-pagination-bullet-active {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  }
  
  /** Testimonial end **/
  
  /** Counter Customer **/
  
  .counter_customers_section_spacing_y {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .counter_customers_section_spacing_y {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  @media (min-width: 1024px) {
    .counter_customers_section_spacing_y {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem;
    }
  }
  
  .counter_customer_process {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4rem;
  }
  
  @media (min-width: 768px) {
    .counter_customer_process {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .counter_customer_process {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .counter_contents {
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  
  .counter_img {
    flex-shrink: 0;
  }
  
  .counter_wrapper {
    display: flex;
    align-items: center;
  }
  
  .counter_number_title, .counter_number_title_icon {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .counter_contents .counter_img img {
    max-width: 5.875rem;
    border-radius: 0.25rem;
  }
  
  /** Counter Customer End**/
  
  /** Billing Page Start **/
  
  .hero_billings .hero__pos_content {
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .hero_billings .hero__pos_content {
      text-align: left;
    }
  }
  
  .quick_simple_billing {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  .quick_title_paragh {
    margin-bottom: 2.5rem;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .quick_title_paragh {
      margin-bottom: 4rem;
    }
  }
  
  .quick_title {
    margin-bottom: 1rem;
    font-weight: 600;
  }
  
  .quick_simple_feature {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  @media (min-width: 1024px) {
    .quick_simple_feature {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .quick_features_all {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    place-content: space-between;
    row-gap: 2.25rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .quick_features_all {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .quick_features_all {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  }
  
  @media (min-width: 1280px) {
    .quick_features_all {
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  }
  
  .quick_feature_img {
    margin-bottom: 2rem;
  }
  
  .usps-wrapper img.quick_feature_img {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .quick_feature_img {
      margin-bottom: 0px;
    }
  }
  
  .quick_feature_img img {
    width: 100%;
    border-radius: 0.5rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  @media (min-width: 768px) {
    .quick_feature_img img {
      aspect-ratio: 16 / 9;
    }
  }
  
  @media (min-width: 1024px) {
    .quick_feature_img img {
      aspect-ratio: 1 / 1;
    }
  
    .quick_features_all {
      padding-left: 4rem;
    }
  }
  
  .feature_simple {
    text-align: center;
  }
  
  .feature_simple img {
    margin: auto;
    margin-bottom: 1rem;
    max-width: 5rem;
  }
  
  .explore_addons_boost {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  .explore_contents_pagination {
    position: relative;
    margin-bottom: 4rem;
    display: flex;
  }
  
  @media (min-width: 1024px) {
    .exlore_title_prgh {
      width: 85%;
    }
  }
  
  .explore_contents_pagination .exlore_addons_title {
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .explore_contents_pagination .exlore_addons_title {
      text-align: left;
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .explore_contents_pagination .exlore_addons_title {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .explore_contents_pagination .titel_tag {
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .explore_contents_pagination .explore_paragh {
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .explore_contents_pagination .explore_paragh {
      text-align: left;
    }
  }
  
  :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev) {
    display: none;
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
  }
  
  :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 1024px) {
    :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev) {
      display: flex;
    }
  }
  
  .explore_pag_prev_next .swiper-button-next::after, .explore_pag_prev_next .swiper-button-prev::after{
    font-family: unset;
    height: 100%;
    width: 100%;
    background-image: url('../assets/icons/right-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .explore_addons_slider .swiper-button-prev {
    --tw-rotate: 180deg;
    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));
    right: 4.5rem;
    left: auto;
  }
  
  .explore_subtitle {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .explore_addons_slider .swiper-slide {
    width: 100%;
  }
  
  @media (min-width: 1024px) {
    .explore_addons_slider .swiper-slide {
      width: auto;
    }
  }
  
  .explore_addons_slider .swiper-wrapper {
    flex-wrap: wrap;
    gap: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .explore_addons_slider .swiper-wrapper {
      flex-wrap: nowrap;
      gap: 0px;
    }
  }
  
  .explore_slider_subtitle {
    margin-bottom: 1.25rem;
  }
  
  .explore_addons_slider .explore_subboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .explore_addons_slider .explore_subboxes {
      justify-content: flex-start;
      gap: 1.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .explore_addons_slider .explore_subboxes {
      flex-wrap: nowrap;
    }
  }
  
  .explore_subboxes .expboxes_img_paragh {
    width: 8rem;
  }
  
  @media (min-width: 768px) {
    .explore_subboxes .expboxes_img_paragh {
      width: 8.5rem;
    }
  }
  
  .exp_level_icons {
    margin-bottom: 1rem;
    display: flex;
    height: 8rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
  }
  
  @media (min-width: 768px) {
    .exp_level_icons {
      height: 8.5rem;
    }
  }
  
  .exploresubbox_paragh {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .expboxes_img_paragh:hover .exp_level_icons {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity));
  }
  
  .expboxes_img_paragh:hover .exploresubbox_paragh {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
  }
  
  .exp_level_icons .m-icon {
    height: 8rem;
    width: 100%;
  }
  
  .business-website-icon {
    background-image: url('../assets/icons/explore-slider/business-website.svg');
  }
  
  .loyalty-wallet-icon {
    background-image: url('../assets/icons/explore-slider/loyalty-wallet.svg');
  }
  
  .sms-marketing-icon {
    background-image: url('../assets/icons/explore-slider/sms-marketing.svg');
  }
  
  .customer-feedback-icon {
    background-image: url('../assets/icons/explore-slider/customer-feedback.svg');
  }
  
  .captain-oprdering-icon {
    background-image: url('../assets/icons/explore-slider/captain-oprdering.svg');
  }
  
  .token-management-icon {
    background-image: url('../assets/icons/explore-slider/token-management.svg');
  }
  
  .que-management-icon {
    background-image: url('../assets/icons/explore-slider/que-management.svg');
  }
  
  .petpooja-pay-icon {
    background-image: url('../assets/icons/explore-slider/petpooja-pay.svg');
  }
  
  .kitchen-display-service-icon {
    background-image: url('../assets/icons/explore-slider/kitchen-display-service.svg');
  }
  
  .waiter-calling-system-icon {
    background-image: url('../assets/icons/explore-slider/waiter-calling-system.svg');
  }
  
  .voice-ordering-kiosk-icon {
    background-image: url('../assets/icons/explore-slider/voice-ordering-kiosk.svg');
  }
  
  .scan-pay-icon {
    background-image: url('../assets/icons/explore-slider/scan-pay.svg');
  }
  
  .online-order-reconcillation-icon {
    background-image: url('../assets/icons/explore-slider/online-order-reconcillation.svg');
  }
  
  .online-order-widget-icon {
    background-image: url('../assets/icons/explore-slider/Online-order-widget.svg');
  }
  
  .insights-icon {
    background-image: url('../assets/icons/explore-slider/Insights.svg');
  }
  
  .tallly-integration-icon {
    background-image: url('../assets/icons/explore-slider/telly-integration.svg');
    background-size: contain;
  }
  
  .petpooja-connect-icon {
    background-image: url('../assets/icons/explore-slider/petpooja_connect.svg');
    background-size: contain;
  }
  
  .petpooja-briefcase-icon {
    background-image: url('../assets/icons/explore-slider/petpooja_briefcase.svg');
    background-size: contain;
  }
  
  .smat-inventory-icon {
    background-image: url('../assets/icons/explore-slider/smart-inventory.svg');
  }
  
  .task_management-icon {
    background-image: url('../assets/icons/explore-slider/Tasks.svg');
  }
  
  /** FAQ START **/
  
  .faq_title {
    margin-bottom: 2.5rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .faq_title {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .faq_title {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .accordion_billing {
    margin: auto;
    max-width: 45rem;
  }
  
  .accordion_body {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
  }
  
  .accordion_head {
    display: flex;
    cursor: pointer;
    align-items: center;
  }
  
  .accordion_head .accordion_title_pos {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .accordion_head .m-icon {
    margin-right: 0px;
  }
  
  @media (min-width: 768px) {
    .accordion_head .m-icon {
      margin-right: 1rem;
    }
  }
  
  .accordion_head .chvron_right {
    margin-left: auto;
    flex-shrink: 0;
    background-image: url('../assets/icons/chavron_right.svg');
  }
  
  .accordion_body {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .accordion_body .accordion_content {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
  }
  
  .accordion_body .accordion_content .accordion_content_item {
    margin-left: 1.5rem;
    list-style-type: disc;
  }
  
  .accordion_body.active .accordion_content {
    margin-top: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  
  .accordion_body.active .accordion_head .accordion_title_pos {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .accordion_body.active .accordion_head .m-icon {
    background-image: url('../assets/icons/chavron_bottom.svg');
  }
  
  .accordion_body.active .accordion_head :is(.accordion_title_pos, .m-icon) {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
  }
  
  .accordion_body.active:first-child .accordion_content {
    max-height: 100%;
  }
  
  /** Billing Page End **/
  
  /** Efficient POS software **/
  
  .efficient_title_contents {
    margin-bottom: 6rem;
    text-align: center;
  }
  
  .efficient_title {
    margin-bottom: 0.75rem;
  }
  
  .efficient_features_grids {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .efficient_features_grids {
      gap: 5rem;
    }
  }
  
  .effici_features_grid_col {
    width: 18.75rem;
  }
  
  @media (min-width: 1024px) {
    .effici_features_grid_col {
      width: 15rem;
    }
  }
  
  @media (min-width: 1280px) {
    .effici_features_grid_col {
      width: 18.75rem;
    }
  
    .dynamic_reports .efficient_features_grids .effici_features_grid_col, .token_Management .efficient_features_grids .effici_features_grid_col {
      width: 400px;
    }
  }
  
  .effici_features_grid_col {
    text-align: center;
  }
  
  .efficent_features_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
    max-width: 8.75rem;
  }
  
  .efficient_feature_para {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  /****/
  
  /** Bar  POS software Start **/
  
  .get_errorfree_title_content {
    text-align: center;
  }
  
  .get_errorfree_title {
    margin-bottom: 0.75rem;
  }
  
  .multi_billing_contents {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .multi_billing_contents:last-child {
    padding-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .multi_billing_contents {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .bill_modifactions_software .multi_billing_contents, .waiter_calling_system .multi_billing_contents {
    padding-top: 0px;
  }
  
  .multi_billing_contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  @media (min-width: 1024px) {
    .multi_billing_contents {
      flex-wrap: nowrap;
    }
  }
  
  .multi_billing_img {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .multi_billing_img {
      flex-basis: 60%;
    }
  }
  
  .multi_billing_img img {
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 0.75rem;
  }
  
  .usps-wrapper img.multi_billing_img img {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .multi_billing_img img {
      margin-bottom: 0px;
    }
  }
  
  .multi_billing_title_content {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .multi_billing_title_content {
      flex-basis: 40%;
      padding-left: 4rem;
    }
  }
  
  .alcohol_inventory_title_content {
    flex-basis: 100%;
  }
  
  @media (min-width: 1024px) {
    .alcohol_inventory_title_content {
      flex-basis: 40%;
      padding-right: 4rem;
    }
  }
  
  .multibilling_subtitle {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
  }
  
  @media (min-width: 768px) {
    .multibilling_subtitle {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .multibilling_subtitle {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .multibilling_subparagraph {
    margin-bottom: 1.25rem;
  }
  
  .multibilling_stps_feature {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  
  .multibilling_stps_feature img {
    border-radius: 9999px;
  }
  
  .multibilling_stps_feature .stps_feature_content {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .multibilling_stps_feature:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  
  .alcohol_inventory_bar .alcohol_inventory_title_content {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .alcohol_inventory_bar .alcohol_inventory_title_content {
      order: 0;
    }
  }
  
  .bill_modifactions_software, .accurate_comprehensive_pos {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  
  /** Bar POS Software End **/
  
  /** Careers start **/
  
  .hero_careers .section_heading:has(.btn__primary) .titel_dec {
    margin-bottom: 2.25rem;
  }
  
  .m_hero_image {
    border-radius: 0.75rem;
  }
  
  .review_system_wrapper {
    margin-top: 2.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: auto;
  }
  
  @media (min-width: 768px) {
    .review_system_wrapper {
      flex-direction: row;
    }
  }
  
  .glassdoor_recommonded {
    width: 100%;
    max-width: 16rem;
  }
  
  .values_pillars_petpooja {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .values_pillars_title_contents {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    text-align: center;
  }
  
  .values_pillars_title_contents .h2_pos {
    margin-bottom: 0.75rem;
  }
  
  .values_pillars_title_contents {
    margin-bottom: 4rem;
  }
  
  .values_pillars_steps {
    display: grid;
    align-items: baseline;
    gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .values_pillars_steps {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .values_pillars_steps {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 3.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .values_pillars_steps {
      gap: 5rem;
    }
  }
  
  .values_pillar_stepbystep {
    text-align: center;
  }
  
  .values_pillar_stepbystep .values_pillar_img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 11.5rem;
    border-radius: 0.75rem;
  }
  
  .values_pillar_stepbystep .values_pillar_subtitle {
    margin-bottom: 0.75rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .life_at_petpooja_grids_photos {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .life_at_petpooja_grids_photos {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
  }
  
  .life_at_petpooja_grids_photos .lifeat_petpooja_titelcontents {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    z-index: 1;
  }
  
  .life_partof_petpooja img {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .life_at_petpooja_grids_photos .equalopportunity_life img {
    height: 12.5rem;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos .equalopportunity_life img {
      height: 24.75rem;
    }
  }
  
  .life_at_petpooja_grids_photos :is(.personalgrowth_life img,.fun_life img) {
    height: 12.5rem;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos :is(.personalgrowth_life img,.fun_life img) {
      height: 20rem;
    }
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja {
    position: relative;
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #111827 var(--tw-gradient-to-position);
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja::before {
    position: absolute;
    inset: 0px;
    z-index: 1;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(1) {
    grid-column: span 1 / span 1;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(1) {
      grid-column: span 1 / span 1;
    }
  }
  
  @media (min-width: 1024px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(1) {
      grid-column: span 5 / span 5;
    }
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(2) {
    grid-column: span 1 / span 1;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(2) {
      grid-column: span 1 / span 1;
    }
  }
  
  @media (min-width: 1024px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(2) {
      grid-column: span 3 / span 3;
    }
  }
  
  .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(3) {
    grid-column: span 1 / span 1;
  }
  
  @media (min-width: 768px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(3) {
      grid-column: span 1 / span 1;
    }
  }
  
  @media (min-width: 1024px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:nth-child(3) {
      grid-column: span 2 / span 2;
    }
  }
  
  .lifeat_petpooja_titelcontents .subtitle_life_petpooja {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .lifeat_petpooja_titelcontents .subtitle_life_petpooja {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .lifeat_petpooja_titelcontents .subtitle_life_petpooja {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .lifeat_petpooja_titelcontents .subparagaph_life_petpooja {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .lifeat_petpooja_titelcontents .subparagaph_life_petpooja {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .lifeatpetpooja_testimonial .lifetestimonial_swiper .swiper-wrapper .testimonial__img_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 4rem;
  }
  
  @media (min-width: 768px) {
    .lifeatpetpooja_testimonial .lifetestimonial_swiper .swiper-wrapper .testimonial__img_content {
      padding-bottom: 0px;
    }
  }
  
  @media (min-width: 1024px) {
    .lifeatpetpooja_testimonial .lifetestimonial_swiper .swiper-wrapper .testimonial__img_content {
      max-width: 48rem;
      flex-wrap: nowrap;
    }
  }
  
  .lifetestimonial_swiper .testimonial_partner_position {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .lifetestimonial_swiper .testimonial_partner_position .lifepos_partner_review {
    height: 100%;
    width: 12.5rem;
    border-radius: 9999px;
  }
  
  .testimonial_partner_position .lifepos_partner_review {
    margin-bottom: 1rem;
  }
  
  .testimonial_partner_position .lifepartner_title {
    font-weight: 700;
  }
  
  .testimonial_partner_position .lifepartner_title, .lifetestimonial_swiper .testimonial_clientparag {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .lifetestimonial_swiper .testimonial_clientparag {
    margin-bottom: 0px;
  }
  
  .testimonial_partner_position .testimonial_subparagaph {
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  .lifetestimonial_swiper .swiper-button-prev {
    left: 50%;
    top: 94%;
    --tw-translate-x: -50px;
    --tw-rotate: 180deg;
    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 (min-width: 768px) {
    .lifetestimonial_swiper .swiper-button-prev {
      left: 0px;
      top: 50%;
      --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));
    }
  }
  
  @media (min-width: 1024px) {
    .lifetestimonial_swiper .swiper-button-prev {
      left: 1rem;
    }
  }
  
  .lifetestimonial_swiper .swiper-button-next {
    right: 50%;
    top: 94%;
    --tw-translate-x: 60px;
    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 (min-width: 768px) {
    .lifetestimonial_swiper .swiper-button-next {
      right: 0px;
      top: 50%;
      --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));
    }
  }
  
  @media (min-width: 1024px) {
    .lifetestimonial_swiper .swiper-button-next {
      right: 1rem;
    }
  }
  
  .lifetestimonial_swiper :is(.swiper-button-prev, .swiper-button-next) {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  
  .lifetestimonial_swiper .testimonial_partner_position {
    margin-bottom: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .lifetestimonial_swiper .testimonial_partner_position {
      margin-bottom: 0px;
      flex-basis: 33.333333%;
    }
  }
  
  .lifetestimonial_swiper  :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev) {
    display: flex;
  }
  
  .bepartod_petpoojs_contentsimg {
    display: grid;
    align-items: center;
    gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .bepartod_petpoojs_contentsimg {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .bepart_of_petpooja_careers_cycle {
    margin-bottom: 4rem;
  }
  
  @media (min-width: 1024px) {
    .bepartod_petpoojs_contentsimg.bepart_of_petpooja_careers_cycle {
      gap: 4rem;
    }
  
    .bepart_of_petpooja_careers_cycle .bepartofpetpooja_img img {
      max-width: 28.9rem;
    }
  }
  
  .bepartof_titleparagrah .bepartof_paragh.become_partner_paragh {
    margin-bottom: 1.5rem;
  }
  
  .bepartof_titleparagrah {
    order: 1;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .bepartof_titleparagrah {
      order: 0;
      text-align: left;
    }
  }
  
  .bepartofpetpooja_img img {
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 768px) {
    .bepartofpetpooja_img img {
      margin-left: auto;
      margin-right: 0px;
      max-width: 22.5rem;
    }
  }
  
  .btn_secondary_light {
    display: inline-block;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .btn_secondary_light:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .bepartof_titleparagrah .btn .right-icon {
    margin-left: 0.75rem;
    height: 1rem;
    width: 1rem;
    vertical-align: sub;
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .bepartof_titleparagrah .btn:hover .right-icon {
    margin-left: 1.25rem;
  }
  
  .bepartof_titleparagrah .bepartof_title {
    margin-bottom: 1rem;
  }
  
  .allposition_apply {
    display: grid;
    scroll-margin-top: 6rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 1.25rem;
  }
  
  @media (min-width: 1024px) {
    .allposition_apply {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 2.5rem;
    }
  }
  
  .allposition_apply .careersposition_card {
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding: 1rem;
  }
  
  @media (min-width: 768px) {
    .allposition_apply .careersposition_card {
      padding: 1.25rem;
    }
  }
  
  .position_titlecontents .department_title {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .position_titlecontents .department_title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .position_paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .position_paragraph {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .careersposition_card .position_titlecontents {
    margin-bottom: 1rem;
  }
  
  @media (min-width: 768px) {
    .careersposition_card .position_titlecontents {
      margin-bottom: 1.5rem;
    }
  }
  
  .positionopening_apply {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .numberof_openings {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .benefits_perks_careers {
    padding-top: 3.5rem;
    padding-bottom: 5rem;
  }
  
  .benefits_titlecontent {
    margin-bottom: 5rem;
    text-align: center;
  }
  
  .benefits_title {
    margin-bottom: 0.5rem;
  }
  
  .personal_grows_benefits {
    display: grid;
    align-items: flex-start;
    justify-content: center;
    gap: 2.25rem;
  }
  
  @media (min-width: 768px) {
    .personal_grows_benefits {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .personal_grows_benefits {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .benefits_points_grow {
    text-align: center;
  }
  
  .benefits_points_grow p {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .benefits_points_grow .emotional_person_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 7.5rem;
  }
  
  /** Careers end **/
  
  /** Outlets subpages Analytics section **/
  
  .pos_bakery_analytics {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  }
  
  .outlets_conttitle {
    padding-bottom: 3.5rem;
  }
  
  .outlets_conttitle .h2_pos {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .pos_analitcs_grid {
    display: grid;
    align-items: flex-start;
    gap: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .pos_analitcs_grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .analytics_pos_grid_img {
    margin-bottom: 1.5rem;
    aspect-ratio: 1.077;
  }
  
  .analytics_pos_grid_img img {
    border-radius: 1rem;
  }
  
  :is(.analytics_content_pos_col) .multibilling_subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
  }
  
  .analytics_content_pos_col :is(.multibilling_subparagraph, .stps_feature_content) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  
  /** Outlets subpages Analytics section **/
  
  /** Suppliers start **/
  
  .quality_check_suppliers .wrapper .billing_software_row {
    align-items: center;
    gap: 0px;
    padding-top: 6rem;
  }
  
  @media (min-width: 1024px) {
    .quality_check_suppliers .wrapper .billing_software_row.first_row_quality_suppilers .billing_software_details {
      padding-left: 5rem;
    }
  }
  
  .quality_check_suppliers .wrapper .billing_software_row.second_row_quality_suppilers .billing_software_col:first-child {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .quality_check_suppliers .wrapper .billing_software_row.second_row_quality_suppilers .billing_software_col:first-child {
      order: 0;
    }
  
    .quality_check_suppliers .wrapper .billing_software_row.second_row_quality_suppilers .billing_software_details {
      padding-right: 5rem;
    }
  }
  
  .m_vendor_suppliers {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .title_of_vendor_category {
    margin-bottom: 6rem;
    text-align: center;
  }
  
  .vendor_categories_all {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 4rem;
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .vendor_categories_all {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .vendor_categories_all {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .vendor_category_col .vendor_cate_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
    width: 100%;
    border-radius: 0.375rem;
  }
  
  @media (min-width: 768px) {
    .vendor_category_col .vendor_cate_img {
      max-width: 9.375rem;
    }
  }
  
  .vendor_category_col .vendor_cate_title {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .meet_some_suppliers_all .vendor_cate_img {
    margin-bottom: 0px;
  }
  
  .verified_suppliers_title {
    margin-bottom: 6rem;
    text-align: center;
  }
  
  .verified_suppliers_title .title_suppliers_verified {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
  }
  
  @media (min-width: 768px) {
    .verified_suppliers_title .title_suppliers_verified {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .verified_counter_number_row {
    display: grid;
    place-items: start;
    gap: 2.25rem;
  }
  
  @media (min-width: 768px) {
    .verified_counter_number_row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .verified_counter_number_row {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .verified_counter_col .counter_wrapper {
    justify-content: center;
  }
  
  .verified_counter_col .verified_counter_title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  /** Suppliers end **/
  
  /** Scroll TO Top Btn start **/
  
  .scroll_to_top_btn {
    position: fixed;
    bottom: 2.25rem;
    right: 1.5rem;
    z-index: 10;
    display: none;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .scroll_to_top_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .scroll_to_top_btn {
      right: 2.25rem;
    }
  }
  
  .scroll_to_top_btn svg {
    --tw-rotate: 180deg;
    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));
  }
  
  /** Scroll to top end **/
  
  /** Privacy Policy **/
  
  .privacy_policy_content {
    padding-top: 4rem;
  }
  
  .privacy_policy_title {
    margin-bottom: 2.5rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  @media (min-width: 768px) {
    .privacy_policy_title {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .privacy_policy_title {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .last_update_privacy_title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .privacy_items {
    margin-bottom: 1.25rem;
  }
  
  .content_item_privacy_div {
    display: flex;
    gap: 0.5rem;
  }
  
  @media (min-width: 768px) {
    .content_item_privacy_div {
      gap: 0.75rem;
    }
  }
  
  .privacy_list:not(:last-child) {
    margin-bottom: 1rem;
  }
  
  .privacy_items .privacy_list .privacy-list-icon {
    margin-top: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    background-image: url('../assets/icons/privacy_bullet.svg');
  }
  
  .h4_privacy_policy {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .h4_privacy_policy {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .ol_roman_privacy_items {
    margin-bottom: 2.5rem;
    padding-left: 1rem;
    padding-top: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .ol_roman_privacy_items {
      padding-left: 3.5rem;
    }
  }
  
  .ol_roman_privacy_items{
    list-style: upper-roman;
  }
  
  .ol_alpha_privacy_items {
    margin-bottom: 2.5rem;
    padding-left: 1rem;
    padding-top: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .ol_alpha_privacy_items {
      padding-left: 3.5rem;
    }
  }
  
  .ol_alpha_privacy_items{
    list-style: upper-latin;
  }
  
  .list-lower-latin{
    list-style: lower-latin;
  }
  
  .ol_disc_privacy_items {
    margin-bottom: 2.5rem;
    padding-left: 1rem;
    padding-top: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .ol_disc_privacy_items {
      padding-left: 3.5rem;
    }
  }
  
  .ol_disc_privacy_items{
    list-style: disc;
  }
  
  .ol_privacy_list {
    margin-bottom: 0.5rem;
  }
  
  .h5_privacy_policy {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  .grievance_privacy {
    padding-left: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .grievance_privacy {
      padding-left: 2.5rem;
    }
  }
  
  .terms_contents .wrapper .contents_privacy .h4_privacy_policy:nth-of-type(1) {
    margin-top: 0.5rem;
  }
  
  /** Privacy Policy **/
  
  @media (max-width: 1023px){
    .navbar__list.active .navbar__link {
      font-weight: 700;
      --tw-text-opacity: 1;
      color: rgb(31 41 55 / var(--tw-text-opacity));
    }
  
    .navbar__list.active .navbar__link .tringle-icon {
      --tw-brightness: brightness(0);
      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);
    }
  
    .navbar__list:has(.navbar__submenu_div.active) .navbar__link {
      --tw-bg-opacity: 1;
      background-color: rgb(243 244 246 / var(--tw-bg-opacity));
      font-weight: 700;
      --tw-text-opacity: 1;
      color: rgb(31 41 55 / var(--tw-text-opacity));
    }
  
    .navbar__list .navbar__link:has(i) i {
      width: 1.5rem;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-duration: 150ms;
      transition-delay: 200ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  
    .navbar__list:has(.navbar__submenu_div.active) .navbar__link i {
      --tw-rotate: 90deg;
      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));
      --tw-brightness: brightness(0);
      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);
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-duration: 150ms;
      transition-delay: 100ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  
    body:has(.navbar__items.active) {
      overflow-y: hidden;
    }
  
    .navbar__items.active {
      position: fixed;
      top: 4.6875rem;
      left: 0px;
      bottom: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      overflow-y: auto;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  
    @media (min-width: 1024px) {
      .navbar__items.active {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
  
      @media (min-width: 768px) {
        .navbar__items.active {
          max-width: 768px;
          padding-right: 4rem;
          padding-left: 4rem;
        }
      }
  
      @media (min-width: 1024px) {
        .navbar__items.active {
          max-width: 1024px;
          padding-right: 4rem;
          padding-left: 4rem;
        }
      }
  
      @media (min-width: 1280px) {
        .navbar__items.active {
          max-width: 1280px;
          padding-right: 6rem;
          padding-left: 6rem;
        }
      }
  
      @media (min-width: 1536px) {
        .navbar__items.active {
          max-width: 1536px;
          padding-right: 12.5rem;
          padding-left: 12.5rem;
        }
      }
    }
  
    .navbar__items.active{
      height: calc(100% - 13.2rem);
    }
  
    .navbar__items.active::before {
      position: fixed;
      inset: 0px;
      top: 4.6875rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      --tw-content: '';
      content: var(--tw-content);
    }
  
    .navbar__list .navbar__submenu_div.active {
      visibility: visible;
      overflow: visible;
      opacity: 1;
    }
  
    .m_toggle.active span:nth-child(1){
      transform: translate3d(0,0.4375rem,0) rotate(45deg);
    }
  
    .m_toggle.active span:nth-child(2) {
      opacity: 0;
    }
  
    .m_toggle.active span:nth-child(3){
      transform: translate3d(0,-0.3125rem,0) rotate(-45deg);
    }
  }
  
  .support-emoji {
    display: inline-block;
    max-width: 1.875rem;
  }
  
  @media (min-width: 768px) {
    .support-emoji {
      max-width: 100%;
    }
  }
  
  .scrollpadding {
    scroll-margin-top: 4rem;
  }
  
  /* ratings home page */
  
  .review__industry {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .review__industry {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  .review__industry .rating-title {
    margin-bottom: 2.75rem;
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .review__industry .rating-title {
      margin-bottom: 5rem;
    }
  }
  
  .review__wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .review__wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .review-img-content {
    text-align: center;
  }
  
  .review-img-content .review__imgs {
    margin-left: auto;
    margin-right: auto;
    max-width: 16rem;
  }
  
  /* rating end */
  
  .list-icon {
    max-width: 2.25rem;
  }
  
  .invert-list-icon {
    --tw-invert: invert(100%);
    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);
  }
  
  .wcs_wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .wcs_wrapper {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
  }
  
  /*lading page start*/
  
  .landing_footer .footer_contact_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.75rem;
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .landing_footer .footer_contact_wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 2.5rem;
      border-top-width: 1px;
    }
  }
  
  .landing_footer .scheduale_row {
    gap: 0px;
  }
  
  @media (min-width: 768px) {
    .landing_footer .scheduale_row {
      gap: 2.5rem;
    }
  }
  
  .landing_footer .footer_category_name img {
    margin-right: 0.75rem;
    max-width: 2rem;
  }
  
  .landing_footer .footer_category_name.contact-us {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
  
  .uae-landing-wrapper .hero_billings.hero_uae .hero__pos_content {
    order: 2;
    padding-top: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .hero_billings.hero_uae .hero__pos_content {
      order: 0;
      padding-top: 0px;
    }
  }
  
  .landing_footer .scheduale_row .scheduale_col:first-child {
    order: 0;
  }
  
  .uae-landing-wrapper .btn_landing_pg_th_ue {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .btn_landing_pg_th_ue {
      justify-content: flex-start;
      gap: 1.25rem;
    }
  }
  
  .btn__primary__outline {
    display: inline-block;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 191 99 / 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: 0.6875rem;
    padding-bottom: 0.6875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .btn__primary__outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 191 99 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__primary__outline:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 191 99 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .uae-landing-wrapper .btn_landing_pg_th_ue .btn {
    font-size: 0.875rem;
    line-height: 1.1394rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .btn_landing_pg_th_ue .btn {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  .uae-landing-wrapper .hero__subtitle {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .uae-landing-wrapper .testimonial_slider {
    margin-top: 4rem;
  }
  
  .uae-landing-wrapper .billibg_pos > .wrapper > .section_heading {
    padding-bottom: 0px;
  }
  
  .uae-landing-wrapper .billibg_pos.integration_thailand_uae > .wrapper > .section_heading {
    margin-bottom: 2.75rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .billibg_pos.integration_thailand_uae > .wrapper > .section_heading {
      margin-bottom: 4rem;
    }
  }
  
  .uae-landing-wrapper .thailand-third-party-wrap > .wrapper > .section_heading .titel_name br {
    display: none;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .thailand-third-party-wrap > .wrapper > .section_heading .titel_name br {
      display: block;
    }
  }
  
  .uae-landing-wrapper .outlet_type > .wrapper > .section_heading {
    text-align: left;
  }
  
  .uae-landing-wrapper .values_pillars_petpooja {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .values_pillars_petpooja {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  @media (min-width: 1024px) {
    .uae-landing-wrapper .values_pillars_petpooja {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem;
    }
  }
  
  .uae-landing-wrapper .values_pillars_title_contents .h2_pos {
    font-weight: 400;
  }
  
  .uae-landing-wrapper .values_pillars_title_contents .h2_pos span {
    font-weight: 600;
  }
  
  .uae-landing-wrapper .values_pillars_petpooja {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 247 / var(--tw-bg-opacity));
  }
  
  .uae-landing-wrapper .values_pillars_steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: baseline;
    gap: 2.5rem;
  }
  
  @media (min-width: 1024px) {
    .uae-landing-wrapper .values_pillars_steps {
      gap: 3.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .uae-landing-wrapper .values_pillars_steps {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5rem;
    }
  }
  
  .uae-landing-wrapper .values_pillar_stepbystep .values_pillar_img {
    max-width: 7rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .values_pillar_stepbystep .values_pillar_img {
      max-width: 9rem;
    }
  }
  
  .uae-landing-wrapper .values_pillar_stepbystep .values_pillar_subtitle {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .values_pillar_stepbystep .values_pillar_subtitle {
      font-size: 1.25rem;
    }
  }
  
  .uae-landing-wrapper .hero_uae {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .hero_uae {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  .landing_footer {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  }
  
  .landing_footer .footer_category_name {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .landing_footer .footer_copyright {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .uae-landing-wrapper .explore_subboxes .expboxes_img_paragh {
      flex: 1 1 0%;
    }
  }
  
  .landing_footer > a {
    display: flex;
    align-items: center;
  }
  
  @media (min-width: 768px) {
    .landing_footer .scheduale_col:last-child img {
      margin-left: auto;
    }
  }
  
  .landing_footer .scheduale_col:last-child {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    padding-top: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .landing_footer .scheduale_col:last-child {
      border-style: none;
      padding-top: 0px;
    }
  }
  
  .uae-landing-wrapper .thailand-third-party-wrap .section_heading .titel_name {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .thailand-third-party-wrap .section_heading .titel_name {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .uae-landing-wrapper .thailand-third-party-wrap .section_heading .titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .uae-landing-wrapper .thailand-hero-bg {
    position: relative;
    overflow: hidden;
    background-image: url('../assets/images/landing/thailand-hero-mobile.webp');
    background-size: cover;
    background-position: bottom;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .thailand-hero-bg {
      background-image: url('../assets/images/landing/thailand-hero-bg-web.webp');
      background-position: center;
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  .uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__subtitle {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .uae-landing-wrapper :is(.hero_uae,.hero_thailand) .hero__title {
    margin-bottom: 3rem;
  }
  
  .uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__pos_content {
    flex-basis: 100%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-right: 0px;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__pos_content {
      text-align: left;
    }
  }
  
  @media (min-width: 1024px) {
    .uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__pos_content {
      flex-basis: 50%;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 2.5rem;
    }
  }
  
  .uae-landing-wrapper .thailand-third-party-wrap .section_heading {
    text-align: left;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .thailand-third-party-wrap .section_heading {
      text-align: center;
    }
  }
  
  .uae-landing-wrapper .explore_contents_pagination :is(.exlore_addons_title,.explore_paragh) {
    text-align: left;
  }
  
  /* ondc start */
  
  .uae-landing-wrapper .ondc-hero.hero_uae {
    padding-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .ondc-hero.hero_uae {
      padding-bottom: 2rem;
    }
  }
  
  .ondc-hero .hero__pos_content {
    padding-right: 0px;
  }
  
  .ondc-hero .hero__pos_content .hero__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .ondc-hero .hero__pos_content .hero__title {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .ondc_res_steps_m {
    padding-top: 4rem;
  }
  
  .ondc_resturant {
    --tw-bg-opacity: 1;
    background-color: rgb(233 244 255 / var(--tw-bg-opacity));
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .ondc_resturant .ondc_res_title {
    margin-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .ondc_resturant .ondc_res_p {
    font-size: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .setps_ondc_res_all {
    display: grid;
    gap: 4rem;
  }
  
  @media (min-width: 768px) {
    .setps_ondc_res_all {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .step_ondc_restuarant_per{
    counter-increment: item;
  }
  
  .step_ondc_restuarant_per::before {
    font-size: 2.5rem;
    line-height: 3rem;
    --tw-text-opacity: 1;
    color: rgb(217 232 246 / var(--tw-text-opacity));
    --tw-content: '0' counter(item);
    content: var(--tw-content);
  }
  
  .step_title_ondc {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
  }
  
  .petpooja_role_m {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  .billibg_pos.petpooja_role_m .section_heading .titel_name.petpooja_role_title {
    font-size: 2rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  
  .petpojarole_section .setps_ondc_res_all .step_ondc_restuarant_per::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
  }
  
  .ondc_webinar_heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    text-align: center;
  }
  
  .ondc_webinar_heading .ondc_webinar_head {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  @media (min-width: 768px) {
    .ondc_webinar_heading .ondc_webinar_head {
      margin-bottom: 0px;
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .h2_ondc_ld {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
  }
  
  /* ondc end */
  
  /* Uae Arabic landing start */
  
  @media (min-width: 1024px) {
    .uae-arabic_wrapper :is(.scheduale_form_titel,.scheduale_form_dec) {
      text-align: right;
    }
  }
  
  @media (min-width: 768px) {
    .uae-arabic_wrapper .testimonial_contents {
      padding-left: 0px;
      padding-right: 3.5rem;
    }
  }
  
  .uae-arabic_wrapper .billibg_pos > .wrapper > .section_heading {
    text-align: right;
  }
  
  .uae-arabic_wrapper :is(.testimonial_contents .testimonial_clientparag,.testimonial_clientdetails) {
    justify-content: flex-end;
  }
  
  @media (min-width: 768px) {
    .uae-arabic_wrapper :is(.testimonial_contents .testimonial_clientparag,.testimonial_clientdetails) {
      text-align: right;
    }
  }
  
  .uae-arabic_wrapper .testimonial__img_content {
    flex-direction: row-reverse;
  }
  
  .uae-arabic_wrapper .testimonial_contents .clients_brand img {
    margin-left: auto;
  }
  
  .uae-arabic_wrapper.uae-landing-wrapper .outlet_type > .wrapper > .section_heading {
    text-align: right;
  }
  
  .uae-landing-wrapper.uae-arabic_wrapper .explore_contents_pagination :is(.exlore_addons_title,.explore_paragh) {
    text-align: right;
  }
  
  @media (min-width: 768px) {
    .uae-arabic_wrapper .hero_billings .hero__pos_content {
      text-align: right;
    }
  }
  
  @media (min-width: 1024px) {
    .uae-arabic_wrapper .hero__pos_content {
      padding-right: 0px;
      padding-left: 2.5rem;
    }
  
    .uae-arabic_wrapper .hero__pos_img img {
      margin-left: 0px;
      margin-right: auto;
    }
  }
  
  /*lading page end*/
  
  @media (min-width: 1024px) {
    .landingindex_ul_items .navbar__link {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  @media (min-width: 1280px) {
    .landingindex_ul_items .navbar__link {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  
  .smartpos_indexbg, .smartpos_index_features .pos_featuerssteps:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  
  .smartpos_indexbg.billibg_pos > .wrapper > .section_heading {
    padding-bottom: 0px;
  }
  
  .billibg_pos.smartpos_indexbg {
    padding-top: 6rem;
  }
  
  .pos_featuerssteps .multi_billing_contents:last-child {
    padding-bottom: 4rem;
  }
  
  @media (min-width: 768px) {
    .pos_featuerssteps .multi_billing_contents:last-child {
      padding-bottom: 6rem;
    }
  }
  
  @media (min-width: 1024px) {
    .pos_featuerssteps :is(.multi_billing_img, .multi_billing_title_content, .alcohol_inventory_title_content) {
      flex-basis: 50%;
    }
  }
  
  .landing_index_main .list-icon {
    margin-top: 0.375rem;
  }
  
  .landingindex_ul_items.navbar__items li:nth-child(5) {
    margin-left: 0px;
  }
  
  @media (min-width: 768px) {
    .smartpos_index_features .billing_titel {
      padding-bottom: 1.5rem;
    }
  
    .smartpos_index_features .multibilling_subparagraph {
      margin-bottom: 1.5rem;
    }
  }
  
  .footer_landingindex.footer {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
  
  .footer_landingindex .footer_grid_row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 2.5rem;
  }
  
  @media (min-width: 768px) {
    .footer_landingindex .footer_grid_row {
      gap: 1.75rem;
    }
  }
  
  @media (min-width: 1024px) {
    .footer_landingindex .footer_grid_row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  .footer_landingindex .footer_grid_col:first-child {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .footer_landingindex .footer_grid_col:first-child {
      order: 0;
      grid-column: span 2 / span 2;
    }
  
    .footer_landingindex .footer_grid_col:last-child {
      grid-column: span 1 / span 1;
      border-left-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgb(209 213 219 / var(--tw-border-opacity));
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      padding-left: 4rem;
    }
  }
  
  .footer_landingindex .footer_copyright {
    text-align: left;
  }
  
  .footer_landingindex .footer_contact_wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  /* south africa landing page */
  
  .quick_wrapper_salp .multibilling_subparagraph {
    margin-bottom: 2.5rem;
  }
  
  .easytouse_billing_soft_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    row-gap: 2rem;
  }
  
  .quicksoft_cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .quicksoft_cols {
      flex-direction: row;
      align-items: flex-start;
    }
  }
  
  .quicksoft_cols .quick_paragh {
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .quicksoft_cols .quick_paragh {
      text-align: left;
    }
  }
  
  .quicksoft_cols .quicksoft_img {
    max-width: 4.0625rem;
  }
  
  .south_africa_explore_slider .swiper-wrapper .swiper-slide {
    margin-right: 0px;
    flex-basis: 8rem;
  }
  
  @media (min-width: 768px) {
    .south_africa_explore_slider .swiper-wrapper .swiper-slide {
      margin-right: 3.125rem;
    }
  }
  
  @media (min-width: 1024px) {
    .south_africa_explore_slider .swiper-wrapper .swiper-slide {
      flex-basis: 9.375rem;
    }
  }
  
  .south_africa_explore_slider.explore_addons_slider .swiper-wrapper {
    justify-content: space-between;
    gap: 1.75rem;
  }
  
  @media (min-width: 1024px) {
    .south_africa_explore_slider.explore_addons_slider .swiper-wrapper {
      justify-content: flex-start;
      gap: 0px;
    }
  }
  
  /* reseller south africa page */
  
  .reseller_southaftica .hero_billings .wrapper .hero__pos_contents_img {
    padding-bottom: 5rem;
  }
  
  @media (min-width: 1024px) {
    .reseller_southaftica .hero_billings .wrapper .hero__pos_contents_img {
      padding-bottom: 6rem;
    }
  }
  
  .comegrow_reseller_wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  
  .row_comegrow_partner_sar {
    display: grid;
    align-items: center;
    gap: 4rem;
  }
  
  @media (min-width: 1024px) {
    .row_comegrow_partner_sar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .comegrow_span {
    margin-bottom: 0.75rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .comegrow_title {
    margin-bottom: 1.5rem;
  }
  
  .comegrow_title, .comegrow_paragh {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .reseller_partners_sar {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    padding: 1.5rem;
  }
  
  .reseller_partners_sar:first-child {
    margin-bottom: 1rem;
  }
  
  .reseller_partners_sar .partner_title_sar {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .reseller_partners_sar .partner_title_sar {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .reseller_partners_sar .partner_title_sar::after {
    margin-top: 0.5rem;
    display: block;
    height: 0.3125rem;
    width: 100%;
    border-radius: 0.25rem;
    background-size: cover;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .reseller_partners_sar.sliver_partner_sar .partner_title_sar::after {
    background-image: url('../assets/images/south-africa/sliver_line_partner.svg');
  }
  
  .reseller_partners_sar.golden_partner_sar .partner_title_sar::after {
    background-image: url('../assets/images/south-africa/goldern_line_partner.svg');
  }
  
  .reseller_southaftica .bepart_of_petpooja_careers_cycle {
    margin-bottom: 0px;
  }
  
  .reseller_southafrica_features {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  
  /* payroll landing start */
  
  .payrollfaq .accordion_body.active .accordion_head :is(.accordion_title_pos, .m-icon) {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(23 53 82 / var(--tw-text-opacity));
  }
  
  .payrollfaq .accordion_body.active .accordion_content {
    margin-top: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
  }
  
  .payrollfaq .accordion_body.active .accordion_head .m-icon{
    filter: invert(43%) sepia(38%) saturate(1416%) hue-rotate(178deg) brightness(89%) contrast(90%);
  }
  
  .payroll_hero {
    --tw-bg-opacity: 1;
    background-color: rgb(44 119 207 / var(--tw-bg-opacity));
  }
  
  .payroll_logo, .hero__pos_img .payroll_logo {
    margin-bottom: 1.75rem;
    max-width: 9.5rem;
  }
  
  @media (min-width: 768px) {
    .payroll_logo, .hero__pos_img .payroll_logo {
      max-width: 12.5rem;
    }
  }
  
  .hero__pos_img .payroll_logo {
    margin-left: auto;
    margin-right: auto;
  }
  
  .view_logo_dk {
    display: none;
  }
  
  @media (min-width: 1024px) {
    .view_logo_dk {
      display: block;
    }
  }
  
  .view_logo_res {
    display: block;
  }
  
  @media (min-width: 1024px) {
    .view_logo_res {
      display: none;
    }
  }
  
  .payroll_hero .hero__pos_content {
    order: 1;
    padding-right: 0px;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .payroll_hero .hero__pos_content {
      order: 0;
      text-align: left;
    }
  }
  
  .payroll_hero .hero__pos_contents_img .hero__pos_img {
    padding-top: 2.5rem;
  }
  
  @media (min-width: 1024px) {
    .payroll_hero .hero__pos_contents_img .hero__pos_img {
      padding-top: 0px;
    }
  }
  
  .payroll_hero .hero__title {
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity));
  }
  
  .payroll_hero .hero_paragph {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .payroll_hero .hero__pos_contents_img {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
  
  .payroll_hero .btn__primary {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .payroll_hero .btn__primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .payroll_hero .btn__primary:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .nextgen_staff_wrapper {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .nextgenstaff_img_content {
    display: grid;
    align-items: center;
  }
  
  @media (min-width: 1024px) {
    .nextgenstaff_img_content {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 4rem;
    }
  }
  
  .nextgenstaff_img {
    padding-bottom: 2.5rem;
  }
  
  @media (min-width: 1024px) {
    .nextgenstaff_img {
      grid-column: span 2 / span 2;
      padding-bottom: 0px;
    }
  }
  
  .nextgenstaff_content {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .nextgenstaff_content {
      order: 0;
    }
  }
  
  .nextgenstaff_content h2 {
    font-weight: 400;
  }
  
  @media (min-width: 768px) {
    .nextgenstaff_content h2 {
      font-size: 2.25rem;
    }
  }
  
  .nextgenstaff_content h2 span {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(44 119 207 / var(--tw-text-opacity));
  }
  
  .builtsms_india_wrapper {
    background-color: #2c77cf1a;
  }
  
  .builtsms_india_wrapper h2 {
    margin-bottom: 3rem;
    text-align: center;
  }
  
  .builtsms_india_wrapper .builtall_features {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 56.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .builtsms_india_wrapper .builtall_features {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2.5rem;
    }
  }
  
  .builtsms_india_wrapper .built_feature_steps {
    border-radius: 0.625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    --tw-shadow: 0 6px 6px #00000029;
    --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  @media (min-width: 768px) {
    .builtsms_india_wrapper .built_feature_steps {
      border-radius: 1.875rem;
      padding-top: 3rem;
      padding-bottom: 3rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  
  .builtsms_india_wrapper.stressfree_wrapper .built_feature_steps.streesfree_features {
    border-radius: 1.875rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .builtsms_india_wrapper .built_feature_steps .m-icon {
    margin-bottom: 0.75rem;
    height: 2.5rem;
    width: 2.5rem;
    background-size: contain;
  }
  
  @media (min-width: 768px) {
    .builtsms_india_wrapper .built_feature_steps .m-icon {
      height: 4.375rem;
      width: 4.375rem;
    }
  }
  
  .builtsms_india_wrapper.stressfree_wrapper .built_feature_steps .m-icon {
    height: 4.375rem;
    width: 4.375rem;
  }
  
  .builtsms_india_wrapper .built_feature_steps .prlbuiltstep_title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .builtsms_india_wrapper .built_feature_steps .prlbuiltstep_title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .payroll_easytime_wrapper .multibilling_stps_feature img {
    margin-top: 0.25rem;
  }
  
  .restaurants_icon {
    background-image: url('../assets/icons/payroll/restaurants_icon.svg');
  }
  
  .spasalon_icon {
    background-image: url('../assets/icons/payroll/spasalon_icon.svg');
  }
  
  .munufactures_icon {
    background-image: url('../assets/icons/payroll/munufactures_icon.svg');
  }
  
  .hospitals_icon {
    background-image: url('../assets/icons/payroll/hospitals_icon.svg');
  }
  
  .showrooms_icon {
    background-image: url('../assets/icons/payroll/showrooms_icon.svg');
  }
  
  .supermarkets_icon {
    background-image: url('../assets/icons/payroll/supermarkets_icon.svg');
  }
  
  .builtsms_india_wrapper.stressfree_wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    --tw-shadow: 0 0 2.5rem #00000066;
    --tw-shadow-colored: 0 0 2.5rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .stressfree_wrapper .h2_pos {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
    max-width: 43.75rem;
  }
  
  .builtsms_india_wrapper .builtall_features.streesfree_features {
    max-width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  @media (min-width: 768px) {
    .builtsms_india_wrapper .builtall_features.streesfree_features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .builtsms_india_wrapper .builtall_features.streesfree_features {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .builtsms_india_wrapper.stressfree_wrapper .built_feature_steps .prlbuiltstep_title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .streefree_title {
    margin-bottom: 0.625rem;
    font-weight: 500;
  }
  
  .builtsms_india_wrapper.stressfree_wrapper .built_feature_steps {
    padding: 1.5rem;
  }
  
  .easystaff_icon {
    background-image: url('../assets/icons/payroll/easystaff_icon.svg');
  }
  
  .customisedstaff_icon {
    background-image: url('../assets/icons/payroll/customisedstaff_icon.svg');
  }
  
  .expret_icon {
    background-image: url('../assets/icons/payroll/expret_icon.svg');
  }
  
  .whatapp_icon {
    background-image: url('../assets/icons/payroll/whatapp_icon.svg');
  }
  
  .seamlesshardware_wrapper {
    background-color: #2c77cf1a;
  }
  
  @media (min-width: 1024px) {
    .nextgenstaff_img_content.seamlesshardware_content {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0px;
    }
  }
  
  .seamlesshardware_content .nextgenstaff_img {
    grid-column: span 1 / span 1;
  }
  
  .seamlesshardware_content .h2_pos {
    margin-bottom: 0.5rem;
    font-weight: 600;
  }
  
  .seamlesshardware_content .nextgenstaff_content .paragh_payroll_blk {
    margin-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .payrollruppes_count {
    font-size: 3rem;
    line-height: 3.75rem;
    --tw-text-opacity: 1;
    color: rgb(44 119 207 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .landing_footer .scheduale_col.address_pti {
      margin-left: auto;
      max-width: 15.625rem;
    }
  }
  
  .footer_logo_pti {
    margin-bottom: 1.5rem;
    display: inline-block;
  }
  
  .scheduale_col.address_pti .footer_category_name:last-child {
    --tw-text-opacity: 1;
    color: rgb(131 131 131 / var(--tw-text-opacity));
  }
  
  .landing_footer .scheduale_col.address_pti:last-child {
    border-bottom-width: 1px;
    border-top-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
  }
  
  @media (min-width: 768px) {
    .landing_footer .scheduale_col.address_pti:last-child {
      border-style: none;
    }
  }
  
  /* corporate info page */
  
  .corporate_info_wrapper.about_hero > .wrapper > .section_heading {
    margin-bottom: 3.5rem;
  }
  
  .doumnets_link_ci {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 0.625rem;
    --tw-shadow: 0 0 7px #d5d5d5;
    --tw-shadow-colored: 0 0 7px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .usps-wrapper img.doumnets_link_ci {
    max-height: calc(100vh - 100px);
  }
  
  .doumnets_link_ci:hover {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .lbl_title_text {
    display: inline-flex;
    align-items: center;
  }
  
  .lbl_title_text .document_attachment_icon {
    background-image: url('../assets/icons/file-text.svg');
  }
  
  .caret_right_icon {
    background-image: url('../assets/icons/caret-right.svg');
  }
  
  .doumnets_link_ci:hover :is(.lbl_title_text .document_attachment_icon, .caret_right_icon) {
    --tw-brightness: brightness(102%);
    --tw-contrast: contrast(94%);
    --tw-hue-rotate: hue-rotate(340deg);
    --tw-invert: invert(16%);
    --tw-saturate: saturate(2706%);
    --tw-sepia: sepia(92%);
    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: brightness(0) saturate(100%) invert(15%) sepia(71%) saturate(3539%) hue-rotate(341deg) brightness(104%) contrast(93%);
  }
  
  .payroll_hospital_hero {
    overflow: hidden;
  }
  
  @media (min-width: 1024px) {
    .payroll_hero.payroll_hospital_hero .hero__pos_contents_img {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  
    .payroll_hospital_hero .hero__pos_content {
      flex-shrink: 0;
    }
  }
  
  @media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_content {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .payroll_hospital_hero .hero__pos_contents_img {
      margin-right: calc(50% - 50vw);
    }
  }
  
  @media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_contents_img {
      margin-right: 0px;
    }
  }
  
  @media (min-width: 1024px) {
    .payroll_hospital_hero .hero__pos_img {
      margin-top: -6.25rem;
      margin-left: 1.875rem;
      flex-shrink: 0;
    }
  }
  
  @media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_img {
      margin-top: 0px;
      margin-left: 0px;
    }
  }
  
  .payroll_hospital_hero .hero__pos_img > img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  @media (min-width: 1024px) {
    .payroll_hospital_hero .hero__pos_img > img {
      height: 40.625rem;
      max-width: 40.625rem;
      border-radius: 9999px;
    }
  }
  
  @media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_img > img {
      aspect-ratio: 1 / 1;
      height: auto;
      max-width: 35.375rem;
    }
  }
  
  /* landing page  */
  
  .rbs__logo {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .rbs__logo {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  .rbs__logo img {
    width: 8rem;
  }
  
  @media (min-width: 768px) {
    .rbs__logo img {
      width: 10rem;
    }
  }
  
  .rbs-contain-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  
  @media (min-width: 1024px) {
    .rbs-contain-wrapper {
      flex-direction: row;
      gap: 0px;
    }
  }
  
  .rbs-contain-col:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .rbs-contain-col:last-child {
    margin-left: 0px;
  }
  
  @media (min-width: 1024px) {
    .rbs-contain-col:last-child {
      margin-left: 2rem;
    }
  }
  
  @media (min-width: 1280px) {
    .rbs-contain-col:last-child {
      margin-left: 5rem;
    }
  }
  
  .rbs_titel_name {
    margin-bottom: 1.25rem;
    font-family: 'Poppins';
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_titel_name {
      font-size: 36px;
    }
  }
  
  .rbs_contain {
    margin-bottom: 1.25rem;
    font-family: 'Poppins';
    font-size: 1.2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .rbs-contain-col .scheduale_form_titel {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
  }
  
  .rbs-contain-col .scheduale_form_dec {
    margin-bottom: 1.25rem;
  }
  
  .rbs_box {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
    padding: 1.25rem;
  }
  
  .rbs_box_contains {
    font-family: 'Poppins';
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .rbs_box_wrapper {
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  
  .rbs_box_wrapper p {
    font-size: 0.875rem;
    line-height: 1.1394rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .rbs-raiting {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  
  @media (min-width: 768px) {
    .rbs-raiting {
      width: 65%;
    }
  }
  
  .rbs-raiting-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .rbs-raiting-contain {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  .rbs-services {
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217 / var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .rbs-services-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .rbs-services-wrapper {
      flex-direction: row;
    }
  }
  
  @media (min-width: 1280px) {
    .rbs-services-wrapper {
      text-align: left;
    }
  }
  
  .rbs-services-wrapper h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .rbs-services-wrapper h3 {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .rbs_counter .counter_customer_process {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4rem;
  }
  
  @media (min-width: 768px) {
    .rbs_counter .counter_customer_process {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .rbs_counter .counter_customer_process {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  .rbs_counter .counter_number_title, .rbs_counter .counter_number_title_icon {
    margin-bottom: 0.75rem;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(242 69 39 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_counter .counter_number_title, .rbs_counter .counter_number_title_icon {
      font-size: 3.75rem;
      line-height: 1;
    }
  }
  
  .rbs_counter .counter_nmber_title p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1536px) {
    .rbs_counter .counter_nmber_title p {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
  
  .rbs_counter .counter_wrapper , .rbs_counter .counter_contents {
    justify-content: center;
  }
  
  .rbs_billing-process {
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217 / var(--tw-bg-opacity));
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  .rbs_bp_title {
    margin-bottom: 3.5rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_bp_title {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .rbs_bp_wrapper {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 7rem;
         column-gap: 7rem;
    row-gap: 4rem;
  }
  
  @media (min-width: 768px) {
    .rbs_bp_wrapper {
      max-width: 85%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .rbs_bp-col img {
    margin: auto;
    height: 6.375rem;
    max-width: 6.375rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .rbs_bp-col:last-child img {
    max-width: 10rem;
  }
  
  .rbs_bp-col {
    text-align: center;
  }
  
  .rbs_bp-col h3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_bp-col h3 {
      font-size: 24px;
    }
  }
  
  .rbs_bp-col p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_bp-col p {
      font-size: 22px;
    }
  }
  
  .rbs-btn-wrap {
    margin-top: 2.5rem;
    text-align: center;
  }
  
   .effort-operation-wrapper .rbs-btn-wrap img {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .rbs-btn-wrap {
      margin-top: 5rem;
    }
  }
  
  .rbs-btn {
    display: inline-block;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs-btn {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .rbs-btn:hover {
    opacity: 0.9;
  }
  
  .rbs_tusted_title {
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(128 128 128 / var(--tw-text-opacity));
  }
  
  .rbs_restaurant .brand-logo-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  
  .rbs_over_title {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_over_title {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .rbs_over_btn-wrapper {
    margin-top: 3rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .rbs_over_btn-wrapper {
      margin-top: 4rem;
    }
  }
  
  .rbs_over_btn {
    display: inline-block;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(112 112 112 / var(--tw-border-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .rbs_over_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 768px) {
    .rbs_over_btn {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .rbs_tusted {
    padding-bottom: 6rem;
  }
  
  /* harsh css start */
  
  .hr_mg_bg {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 1024px) {
    .hr_mg_bg {
      display: flex;
      width: 49%;
      align-items: center;
    }
  }
  
  @media (min-width: 1280px) {
    .hr_mg_bg {
      width: 45%;
    }
  }
  
  .rbs-contain-col.hr_mr_width {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .rbs-contain-col.hr_mr_width {
      width: 685px;
    }
  }
  
  @media (min-width: 1024px) {
    .rbs-contain-col.hr_mr_width {
      margin-right: 0px;
      margin-left: 0px;
      width: 440px;
      padding-right: 0px;
      padding-left: 2rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  @media (min-width: 1280px) {
    .rbs-contain-col.hr_mr_width {
      width: 477px;
      padding-left: 3rem;
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  }
  
  .rbs-contain-col.hr_ml_width {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .rbs-contain-col.hr_ml_width {
      width: 51%;
      padding-left: 0px;
      padding-right: 2rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  @media (min-width: 1280px) {
    .rbs-contain-col.hr_ml_width {
      width: 55%;
      padding-right: 3rem;
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  }
  
  .rbs-col-width {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .rbs-col-width {
      width: 648px;
    }
  }
  
  @media (min-width: 1024px) {
    .rbs-col-width {
      margin-left: auto;
      margin-right: 0px;
      width: 430px;
    }
  }
  
  @media (min-width: 1280px) {
    .rbs-col-width {
      width: 566px;
    }
  }
  
  @media (min-width: 1536px) {
    .rbs-col-width {
      width: 603px;
    }
  }
  
  .section_spacing_y.hr_pt_none {
    padding-top: 0px;
  }
  
  .section_spacing_y.hr_pt_none .rbs-services {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
  }
  
  .hr_rbs_logo {
    padding-top: 0px;
    padding-bottom: 2rem;
  }
  
  .counter_number_title.hr_ctr_nbr_tl, .counter_number_title_icon.hr_ctr_nbr_tl {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .rbs-btn.hr_rbs_btn {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .rbs_over_btn.hr_rbs_over {
    --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));
  }
  
  .rbs_over_btn.hr_rbs_over:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity));
  }
  
  /* harsh css end */
  
  /* singapore-malaysia  */
  
  .tursted_sigapure {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .tursted_sigapure_paragh {
    font-family: 'Poppins';
  }
  
  .uae-landing-wrapper .sigapure-hero-bg {
    position: relative;
    overflow: hidden;
    background-image: url('../assets/images/singapore-malaysia/singapore-banner_mobile.webp');
    background-size: cover;
    background-position: bottom;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  @media (min-width: 768px) {
    .uae-landing-wrapper .sigapure-hero-bg {
      background-image: url('../assets/images/singapore-malaysia/singapore-banner.webp');
      background-position: center;
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  }
  
  .titel_name br , .exlore_addons_title br {
    display: none;
  }
  
  @media (min-width: 1024px) {
    .titel_name br , .exlore_addons_title br {
      display: block;
    }
  }
  
  /*billing software dubai */
  
  .bil_s__logo img {
    width: 8rem;
  }
  
  @media (min-width: 768px) {
    .bil_s__logo img {
      width: 9rem;
    }
  }
  
  .bil_s__logo {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    padding-bottom: 0px;
  }
  
  .bil_hero_wrapper .hero__title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .bil_hero_wrapper .hero__title {
      font-size: 2.8125rem;
      line-height: 3.8rem;
    }
  }
  
  .bil_hero_wrapper .hero_paragph {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hero_billing_btn {
    margin-bottom: 1rem;
    text-align: center;
  }
  
  .hero_billing_btn .btn__primary {
    border-radius: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 1024px) {
    .bil_hero_wrapper .hero__pos_contents_img {
      padding-bottom: 1.5rem;
    }
  }
  
  .bil_hero_wrapper .hero__pos_content {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
  }
  
  .bil_join_text {
    font-weight: 700;
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  }
  
  .billing_software_sect_wrapper {
    padding-top: 2rem;
  }
  
  @media (min-width: 1024px) {
    .billing_software_sect_wrapper {
      padding-top: 6.5rem;
    }
  }
  
  .sfd_billing_software {
    padding-top: 3rem;
  }
  
  @media (min-width: 1024px) {
    .sfd_billing_software {
      padding-top: 6.5rem;
    }
  }
  
  .join_billing_section {
    padding-bottom: 3rem;
  }
  
  @media (min-width: 1024px) {
    .join_billing_section {
      padding-bottom: 6.5rem;
    }
  }
  
  .billing_software_sect_wrapper .billing_titel {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .billing_software_sect_wrapper .billing_titel {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .billing_software_sect_wrapper  .billing_details {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .billing_row_complete .billing_col:last-child {
    position: static;
  }
  
  @media (min-width: 1024px) {
    .billing_row_complete .billing_col:last-child {
      order: 1;
      padding-right: 5rem;
      padding-left: 0px;
    }
  
    .billing_row_complete .billing_col:first-child {
      order: 2;
      padding-left: 0px;
    }
  }
  
  .sp_billing_row .billing_col:last-child {
    position: static;
  }
  
  .design_section-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 1280px) {
    .design_section-wrapper {
      max-width: 70rem;
    }
  }
  
  @media (min-width: 1536px) {
    .design_section-wrapper {
      max-width: 85rem;
    }
  }
  
  .design_section-wrapper  .billing_row:first-child {
    padding-bottom: 3rem;
  }
  
  .sfd_build_billing {
    padding-top: 3rem;
  }
  
  @media (min-width: 1024px) {
    .sfd_build_billing {
      padding-top: 6.5rem;
    }
  }
  
  .sfd_build_billing{
    box-shadow: 0 -30px 40px #ccccccba;
  }
  
  .sfd_build_title_wrapper {
    margin-bottom: 3.5rem;
    text-align: center;
  }
  
  .sfd_build_title_wrapper h3 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(196 31 49 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .sfd_build_title_wrapper h3 {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .sfd_bild_quick_wrapper .quick_features_all {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  @media (min-width: 768px) {
    .sfd_bild_quick_wrapper .quick_features_all {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .sfd_bild_quick_wrapper .quick_features_all {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      row-gap: 6rem;
    }
  }
  
  .sfd_build_billing p br {
    display: none;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .sfd_build_billing p br {
      display: block;
    }
  }
  
  .sfd_build_billing p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .sfd_more_with_pp .titel_name , .sfd_more_with_pp .titel_dec {
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  }
  
  .sfd_more_with_pp .more_with_pp_col {
    background-color: transparent;
    text-align: center;
  }
  
  .sfd_more_with_pp .more_with_pp_col:hover .more_woith_pp_titel ,.sfd_more_with_pp .more_with_pp_col:hover .more_with_pp_dec , .sfd_more_with_pp .more_with_pp_col .more_with_pp_dec {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .sfd_more_with_pp > .wrapper > .section_heading {
      padding-bottom: 3.5rem !important;
    }
  }
  
  .sfd_more_with_pp .more_woith_pp_titel {
    margin-bottom: 1.25rem;
    font-weight: 700;
  }
  
  .sfd_more_with_pp .more_with_pp_img {
    margin-bottom: 2rem;
  }
  
  .usps-wrapper img.sfd_more_with_pp .more_with_pp_img {
    max-height: calc(100vh - 100px);
  }
  
  .sfd_take_demo_title {
    margin-bottom: 5rem;
    text-align: center;
  }
  
  .sfd_take_demo_title h2 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.sfd_take_demo_title h2 {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .sfd_take_demo_title h2 {
      font-size: 2rem;
      line-height: 3rem;
    }
  }
  
  .sfd_take_demo_title h4 {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(197 33 49 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .sfd_take_demo_title h4 {
      margin-bottom: 5rem;
      font-size: 2rem;
      line-height: 2.5rem;
    }
  }
  
  .sfd_tale_testimonial .testimonial_clientparag {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .sfd_test_bottom_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .sfd_test_bottom_wrapper {
      flex-direction: row;
      gap: 2.5rem;
    }
  }
  
  .sfd_test_bottom_wrapper .clients_name span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .sfd_more_with_pp > .wrapper > .section_heading {
    padding-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .sfd_more_with_pp > .wrapper > .section_heading {
      padding-bottom: 6rem;
    }
  }
  
  .sfd_more_with_pp {
    padding-bottom: 1rem;
  }
  
  @media (min-width: 768px) {
    .sfd_more_with_pp {
      padding-bottom: 6rem;
    }
  }
  
  /* feedback landing  */
  
  .lf_feedback_form .rbs_titel_name {
    font-size: 1.75rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .lf_feedback_form .rbs_titel_name {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  }
  
  .lf_feedback_form .hr_rbs_logo {
    display: inline-block;
    padding-bottom: 0px;
  }
  
  @media (min-width: 1024px) {
    .lf_feedback_form .hr_rbs_logo {
      margin-bottom: 6rem;
    }
  }
  
  .lf_feedback_contains_sect {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .lf_feedback_contains_sect {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem;
    }
  }
  
  .lf_feedback_contains {
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 1024px) {
    .lf_feedback_contains {
      width: 60.5rem;
    }
  }
  
  .lf_feedback_contains p {
    padding-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .lf_feedback_contains p {
      padding-bottom: 2.5rem;
      font-size: 1.25rem;
      line-height: 2.5rem;
    }
  }
  
  .lf_res_feedback {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .lf_res_feedback {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem;
    }
  }
  
  .lf_res_feedback_title {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.lf_res_feedback_title {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 768px) {
    .lf_res_feedback_title {
      margin-bottom: 5rem;
      font-size: 2rem;
      line-height: 3rem;
    }
  }
  
  .lf_restaurant_wraooer {
    display: grid;
    gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .lf_restaurant_wraooer {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 3rem;
    }
  }
  
  .lf_restaurant_col {
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217 / var(--tw-bg-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .lf_restaurant_col {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  .lf_restaurant_col{
    box-shadow: 0px 5px 6px #9f9c9c;
  }
  
  .lf_take_feedback {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .lf_take_feedback {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .lf_take_feedback{
    box-shadow:0 -12px 30px #ccccccba;
  }
  
  .lf_look__title {
    margin-bottom: 2.25rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .lf_look__title {
      font-size: 2rem;
      line-height: 3rem;
    }
  }
  
  @media (min-width: 1024px) {
    .lf_look__title {
      margin-bottom: 5rem;
    }
  }
  
  .lf_take_list_wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .lf_take_list_wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .lf_take_list_col:first-child {
    order: 1;
    padding-right: 3.5rem;
  }
  
  @media (min-width: 768px) {
    .lf_take_list_col:first-child {
      order: 0;
    }
  }
  
  @media (min-width: 1024px) {
    .lf_take_list_col:first-child {
      padding-right: 8rem;
    }
  }
  
  .lf_take_list_col p {
    position: relative;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
  }
  
  .lf_take_list_col p::before {
    position: absolute;
    left: 0px;
    top: 0.5625rem;
    height: 0.625rem;
    width: 0.625rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(209 209 209 / var(--tw-bg-opacity));
    padding: 5px;
    --tw-content: '';
    content: var(--tw-content);
  }
  
  @media (min-width: 768px) {
    .lf_take_list_col p::before {
      top: 0.9375rem;
    }
  }
  
  .lf_automate_section {
    --tw-bg-opacity: 1;
    background-color: rgb(254 247 249 / var(--tw-bg-opacity));
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .lf_automate_section {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .lf_automate_contains {
    text-align: center;
  }
  
  .lf_automate_text {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .lf_automate_contains {
    margin-bottom: 4rem;
  }
  
  .lf_automate_section .sfd_bild_quick_wrapper p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1280px) {
    .lf_automate_section .quick_features_all {
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  }
  
  .fdl_take_demo {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .fdl_take_demo {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .fdb_testimonial .testimonial_img img {
    border-radius: 0px;
  }
  
  .lf_feedback_form .rbs-contain-col .scheduale_form_dec {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .lf_feedback_form .rbs-contain-col .scheduale_form_titel {
    font-size: 1.5625rem;
  }
  
  /* payroll new stytle */
  
  .payroll-hero-bg {
    display: flex;
    min-height: 650px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(52 152 219 / var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .payroll-hero-bg {
      min-height: 940px;
    }
  }
  
  .cta-button {
    margin-bottom: 30px;
    display: inline-block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(52 152 219 / var(--tw-text-opacity));
    text-decoration-line: none;
  }
  
  .tab-line {
    height: 0.125rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
    transition-property: #4B5563;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0.5s;
    transition-timing-function: ease;
  }
  
  .tab-line.active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .bg-custom-gradient {
    background: linear-gradient(121.2deg, #00568b -58.67%, #003353 100%);
  }
  
  .makes-special-wrap {
    background: linear-gradient(123.41deg, #12415d 3.51%, #0b2332 100%);
  }
  
  .left-to-right,
  .right-to-left {
    animation: scroll 15s linear infinite;
  }
  
  .left-to-right {
    animation-direction: normal;
  }
  
  .right-to-left {
    animation-direction: reverse;
  }
  
  .payroll-feature-section {
    margin-bottom: 5rem;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  
  /* .payroll-feature-section {
    @apply opacity-0 translate-y-5;
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  .payroll-feature-section.visible {
    @apply opacity-100 translate-y-0;
  } */
  
  .mobile-features {
    scroll-behavior: smooth;
  }
  
  .sme-box {
    display: flex;
    height: 6rem;
    min-width: 13rem;
    align-items: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  @media (min-width: 1024px) {
    .sme-box {
      min-width: 18rem;
    }
  }
  
  .sme-box{
    box-shadow: 3px 5px 20px 0px #1213151C;
  }
  
  .right-to-left .sme-box {
    padding-left: 1rem;
  }
  
  .section-title-new {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }
  
  @media (min-width: 1024px) {
    .section-title-new {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .section-title-new {
      font-size: 52px;
      line-height: 1.25;
    }
  }
  
  .section-subtitle-new {
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
  
  @media (min-width: 768px) {
    .section-subtitle-new {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .section-subtitle-new {
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 1.25;
    }
  }
  
  .payroll-tabin-wrapper {
    display: flex;
    justify-content: center;
  }
  
  .payroll-tabin-btn-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 768px) {
    .payroll-tabin-btn-wrapper {
      justify-content: center;
    }
  }
  
  .payroll-tabin-wrapper-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(35 47 68 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1280px) {
    .payroll-tabin-wrapper-btn {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  
  .payroll-tabin-wrapper-btn:focus-visible {
    outline-color: #0089DE;
  }
  
  .payroll-tabin-wrapper-btn.active {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__blue_payroll {
    display: inline-block;
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__blue_payroll:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222 / var(--tw-bg-opacity));
  }
  
  .btn__blue_payroll:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .payroll-trusted-client .slider {
    margin-top: 1rem;
  }
  
  @media (min-width: 1024px) {
    .payroll-trusted-client .slider {
      margin-top: 0px;
    }
  }
  
  .payrollfaq .accordion_head .accordion_title_pos {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(8 13 45 / var(--tw-text-opacity));
  }
  
  .payrollfaq .accordion_head .chvron_right {
    margin-left: auto;
    flex-shrink: 0;
    background-image: url('../assets/images/payroll/plus.svg');
  }
  
  .payrollfaq .accordion_body.active .accordion_head .m-icon {
    background-image: url('../assets/images/payroll/minus.svg');
  }
  
  .usps-wrapper img.mb-8, .effort-operation-wrapper .mt-10 img {
    max-height: calc(100vh - 100px);
  }
  
  .payrollfaq .accordion_body {
    border-width: 0px;
    box-shadow: 3px 2px 4px 0px #0D121B08;
  }
  
  .automate-device-wrapper .bg-image {
    background-image: url('../assets/images/payroll/automate-bg.jpg');
    background-size: cover;
  }
  
  .payrolllanding_main .scroll_to_top_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222 / var(--tw-bg-opacity));
  }
  
  @media screen and (max-width: 767px) {
    .left-to-right, .right-to-left {
      animation: scroll 5s linear infinite;
    }
  
    .left-to-right {
      animation-direction: normal;
    }
  
    .right-to-left {
      animation-direction: reverse;
    }
  }
  
  .container.payroll-form-pad {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  @media (min-width: 1280px) {
    .container.payroll-form-pad {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  }
  
  .pricing-hero-wrap {
    min-height: 420px;
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 1024px) {
    .pricing-hero-wrap {
      min-height: 470px;
    }
  }
  
  .pricing-card-wrap {
    flex: 1 1 0%;
    --tw-shadow: 0px 1px 2px 2px #1C284014;
    --tw-shadow-colored: 0px 1px 2px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .pricing-border-btm {
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(236 233 228 / var(--tw-border-opacity));
  }
  
  .pricing-feature-col {
    display: flex;
    min-height: 55px;
    align-items: center;
    padding-left: 1rem;
    text-align: left;
  }
  
  @media (min-width: 1280px) {
    .pricing-feature-col {
      min-height: 50px;
    }
  }
  
  .btn__primary_new {
    display: inline-block;
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__primary_new:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
  }
  
  .btn__primary_new:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .btn__primary_new_outline {
    display: inline-block;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 191 99 / 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: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .btn__primary_new_outline:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .btn__primary_new_outline:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .payrollfaq.retails-faq-wrap .accordion_body {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(207 224 235 / var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .payrollfaq.retails-faq-wrap .accordion_head .chvron_right {
    margin-right: 0px;
  }
  
  .retails-bg {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #172688 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(23 38 136 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #101A5B var(--tw-gradient-to-position);
  }
  
  .btn__blue_retail {
    display: inline-block;
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(46 83 145 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .btn__blue_retail:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(46 83 145 / var(--tw-bg-opacity));
  }
  
  .btn__blue_retail:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(46 83 145 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .retail-box-shadow{
    box-shadow: 0px 2px 70.7px 0px #1428493B;
  }
  
  /* .strength-images{
    @apply max-h-[calc(100vh_-_250px)]
  } */
  
  .success-card {
    margin-bottom: 1rem;
    display: flex;
    min-width: 150px;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(53 67 161 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(30 43 129 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .success-card {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }
  
  .success-card img {
    --tw-rotate: -14deg;
    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 (min-width: 1024px) {
    .success-card img {
      --tw-rotate: -14deg;
      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 scroll-vertical {
    0% {
      transform: translateY(0);
    }
  
    100% {
      transform: translateY(-100%);
    }
  }
  
  .scroll-content {
    display: flex;
    flex-direction: column;
    animation: scroll-vertical 80s linear infinite;
  }
  
  .scroll-content-reverse {
    display: flex;
    flex-direction: column;
    gap: 5;
    animation: scroll-vertical 80s linear infinite alternate-reverse;
  }
  
  [id$="-list"] {
    transition: max-height 0.2s ease-out;
    /* Faster transition */
    max-height: 0px;
    overflow: hidden;
  }
  
  @media (min-width: 768px) {
    [id$="-list"] {
      max-height: none !important;
      /* Override for desktop */
      overflow: visible;
    }
  }
  
  .hr_task_hero {
    --tw-bg-opacity: 1;
    background-color: rgb(237 247 241 / var(--tw-bg-opacity));
  }
  
  .hr_task_hero .invoice_logo {
    max-width: 14.375rem;
  }
  
  .hr_task_hero .hero__title {
    font-size: 2rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 768px) {
    .hr_task_hero .hero__title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
  
  .hr_task_hero .hero_paragph {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .hr_task_hero .hero_paragph {
      max-width: 21.875rem;
    }
  }
  
  .hr_task_hero .btn__primary {
    --tw-bg-opacity: 1;
    background-color: rgb(12 165 49 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .hr_task_hero .btn__primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(2 126 32 / var(--tw-bg-opacity));
  }
  
  .hr_task_faqs
    .accordion_body.active
    .accordion_head
    :is(.accordion_title_pos, .m-icon) {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(18 164 49 / var(--tw-text-opacity));
  }
  
  .hr_task_faqs .accordion_body.active .accordion_head .m-icon {
    filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(583%)
      hue-rotate(86deg) brightness(96%) contrast(90%);
  }
  
  .hr_mng_sc {
    --tw-bg-opacity: 1;
    background-color: rgb(237 247 241 / var(--tw-bg-opacity));
  }
  
  .section_spacing_yh, .hr_task_hero .hero__pos_contents_img {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  
  @media (min-width: 1024px) {
    .section_spacing_yh, .hr_task_hero .hero__pos_contents_img {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
  
  .hr_mng_df {
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
  }
  
  .hr_mng_df_p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_mng_ul {
    list-style-type: none;
  }
  
  .hr_mng_ul li {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    padding-left: 3rem;
    font-size: 1.375rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.hr_mng_ul li {
    max-height: calc(100vh - 100px);
  }
  
  .hr_mng_ul li::before {
    position: absolute;
    left: 0px;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-image: url('../assets/images/task/list.webp');
    background-size: contain;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .hr_mng_ul li:last-child {
    margin-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .hr_mng_ul li {
      margin-bottom: 3rem;
    }
  }
  
  .hr_mng_ul.hr_ul_center li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .hr_mng_grd {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
  }
  
  @media (min-width: 1280px) {
    .hr_mng_grd {
      margin-bottom: -5.25rem;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 0px;
    }
  }
  
  .hr_grd_img {
    grid-column: span 12 / span 12;
  }
  
  @media (min-width: 1280px) {
    .hr_grd_img {
      grid-column: span 3 / span 3;
    }
  }
  
  .hr_ul_ft {
    order: 1;
    grid-column: span 12 / span 12;
    padding-top: 1.875rem;
  }
  
  @media (min-width: 768px) {
    .hr_ul_ft {
      grid-column: span 6 / span 6;
    }
  }
  
  @media (min-width: 1280px) {
    .hr_ul_ft {
      order: 0;
      grid-column: span 2 / span 2;
    }
  }
  
  .hr_bottom_ovlt {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  }
  
  .hr_bottom_ovlt .pay_attention_tabin_btn-wrapper {
    gap: 1rem;
    overflow: auto;
    border-radius: 0px;
  }
  
  .hr_bottom_ovlt .pay_attention_tabin-btn.active {
    --tw-bg-opacity: 1;
    background-color: rgb(12 165 49 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .hr_bottom_ovlt .pay_attention_tabin-btn {
    border-radius: 0.25rem;
  }
  
  .hr_bottom_ovlt::after {
    position: absolute;
    bottom: 0px;
    height: 37px;
    width: 100%;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0 0 0 / 11%));
  }
  
  .hr_bottom_ovlt .get_errorfree_title_content, .hr_rng_section .get_errorfree_title_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  
  .hr_rng_section .multi_billing_contents {
    padding-top: 2rem;
  }
  
  @media (min-width: 1024px) {
    .hr_rng_section .say_good_title_content {
      padding-left: 1rem;
    }
  
    .hr_rng_section .multi_billing_img {
      flex-basis: 50%;
    }
  }
  
  .hr_rng_section .multi_billing_img img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 31.25rem;
  }
  
  .hr_rng_section .say_good_step-note {
    margin-bottom: 1rem;
  }
  
  .hr_rng_section .get_errorfree_title_content .h2_pos, .hr_bottom_ovlt .h2_pos, .hr_mng_sc .h2_pos, .hr_task_faqs .h2_pos {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_bottom_ovlt .multi_billing_img img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 100%;
    max-width: 25rem;
  }
  
  .hr_rng_section .get_errorfree_content {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_rng_section .say_good_step-note:last-child .say_good_step {
    color: transparent;
  }
  
  .hr_rng_section .say_good_step {
    margin-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(12 165 49 / var(--tw-text-opacity));
  }
  
  .hr_bottom_ovlt .pay_attention_tabin-wrapper {
    margin-top: 1.25rem;
  }
  
  .hr_bottom_ovlt .get_errorfree_content {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_btm_ovt_cntr {
    margin-top: 2rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(12 165 49 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .hr_btm_ovt_cntr {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .hr_bottom_ovlt .multi_billing_title_content .multibilling_subtitle {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(12 165 49 / var(--tw-text-opacity));
  }
  
  .hr_bottom_ovlt .multi_billing_title_content {
    padding-left: 0px;
  }
  
  .hr_tbs_content {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .hr_tbs_content {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  .hr_tsk_privacy .h4_privacy_policy, .hr_tsk_privacy .h5_privacy_policy {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_tsk_privacy li {
    --tw-text-opacity: 1;
    color: rgb(56 56 56 / var(--tw-text-opacity));
  }
  
  .hr_business_img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 62.5rem;
  }
  
  .hr_para_cts {
    font-weight: 700;
  }
  
  .hr_prs_title {
    --tw-text-opacity: 1;
    color: rgb(75 121 148 / var(--tw-text-opacity));
  }
  
  .hr_clr_plus {
    --tw-text-opacity: 1;
    color: rgb(0 191 99 / var(--tw-text-opacity));
  }
  
  .hr_rw_gr_title {
    font-weight: 700;
    color: inherit !important;
  }
  
  .hr_billing_pos_sc .billing_titel {
    max-width: 20.5rem;
  }
  
  .hr_fw_lhgt {
    font-weight: 400;
    color: #00000094 !important;
  }
  
  .hr_txt_dcr {
    text-decoration-line: line-through;
    text-decoration-color: #DF5664;
    text-decoration-thickness: 3px;
  }
  
  .hr_italic {
    font-style: italic;
  }
  
  .hr_bl_pos_p {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(58 58 58 / var(--tw-text-opacity));
  }
  
  .hr_billing_pos_sc .billing_details {
    margin-bottom: 0px;
  }
  
  .hr_blg_unlst {
    margin-left: 1.25rem;
    list-style-type: disc;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  
  .hr_blg_unlst li {
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .hr_blg_unlst li:last-child {
    padding-bottom: 0px;
  }
  
  .hr_blg_unlst li::marker {
    --tw-text-opacity: 1;
    color: rgb(80 124 150 / var(--tw-text-opacity));
  }
  
  .hr_billing_pos_sc .billing_row .billing_col:last-child {
    padding-left: 0px;
  }
  
  .hr_billing_pos_sc .billing_row .billing_col {
    position: static;
  }
  
  @media (min-width: 1024px) {
    .hr_billing_pos_sc .billing_row:nth-of-type(even) .billing_col:first-child {
      padding-right: 6rem;
    }
  
    .hr_billing_pos_sc .billing_row:nth-of-type(odd) .billing_col:first-child {
      order: 1;
      padding-left: 6rem;
    }
  }
  
  .hr_billing_pos_sc .billing_row:nth-of-type(odd) .billing_col:last-child {
    padding-left: 0px;
  }
  
  .hr_outlets .scheduale_form_titel {
    margin-bottom: 1rem;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-color: #DF5664;
    text-decoration-thickness: 0.1875rem;
    text-underline-offset: 0.875rem;
  }
  
  .hr_outlts_sc .billing_details {
    margin-left: auto;
    margin-right: auto;
    max-width: 28.125rem;
    text-align: center;
  }
  
  .hr_outlet_grd {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    justify-content: center;
    gap: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .hr_outlet_grd {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2rem;
    }
  }
  
  @media (min-width: 1024px) {
    .hr_outlet_grd {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1280px) {
    .hr_outlet_grd {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  
  .hr_outlet_box {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 1rem;
    --tw-shadow: 0 0px 6px 0px #8080807a;
    --tw-shadow-colored: 0 0px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .hr_outlet_box:hover {
    --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));
  }
  
  .hr_txt_center {
    text-align: center;
  }
  
  .hr_txt_center img {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hr_txt_outlet {
    margin-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  .hr_tbs_sc.hr_outlets .scheduale_form_titel {
    margin-bottom: 2rem;
  }
  
  .usps-wrapper img.hr_tbs_sc.hr_outlets .scheduale_form_titel {
    max-height: calc(100vh - 100px);
  }
  
  [data-tab-content] {
    display: none;
  }
  
  .active[data-tab-content] {
    display: block;
  }
  
  .hr_tabs {
    margin-bottom: 1.25rem;
    display: flex;
    list-style-type: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
    overflow-y: auto;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
    padding: 0.5rem;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .hr_tabs {
      margin-bottom: 1.75rem;
      display: grid;
      justify-content: center;
    }
  }
  
  .hr_tab {
    cursor: pointer;
    border-radius: 9999px;
    padding: 0.75rem;
    font-weight: 500;
  }
  
  .hr_tab.active {
    --tw-bg-opacity: 1;
    background-color: rgb(58 58 58 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .hr_tab.active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(58 58 58 / var(--tw-bg-opacity));
  }
  
  .hr_tab:hover {
    background-color: #3a3a3a0f;
  }
  
  .hr_tab-content .billing_row {
    gap: 2rem;
  }
  
  @media (min-width: 1024px) {
    .hr_tab-content .billing_row {
      gap: 5.375rem;
    }
  }
  
  .hr_tab-content {
    margin-left: 20px;
    margin-right: 20px;
  }
  
  .hr_tab-content .hr_tbs_first {
    order: 1;
  }
  
  @media (min-width: 1024px) {
    .hr_tab-content .hr_tbs_first {
      order: 0;
    }
  }
  
  .hr_tab-content .hr_tbs_second {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hr_tbs_first_nbr {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(195 233 255 / var(--tw-text-opacity));
  }
  
  .hr_tbs_first .trusted_paragh {
    margin-bottom: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: left;
  }
  
  .hr_tbs_tlt {
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(89 117 152 / var(--tw-text-opacity));
  }
  
  .hr_hppy_clt_hdg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
  }
  
  .hr_clt_ft {
    background-image: url('../assets/icons/old-home/hc-first.svg');
  }
  
  .hr_hppy_clt_sc.section_spacing_y {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  @media (min-width: 768px) {
    .hr_hppy_clt_sc.section_spacing_y {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
  
  .hr_hppy_clt_hdg .m-icon {
    background-size: contain;
  }
  
  .hr_clt_sd {
    background-image: url('../assets/icons/old-home/hc-second.svg');
  }
  
  .hr_hppy_cltbg {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 233 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  
  .hr_blaze_flmain {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 2rem;
  }
  
  @media (min-width: 768px) {
    .hr_blaze_flmain {
      gap: 3rem;
    }
  }
  
  @media (min-width: 1024px) {
    .hr_blaze_flmain {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  .hr_blz_iframe iframe {
    height: 18rem;
    width: 100%;
  }
  
  .hr_blz_content_img {
    margin-bottom: 1rem;
  }
  
  .hr_blz_desc_bld {
    font-weight: 700;
  }
  
  .hr_blz_desc_bldrd {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(223 86 100 / var(--tw-text-opacity));
  }
  
  .hr_blz_desc {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  
  @media (min-width: 768px) {
    .hr_blz_desc {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  
  /* BLAZE SLIDER CSS */
  
  .hr_hppy_cltbg .blaze-pagination {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    gap: 0.625rem;
  }
  
  .hr_hppy_cltbg .blaze-pagination button {
    height: 1rem;
    width: 1rem;
    cursor: pointer;
    border-radius: 50%;
    border-color: none;
    font-size: 0;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-delay: 0.3s;
    transition-duration: 0.2s,background-color;
    outline: 0;
    background: #e1e3e6;
  }
  
  .hr_hppy_cltbg .blaze-pagination button.active {
    --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));
    background: #c52031;
  }
  
  .hr_hppy_cltbg .blaze-slider.end .blaze-next,
  .hr_hppy_cltbg .blaze-slider.start .blaze-prev {
    cursor: not-allowed;
    opacity: 0.5;
  }
  
  .hr_hppy_cltbg .blaze-slider {
    direction: ltr;
  }
  
  .hr_hppy_cltbg .blaze-container {
    position: relative;
  }
  
  .hr_hppy_cltbg .blaze-track-container {
    overflow: hidden;
  }
  
  .hr_hppy_cltbg .blaze-track {
    box-sizing: border-box;
    display: flex;
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    gap: var(--slide-gap);
    will-change: transform;
    --slide-width: calc(
      (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /
        var(--slides-to-show)
    );
  }
  
  .hr_hppy_cltbg .blaze-track > * {
    box-sizing: border-box;
    width: var(--slide-width);
    flex-shrink: 0;
  }
  
  .btn_pre_nxt {
    position: absolute;
    top: 40%;
  }
  
  .hr_ctrl_btn {
    display: none;
  }
  
  @media (min-width: 768px) {
    .hr_ctrl_btn {
      display: block;
    }
  }
  
  .blaze-prev.btn_pre_nxt {
    left: -2.5rem;
    height: 0.75rem;
    width: 0.75rem;
    border-right-width: 0.75rem;
    border-bottom-width: 0.75rem;
    border-top-width: 0.75rem;
    border-style: solid;
    --tw-border-opacity: 1;
    border-right-color: rgb(113 108 109 / var(--tw-border-opacity));
    border-bottom-color: transparent;
    border-top-color: transparent;
  }
  
  .blaze-next.btn_pre_nxt {
    right: -2.5rem;
    height: 0.75rem;
    width: 0.75rem;
    border-left-width: 0.75rem;
    border-bottom-width: 0.75rem;
    border-top-width: 0.75rem;
    border-style: solid;
    --tw-border-opacity: 1;
    border-left-color: rgb(113 108 109 / var(--tw-border-opacity));
    border-bottom-color: transparent;
    border-top-color: transparent;
  }
  
  .old-home-hero .hero__pos_img img {
    margin-left: unset;
  }
  
  section.old-home-hero {
    padding-top: 2rem;
  }
  
  @media (min-width: 768px) {
    section.old-home-hero {
      padding-top: 0px;
    }
  }
  
  .rbs_over_title br , .rbs_bp_title br {
    display: none;
  }
  
  @media (min-width: 768px) {
    .rbs_over_title br , .rbs_bp_title br {
      display: block;
    }
  }
  
  /* parallax end */
  
  .trustedrestaurants_slider{
    padding-bottom: 6rem;
  }
  
  .trustedrestaurants_slider .blaze-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 120rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .trustedrestaurants_slider .blaze-track {
    align-items: center;
  }
  
  .trustedrestaurants_slider .brand-logo-img {
    margin: auto;
  }
  
  .explore_scuscanada_wrapper .blaze-track {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  @media (min-width: 768px) {
    .explore_scuscanada_wrapper .blaze-track {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  }
  
  @media (max-width: 768px){
    .explore_scuscanada_wrapper .blaze-track > a {
      width: 8rem;
    }
  }
  
  .explore_scuscanada_wrapper .blaze-track a:hover .exp_level_icons {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity));
  }
  
  .explore_scuscanada_wrapper .blaze-track a:hover .exploresubbox_paragh {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
  }
  
  /* us canada */
  
  .uscanada_landing_wrapper .btn__primary {
    border-radius: 0.5rem;
  }
  
  .uscanada_landing_wrapper .explore_pag_prev_next .swiper-button-next::after,.uscanada_landing_wrapper  .explore_pag_prev_next .swiper-button-prev::after{
    font-family: unset;
    height: 100%;
    width: 100%;
    background-image: url('../assets/images/us-canada/right-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  
  .explore_scuscanada_wrapper .blaze-track {
    flex-wrap: nowrap;
  }
  
  .explore_contents_pagination .exlore_addons_title {
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .explore_contents_pagination .exlore_addons_title {
      text-align: left;
    }
  }
  
  .explore_contents_pagination {
    margin-bottom: 2rem;
    justify-content: center;
  }
  
  .usps-wrapper img.explore_contents_pagination {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .explore_contents_pagination {
      position: relative;
    }
  }
  
  @media (min-width: 1280px) {
    .explore_contents_pagination {
      justify-content: flex-start;
    }
  }
  
  .explore_contents_pagination{
    position: unset ;
  }
  
  .explore_addons_slider {
    position: relative;
  }
  
  .matrics-wrap {
    background-image: url('../assets/images/us-canada/building-trsut-bg.svg');
    background-size: cover;
  }
  
  .integration-wrap {
    background-image: url('../assets/images/us-canada/multiple-integration-bg.svg');
    background-size: cover;
  }
  
  .why-choose-wrap {
    background-image: url('../assets/images/us-canada/why-choose-bg.svg');
    background-size: cover;
  }
  
  .us-canada-hero-bg {
    background-image: url('../assets/images/us-canada/hero-banner-bg.webp');
    background-size: cover;
    box-shadow: 0px 9px 19.2px 0px #24141424;
    border-radius: 0 0 30px 30px;
  }
  
  .uscanada_landing_wrapper .navbar__link {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .uscanada_landing_wrapper .hero__title {
    font-weight: 400;
  }
  
  .uscanada_landing_wrapper .hero_paragph {
    --tw-text-opacity: 1;
    color: rgb(222 226 229 / var(--tw-text-opacity));
  }
  
  .line {
    height: 1px;
    flex: 1 1 0%;
    --tw-bg-opacity: 1;
    background-color: rgb(251 231 234 / var(--tw-bg-opacity));
  }
  
  .uscanada_landing_wrapper .trusted_paragh {
    margin-bottom: 0px;
  }
  
  .uscanada_landing_wrapper .trustedrestaurants_slider, .uscanada_landing_wrapper .who-we-are-wrap{
    border-radius: 0 0 30px 30px;
  }
  
  .pricing-tab-wrapper table tr th {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(33 33 33 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1280px) {
    .pricing-tab-wrapper table tr th {
      padding-top: 1.75rem;
      padding-bottom: 1.75rem;
    }
  }
  
  .pricing-tab-wrapper table tr td {
    height: 50px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(33 33 33 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1024px) {
    .pricing-tab-wrapper table tr td {
      font-size: 16px;
    }
  }
  
  @media (min-width: 1280px) {
    .pricing-tab-wrapper table tr td {
      height: 56px;
    }
  }
  
  .pricing-tab-wrapper table tr td.td-title-height {
    height: 55px;
  }
  
  @media (min-width: 1280px) {
    .pricing-tab-wrapper table tr td.td-title-height {
      height: 60px;
    }
  }
  
  .pricing-tab-wrapper table tr td {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(210 214 219 / var(--tw-border-opacity));
  }
  
  .pricing-tab-wrapper table tr td:first-child {
    border-left-width: 0px;
  }
  
  .pricing-tab-wrapper table tr td:last-child {
    border-right-width: 0px;
  }
  
  .pricing-tab-wrapper .pricing-tab-btn {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 14px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(33 33 33 / var(--tw-text-opacity));
  }
  
  .pricing-tab-wrapper .pricing-tab-btn.active {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev) {
    display: flex;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 191 99 / var(--tw-border-opacity));
  }
  
  :is(.explore_pag_prev_next) :is(.swiper-button-next, .swiper-button-prev):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .landing_footer .footer_copyright {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  footer {
    border-width: 0px;
  }
  
  .landing_footer {
    --tw-bg-opacity: 1;
    background-color: rgb(7 19 29 / var(--tw-bg-opacity));
  }
  
  .landing_footer .footer_contact_wrapper {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }
  
  .testimonial-box{
    box-shadow: 0px 0px 20px 1px #0000001C;
  }
  
  @keyframes ripple {
    0% {
    }
  
    67% {
      opacity: 0
    }
  
    75% {
      transform: scale(3);
      opacity: 0
    }
  
    100% {
      transform: scale(1);
      opacity: 0
    }
  }
  
  @media (min-width: 1536px) {
    .wrapper {
      width: 1400px;
      padding-left: 5rem;
      padding-right: 5rem;
    }
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(-100%);
    }
  }
  
  .slider {
    position: relative;
    margin: auto;
    height: auto;
    width: 100%;
    overflow: hidden;
  }
  
  .slide-track {
    width: 100%;
    animation: scroll 13s linear infinite;
  }
  
  .slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 180px;
    flex-shrink: 0;
  }
  
  /* .hero-investment__left-content {
    @apply sticky top-20;
  }
  .hero-investment__img {
    @apply opacity-0 hidden;
    transition: opacity 0.5s ease, display 0s 0.5s;
  }
  .hero-investment__img.active {
    @apply opacity-100 block;
  } */
  
  @media (min-width: 1280px) {
    .container.new-container {
      padding-left: 3.5rem;
      padding-right: 3.5rem;
    }
  }
  
  @media (min-width: 1536px) {
    .container.new-container {
      padding-left: 8rem;
      padding-right: 8rem;
    }
  }
  
  @media (min-width: 1280px) {
    .container.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  @media (min-width: 1536px) {
    .container.hero-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  
  @media (min-width: 768px) {
    .ps-text {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
  }
  
  @media (min-width: 1024px) {
    .ps-text {
      font-size: 35px;
    }
  }
  
  @media (min-width: 1280px) {
    .ps-text {
      font-size: 45px;
    }
  }
  
  @media (min-width: 1536px) {
    .ps-text {
      font-size: 68px;
    }
  }
  
  .scheduale_col .hbspt-form {
    padding-top: 0px;
  }
  
  .feature-bg::before {
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    content: "";
    height: 60px;
    position: absolute;
    width: 100%;
    top: -50px;
    z-index: 2;
    right: -41rem;
  }
  
  .hero-contentent-width {
    width: 100%;
  }
  
  @media (min-width: 1024px) {
    .hero-contentent-width {
      width: 58%;
    }
  }
  
  @media (min-width: 1280px) {
    .hero-contentent-width {
      width: 45%;
    }
  }
  
  @media (min-width: 1536px) {
    .hero-contentent-width {
      width: 40%;
    }
  }
  
  .uc_canada_hero img {
    margin-left: 0px;
    width: 100%;
    max-width: 650px;
    border-radius: 0.5rem;
  }
  
  @media (min-width: 1024px) {
    .uc_canada_hero img {
      margin-left: auto;
    }
  }
  
  .us_hero_paragph {
    margin-bottom: 1.5rem;
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(222 226 229 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1280px) {
    .us_hero_paragph {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
  
  .us-hero-title {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .usps-wrapper img.us-hero-title {
    max-height: calc(100vh - 100px);
  }
  
  @media (min-width: 1024px) {
    .us-hero-title {
      font-size: 3.75rem;
      line-height: 1;
    }
  }
  
  @media (min-width: 1280px) {
    .us-hero-title {
      font-size: 68px;
      line-height: 1;
    }
  }
  
  .slider-padding {
    padding-left: 13rem;
  }
  
  .form-margin {
    margin-left: 13rem;
    margin-right: 13rem;
  }
  
  .fade-in {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
  }
  
  @keyframes fadeIn{
    0% {
      opacity:0;
    }
  
    100% {
      opacity:1;
    }
  }
  
  .hero-investment__left-content {
    position: sticky;
    top: 0px;
    display: flex;
    height: 100vh;
    align-items: flex-start;
    justify-content: center;
  }
  
  .hero-investment__img {
    visibility: hidden;
    position: absolute;
    max-height: calc(100vh - 100px);
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .hero-investment__right-content {
    min-height: 100vh;
  }
  
  .hero-investment__content {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  @media (max-width: 1680px){
    .slider-padding {
      padding-left: 6rem;
    }
  
    .form-margin {
      margin-left: 6rem;
      margin-right: 6rem;
    }
  }
  
  @media (max-width: 1600px){
    .container.hero-container {
      padding-left: 4rem;
      padding-right: 4rem;
    }
  }
  
  @media (max-width: 1550px){
    .container.hero-container {
      padding-left: 6rem;
      padding-right: 6rem;
    }
  }
  
  @media (max-width: 1440px){
    .slider-padding {
      padding-left: 5rem;
    }
  
    .form-margin {
      margin-left: 5rem;
      margin-right: 5rem;
    }
  
    .container.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .feature-bg::before{
      right: -37rem;
      top: -30px;
    }
  }
  
  @media (max-width: 1366px){
    .container.hero-container {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  
  @media (max-width: 1280px){
    .container.hero-container {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  }
  
  @media (max-width: 1200px){
    .container.hero-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .feature-bg::before{
      right: -30rem;
      top: -20px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .slider-padding {
      padding-left: 0px;
    }
  
    .slide-track {
      animation: scroll 5s linear infinite;
    }
  
    .form-margin {
      margin-left: 0px;
      margin-right: 0px;
    }
  
    .multiple-integration-wrap .trusted_by_thousands .radii .person.person7 .person_inner {
      left: 240px;
      bottom: -15px;
    }
  
    .multiple-integration-wrap .trusted_by_thousands .radii .person.person6 .person_inner {
      left: 240px;
      bottom: -10px;
    }
  
    .slide img {
      height: 4rem;
    }
  
    .uc_canada_hero img {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 650px;
    }
  
    .us-hero-title, .us_hero_paragph, .hero-btn, .who-are-box {
      text-align: center;
    }
  
    .fade-in {
      animation: fadeIn ease 1s;
      -webkit-animation: fadeIn ease 1s;
      -moz-animation: fadeIn ease 1s;
      -o-animation: fadeIn ease 1s;
      -ms-animation: fadeIn ease 1s;
    }
  }
  
  .trusted_by_thousands {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 110px;
    padding-bottom: 110px;
  }
  
  .trusted_by_thousands .radii {
    margin-top: -110px;
    overflow: hidden;
    padding-top: 15rem;
  }
  
  .trusted_by_thousands .radii .radii_inner {
    margin-left: -1000px;
    margin-right: -1000px;
  }
  
  .trusted_by_thousands .radii h2 {
    position: relative;
    top: -10rem;
    margin: auto;
    max-width: 300px;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: -0.01em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  @media (min-width: 1280px) {
    .trusted_by_thousands .radii h2 {
      max-width: 400px;
      font-size: 32px;
    }
  }
  
  h1,
  h2,
  h3,
  .registration_2207 p {
    transition-property: font-size;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0.5s;
  }
  
  .trusted_by_thousands .radii .radius {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -642px;
    margin-bottom: 110px;
    height: 642px;
    width: 642px;
    border-radius: 50%;
    border-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
  }
  
  .trusted_by_thousands .radii .radius + .radius {
    margin-top: -894px;
    height: 894px;
    width: 894px;
  }
  
  .trusted_by_thousands .radii .radius + .radius + .radius {
    margin-top: -1146px;
    height: 1146px;
    width: 1146px;
  }
  
  .trusted_by_thousands .radii .person {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    height: 50%;
    transform-origin: top center;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 1s;
  }
  
  .trusted_by_thousands .radii .person .person_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -45px;
    margin: auto;
    height: 95px;
    width: 95px;
    border-radius: 50%;
    --tw-shadow: 2px 2px 10px rgba(29,50,85,0.25);
    --tw-shadow-colored: 2px 2px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-delay: 1.5s;
    transition: background 1.5s, border 1.5s, box-shadow 1.5s;
  }
  
  .trusted_by_thousands.folded .radii .person.person4,
  .trusted_by_thousands.folded .radii .person.person2,
  .trusted_by_thousands.folded .radii .person.person3,
  .trusted_by_thousands.folded .radii .person.person1 {
    --tw-rotate: 100deg;
    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));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0s;
  }
  
  .trusted_by_thousands.folded .radii .person.person5,
  .trusted_by_thousands.folded .radii .person.person6,
  .trusted_by_thousands.folded .radii .person.person7,
  .trusted_by_thousands.folded .radii .person.person8 {
    --tw-rotate: -100deg;
    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));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0s;
  }
  
  .trusted_by_thousands .radii .person.person5 {
    --tw-rotate: -70deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person5 .portrait {
    --tw-rotate: 70deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person6 {
    --tw-rotate: -20deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person6 .portrait {
    --tw-rotate: 20deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person7 {
    --tw-rotate: -70deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person7 .portrait {
    --tw-rotate: 70deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person8 {
    --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));
  }
  
  .trusted_by_thousands .radii .person.person8 .portrait {
    --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));
  }
  
  .trusted_by_thousands .radii .person.person4 {
    --tw-rotate: 50deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person4 .portrait {
    --tw-rotate: -50deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person3 {
    --tw-rotate: 30deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person3 .portrait {
    --tw-rotate: -30deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person2 {
    --tw-rotate: 72deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person2 .portrait {
    --tw-rotate: -72deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person1 {
    --tw-rotate: 40deg;
    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));
  }
  
  .trusted_by_thousands .radii .person.person1 .portrait {
    --tw-rotate: -40deg;
    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 screen and (max-width: 1024px) {
    .trusted_by_thousands {
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .trusted_by_thousands .radii {
      margin-top: -100px;
      overflow: hidden;
      padding-top: 200px;
    }
  
    .trusted_by_thousands .radii .radius {
      margin-left: auto;
      margin-right: auto;
      margin-top: -368px;
      margin-bottom: 100px;
      height: 368px;
      width: 368px;
    }
  
    .trusted_by_thousands .radii .radius + .radius {
      margin-left: auto;
      margin-right: auto;
      margin-top: -524px;
      margin-bottom: 100px;
      height: 524px;
      width: 524px;
    }
  
    .trusted_by_thousands .radii .radius + .radius + .radius {
      margin-left: auto;
      margin-right: auto;
      margin-top: -694px;
      margin-bottom: 100px;
      height: 694px;
      width: 694px;
    }
  
    .trusted_by_thousands .radii h2 {
      font-size: 26px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .trusted_by_thousands .radii .person .person_inner {
      bottom: -35px;
      height: 70px;
      width: 70px;
    }
  
    .trusted_by_thousands .radii .person.person5 {
      --tw-rotate: -20deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person2 {
      --tw-rotate: 15deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person3 {
      --tw-rotate: 0deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person6 {
      --tw-rotate: -15deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person1 {
      --tw-rotate: 23deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person7 {
      --tw-rotate: -25deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person8 {
      --tw-rotate: 0deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person4 {
      --tw-rotate: 20deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person4 .portrait {
      --tw-rotate: -20deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person5 .portrait {
      --tw-rotate: 40deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person2 .portrait {
      --tw-rotate: -32deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person3 .portrait {
      --tw-rotate: 0deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person6 .portrait {
      --tw-rotate: 32deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person1 .portrait {
      --tw-rotate: -23deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person7 .portrait {
      --tw-rotate: 25deg;
      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));
    }
  
    .trusted_by_thousands .radii .person.person8 .portrait {
      --tw-rotate: 0deg;
      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));
    }
  
    .trusted_by_thousands .radii h2 {
      top: -130px;
      max-width: 250px;
      font-size: 1.5rem;
      line-height: 2rem;
      line-height: 1.25;
    }
  
    .trusted_by_thousands .radii .radius {
      width: 450px;
    }
  }
  
  .hover\:opacity-90:hover {
    opacity: 0.9;
  }
  
  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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 not all and (min-width: 1024px) {
    .max-md\:mt-5 {
      margin-top: 1.25rem;
    }
  
    .max-md\:flex {
      display: flex;
    }
  
    .max-md\:max-w-\[200px\] {
      max-width: 200px;
    }
  
    .max-md\:max-w-\[250px\] {
      max-width: 250px;
    }
  
    .max-md\:max-w-\[270px\] {
      max-width: 270px;
    }
  
    .max-md\:max-w-\[96px\] {
      max-width: 96px;
    }
  
    .max-md\:flex-col {
      flex-direction: column;
    }
  
    .max-md\:items-center {
      align-items: center;
    }
  
    .max-md\:justify-center {
      justify-content: center;
    }
  
    .max-md\:gap-4 {
      gap: 1rem;
    }
  
    .max-md\:text-center {
      text-align: center;
    }
  }
  
  @media (min-width: 768px) {
    .sm\:sticky {
      position: sticky;
    }
  
    .sm\:block {
      display: block;
    }
  
    .sm\:hidden {
      display: none;
    }
  
    .sm\:h-16 {
      height: 4rem;
    }
  
    .sm\:p-3 {
      padding: 0.75rem;
    }
  
    .sm\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .sm\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .sm\:py-0 {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  
    .sm\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .md\:absolute {
      position: absolute;
    }
  
    .md\:bottom-0 {
      bottom: 0px;
    }
  
    .md\:bottom-8 {
      bottom: 2rem;
    }
  
    .md\:left-8 {
      left: 2rem;
    }
  
    .md\:right-0 {
      right: 0px;
    }
  
    .md\:top-0 {
      top: 0px;
    }
  
    .md\:order-none {
      order: 0;
    }
  
    .md\:mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }
  
    .md\:mb-0 {
      margin-bottom: 0px;
    }
  
    .md\:mb-10 {
      margin-bottom: 2.5rem;
    }
  
    .md\:mb-12 {
      margin-bottom: 3rem;
    }
  
    .md\:mb-14 {
      margin-bottom: 3.5rem;
    }
  
    .md\:mb-24 {
      margin-bottom: 6rem;
    }
  
    .md\:mb-4 {
      margin-bottom: 1rem;
    }
  
    .md\:mb-8 {
      margin-bottom: 2rem;
    }
  
    .md\:ml-0 {
      margin-left: 0px;
    }
  
    .md\:mr-12 {
      margin-right: 3rem;
    }
  
    .md\:mr-20 {
      margin-right: 5rem;
    }
  
    .md\:mt-0 {
      margin-top: 0px;
    }
  
    .md\:mt-6 {
      margin-top: 1.5rem;
    }
  
    .md\:mt-7 {
      margin-top: 1.75rem;
    }
  
    .md\:block {
      display: block;
    }
  
    .md\:flex {
      display: flex;
    }
  
    .md\:grid {
      display: grid;
    }
  
    .md\:hidden {
      display: none;
    }
  
    .md\:h-20 {
      height: 5rem;
    }
  
    .md\:max-h-none {
      max-height: none;
    }
  
    .md\:w-1\/2 {
      width: 50%;
    }
  
    .md\:w-\[41\%\] {
      width: 41%;
    }
  
    .md\:w-\[50\%\] {
      width: 50%;
    }
  
    .md\:w-\[55\%\] {
      width: 55%;
    }
  
    .md\:w-auto {
      width: auto;
    }
  
    .md\:max-w-\[227px\] {
      max-width: 227px;
    }
  
    .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\:justify-start {
      justify-content: flex-start;
    }
  
    .md\:gap-4 {
      gap: 1rem;
    }
  
    .md\:border-l {
      border-left-width: 1px;
    }
  
    .md\:border-r {
      border-right-width: 1px;
    }
  
    .md\:bg-\[\#F2F4F6\] {
      --tw-bg-opacity: 1;
      background-color: rgb(242 244 246 / var(--tw-bg-opacity));
    }
  
    .md\:bg-\[\#F6F8FB\] {
      --tw-bg-opacity: 1;
      background-color: rgb(246 248 251 / var(--tw-bg-opacity));
    }
  
    .md\:bg-transparent {
      background-color: transparent;
    }
  
    .md\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
  
    .md\:p-0 {
      padding: 0px;
    }
  
    .md\:p-8 {
      padding: 2rem;
    }
  
    .md\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .md\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .md\:py-0 {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  
    .md\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
  
    .md\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  
    .md\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  
    .md\:py-32 {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }
  
    .md\:py-36 {
      padding-top: 9rem;
      padding-bottom: 9rem;
    }
  
    .md\:py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  
    .md\:py-80 {
      padding-top: 20rem;
      padding-bottom: 20rem;
    }
  
    .md\:pb-12 {
      padding-bottom: 3rem;
    }
  
    .md\:pb-16 {
      padding-bottom: 4rem;
    }
  
    .md\:pb-80 {
      padding-bottom: 20rem;
    }
  
    .md\:pl-10 {
      padding-left: 2.5rem;
    }
  
    .md\:pl-24 {
      padding-left: 6rem;
    }
  
    .md\:pl-8 {
      padding-left: 2rem;
    }
  
    .md\:pr-0 {
      padding-right: 0px;
    }
  
    .md\:pr-20 {
      padding-right: 5rem;
    }
  
    .md\:pr-8 {
      padding-right: 2rem;
    }
  
    .md\:pt-16 {
      padding-top: 4rem;
    }
  
    .md\:pt-5 {
      padding-top: 1.25rem;
    }
  
    .md\:pt-72 {
      padding-top: 18rem;
    }
  
    .md\:text-left {
      text-align: left;
    }
  
    .md\:text-24 {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  
    .md\:text-28 {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  
    .md\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  
    .md\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
  
    .md\:text-40 {
      font-size: 2.5rem;
      line-height: 3rem;
    }
  
    .md\:text-4xl {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  
    .md\:text-5xl {
      font-size: 3rem;
      line-height: 1;
    }
  
    .md\:text-\[20px\] {
      font-size: 20px;
    }
  
    .md\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  
    .md\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  
    .md\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  
    .md\:leading-tight {
      line-height: 1.25;
    }
  }
  
  @media (min-width: 1280px) {
    .lg\:relative {
      position: relative;
    }
  
    .lg\:bottom-\[-12px\] {
      bottom: -12px;
    }
  
    .lg\:bottom-\[-16px\] {
      bottom: -16px;
    }
  
    .lg\:bottom-\[-33px\] {
      bottom: -33px;
    }
  
    .lg\:bottom-\[-50px\] {
      bottom: -50px;
    }
  
    .lg\:right-\[30\%\] {
      right: 30%;
    }
  
    .lg\:mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }
  
    .lg\:-mt-36 {
      margin-top: -9rem;
    }
  
    .lg\:-mt-40 {
      margin-top: -10rem;
    }
  
    .lg\:mb-0 {
      margin-bottom: 0px;
    }
  
    .lg\:mb-20 {
      margin-bottom: 5rem;
    }
  
    .lg\:mt-0 {
      margin-top: 0px;
    }
  
    .lg\:mt-8 {
      margin-top: 2rem;
    }
  
    .lg\:mt-\[-100px\] {
      margin-top: -100px;
    }
  
    .lg\:block {
      display: block;
    }
  
    .lg\:flex {
      display: flex;
    }
  
    .lg\:h-24 {
      height: 6rem;
    }
  
    .lg\:h-\[373px\] {
      height: 373px;
    }
  
    .lg\:h-\[405px\] {
      height: 405px;
    }
  
    .lg\:h-\[74px\] {
      height: 74px;
    }
  
    .lg\:h-\[92px\] {
      height: 92px;
    }
  
    .lg\:w-1\/2 {
      width: 50%;
    }
  
    .lg\:w-\[115px\] {
      width: 115px;
    }
  
    .lg\:w-\[130px\] {
      width: 130px;
    }
  
    .lg\:w-\[31\%\] {
      width: 31%;
    }
  
    .lg\:w-\[74px\] {
      width: 74px;
    }
  
    .lg\:w-\[92px\] {
      width: 92px;
    }
  
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .lg\:justify-end {
      justify-content: flex-end;
    }
  
    .lg\:rounded-3xl {
      border-radius: 1.5rem;
    }
  
    .lg\:p-12 {
      padding: 3rem;
    }
  
    .lg\:p-16 {
      padding: 4rem;
    }
  
    .lg\:p-8 {
      padding: 2rem;
    }
  
    .lg\:p-\[24px\] {
      padding: 24px;
    }
  
    .lg\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .lg\:py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  
    .lg\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  
    .lg\:py-28 {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
  
    .lg\:py-32 {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }
  
    .lg\:pb-0 {
      padding-bottom: 0px;
    }
  
    .lg\:pb-10 {
      padding-bottom: 2.5rem;
    }
  
    .lg\:pb-14 {
      padding-bottom: 3.5rem;
    }
  
    .lg\:pl-0 {
      padding-left: 0px;
    }
  
    .lg\:pl-5 {
      padding-left: 1.25rem;
    }
  
    .lg\:pr-0 {
      padding-right: 0px;
    }
  
    .lg\:pr-20 {
      padding-right: 5rem;
    }
  
    .lg\:pt-5 {
      padding-top: 1.25rem;
    }
  
    .lg\:pt-7 {
      padding-top: 1.75rem;
    }
  
    .lg\:pt-8 {
      padding-top: 2rem;
    }
  
    .lg\:text-left {
      text-align: left;
    }
  
    .lg\:text-28 {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  
    .lg\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  
    .lg\:text-32 {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  
    .lg\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
  
    .lg\:text-5xl {
      font-size: 3rem;
      line-height: 1;
    }
  
    .lg\:text-6xl {
      font-size: 3.75rem;
      line-height: 1;
    }
  
    .lg\:text-7xl {
      font-size: 4.5rem;
      line-height: 1;
    }
  
    .lg\:text-\[16px\] {
      font-size: 16px;
    }
  
    .lg\:text-\[22px\] {
      font-size: 22px;
    }
  
    .lg\:text-\[28px\] {
      font-size: 28px;
    }
  
    .lg\:text-\[34px\] {
      font-size: 34px;
    }
  
    .lg\:text-\[42px\] {
      font-size: 42px;
    }
  
    .lg\:text-\[52px\] {
      font-size: 52px;
    }
  
    .lg\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  
    .lg\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  
    .lg\:leading-\[1\.05\] {
      line-height: 1.05;
    }
  
    .lg\:leading-none {
      line-height: 1;
    }
  
    .lg\:leading-snug {
      line-height: 1.375;
    }
  
    .lg\:leading-tight {
      line-height: 1.25;
    }
  }
  
  @media (min-width: 1536px) {
    .xl\:bottom-\[-53px\] {
      bottom: -53px;
    }
  
    .xl\:right-\[33\%\] {
      right: 33%;
    }
  
    .xl\:mr-12 {
      margin-right: 3rem;
    }
  
    .xl\:mr-8 {
      margin-right: 2rem;
    }
  
    .xl\:w-\[24\%\] {
      width: 24%;
    }
  
    .xl\:pr-20 {
      padding-right: 5rem;
    }
  
    .xl\:text-32 {
      font-size: 2rem;
      line-height: 2.5rem;
    }
  
    .xl\:text-\[56px\] {
      font-size: 56px;
    }
  
    .xl\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  
    .xl\:leading-none {
      line-height: 1;
    }
  }