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

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

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    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;
    -webkit-tap-highlight-color: transparent
}

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

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

abbr:where([title]) {
    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-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

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-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

*,
: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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

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

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

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

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

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

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

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

.-right-10 {
    right: -2.5rem
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.bottom-5 {
    bottom: 1.25rem
}

.left-0 {
    left: 0
}

.left-2 {
    left: .5rem
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

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

.top-16 {
    top: 4rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

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

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

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

.m-4 {
    margin: 1rem
}

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

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

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

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

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

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

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

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

.me-2 {
    margin-inline-end: .5rem
}

.me-3 {
    margin-inline-end: .75rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

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

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

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

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

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

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

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

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

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

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

.mr-auto {
    margin-right: auto
}

.ms-2 {
    margin-inline-start: .5rem
}

.ms-4 {
    margin-inline-start: 1rem
}

.ms-auto {
    margin-inline-start: auto
}

.mt-0 {
    margin-top: 0
}

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

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

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

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

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

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

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

.mt-28 {
    margin-top: 7rem
}

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

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

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

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

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

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

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-72 {
    height: 18rem
}

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

.h-full {
    height: 100%
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-4\/5 {
    width: 80%
}

.w-40 {
    width: 10rem
}

.w-6 {
    width: 1.5rem
}

.w-8\/12 {
    width: 66.666667%
}

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

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

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

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

.max-w-screen-lg {
    max-width: 1024px
}

.max-w-screen-sm {
    max-width: 640px
}

.max-w-screen-xl {
    max-width: 1280px
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/3 {
    flex-basis: 33.333333%
}

.basis-full {
    flex-basis: 100%
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

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

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

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

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

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

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

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

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

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

.gap-0 {
    gap: 0
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-32 {
    gap: 8rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-32 {
    column-gap: 8rem
}

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

.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 * calc(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 * calc(1 - var(--tw-space-x-reverse)))
}

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

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

.place-self-center {
    place-self: center
}

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

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

.rounded {
    border-radius: .25rem
}

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

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

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

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

.rounded-sm {
    border-radius: .125rem
}

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

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

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

.border-none {
    border-style: none
}

.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-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgb(165 180 252/var(--tw-border-opacity))
}

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

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

.bg-\[\#0d0f38\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 15 56/var(--tw-bg-opacity))
}

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

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

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

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

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

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

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity))
}

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

.bg-teal-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

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

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}


.bg-clip-padding {
    background-clip: padding-box
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.p-1 {
    padding: .25rem
}

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

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

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

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

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

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

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

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

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

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps-10 {
    padding-inline-start: 2.5rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

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

.pt-14 {
    padding-top: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.font-poppins {
    font-family: var(--font-poppins)
}

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

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

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

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

.text-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-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-10 {
    line-height: 2.5rem
}

.leading-3 {
    line-height: .75rem
}

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

.leading-7 {
    line-height: 1.75rem
}

.leading-loose {
    line-height: 2
}

.leading-normal {
    line-height: 1.5
}

.leading-snug {
    line-height: 1.375
}

.tracking-widest {
    letter-spacing: .1em
}

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

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/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-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/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))
}

.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-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --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)
}

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

.outline-0 {
    outline-width: 0
}

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

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

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

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

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

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

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

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

@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");

@font-face {
    font-family: Cinzel Decorative;
    src: url("../fonts/Lucida%20Bright%20Regular.e72f84ab.ttf") format("ttf")
}

body {
    font-family: Lucida Bright Regular, sans-serif
}

p {
    font-size: 17px !important
}

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-thumb {
    background-color: #1b1d43;
    border-radius: 6px;
    border: 3px solid #fff
}

::-webkit-scrollbar-track {
    background-color: #fff
}

.mh-1 h1 {
    font-size: 50px
}

.width-container {
    width: 85%;
    margin: 0 auto
}

.btn-a {
    background: #1a8273;
    border-radius: 50px;
    padding: 9px 15px;
    color: #fff;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: auto;
    font-size: 14px !important;
    position: relative
}

.brand-hero-bg-img h1,
section.main-banner-vid h1 {
    color: #fff;
    font-weight: 600
}

section.main-banner-vid h2 {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5
}

.brand-hero-section h3 span,
section.main-banner-vid h2 span {
    background: #167e6f
}

.main-banner-vid p {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5
}

.main-banner-vid p span {
    background: #299081;
    padding: 0 2px;
    height: 100vh;
    font-weight: 700
}

.main-banner-vid {
    background: #0000009e;
    height: 115vh
}

video#vide {
    position: absolute;
    z-index: -1;
    height: 115vh;
    width: 100%;
    object-fit: cover
}

section.brnd-slider.bg-black {
    background: #fff;
    background-image: -webkit-linear-gradient(90deg, #ededed, #fff);
    border-bottom: .1px solid #d7d7d7;
    box-shadow: 0 7px 18.27px 2.73px rgba(0, 0, 0, .08)
}

.m1-h h3 {
    color: #000
}

.m1-h h3 span {
    color: #000;
    text-transform: uppercase;
    display: block
}

.portfolio {
    background: #147d6e
}

.portfolio-h h3,
.portfolio-h h3 span {
    color: #fff
}

.border-about-card {
    border: 1px solid #919090
}

.pack-box h4 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.brand-bundle-pack-wrap,
.pack-wrap {
    border-radius: 27px;
    background-image: -moz-linear-gradient(90deg, #137c6d 0, #157d6e 100%);
    background-image: -webkit-linear-gradient(90deg, #137c6d, #309687);
    background-image: -ms-linear-gradient(90deg, #137c6d 0, #309687 100%);
    padding: 15px;
    cursor: pointer;
    transition: .4s ease-in-out
}

.brand-bundle-pack-wrap:hover {
    background-image: -moz-linear-gradient(90deg, #0f113d 0, #0f113d 100%);
    background-image: -webkit-linear-gradient(90deg, #0f113d, #0f113d);
    transition: .4s ease-in-out
}

.brand-bundle-pack-wrap p,
.pack-wrap p {
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    padding: 14px 2px;
    font-size: 14px !important
}

section.process {
    background: #d6d6d6
}

.conter-box p {
    font-size: 35px !important;
    font-weight: 700;
    line-height: 1.5
}

.conter-box span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5
}

th.pro {
    border: none;
    background: #fff;
    color: #000;
    line-height: 1.6;
    font-family: __majallab_6a9f2a
}

.table>:not(caption)>*>* {
    background: #167e6f
}

.business-table td,
.business-table th,
.table-packages td,
.table-packages th {
    margin: 0;
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff
}

tbody {
    color: #fff;
    line-height: 3;
    padding: 10px;
    display: contents;
    font-weight: 500
}

section.story-sec {
    background: #2c9384
}

section.story-sec h3 {
    color: #fff
}

header {
    position: absolute;
    left: 0;
    right: 0
}

footer {
    background-image: url(../images/footer-banner-img.12a8c559.webp);
    background-size: cover
}

td img {
    margin: auto
}

thead.first-row tr>th {
    background: #0d0f38;
    color: #fff;
    border: none;
    font-size: 24px;
    line-height: 2;
    text-align: center
}

thead.first-row tr>th:first-child {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px
}

thead.first-row tr>th:last-child {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px
}

table.w-full.mb-14 .border-left-radius-table {
    border-top-left-radius: 18px
}

table.w-full.mb-14 .border-bottom-left-radius-table {
    border-bottom-left-radius: 20px
}

.border-bottom-right-radius-table {
    border-bottom-right-radius: 20px
}

.border-top-right-radius-table {
    border-top-right-radius: 20px
}

.swiper_wrap {
    padding: 0 50px
}

.swiper-button-next {
    right: -40px
}

.swiper-button-next,
.swiper-button-prev {
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    transform: translateY(-50%)
}

.swiper-button-prev {
    left: -40px
}

video#background-video {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    top: 0
}

.swiper_wrap {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    margin-bottom: 50px
}

.bk-sil.next {
    right: -25px
}

.bk-sil.next,
.bk-sil.prev {
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 35px;
    transform: translateY(-50%);
    background: #0d0f38;
    border: none;
    padding: 10px 7px;
    color: #fff;
    border-radius: 10px;
    width: 3.5%;
    font-size: 24px;
    line-height: .5;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s ease-in-out
}

.bk-sil.prev {
    left: -31px
}

.bk-sil.next:hover,
.bk-sil.prev:hover,
.bk-sil2.next:hover,
.bk-sil2.prev:hover {
    scale: .9;
    transition: .4s ease-in-out
}

.bk-sil2.next {
    right: -36px
}

.bk-sil2.next,
.bk-sil2.prev {
    margin-top: 0;
    top: 43%;
    width: 45px;
    height: 35px;
    transform: translateY(-50%);
    background: #0d0f38;
    border: none;
    padding: 10px 7px;
    color: #fff;
    border-radius: 10px;
    width: 3.5%;
    font-size: 24px;
    line-height: .5;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s ease-in-out
}

.bk-sil2.prev {
    position: absolute;
    left: -45px
}

.bnd-slider.swiper-wrapper {
    text-align: -webkit-center
}

.connect-form-input {
    font-size: 16px;
    padding: 17px
}

.connect-form-input,
.header-form-input {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #fff0
}

.header-form-input {
    font-size: 14px
}

.header-form-input select {
    color: grey
}

.connect-form-input:focus-visible {
    border: 2px solid #2c9384
}

.header-submit-btn:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    transition: .4s ease-out
}

.header-submit-btn,
.submit-btn {
    background-color: #2c9384;
    transition: .4s ease-out
}

.submit-btn:hover {
    background-color: transparent;
    border: 1px solid #2c9384;
    color: #2c9384;
    transition: .4s ease-out
}

.connect-form-border {
    border: 6px solid #2c9384;
    border-radius: 60px
}

.book-publishing-infograph-img {
    width: 100% !important
}

.transition-all {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .7s ease-in-out, opacity .5s ease-in-out
}

.max-h-96 {
    max-height: 50rem;
    opacity: 1
}

footer .footer-line:before {
    content: "";
    background-color: #fff;
    height: 307px;
    width: 2px;
    position: absolute;
    right: -33px;
    top: -18px
}

.video-info {
    width: 100%
}

.bages-pic .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.get-premium-btn {
    background-color: #2c9384;
    color: #fff;
    border-radius: 8px;
    padding: 10px 40px;
    margin-top: 20px;
    transition: .4s ease-in-out
}

.get-premium-btn:hover {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    transition: .4s ease-in-out
}

.book-sell-text {
    position: absolute;
    left: 16px;
    margin-top: 28px
}

.book-sell-text h3 {
    line-height: 24px;
    font-weight: 700
}

.book-sell-text span {
    font-weight: 700
}

.custom-logo-size {
    width: 100% !important;
    object-fit: cover;
    padding-top: 8px
}

.marchand-slider-custom img {
    width: 100% !important;
    height: 100%
}

.custom-merchand-slider-1 {
    height: 500px !important
}

.custom-merchand-slider-2 {
    height: 235px !important
}

.faqs svg,
.table-sec svg,
footer svg {
    width: 24px;
    text-align: center;
    display: inline-block
}

.contact-form-img {
    height: auto !important;
    position: relative;
    left: 8px;
    top: 0;
    padding: 0
}

.close-btn-modal {
    position: absolute;
    top: 4px;
    background: orange;
    right: -71px
}

.close-btn-modal svg,
.home-close-btn-modal svg {
    width: 20px;
    object-fit: contain
}

.popup-img-bg {
    height: 550px !important;
    border-top-left-radius: 52px;
    border-bottom-left-radius: 52px
}

.popup-modal-wrapper {
    width: 60%
}

@keyframes openAnimation {
    0% {
        max-height: 0;
        opacity: 0
    }

    to {
        max-height: 96px;
        opacity: 1
    }
}

@keyframes closeAnimation {
    0% {
        max-height: 96px;
        opacity: 1
    }

    to {
        max-height: 0;
        opacity: 0
    }
}

.faq-content-open {
    animation: openAnimation .7s forwards;
    overflow: auto
}

.faq-content-close {
    animation: closeAnimation .7s forwards;
    overflow: hidden
}

.book-zoom-effect,
.new-lp-about-book .logos img {
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .4s ease-in-out;
    cursor: pointer
}

.book-zoom-effect:hover,
.new-lp-about-book .logos img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.2);
    transition: .4s ease-in-out
}

.privacy-policy h2 {
    font-size: 36px;
    font-weight: 700
}

.privacy-policy p,
.privacy-policy ul {
    font-size: 19px;
    padding-bottom: 20px;
    color: #666;
    list-style: inherit
}

.privacy-policy ul li {
    margin-bottom: 10px;
    margin-left: 40px
}

.header-bg h3,
.privacy-policy h1 {
    font-size: 40px;
    font-weight: 700
}

.header-bg {
    padding: 6% 0;
    background-repeat: no-repeat;
    background-size: cover
}

.packages {
    background-color: #1b1e5b
}

.single-packages {
    background-color: #d6d6d6;
    border-radius: 26px;
    color: #0d0f38;
    transition: .3s ease-in-out;
    width: 100%;
    font-weight: 700;
    border: 1px solid #747474
}

.single-packages:hover {
    background-color: #147d6e;
    color: #fff;
    -webkit-transform: scale(1.3);
    transform: scale(1.04);
    transition: .4s ease-in-out
}

.single-packages-content {
    padding: 25px;
    margin-right: 25px
}

.single-packages .package-badge {
    position: absolute;
    right: -4px;
    top: -39px;
    animation: upAndDown 3s ease-in-out .6s infinite;
    z-index: 1
}

.single-packages svg {
    width: 15px
}

.single-packages-content {
    height: 349px;
    overflow: scroll;
    overflow-x: hidden
}

.single-packages-content img {
    filter: invert(1)
}

.single-packages:hover .single-packages-content img {
    filter: invert(0)
}

.single-packages-content::-webkit-scrollbar {
    width: 8px
}

.single-packages-content::-webkit-scrollbar-thumb {
    background-color: #1b1d43;
    border-radius: 9px;
    border: 1px solid #fff
}

.single-packages-content::-webkit-scrollbar-track {
    background-color: #d6d6d6
}

.single-packages-footer {
    background-color: #f1efef;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #747474;
    width: 100%;
    margin: 0 auto;
    padding: 6px 13px;
    position: relative;
    top: 13px;
    left: 0
}

.hover-top-vector {
    color: #0d0f38;
    background-color: #f1efef;
    border-top-right-radius: 26px;
    border-top-left-radius: 26px
}

.single-packages-footer h5 {
    color: #147d6e;
    line-height: 18px;
    font-size: 16px
}

.tooltip {
    position: relative;
    cursor: pointer
}

.tooltip:hover .tooltip-content {
    visibility: visible;
    transition: .4s ease-in
}

.tooltip-content {
    position: absolute;
    font-weight: 500;
    visibility: hidden;
    width: 260px;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    padding: 10px 12px;
    z-index: 1000;
    top: 100%;
    right: 0;
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #0d0f38;
    text-align: left;
    line-height: 20px;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7)
}

.tooltip-content ul {
    list-style: disc;
    margin-left: 16px
}

.single-packages:hover .tooltip img {
    filter: invert(0)
}

.tooltip img {
    filter: invert(1)
}

.package-get-started-btn {
    background-color: #fff;
    color: #0d0f38;
    padding: 7px 39px;
    border-radius: 30px;
    font-weight: 700;
    transition: .4s ease-out
}

.package-get-started-btn:hover {
    background-color: #0d0f38;
    color: #fff;
    transition: .4s ease-in
}

.border-line {
    border-right: 2px solid #1d8475
}

.blink_me {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0;
        color: #147d6e
    }
}

