@import url("../font/font.css");

/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: #0000;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=checkbox]:indeterminate,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    border-color: #0000;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    border-color: #0000;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
::backdrop,
: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-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: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

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

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

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

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

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

.form-input,
.form-multiselect,
.form-select,
.form-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.form-input::-webkit-date-and-time-value {
    min-height: 1.5em
}

.form-input::-webkit-datetime-edit,
.form-input::-webkit-datetime-edit-day-field,
.form-input::-webkit-datetime-edit-hour-field,
.form-input::-webkit-datetime-edit-meridiem-field,
.form-input::-webkit-datetime-edit-millisecond-field,
.form-input::-webkit-datetime-edit-minute-field,
.form-input::-webkit-datetime-edit-month-field,
.form-input::-webkit-datetime-edit-second-field,
.form-input::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

.btn-dark {
    display: inline-block;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    padding: .875rem 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.btn-dark:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 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);
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored)
}

.btn-white {
    display: inline-block;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(4 23 51/var(--tw-border-opacity));
    padding: .875rem 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    --tw-text-opacity: 1;
    color: rgb(4 23 51/var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.btn-white:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 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);
    --tw-shadow-color: #041733;
    --tw-shadow: var(--tw-shadow-colored)
}

.btn-purple-dark {
    display: inline-block;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(4 23 51/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(124 80 255/var(--tw-bg-opacity));
    padding: .875rem 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.btn-purple-dark:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 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);
    --tw-shadow-color: #041733;
    --tw-shadow: var(--tw-shadow-colored)
}

.btn-purple-white {
    display: inline-block;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(124 80 255/var(--tw-bg-opacity));
    padding: .875rem 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.btn-purple-white:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 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);
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored)
}

.btn-green-white {
    display: inline-block;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(68 214 185/var(--tw-bg-opacity));
    padding: 1rem 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.btn-green-white:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 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);
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored)
}

