.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.col-span-2 {
    grid-column: span 2/span 2
}

.mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

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

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

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

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

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[1\.02\] {
    aspect-ratio: 1.02
}

.aspect-\[1\.06\] {
    aspect-ratio: 1.06
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

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

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

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

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-20 {
    width: 5rem
}

.w-36 {
    width: 9rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

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

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

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

.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-7xl {
    max-width: 80rem
}

.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-\[290px\] {
    max-width: 290px
}

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

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

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

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

.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-\[500px\] {
    max-width: 500px
}

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

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

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

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

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

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

.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-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;
    padding-top: 8px;
}

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

.justify-center {
    justify-content: center
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1.5rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

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

.overflow-hidden {
    overflow: hidden
}

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

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.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: 20px
}

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

.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-\[\#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-\[\#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-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))
}

.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: hsl(228, 67%, 47%);
}

.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-\[\#C52031\] {
    --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: hsl(227 100% 98.5% / 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-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)
}

.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-\[5px\] {
    padding: 5px
}

.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-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

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

.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-8 {
    padding-bottom: 2rem
}

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

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

.pl-10 {
    padding-left: 2.5rem
}

.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-24 {
    padding-top: 6rem
}

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

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

.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-\[22px\] {
    font-size: 22px
}

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

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

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

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

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

.text-sm {
    font-size: .83rem;
    line-height: 1.35rem
}

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

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.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-\[24px\] {
    line-height: 24px
}

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

.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: #253C6A;
}

.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-\[\#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-\[\#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-\[\#B7BFF6\] {
    --tw-text-opacity: 1;
    color: rgb(183 191 246/var(--tw-text-opacity))
}

.text-\[\#C52031\] {
    --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-\[\#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-\[\#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-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

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

.billing_img {
    border-radius: 1rem;
    width: 100%
}

.analytics_img {
    border-radius: 1.5rem;
    margin: auto
}

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

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

.pricing_title {
    margin-bottom: 1rem
}

.pt_0 {
    padding-top: 0 !important
}

.c9 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .c9 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.analytics_pos_grid_img {
    aspect-ratio: 1.077;
    margin-bottom: 1.5rem
}

.analytics_pos_grid_img img {
    border-radius: 1rem
}

@media (max-width:1023px) {
    body:has(.navbar__items.active) {
        overflow-y: hidden
    }
}

.left-to-right,
.right-to-left {
    animation: scroll 25s linear infinite
}

.left-to-right {
    animation-direction: normal
}

.right-to-left {
    animation-direction: reverse
}

.section-title-new {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    color: #253C6A;
}

@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.5rem;
        line-height: 1.25;
    }
}

@media (min-width:1280px) {
    .section-title-new {
        font-size: 2.50rem;
        line-height: 1.25
    }
}

.section-subtitle-new {
    font-size: .875rem;
    font-weight: 400;
    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
    }
}

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

@keyframes scroll-vertical {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-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
    }
}

@keyframes arrowMove {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    50% {
        opacity: 1;
        transform: translateX(8px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes swipeHint {

    0%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(10px)
    }
}

.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.6px + .4375vw), 18px);
    letter-spacing: .4px;
    color: #253C6A;
}

@media (min-width:1281px) {
    .section-head-p {
        max-width: 600px
    }
}

@media (min-width:1537px) {
    .section-head-p {
        max-width: 768px
    }

    .section-subtitle-new {
        font-size: 24px
    }
}

[data-tab-content] {
    display: none
}

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

@keyframes ripple {
    67% {
        opacity: 0
    }

    75% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@media (min-width:1280px) {
    .feature-choose-price-container.new-feature-choose-price-container {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media (min-width:1536px) {
    .feature-choose-price-container.new-feature-choose-price-container {
        padding-left: 8rem;
        padding-right: 8rem
    }
}

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

@media screen and (max-width:767px) {
    .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
    }
}

h1,
h2,
h3 {
    transition-duration: .15s;
    transition-duration: .5s;
    transition-property: font-size;
    transition-timing-function: cubic-bezier(.4, 0, .2, 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-\[200px\] {
        max-width: 200px
    }

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

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

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

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:items-center {
        align-items: center
    }

    .max-md\:justify-center {
        justify-content: center
    }

    .max-md\:gap-4 {
        gap: 1rem
    }

    .max-md\: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-screen {
        min-height: 100vh
    }

    .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-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-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }

    .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\:mr-8 {
        margin-right: 1rem;
    }

    .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-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-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-5xl {
        max-width: 64rem
    }

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

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

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

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

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

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

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

    .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\: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-4 {
        gap: 1rem
    }

    .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-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

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

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

    .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\:pb-12 {
        padding-bottom: 3rem
    }

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

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

    .md\:pb-48 {
        padding-bottom: 12rem
    }

    .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-24 {
        padding-top: 6rem
    }

    .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-\[20px\] {
        font-size: 20px
    }

    .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\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .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-\[200px\] {
        height: 200px
    }

    .lg\:h-\[373px\] {
        height: 373px
    }

    .lg\:h-\[405px\] {
        height: 405px
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:h-\[74px\] {
        height: 74px
    }

    .lg\:h-\[810px\] {
        height: 810px
    }

    .lg\:h-\[92px\] {
        height: 92px
    }

    .lg\:h-\[983px\] {
        height: 983px
    }

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

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

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-\[115px\] {
        width: 115px
    }

    .lg\:w-\[130px\] {
        width: 130px
    }

    .lg\:w-\[31\%\] {
        width: 31%
    }

    .lg\:w-\[74px\] {
        width: 74px
    }

    .lg\:w-\[92px\] {
        width: 92px
    }

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

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

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

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

    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, 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\: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\:pl-\[10rem\] {
        padding-left: 10rem
    }

    .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-28 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

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

    .lg\:text-32 {
        font-size: 1.8rem;
        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-\[26px\] {
        font-size: 26px
    }

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

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

    .lg\:text-\[42px\] {
        font-size: 38px
    }

    .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\:h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:w-\[24\%\] {
        width: 24%
    }

    .xl\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .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-\[52px\] {
        font-size: 52px
    }

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

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

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

.why-choose-us {
    background: hsl(228, 66%, 47%);
}

.who-we-are-wrap {
    font-family: 'Poppins', sans-serif;
}

.highlight-section-new {
    color: hsl(25, 83%, 53%);
}

.border-line {
    --tw-border-opacity: 1;
    border: 1px solid rgb(200 205 242 / var(--tw-border-opacity));
}