@media (min-width:300px) and (max-width:680px) {
    .connect-form-border-new {
        padding: 8px
    }

    .transparent-connect-form-border-new {
        background: #000 !important
    }

    .form-off-badge-new {
        position: absolute;
        left: -51px !important;
        top: -50px !important;
        z-index: 1000;
        width: 100px
    }

    .nav-top-bar {
        z-index: 1 !important
    }

    .popup-form-wrapper-new {
        width: 100% !important;
        margin-left: auto
    }

    .home-popup-modal-wrapper-new {
        width: 84%;
        height: 480px !important
    }

    .home-book-cover .books,
    .home-book-cover .content {
        justify-content: center;
        align-items: center
    }

    .home-book-cover .content {
        text-align: center;
        padding: 20px
    }

    .custom-merchand-slider-1 {
        height: 330px !important
    }

    .custom-merchand-slider-2,
    .custom-merchand-slider-3 {
        height: 150px !important
    }

    .portfoilio-slider-icon.next,
    .portfoilio-slider-icon.prev,
    .portfoilio-slider2-icon.next,
    .portfoilio-slider2-icon.prev,
    .portfoilio-slider3-icon.next,
    .portfoilio-slider3-icon.prev,
    .portfoilio-slider5-icon.next,
    .portfoilio-slider5-icon.prev {
        display: none
    }

    .testimonials-wrap iframe {
        width: 350px !important;
        text-align: center
    }

    #navbar {
        position: absolute;
        top: 85px
    }

    #fixed-social {
        position: fixed;
        top: 50% !important;
        right: 0;
        z-index: 9999999999;
        display: block !important;
        flex-direction: column;
        height: 100vh;
        justify-content: center
    }

    .hide-btn-responsive {
        display: none !important
    }

    .portfoilio-slider-icon.prev {
        left: 5px !important
    }

    .portfoilio-slider5-icon.next {
        right: 69px !important
    }

    .brand-service-card-content p {
        font-size: 12px !important
    }

    .brand-service-card-content h4 {
        font-size: 15px !important;
        font-weight: 700;
        line-height: 18px
    }

    .brand-service-card-content {
        height: 290px !important
    }

    .banner-text-custom {
        text-wrap: wrap !important;
        font-size: 1.8rem !important
    }

    .fixed-top {
        padding: 3px 10px !important
    }

    .popup-modal-wrapper {
        width: 81%
    }

    .book-sell-text {
        display: none
    }

    .bk-sil.prev {
        left: -19px
    }

    .bk-sil.next {
        right: -19px
    }

    .main-banner-vid,
    video#vide {
        height: 352vw
    }

    .faqs {
        margin: 20px
    }

    .bk-sil2.prev {
        left: -38px
    }

    .bk-sil2.next,
    .bk-sil3.next {
        right: -36px
    }

    .connect-form-border {
        border-radius: 30px
    }

    footer .footer-line:before {
        display: none
    }

    .payment-card {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 20px
    }

    .width-container {
        width: 100% !important;
        margin: 0 auto
    }

    .books-collage {
        display: none
    }

    .bk-sil.next svg,
    .bk-sil.prev svg,
    .bk-sil2.next svg {
        width: 24px
    }

    .bk-sil3.next svg,
    .bk-sil3.prev svg {
        width: 15px !important
    }

    .bk-sil2.prev svg {
        width: 24px !important
    }

    .bk-sil.next,
    .bk-sil.prev,
    .bk-sil2.next,
    .bk-sil2.prev {
        width: 61px
    }

    .bk-sil3.next,
    .bk-sil3.prev {
        width: 35px !important;
        height: 35px !important
    }

    .main-banner-vid p {
        font-size: 19px
    }

    .single-packages .package-badge {
        right: 0;
        width: 68px
    }

    .single-packages {
        margin: 0 auto
    }

    .service-card-img {
        height: 100%
    }

    .brand-cta-book {
        position: relative !important;
        top: -13px !important;
        left: 12px !important
    }

    .brand-cta-vector:before {
        content: "";
        position: absolute;
        width: 303px !important;
        height: 536px !important;
        top: 27px !important;
        left: -2px !important
    }

    .brand-primary-header-bg {
        padding: 41% 0 7% !important
    }

    .brand-choose-us-vector:before {
        width: 358px !important;
        height: 467px !important;
        top: 65px !important;
        left: -41px !important
    }

    .brand-choose-us-img {
        position: relative !important;
        top: -4px !important;
        left: -1px !important
    }

    .popup-form-wrapper {
        width: 100% !important
    }

    .form-off-badge {
        position: absolute;
        right: 5px;
        top: -128px;
        z-index: 1000
    }

    .home-popup-img-bg {
        display: none
    }

    .home-close-btn-modal {
        right: -30px !important
    }

    .responsive-back-to-top {
        left: 28px !important
    }

    .brand-main-contact-wrapper {
        width: 100% !important
    }

    .single-packages,
    .single-packages-footer {
        width: 100%
    }

    .brand-main-banner-video,
    video#brandVideo {
        height: 300vw !important
    }

    .break-words {
        line-break: anywhere
    }

    .brand-testimonials-card {
        margin: 0 !important
    }

    .responsive-not-process {
        display: none
    }

    .single-packages-footer h5 {
        font-size: 15px
    }

    .get-started {
        padding: 11px !important;
        font-size: 10px !important
    }

    .new-lp-banner-btm .box {
        width: 100%
    }

    .new-lp-popup-form .home-close-btn-modal {
        top: 10px;
        right: 8px !important
    }

    .new-lp-banner-btn {
        font-size: 11px !important
    }

    .header-form-off-badge {
        right: -9px !important;
        top: -44px !important;
        z-index: 1000 !important;
        width: 75px !important
    }

    .lp3-banner-left-side-book,
    .lp3-banner-right-side-book {
        display: none
    }

    .get-quote-btn {
        margin-top: 24px
    }

    .new-lp3-footer .content {
        text-align: start
    }

    .new-lp3-tabs-section .tab-btn {
        margin-top: 10px
    }

    .new-lp3-why-choose-us-title {
        margin-bottom: 25px
    }

    .new-lp3-cta-sec {
        margin: 16px
    }

    .new-lp-header-submit-btn {
        width: 100% !important;
        margin-bottom: 20px
    }

    .head-logo {
        width: 172px !important
    }

    .new-lp3-cta-sec .content {
        text-align: center
    }

    .brand-process-content {
        position: absolute;
        top: 16px !important;
        left: 88px !important
    }

    .brand-process-content-right {
        position: absolute;
        top: 10px !important;
        right: 90px !important
    }

    .brand-process-content h2,
    .brand-process-content-right h2 {
        font-size: 12px !important;
        line-height: 15px !important
    }

    .brand-process-content .para,
    .brand-process-content-right .para {
        text-wrap: balance;
        font-size: 9px !important;
        line-height: 13px !important;
        padding-bottom: -51px
    }

    .expanded {
        max-height: 100% !important
    }

    .chart-header-custom .heading {
        font-size: 15px
    }

    .container-compare .responsive-width {
        width: 100%
    }

    .bundle-comparison-chart tbody td {
        font-size: 14px
    }

    .bundle-comparison-chart .chart-header-custom th {
        line-height: 1.5 !important
    }

    .brand-footer .widget-2:before {
        display: none
    }

    .portfoilio-slider4-icon.prev {
        left: 4px !important
    }

    .portfoilio-slider4-icon.next {
        right: 4px !important
    }

    .christmas-banner-img {
        display: none
    }

    .christmas-cap-form {
        position: absolute;
        left: -29px !important;
        top: -30px !important;
        z-index: 1000;
        width: 73px !important
    }

    .fixed-top .nav-logo {
        width: 155px
    }

    .nav-logo {
        width: 165px
    }
}