.form-input {
    height: 57px;
    width: 100%;
    border-radius: 10px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(4 23 51/var(--tw-border-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)!important;
    transition-duration: .3s
}

.form-input:hover {
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 6px 0px var(--tw-shadow-color);
    --tw-shadow-color: #041733;
    --tw-shadow: var(--tw-shadow-colored)
}

.form-input:focus,
.form-input:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.form-input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(4 23 51/var(--tw-border-opacity));
    --tw-shadow: 5px 6px 0px;
    --tw-shadow-colored: 5px 6px 0px var(--tw-shadow-color);
    --tw-shadow-color: #041733;
    --tw-shadow: var(--tw-shadow-colored)
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.top-0 {
    top: 0
}

.right-40 {
    right: 10rem
}

.bottom-0 {
    bottom: 0
}

.-right-16 {
    right: -4rem
}

.left-0 {
    left: 0
}

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

.right-0 {
    right: 0
}

.right-14 {
    right: 3.5rem
}

.bottom-5 {
    bottom: 1.25rem
}

.top-14 {
    top: 3.5rem
}

.right-10 {
    right: 2.5rem
}

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

.right-5 {
    right: 1.25rem
}

.left-10 {
    left: 2.5rem
}

.left-3\.5 {
    left: .875rem
}

.left-3 {
    left: .75rem
}

.right-3\.5 {
    right: .875rem
}

.right-3 {
    right: .75rem
}

.top-5 {
    top: 1.25rem
}

.left-5 {
    left: 1.25rem
}

.z-50 {
    z-index: 50
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.z-0 {
    z-index: 0
}

.order-2 {
    order: 2
}

.order-1 {
    order: 1
}

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

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

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

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

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

.mt-3\.5 {
    margin-top: .875rem
}

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

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

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

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

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

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

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

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

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-8 {
    height: 2rem
}

.h-12 {
    height: 3rem
}

.h-full {
    height: 100%
}

.\!h-auto {
    height: auto!important
}

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

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

.h-10 {
    height: 2.5rem
}

.w-full {
    width: 100%
}

.w-8 {
    width: 2rem
}

.w-12 {
    width: 3rem
}

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

.w-10 {
    width: 2.5rem
}

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

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

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

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

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

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

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

.shrink-0 {
    flex-shrink: 0
}

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

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-center {
    justify-content: center
}

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

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[42px\] {
    gap: 42px
}

.gap-3 {
    gap: .75rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-2 {
    gap: .5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-5 {
    gap: 1.25rem
}

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

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

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden
}

.scroll-smooth {
    scroll-behavior: smooth
}

.whitespace-nowrap {
    white-space: nowrap
}

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

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

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

.border-b-2,
.border-b-\[2px\] {
    border-bottom-width: 2px
}

.\!border-dark {
    --tw-border-opacity: 1!important;
    border-color: rgb(4 23 51/var(--tw-border-opacity))!important
}

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

.border-dark {
    --tw-border-opacity: 1;
    border-color: rgb(4 23 51/var(--tw-border-opacity))
}

.border-light {
    --tw-border-opacity: 1;
    border-color: rgb(183 188 205/var(--tw-border-opacity))
}

.bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(4 23 51/var(--tw-bg-opacity))
}

.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(124 80 255/var(--tw-bg-opacity))
}

.bg-light\/\[0\.14\] {
    background-color: #b7bccd24
}

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

.bg-custom\/10 {
    background-color: #44d6b91a
}

.bg-light\/30 {
    background-color: #b7bccd4d
}

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

.bg-muted\/10 {
    background-color: #7780a11a
}

.bg-purple\/10 {
    background-color: #7c50ff1a
}

.bg-light\/10 {
    background-color: #b7bccd1a
}

.bg-\[url\(\'\.\.\/images\/home-line\.png\'\)\]{background-image:url(../images/home-line.png)}.bg-\[url\(\.\.\/images\/subcribe-bg\.png\)\]{background-image:url(../images/subcribe-bg.png)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-5{padding:1.25rem}.p-\[30px\]{padding:30px}.py-\[26px\]{padding-top:26px;padding-bottom:26px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-1\.5{padding-top:.375rem}.pt-1{padding-top:.25rem}.pb-24{padding-bottom:6rem}.pt-12{padding-top:3rem}.pb-\[123px\]{padding-bottom:123px}.pb-\[30px\]{padding-bottom:30px}.pl-12{padding-left:3rem}.pr-\[132px\]{padding-right:132px}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.font-primary{font-family:Unbounded,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[30px\]{font-size:30px}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-\[40px\]{font-size:40px}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.leading-snug{line-height:1.375}.leading-\[30px\]{line-height:30px}.leading-10{line-height:2.5rem}.leading-\[26px\]{line-height:26px}.leading-\[50px\]{line-height:50px}.leading-normal{line-height:1.5}.leading-\[18px\]{line-height:18px}.text-dark{--tw-text-opacity:1;color:rgb(4 23 51/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-muted{--tw-text-opacity:1;color:rgb(119 128 161/var(--tw-text-opacity))}.text-purple{--tw-text-opacity:1;color:rgb(124 80 255/var(--tw-text-opacity))}.text-custom{--tw-text-opacity:1;color:rgb(68 214 185/var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.client-slider-pagination .swiper-pagination-bullet,.work-slider-pagination .swiper-pagination-bullet{height:.5rem;width:.5rem;--tw-bg-opacity:1!important;background-color:rgb(124 80 255/var(--tw-bg-opacity))!important}.client-slider-pagination .swiper-pagination-bullet-active,.work-slider-pagination .swiper-pagination-bullet-active{height:1rem;width:1rem;border-radius:.5rem;--tw-bg-opacity:1!important;background-color:rgb(124 80 255/var(--tw-bg-opacity))!important}.main-menu .stickyadd{--tw-bg-opacity:1;background-color:rgb(4 23 51/var(--tw-bg-opacity))}.active a{border-bottom-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(68 214 185/var(--tw-border-opacity))!important}.swiper-wrapper{transition-timing-function:linear!important}.after\:hidden:after{content:var(--tw-content);display:none}.hover\:\!border-custom:hover{--tw-border-opacity:1!important;border-color:rgb(68 214 185/var(--tw-border-opacity))!important}.hover\:text-dark:hover{--tw-text-opacity:1;color:rgb(4 23 51/var(--tw-text-opacity))}.hover\:text-purple:hover{--tw-text-opacity:1;color:rgb(124 80 255/var(--tw-text-opacity))}.hover\:shadow-\[5px_6px_0px\]:hover{--tw-shadow:5px 6px 0px;--tw-shadow-colored:5px 6px 0px var(--tw-shadow-color)}.hover\:shadow-\[5px_6px_0px\]:hover,.hover\:shadow-\[7px_8px_0px\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[7px_8px_0px\]:hover{--tw-shadow:7px 8px 0px;--tw-shadow-colored:7px 8px 0px var(--tw-shadow-color)}.hover\:shadow-\[3px_4px_0px\]:hover{--tw-shadow:3px 4px 0px;--tw-shadow-colored:3px 4px 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)}.hover\:shadow-white:hover{--tw-shadow-color:#fff;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-dark:hover{--tw-shadow-color:#041733;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-purple:hover{--tw-shadow-color:#7c50ff;--tw-shadow:var(--tw-shadow-colored)}@media (min-width:540px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:ml-0{margin-left:0}.md\:flex{display:flex}.md\:max-w-\[475px\]{max-width:475px}.md\:max-w-\[290px\]{max-width:290px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:gap-8{gap:2rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:border-b-0{border-bottom-width:0}.md\:border-l-2{border-left-width:2px}.md\:pb-40{padding-bottom:10rem}.md\:pt-64{padding-top:16rem}.md\:text-left{text-align:left}.md\:text-\[60px\]{font-size:60px}.md\:text-\[30px\]{font-size:30px}.md\:leading-\[90px\]{line-height:90px}.md\:leading-\[50px\]{line-height:50px}.md\:leading-\[74px\]{line-height:74px}.md\:after\:relative:after{content:var(--tw-content);position:relative}.md\:after\:mx-5:after{content:var(--tw-content);margin-left:1.25rem;margin-right:1.25rem}.md\:after\:inline-block:after{content:var(--tw-content);display:inline-block}.md\:after\:text-muted:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(119 128 161/var(--tw-text-opacity))}.md\:after\:content-\[\'\|\'\]:after{--tw-content:"|";content:var(--tw-content)}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mt-0{margin-top:0}.lg\:\!ml-11{margin-left:2.75rem!important}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}}@media (min-width:1290px){.min-\[1290px\]\:block{display:block}}@media (min-width:1300px){.min-\[1300px\]\:block{display:block}}@media (min-width:1500px){.min-\[1500px\]\:-right-36{right:-9rem}}@media (min-width:1600px){.min-\[1600px\]\:block{display:block}}@media (min-width:1630px){.min-\[1630px\]\:block{display:block}}@media (min-width:1760px){.min-\[1760px\]\:block{display:block}}@media (min-width:1780px){.min-\[1780px\]\:block{display:block}}@media (min-width:1830px){.min-\[1830px\]\:block{display:block}}.logo{width: 300px; transition:all 1s;}.stickyadd .logo{width:200px;}@media (max-width:768px){.logo{width:150px!important;}}.footer-logo-area{display: flex; justify-content: center;} .footer-logo-area img{width:50%;}