@font-face {
font-display: swap;
font-family: DM Sans;
font-style: normal;
font-weight: 400;
src: url(/assets/fonts/DMSans-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/DMSans-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/DMSans-Medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 100;
    src: url(/assets/fonts/Poppins-Thin.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    src: url(/assets/fonts/Poppins-ExtraLight.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/Poppins-Light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/Poppins-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/Poppins-Medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/Poppins-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/Poppins-ExtraBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/Poppins-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fonts/Poppins-Black.woff2) format("woff2")
}

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[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 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 1.75rem;
    min-height: 100vh;
    scroll-behavior: smooth;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

main {
    flex-grow: 1
}

/* footer,main {
    flex-shrink: 0
}

footer {
    border-top-width: 1px
} */

.h2_pos {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.25rem
}

@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: #4a274f
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

html {
    scroll-behavior: smooth
}

*,:after,:before {
    --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: rgba(59,130,246,.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: rgba(59,130,246,.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 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .container {
        max-width:768px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px;
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px;
        padding-left: 12.5rem;
        padding-right: 12.5rem
    }
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-bottom-8 {
    bottom: -2rem
}

.bottom-0 {
    bottom: 0
}

.bottom-\[-30px\] {
    bottom: -30px
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-16 {
    top: 4rem
}

.top-4 {
    top: 1rem
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

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

.z-\[2\] {
    z-index: 2
}

.order-1 {
    order: 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-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

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

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

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

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

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.my-28 {
    margin-bottom: 7rem;
    margin-top: 7rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

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

.-mt-20 {
    margin-top: -5rem
}

.-mt-36 {
    margin-top: -9rem
}

.-mt-48 {
    margin-top: -12rem
}

.-mt-64 {
    margin-top: -16rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

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

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

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

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

.mb-24 {
    margin-bottom: 6rem
}

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

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

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

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

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

.ml-16 {
    margin-left: 4rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

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

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

.mt-14 {
    margin-top: 3.5rem
}

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

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .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-\[400px\] {
    margin-top: 400px
}

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

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.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-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-\[165px\] {
    height: 165px
}

.h-\[28rem\] {
    height: 28rem
}

.h-\[2px\] {
    height: 2px
}

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

.h-\[39px\] {
    height: 39px
}

.h-\[550px\] {
    height: 550px
}

.h-\[770px\] {
    height: 770px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-14 {
    max-height: 3.5rem
}

.max-h-16 {
    max-height: 4rem
}

.max-h-\[300px\] {
    max-height: 300px
}

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

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

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

.min-h-screen {
    min-height: 100vh
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

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

.w-\[160px\] {
    width: 160px
}

.w-\[350px\] {
    width: 350px
}

.w-\[39px\] {
    width: 39px
}

.w-\[80\%\] {
    width: 80%
}

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

.w-\[85px\] {
    width: 85px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.min-w-44 {
    min-width: 11rem
}

.min-w-\[300px\] {
    min-width: 300px
}
.max-h-\[380px\] {
    max-height: 380px
}

.max-w-14 {
    max-width: 3.5rem
}

.max-w-16 {
    max-width: 4rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-6xl {
    max-width: 72rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-lg {
    max-width: 32rem
}

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

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

.max-w-xl {
    max-width: 36rem
}

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

.flex-shrink {
    flex-shrink: 1
}

.flex-grow,.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%
}

.border-collapse {
    border-collapse: collapse
}

.origin-center {
    transform-origin: center
}

.translate-x-0 {
    --tw-translate-x: 0px
}

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

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-y-full {
    --tw-translate-y: 100%
}

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

.rotate-12 {
    --tw-rotate: 12deg
}

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

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

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

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

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

.self-end {
    align-self: flex-end
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.rounded {
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-\[10px\] {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-b-\[14px\] {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

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

.border {
    border-width: 1px
}

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

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

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

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.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-\[\#4B59643B\] {
    border-color: #4b59643b
}

.border-\[\#A4D5BB21\] {
    border-color: #a4d5bb21
}

.border-\[\#A4D5BB\] {
    --tw-border-opacity: 1;
    border-color: rgb(164 213 187/var(--tw-border-opacity))
}

.border-\[\#A5CFAB\] {
    --tw-border-opacity: 1;
    border-color: rgb(165 207 171/var(--tw-border-opacity))
}

.border-\[\#B2993f\] {
    --tw-border-opacity: 1;
    border-color: rgb(178 153 63/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-\[\#CCE1CF\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 225 207/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-\[\#D8C78B\] {
    --tw-border-opacity: 1;
    border-color: rgb(216 199 139/var(--tw-border-opacity))
}

.border-\[\#D9D5C9\] {
    --tw-border-opacity: 1;
    border-color: rgb(217 213 201/var(--tw-border-opacity))
}

.border-\[\#DDE3EF\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 227 239/var(--tw-border-opacity))
}

.border-\[\#E3E5F1\] {
    --tw-border-opacity: 1;
    border-color: rgb(227 229 241/var(--tw-border-opacity))
}

.border-\[\#ECE9E4\] {
    --tw-border-opacity: 1;
    border-color: rgb(236 233 228/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-\[\#FFFFFF0D\] {
    border-color: #ffffff0d
}

.border-\[\#FFFFFF17\] {
    border-color: #ffffff17
}

.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-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

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

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

.border-t-\[\#FBE7EA\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(251 231 234/var(--tw-border-opacity))
}

.bg-\[\#008745\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 69/var(--tw-bg-opacity))
}

.bg-\[\#07131D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(7 19 29/var(--tw-bg-opacity))
}

.bg-\[\#09151F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 21 31/var(--tw-bg-opacity))
}

.bg-\[\#0A1A0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 26 15/var(--tw-bg-opacity))
}

.bg-\[\#0B130C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 19 12/var(--tw-bg-opacity))
}

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

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

.bg-\[\#1B2D3E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 45 62/var(--tw-bg-opacity))
}

.bg-\[\#1F2937\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

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

.bg-\[\#213C53\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 60 83/var(--tw-bg-opacity))
}

.bg-\[\#262729\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 39 41/var(--tw-bg-opacity))
}

.bg-\[\#27477F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 71 127/var(--tw-bg-opacity))
}

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

.bg-\[\#4a274f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/var(--tw-bg-opacity))
}

.bg-\[\#D9E5DA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 229 218/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-\[\#EBB901\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 185 1/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-\[\#EBF7ED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 247 237/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-\[\#EECB4D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 203 77/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-\[\#F1F7F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 247 242/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-\[\#F8F9FA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/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-\[\#FBF5E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 245 227/var(--tw-bg-opacity))
}

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

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

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

.bg-\[\#FDFBF7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 251 247/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-\[\#FFF9E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 227/var(--tw-bg-opacity))
}

.bg-\[\#FFFFFF24\] {
    background-color: #ffffff24
}

.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-\[linear-gradient\(144\.41deg\2c _\#09151F_-1\.3\%\2c _\#0D2234_89\.5\%\)\] {
    background-image: linear-gradient(144.41deg,#09151f -1.3%,#0d2234 89.5%)
}

.bg-\[linear-gradient\(269\.6deg\2c \#EDF5FA_1\.52\%\2c rgba\(223\2c 238\2c 246\2c 0\.25\)_99\.58\%\)\] {
    background-image: linear-gradient(269.6deg,#edf5fa 1.52%,rgba(223,238,246,.25) 99.58%)
}

.bg-\[linear-gradient\(269\.6deg\2c \#FAE8EA_1\.52\%\2c rgba\(248\2c 219\2c 222\2c 0\.25\)_99\.58\%\)\] {
    background-image: linear-gradient(269.6deg,#fae8ea 1.52%,rgba(248,219,222,.25) 99.58%)
}

.bg-\[linear-gradient\(270deg\2c \#EDEFFA_0\%\2c rgba\(207\2c 212\2c 242\2c 0\.18\)_100\%\)\] {
    background-image: linear-gradient(270deg,#edeffa,rgba(207,212,242,.18))
}

.bg-\[linear-gradient\(90deg\2c \#F1FAF3_0\%\2c \#E1F3E6_100\%\)\] {
    background-image: linear-gradient(90deg,#f1faf3,#e1f3e6)
}

.bg-\[linear-gradient\(90deg\2c \#FDFAF1_0\%\2c \#FAF5E3_100\%\)\] {
    background-image: linear-gradient(90deg,#fdfaf1,#faf5e3)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#08141E\] {
    --tw-gradient-from: #08141e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(8,20,30,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#172688\] {
    --tw-gradient-from: #172688 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(23,38,136,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.via-\[\#09151F\] {
    --tw-gradient-to: rgba(9,21,31,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#09151f var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.to-\[\#0D2234\] {
    --tw-gradient-to: #0d2234 var(--tw-gradient-to-position)
}

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

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[4px\] {
    padding: 4px
}

.p-\[5px\] {
    padding: 5px
}

.p-\[6px\] {
    padding: 6px
}

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

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

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

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

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

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

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

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

.py-11 {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem
}

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

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

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

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

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

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

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

.pb-5 {
    padding-bottom: 1.25rem
}

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

.pb-80 {
    padding-bottom: 20rem
}

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

.pl-12 {
    padding-left: 3rem
}

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

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

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

.pr-12 {
    padding-right: 3rem
}

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

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

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

.pt-1 {
    padding-top: .25rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

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

.pt-3 {
    padding-top: .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-72 {
    padding-top: 18rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[8rem\] {
    padding-top: 8rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

.font-dm-sans {
    font-family: DM Sans
}

.\!text-xs {
    font-size: .75rem!important;
    line-height: 1rem!important
}

.text-24,.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-\[11px\] {
    font-size: 11px
}

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

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

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

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

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

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

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

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-medium {
    font-weight: 500!important
}

.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-\[1\.1\] {
    line-height: 1.1!important
}

.\!leading-\[1\.25\] {
    line-height: 1.25!important
}

.\!leading-\[1\.5\] {
    line-height: 1.5!important
}

.\!leading-\[115\%\] {
    line-height: 115%!important
}

.\!leading-\[150\%\] {
    line-height: 150%!important
}

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

.leading-6 {
    line-height: 1.5rem
}

.leading-\[1\.1\] {
    line-height: 1.1
}

.leading-\[1\.25\] {
    line-height: 1.25
}

.leading-\[1\.5\] {
    line-height: 1.5
}

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

.leading-loose {
    line-height: 2
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.\!tracking-\[0\.0625em\] {
    letter-spacing: .0625em!important
}

.tracking-\[0\.02em\] {
    letter-spacing: .02em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-\[\#008745\] {
    --tw-text-opacity: 1;
    color: rgb(0 135 69/var(--tw-text-opacity))
}

.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-\[\#0C160D\] {
    --tw-text-opacity: 1;
    color: rgb(12 22 13/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-\[\#222222\] {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity))
}

.text-\[\#2E5391\] {
    --tw-text-opacity: 1;
    color: rgb(46 83 145/var(--tw-text-opacity))
}

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

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

.text-\[\#3E330D\] {
    --tw-text-opacity: 1;
    color: rgb(62 51 13/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-\[\#4B5964\] {
    --tw-text-opacity: 1;
    color: rgb(75 89 100/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-\[\#555555\] {
    --tw-text-opacity: 1;
    color: rgb(85 85 85/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-\[\#71632F\] {
    --tw-text-opacity: 1;
    color: rgb(113 99 47/var(--tw-text-opacity))
}

.text-\[\#7E878F\] {
    --tw-text-opacity: 1;
    color: rgb(126 135 143/var(--tw-text-opacity))
}

.text-\[\#808A97\] {
    --tw-text-opacity: 1;
    color: rgb(128 138 151/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-\[\#9CA3AF\] {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-\[\#9CABB7\] {
    --tw-text-opacity: 1;
    color: rgb(156 171 183/var(--tw-text-opacity))
}

.text-\[\#9EAAB4\] {
    --tw-text-opacity: 1;
    color: rgb(158 170 180/var(--tw-text-opacity))
}

.text-\[\#9ca3af\] {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

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

.text-\[\#4a274f\] {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.text-\[\#D0D1D2\] {
    --tw-text-opacity: 1;
    color: rgb(208 209 210/var(--tw-text-opacity))
}

.text-\[\#D1D5DB\] {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.text-\[\#D2D9D7\] {
    --tw-text-opacity: 1;
    color: rgb(210 217 215/var(--tw-text-opacity))
}

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

.text-\[\#D92D20\] {
    --tw-text-opacity: 1;
    color: rgb(217 45 32/var(--tw-text-opacity))
}

.text-\[\#F3F4F6\] {
    --tw-text-opacity: 1;
    color: rgb(243 244 246/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-\[\#d0d1d2\] {
    --tw-text-opacity: 1;
    color: rgb(208 209 210/var(--tw-text-opacity))
}

.text-\[\#d1d5db\] {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

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

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

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/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(197 32 49/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/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-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-90 {
    opacity: .9
}

.shadow-\[rgba\(17\2c 17\2c 26\2c 0\.05\)_0px_1px_0px\2c rgba\(17\2c 17\2c 26\2c 0\.1\)_0px_0px_8px\] {
    --tw-shadow: rgba(17,17,26,.05) 0px 1px 0px,rgba(17,17,26,.1) 0px 0px 8px;
    --tw-shadow-colored: 0px 1px 0px var(--tw-shadow-color),0px 0px 8px 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-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -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)
}

.shadow-\[\#C3C7E2\]\/50 {
    --tw-shadow-color: rgba(195,199,226,.5);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline {
    outline-style: solid
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}

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

.transition {
    transition-duration: .15s;
    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(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

/* .footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    padding-bottom: 1.5rem;
    padding-top: 7.5rem
}

.footer_grid_wrapper {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
        gap:.75rem;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@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;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.footer_menu {
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem
}

.footer_menu>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.footer_menu {
    font-size: .875rem;
    line-height: 1.25rem
}

.footer_menu,.footer_menulink {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.footer_menulink {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: capitalize
}

.footer_menulink:hover {
    --tw-text-opacity: 1;
    color: rgb(165 27 41/var(--tw-text-opacity))
} */

.take_free_demo {
    border-radius: .25rem;
    max-width: 9.0625rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.1394rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.take_free_demo:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/var(--tw-bg-opacity))
}

.take_free_demo:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity))
}

/* .footer_contact_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.75rem;
    padding-bottom: 5rem;
    padding-top: 5rem
} */

/* @media (min-width: 768px) {
    .footer_contact_wrapper {
        align-items:center;
        flex-direction: row;
        gap: 2.5rem;
        justify-content: flex-start
    }
} */

.footer_contact {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 768px) {
    .footer_contact {
        align-items:center;
        flex-direction: row
    }
}

.footer_contact:last-child {
    gap: 1.25rem
}

@media (min-width: 768px) {
    .footer_contact:last-child {
        gap:2.5rem
    }
}

.footer_contact_social {
    align-items: center;
    display: flex;
    gap: 1.125rem;
    justify-content: center
}

.footer_contact_logo {
    width: 9rem
}

.footer_contact_mail a,.footer_contact_number a {
    align-items: center;
    display: flex;
    font-size: 1rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem
}

.footer_contact_mail a:hover,.footer_contact_number a:hover {
    --tw-text-opacity: 1;
    color: rgb(165 27 41/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(165 27 41/var(--tw-text-opacity))
}

.footer_copyright {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1394rem;
    text-align: left;
    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(165 27 41/var(--tw-text-opacity))
}

.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;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.billibg_pos>.wrapper>.section_heading>.titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.billing_row {
    align-items: center;
    display: grid;
    gap: 2rem;
    padding-bottom: 6rem
}

.billing_row:last-child {
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .billing_row {
        gap:0;
        grid-template-columns: repeat(2,minmax(0,1fr));
        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 {
    border-radius: 1rem;
    width: 100%
}

.billing_col_main {
    padding-left: 0;
    text-align: left
}

@media (min-width: 1024px) {
    .billing_col_main {
        padding-left:5rem
    }
}

.billing_titel {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.billing_titel>span {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.billing_details {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.75rem;
    --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 {
    align-items: center;
    display: inline-flex;
    font-size: 1.125rem;
    font-weight: 500;
    gap: .5rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.explore_link:hover {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.explore_icon {
    background-image: url(/assets/icons/explor_arrow.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem
}

.explore_link:hover .explore_icon {
    background-image: url(/assets/icons/explor_arrow-hover.svg)
}

.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;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.add_marketplace>.wrapper>.section_heading>.titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    --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 {
    align-items: center;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    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 {
    border-left-width: .1875rem;
    margin-bottom: .5rem;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    line-height: 2.5rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-top: 1rem;
    transition-duration: 1s;
    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(.4,0,.2,1)
}

.marketplace_col>.marketplace_tab>.marketplace_tab_name {
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.marketplace_col>.marketplace_tab>.marketplace_tab_details {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.marketplace_col>.marketplace_tab>.marketplace_lern_more {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    --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(165 27 41/var(--tw-text-opacity))
}

.marketplace_col:last-child,.marketplace_lern_more,.marketplace_link_mob,.marketplace_tab_details {
    display: none
}

@media (min-width: 1024px) {
    .marketplace_col:last-child {
        display:block
    }
}

.marketplace_tab.active {
    --tw-border-opacity: 1!important;
    border-color: rgb(197 32 49/var(--tw-border-opacity))!important;
    transition-duration: 1s!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-timing-function: cubic-bezier(.4,0,.2,1)!important
}

.marketplace_tab.active .marketplace_tab_name {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.marketplace_tab.active :is(.marketplace_tab_details,.marketplace_lern_more) {
    display: block
}

.marketplace_tab.active :is(.marketplace_link_mob) {
    display: block;
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .marketplace_tab.active :is(.marketplace_link_mob) {
        display:none
    }
}

.tabcontent+.tabcontent {
    display: none
}

.outlet_type {
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/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;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(243 244 246/var(--tw-text-opacity))
}

.outlet_type>.wrapper>.section_heading>.titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    --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 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 4rem;
    margin-top: .75rem;
    --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 {
    align-items: center;
    background: linear-gradient(311.01deg,rgba(0,0,0,.2) -48.64%,transparent 69.86%),#b30b1c;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 100%;
    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
    }
}

#free-demo-form {
    scroll-margin-top: 7rem
}

@media (min-width: 768px) {
    #free-demo-form {
        scroll-margin-top:8.75rem
    }
}

.scheduale_row {
    align-items: center;
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 1024px) {
    .scheduale_row {
        gap:2.5rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.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 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    padding-bottom: .5rem;
    text-align: center;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    --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
}

.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;
    font-weight: 600;
    line-height: 2.5rem;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.billing_software_row {
    align-items: flex-start;
    display: grid;
    gap: 6rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding-top: 4rem
}

@media (min-width: 768px) {
    .billing_software_row {
        padding-top:6rem
    }
}

@media (min-width: 1024px) {
    .billing_software_row {
        gap:7rem;
        grid-template-columns: repeat(2,minmax(0,1fr));
        padding-top: 7rem
    }
}

.billing_software_img {
    border-radius: .8387rem;
    margin-bottom: 1.5rem;
    width: 100%
}

.billing_software_titel {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    padding-bottom: .75rem;
    --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;
    font-weight: 400;
    line-height: 1.5rem;
    --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
    }
}

.more_with_pp>.wrapper>.section_heading {
    padding-bottom: 6rem;
    text-align: center
}

.more_with_pp>.wrapper>.section_heading>.titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.more_with_pp_row {
    align-items: stretch;
    display: grid
}

@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 {
    overflow: hidden;
    position: relative
}

.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 {
    display: inline-block;
    margin-bottom: 1.25rem;
    max-width: 8.375rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.more_woith_pp_titel {
    color: rgb(31 41 55/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .75rem
}

.more_with_pp_dec,.more_woith_pp_titel {
    line-height: 1.75rem;
    --tw-text-opacity: 1
}

.more_with_pp_dec {
    color: rgb(107 114 128/var(--tw-text-opacity));
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 1.25rem
}

.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;
    font-weight: 600;
    line-height: 2.25rem;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.happy_customer_calculatoin_row {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .happy_customer_calculatoin_row {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.happy_customer_calculatoin_col {
    border-radius: .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: 0
}

@media (min-width: 1024px) {
    .happy_customer_row>.section_spacing_y {
        padding-bottom:7.5rem
    }
}

.happy_customer_counter_row {
    align-items: center;
    display: flex;
    margin-bottom: .5rem
}

.happy_customer_counter_digit,.happy_customer_counter_symbol {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(249 250 251/var(--tw-text-opacity))
}

.happy_customer_counter_dec {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.happy_customer .happy_customer_col {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .happy_customer .happy_customer_col {
        gap:1rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.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(165 27 41/var(--tw-text-opacity))
}

.happy_customer_row .testimonial_slider .testimonial__img_content.happy_client_testimonial .testimonial_contents {
    padding-left: 0
}

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

.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;
    font-weight: 600;
    line-height: 2.25rem;
    --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 {
    align-items: flex-start;
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 1024px) {
    .blog_row {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.blod_content_row {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 768px) {
    .blog_img {
        height:16rem
    }
}

.blog_details_name {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    --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;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.read_more {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.read_more:hover {
    --tw-text-opacity: 1;
    color: rgb(165 27 41/var(--tw-text-opacity))
}

.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 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1394rem;
    margin-top: .5rem;
    --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
    }
}

.tabin-sticky {
    position: sticky;
    top: 0;
    --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 {
    display: none;
    position: relative;
    --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 {
    height: .0625rem;
    inset: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
    --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 {
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    display: inline-flex;
    isolation: isolate;
    justify-content: center;
    overflow: hidden;
    --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 {
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .875rem 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.tabin_list:hover,.tabin_list:target {
    --tw-bg-opacity: 1;
    background-color: rgb(253 234 233/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(197 32 49/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;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/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 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .5rem;
    --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-bottom: 6rem;
    padding-top: 0
}

.tabin_content_row {
    align-items: flex-start;
    display: grid;
    gap: 5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    margin-bottom: 1.875rem;
    text-align: left
}

.billing_software_col>.billing_software_details>.M_fb_ul {
    list-style-position: inside
}

.M_fb_ul li,.billing_software_col .billing_software_details .M_fb_ul p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    list-style-type: disc;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .M_fb_ul li,.billing_software_col .billing_software_details .M_fb_ul p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.billing_software_col .billing_software_details .M_fb_ul li {
    padding-left: 1rem
}

.analytics-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.analytics_report {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 4rem;
    text-align: center;
    --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 {
    border-radius: 1.5rem;
    margin: auto
}

.empowring_restaurant,.people_behind,.small_scale {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .empowring_restaurant,.people_behind,.small_scale {
        padding-bottom:6rem;
        padding-top: 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,.people_behind>.wrapper>.section_heading>.titel_name,.serving_delicious>.wrapper>.section_heading>.titel_name {
    font-weight: 600;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.empowring_restaurant>.wrapper>.section_heading>.titel_dec,.people_behind>.wrapper>.section_heading>.titel_dec,.serving_delicious>.wrapper>.section_heading>.titel_dec {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .empowring_restaurant>.wrapper>.section_heading>.titel_dec,.people_behind>.wrapper>.section_heading>.titel_dec,.serving_delicious>.wrapper>.section_heading>.titel_dec {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.about_hero {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 1024px) {
    .about_hero {
        padding-bottom:5rem;
        padding-top: 6rem
    }
}

.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 {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.about_hero>.wrapper>.section_heading>.titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: .75rem;
    --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;
    font-weight: 400;
    line-height: 1.5rem;
    --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
}

.small_scale_row {
    align-items: flex-start;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .small_scale_row {
        gap:4rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .small_scale_row {
        gap:6rem
    }
}

.small_scale_titel {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 2.5rem;
    --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 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/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 {
    border-radius: 1.3769rem;
    width: 100%
}

.small_scale_parag:not(:last-child) {
    margin-bottom: 1.75rem
}

.small_scale_parag {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --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))
}

.empowring_restaurant>.wrapper>.section_heading {
    margin-bottom: 0
}

.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 {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 2.5rem
}

@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 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    --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;
    font-weight: 400;
    line-height: 1.75rem;
    --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 {
    align-items: stretch;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .empowring_restaurant_innovation_grid,.empowring_restaurant_simplicity_grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.empowring_restaurant_customer_grid img,.empowring_restaurant_innovation_grid img,.empowring_restaurant_simplicity_grid img,.serving_delicious_col img {
    border-radius: 1.25rem;
    width: 100%
}

.empowring_restaurant_innovation_grid .row_span {
    grid-row: span 2/span 2
}

.empowring_restaurant_customer_grid {
    align-items: stretch;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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: .5rem
}

.serving_delicious .wrapper .section_heading {
    margin-bottom: 4rem
}

@media (min-width: 1024px) {
    .serving_delicious .wrapper .section_heading {
        margin-bottom:6rem
    }
}

.serving_delicious_row {
    align-items: center;
    display: grid;
    gap: 3.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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;
    gap: 2.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    text-align: center
}

@media (min-width: 768px) {
    .serving_delicious_col:last-child {
        gap:4rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .serving_delicious_col:last-child:last-child {
        text-align: left
    }
}

.serving_delicious_report_number {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-bottom: .75rem
}

.serving_delicious_report_dec {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.serving_delicious_report:first-of-type .serving_delicious_report_number,.serving_delicious_report:nth-of-type(4) .serving_delicious_report_number {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.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 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: center;
    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 {
    border-radius: 9999px;
    margin: auto auto 1rem;
    max-width: 12.5rem
}

.people_behind_team_profile_name {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.people_behind_team_profile_post {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.people_behind_growing_team_row {
    align-items: center;
    display: grid;
    gap: 6rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-top: 120px
}

@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 {
    border-radius: 1.4708rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.people_behind_growing_team_details {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    bottom: -4rem;
    left: 0;
    margin: auto;
    max-width: 90%;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(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 {
        border-top-left-radius:0;
        max-width: 80%;
        padding: 1.5rem;
        right: auto
    }
}

.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 {
    align-items: center;
    display: flex;
    flex-direction: column;
    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 {
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .join_us_col:last-child {
        text-align:left;
        width: 40%
    }
}

.join_us_img {
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 8.4375rem
}

@media (min-width: 1024px) {
    .join_us_img {
        margin-bottom:2.5rem;
        margin-left: 0;
        margin-right: 0
    }
}

.join_us_dec {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 2.5rem;
    --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
    }
}

.integration_heading {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    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 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 768px) {
    .integration_hero-img-mob {
        display:none
    }
}

.integration_heading .titel_name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: .75rem;
    --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;
    font-weight: 400;
    line-height: 1.5rem;
    --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;
    font-weight: 600;
    line-height: 2.25rem;
    --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-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .manage_aggregators {
        padding-bottom:4rem;
        padding-top: 4rem
    }

    .manage_aggregators .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
        max-width: 20.5rem
    }
}

.easy_accessibility .wrapper .bepartod_petpoojs_contentsimg,.multiple_integrations .wrapper .bepartod_petpoojs_contentsimg {
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .easy_accessibility .wrapper .bepartod_petpoojs_contentsimg,.multiple_integrations .wrapper .bepartod_petpoojs_contentsimg {
        margin-bottom:3.5rem
    }
}

.become_integration .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img,.easy_accessibility .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img,.multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
    border-radius: .5rem
}

.become_integration .wrapper .bepartod_petpoojs_contentsimg,.easy_accessibility .wrapper .bepartod_petpoojs_contentsimg,.multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartof_titleparagrah {
    text-align: center
}

@media (min-width: 768px) {
    .become_integration .wrapper .bepartod_petpoojs_contentsimg,.easy_accessibility .wrapper .bepartod_petpoojs_contentsimg,.multiple_integrations .wrapper .bepartod_petpoojs_contentsimg .bepartof_titleparagrah {
        text-align:left
    }
}

.integration_grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media (min-width: 768px) {
    .integration_grid {
        gap:1.5rem;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

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

.become_integration .wrapper .bepartod_petpoojs_contentsimg .bepartofpetpooja_img img {
    width: 100%
}

.got_issue {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 247/var(--tw-bg-opacity))
}

.got_issue_titel {
    font-weight: 600;
    margin-bottom: 6rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.got_issue_wrapper {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .got_issue_wrapper {
        gap:0;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.got_issue_col {
    text-align: center
}

.got_issue_img {
    border-radius: 1rem;
    margin: auto auto .5rem;
    max-width: 7.5rem
}

@media (min-width: 768px) {
    .got_issue_img {
        margin-bottom:1.5rem
    }
}

.got_issue_name {
    color: rgb(107 114 128/var(--tw-text-opacity));
    font-weight: 400;
    margin-bottom: .5rem
}

.got_issue_dec,.got_issue_name {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1
}

.got_issue_dec {
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-weight: 500
}

.got_issue_ancher {
    text-decoration-line: underline
}

.become_our_partner_heading {
    margin-bottom: 4rem;
    text-align: center
}

.become_our_partner_wrapper {
    display: grid;
    gap: 3rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-bottom: 4rem
}

@media (min-width: 1024px) {
    .become_our_partner_wrapper {
        gap:4rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.become_our_partner_digit {
    align-items: center;
    border-radius: 9999px;
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    width: 4rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    font-size: 2rem;
    line-height: 2.5rem
}

.become_our_partner_digit,.become_our_partner_field_name {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.become_our_partner_field_name {
    display: inline-block;
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-left: .5rem
}

.become_our_partner_details {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: 1.25rem;
    text-align: center;
    --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 {
    display: block;
    margin: auto;
    max-width: 13rem;
    text-align: center
}

.become_our_partner_col {
    text-align: center
}

@media (min-width: 768px) {
    .become_our_partner_col {
        text-align:left
    }
}

.pricing_title {
    margin-bottom: 1rem
}

.pricing_pargaph {
    font-size: .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 {
    align-items: center;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 1024px) {
    .pricing_pos_core_wrapper {
        gap:5rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.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 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    text-align: center;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    text-align: center;
    --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 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem;
    margin-bottom: .5rem;
    text-align: center;
    --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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    --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 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    --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 {
    display: block;
    margin: auto;
    text-align: center;
    width: 68%
}

@media (min-width: 1024px) {
    .pricing_pos_core_wrapper .pricing_pos_core_col .btn__primary {
        display:inline-block;
        width: auto
    }
}

.pricing_pos_core_points {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pricing_pos_core_points-wrapper {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem
}

.pricing_pos_core_points-wrapper svg {
    flex-shrink: 0;
    margin-top: .25rem
}

.pricing_pos_core_point-dec {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.pricing_pos_core_note,.pricing_pos_core_point-dec {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.pricing_pos_core_note {
    border-radius: .75rem;
    margin-top: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    padding: 1.25rem;
    --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 {
    border-radius: 1.5rem;
    width: 100%
}

.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 {
    display: grid;
    gap: .75rem;
    margin-top: 2rem
}

@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 {
        gap:0;
        grid-template-columns: repeat(1,minmax(0,1fr));
        margin-top: 0
    }
}

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

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

.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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .5rem;
    text-align: center;
    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;
    font-weight: 500;
    line-height: 1.5rem;
    --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;
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.customised_analytics {
    --tw-bg-opacity: 1;
    background-color: rgb(255 246 244/var(--tw-bg-opacity))
}

.customised_analytics_wrapper {
    align-items: center;
    display: grid;
    gap: 3rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .customised_analytics_heading {
        font-size:2rem;
        line-height: 2.5rem;
        text-align: left
    }
}

.customised_analytics_heading span {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.customised_analytics_dec {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    --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 {
    border-radius: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .customised_analytics-img {
        margin-left:auto;
        width: auto
    }
}

.customised_analytics_col .btn__primary {
    display: block;
    margin: auto;
    text-align: center;
    width: 50%
}

@media (min-width: 1024px) {
    .customised_analytics_col .btn__primary {
        display:inline
    }
}

.trusted_restaurant_heading {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 6rem;
    text-align: center;
    --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 {
    align-items: baseline;
    display: grid;
    gap: 3.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    --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 {
    border-radius: 9999px;
    width: 3.5rem
}

.trusted_restaurant_profile-name {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.trusted_restaurant_profile-post {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    --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;
    gap: 3.5rem;
    justify-content: center;
    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-bottom: 2.75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 9.375rem
}

.less_daily_chai_heading {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.less_daily_chai_dec {
    display: none;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --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;
    font-weight: 500;
    line-height: 2.25rem;
    --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
}

.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 {
    display: block;
    font-family: Poppins;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

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

.android_pos_gst,.android_pos_renewal {
    font-weight: 400;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

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

.multibilling_stps_flag-wrapper {
    padding-top: 1.25rem
}

.multibilling_stps_flag-titel {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: .5rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.multibilling_stps_flag {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

.multibilling_stps_flag-name {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.multi_terminal {
    display: block;
    padding-bottom: 5rem;
    padding-top: 5rem
}

.multi_terminal_wrapper {
    background-image: url(/assets/images/petpooja-go/restaurant-needs.webp);
    background-position: 50%;
    background-size: cover;
    border-radius: 1.25rem;
    margin-bottom: 5rem;
    overflow: hidden;
    padding: 7rem 1.5rem;
    position: relative
}

.multi_terminal_wrapper:before {
    background-image: linear-gradient(270deg,rgba(33,33,33,0) -5.56%,rgba(33,33,33,.8));
    inset: 0;
    position: absolute;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width: 768px) {
    .multi_terminal_wrapper {
        padding:11rem 5rem
    }
}

.multi_terminal_name {
    font-weight: 600;
    isolation: isolate;
    max-width: 31.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.multi_terminal_circle-wrapper {
    display: grid;
    gap: 3.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .multi_terminal_circle-wrapper {
        gap:1rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.multi_terminal_circle-img {
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 8rem
}

@media (min-width: 768px) {
    .multi_terminal_circle-img {
        margin-bottom:2.5rem
    }
}

.multi_terminal_circle-name {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.pt_0 {
    padding-top: 0!important
}

.brand-logo-wrapper {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 1rem;
    place-items: center
}

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

.marketplace-services {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 247/var(--tw-bg-opacity))
}

.marketplace-services-wrappre {
    display: grid;
    gap: 5rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-top: 4rem;
    place-items: start
}

@media (min-width: 1024px) {
    .marketplace-services-wrappre {
        gap:6rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.marketplace-services-wrappre .billing_software_details {
    margin-bottom: 1.5rem
}

.marketplace-services .hero__pos_content {
    padding: 0;
    text-align: left
}

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

.integrations-home-subtitel {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.integrations-home-integrat>.bepartod_petpoojs_contentsimg>.bepartof_titleparagrah>.btn__primary {
    align-items: center;
    display: inline-flex;
    gap: .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
    }
}

.wcs_iframe.iframe_petpooja {
    border-radius: 1rem;
    height: 15.625rem;
    width: 100%
}

@media (min-width: 768px) {
    .wcs_iframe.iframe_petpooja {
        height:31.25rem
    }
}

.kharcha_iframe.iframe_petpooja {
    border-radius: 1rem;
    height: 100vh;
    width: 100%;
    --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 {
    padding-bottom: 4rem
}

.start-your-restaurant .hero__pos_contents_img {
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 1024px) {
    .start-your-restaurant .hero__pos_contents_img {
        gap:4rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.start-your-restaurant .hero__pos_contents_img .hero__pos_content .hero__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 1rem;
    text-align: left
}

@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 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    --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;
    max-width: 31rem;
    width: 100%
}

@media (min-width: 1024px) {
    .start-your-restaurant .hero__pos_contents_img .hero__pos_img img {
        margin-left:auto;
        margin-right: 0
    }
}

.start-your-restaurant-wrapper {
    align-items: center;
    display: flex;
    gap: .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 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .75rem;
    --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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem
}

@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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    text-align: left
}

@media (min-width: 768px) {
    .start-your-restaurant-unlocking>.wrapper>.section_heading>.titsel_name {
        font-size:2.25rem;
        line-height: 2.5rem;
        text-align: center
    }
}

.footer-marketing-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    justify-content: space-between;
    margin-bottom: 5rem
}

@media (min-width: 1280px) {
    .footer-marketing-wrapper {
        flex-direction:row;
        gap: 0
    }
}

.footer-marketing-terms-conditoin-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .5rem
}

@media (min-width: 768px) {
    .footer-marketing-terms-conditoin-wrapper {
        -moz-column-gap:0;
        column-gap: 0
    }
}

@media (min-width: 1024px) {
    .footer-marketing-terms-conditoin-wrapper {
        justify-content:flex-end
    }
}

.footer-marketing-terms-conditoin-link {
    display: block;
    font-size: .875rem;
    line-height: 1.1394rem;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

.footer-marketing-terms-conditoin-link:hover {
    --tw-text-opacity: 1;
    color: rgb(165 27 41/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .footer-marketing-terms-conditoin-link {
        font-size:1.125rem;
        line-height: 1.75rem;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.footer-marketing-terms-conditoin-link:after {
    height: 100%;
    position: absolute;
    right: 0;
    width: .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: 0
}

.footer-marketing-terms-conditoin-link:last-child:after {
    all: unset
}

.footer-marketing-wrapper .start-your-restaurant-stor-img {
    max-width: 10.7056rem;
    width: 100%
}

.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 {
        align-items:center;
        flex-direction: row;
        gap: 2.5rem;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .footersub-marketing-wrapper {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

.footersub-marketing-wrapper .footer_contact_wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.75rem;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 768px) {
    .footersub-marketing-wrapper .footer_contact_wrapper {
        gap:2.5rem;
        justify-content: flex-start
    }
}

@media (min-width: 1280px) {
    .footersub-marketing-wrapper .footer_contact_wrapper {
        align-items:center;
        flex-direction: row
    }
}

.footer-marketing-logo {
    max-width: 11.4838rem;
    width: 100%
}

.mh-privacy-policy {
    padding-bottom: 4rem;
    padding-top: 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))
}

.c9,.mh-privacy-policy h3 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .c9,.mh-privacy-policy h3 {
        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 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    text-align: center
}

.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 {
    list-style-type: disc;
    margin-left: 1.125rem
}

.invoice_sub-header-wrapper .invoice-sub-header {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
    --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: 0;
    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:0
    }
}

.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:focus,.invoice_hero .btn__primary:hover {
    --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-bottom: 4rem;
    padding-top: 4rem
}

.say_good_wrapper .multi_billing_contents {
    padding-top: 2rem
}

.say_good_wrapper .get_errorfree_content,.say_good_wrapper .h2_pos {
    --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 {
    display: flex;
    margin-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.say_good_step {
    margin-right: .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 {
    -moz-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(1,minmax(0,1fr));
    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 {
    border-radius: .375rem;
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 8.373rem;
    width: 100%
}

@media (min-width: 768px) {
    .support_business_growth .vendor_category_col .vendor_cate_img {
        margin-bottom:.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 .built_feature_steps .streefree_title,.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
}

.user_friendly_wrapper .built_feature_steps .prlbuiltstep_title {
    font-size: 1.25rem!important;
    font-weight: 400;
    line-height: 1.75rem!important
}

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

.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 {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem
}

.pay_attention_tabin_btn-wrapper {
    border-radius: .75rem;
    display: flex;
    overflow: hidden
}

@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));
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    padding: .75rem 1.75rem;
    --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))
}

.titel_name_Home {
    font-size: 68px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.25rem;
    padding-bottom: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .titel_name_Home {
        font-size:2.5rem;
        line-height: 3rem
    }
}

.integration_heading_Home {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 35rem;
    text-align: center
}

.titel_dec_Home {
    font-size: 19px;
    font-weight: 400;
    margin-top: .5rem;
    max-width: 35rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .wrapper {
        max-width:768px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1024px) {
    .wrapper {
        max-width:1024px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1280px) {
    .wrapper {
        max-width:1280px;
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media (min-width: 1536px) {
    .wrapper {
        max-width:1536px;
        padding-left: 12.5rem;
        padding-right: 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
    }
}

.smart-invoice-wrap .wrapper.hero-container {
    padding-right: 0
}

@media (min-width: 1280px) {
    .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 {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }

    @media (min-width: 768px) {
        .wrapper {
            max-width:768px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1024px) {
        .wrapper {
            max-width:1024px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1280px) {
        .wrapper {
            max-width:1280px;
            padding-left: 6rem;
            padding-right: 6rem
        }
    }

    @media (min-width: 1536px) {
        .wrapper {
            max-width:1536px;
            padding-left: 12.5rem;
            padding-right: 12.5rem
        }
    }
}

@media (min-width: 1024px) {
    .wrapper {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }

    @media (min-width: 768px) {
        .wrapper {
            max-width:768px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1024px) {
        .wrapper {
            max-width:1024px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1280px) {
        .wrapper {
            max-width:1280px;
            padding-left: 6rem;
            padding-right: 6rem
        }
    }

    @media (min-width: 1536px) {
        .wrapper {
            max-width:1536px;
            padding-left: 12.5rem;
            padding-right: 12.5rem
        }
    }
}

@media (min-width: 1280px) {
    .wrapper {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }

    @media (min-width: 768px) {
        .wrapper {
            max-width:768px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1024px) {
        .wrapper {
            max-width:1024px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1280px) {
        .wrapper {
            max-width:1280px;
            padding-left: 6rem;
            padding-right: 6rem
        }
    }

    @media (min-width: 1536px) {
        .wrapper {
            max-width:1536px;
            padding-left: 12.5rem;
            padding-right: 12.5rem
        }
    }
}

@media (min-width: 1536px) {
    .wrapper {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }

    @media (min-width: 768px) {
        .wrapper {
            max-width:768px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1024px) {
        .wrapper {
            max-width:1024px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width: 1280px) {
        .wrapper {
            max-width:1280px;
            padding-left: 6rem;
            padding-right: 6rem
        }
    }

    @media (min-width: 1536px) {
        .wrapper {
            max-width:1536px;
            padding-left: 12.5rem;
            padding-right: 12.5rem
        }
    }
}

header {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.stickyheader {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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 {
    align-items: center;
    display: flex;
    height: 4.6875rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

@media (min-width: 1024px) {
    .navbar {
        gap:1rem;
        height: auto;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1280px) {
    .navbar {
        gap:4rem
    }
}

@media (min-width: 1024px) {
    .navbar__logo {
        padding-bottom:1.4418rem;
        padding-top: 1.4418rem
    }
}

.navbar__logo img {
    height: 3rem;
    width: 12rem
}

.navbar__logo .marketing-hb-logo {
    width: 9rem
}

.navbar__wrapper {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    width: 100%
}

.navbar__items {
    display: none;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .navbar__items {
        align-items:center;
        display: flex
    }

    .navbar__list .navbar__link:has(i) i {
        transition-delay: .1s;
        transition-duration: .15s;
        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(.4,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;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    padding: .5rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .navbar__link {
        padding-bottom:.25rem;
        padding-top: .25rem
    }
}

@media (min-width: 1024px) {
    .navbar__link {
        border-radius:.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .navbar__items li:hover .navbar__link,.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,.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 {
        height: .3125rem;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 100%;
        visibility: hidden;
        width: 100%;
        --tw-content: "";
        content: var(--tw-content)
    }

    .navbar__list:hover .navbar__link:after {
        opacity: 1;
        visibility: visible
    }
}

.dropdown__icon {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-left: auto
}

@media (min-width: 1024px) {
    .dropdown__icon {
        justify-content:flex-start
    }
}

.navbar__list {
    border-bottom-width: 1px;
    position: relative;
    --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 {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .navbar__list.active:not(:has(.navbar__submenu_div)) .navbar__link {
        background-image:none;
        display: block;
        justify-content: flex-start;
        --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 {
    display: block;
    max-height: 0;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    opacity: 0;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 1024px) {
    .navbar__list .navbar__submenu_div {
        border-radius:.25rem;
        border-width: 1px;
        display: flex;
        margin-top: .5rem;
        max-height: none;
        overflow: visible;
        position: absolute;
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235/var(--tw-border-opacity));
        padding: .5rem;
        transition-duration: .15s;
        transition-property: margin;
        transition-timing-function: cubic-bezier(.4,0,.2,1)
    }

    .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 {
        display: flex;
        margin-top: .3125rem;
        opacity: 1;
        visibility: visible
    }
}

.navbar__subitems {
    margin-bottom: .25rem;
    margin-top: .25rem
}

@media (min-width: 1024px) {
    .navbar__subitems {
        margin-bottom:0;
        margin-top: 0
    }
}

.navbar__sublink {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .75rem;
    line-height: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding: .5rem .75rem;
    --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(165 27 41/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .navbar__sublink {
        margin-left:0;
        margin-right: 0
    }
}

.navbar__sublink:not(:has(:nth-child(3))) {
    padding-left: 1.25rem
}

@media (min-width: 1024px) {
    .navbar__sublink:not(:has(:nth-child(3))) {
        padding-left:.75rem
    }
}

.navbar__sublink.active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(165 27 41/var(--tw-text-opacity))
}

.navbar__sublink i:last-child {
    margin-left: auto;
    margin-right: .5rem;
    opacity: 0;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    visibility: hidden
}

.navbar__sublink span:has(i) {
    align-items: center;
    display: inline-flex
}

.navbar__list:hover .navbar__submenu_div .navbar__sublink span .arrow_up_right_circle {
    opacity: 1;
    visibility: visible
}

.navbar__list.active .navbar__sublink.active i:last-child,.navbar__list:hover .navbar__sublink:hover i:last-child {
    margin-right: 0;
    opacity: 1;
    pointer-events: none;
    visibility: visible
}

.btn__outline_secondary {
    border-radius: .25rem;
    border-width: 1px;
    display: none;
    white-space: nowrap;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(55 65 81/var(--tw-border-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    line-height: 1.5;
    padding: .5rem 1.5rem;
    --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 {
    display: block;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .res_btn_bookdemo {
        display:none
    }
}

.res_btn_bookdemo .btn__outline_secondary {
    display: inline-block;
    position: relative
}

.poweredby-name {
    font-size: .875rem;
    line-height: 1.1394rem;
    margin-right: .5rem;
    white-space: nowrap
}

.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 {
    align-items: center!important;
    display: flex!important;
    gap: 1rem!important;
    justify-content: center!important
}

@media (min-width: 768px) {
    .powerdby-wrapper-res.active {
        display:none!important
    }
}

.powerdby-wrapper-res .getintoch_res_p {
    margin-bottom: 0!important
}

.m_demo_book {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-left: auto
}

@media (min-width: 1024px) {
    .m_demo_book {
        gap:0;
        margin-left: 0
    }
}

.m_toggle {
    border-radius: .25rem;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    justify-content: center;
    position: relative;
    width: 2.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity));
    padding: .5rem
}

@media (min-width: 1024px) {
    .m_toggle {
        display:none
    }
}

.m_toggle span {
    border-radius: .25rem;
    display: block;
    height: .125rem;
    margin-bottom: .25rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity));
    transition-duration: .15s;
    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(.4,0,.2,1)
}

.m_toggle span:last-child {
    margin-bottom: 0
}

.res_get_intouch {
    border-top-width: 1px;
    bottom: 0;
    display: none;
    height: 8.5625rem;
    left: 0;
    position: fixed;
    right: 0;
    --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: .75rem 1.5rem;
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(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-bottom: .5rem;
    padding-top: .5rem
}

.m-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem
}

.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 {
    background-image: url(../assets/icons/chavron_right.svg);
    background-size: contain;
    height: .625rem;
    width: .625rem
}

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

.m-icon-circle {
    border-radius: 9999px;
    max-height: 1.25rem;
    max-width: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    .m-icon-circle {
        max-height:1.75rem;
        max-width: 1.75rem
    }
}

.m-icon-text {
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity));
    font-size: clamp(12px,calc(9.2px + .875vw),26px)
}

.section_spacing_y {
    padding-bottom: 6rem;
    padding-top: 6rem
}

@media (min-width: 768px) {
    .section_spacing_y {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

@media (min-width: 1024px) {
    .section_spacing_y {
        padding-bottom:7.5rem;
        padding-top: 7.5rem
    }
}

.section_spacing_b {
    padding-bottom: 6rem
}

@media (min-width: 768px) {
    .section_spacing_b {
        padding-bottom:7rem
    }
}

@media (min-width: 1024px) {
    .section_spacing_b {
        padding-bottom:7.5rem
    }
}

.scheduale {
    padding-bottom: 6rem;
    padding-top: 6rem
}

@media (min-width: 768px) {
    .scheduale {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.hero__pos_contents_img {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .hero__pos_contents_img {
        flex-wrap:nowrap;
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
}

.hero__pos_content {
    flex-basis: 100%;
    padding-bottom: 3rem;
    padding-right: 0;
    padding-top: 4rem;
    text-align: center
}

@media (min-width: 768px) {
    .hero__pos_content {
        text-align:left
    }
}

@media (min-width: 1024px) {
    .hero__pos_content {
        flex-basis:40%;
        padding-bottom: 0;
        padding-right: 2.5rem;
        padding-top: 0
    }
}

.hero-home .hero__pos_content {
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .hero-home .hero__pos_content {
        padding-bottom:0;
        padding-top: 0
    }
}

.hero__pos_img {
    flex-basis: 100%
}

@media (min-width: 1024px) {
    .hero__pos_img {
        flex-basis:60%
    }
}

.hero__pos_img img {
    border-radius: .5rem;
    margin-left: 0;
    max-width: 100%
}

@media (min-width: 1024px) {
    .hero__pos_img img {
        margin-left:auto;
        max-width: 35.375rem
    }
}

.hero__subtitle {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.outlets_hero .hero__subtitle {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.1394rem
}

@media (min-width: 768px) {
    .outlets_hero .hero__subtitle {
        font-size:1rem;
        justify-content: flex-start;
        line-height: 1.5rem
    }
}

.outlets_hero .hero__subtitle .m_outlets_bg {
    border-radius: 9999px;
    height: 1.5rem;
    width: 1.5rem;
    --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 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

@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 {
    border-radius: .25rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn__primary:focus,.btn__primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity))
}

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

.btn__primary2 {
    border-radius: .5rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/var(--tw-bg-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn__primary2:focus,.btn__primary2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity))
}

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

.btn__secondary {
    border-radius: .25rem;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn__secondary:focus,.btn__secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity))
}

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

.trusted__clients {
    padding-top: 6rem
}

.trusted_paragh {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 4rem;
    text-align: center;
    --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 {
    align-items: center;
    -moz-column-gap: 0;
    column-gap: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.75rem
}

@media (min-width: 768px) {
    .trusted_client_logo .swiper-wrapper {
        flex-wrap:nowrap;
        gap: 0;
        justify-content: flex-start
    }
}

.trusted_client_logo img {
    max-width: 8.4375rem
}

@media (min-width: 768px) {
    .trusted_client_logo img {
        max-width:100%
    }
}

.testimonial_clients {
    padding-bottom: 3.5rem;
    padding-top: 6rem
}

@media (min-width: 1024px) {
    .testimonial_clients {
        padding-bottom:6rem;
        padding-top: 7rem
    }
}

.testimonial__img_content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

@media (min-width: 768px) {
    .testimonial__img_content {
        flex-wrap:nowrap
    }
}

.testimonial_img {
    flex-basis: 100%;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .testimonial_img {
        flex-basis:33.333333%;
        margin-bottom: 0
    }
}

.testimonial_img img {
    border-radius: .75rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(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 {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-bottom: 1rem;
    text-align: center
}

@media (min-width: 768px) {
    .testimonial_clientdetails {
        gap:1.25rem;
        justify-content: flex-start;
        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:0;
        margin-right: 0;
        max-width: 9.375rem
    }
}

@media (min-width: 1024px) {
    .testimonial_contents .clients_brand img {
        max-width:12.5rem
    }
}

.testimonial_slider .swiper-pagination {
    margin-top: 2.5rem;
    position: relative
}

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

.counter_customers_section_spacing_y {
    padding-bottom: 6rem;
    padding-top: 6rem
}

@media (min-width: 768px) {
    .counter_customers_section_spacing_y {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

@media (min-width: 1024px) {
    .counter_customers_section_spacing_y {
        padding-bottom:7.5rem;
        padding-top: 7.5rem
    }
}

.counter_customer_process {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .counter_customer_process {
        gap:2.25rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .counter_customer_process {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.counter_contents {
    align-items: center;
    display: flex;
    gap: 1.5rem
}

.counter_img {
    flex-shrink: 0
}

.counter_wrapper {
    align-items: center;
    display: flex
}

.counter_number_title,.counter_number_title_icon {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.counter_contents .counter_img img {
    border-radius: .25rem;
    max-width: 5.875rem
}

.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 {
    font-weight: 600;
    margin-bottom: 1rem
}

.quick_simple_feature {
    display: grid;
    gap: 1.5rem;
    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 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    place-content: space-between;
    row-gap: 2.25rem
}

@media (min-width: 768px) {
    .quick_features_all {
        -moz-column-gap:5rem;
        column-gap: 5rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .quick_features_all {
        -moz-column-gap:1.25rem;
        column-gap: 1.25rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

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

.quick_feature_img img {
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@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 auto 1rem;
    max-width: 5rem
}

.feature_simple_img {
    max-width: 50px;
    width: 100%
}

.explore_addons_boost {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.explore_contents_pagination {
    display: flex;
    margin-bottom: 4rem;
    position: relative
}

@media (min-width: 1024px) {
    .exlore_title_prgh {
        width:85%
    }
}

.explore_contents_pagination .exlore_addons_title {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .explore_contents_pagination .exlore_addons_title {
        font-size:2rem;
        line-height: 2.5rem;
        text-align: left
    }
}

@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) {
    border-color: rgb(156 163 175/var(--tw-border-opacity));
    display: none
}

:is(.explore_pag_prev_next) :is(.swiper-button-next,.swiper-button-prev):hover {
    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 {
    background-image: url(../assets/icons/right-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    font-family: unset;
    height: 100%;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.explore_addons_slider .swiper-button-prev {
    --tw-rotate: 180deg;
    left: auto;
    right: 4.5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.explore_subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    --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: 0
    }
}

.explore_slider_subtitle {
    margin-bottom: 1.25rem
}

.explore_addons_slider .explore_subboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between
}

@media (min-width: 768px) {
    .explore_addons_slider .explore_subboxes {
        gap:1.5rem;
        justify-content: flex-start
    }
}

@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 {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    height: 8rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 100%
}

@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_title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 2.5rem;
    text-align: center;
    --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 {
    align-items: center;
    cursor: pointer;
    display: flex
}

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

@media (min-width: 768px) {
    .accordion_head .m-icon {
        margin-right:1rem
    }
}

.accordion_head .chvron_right {
    background-image: url(../assets/icons/chavron_right.svg);
    flex-shrink: 0;
    margin-left: auto
}

.accordion_body {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.accordion_body .accordion_content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition-duration: .5s;
    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(.4,0,.2,1)
}

.accordion_body .accordion_content .accordion_content_item {
    list-style-type: disc;
    margin-left: 1.5rem
}

.accordion_body.active .accordion_content {
    margin-top: .75rem;
    opacity: 1;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.accordion_body.active .accordion_content,.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%
}

.efficient_title_contents {
    margin-bottom: 6rem;
    text-align: center
}

.efficient_title {
    margin-bottom: .75rem
}

.efficient_features_grids {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
    justify-content: center
}

@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-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 8.75rem
}

.efficient_feature_para {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.get_errorfree_title_content {
    text-align: center
}

.get_errorfree_title {
    margin-bottom: .75rem
}

.multi_billing_contents {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.multi_billing_contents:last-child {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .multi_billing_contents {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.bill_modifactions_software .multi_billing_contents,.waiter_calling_system .multi_billing_contents {
    padding-top: 0
}

.multi_billing_contents {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

@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 {
    border-radius: .75rem;
    margin-bottom: 2rem;
    width: 100%
}

.usps-wrapper img.multi_billing_img img {
    max-height: calc(100vh - 100px)
}

@media (min-width: 1024px) {
    .multi_billing_img img {
        margin-bottom:0
    }
}

.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 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 1.25rem
}

@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 {
    align-items: flex-start;
    display: flex;
    gap: .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
    }
}

.accurate_comprehensive_pos,.bill_modifactions_software {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hero_careers .section_heading:has(.btn__primary) .titel_dec {
    margin-bottom: 2.25rem
}

.m_hero_image {
    border-radius: .75rem
}

.review_system_wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2.75rem;
    overflow-x: auto
}

@media (min-width: 768px) {
    .review_system_wrapper {
        flex-direction:row
    }
}

.glassdoor_recommonded {
    max-width: 16rem;
    width: 100%
}

.values_pillars_petpooja {
    padding-bottom: 4rem;
    padding-top: 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: .75rem
}

.values_pillars_title_contents {
    margin-bottom: 4rem
}

.values_pillars_steps {
    align-items: baseline;
    display: grid;
    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 {
        gap:3.5rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .values_pillars_steps {
        gap:5rem
    }
}

.values_pillar_stepbystep {
    text-align: center
}

.values_pillar_stepbystep .values_pillar_img {
    border-radius: .75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 11.5rem;
    width: 100%
}

.values_pillar_stepbystep .values_pillar_subtitle {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.life_at_petpooja_grids_photos {
    display: grid;
    gap: 1.75rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    border-radius: .75rem;
    overflow: hidden
}

.life_at_petpooja_grids_photos .lifeat_petpooja_titelcontents {
    bottom: 1.25rem;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem;
    z-index: 1
}

.life_partof_petpooja img {
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.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-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: transparent 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 {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    inset: 0;
    position: absolute;
    z-index: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.life_at_petpooja_grids_photos .life_partof_petpooja:first-child {
    grid-column: span 1/span 1
}

@media (min-width: 768px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:first-child {
        grid-column:span 1/span 1
    }
}

@media (min-width: 1024px) {
    .life_at_petpooja_grids_photos .life_partof_petpooja:first-child {
        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 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    --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 {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .lifeatpetpooja_testimonial .lifetestimonial_swiper .swiper-wrapper .testimonial__img_content {
        padding-bottom:0
    }
}

@media (min-width: 1024px) {
    .lifeatpetpooja_testimonial .lifetestimonial_swiper .swiper-wrapper .testimonial__img_content {
        flex-wrap:nowrap;
        max-width: 48rem
    }
}

.lifetestimonial_swiper .testimonial_partner_position {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lifetestimonial_swiper .testimonial_partner_position .lifepos_partner_review {
    border-radius: 9999px;
    height: 100%;
    width: 12.5rem
}

.testimonial_partner_position .lifepos_partner_review {
    margin-bottom: 1rem
}

.testimonial_partner_position .lifepartner_title {
    font-weight: 700
}

.lifetestimonial_swiper .testimonial_clientparag,.testimonial_partner_position .lifepartner_title {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.lifetestimonial_swiper .testimonial_clientparag {
    margin-bottom: 0
}

.testimonial_partner_position .testimonial_subparagaph {
    font-size: .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:0;
        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:0;
        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: 0;
    --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 {
        flex-basis:33.333333%;
        margin-bottom: 0
    }
}

.lifetestimonial_swiper :is(.explore_pag_prev_next) :is(.swiper-button-next,.swiper-button-prev) {
    display: flex
}

.bepartod_petpoojs_contentsimg {
    align-items: center;
    display: grid;
    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: 0;
        max-width: 22.5rem
    }
}

.btn_secondary_light {
    border-radius: .25rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1.5rem;
    --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 {
    height: 1rem;
    margin-left: .75rem;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    vertical-align: sub;
    width: 1rem
}

.bepartof_titleparagrah .btn:hover .right-icon {
    margin-left: 1.25rem
}

.bepartof_titleparagrah .bepartof_title {
    margin-bottom: 1rem
}

.allposition_apply {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    row-gap: 1.25rem;
    scroll-margin-top: 6rem
}

@media (min-width: 1024px) {
    .allposition_apply {
        grid-template-columns:repeat(2,minmax(0,1fr));
        row-gap: 2.5rem
    }
}

.allposition_apply .careersposition_card {
    border-radius: .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 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    --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 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.numberof_openings {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.benefits_perks_careers {
    padding-bottom: 5rem;
    padding-top: 3.5rem
}

.benefits_titlecontent {
    margin-bottom: 5rem;
    text-align: center
}

.benefits_title {
    margin-bottom: .5rem
}

.personal_grows_benefits {
    align-items: flex-start;
    display: grid;
    gap: 2.25rem;
    justify-content: center
}

@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-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 7.5rem
}

.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 {
    align-items: flex-start;
    display: grid;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .pos_analitcs_grid {
        gap:5rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.analytics_pos_grid_img {
    aspect-ratio: 1.077;
    margin-bottom: 1.5rem
}

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

.quality_check_suppliers .wrapper .billing_software_row {
    align-items: center;
    gap: 0;
    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-bottom: 4rem;
    padding-top: 4rem
}

.title_of_vendor_category {
    margin-bottom: 6rem;
    text-align: center
}

.vendor_categories_all {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 4rem;
    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 {
    border-radius: .375rem;
    margin-bottom: .75rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

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

.verified_suppliers_title {
    margin-bottom: 6rem;
    text-align: center
}

.verified_suppliers_title .title_suppliers_verified {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem
}

@media (min-width: 768px) {
    .verified_suppliers_title .title_suppliers_verified {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.verified_counter_number_row {
    display: grid;
    gap: 2.25rem;
    place-items: start
}

@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 {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.scroll_to_top_btn {
    align-items: center;
    border-radius: .375rem;
    bottom: 2.25rem;
    cursor: pointer;
    display: none;
    height: 2.5rem;
    justify-content: center;
    position: fixed;
    right: 1.5rem;
    width: 2.5rem;
    z-index: 10;
    --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-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.scroll_to_top_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/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))
}

.privacy_policy_content {
    padding-top: 4rem
}

.privacy_policy_title {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: 2.5rem;
    text-align: center;
    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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem
}

.privacy_items {
    margin-bottom: 1.25rem
}

.content_item_privacy_div {
    display: flex;
    gap: .5rem
}

@media (min-width: 768px) {
    .content_item_privacy_div {
        gap:.75rem
    }
}

.privacy_list:not(:last-child) {
    margin-bottom: 1rem
}

.privacy_items .privacy_list .privacy-list-icon {
    background-image: url(../assets/icons/privacy_bullet.svg);
    flex-shrink: 0;
    height: 1.25rem;
    margin-top: .25rem;
    width: 1.25rem
}

.h4_privacy_policy {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: .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: .5rem
}

.h5_privacy_policy {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: .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:first-of-type {
    margin-top: .5rem
}

@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 {
        transition-delay: .2s;
        transition-duration: .15s;
        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(.4,0,.2,1);
        width: 1.5rem
    }

    .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-delay: .1s;
        transition-duration: .15s;
        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(.4,0,.2,1)
    }

    body:has(.navbar__items.active) {
        overflow-y: hidden
    }

    .navbar__items.active {
        bottom: 0;
        display: block;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 4.6875rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    @media (min-width: 1024px) {
        .navbar__items.active {
            padding-left:1.5rem;
            padding-right: 1.5rem;
            width: 100%
        }

        @media (min-width: 768px) {
            .navbar__items.active {
                max-width:768px;
                padding-left: 4rem;
                padding-right: 4rem
            }
        }

        @media (min-width: 1024px) {
            .navbar__items.active {
                max-width:1024px;
                padding-left: 4rem;
                padding-right: 4rem
            }
        }

        @media (min-width: 1280px) {
            .navbar__items.active {
                max-width:1280px;
                padding-left: 6rem;
                padding-right: 6rem
            }
        }

        @media (min-width: 1536px) {
            .navbar__items.active {
                max-width:1536px;
                padding-left: 12.5rem;
                padding-right: 12.5rem
            }
        }
    }

    .navbar__items.active {
        height: calc(100% - 13.2rem)
    }

    .navbar__items.active:before {
        inset: 0;
        position: fixed;
        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 {
        opacity: 1;
        overflow: visible;
        visibility: visible
    }

    .m_toggle.active span:first-child {
        transform: translate3d(0,.4375rem,0) rotate(45deg)
    }

    .m_toggle.active span:nth-child(2) {
        opacity: 0
    }

    .m_toggle.active span:nth-child(3) {
        transform: translate3d(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
}

.review__industry {
    padding-bottom: 6rem;
    padding-top: 6rem
}

@media (min-width: 768px) {
    .review__industry {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.review__industry .rating-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: 2.75rem;
    text-align: center;
    --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 {
    align-items: flex-start;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

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

.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-bottom: 0;
    padding-top: 0
}

@media (min-width: 1024px) {
    .wcs_wrapper {
        padding-bottom:2.5rem;
        padding-top: 2.5rem
    }
}

.landing_footer .footer_contact_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.75rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width: 768px) {
    .landing_footer .footer_contact_wrapper {
        align-items:center;
        border-top-width: 1px;
        flex-direction: row;
        gap: 2.5rem;
        justify-content: center
    }
}

.landing_footer .scheduale_row {
    gap: 0
}

@media (min-width: 768px) {
    .landing_footer .scheduale_row {
        gap:2.5rem
    }
}

.landing_footer .footer_category_name img {
    margin-right: .75rem;
    max-width: 2rem
}

.landing_footer .footer_category_name.contact-us {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

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

.landing_footer .scheduale_row .scheduale_col:first-child {
    order: 0
}

.uae-landing-wrapper .btn_landing_pg_th_ue {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media (min-width: 768px) {
    .uae-landing-wrapper .btn_landing_pg_th_ue {
        gap:1.25rem;
        justify-content: flex-start
    }
}

.btn__primary__outline {
    border-radius: .25rem;
    border-width: 1px;
    display: inline-block;
    --tw-border-opacity: 1;
    border-color: rgb(197 32 49/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .6875rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.btn__primary__outline:focus,.btn__primary__outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(165 27 41/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

.uae-landing-wrapper .btn_landing_pg_th_ue .btn {
    font-size: .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: 0
}

.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-bottom: 6rem;
    padding-top: 6rem
}

@media (min-width: 768px) {
    .uae-landing-wrapper .values_pillars_petpooja {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

@media (min-width: 1024px) {
    .uae-landing-wrapper .values_pillars_petpooja {
        padding-bottom:7.5rem;
        padding-top: 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 {
    align-items: baseline;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media (min-width: 1024px) {
    .uae-landing-wrapper .values_pillars_steps {
        gap:3.5rem
    }
}

@media (min-width: 1280px) {
    .uae-landing-wrapper .values_pillars_steps {
        gap:5rem;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

.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 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: .75rem
}

@media (min-width: 768px) {
    .uae-landing-wrapper .values_pillar_stepbystep .values_pillar_subtitle {
        font-size:1.25rem
    }
}

.uae-landing-wrapper .hero_uae {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .uae-landing-wrapper .hero_uae {
        padding-bottom:2rem;
        padding-top: 2rem
    }
}

.landing_footer {
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.landing_footer .footer_category_name {
    align-items: center;
    display: flex;
    font-weight: 500;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .uae-landing-wrapper .explore_subboxes .expboxes_img_paragh {
        flex:1 1 0%
    }
}

.landing_footer>a {
    align-items: center;
    display: flex
}

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

.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 {
    background-image: url(/assets/images/landing/thailand-hero-mobile.webp);
    background-position: bottom;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

@media (min-width: 768px) {
    .uae-landing-wrapper .thailand-hero-bg {
        background-image:url(/assets/images/landing/thailand-hero-bg-web.webp);
        background-position: 50%;
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.uae-landing-wrapper .hero_billings.thailand-hero-bg .hero__subtitle,.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-bottom: 2.5rem;
    padding-right: 0;
    padding-top: 2.5rem;
    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-bottom: 0;
        padding-right: 2.5rem;
        padding-top: 0
    }
}

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

.uae-landing-wrapper .ondc-hero.hero_uae {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .uae-landing-wrapper .ondc-hero.hero_uae {
        padding-bottom:2rem
    }
}

.ondc-hero .hero__pos_content {
    padding-right: 0
}

.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,.ondc_resturant {
    padding-top: 4rem
}

.ondc_resturant {
    --tw-bg-opacity: 1;
    background-color: rgb(233 244 255/var(--tw-bg-opacity));
    padding-bottom: 4rem
}

.ondc_resturant .ondc_res_title {
    margin-bottom: .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 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: .5rem
}

.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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .ondc_webinar_heading .ondc_webinar_head {
        font-size:2rem;
        line-height: 2.5rem;
        margin-bottom: 0
    }
}

.h2_ondc_ld {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem
}

@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:0;
        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-left:2.5rem;
        padding-right: 0
    }

    .uae-arabic_wrapper .hero__pos_img img {
        margin-left: 0;
        margin-right: auto
    }

    .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_index_features .pos_featuerssteps:nth-child(odd),.smartpos_indexbg {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.smartpos_indexbg.billibg_pos>.wrapper>.section_heading {
    padding-bottom: 0
}

.billibg_pos.smartpos_indexbg {
    padding-top: 6rem
}

.pos_featuerssteps .multi_billing_contents:last-child {
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .pos_featuerssteps .multi_billing_contents:last-child {
        padding-bottom:2rem
    }
}

@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: .375rem
}

.landingindex_ul_items.navbar__items li:nth-child(5) {
    margin-left: 0
}

@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-bottom: 2rem;
    padding-top: 5rem
}

.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 {
        grid-column:span 2/span 2;
        order: 0
    }

    .footer_landingindex .footer_grid_col:last-child {
        border-left-width: 2px;
        grid-column: span 1/span 1;
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219/var(--tw-border-opacity));
        padding-bottom: 1.25rem;
        padding-left: 4rem;
        padding-top: 1.25rem
    }
}

.footer_landingindex .footer_copyright {
    text-align: left
}

.footer_landingindex .footer_contact_wrapper {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.quick_wrapper_salp .multibilling_subparagraph {
    margin-bottom: 2.5rem
}

.easytouse_billing_soft_wrapper {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 2rem
}

.quicksoft_cols {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .quicksoft_cols {
        align-items:flex-start;
        flex-direction: row
    }
}

.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 {
    flex-basis: 8rem;
    margin-right: 0
}

@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 {
    gap: 1.75rem;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .south_africa_explore_slider.explore_addons_slider .swiper-wrapper {
        gap:0;
        justify-content: flex-start
    }
}

.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 {
    align-items: center;
    display: grid;
    gap: 4rem
}

@media (min-width: 1024px) {
    .row_comegrow_partner_sar {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.comegrow_span {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.comegrow_title {
    margin-bottom: 1.5rem
}

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

.reseller_partners_sar {
    border-radius: .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 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    --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 {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .25rem;
    display: block;
    height: .3125rem;
    margin-top: .5rem;
    width: 100%;
    --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: 0
}

.reseller_southafrica_features {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.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 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .25rem;
    --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))
}

.hero__pos_img .payroll_logo,.payroll_logo {
    margin-bottom: 1.75rem;
    max-width: 9.5rem
}

@media (min-width: 768px) {
    .hero__pos_img .payroll_logo,.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: 0;
    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:0
    }
}

.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-bottom:5rem;
        padding-top: 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 {
    align-items: center;
    display: grid
}

@media (min-width: 1024px) {
    .nextgenstaff_img_content {
        gap:4rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.nextgenstaff_img {
    padding-bottom: 2.5rem
}

@media (min-width: 1024px) {
    .nextgenstaff_img {
        grid-column:span 2/span 2;
        padding-bottom: 0
    }
}

.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 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem
}

@media (min-width: 768px) {
    .builtsms_india_wrapper .builtall_features {
        gap:2.5rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.builtsms_india_wrapper .built_feature_steps {
    border-radius: .625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 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: 3rem 1.5rem
    }
}

.builtsms_india_wrapper.stressfree_wrapper .built_feature_steps.streesfree_features {
    border-radius: 1.875rem;
    padding: 3rem 1.5rem
}

.builtsms_india_wrapper .built_feature_steps .m-icon {
    background-size: contain;
    height: 2.5rem;
    margin-bottom: .75rem;
    width: 2.5rem
}

@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: .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-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 43.75rem
}

.builtsms_india_wrapper .builtall_features.streesfree_features {
    grid-template-columns: repeat(1,minmax(0,1fr));
    max-width: 100%
}

@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 {
    font-weight: 500;
    margin-bottom: .625rem
}

.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 {
        gap:0;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.seamlesshardware_content .nextgenstaff_img {
    grid-column: span 1/span 1
}

.seamlesshardware_content .h2_pos {
    font-weight: 600;
    margin-bottom: .5rem
}

.seamlesshardware_content .nextgenstaff_content .paragh_payroll_blk {
    margin-bottom: .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 {
    display: inline-block;
    margin-bottom: 1.5rem
}

.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: 0;
    --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_wrapper.about_hero>.wrapper>.section_heading {
    margin-bottom: 3.5rem
}

.doumnets_link_ci {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: .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(197 32 49/var(--tw-text-opacity))
}

.lbl_title_text {
    align-items: center;
    display: inline-flex
}

.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-bottom:0;
        padding-top: 0
    }

    .payroll_hospital_hero .hero__pos_content {
        flex-shrink: 0
    }
}

@media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_content {
        padding-bottom:3.5rem;
        padding-top: 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:0
    }
}

@media (min-width: 1024px) {
    .payroll_hospital_hero .hero__pos_img {
        flex-shrink:0;
        margin-left: 1.875rem;
        margin-top: -6.25rem
    }
}

@media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_img {
        margin-left:0;
        margin-top: 0
    }
}

.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 {
        border-radius:9999px;
        height: 40.625rem;
        max-width: 40.625rem
    }
}

@media (min-width: 1536px) {
    .payroll_hospital_hero .hero__pos_img>img {
        aspect-ratio:1/1;
        height: auto;
        max-width: 35.375rem
    }
}

.rbs__logo {
    display: block;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width: 768px) {
    .rbs__logo {
        padding-bottom:2rem;
        padding-top: 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: 0
    }
}

.rbs-contain-col:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbs-contain-col:last-child {
    margin-left: 0
}

@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 {
    font-family: Poppins;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
    --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 {
    font-family: Poppins;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.rbs-contain-col .scheduale_form_titel {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem
}

.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;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.rbs_box_wrapper {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 1.75rem
}

.rbs_box_wrapper p {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1394rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.rbs-raiting {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 768px) {
    .rbs-raiting {
        width:65%
    }
}

.rbs-raiting-wrap {
    align-items: center;
    display: flex;
    gap: 5px
}

.rbs-raiting-contain {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --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-bottom: 2rem;
    padding-top: 2rem
}

.rbs-services-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    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;
    font-weight: 700;
    line-height: 1.75rem;
    --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;
    gap: 4rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .rbs_counter .counter_customer_process {
        gap:2.25rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@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 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .75rem;
    --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 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: center;
    --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_contents,.rbs_counter .counter_wrapper {
    justify-content: center
}

.rbs_billing-process {
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217/var(--tw-bg-opacity));
    padding-bottom: 6rem;
    padding-top: 6rem
}

.rbs_bp_title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 3.5rem;
    text-align: center;
    --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 {
    -moz-column-gap: 7rem;
    column-gap: 7rem;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    row-gap: 4rem
}

@media (min-width: 768px) {
    .rbs_bp_wrapper {
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width: 85%
    }
}

.rbs_bp-col img {
    height: 6.375rem;
    margin: auto;
    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 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    --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;
    font-weight: 500;
    line-height: 1.75rem;
    --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 {
    border-radius: .375rem;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .75rem 2rem;
    --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: .9
}

.rbs_tusted_title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(128 128 128/var(--tw-text-opacity))
}

.rbs_restaurant .brand-logo-wrapper {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.rbs_over_title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    text-align: center;
    --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 {
    border-radius: .375rem;
    border-width: 1px;
    display: inline-block;
    --tw-border-opacity: 1;
    border-color: rgb(112 112 112/var(--tw-border-opacity));
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .75rem 2rem;
    --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
}

.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 {
        align-items:center;
        display: flex;
        width: 49%
    }
}

@media (min-width: 1280px) {
    .hr_mg_bg {
        width:45%
    }
}

.rbs-contain-col.hr_mr_width {
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .rbs-contain-col.hr_mr_width {
        width:685px
    }
}

@media (min-width: 1024px) {
    .rbs-contain-col.hr_mr_width {
        margin-left:0;
        margin-right: 0;
        padding: 2rem 0 2rem 2rem;
        width: 440px
    }
}

@media (min-width: 1280px) {
    .rbs-contain-col.hr_mr_width {
        padding-bottom:3rem;
        padding-left: 3rem;
        padding-top: 3rem;
        width: 477px
    }
}

.rbs-contain-col.hr_ml_width {
    padding: 2rem 1.5rem 0;
    width: 100%
}

@media (min-width: 1024px) {
    .rbs-contain-col.hr_ml_width {
        padding:2rem 2rem 2rem 0;
        width: 51%
    }
}

@media (min-width: 1280px) {
    .rbs-contain-col.hr_ml_width {
        padding-bottom:3rem;
        padding-right: 3rem;
        padding-top: 3rem;
        width: 55%
    }
}

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

.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-bottom: 2rem;
    padding-top: 0
}

.counter_number_title.hr_ctr_nbr_tl,.counter_number_title_icon.hr_ctr_nbr_tl {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.rbs-btn.hr_rbs_btn {
    background-color: rgb(197 32 49/var(--tw-bg-opacity))
}

.rbs-btn.hr_rbs_btn,.rbs_over_btn.hr_rbs_over {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.rbs_over_btn.hr_rbs_over {
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.rbs_over_btn.hr_rbs_over:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

.tursted_sigapure {
    --tw-text-opacity: 1;
    color: rgb(197 32 49/var(--tw-text-opacity))
}

.tursted_sigapure_paragh {
    font-family: Poppins
}

.uae-landing-wrapper .sigapure-hero-bg {
    background-image: url(/assets/images/singapore-malaysia/singapore-banner_mobile.webp);
    background-position: bottom;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

@media (min-width: 768px) {
    .uae-landing-wrapper .sigapure-hero-bg {
        background-image:url(/assets/images/singapore-malaysia/singapore-banner.webp);
        background-position: 50%;
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.exlore_addons_title br,.titel_name br {
    display: none
}

@media (min-width: 1024px) {
    .exlore_addons_title br,.titel_name br {
        display:block
    }
}

.bil_s__logo img {
    width: 8rem
}

@media (min-width: 768px) {
    .bil_s__logo img {
        width:9rem
    }
}

.bil_s__logo {
    display: inline-block;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 0
}

.bil_hero_wrapper .hero__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    --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;
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

@media (min-width: 1024px) {
    .bil_hero_wrapper .hero__pos_contents_img {
        padding-bottom:1.5rem
    }
}

.bil_hero_wrapper .hero__pos_content {
    padding-bottom: 0;
    padding-top: 0;
    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-left: 0;
        padding-right: 5rem
    }

    .billing_row_complete .billing_col:first-child {
        order: 2;
        padding-left: 0
    }
}

.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 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
    --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_dec,.sfd_more_with_pp .titel_name {
    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 .more_with_pp_dec,.sfd_more_with_pp .more_with_pp_col:hover .more_with_pp_dec,.sfd_more_with_pp .more_with_pp_col:hover .more_woith_pp_titel {
    --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 {
    font-weight: 700;
    margin-bottom: 1.25rem
}

.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 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 2rem;
    --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 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(197 33 49/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .sfd_take_demo_title h4 {
        font-size:2rem;
        line-height: 2.5rem;
        margin-bottom: 5rem
    }
}

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

.sfd_test_bottom_wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    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;
    font-weight: 400;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.sfd_more_with_pp>.wrapper>.section_heading {
    padding-bottom: 0
}

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

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

@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-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .lf_feedback_contains_sect {
        padding-bottom:6.5rem;
        padding-top: 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 {
        font-size:1.25rem;
        line-height: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.lf_res_feedback {
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .lf_res_feedback {
        padding-bottom:6.5rem;
        padding-top: 6.5rem
    }
}

.lf_res_feedback_title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    text-align: center;
    --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 {
        font-size:2rem;
        line-height: 3rem;
        margin-bottom: 5rem
    }
}

.lf_restaurant_wraooer {
    display: grid;
    gap: 1.5rem
}

@media (min-width: 768px) {
    .lf_restaurant_wraooer {
        gap:3rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.lf_restaurant_col {
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 217/var(--tw-bg-opacity));
    font-size: 1.375rem;
    font-weight: 500;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .lf_restaurant_col {
        padding-bottom:2rem;
        padding-top: 2rem
    }
}

.lf_restaurant_col {
    box-shadow: 0 5px 6px #9f9c9c
}

.lf_take_feedback {
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .lf_take_feedback {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.lf_take_feedback {
    box-shadow: 0 -12px 30px #ccccccba
}

.lf_look__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 2.25rem;
    --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;
    gap: 1.25rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@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 {
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    position: relative
}

.lf_take_list_col p:before {
    border-radius: 9999px;
    height: .625rem;
    left: 0;
    position: absolute;
    top: .5625rem;
    width: .625rem;
    --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:.9375rem
    }
}

.lf_automate_section {
    --tw-bg-opacity: 1;
    background-color: rgb(254 247 249/var(--tw-bg-opacity));
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .lf_automate_section {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.lf_automate_contains {
    text-align: center
}

.lf_automate_text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .5rem;
    --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-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 768px) {
    .fdl_take_demo {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.fdb_testimonial .testimonial_img img {
    border-radius: 0
}

.lf_feedback_form .rbs-contain-col .scheduale_form_dec {
    font-size: .875rem;
    line-height: 1.25rem
}

.lf_feedback_form .rbs-contain-col .scheduale_form_titel {
    font-size: 1.5625rem
}

.payroll-hero-bg {
    background-image: linear-gradient(113.91deg,#4aa9e3 -2.93%,#047ec9 109.75%);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.cta-button {
    border-radius: .5rem;
    display: inline-block;
    margin-bottom: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-weight: 500;
    padding: .625rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(52 152 219/var(--tw-text-opacity));
    text-decoration-line: none
}

.tab-line {
    height: .125rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity));
    transition-duration: .15s;
    transition-duration: .5s;
    transition-property: #4b5563;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    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)
}

.makes-special-wrap {
    background: linear-gradient(123.41deg,#12415d 3.51%,#0b2332)
}

.left-to-right,.right-to-left {
    animation: scroll 25s 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
}

.mobile-features {
    scroll-behavior: smooth
}

.sme-box {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 6rem;
    min-width: 13rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 1024px) {
    .sme-box {
        min-width:18rem
    }
}

.right-to-left .sme-box {
    padding-left: 1rem
}

.section-title-new {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

@media (min-width: 768px) {
    .section-title-new {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1024px) {
    .section-title-new {
        font-size:2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1280px) {
    .section-title-new {
        font-size:54px;
        line-height: 1.25
    }
}

.section-subtitle-new {
    font-size: .875rem;
    line-height: 1.25rem
}

@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-form-subtitle {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center
}

@media (min-width: 768px) {
    .payroll-form-subtitle {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    .payroll-form-subtitle {
        text-align:left
    }
}

@media (min-width: 1280px) {
    .payroll-form-subtitle {
        font-size:1.125rem;
        line-height: 1.75rem;
        line-height: 1.25
    }
}

.payroll-tabin-wrapper {
    display: flex;
    justify-content: center
}

.payroll-tabin-btn-wrapper {
    border-radius: 9999px;
    display: flex;
    overflow: hidden;
    --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));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1.5rem;
    --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
}

.btn__blue_payroll,.payroll-tabin-wrapper-btn.active {
    --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 {
    border-radius: .5rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem 1.5rem
}

.btn__blue_payroll:focus,.btn__blue_payroll:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 137 222/var(--tw-bg-opacity))
}

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

@media (min-width: 768px) {
    .btn__blue_payroll {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 1024px) {
    .btn__blue_payroll {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.payroll-trusted-client .slider {
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .payroll-trusted-client .slider {
        margin-top:0
    }
}

.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 {
    background-image: url(../assets/images/payroll/plus.svg);
    flex-shrink: 0;
    margin-left: auto
}

.payrollfaq .accordion_body.active .accordion_head .m-icon {
    background-image: url(../assets/images/payroll/minus.svg)
}

.effort-operation-wrapper .mt-10 img,.usps-wrapper img.mb-8 {
    max-height: calc(100vh - 100px)
}

.payrollfaq .accordion_body {
    border-width: 0;
    box-shadow: 3px 2px 4px 0 #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 {
    --tw-border-opacity: 1;
    border-bottom: 1px rgb(236 233 228/var(--tw-border-opacity));
    border-style: solid
}

.pricing-feature-col {
    align-items: center;
    display: flex;
    min-height: 55px;
    padding-left: 1rem;
    text-align: left
}

@media (min-width: 1280px) {
    .pricing-feature-col {
        min-height:50px
    }
}

.btn__primary_new {
    border-radius: .5rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(197 32 49/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn__primary_new:focus,.btn__primary_new:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 27 41/var(--tw-bg-opacity))
}

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

.btn__primary_new_outline {
    border-radius: .5rem;
    border-width: 1px;
    display: inline-block;
    --tw-border-opacity: 1;
    border-color: #4a274f;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem 1.5rem;
    --tw-text-opacity: 1;
    color: #4a274f
}

.btn__primary_new_outline:focus,.btn__primary_new_outline:hover {
    border-color: #4a274f;
    background-color: #4a274f;
    color:#ffffff;

} 

/* .btn__primary_new_outline:focus {
    outline: 2px solid #4a274f;
    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: 0
}

.retails-bg {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #172688 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(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 {
    border-radius: .5rem;
    border-style: none;
    border-width: 1px;
    display: inline-block;
    --tw-bg-opacity: 1;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn__blue_retail,.btn__blue_retail:hover {
    background-color: rgb(46 83 145/var(--tw-bg-opacity))
}

.btn__blue_retail:hover {
    --tw-bg-opacity: 1
}

.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: 0 2px 70.7px 0 #1428493b
}

.success-card {
    border-radius: 1rem;
    border-width: 1px;
    margin-bottom: 0;
    min-width: 150px;
    --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: 1rem .5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .success-card {
        margin-bottom:1rem;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

@media (min-width: 1536px) {
    .success-card {
        min-height:200px;
        min-width: 190px
    }
}

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

    to {
        transform: translateY(-100%)
    }
}

.scroll-content {
    animation: scroll-vertical 30s linear infinite;
    display: flex;
    flex-direction: column
}

.scroll-content-reverse {
    animation: scroll-vertical 30s linear infinite alternate-reverse;
    display: flex;
    flex-direction: column
}

.scroll-up {
    animation: scroll-up 30s linear infinite;
    display: flex;
    flex-direction: column
}

.scroll-up>* {
    flex-shrink: 0
}

.scroll-up:after {
    content: "";
    display: block;
    height: 100%
}

.scroll-down {
    animation: scroll-down 30s linear infinite;
    display: flex;
    flex-direction: column
}

.scroll-down>* {
    flex-shrink: 0
}

.scroll-down:after {
    content: "";
    display: block;
    height: 100%
}

@keyframes scroll-up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

@keyframes scroll-down {
    0% {
        transform: translateY(-50%)
    }

    to {
        transform: translateY(0)
    }
}

[id$=-list] {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

@media (min-width: 768px) {
    [id$=-list] {
        max-height:none!important;
        overflow: visible
    }
}

.glow-effect {
    background: linear-gradient(90deg,#fff,#101c28);
    filter: blur(193.9px)
}

#loans-advances-list {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important
}

.retail-box-shadow {
    min-height: 400px
}

.smart-invoice-wrap .container.hero-container {
    padding-right: 0
}

.sme-box {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 6rem;
    width: 18rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

@media (max-width: 1024px) {
    .sme-box {
        height:60px;
        min-width: 13rem
    }
}

.sme-box {
    box-shadow: 3px 5px 20px 0 #1213151c
}

.right-to-left .sme-box {
    padding-left: 1rem
}

.trustedrestaurants_slider.sme-box-a {
    padding-bottom: 6rem
}

.new_homepage .accordion-content.active {
    max-height: 300px
}

.new_homepage .chevron-icon.active {
    --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))
}

.new_homepage .solutions-container {
    display: flex;
    gap: 2rem;
    margin: 0 auto;
    max-width: 1200px
}

.new_homepage .solutions-list {
    border-radius: .5rem;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-shadow: 0 4px 6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 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)
}

.new_homepage .solution-item {
    border-bottom: 1px rgba(75,89,100,.23);
    border-style: solid;
    cursor: pointer;
    position: relative;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: ease
}

.new_homepage .solution-item:hover {
    --tw-translate-y: -0.625rem;
    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))
}

.new_homepage .solution-title {
    margin-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: ease
}

.new_homepage.solution-item:hover .solution-description {
    max-height: 200px;
    --tw-translate-y: 0px;
    opacity: 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))
}

.new_homepage .sliders {
    border-radius: 8px;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    width: 100%
}

.new_homepage .slide-tracks {
    align-items: center;
    animation: scroll 40s linear infinite;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.new_homepage .slides {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 80px;
    justify-content: center;
    min-width: 160px;
    padding: 0 15px;
    width: 160px
}

.new_homepage .slides img {
    max-height: 60px;
    max-width: 120px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .3s ease
}

.new_homepage .slides:hover img {
    opacity: 1;
    transform: scale(1.05)
}

@media (max-width: 768px) {
    .new_homepage .slides {
        min-width:120px;
        padding: 0 10px;
        width: 120px
    }

    .new_homepage .slides img {
        max-height: 50px;
        max-width: 100px
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(-1440px)
        }
    }

    .new_homepage .slide-tracks {
        animation-duration: 35s
    }
}

@media (max-width: 480px) {
    .new_homepage .slides {
        min-width:100px;
        padding: 0 8px;
        width: 100px
    }

    .new_homepage .slides img {
        max-height: 45px;
        max-width: 80px
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(-1200px)
        }
    }

    .new_homepage .slide-tracks {
        animation-duration: 30s
    }
}

@keyframes arrowMove {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    50% {
        opacity: 1;
        transform: translateX(8px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated-arrow {
    animation: arrowMove 1s ease-in-out infinite;
    color: #ff3e6c;
    display: inline-block;
    font-size: 16px
}

.home-hero-bg-color {
    background-image: linear-gradient(144deg,#09151f -1.3%,#0d2234 89.5%);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    --tw-shadow: 0px 9px 19.2px 0px #24141424;
    --tw-shadow-colored: 0px 9px 19.2px 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)
}

.hero-title {
    font-size: clamp(2rem,4vw + 1rem,4.25rem);
    line-height: 1.15
}

@keyframes swipeHint {
    0%,to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(10px)
    }
}

.scroll-hint-gradient {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8));
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 5
}

.scroll-hint-icon {
    align-items: center;
    animation: swipeHint 1.5s infinite;
    background-color: hsla(0,0%,100%,.9);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    z-index: 6
}

.user-scrolled .scroll-hint-gradient,.user-scrolled .scroll-hint-icon {
    display: none
}

.my-main-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%
}

@media (min-width: 768px) {
    .my-main-container {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width: 1280px) {
    .my-main-container {
        padding-left:5rem;
        padding-right: 5rem
    }
}

@media (min-width: 1536px) {
    .my-main-container {
        padding-left:7rem;
        padding-right: 7rem
    }
}

.hero-font {
    font-size: clamp(32px,calc(22.8px + 2.875vw),78px)
}

.hero-font-2 {
    font-size: clamp(24px,calc(14.4px + 3vw),72px)
}

.hero-small-h-font {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .hero-small-h-font {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1024px) {
    .hero-small-h-font {
        font-size:2.25rem;
        line-height: 2.5rem
    }
}

.hero-h-font {
    font-size: 32px
}

.hero-p-font {
    font-size: clamp(12px,calc(9.2px + .875vw),26px)
}

.strengths-font {
    font-size: clamp(20px,calc(15.6px + 1.375vw),42px);
    margin-bottom: 10px
}

.simplify-h-font {
    font-size: clamp(26px,calc(21.6px + 1.375vw),48px)
}

.simplify-p-font {
    font-size: clamp(16px,calc(13.6px + .75vw),28px);
    line-height: 1.25rem
}

.strengths-p-font {
    font-size: clamp(14px,calc(12px + .625vw),24px)
}

.strength-bullets {
    font-size: clamp(14px,calc(12.4px + .5vw),22px);
    line-height: 1.25rem
}

.strength-bullets-point {
    max-width: 6px;
    width: 100%
}

.hero-title-width {
    max-width: 320px
}

.section-head-title {
    font-size: clamp(24px,calc(14.8px + 2.875vw),70px)
}

.section-head-p {
    font-size: clamp(12px,calc(9.6px + .75vw),24px);
    max-width: 600px
}

.section-head-top {
    font-size: clamp(11px,calc(9.8px + .375vw),17px);
    letter-spacing: .4px
}

.feature-h {
    font-size: clamp(18px,calc(15.2px + .875vw),32px);
    line-height: 1
}

.feature-p {
    font-size: clamp(12px,calc(10.8px + .375vw),18px)
}

.templates-width {
    max-width: 350px
}

.problem-h {
    font-size: clamp(14px,calc(11.6px + .75vw),26px);
    line-height: 1.25rem
}

.problem-p {
    font-size: clamp(11px,calc(9.4px + .5vw),20px)
}

.problem-img {
    max-width: clamp(50px,calc(44px + 1.875vw),80px)
}

.footer-logo-width {
    max-width: clamp(110px,calc(100px + 3.125vw),160px)
}

.payroll-logo-width {
    width: clamp(135px,calc(118px + 5.3125vw),220px)
}

.payroll-form-title {
    font-size: clamp(22px,calc(16.4px + 1.75vw),53px)
}

.payroll-trusted-by {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .payroll-trusted-by {
        font-size:1.5rem;
        line-height: 2rem
    }
}

@media (min-width: 1024px) {
    .payroll-trusted-by {
        font-size:1.75rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .payroll-trusted-by {
        font-size:34px
    }
}

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

@media (min-width: 1024px) {
    .payroll-features-tab-h {
        font-size:1.75rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .payroll-features-tab-h {
        font-size:2rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1024px) {
    .payroll-features-tab-p {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.feature-tick-mark-img {
    max-width: 1.75rem
}

.operation-tick-mark-img {
    margin-top: .25rem;
    max-width: 1.5rem
}

.feature-tick-mark-li {
    font-size: 1rem;
    line-height: 1.5rem
}

.payroll-features-img {
    max-width: clamp(500px,calc(288.88889px + 16.49306vw),690px)
}

.our-usps-card-h {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .our-usps-card-h {
        font-size:1.5rem;
        line-height: 2rem
    }
}

@media (min-width: 1024px) {
    .our-usps-card-h {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .our-usps-card-h {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.our-usps-card-p {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 768px) {
    .our-usps-card-p {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    .our-usps-card-p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.makes-special-card-p {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 1024px) {
    .makes-special-card-p {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1280px) {
    .makes-special-card-p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.operation-tick-mark-p {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 1024px) {
    .operation-tick-mark-p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    .operation-tick-mark-p {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.automate-device-h {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 1024px) {
    .automate-device-h {
        font-size:3rem;
        line-height: 1
    }
}

@media (min-width: 1280px) {
    .automate-device-h {
        font-size:3.75rem;
        line-height: 1
    }
}

.payroll-slider {
    height: auto;
    margin-top: 2.5rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.effort-operation-wrapper .payroll-slider img {
    max-height: calc(100vh - 100px)
}

@media (min-width: 1024px) {
    .payroll-slider {
        margin-top:0
    }
}

.payroll-sme-slider {
    margin: 4px;
    max-width: clamp(39px,calc(32px + 2.1875vw),74px);
    width: 100%
}

.makes-special-img {
    max-width: clamp(72px,calc(64.4px + 2.375vw),110px);
    width: 100%
}

.automate-device-img {
    max-width: clamp(263px,calc(225.6px + 11.6875vw),450px);
    width: 100%
}

.invoice-hero-h {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 768px) {
    .invoice-hero-h {
        font-size:2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1024px) {
    .invoice-hero-h {
        font-size:3rem;
        line-height: 1
    }
}

@media (min-width: 1280px) {
    .invoice-hero-h {
        font-size:62px
    }
}

.invoice-hero-p {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width: 768px) {
    .invoice-hero-p {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 1024px) {
    .invoice-hero-p {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1280px) {
    .invoice-hero-p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.escalation_matrix-p {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 1024px) {
    .escalation_matrix-p {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.escalation_matrix-table-font {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width: 1024px) {
    .escalation_matrix-table-font {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.escalation_matrix-table-h {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 1024px) {
    .escalation_matrix-table-h {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.meeting-diverse-min-h {
    min-height: 400px
}

@media (min-width: 768px) {
    .hero-title-width,.templates-width {
        max-width:460px
    }

    .strength-images {
        max-width: clamp(360px,calc(292px + 21.25vw),700px)
    }

    .hero-h-font {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .invoice-hero-img {
        max-width: 550px
    }
}

@media (min-width: 1025px) {
    .problem-h {
        line-height:1.5rem
    }

    .strengths-font {
        margin-bottom: 12px
    }

    .strength-bullets-point {
        max-width: 8px;
        width: 100%
    }

    .invoice-hero-img {
        max-width: 600px
    }

    .hero-h-font {
        font-size: 3rem;
        line-height: 1
    }
}

@media (min-width: 1281px) {
    .strengths-font {
        margin-bottom:16px
    }

    .problem-h {
        line-height: 1.75rem
    }

    .dependent-img {
        max-width: 335px;
        width: 100%
    }

    .reduced-img {
        max-width: 260px;
        width: 100%
    }

    .section-head-p {
        max-width: 600px
    }

    .hero-h-font {
        font-size: 3.75rem;
        line-height: 1
    }

    .feature_simple_img {
        max-width: 100px;
        width: 100%
    }
}

@media (min-width: 1537px) {
    .hero-title-width {
        max-width:550px
    }

    .templates-width {
        max-width: 560px
    }

    .strengths-font {
        margin-bottom: 20px
    }

    .dependent-img {
        max-width: 447px;
        width: 100%
    }

    .reduced-img {
        max-width: 300px;
        width: 100%
    }

    .section-head-p {
        max-width: 768px
    }

    .strength-bullets-point {
        max-width: 12px;
        width: 100%
    }

    .section-title-new {
        font-size: 72px
    }

    .section-subtitle-new {
        font-size: 24px
    }

    .payroll-trusted-by {
        font-size: 45px
    }

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

    .payroll-features-tab-h {
        font-size: 42px
    }

    .payroll-features-tab-p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .feature-tick-mark-img {
        max-width: 38px
    }

    .feature-tick-mark-li {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .our-usps-card-h {
        font-size: 42px;
        line-height: 1.25
    }

    .our-usps-card-p {
        font-size: 22px;
        line-height: 1.25
    }

    .makes-special-card-p {
        font-size: 24px
    }

    .payroll-tabin-wrapper-btn {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .operation-tick-mark-img {
        max-width: 2rem
    }

    .operation-tick-mark-p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .automate-device-h {
        font-size: 4.5rem;
        line-height: 1
    }

    .invoice-hero-img {
        max-width: 700px
    }

    .hero-h-font {
        font-size: 4.5rem;
        line-height: 1
    }

    .hero-small-h-font {
        font-size: 3rem;
        line-height: 1
    }

    .invoice-hero-h {
        font-size: 82px
    }

    .escalation_matrix-p,.invoice-hero-p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .escalation_matrix-table-font {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .escalation_matrix-table-h {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .uae-landing-wrapper .btn_landing_pg_th_ue .btn {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .feature_simple_img {
        max-width: 120px;
        width: 100%
    }

    .meeting-diverse-min-h {
        min-height: 460px
    }
}

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

.hr_task_hero .hero__pos_contents_img,.section_spacing_yh {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

@media (min-width: 1024px) {
    .hr_task_hero .hero__pos_contents_img,.section_spacing_yh {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

.hr_mng_df {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem;
    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 {
    align-items: center;
    display: flex;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-left: 3rem;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    --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 {
    background-image: url(/assets/images/task/list.webp);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 2rem;
    left: 0;
    position: absolute;
    width: 2rem;
    --tw-content: "";
    content: var(--tw-content)
}

.hr_mng_ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .hr_mng_ul li {
        margin-bottom:3rem
    }
}

.hr_mng_ul.hr_ul_center li {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
}

.hr_mng_grd {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

@media (min-width: 1280px) {
    .hr_mng_grd {
        gap:0;
        grid-template-columns: repeat(7,minmax(0,1fr));
        margin-bottom: -5.25rem
    }
}

.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 {
    grid-column: span 12/span 12;
    order: 1;
    padding-top: 1.875rem
}

@media (min-width: 768px) {
    .hr_ul_ft {
        grid-column:span 6/span 6
    }
}

@media (min-width: 1280px) {
    .hr_ul_ft {
        grid-column:span 2/span 2;
        order: 0
    }
}

.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 {
    border-radius: 0;
    gap: 1rem;
    overflow: auto
}

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

.hr_bottom_ovlt:after {
    bottom: 0;
    height: 37px;
    position: absolute;
    width: 100%;
    --tw-content: "";
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.11));
    content: var(--tw-content)
}

.hr_bottom_ovlt .get_errorfree_title_content,.hr_rng_section .get_errorfree_title_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    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;
    max-width: 31.25rem;
    width: 100%
}

.hr_rng_section .say_good_step-note {
    margin-bottom: 1rem
}

.hr_bottom_ovlt .h2_pos,.hr_mng_sc .h2_pos,.hr_rng_section .get_errorfree_title_content .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-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    width: 100%
}

.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 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: 2rem;
    text-align: center;
    --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: 0
}

.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;
    max-width: 62.5rem;
    width: 100%
}

.hero-task-bg {
    background: linear-gradient(97.85deg,#0b130c,#0a1f0d)
}

@media (min-width: 1024px) {
    .task-form-shadow {
        box-shadow:0 2px 70.7px 0 #41381738
    }

    .invoice-form-shadow {
        box-shadow: 0 2px 70.7px 0 #14184924
    }
}

.simplify-shadow {
    box-shadow: 0 0 53.5px 20px #0e2e411f
}

.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(165 27 41/var(--tw-text-opacity))
}

.hr_rw_gr_title {
    color: inherit!important;
    font-weight: 700
}

.hr_billing_pos_sc .billing_titel {
    max-width: 20.5rem
}

.hr_fw_lhgt {
    color: #00000094!important;
    font-weight: 400
}

.hr_txt_dcr {
    text-decoration-color: #df5664;
    text-decoration-line: line-through;
    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: 0
}

.hr_blg_unlst {
    list-style-type: disc;
    margin-left: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.hr_blg_unlst li {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .5rem
}

.hr_blg_unlst li:last-child {
    padding-bottom: 0
}

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

.hr_billing_pos_sc .billing_row .billing_col {
    position: static
}

@media (min-width: 1024px) {
    .hr_billing_pos_sc .billing_row:nth-of-type(2n) .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: 0
}

.hr_outlets .scheduale_form_titel {
    margin-bottom: 1rem;
    text-align: center;
    text-decoration-color: #df5664;
    text-decoration-line: underline;
    text-decoration-thickness: .1875rem;
    text-underline-offset: .875rem
}

.hr_outlts_sc .billing_details {
    margin-left: auto;
    margin-right: auto;
    max-width: 28.125rem;
    text-align: center
}

.hr_outlet_grd {
    align-items: stretch;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    justify-content: center
}

@media (min-width: 768px) {
    .hr_outlet_grd {
        gap:2rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@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 {
    align-items: center;
    border-radius: .75rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    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-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.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 {
    align-items: stretch;
    border-radius: 9999px;
    display: flex;
    gap: .5rem;
    grid-template-columns: repeat(4,minmax(0,1fr));
    justify-content: flex-start;
    list-style-type: none;
    margin-bottom: 1.25rem;
    overflow-y: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity));
    padding: .5rem;
    text-align: center
}

@media (min-width: 768px) {
    .hr_tabs {
        display:grid;
        justify-content: center;
        margin-bottom: 1.75rem
    }
}

.hr_tab {
    border-radius: 9999px;
    cursor: pointer;
    font-weight: 500;
    padding: .75rem
}

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

.hr_tab.active,.hr_tab.active:hover {
    background-color: rgb(58 58 58/var(--tw-bg-opacity))
}

.hr_tab.active:hover {
    --tw-bg-opacity: 1
}

.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;
    font-weight: 500;
    line-height: 3.75rem;
    --tw-text-opacity: 1;
    color: rgb(195 233 255/var(--tw-text-opacity))
}

.hr_tbs_first .trusted_paragh {
    margin-bottom: 0;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

.hr_tbs_tlt {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(89 117 152/var(--tw-text-opacity))
}

.hr_hppy_clt_hdg {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    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-bottom: 0;
    padding-top: 0
}

@media (min-width: 768px) {
    .hr_hppy_clt_sc.section_spacing_y {
        padding-bottom:4rem;
        padding-top: 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-bottom: 2.5rem;
    padding-top: 2.5rem
}

.hr_blaze_flmain {
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

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

.hr_hppy_cltbg .blaze-pagination {
    display: flex;
    gap: .625rem;
    justify-content: center;
    margin-top: 1.5rem
}

.hr_hppy_cltbg .blaze-pagination button {
    background: #e1e3e6;
    border-color: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 1rem;
    outline: 0;
    transition-delay: .3s;
    transition-duration: .15s;
    transition-duration: .2s,background-color;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 1rem
}

.hr_hppy_cltbg .blaze-pagination button.active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    background: #4a274f;
    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_hppy_cltbg .blaze-slider.end .blaze-next,.hr_hppy_cltbg .blaze-slider.start .blaze-prev {
    cursor: not-allowed;
    opacity: .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;
    gap: var(--slide-gap);
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    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;
    flex-shrink: 0;
    width: var(--slide-width)
}

.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 {
    border-bottom: .75rem solid transparent;
    border-left-style: solid;
    border-right: .75rem solid rgb(113 108 109/var(--tw-border-opacity));
    border-top: .75rem solid transparent;
    left: -2.5rem
}

.blaze-next.btn_pre_nxt,.blaze-prev.btn_pre_nxt {
    height: .75rem;
    width: .75rem;
    --tw-border-opacity: 1
}

.blaze-next.btn_pre_nxt {
    border-bottom: .75rem solid transparent;
    border-left: .75rem solid rgb(113 108 109/var(--tw-border-opacity));
    border-right-style: solid;
    border-top: .75rem solid transparent;
    right: -2.5rem
}

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

.rbs_bp_title br,.rbs_over_title br {
    display: none
}

@media (min-width: 768px) {
    .rbs_bp_title br,.rbs_over_title br {
        display:block
    }
}

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

.uscanada_landing_wrapper .btn__primary {
    border-radius: .5rem
}

.uscanada_landing_wrapper .explore_pag_prev_next .swiper-button-next:after,.uscanada_landing_wrapper .explore_pag_prev_next .swiper-button-prev:after {
    background-image: url(../assets/images/us-canada/right-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    font-family: unset;
    height: 100%;
    width: 100%;
    --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 {
    justify-content: center;
    margin-bottom: 2rem
}

.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;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 9px 19.2px 0 #24141424
}

.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 {
    flex: 1 1 0%;
    height: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(251 231 234/var(--tw-bg-opacity))
}

.uscanada_landing_wrapper .trusted_paragh {
    margin-bottom: 0
}

.uscanada_landing_wrapper .trustedrestaurants_slider,.uscanada_landing_wrapper .who-we-are-wrap {
    border-radius: 0 0 30px 30px
}

.pricing-tab-wrapper table tr th {
    font-size: 16px;
    padding: 1.25rem 0;
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity))
}

@media (min-width: 1280px) {
    .pricing-tab-wrapper table tr th {
        padding-bottom:1.75rem;
        padding-top: 1.75rem
    }
}

.pricing-tab-wrapper table tr td {
    font-size: .875rem;
    height: 50px;
    line-height: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: left;
    --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: 0
}

.pricing-tab-wrapper table tr td:last-child {
    border-right-width: 0
}

.pricing-tab-wrapper .pricing-tab-btn {
    font-size: 14px;
    font-weight: 500;
    padding: .25rem 1.25rem;
    --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(197 32 49/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) {
    border-radius: 9999px;
    border-width: 1px;
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 3rem;
    --tw-border-opacity: 1;
    border-color: rgb(197 32 49/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: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

footer {
    border-width: 0
}

.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: 0 0 20px 1px #0000001c
}

@keyframes ripple {
    67% {
        opacity: 0
    }

    75% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@media (min-width: 1536px) {
    .wrapper {
        padding-left:5rem;
        padding-right: 5rem;
        width: 1400px
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.slider {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.slide-track {
    animation: scroll 13s linear infinite;
    width: 100%
}

.slide {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    min-width: 180px;
    padding: 0 .75rem
}

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

.feature-bg:before {
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8));
    content: "";
    height: 60px;
    position: absolute;
    right: -41rem;
    top: -50px;
    width: 100%;
    z-index: 2
}

.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 {
    border-radius: .5rem;
    margin-left: 0;
    max-width: 650px;
    width: 100%
}

@media (min-width: 1024px) {
    .uc_canada_hero img {
        margin-left:auto
    }
}

.us_hero_paragph {
    font-size: 16px;
    margin-bottom: 1.5rem;
    --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 {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    --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 3s ease;
    -webkit-animation: fadeIn 3s ease;
    -moz-animation: fadeIn 3s ease;
    -o-animation: fadeIn 3s ease;
    -ms-animation: fadeIn 3s ease
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hero-investment__left-content {
    align-items: flex-start;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: sticky;
    top: 0
}

.hero-investment__img {
    max-height: calc(100vh - 100px);
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease,visibility .3s ease;
    visibility: hidden
}

.hero-investment__right-content {
    min-height: 100vh
}

.hero-investment__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding-left: 0;
    padding-right: 0
}

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

    .slide-track {
        animation: scroll 5s linear infinite
    }

    .form-margin {
        margin-left: 0;
        margin-right: 0
    }

    .multiple-integration-wrap .trusted_by_thousands .radii .person.person7 .person_inner {
        bottom: -15px;
        left: 240px
    }

    .multiple-integration-wrap .trusted_by_thousands .radii .person.person6 .person_inner {
        bottom: -10px;
        left: 240px
    }

    .slide img {
        height: 4rem
    }

    .uc_canada_hero img {
        margin-left: auto;
        margin-right: auto;
        max-width: 650px;
        width: 100%
    }

    .hero-btn,.us-hero-title,.us_hero_paragph,.who-are-box {
        text-align: center
    }

    .fade-in {
        animation: fadeIn 1s ease;
        -webkit-animation: fadeIn 1s ease;
        -moz-animation: fadeIn 1s ease;
        -o-animation: fadeIn 1s ease;
        -ms-animation: fadeIn 1s ease
    }
}

.trusted_by_thousands {
    padding: 110px 0
}

.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 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 42px;
    margin: auto;
    max-width: 300px;
    position: relative;
    text-align: center;
    top: -10rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 1280px) {
    .trusted_by_thousands .radii h2 {
        font-size:32px;
        max-width: 400px
    }
}

.registration_2207 p,h1,h2,h3 {
    transition-duration: .15s;
    transition-duration: .5s;
    transition-property: font-size;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.trusted_by_thousands .radii .radius {
    border-radius: 50%;
    border-style: dashed;
    border-width: 1px;
    height: 642px;
    margin: -642px auto 110px;
    position: relative;
    width: 642px;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238/var(--tw-border-opacity))
}

.trusted_by_thousands .radii .radius+.radius {
    height: 894px;
    margin-top: -894px;
    width: 894px
}

.trusted_by_thousands .radii .radius+.radius+.radius {
    height: 1146px;
    margin-top: -1146px;
    width: 1146px
}

.trusted_by_thousands .radii .person {
    bottom: 0;
    height: 50%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transform-origin: top center;
    transition-duration: .15s;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.trusted_by_thousands .radii .person .person_inner {
    border-radius: 50%;
    bottom: -45px;
    height: 95px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 95px;
    --tw-shadow: 2px 2px 10px rgba(29,50,85,.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.person1,.trusted_by_thousands.folded .radii .person.person2,.trusted_by_thousands.folded .radii .person.person3,.trusted_by_thousands.folded .radii .person.person4 {
    --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-duration: .15s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.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-duration: .15s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.trusted_by_thousands .radii .person.person5 {
    --tw-rotate: -70deg
}

.trusted_by_thousands .radii .person.person5,.trusted_by_thousands .radii .person.person5 .portrait {
    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
}

.trusted_by_thousands .radii .person.person6 {
    --tw-rotate: -20deg
}

.trusted_by_thousands .radii .person.person6,.trusted_by_thousands .radii .person.person6 .portrait {
    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
}

.trusted_by_thousands .radii .person.person7 {
    --tw-rotate: -70deg
}

.trusted_by_thousands .radii .person.person7,.trusted_by_thousands .radii .person.person7 .portrait {
    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
}

.trusted_by_thousands .radii .person.person8 {
    --tw-rotate: -45deg
}

.trusted_by_thousands .radii .person.person8,.trusted_by_thousands .radii .person.person8 .portrait {
    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
}

.trusted_by_thousands .radii .person.person4 {
    --tw-rotate: 50deg
}

.trusted_by_thousands .radii .person.person4,.trusted_by_thousands .radii .person.person4 .portrait {
    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
}

.trusted_by_thousands .radii .person.person3 {
    --tw-rotate: 30deg
}

.trusted_by_thousands .radii .person.person3,.trusted_by_thousands .radii .person.person3 .portrait {
    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
}

.trusted_by_thousands .radii .person.person2 {
    --tw-rotate: 72deg
}

.trusted_by_thousands .radii .person.person2,.trusted_by_thousands .radii .person.person2 .portrait {
    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
}

.trusted_by_thousands .radii .person.person1 {
    --tw-rotate: 40deg
}

.trusted_by_thousands .radii .person.person1,.trusted_by_thousands .radii .person.person1 .portrait {
    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
}

@media screen and (max-width: 1024px) {
    .trusted_by_thousands {
        padding:100px 0
    }

    .trusted_by_thousands .radii {
        margin-top: -100px;
        overflow: hidden;
        padding-top: 200px
    }

    .trusted_by_thousands .radii .radius {
        height: 368px;
        margin: -368px auto 100px;
        width: 368px
    }

    .trusted_by_thousands .radii .radius+.radius {
        height: 524px;
        margin: -524px auto 100px;
        width: 524px
    }

    .trusted_by_thousands .radii .radius+.radius+.radius {
        height: 694px;
        margin: -694px auto 100px;
        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
    }

    .trusted_by_thousands .radii .person.person2,.trusted_by_thousands .radii .person.person5 {
        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
    }

    .trusted_by_thousands .radii .person.person3 {
        --tw-rotate: 0deg
    }

    .trusted_by_thousands .radii .person.person3,.trusted_by_thousands .radii .person.person6 {
        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
    }

    .trusted_by_thousands .radii .person.person1 {
        --tw-rotate: 23deg
    }

    .trusted_by_thousands .radii .person.person1,.trusted_by_thousands .radii .person.person7 {
        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
    }

    .trusted_by_thousands .radii .person.person8 {
        --tw-rotate: 0deg
    }

    .trusted_by_thousands .radii .person.person4,.trusted_by_thousands .radii .person.person8 {
        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
    }

    .trusted_by_thousands .radii .person.person4 .portrait {
        --tw-rotate: -20deg
    }

    .trusted_by_thousands .radii .person.person4 .portrait,.trusted_by_thousands .radii .person.person5 .portrait {
        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
    }

    .trusted_by_thousands .radii .person.person2 .portrait {
        --tw-rotate: -32deg
    }

    .trusted_by_thousands .radii .person.person2 .portrait,.trusted_by_thousands .radii .person.person3 .portrait {
        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
    }

    .trusted_by_thousands .radii .person.person6 .portrait {
        --tw-rotate: 32deg
    }

    .trusted_by_thousands .radii .person.person1 .portrait,.trusted_by_thousands .radii .person.person6 .portrait {
        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
    }

    .trusted_by_thousands .radii .person.person7 .portrait {
        --tw-rotate: 25deg
    }

    .trusted_by_thousands .radii .person.person7 .portrait,.trusted_by_thousands .radii .person.person8 .portrait {
        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
    }

    .trusted_by_thousands .radii h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1.25;
        max-width: 250px;
        top: -130px
    }

    .trusted_by_thousands .radii .radius {
        width: 450px
    }
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-b-\[\#4a274f\]:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(197 32 49/var(--tw-border-opacity))
}

.hover\:bg-\[\#F0F2FC\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 252/var(--tw-bg-opacity))
}

.hover\:bg-\[\#F3F8FC\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 248 252/var(--tw-bg-opacity))
}

.hover\:bg-\[\#F6FCF8\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 252 248/var(--tw-bg-opacity))
}

.hover\:bg-\[\#FAF8F2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 248 242/var(--tw-bg-opacity))
}

.hover\:bg-\[\#FEFBFC\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 251 252/var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

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

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(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)
}

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

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

.group:hover .group-hover\:translate-x-\[-5\%\] {
    --tw-translate-x: -5%
}

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

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:translate-y-\[-15px\] {
    --tw-translate-y: -15px
}

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

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

@media not all and (min-width: 1024px) {
    .max-md\:mt-5 {
        margin-top:1.25rem
    }

    .max-md\:flex {
        display: flex
    }

    .max-md\:max-w-\[250px\] {
        max-width: 250px
    }

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

    .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\:bg-\[\#FBF5E3\] {
        --tw-bg-opacity: 1;
        background-color: rgb(251 245 227/var(--tw-bg-opacity))
    }

    .max-md\:text-center {
        text-align: center
    }

    .max-md\:shadow-\[0px_2px_70\.7px_0px_\#14184924\] {
        --tw-shadow: 0px 2px 70.7px 0px #14184924;
        --tw-shadow-colored: 0px 2px 70.7px 0px var(--tw-shadow-color)
    }

    .max-md\:shadow-\[0px_2px_70\.7px_0px_\#14184924\],.max-md\:shadow-\[0px_2px_70\.7px_0px_\#41381738\] {
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }

    .max-md\:shadow-\[0px_2px_70\.7px_0px_\#41381738\] {
        --tw-shadow: 0px 2px 70.7px 0px #41381738;
        --tw-shadow-colored: 0px 2px 70.7px 0px var(--tw-shadow-color)
    }

    .max-md\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(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)
    }

    .max-md\:shadow-\[\#41381738\] {
        --tw-shadow-color: #41381738;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

@media (min-width: 768px) {
    .sm\:sticky {
        position:sticky
    }

    .sm\:-mt-24 {
        margin-top: -6rem
    }

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

    .sm\:mt-\[-48\] {
        margin-top: -48
    }

    .sm\:mt-\[-64\] {
        margin-top: -64
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-16 {
        height: 4rem
    }

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

    .sm\:min-h-\[200px\] {
        min-height: 200px
    }

    .sm\:min-h-screen {
        min-height: 100vh
    }

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

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

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

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

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

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:bg-\[\#FBF5E3\] {
        --tw-bg-opacity: 1;
        background-color: rgb(251 245 227/var(--tw-bg-opacity))
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:p-12 {
        padding: 3rem
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

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

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

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

    .sm\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

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

    .sm\:pl-0 {
        padding-left: 0
    }

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

    .sm\:pt-\[10rem\] {
        padding-top: 10rem
    }

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

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

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

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

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

    .sm\:font-bold {
        font-weight: 700
    }

    .sm\:font-medium {
        font-weight: 500
    }

    .sm\:font-semibold {
        font-weight: 600
    }
}

@media (min-width: 1024px) {
    .md\:absolute {
        position:absolute
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:bottom-8 {
        bottom: 2rem
    }

    .md\:left-8 {
        left: 2rem
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:order-1 {
        order: 1
    }

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

    .md\:order-none {
        order: 0
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:m-0 {
        margin: 0
    }

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

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

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

    .md\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }

    .md\:my-36 {
        margin-bottom: 9rem;
        margin-top: 9rem
    }

    .md\:-mt-28 {
        margin-top: -7rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-14 {
        margin-bottom: 3.5rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

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

    .md\:mb-36 {
        margin-bottom: 9rem
    }

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

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

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

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

    .md\:mr-12 {
        margin-right: 3rem
    }

    .md\:mr-16 {
        margin-right: 4rem
    }

    .md\:mr-20 {
        margin-right: 5rem
    }

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

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

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

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-7 {
        margin-top: 1.75rem
    }

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

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-\[40px\] {
        height: 40px
    }

    .md\:h-\[42px\] {
        height: 42px
    }

    .md\:h-\[43px\] {
        height: 43px
    }

    .md\:h-\[800px\] {
        height: 800px
    }

    .md\:max-h-none {
        max-height: none
    }

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

    .md\:min-h-screen {
        min-height: 100vh
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-\[190px\] {
        width: 190px
    }

    .md\:w-\[41\%\] {
        width: 41%
    }

    .md\:w-\[45\%\] {
        width: 45%
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[55\%\] {
        width: 55%
    }

    .md\:w-auto {
        width: auto
    }

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

    .md\:max-w-3xl {
        max-width: 48rem
    }

    .md\:max-w-6xl {
        max-width: 72rem
    }

    .md\:max-w-\[227px\] {
        max-width: 227px
    }

    .md\:max-w-\[534px\] {
        max-width: 534px
    }

    .md\:max-w-\[545px\] {
        max-width: 545px
    }

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

    .md\:max-w-\[750px\] {
        max-width: 750px
    }

    .md\:max-w-\[800px\] {
        max-width: 800px
    }

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

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

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

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

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:rounded-\[34px\] {
        border-radius: 34px
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:border-dotted {
        border-style: dotted
    }

    .md\:bg-\[\#F2F4F6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 246/var(--tw-bg-opacity))
    }

    .md\:bg-\[\#F6F7FD\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 247 253/var(--tw-bg-opacity))
    }

    .md\:bg-\[\#F6F8FB\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 248 251/var(--tw-bg-opacity))
    }

    .md\:bg-\[\#FDFBF7\] {
        --tw-bg-opacity: 1;
        background-color: rgb(253 251 247/var(--tw-bg-opacity))
    }

    .md\:bg-\[\#FFFFFF\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/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: 0
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-16 {
        padding: 4rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

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

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

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

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

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

    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

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

    .md\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .md\:py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

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

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pb-12 {
        padding-bottom: 3rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-24 {
        padding-bottom: 6rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pb-80 {
        padding-bottom: 20rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-20 {
        padding-left: 5rem
    }

    .md\:pl-24 {
        padding-left: 6rem
    }

    .md\:pl-8 {
        padding-left: 2rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-12 {
        padding-right: 3rem
    }

    .md\:pr-16 {
        padding-right: 4rem
    }

    .md\:pr-20 {
        padding-right: 5rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-16 {
        padding-top: 4rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

    .md\:pt-72 {
        padding-top: 18rem
    }

    .md\:pt-80 {
        padding-top: 20rem
    }

    .md\:pt-\[12rem\] {
        padding-top: 12rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-right {
        text-align: right
    }

    .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-32 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .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-\[22px\] {
        font-size: 22px
    }

    .md\:text-\[37px\] {
        font-size: 37px
    }

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

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

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:leading-tight {
        line-height: 1.25
    }
}

@media (min-width: 1280px) {
    .lg\:relative {
        position:relative
    }

    .lg\:bottom-0 {
        bottom: 0
    }

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

    .lg\:-mt-36 {
        margin-top: -9rem
    }

    .lg\:-mt-40 {
        margin-top: -10rem
    }

    .lg\:-mt-60 {
        margin-top: -15rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

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

    .lg\:mt-\[580px\] {
        margin-top: 580px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-24 {
        height: 6rem
    }

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

    .lg\:h-\[373px\] {
        height: 373px
    }

    .lg\:h-\[405px\] {
        height: 405px
    }

    .lg\:h-\[700px\] {
        height: 700px
    }

    .lg\:h-\[74px\] {
        height: 74px
    }

    .lg\:h-\[92px\] {
        height: 92px
    }

    .lg\:h-\[983px\] {
        height: 983px
    }

    .lg\:min-h-\[350px\] {
        min-height: 350px
    }

    .lg\:min-h-\[373px\] {
        min-height: 373px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-\[115px\] {
        width: 115px
    }

    .lg\:w-\[130px\] {
        width: 130px
    }

    .lg\:w-\[240px\] {
        width: 240px
    }

    .lg\:w-\[31\%\] {
        width: 31%
    }

    .lg\:w-\[74px\] {
        width: 74px
    }

    .lg\:w-\[92px\] {
        width: 92px
    }

    .lg\:w-full {
        width: 100%
    }

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:gap-0 {
        gap: 0
    }

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

    .lg\:bg-\[\#F7EDCD\] {
        --tw-bg-opacity: 1;
        background-color: rgb(247 237 205/var(--tw-bg-opacity))
    }

    .lg\:p-12 {
        padding: 3rem
    }

    .lg\:p-16 {
        padding: 4rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:p-\[24px\] {
        padding: 24px
    }

    .lg\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .lg\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-10 {
        padding-bottom: 2.5rem
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-20 {
        padding-left: 5rem
    }

    .lg\:pl-5 {
        padding-left: 1.25rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .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\:pt-\[20rem\] {
        padding-top: 20rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:\!text-base {
        font-size: 1rem!important;
        line-height: 1.5rem!important
    }

    .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-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .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-\[68px\] {
        font-size: 68px
    }

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

    .lg\:text-lg {
        font-size: 1.125rem
    }

    .lg\:text-lg,.lg\:text-xl {
        line-height: 1.75rem
    }

    .lg\:text-xl {
        font-size: 1.25rem
    }

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

    .lg\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(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)
    }

    .lg\:shadow-\[\#41381738\] {
        --tw-shadow-color: #41381738;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

@media (min-width: 1536px) {
    .xl\:bottom-\[-53px\] {
        bottom:-53px
    }

    .xl\:right-\[33\%\] {
        right: 33%
    }

    .xl\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }

    .xl\:mr-12 {
        margin-right: 3rem
    }

    .xl\:mr-8 {
        margin-right: 2rem
    }

    .xl\:block {
        display: block
    }

    .xl\:w-\[24\%\] {
        width: 24%
    }

    .xl\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .xl\:px-44 {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .xl\:pl-28 {
        padding-left: 7rem
    }

    .xl\:pr-16 {
        padding-right: 4rem
    }

    .xl\:pr-20 {
        padding-right: 5rem
    }

    .xl\:text-32 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem
    }

    .xl\:text-lg,.xl\:text-xl {
        line-height: 1.75rem
    }

    .xl\:text-xl {
        font-size: 1.25rem
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-none {
        line-height: 1
    }
}