@media (min-width:768px) and (max-width:900px) {
    .tablet-margin-banner {
        margin: 0 !important
    }

    .christmas-banner-img {
        display: none
    }

    #navbar ul li a {
        font-size: 9px
    }
}

.nav-top-bar {
    position: absolute;
    width: 100%;
    z-index: 99999
}

.brand-about-btn {
    background-color: #008080;
    color: #fff;
    box-shadow: 0 3px 5px #777;
    padding: 9px 30px;
    border-radius: 40px;
    margin-top: 20px
}

.brand-hero-bg-img {
    padding: 6% 0;
    background-repeat: no-repeat;
    background-size: cover
}

.brand-nav-btn {
    background-color: #008080;
    color: #fff;
    border-radius: 30px;
    padding: 8px 20px;
    box-shadow: 0 1px 5px #161617
}


.brand-nav-btn-white,
.brand-nav-btn:hover {
    background: #fff;
    color: #000;
    border-radius: 30px;
    padding: 8px 28px;
    box-shadow: 0 1px 5px #191b42
}

.brand-nav-btn-white:hover {
    background: #191b42;
    color: #fff;
    border-radius: 30px;
    padding: 8px 28px;
    box-shadow: 0 1px 5px #191b42
}

.brand-banner-slider {
    background: linear-gradient(90deg, #137c6d, #309687)
}

.brand-hero-banner-form input,
.brand-hero-banner-form textarea {
    text-indent: 30px
}

.brand-hero-banner-form button {
    background: linear-gradient(90deg, #137c6d, #309687) !important;
    padding: 9px 25px;
    transition: .3s ease-in-out !important
}

.brand-hero-banner-form button:hover {
    background: transparent !important;
    transition: .3s ease-in-out !important
}

.brand-cta-section {
    background: linear-gradient(90deg, #0d0f38, #1b1e5d);
    border-radius: 36px
}

.brand-cta-book {
    position: absolute;
    top: -29px;
    left: 9px;
    animation: upAndDown 3s ease-in-out .6s infinite
}

.brand-choose-us-img {
    position: absolute;
    left: -23px;
    width: 376px;
    bottom: -69px
}

.brand-cta-vector:before {
    content: "";
    position: absolute;
    width: 398px;
    height: 462px;
    background-image: url(../images/cta-vector.0d756444.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -42px;
    left: -10px
}

.brand-choose-us-section {
    background: #008080 !important;
    border-radius: 36px
}

@keyframes upAndDown {

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

    50% {
        transform: translate3d(0, -2%, 0)
    }
}

.bg-image-1,
.bg-image-2,
.bg-image-3 {
    background-position: 50%;
    padding: 6% 0;
    background-repeat: no-repeat;
    background-size: cover
}

.slick-dots {
    position: absolute;
    bottom: 21px !important
}

.slick-dots li button:before {
    font-size: 15px !important;
    padding: 0 !important;
    opacity: 1 !important;
    color: #e0e0e0 !important;
    line-height: 14px !important;
    height: 17px;
    width: 17px
}

.slick-dots li.slick-active button:before {
    border: 3px solid #00b67a;
    color: #fff !important;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    height: 17px;
    width: 17px;
    top: -2px
}

.slick-dots li button {
    color: #e0e0e0 !important
}

.brand-service-section {
    background: linear-gradient(90deg, #137c6d, #309687) !important
}

.brand-service-card {
    color: #000
}

.brand-service-card-content {
    background-color: #fff;
    width: 300px;
    padding: 20px;
    transition: .4s ease-in-out;
    cursor: pointer
}

.brand-service-card .brand-service-card-img img {
    height: 100% !important;
    width: 300px !important
}

.brand-service-card-content span {
    border-bottom: 6px solid #000
}

.right {
    position: absolute;
    clip-path: polygon(50% 0, 100% 50%, 50% 90%, 50% 24%);
    height: 81px;
    width: 86px;
    top: 0;
    right: -43px;
    background: #0d0f38;
    opacity: 0;
    transition: .4s ease-in-out;
    z-index: 1000
}

.bottom {
    clip-path: polygon(14% 0, 13% 91%, 6% 100%, 6% 100%, 0 91%, 0 0);
    height: 40px;
    bottom: -40px;
    left: 50%
}

.bottom,
.right-4 {
    position: absolute;
    width: 86px;
    background: #0d0f38;
    opacity: 0;
    transition: .4s ease-in-out;
    z-index: 1
}

.right-4 {
    clip-path: polygon(50% 0, 100% 50%, 50% 90%, 50% 24%);
    height: 81px;
    bottom: 34px;
    left: -43px;
    transform: rotate(90deg);
    transform: scaleX(-1)
}

.bottom-4 {
    clip-path: polygon(14% 0, 13% 91%, 6% 100%, 6% 100%, 0 91%, 0 0);
    height: 40px;
    top: -40px;
    left: 50%;
    z-index: 1;
    transform: rotate(90deg);
    transform: scaleY(-1)
}

.bottom-4,
.right-5 {
    position: absolute;
    width: 86px;
    background: #0d0f38;
    opacity: 0;
    transition: .4s ease-in-out
}

.right-5 {
    clip-path: polygon(50% 0, 100% 50%, 50% 90%, 50% 24%);
    height: 81px;
    bottom: 22px;
    right: -43px;
    z-index: 1000
}

.bottom-5 {
    position: absolute;
    clip-path: polygon(14% 0, 13% 91%, 6% 100%, 6% 100%, 0 91%, 0 0);
    height: 40px;
    width: 86px;
    top: -40px;
    left: 50%;
    background: #0d0f38;
    opacity: 0;
    transition: .4s ease-in-out;
    z-index: 1;
    transform: rotate(90deg);
    transform: scaleY(-1)
}

.brand-service-card:hover .bottom,
.brand-service-card:hover .bottom-4,
.brand-service-card:hover .bottom-5,
.brand-service-card:hover .brand-service-card-img span,
.brand-service-card:hover .right,
.brand-service-card:hover .right-4,
.brand-service-card:hover .right-5 {
    opacity: 1;
    transition: .4s ease-in-out
}

.brand-service-card-content:hover {
    background-color: #0d0f38;
    color: #fff;
    border-color: #fff !important
}

.brand-service-card-content:hover span {
    border-color: #fff !important
}

.brand-service-card-content:hover .icon {
    filter: invert(1)
}

.square {
    height: 100%;
    width: 100%;
    background: transparent;
    border: 0 solid #fff;
    transition: border-width .4s linear;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: 1000
}

.square a {
    background-color: #fff;
    color: #000;
    opacity: .6;
    padding: 10px 20px;
    font-weight: 700
}

.square:hover {
    opacity: 1
}

.brand-choose-us-section ul {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.brand-choose-us-audio-wrapper {
    background-color: #fff;
    padding: 10px;
    width: auto
}

.brand-faq-icon {
    width: 21px
}

.brand-submit-btn {
    border-radius: 13px;
    background: linear-gradient(90deg, #137c6d, #309687);
    border: none;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 7px 40px;
    width: 180px;
    transition: all .5s;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

.brand-submit-btn:after {
    content: "»";
    position: absolute;
    opacity: 0;
    top: 5px;
    right: -20px;
    transition: .5s
}

.brand-submit-btn:hover {
    padding-right: 24px;
    padding-left: 8px
}

.brand-submit-btn:hover:after {
    opacity: 1;
    right: 22px
}

.brand-connect-form-input {
    text-indent: 30px;
    padding: 14px
}

.brand-testimonials-card {
    width: 100%;
    padding: 23px
}

.brand-testimonials-card span {
    font-weight: 700
}

.brand-testimonials-card p {
    font-size: 16px !important
}

.brand-process {
    /* background: url(images/penguin-book.png); */
    
      
   
  }

.service-card-img:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 168, 157, .4);
    -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease, -webkit-transform .5s ease;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
   
}

.brand-service-card:hover .service-card-img:before {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.service-card-img {
    position: relative;
    display: block;
    overflow: hidden
}

.brand-primary-header-bg {
    padding: 14% 0 7%;
    background-repeat: no-repeat;
    background-size: cover
}

.brand-portfolio-books .active {
    background-color: #05092a;
    border: 1px solid #157d6e;
    color: #fff
}

.brand-portfolio-books .in-active {
    background: linear-gradient(90deg, #137c6d, #309687);
    color: #fff
}

.transparent-connect-form-border {
    background-color: #87929d6b !important;
    backdrop-filter: blur(4px)
}

.dark-form-bg {
    background: #433f3fe6
}

.home-popup-modal-wrapper {
    width: 80%;
    height: 522px
}

.form-off-badge {
    position: absolute;
    right: 21px;
    top: -71px;
    z-index: 1000
}

.home-connect-form-input {
    background-color: #fff;
    font-size: 17px;
    border-radius: 10px;
    border: 2px solid #fff0;
    padding: 3px 17px
}

.home-popup-img-bg {
    height: 450px !important
}

.popup-form-wrapper {
    width: 38%
}

.home-close-btn-modal {
    position: absolute;
    top: -21px;
    background: #2c9384;
    right: -76px;
    border-radius: 50%
}

.home-close-btn-modal svg {
    filter: invert(1)
}

.powered-by-text,
.text-blink {
    animation: key-second 4s linear infinite;
    -webkit-animation: key-second 4s ease-in-out infinite;
    background-color: transparent !important
}

@-webkit-keyframes key-second {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        color: #fff
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        color: #008080
    }
}

.header-form-off-badge {
    position: absolute;
    right: -17px;
    top: -18px;
    z-index: 1000;
    width: 83px
}

.powered-by-text {
    font-weight: 700
}

.brand-testimonials-card:hover {
    color: #fff;
    transition: .4s ease-in-out
}

.brand-testimonials-card {
    display: block;
    position: relative;
    background-color: #e8e4e4;
    border-radius: 4px;
    text-decoration: none;
    z-index: 0;
   
    overflow: hidden;
    box-sizing: content-box;
    height: 520px;
 width: 350px;
}

/* .brand-testimonials-card:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: linear-gradient(90deg, #137c6d, #309687);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(5.5);
    transform-origin: 50% 50%;
    transition: transform .25s ease-out
} */

.brand-testimonials-card:hover:before {
    transform: scale(45);
    color: #fff
}

.service-dropdown-icon {
    filter: invert(1)
}

.fixed-top {
    position: fixed !important;
    transition: .3s ease-in;
    background-color: #0d0f38;
    width: 100% !important;
    top: 0 !important;
    padding: 3px !important;
    z-index: 999999
}

.fixed-top .brand-nav-btn {
    background: #fff !important;
    color: #000
}

.audioPlayer {
    background: #fff;
    padding: 10px;
    border-radius: 22px;
    display: inline-block
}

.brand-main-contact-wrapper {
    background: linear-gradient(90deg, #137c6d, #309687);
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
    border-radius: 40px;
    width: 70%
}

.brand-main-contact-form {
    background-color: #e9e9e9;
    border-radius: 40px
}

audio::-webkit-media-controls-mute-button {
    border-radius: 50%
}

audio::-webkit-media-controls-panel {
    background-color: #167e6e64
}

audio::-webkit-media-controls-play-button:hover {
    background-color: rgba(177, 212, 224, .7)
}

.brand-main-banner-video {
    height: 90vh
}

.brand-video {
    height: 100vh
}

video#brandVideo {
    position: absolute;
    z-index: -1;
    height: 90vh;
    width: 100%;
    object-fit: cover;
    background: #000
}

.brand-portfolio-books img {
    height: 100%
}

[data-aos] {
    will-change: transform, opacity
}

.brand-story-slider {
    border: 20px solid #fff
}

.brand-process-content {
    position: absolute;
    top: 29px;
    left: 165px
}

.brand-process-content p,
.brand-process-content-right p {
    text-wrap: balance;
    font-size: 14px !important;
    line-height: 17px
}

.brand-process-content-right {
    position: absolute;
    top: 29px;
    right: 163px
}

.brand-bundle-packages-wrapper button {
    border-radius: 15px;
    text-align: center
}

.brand-bundle-packages-wrapper .active {
    background: linear-gradient(90deg, #0d0f38, #1b1e5d);
    width: 116%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    transition: .3s ease-in-out
}

.brand-bundle-packages-wrapper .in-active {
    background: linear-gradient(90deg, #137c6d, #309687);
    transition: .3s ease-in-out
}

.brand-bundle-packages-content {
    background: linear-gradient(264deg, #0d0f38, #1b1e5d);
    border-radius: 15px
}

.brand-bundle-packages-content ul {
    margin-left: 0;
    line-height: 33px
}

.brand-bundle-packages-wrapper {
    width: 66%
}

.brand-bundle-packages-wrapper .brand-bundle-packages-tabs {
    width: 54%
}

.brand-bundle-packages-content .price {
    font-size: 21px !important
}

.slideContent {
    position: relative
}

.imageOverlay {
    position: absolute;
    bottom: 20px;
    left: 21px;
    background-color: hsla(0, 0%, 100%, .58);
    color: #fff;
    padding: 5px 10px;
    border-radius: 0;
    width: 89%;
    text-align: left
}

.imageOverlay p {
    color: #573f3b;
    font-weight: 700
}

.navButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10
}

.brand-story-sec .bk-sil2.prev {
    top: 50% !important;
    left: -36px !important;
    z-index: 99999
}

.bk-sil2.next {
    position: absolute;
    top: 50% !important;
    right: -34px !important
}

.brand-story-sec:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 57%;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0
}

.glightbox-clean .gslide-description {
    display: none
}

.brand-custom-dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 31px;
    z-index: 100000000000000000 !important
}

.brand-custom-dropdown-menu ul li a:hover {
    padding-left: 8px;
    transition: .3s ease-in-out;
    color: #258c7d;
    font-weight: 700
}

.brand-custom-dropdown-menu ul li a:hover h3 {
    background-color: #147d6e;
    color: #fff
}

.brand-custom-dropdown-menu .talk-to-btn {
    background: #147d6e;
    color: #fff;
    box-shadow: 0 3px 5px #777;
    padding: 5px 20px;
    border-radius: 40px;
    font-size: 13px
}

.brand-custom-dropdown-menu h2 {
    border-bottom: 1px solid #5555;
    line-height: 1.5
}

.brand-custom-dropdown-menu p {
    font-size: 12px !important;
    font-weight: 300
}

.brand-custom-dropdown-menu ul {
    width: 100%;
    height: 473px;
    overflow-y: auto
}

.brand-custom-dropdown-menu ul li {
    border-bottom: 1px solid #cdcbcb
}

.brand-custom-dropdown-menu ul li a {
    transition: .3s ease-in-out
}

.main-button {
    background: #147d6e;
    color: #fff;
    box-shadow: 0 3px 5px #777;
    padding: 5px 20px;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    text-transform: uppercase
}

.main-button:after {
    background-color: #147d6e;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    animation-name: blink;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@keyframes blink {
    0% {
        transform: scaleX(1);
        opacity: .8
    }

    to {
        transform: scale3d(1.1, 1.3, 1.1);
        opacity: 0
    }
}

.new-lp-banner {
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(19, 124, 109, .4)), no-repeat 0 0 #081036;
    background-size: cover
}

.new-lp-banner,
.new-lp3-banner-section {
    text-align: center;
    padding: 190px 0 70px;
    color: #fff
}

.new-lp3-banner-section {
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(19, 124, 109, .4)), no-repeat 0 0 #081036;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.fa-check:before {
    content: "✔";
    color: #008080;
    padding-right: 7px
}

.new-lp-banner .banner-features {
    font-size: 14px
}

.new-lp-banner-btn {
    display: inline-block;
    width: 270px;
    text-align: center;
    background: linear-gradient(90deg, #137c6d, #075448);
    color: #fff;
    text-transform: uppercase;
    padding: 14px 10px;
    font-size: 17px;
    border-radius: 80px;
    margin: 29px 7px 23px;
    text-shadow: #000 0 1px 1px;
    font-weight: 500
}

.new-lp-banner-btn-chat {
    background: #333 !important
}

.new-lp-header {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 20px 0;
    background-color: #0000006b
}

.get-started {
    display: block;
    border: 2px solid #008080;
    color: #fff;
    padding: 11px 42px;
    border-radius: 136px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px
}

.new-lp-header-submit-btn {
    background: linear-gradient(90deg, #137c6d, #075448);
    color: #fff;
    border-radius: .25rem;
    padding: 10px 11px;
    font-weight: 600;
    margin-left: 0;
    font-size: 14px;
    width: 148px
}

.new-lp-banner-form input {
    height: 45px;
    border-radius: .25rem;
    padding-left: 15px;
    border: none;
    background-color: #e2e2e2;
    width: 324px
}

.new-lp-banner-form-wrapper {
    background-color: #ebebeb75;
    padding: 20px;
    border-radius: .25rem;
    width: 100%;
    list-style-type: none;
    box-shadow: 0 10px 36px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgb(0 0 0/6%);
    border: 5px solid #ebebeb75;
    flex-wrap: wrap;
    gap: 15px;
    width: max-content;
    margin: 0 auto
}

.new-lp-banner-btm .box {
    text-align: center;
    background: #333;
    color: #fff;
    padding: 28px;
    height: 128px;
    overflow: hidden
}

.box-1,
.box-3 {
    background: #333
}

.box-2 {
    background: linear-gradient(90deg, #137c6d, #075448) !important
}

.new-lp-counter-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    font-size: 2rem
}

.new-lp-counter-container .circleContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new-lp-counter-container .svg {
    width: 100px;
    height: 100px
}

.new-lp-counter-container .circleBackground {
    fill: none;
    stroke: #e5e7eb;
    stroke-width: 10
}

.new-lp-counter-container .circleForeground {
    fill: none;
    stroke-width: 10;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear
}

.new-lp-counter-container .hours {
    stroke: #3b82f6
}

.new-lp-counter-container .minutes {
    stroke: #34d399
}

.new-lp-counter-container .seconds {
    stroke: #f87171
}

.new-lp-counter-container .timeLabel {
    position: absolute;
    top: 20%;
    font-size: 12px;
    color: #fff
}

.new-lp-counter-container .timeValue {
    position: absolute;
    top: 43%;
    font-size: 1.2rem;
    font-weight: 700
}

.new-lp-banner-btm h6 {
    font-size: 19px
}

.new-lp-about-book ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 21px;
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.new-lp-about-book .btn {
    display: inline-block;
    text-align: center;
    background: linear-gradient(90deg, #137c6d, #075448);
    color: #fff;
    text-transform: uppercase;
    padding: 11px 40px;
    font-size: 17px;
    border-radius: 80px;
    font-weight: 500;
    margin-top: 26px;
    letter-spacing: .5px
}

.new-lp-about-book p {
    font-size: 15px !important;
    line-height: 28px
}

.new-lp-portfolio {
    background: #ededed
}

.new-lp-portfolio .active {
    background-color: #333;
    border: none !important
}

.new-lp-portfolio .in-active {
    background: #008080 !important;
    color: #fff !important;
    border: none !important
}

.new-lp-cta-sec {
    background: linear-gradient(90deg, #137c6d, #075448);
    padding: 60px 0 0;
    color: #fff;
    font-size: 22px
}

.new-lp-cta-sec h3 span {
    color: #fff18f;
    font-weight: 700
}

.new-lp-cta-sec h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 53px
}

.new-lp-cta-sec svg {
    width: 20px
}

.new-lp-footer {
    background-color: #333
}

.new-lp-copyright-sec {
    background: #2b2a2a
}

.new-lp-banner .powered-by-text,
.new-lp-copyright-sec .powered-by-text {
    animation: key-third 4s linear infinite;
    -webkit-animation: key-third 4s ease-in-out infinite;
    background-color: transparent !important
}

@-webkit-keyframes key-third {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        color: #fff
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        color: #008080
    }
}

.new-lp-testimonials .content:before {
    content: open-quote;
    color: #f5f5f5;
    font-size: 300px;
    position: absolute;
    left: 33%;
    top: -91px;
    z-index: 0
}

.new-lp-testimonials .brand-testimonials-card p {
    height: 250px;
    overflow-y: scroll
}

.new-lp-testimonials p::-webkit-scrollbar-track {
    background-color: transparent !important
}

.new-lp-footer-logo {
    background-color: #2b2a2a
}

.new-lp-popup-form {
    background: #fff;
    overflow: visible;
    border-bottom: 5px solid #0f6f61;
    border-radius: 27px
}

.new-lp-popup-form input,
.new-lp-popup-form textarea {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: 0 none !important
}

.new-lp-popup-form .home-close-btn-modal {
    position: absolute;
    top: 15px;
    background: linear-gradient(90deg, #137c6d, #075448);
    color: #fff !important;
    right: -2px;
    border-radius: 50%;
    box-shadow: 0 0 6px #00000082;
    font-weight: 600;
    border: 3px solid #fff;
    padding: 3px;
    width: 43px;
    display: flex;
    justify-content: center
}

.new-lp-popup-form .coupon-text {
    border-left: 6px solid #0f6f61;
    text-align: left;
    line-height: 27px;
    padding-left: 15px;
    text-transform: uppercase
}

.new-lp-popup-form .coupon-text-2 {
    color: #0f6f61;
    font-size: 24px;
    margin-left: 21px;
    text-align: left;
    margin-bottom: 16px
}

.new-lp-popup-submit-btn {
    background: linear-gradient(90deg, #137c6d, #075448) !important
}

.new-lp-footer-logo img {
    width: 121px !important
}

.new-lp-about-book .logos {
    background-color: #333;
    padding: 20px;
    border-radius: 47px
}

.responsive-back-to-top {
    animation: waveBtn 2s infinite
}

@keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 #00a79d
    }

    50% {
        box-shadow: 0 0 0 40px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

.time-wrapper {
    color: #fff;
    font-size: 12px
}

.time-wrapper .time {
    font-size: 23px;
    font-weight: 700
}

.nav-link-hover-img {
    width: 100% !important;
    height: 100% !important
}

.about-logos-sec {
    border-radius: 10px
}

.banner-text-custom {
    font-size: 2.1rem !important;
    text-wrap: nowrap
}

.lp3-banner-list li:before {
    content: "✓";
    left: 5px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding: 3px 6px;
    background: #32d2b5;
    color: rgba(var(--light-color), 1);
    margin-right: 10px
}

.lp3-banner-left-side-book {
    position: absolute;
    left: 0;
    transform: rotate(19deg)
}

.lp3-banner-right-side-book {
    position: absolute;
    right: 0;
    transform: rotate(340deg)
}

.new-lp3-why-choose-us-number {
    font-size: 70px;
    color: #008080
}

.new-lp3-why-choose-us-number,
.new-lp3-why-choose-us-title h1,
.new-lp3-why-choose-us-title h2,
.new-lp3-why-choose-us-title h4 {
    font-family: Merriweather, serif;
    font-weight: 700
}

.new-lp3-why-choose-us-counter-box {
    background: linear-gradient(90deg, #137c6d, #075448);
    border-radius: 25px;
    padding: 40px;
    width: 100%;
    height: 150px
}

.new-lp3-why-choose-us-counter-box h2 p {
    font-family: Merriweather, serif;
    font-weight: 700;
    font-size: 30px !important;
    color: #fff;
    padding-bottom: 14px
}

.new-lp3-cta-sec {
    background: #ebebeb75;
    padding: 27px;
    border: 7px solid #008080;
    border-radius: 25px
}

.new-lp3-cta-sec .icon,
.new-lp3-footer .icon,
.tab-one-content .icon {
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 50%;
    background-color: #008080;
    display: flex;
    justify-content: center;
    align-items: center
}

.new-lp3-cta-sec .icon svg,
.new-lp3-footer .icon svg,
.tab-one-content .icon svg {
    font-size: 20px;
    width: 20px
}

.new-lp3-cta-sec .content h3,
.new-lp3-footer .content h3,
.tab-one-content .content h3 {
    font-size: 17px;
    font-weight: 700;
    color: #008080;
    cursor: pointer;
    line-height: 16px
}

.new-lp3-cta-sec .content p,
.new-lp3-footer .content p,
.tab-one-content .content p {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.new-lp3-cta-sec .get-quote-btn,
.tab-one-content .get-quote-btn {
    background: linear-gradient(90deg, #137c6d, #075448);
    border-radius: 40px;
    color: #fff;
    padding: 10px 30px
}

.new-lp3-tabs-section .in-active {
    background: linear-gradient(90deg, #137c6d, #075448)
}

.new-lp3-tabs-section .active,
.new-lp3-tabs-section .in-active {
    color: #fff;
    border-radius: 30px;
    width: 100%;
    padding: 37px 25px;
    transition: .4s ease-in-out;
    height: 200px
}

.new-lp3-tabs-section .active {
    background-color: #1a1d5a
}

.new-lp3-tabs-section .active img {
    filter: invert(1)
}

.new-lp3-tabs-section .tab-btn span {
    font-size: 14px;
    text-transform: uppercase
}

.new-lp3-tabs-section .tab-btn img {
    filter: invert(1)
}

.new-lp3-testimonials .card {
    background: #008080;
    border-radius: 25px;
    padding: 40px
}

.new-lp3-testimonials h3 {
    font-family: Merriweather, serif;
    font-weight: 700;
    color: #fff;
    font-size: 15px
}

.new-lp3-testimonials .bk-sil.prev {
    z-index: 99999999999;
    left: -2px
}

.new-lp3-testimonials .bk-sil.next {
    z-index: 99999999999;
    right: -5px
}

.new-lp3-footer {
    background-attachment: fixed;
    background-size: cover;
    background-position: 50%
}

.new-lp3-footer h3 {
    font-family: Merriweather, serif;
    font-weight: 700;
    color: #fff;
    font-size: 22px
}

.new-lp3-process-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    counter-reset: chapter
}

.new-lp3-process-wrapper .process-item {
    width: 145px;
    padding: 140px 0;
    position: relative;
    transition: .5s
}

.new-lp3-process-wrapper .process-item div {
    transition: .5s;
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-lp3-process-wrapper .process-item:nth-child(odd) .p-img {
    top: -12px;
    right: -40px
}

.new-lp3-process-wrapper .process-item .p-img {
    position: absolute
}

.new-lp3-process-wrapper .process-item img:nth-child(4),
.new-lp3-process-wrapper .process-item:last-child .p-img {
    display: none
}

.new-lp3-process-wrapper .process-item:nth-child(2n) .p-img {
    bottom: -16px;
    right: -40px
}

.new-lp3-process-wrapper .process-item:hover div:after {
    background: #008080
}

.new-lp3-process-wrapper .process-item h3 {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-bottom: 0;
    counter-increment: chapter;
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center
}

.new-lp3-process-wrapper .process-item:nth-child(odd) h3 {
    top: 0
}

.new-lp3-process-wrapper .process-item:nth-child(2n) h3 {
    bottom: 0
}

.new-lp3-process-wrapper .process-item div:before {
    width: 3px;
    height: 68px;
    content: "";
    position: absolute;
    top: -68px;
    background: #fff
}

.new-lp3-process-wrapper .process-item div:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #324056;
    border-radius: 100%;
    background: #fff;
    top: -84px
}

.new-lp3-process-wrapper .process-item:nth-child(2n) div:before {
    top: auto;
    bottom: -68px
}

.new-lp3-process-wrapper .process-item:nth-child(2n) div:after {
    top: auto;
    bottom: -84px
}

.new-lp3-process-wrapper .process-item h3:before {
    content: counter(chapter);
    display: inline-block;
    font-size: 50px;
    line-height: 43px;
    margin-right: 6px;
    font-weight: 600;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: #fff
}

.new-lp3-process-wrapper .process-item div img:first-child {
    max-height: 50px;
    transition: .5s;
    z-index: 11;
    position: relative
}

.new-lp3-process-wrapper .process-item.active,
.new-lp3-process-wrapper .process-item:hover {
    transform: translateY(-10px)
}

.new-lp3-process-wrapper .process-item.active div img:first-child {
    filter: brightness(.23)
}

.new-lp3-process-wrapper .process-item.active h3:before,
.new-lp3-process-wrapper .process-item:hover h3:before {
    color: #008080;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #008080
}

.new-lp3-process-wrapper .process-item img:nth-child(3),
.new-lp3-process-wrapper .process-item img:nth-child(4) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.process-item {
    opacity: 1;
    transition: opacity .5s ease
}

.process-item.active {
    opacity: 1
}

.process-item-mob {
    background-color: #f6fffd;
    width: auto;
    height: 200px;
    border-radius: 12px;
    margin: 20px;
    flex-direction: column;
    border: 5px solid #008080
}

.process-item-mob,
.process-item-mob h3:before {
    display: flex;
    justify-content: center;
    align-items: center
}

.process-item-mob h3:before {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-bottom: 0;
    counter-increment: chapter;
    white-space: nowrap
}

.border-dashed {
    border-style: dashed
}

.bundle-comparison-chart tbody tr:nth-child(odd) {
    background-color: #d6d6d6
}

.bundle-comparison-chart tbody tr:nth-child(2n) {
    background-color: #f1efef
}

.bundle-comparison-chart tbody tr {
    color: #000
}

.bundle-comparison-chart .chart-header-custom th {
    color: #fff;
    border: none;
    font-size: 20px;
    line-height: 2.5;
    text-align: center
}

.bundle-comparison-chart .chart-header-custom th:nth-child(2) {
    background-color: #147d6e
}

.bundle-comparison-chart .chart-header-custom th:nth-child(2),
.bundle-comparison-chart .chart-header-custom th:nth-child(3) {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    transition: .4s ease-in-out;
    box-shadow: 6px 5px 15px 8px rgba(0, 0, 0, .1)
}

.bundle-comparison-chart .chart-header-custom th:nth-child(3) {
    background-color: #0d0f38
}

.bundle-comparison-chart .chart-header-custom th:nth-child(4) {
    background-color: #147d6e;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    transition: .4s ease-in-out;
    box-shadow: 6px 5px 15px 8px rgba(0, 0, 0, .1)
}

.bundle-comparison-chart tbody td {
    border: 1px solid #147d6e54
}

.bundle-comparison-chart tbody tr:hover {
    box-shadow: 6px 5px 15px 8px rgba(0, 0, 0, .1);
    cursor: pointer;
    margin-top: 6px
}

.compare-now-btn {
    background-color: transparent;
    padding: 10px 30px;
    border-radius: 30px;
    color: #0d0f38;
    border: 1px solid #0d0f38;
    font-weight: 700;
    transition: .4s ease-in-out
}

.compare-now-btn:hover {
    background-color: #147d6e;
    transition: .4s ease-in-out;
    color: #fff
}

.compare-now-btn svg {
    width: 14px !important
}

.compare-now-btn:hover svg {
    fill: #fff;
    color: #fff
}

.container-compare {
    overflow: hidden;
    transition: max-height .8s ease-in-out
}

.collapsed {
    max-height: 0
}

.collapsed,
.expanded {
    transition: .8s ease-in-out
}

.expanded {
    max-height: 2400px
}

.brand-footer .widget-1:before {
    right: -15px
}

.brand-footer .widget-1:before,
.brand-footer .widget-2:before {
    content: "";
    background-color: #ffffff82;
    height: 300px;
    width: 1px;
    position: absolute;
    bottom: 0;
    top: 0
}

.brand-footer .widget-2:before {
    right: 4%
}

.brand-footer p {
    font-size: 15px !important
}

.brand-footer svg {
    width: 16px
}

.book-publishing-cta-section {
    background: #374151
}

.book-publishing-cta-btn-1 {
    color: #374151;
    border-radius: 30px;
    padding: 8px 28px;
    box-shadow: 0 1px 5px #191b42
}

.book-publishing-cta-btn-2 {
    background-color: #0d0f38
}

.book-publishing-cta-btn-2,
.book-publishing-cta-btn-3 {
    color: #fff;
    border-radius: 30px;
    padding: 8px 28px;
    box-shadow: 0 1px 5px #191b42
}

.book-publishing-cta-btn-3 {
    background-color: #1a8273
}

.book-publishing-cta-img {
    position: relative;
    bottom: 54px
}

.tag-50-per-off {
    color: #000;
    padding: 2px 30px;
    border-radius: 10px
}

.single-packages:hover .tag-50-per-off,
.tag-50-per-off {
    background-color: #d6d6d6;
    transition: .4s ease-in-out
}

.single-packages .hover-top-vector span {
    color: #147d6e;
    font-weight: 800
}

.bottom,
.bottom-4,
.bottom-5 {
    display: none
}

.tag-50-per-off del {
    text-decoration: line-through red
}

.whatsapp-chat a:link,
.whatsapp-chat a:visited {
    color: #444;
    text-decoration: none;
    transition: all .4s ease-in-out
}

.whatsapp-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: .5
}

#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    width: 350px;
    border-radius: 10px;
    bottom: 178px;
    left: 30px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1)
}

#whatsapp-chat,
a.blantershow-chat {
    position: fixed;
    box-shadow: 0 1px 15px rgba(32, 33, 36, .28)
}

a.blantershow-chat {
    background: #fff;
    color: #404040;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1;
    bottom: 112px;
    left: 20px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px
}

a.blantershow-chat svg {
    transform: scale(1.2);
    margin: 0 10px 0 0
}

a.blantershow-chat:hover {
    text-decoration: none
}

.header-chat {
    background: #009688;
    background: #095e54;
    color: #fff;
    padding: 20px
}

.header-chat h3 {
    margin: 0 0 10px
}

.header-chat p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    color: #fff
}

.info-avatar {
    position: relative
}

.info-avatar img {
    width: 90px;
    float: left;
    margin: 0 10px 0 0
}

a.informasi {
    padding: 20px;
    display: block;
    overflow: hidden;
    animation-name: showhide;
    animation-duration: .5s
}

a.informasi:hover {
    background: #f1f1f1
}

.info-chat span {
    display: block
}

#get-label,
span.chat-label {
    font-size: 12px;
    color: #888
}

#get-nama,
span.chat-nama {
    margin: 5px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #222
}

#get-label,
#get-nama {
    color: #fff
}

span.my-number {
    display: none
}

textarea#chat-input {
    border: none;
    font-family: Arial, sans-serif;
    width: 100%;
    height: 42px;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 14px
}

a#send-it {
    width: 35px;
    font-weight: 700;
    padding: 10px 10px 0;
    background: #eee;
    border-radius: 1px
}

a#send-it svg {
    fill: #a6a6a6;
    height: 22px;
    width: 15px
}

.first-msg {
    background: transparent;
    padding: 30px;
    text-align: center
}

.first-msg span {
    background: #e2e2e2;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 20px;
    display: inline-block
}

.start-chat .blanter-msg {
    display: flex
}

#get-number {
    display: none
}

a.close-chat {
    position: absolute;
    top: -3px;
    right: 11px;
    font-size: 23px
}

a.close-chat,
a.close-chat:hover {
    color: #fff;
    text-decoration: none
}

@keyframes ZpjSY {
    0% {
        background-color: #b6b5ba
    }

    15% {
        background-color: #111
    }

    25% {
        background-color: #b6b5ba
    }
}

@keyframes hPhMsj {
    15% {
        background-color: #b6b5ba
    }

    25% {
        background-color: #111
    }

    35% {
        background-color: #b6b5ba
    }
}

@keyframes iUMejp {
    25% {
        background-color: #b6b5ba
    }

    35% {
        background-color: #111
    }

    45% {
        background-color: #b6b5ba
    }
}

@keyframes showhide {
    0% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes showchat {
    0% {
        transform: scale(0);
        opacity: 0
    }
}

@media screen and (max-width:480px) {
    #whatsapp-chat {
        width: auto;
        left: 5%;
        right: 5%;
        font-size: 80%
    }
}

.hide {
    display: none
}

.hide,
.show-whatsapp {
    animation-name: showhide;
    animation-duration: .5s;
    transform: scale(1);
    opacity: 1
}

.show-whatsapp {
    display: block
}

.whatsapp-message-container {
    display: flex;
    z-index: 1
}

.whatsapp-message {
    padding: 7px 14px 6px;
    background-color: #fff;
    border-radius: 0 8px 8px;
    position: relative;
    transition: all .3s ease 0s;
    opacity: 0;
    transform-origin: center top 0;
    z-index: 2;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px)
}

.whatsapp-chat-body {
    padding: 20px 20px 20px 10px;
    background-color: #e6ddd4;
    position: relative
}

.whatsapp-chat-body:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: .08;
}

.dAbFpq,
.eJJEeC {
    display: flex;
    z-index: 1
}

.eJJEeC {
    background-color: #fff;
    width: 52.5px;
    height: 32px;
    border-radius: 16px;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-left: 10px;
    opacity: 0;
    transition: all .1s ease 0s;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13)
}

.hFENyl {
    position: relative;
    display: flex
}

.ixsrax {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-color: #9e9da2;
    animation-name: ZpjSY
}

.dRvxoz,
.ixsrax {
    height: 5px;
    width: 5px;
    margin: 0 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    top: 0
}

.dRvxoz {
    background-color: #b6b5ba;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: hPhMsj
}

.kAZgZq {
    padding: 7px 14px 6px;
    background-color: #fff;
    border-radius: 0 8px 8px;
    position: relative;
    transition: all .3s ease 0s;
    opacity: 0;
    transform-origin: center top 0;
    z-index: 2;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px)
}

.kAZgZq:before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0;
    left: -12px;
    width: 12px;
    height: 19px
}

.bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, .4)
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111
}

#whatsapp-chat .hide {
    display: none
}

#whatsapp-chat .show {
    display: block
}

.portfoilio-slider-icon.prev {
    left: -20px !important;
    z-index: 9999
}

.portfoilio-slider-icon.next,
.portfoilio-slider-icon.prev {
    position: absolute;
    top: 50% !important;
    border-radius: 51px !important;
    background-color: #fff !important;
    box-shadow: -4px 2px 43px 0 rgba(0, 0, 0, .75);
    height: auto !important;
    cursor: pointer
}

.portfoilio-slider-icon.next {
    right: -22px !important;
    z-index: 99999
}

.portfoilio-slider2-icon.prev {
    left: -20px !important;
    z-index: 9999
}

.portfoilio-slider2-icon.next,
.portfoilio-slider2-icon.prev {
    position: absolute;
    top: 28% !important;
    border-radius: 51px !important;
    background-color: #fff !important;
    box-shadow: -4px 2px 43px 0 rgba(0, 0, 0, .75);
    height: auto !important;
    cursor: pointer
}

.portfoilio-slider2-icon.next {
    right: -22px !important;
    z-index: 99999
}

.portfoilio-slider3-icon.prev {
    left: -20px !important;
    z-index: 9999
}

.portfoilio-slider3-icon.next,
.portfoilio-slider3-icon.prev {
    position: absolute;
    top: 55% !important;
    border-radius: 51px !important;
    background-color: #fff !important;
    box-shadow: -4px 2px 43px 0 rgba(0, 0, 0, .75);
    height: auto !important;
    cursor: pointer
}

.portfoilio-slider3-icon.next {
    right: -22px !important;
    z-index: 99999
}

.portfoilio-slider5-icon.prev {
    top: 55% !important;
    left: -5% !important;
    z-index: 9999
}

.portfoilio-slider5-icon.next,
.portfoilio-slider5-icon.prev {
    position: absolute;
    border-radius: 51px !important;
    background-color: #fff !important;
    box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .75);
    height: auto !important;
    cursor: pointer
}

.portfoilio-slider5-icon.next {
    top: 52% !important;
    right: -53px !important;
    z-index: 99999
}

.text-size-custom {
    font-size: 16px;
    font-weight: 700
}

.icon-logo-portfolio {
    width: 35px;
    border: 1px solid #7474741c;
    border-radius: 4px;
    box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .1)
}

.portfolio-book-publishing-offer-bg {
    background-color: #054f44
}

.small-text {
    font-size: 15px !important
}

.prose h2 {
    font-size: 22px
}

.prose h2,
.prose h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700
}

.prose h3 {
    font-size: 18px
}

.bk-sil3.next,
.bk-sil3.prev {
    margin-top: 0;
    position: absolute;
    top: 43%;
    right: -36px;
    width: 45px;
    height: 35px;
    transform: translateY(-50%);
    background: #0d0f38;
    border: none;
    padding: 10px 7px;
    color: #fff;
    border-radius: 10px;
    width: 3.5%;
    font-size: 24px;
    line-height: .5;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s ease-in-out
}

.portfoilio-slider4-icon.next {
    right: -15px
}

.portfoilio-slider4-icon.next,
.portfoilio-slider4-icon.prev {
    top: 50%;
    z-index: 99999;
    border-radius: 51px;
    background-color: #fff;
    box-shadow: inset -4px 2px 16px 1px rgba(0, 0, 0, .75);
    height: auto;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.portfoilio-slider4-icon.prev {
    right: -22px;
    left: -17px
}

.bk-sil3.next:hover,
.bk-sil3.prev:hover {
    scale: .9;
    transition: .4s ease-in-out
}

.snowflake {
    position: absolute;
    pointer-events: none;
    user-select: none;
    opacity: .4;
    will-change: transform;
    z-index: -1 !important
}

.christmas-banner-img {
    bottom: -7px;
    position: absolute;
    right: -32px
}

.christmas-banner-title {
    color: #fff
}

.christmas-banner-desc {
    color: #fff;
    font-size: 15px;
    line-height: 20px
}

.christmas-cap-form {
    position: absolute;
    left: -53px;
    top: -43px;
    z-index: 1000;
    width: 114px
}

#fixed-social {
    position: fixed;
    top: 37%;
    right: 0;
    z-index: 9999999999;
    flex-direction: column
}

#fixed-social,
#fixed-social a {
    display: block;
    justify-content: center
}

#fixed-social a {
    color: #000;
    height: 37px;
    position: relative;
    text-align: center;
    line-height: 35px;
    width: 45px;
    margin-bottom: 1px;
    z-index: 2;
    display: flex;
    align-items: center;
    border: 1px solid #0d0f38;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 4px
}

#fixed-social a svg {
    font-size: 23px !important;
    transition: .4s ease-in-out
}

#fixed-social a img {
    width: 16px !important;
    transform: scale(1.3);
    transition: .4s ease-in-out
}

#fixed-social a:hover img {
    transform: scale(1.5);
    transition: .4s ease-in-out
}

#fixed-social a:hover svg {
    transform: scale(1.2);
    font-size: 27px !important;
    transition: .4s ease-in-out
}

#fixed-social a span {
    line-height: 34px;
    right: 30px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 1;
    opacity: 0;
    border: 1px solid #0d0f38;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.fixed-facebook,
.fixed-facebook span,
.fixed-gplus,
.fixed-gplus span,
.fixed-instagrem,
.fixed-instagrem span,
.fixed-linkedin,
.fixed-linkedin span,
.fixed-tumblr,
.fixed-tumblr span,
.fixed-twitter,
.fixed-twitter span {
    background-color: #fff
}

.PhoneInputInput,
.iti {
    outline: none
}

.iti {
    width: 100%
}

.phone-input {
    width: 100%;
    padding-left: 50px
}

.iti__country {
    display: inline-block;
    margin-right: 10px
}

.iti__selected-flag {
    margin-top: 5px
}

.iti__flag {
    width: 20px;
    height: 15px
}

.iti__dropdown {
    width: 100%
}

.tel-box {
    display: flex;
    margin-top: 0;
    align-items: center
}

.select-box {
    width: 50px;
    height: 39px;
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 0;
    background: transparent
}

.flag-img {
    width: 43px;
    border: 2px solid #2c9283;
    border-radius: 5px
}

.flag-img,
.select-box select {
    height: 30px;
    position: absolute
}

.select-box select {
    font-family: Lato, sans-serif;
    width: 60px;
    border: none;
    font-size: 1rem;
    padding-left: 4rem
}

.select-box select,
.tel {
    background: none;
    outline: none
}

.tel {
    width: 100%;
    height: 40px;
    border: 2px solid #fff;
    padding-left: 1.5rem;
    color: #000;
    text-indent: 95px;
    background-color: #fff
}

.output {
    margin: 0 1rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-self: center
}

.result {
    font-family: Source Code Pro, monospace;
    width: auto;
    padding: .25rem;
    border-radius: 5px;
    height: 30px;
    background-color: pink;
    color: red;
    font-size: 1.5rem;
    margin-left: 1rem
}

.country-input-wrapper {
    position: relative;
    width: 100%
}

.country-input-wrapper span {
    position: absolute;
    top: 6px;
    left: 80px;
    color: #706e6e;
    font-size: .875rem
}

.home-book-cover .active {
    background-color: #05092a;
    border: 1px solid #157d6e;
    color: #fff;
    border-radius: 50px
}

.home-book-cover .in-active {
    background: linear-gradient(90deg, #137c6d, #309687);
    color: #fff;
    border-radius: 50px
}

.client-logo-sec .mySwiper .swiper-wrapper {
    align-items: center !important
}

.transparent-connect-form-border-new {
    background-color: #87929d6b !important;
    backdrop-filter: blur(4px);
    background-size: cover;
    background-repeat: no-repeat
}

.connect-form-border-new {
    border: 6px solid #2c9384;
    border-radius: 60px
}

.home-popup-modal-wrapper-new {
    width: 84%;
    height: 520px
}

.popup-form-wrapper-new {
    width: 35%;
    margin-left: auto
}

.form-off-badge-new {
    position: absolute;
    left: -70px;
    top: -50px;
    z-index: 1000
}

.terms-condition-bullets,
.terms-condition-bullets-subs {
    list-style: auto
}

.terms-condition-bullets-subs p {
    padding-bottom: 0 !important
}

.terms-condition-bullets-subs {
    margin-top: -9px
}

.terms-condition-bullets {
    margin-left: 25px;
    margin-top: 19px
}

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

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

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.hover\:bg-teal-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity))
}

.hover\:text-\[\#EBFA0B\]:hover {
    --tw-text-opacity: 1;
    color: rgb(235 250 11/var(--tw-text-opacity))
}

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

.hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

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

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

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

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 197 253/var(--tw-ring-opacity))
}

@media (min-width:640px) {
    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:block {
        display: block
    }

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

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

    .sm\:gap-10 {
        gap: 2.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

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

@media (min-width:768px) {
    .md\:relative {
        position: relative
    }

    .md\:left-52 {
        left: 13rem
    }

    .md\:top-0 {
        top: 0
    }

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

    .md\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .md\:mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

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

    .md\:mb-0 {
        margin-bottom: 0
    }

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

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

    .md\:ml-20 {
        margin-left: 5rem
    }

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

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

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

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

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

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

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-auto {
        width: auto
    }

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

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

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

    .md\:justify-start {
        justify-content: flex-start
    }

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

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

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

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-32 {
        gap: 8rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-12 {
        column-gap: 3rem
    }

    .md\:gap-x-8 {
        column-gap: 2rem
    }

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

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

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-10 {
        padding: 2.5rem
    }

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

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

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

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

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

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

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

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

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

    .md\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

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

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

    .md\:pl-20 {
        padding-left: 5rem
    }

    .md\:ps-64 {
        padding-inline-start: 16rem
    }

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

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

    .md\:pt-24 {
        padding-top: 6rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-2xl {
        font-size: 2.5rem;
        line-height: 2rem
    }

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

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

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

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

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

@media (min-width:1024px) {
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

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

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

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

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

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-1\/5 {
        width: 20%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-5\/6 {
        width: 83.333333%
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

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

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

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

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

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

    .lg\:pt-28 {
        padding-top: 7rem
    }

    .lg\:text-start {
        text-align: start
    }
}

@media (min-width:1280px) {
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-x-8 {
        column-gap: 2rem
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgb(75 85 99/var(--tw-border-opacity))
    }

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

    .dark\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81/var(--tw-bg-opacity))
    }

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

    .dark\:ring-offset-gray-800 {
        --tw-ring-offset-color: #1f2937
    }

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

    .dark\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/fe0777f1195381cb-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/eafabf029ad39a43-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/f10b8e9d91f3edcb-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/8888a3826f4a3af4-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/c3bc380753a8436c-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Poppins_059fbd;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/0484562807a97172-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Poppins_Fallback_059fbd;
    src: local("Arial");
    ascent-override: 93.62%;
    descent-override: 31.21%;
    line-gap-override: 8.92%;
    size-adjust: 112.16%
}

.__className_059fbd {
    font-family: __Poppins_059fbd, __Poppins_Fallback_059fbd;
    font-style: normal
}

.__variable_059fbd {
    --font-poppins: "__Poppins_059fbd", "__Poppins_Fallback_059fbd"
}

@media (min-width: 300px) and (max-width: 680px) {
    #navbar {
        position: absolute;
        top: 55px;
    }
}