.card__image[data-v-0b2998a2] {
    aspect-ratio: 16/9
}

@media (min-width: 768px) {
    .recent-posts-grid[data-v-0b2998a2] {
        grid-template-columns:1fr 3fr
    }
}

@media (max-width: 768px) {
    .recent-post[data-v-0b2998a2] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.loading-overlay[data-v-3091a329] {
    z-index: 9999
}

input[type=checkbox][data-v-3091a329]:disabled {
    cursor: not-allowed;
    opacity: .5
}

@-webkit-keyframes spin-3091a329 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes spin-3091a329 {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-3091a329 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.checkbox-filter__header[data-v-3091a329] {
    user-select: none
}

input[type=checkbox][data-v-3091a329] {
    accent-color: #0272a2
}

.card-wrap[data-v-3091a329] > :last-child:nth-child(3n+2) {
    margin-right: auto
}

@media (min-width: 768px) {
    .card-wrap[data-v-3091a329] > :last-child:nth-child(3n+2) {
        margin-left: 15px
    }
}

@media (min-width: 1366px) {
    .card-wrap[data-v-3091a329] > :last-child:nth-child(3n+2) {
        margin-left: 38px
    }
}

.dropdown-menu[data-v-1b9a7b34] {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px)
}

.dropdown-menu.open[data-v-1b9a7b34] {
    display: block;
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 999;
    max-height: 250px;
    overflow: auto
}

.active-filter[data-v-1b9a7b34] {
    color: #00f
}

.active-filter button[data-v-1b9a7b34] {
    background-color: hsla(0, 0%, 100%, .9)
}

.active-item[data-v-1b9a7b34] {
    color: #00f;
    font-weight: 700
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    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
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset, ol, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none
}

html {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
    line-height: 1.5
}

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

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::placeholder, textarea::placeholder {
    color: #a0aec0
}

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

table {
    border-collapse: collapse
}

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

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

button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

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

audio, canvas, embed, iframe, img, object, svg, video {

    vertical-align: middle
}

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

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

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

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

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

.container {
    max-width: 1370px
}

.admin-bar header {
    margin-top: 46px
}

@media (min-width: 768px) {
    .admin-bar header {
        margin-top: 32px
    }
}

.people-popup strong {
    display: block;
    margin-bottom: 20px
}

.wysiwyg ol, .wysiwyg p, .wysiwyg ul {
    margin-bottom: 20px;
    font-size: 1.125rem;
    line-height: 1.375
}

@media (min-width: 768px) {
    .wysiwyg ol, .wysiwyg p, .wysiwyg ul {
        font-size: .875rem
    }
}

@media (min-width: 1366px) {
    .wysiwyg ol, .wysiwyg p, .wysiwyg ul {
        font-size: 1.125rem
    }
}

.wysiwyg ol {
    padding-left: 30px;
    padding-top: 10px;
    counter-reset: item
}

.wysiwyg ol li {
    padding-bottom: 20px
}

.wysiwyg ol li:before {
    content: counter(item) ".";
    counter-increment: item
}

.wysiwyg a {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.wysiwyg a:hover {
    text-decoration: underline
}

.wysiwyg ul {
    padding-left: 40px;
    list-style-type: disc
}

.wysiwyg h2 {
    font-size: 1.75rem;
    line-height: 24px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .wysiwyg h2 {
        font-size: 2.125rem;
        line-height: 40px
    }
}

@media (min-width: 1024px) {
    .wysiwyg h2 {
        font-size: 2.625rem;
        line-height: 52px
    }
}

.wysiwyg h3 {
    font-size: 1.5rem;
    line-height: 1.375;
    margin-bottom: 20px
}

.wysiwyg h4 {
    font-size: 1.25rem;
    line-height: 1.375;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px
}

.wysiwyg p {
    white-space: pre-line
}

.link a {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.link a:hover {
    text-decoration: underline
}

.wysiwyg-inherit p {
    font-size: inherit !important;
    line-height: inherit !important
}

.post__content h2 {
    font-size: 1.75rem;
    line-height: 1.375;
    font-weight: 600
}

@media (min-width: 768px) {
    .post__content h2 {
        font-size: 1.5rem
    }
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.aligncenter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.wp-caption-text {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    --bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, var(--bg-opacity));
    font-size: .875rem;
    line-height: 1.375;
    padding: 20px;
    max-width: 100%;
    text-align: center
}

@media (min-width: 1024px) {
    .wp-caption-text {
        max-width: 700px
    }
}

.wp-caption img {
    max-width: 100%;
    border-radius: 5px;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity))
}

@media (min-width: 1024px) {
    .wp-caption img {
        max-width: 700px
    }
}

figure {
    max-width: 100%
}

.emoji {
    max-width: 20px
}

.side-banner {
    cursor: pointer
}

@media (min-width: 1024px) {
    .side-banner {
        margin-right: -112px
    }
}

#pi_tracking_opt_in_div {
    display: none !important
}

.pagination-author .nav-links {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination-author .current {
    opacity: .5;
    cursor: default
}

@font-face {
    font-family: icomoon;
    src: url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(/xello.new/wp-content/themes/xello-new/dist/fonts/icomoon_09350cda.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-slider {
    box-sizing: border-box;
    user-select: none
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

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

.slick-track {
    position: relative;
    margin: auto;
    left: 0;
    top: 0;
    display: flex
}

.slick-current .slider-slide, .slick-current .text-holder {
    opacity: 1
}

.slick-arrow {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.slick-disabled {
    opacity: .5;
    cursor: default
}

.slick-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 15px
}

.slick-dots li {
    margin-left: 5px;
    margin-right: 5px
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    display: block;
    --bg-opacity: 1;
    background-color: #e1e1e1;
    background-color: rgba(225, 225, 225, var(--bg-opacity));
    border-style: none;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    outline: 2px solid transparent;
    outline-offset: 2px;
    font-size: 0
}

.slick-dots .slick-active button {
    --bg-opacity: 1;
    background-color: #26afdf;
    background-color: rgba(38, 175, 223, var(--bg-opacity))
}

.blog-recent .slick-slide {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.blog-recent .slick-slider {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.blog-recent .slick-active button {
    --bg-opacity: 1;
    background-color: #3b8460;
    background-color: rgba(59, 132, 96, var(--bg-opacity))
}

.engage-gallery .slick-dots {
    position: absolute;
    top: 101%
}

@media (min-width: 1024px) {
    .history .slick-list {
        width: 810px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1366px) {
    .history .slick-list {
        width: 960px;
        margin-left: auto;
        margin-right: auto
    }
}

.history__events .slick-slide {
    width: 200px !important;
    height: 260px !important
}

@media (min-width: 768px) {
    .history__events .slick-slide {
        width: 270px !important;
        height: 270px !important
    }
}

@media (min-width: 1366px) {
    .history__events .slick-slide {
        width: 320px !important;
        height: 320px !important
    }
}

.history__event-text {
    line-height: 18px !important;
    height: 260px !important
}

.history__event-image {
    width: 80%;
    height: 90px
}

.history__event-image img {
    object-fit: contain
}

.slick-disabled:hover rect {
    fill: #212121 !important
}

.flexi {
    display: flex !important
}

.trusted__items-marquee .slick-track {
    display: flex;
    align-items: center
}

.icon-down:before {
    content: "\E904"
}

.message-icon {
    background: url(data:image/png;base64,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) no-repeat 50% 50%
}

.gform_body ul {
    list-style: none
}

.gform_required_legend {
    display: none
}

.gfield, input[type=email], input[type=tel], input[type=text], textarea {
    width: 100%
}

.gfield {
    position: relative;
    margin-bottom: 30px;
    min-height: 30px
}

@media (min-width: 768px) {
    .gfield {
        margin-bottom: 40px
    }
}

.gfield .ginput_container {
    height: 30px;
    max-width: 100%;
    flex: 0 0 100%
}

.gfield input[type=email], .gfield input[type=tel], .gfield input[type=text], .gfield select {
    width: 100%;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #905da7;
    border-color: rgba(144, 93, 167, var(--border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: transparent
}

.gfield .textarea {
    padding: 10px;
    height: 110px;
    border-width: 1px;
    border-radius: 5px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    resize: none;
    background-color: transparent
}

.gfield .textarea::-webkit-input-placeholder {
    color: inherit
}

.gfield .textarea::-moz-placeholder {
    color: inherit
}

.gfield .textarea:-ms-input-placeholder, .gfield .textarea::-ms-input-placeholder {
    color: inherit
}

.gfield .textarea::placeholder {
    color: inherit
}

.gfield .gfield_select {
    text-indent: -9999px
}

.gfield .instruction {
    display: none
}

.gfield .validation_message {
    font-size: .75rem;
    line-height: 1.375;
    --text-opacity: 1;
    color: #ff0400;
    color: rgba(255, 4, 0, var(--text-opacity))
}

.gfield .gfield_label {
    position: absolute;
    top: -1px;
    left: 0;
    font-size: .875rem;
    transition-property: all;
    transition-timing-function: linear;
    transition-duration: .2s;
    cursor: text;
    pointer-events: none
}

@media (min-width: 1366px) {
    .gfield .gfield_label {
        font-size: 1.125rem
    }
}

.gfield--type-choice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.375
}

.gfield--type-choice .gfield_label {
    position: static;
    margin-bottom: 10px
}

.gfield--type-choice .ginput_container {
    height: auto
}

@media (min-width: 768px) {
    .gfield--type-choice {
        font-size: .75rem
    }
}

@media (min-width: 1024px) {
    .gfield--type-choice {
        font-size: .875rem
    }
}

@media (min-width: 1366px) {
    .gfield--type-choice {
        font-size: 1.125rem
    }
}

.gcolumns .gfield_checkbox, .gcolumns .gfield_radio {
    display: flex;
    flex-wrap: wrap
}

.gcolumns .gfield_checkbox .gchoice, .gcolumns .gfield_radio .gchoice {
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    max-width: 100%;
    flex: 0 0 100%
}

@media (min-width: 420px) {
    .gcolumns .gfield_checkbox .gchoice, .gcolumns .gfield_radio .gchoice {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%
    }
}

@media (min-width: 1024px) {
    .gcolumns .gfield_checkbox .gchoice, .gcolumns .gfield_radio .gchoice {
        max-width: 30%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%
    }
}

.gcolumns .gfield_checkbox .gchoice label, .gcolumns .gfield_radio .gchoice label {
    margin-left: 10px
}

.gfield_textarea {
    height: auto;
    margin-bottom: 0
}

.gfield_textarea .gfield_label {
    position: static;
    font-size: 1.125rem;
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity))
}

@media (min-width: 1366px) {
    .gfield_textarea .gfield_label {
        font-size: 1.3125rem
    }
}

.gfield_textarea .ginput_container_textarea {
    height: 120px;
    margin-top: 10px
}

.gfield_textarea .ginput_container_textarea .textarea {
    padding: 10px;
    height: 110px;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e1e1e1;
    border-color: rgba(225, 225, 225, var(--border-opacity));
    border-radius: 5px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    resize: none
}

.gfield_textarea .ginput_container_textarea .textarea::-webkit-input-placeholder {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.gfield_textarea .ginput_container_textarea .textarea::-moz-placeholder {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.gfield_textarea .ginput_container_textarea .textarea:-ms-input-placeholder, .gfield_textarea .ginput_container_textarea .textarea::-ms-input-placeholder {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.gfield_textarea .ginput_container_textarea .textarea::placeholder {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.gfield_html {
    margin-bottom: 10px
}

.gfield-gravity-settings .gfield--width-half {
    max-width: 100%;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .gfield-gravity-settings .gfield--width-half {
        max-width: 46%
    }
}

.gfield.active input {
    padding-left: 5px
}

.gfield.active select {
    text-indent: 0
}

.gfield.active label {
    font-size: .625rem;
    top: -20px
}

.gfield_admin_only, .gfield_visibility_administrative {
    display: none
}

.gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gform_footer, .gform_footer .gform_button {
    text-align: center;
    position: relative
}

.gform_footer .gform_button {
    font-size: 1.125rem;
    line-height: 1.375;
    background-color: transparent;
    border-width: 1px;
    --bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity));
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity));
    margin-right: 0;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 30px;
    transition-property: all;
    transition-duration: .3s;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto
}

.gform_footer .gform_button:focus, .gform_footer .gform_button:hover {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

@media (min-width: 768px) {
    .gform_footer .gform_button {
        font-size: .875rem
    }
}

@media (min-width: 1366px) {
    .gform_footer .gform_button {
        font-size: 1.125rem
    }
}

.gform_validation_errors {
    display: none
}

.gform_ajax_spinner {
    position: absolute;
    left: 0;
    top: 50%;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-y: -50%
}

.gform_validation_container {
    display: none
}

.form-border-purple-light input[type=email], .form-border-purple-light input[type=tel], .form-border-purple-light input[type=text], .form-border-purple-light select, .form-border-purple-light textarea {
    --border-opacity: 1;
    border-color: #cb9edf;
    border-color: rgba(203, 158, 223, var(--border-opacity))
}

.form-border-grey input[type=email], .form-border-grey input[type=tel], .form-border-grey input[type=text], .form-border-grey select, .form-border-grey textarea {
    --border-opacity: 1;
    border-color: #e1e1e1;
    border-color: rgba(225, 225, 225, var(--border-opacity))
}

.form-border-blue input[type=email], .form-border-blue input[type=tel], .form-border-blue input[type=text], .form-border-blue select, .form-border-blue textarea {
    --border-opacity: 1;
    border-color: #6a93d8;
    border-color: rgba(106, 147, 216, var(--border-opacity))
}

.form-border-white input[type=email], .form-border-white input[type=tel], .form-border-white input[type=text], .form-border-white select, .form-border-white textarea {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.form-button-white .gform_button {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.form-button-blue .gform_button {
    font-size: .875rem;
    line-height: 1.375;
    margin-right: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 16px;
    border-width: 1px;
    --bg-opacity: 1;
    background-color: #0272a2;
    background-color: rgba(2, 114, 162, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #0272a2;
    border-color: rgba(2, 114, 162, var(--border-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.form-button-blue .gform_button:focus, .form-button-blue .gform_button:hover {
    --bg-opacity: 1;
    background-color: #26afdf;
    background-color: rgba(38, 175, 223, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.form-button-pink .gform_button {
    --bg-opacity: 1;
    background-color: #d23859;
    background-color: rgba(210, 56, 89, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-style: none
}

.form-button-pink .gform_button:focus, .form-button-pink .gform_button:hover {
    --bg-opacity: 1;
    background-color: #ff446c;
    background-color: rgba(255, 68, 108, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.form-text-grey-medium, .form-text-grey-medium input[type=email], .form-text-grey-medium input[type=tel], .form-text-grey-medium input[type=text], .form-text-grey-medium select {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.form-text-white, .form-text-white input[type=email], .form-text-white input[type=tel], .form-text-white input[type=text], .form-text-white select {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width: 1366px) {
    .form-font-14 .gfield_label {
        font-size: .875rem
    }
}

.form-error-red .gfield_error input, .form-error-red .gfield_error select, .form-error-red .gfield_error textarea {
    --border-opacity: 1 !important;
    border-color: #ff0400 !important;
    border-color: rgba(255, 4, 0, var(--border-opacity)) !important
}

.form-error-yellow .gfield_error input, .form-error-yellow .gfield_error select, .form-error-yellow .gfield_error textarea {
    --border-opacity: 1 !important;
    border-color: #fdcd2f !important;
    border-color: rgba(253, 205, 47, var(--border-opacity)) !important
}

.form-error-yellow .validation_message {
    --text-opacity: 1;
    color: #fdcd2f;
    color: rgba(253, 205, 47, var(--text-opacity))
}

.form-error-pink .gfield_error input, .form-error-pink .gfield_error select, .form-error-pink .gfield_error textarea {
    --border-opacity: 1 !important;
    border-color: #d23859 !important;
    border-color: rgba(210, 56, 89, var(--border-opacity)) !important
}

.form-error-pink .validation_message {
    --text-opacity: 1;
    color: #d23859;
    color: rgba(210, 56, 89, var(--text-opacity))
}

.chilipiper-popup.in-custom-element {
    position: static !important;
    background-color: transparent !important
}

select option {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity))
}

select option:checked, select option:focus, select option:hover {
    --bg-opacity: 1 !important;
    background-color: #737373 !important;
    background-color: rgba(115, 115, 115, var(--bg-opacity)) !important;
    -webkit-box-shadow: 0 0 10px 100px #737373 inset !important;
    box-shadow: inset 0 0 10px 100px #737373 !important
}

.post-password-form p {
    margin-top: 40px;
    margin-bottom: 40px
}

.post-password-form input[type=password] {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: transparent
}

.post-password-form input[type=submit] {
    --bg-opacity: 1;
    background-color: #d23859;
    background-color: rgba(210, 56, 89, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-style: none;
    font-size: 1.125rem;
    line-height: 1.375;
    border-width: 1px;
    margin-right: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 16px;
    border-radius: 30px;
    transition-property: all;
    transition-duration: .3s;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto
}

.post-password-form input[type=submit]:focus, .post-password-form input[type=submit]:hover {
    --bg-opacity: 1;
    background-color: #ff446c;
    background-color: rgba(255, 68, 108, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

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

input[type=number] {
    -moz-appearance: textfield
}

#header-xello .nav-slide .menu > .menu-item {
    position: relative
}

@media (max-width: 1023px) {
    #header-xello .nav-slide .menu > .menu-item {
        display: block;
        text-align: left;
        margin: 0;
        padding-bottom: 24px;
        width: 100%
    }

    #header-xello .nav-slide .menu > .menu-item > a {
        font-size: .875rem;
        line-height: 16px;
        font-weight: 700;
        display: block;
        padding-bottom: 8px;
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #e1e1e1;
        border-color: rgba(225, 225, 225, var(--border-opacity))
    }

    #header-xello .nav-slide .menu > .menu-item .drop .menu-item {
        margin-top: 16px;
        display: flex
    }

    #header-xello .nav-slide .menu > .menu-item .has-drop-down-a {
        padding-right: 19px
    }
}

@media (min-width: 1024px) {
    #header-xello .nav-slide .menu > .menu-item {
        display: inline-block;
        margin-bottom: -14px;
        margin-right: 18px;
        height: 58px;
        font-size: 1.125rem;
        line-height: 1.375
    }

    #header-xello .nav-slide .menu > .menu-item:hover > a:before {
        -webkit-transform: scale(-1);
        -o-transform: scale(-1);
        transform: scale(-1)
    }

    #header-xello .nav-slide .menu > .menu-item:hover .line {
        visibility: visible;
        height: 3px
    }

    #header-xello .nav-slide .menu > .menu-item:hover .drop {
        visibility: visible;
        opacity: 1
    }

    #header-xello .nav-slide .menu > .menu-item:hover .drop .menu-item a {
        --text-opacity: 1;
        color: #737373;
        color: rgba(115, 115, 115, var(--text-opacity))
    }

    #header-xello .nav-slide .menu > .menu-item:hover .drop .menu-item a:focus, #header-xello .nav-slide .menu > .menu-item:hover .drop .menu-item a:hover {
        --text-opacity: 1;
        color: #0272a2;
        color: rgba(2, 114, 162, var(--text-opacity));
        text-decoration: underline
    }

    #header-xello .nav-slide .menu > .menu-item a {
        display: block;
        text-decoration: none;
        padding-top: 11px;
        padding-bottom: 20px
    }

    #header-xello .nav-slide .menu > .menu-item .has-drop-down-a {
        cursor: default;
        pointer-events: none;
        padding-right: 19px
    }

    #header-xello .nav-slide .menu > .menu-item .has-drop-down-a:before {
        content: "\E904";
        top: 1.25rem;
        position: absolute;
        --text-opacity: 1;
        color: #212121;
        color: rgba(33, 33, 33, var(--text-opacity));
        right: 0;
        font-size: .563rem;
        font-family: icomoon, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1
    }

    #header-xello .nav-slide .menu > .menu-item .drop {
        position: absolute;
        left: -20px;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        z-index: 50;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        opacity: 0;
        transition-property: visibility, opacity;
        transition-duration: .3s;
        visibility: hidden;
        top: 101%;
        box-shadow: 0 3px 5px rgba(72, 72, 72, .15)
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul {
        padding: 20px;
        width: 240px;
        display: flex;
        flex-wrap: wrap
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li {
        padding-top: 16px;
        display: inline-block;
        position: relative;
        max-width: 100%;
        flex: 0 0 100%
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li:first-child {
        padding-top: 0
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li a {
        font-size: 1rem;
        line-height: 1.375;
        padding: 0;
        border-style: none
    }

    #header-xello .nav-slide .menu > .menu-item > a:not(.btn):focus, #header-xello .nav-slide .menu > .menu-item > a:not(.btn):hover {
        --text-opacity: 1;
        color: #0272a2;
        color: rgba(2, 114, 162, var(--text-opacity))
    }
}

@media (min-width: 1366px) {
    #header-xello .nav-slide .menu > .menu-item {
        margin-right: 35px
    }
}

@media (max-width: 1023px) {
    #header-xello .nav-slide .menu > .menu-item .has-drop-down-a {
        font-size: .875rem;
        line-height: 16px;
        font-weight: 700;
        display: block;
        padding-bottom: 8px;
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #ccc;
        border-color: rgba(204, 204, 204, var(--border-opacity))
    }
}

@media (min-width: 1024px) {
    #header-xello .nav-slide .menu > .menu-item .has-drop-down-a {
        font-size: 1.125rem
    }
}

@media (max-width: 1023px) {
    #header-xello .nav-slide .menu > .menu-item .drop {
        transition-property: width, opacity, margin, padding;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.4, 0, 1, 1);
        transform: none;
        padding: 8px 0 0;
        margin: 0;
        background-image: none
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li:first-child {
        margin: 0
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li a {
        --text-opacity: 1;
        color: #737373;
        color: rgba(115, 115, 115, var(--text-opacity));
        font-size: .875rem;
        line-height: 16px
    }

    #header-xello .nav-slide .menu > .menu-item .drop ul li a:focus, #header-xello .nav-slide .menu > .menu-item .drop ul li a:hover {
        --text-opacity: 1;
        color: #0272a2;
        color: rgba(2, 114, 162, var(--text-opacity))
    }
}

@media (min-width: 1024px) {
    #header-xello .nav-slide .menu .current-menu-parent > .line, #header-xello .nav-slide .menu .current_page_item > .line {
        visibility: visible;
        height: 3px
    }
}

#header-xello .nav-slide .menu .current-menu-parent > a, #header-xello .nav-slide .menu .current_page_item > a {
    --text-opacity: 1 !important;
    color: #0272a2 !important;
    color: rgba(2, 114, 162, var(--text-opacity)) !important
}

#header-xello .nav-slide .menu .current-menu-item:not(.parent-level) {
    font-weight: 700
}

@media (min-width: 1024px) {
    #header-xello .nav-slide .menu .current-menu-item:not(.has-drop-down) .line {
        visibility: visible;
        height: 3px
    }
}

#header-xello .nav-slide .menu .current-menu-item .current-category-parent, #header-xello .nav-slide .menu .current-menu-item .current-menu-parent {
    z-index: 9999;
    position: relative;
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

#header-xello .nav-slide .menu .current-menu-item .current-category-parent .line, #header-xello .nav-slide .menu .current-menu-item .current-menu-parent .line {
    visibility: visible;
    height: 3px
}

#header-xello .nav-slide .no-sidebar-menu .menu-item:last-child {
    margin-right: 0
}

@media (max-width: 1023px) {
    body.nav-active .menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        justify-content: center
    }

    body.nav-active .nav-slide {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    body.nav-active .nav-holder .nav-opener .before {
        top: 7px !important;
        --transform-translate-x: 0 !important;
        --transform-translate-y: 0 !important;
        --transform-rotate: 0 !important;
        --transform-skew-x: 0 !important;
        --transform-skew-y: 0 !important;
        --transform-scale-x: 1 !important;
        --transform-scale-y: 1 !important;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
        --transform-rotate: 45deg !important
    }

    body.nav-active .nav-holder .nav-opener .after {
        top: 7px !important;
        --transform-translate-x: 0 !important;
        --transform-translate-y: 0 !important;
        --transform-rotate: 0 !important;
        --transform-skew-x: 0 !important;
        --transform-skew-y: 0 !important;
        --transform-scale-x: 1 !important;
        --transform-scale-y: 1 !important;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
        --transform-rotate: -45deg !important
    }

    body.nav-active .nav-holder .nav-opener .center {
        display: none
    }
}

.footer .links-col > .menu-item {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
    list-style-type: none;
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .footer .links-col > .menu-item {
        max-width: 50%;
        flex: 1 0 50%;
        text-align: left;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .footer .links-col > .menu-item {
        max-width: 25%;
        flex: 0 0 25%;
        margin-bottom: 0
    }
}

.footer .links-col > .menu-item a {
    font-size: 1.125rem;
    margin-bottom: 10px;
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity));
    line-height: 20px;
    display: block
}

@media (min-width: 768px) {
    .footer .links-col > .menu-item a {
        font-size: .875rem;
        margin-bottom: 15px;
        line-height: 16px
    }
}

@media (min-width: 1366px) {
    .footer .links-col > .menu-item a {
        font-size: 1.125rem;
        margin-bottom: 10px;
        line-height: 20px
    }
}

.footer .links-col > .menu-item a:focus, .footer .links-col > .menu-item a:hover {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.footer .links-col > .menu-item .sub-menu .menu-item a {
    font-size: .875rem;
    line-height: 16px;
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity));
    margin-bottom: 10px;
    display: block
}

@media (min-width: 768px) {
    .footer .links-col > .menu-item .sub-menu .menu-item a {
        font-size: .75rem;
        line-height: 14px;
        margin-bottom: 15px
    }
}

@media (min-width: 1366px) {
    .footer .links-col > .menu-item .sub-menu .menu-item a {
        font-size: .875rem;
        line-height: 16px;
        margin-bottom: 10px
    }
}

.footer .links-col .current_page_item > a, .footer .links-col > .menu-item .sub-menu .current_page_item a, .footer .links-col > .menu-item .sub-menu .menu-item a:focus, .footer .links-col > .menu-item .sub-menu .menu-item a:hover {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.footer .links-col .menu-item-has-children > a {
    cursor: default;
    pointer-events: none
}

@media (min-width: 768px) {
    .footer .privacy-menu:before {
        display: block;
        width: 1px;
        height: 17px;
        --bg-opacity: 1;
        background-color: #ccc;
        background-color: rgba(204, 204, 204, var(--bg-opacity));
        position: absolute;
        top: 0;
        left: 1.094rem;
        content: ""
    }
}

.footer .privacy-menu li {
    margin-left: 13px;
    margin-right: 13px
}

body#tinymce {
    margin: 12px !important
}

.cookie-banner, .hu-cookies-accepted .manage-cookies-menu, .not-us-type .manage-cookies-menu {
    display: none
}

.hu-cookies-accepted .revoke-cookies {
    display: inline-block
}

#cookie-notice, #hu {
    --bg-opacity: 1;
    background-color: #202020;
    background-color: rgba(32, 32, 32, var(--bg-opacity))
}

#cookie-notice .cookie-banner, #hu .cookie-banner {
    display: block
}

#cookie-notice .hidden, #hu .hidden, .us-type #cookie-notice, .us-type #hu {
    display: none
}

.us-type #cookie-notice .cookie-banner, .us-type #hu .cookie-banner {
    display: none !important
}

.not-us-type #cookie-notice, .not-us-type #hu {
    display: block
}

#cookie-notice #hu-cookies-footer, #cookie-notice #hu-cookies-head, #cookie-notice #hu-cookies-notice-about, #cookie-notice #hu-cookies-notice-message, #cookie-notice #hu-cookies-privacy, #cookie-notice #hu-policy-links, #cookie-notice #hu-top, #cookie-notice .hu-container-container, #hu #hu-cookies-footer, #hu #hu-cookies-head, #hu #hu-cookies-notice-about, #hu #hu-cookies-notice-message, #hu #hu-cookies-privacy, #hu #hu-policy-links, #hu #hu-top, #hu .hu-container-container {
    display: none
}

#cookie-notice .hu-btn, #cookie-notice .hu-heading, #cookie-notice .hu-list-body, #cookie-notice .hu-list-heading, #cookie-notice .hu-toggle-heading, #cookie-notice .hu-toggle-label, #hu .hu-btn, #hu .hu-heading, #hu .hu-list-body, #hu .hu-list-heading, #hu .hu-toggle-heading, #hu .hu-toggle-label {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important
}

#cookie-notice .hu-cookies-save, #hu .hu-cookies-save {
    padding: 7px 20px;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    background-color: transparent
}

#cookie-notice .hu-cookies-save:focus, #cookie-notice .hu-cookies-save:hover, #hu .hu-cookies-save:focus, #hu .hu-cookies-save:hover {
    text-decoration: none;
    --bg-opacity: 1;
    background-color: #212121;
    background-color: rgba(33, 33, 33, var(--bg-opacity))
}

#hu-revoke {
    display: none !important
}

.accordion__item-link a:focus .link-after, .accordion__item-link a:hover .link-after {
    margin-left: 7px;
    transition-property: width, opacity, margin, padding;
    transition-duration: .5s
}

.bg-transparent {
    background-color: transparent
}

.bg-black {
    --bg-opacity: 1;
    background-color: #202020;
    background-color: rgba(32, 32, 32, var(--bg-opacity))
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity))
}

.bg-green {
    --bg-opacity: 1;
    background-color: #82c31f;
    background-color: rgba(130, 195, 31, var(--bg-opacity))
}

.bg-blue {
    --bg-opacity: 1;
    background-color: #0272a2;
    background-color: rgba(2, 114, 162, var(--bg-opacity))
}

.bg-purple {
    --bg-opacity: 1;
    background-color: #905da7;
    background-color: rgba(144, 93, 167, var(--bg-opacity))
}

.bg-pink {
    --bg-opacity: 1;
    background-color: #d23859;
    background-color: rgba(210, 56, 89, var(--bg-opacity))
}

.bg-blue-light {
    --bg-opacity: 1;
    background-color: #26afdf;
    background-color: rgba(38, 175, 223, var(--bg-opacity))
}

.bg-blue-lighter {
    --bg-opacity: 1;
    background-color: #6a93d8;
    background-color: rgba(106, 147, 216, var(--bg-opacity))
}

.bg-blue-lighter-2 {
    --bg-opacity: 1;
    background-color: #f0f4fb;
    background-color: rgba(240, 244, 251, var(--bg-opacity))
}

.bg-blue-medium {
    --bg-opacity: 1;
    background-color: #4b6eb2;
    background-color: rgba(75, 110, 178, var(--bg-opacity))
}

.bg-black-dark {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-green-darker {
    --bg-opacity: 1;
    background-color: #3b8460;
    background-color: rgba(59, 132, 96, var(--bg-opacity))
}

.bg-green-light {
    --bg-opacity: 1;
    background-color: #edf7f2;
    background-color: rgba(237, 247, 242, var(--bg-opacity))
}

.bg-grey {
    --bg-opacity: 1;
    background-color: #212121;
    background-color: rgba(33, 33, 33, var(--bg-opacity))
}

.bg-grey-light {
    --bg-opacity: 1;
    background-color: #e1e1e1;
    background-color: rgba(225, 225, 225, var(--bg-opacity))
}

.bg-grey-medium-2 {
    --bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, var(--bg-opacity))
}

.bg-grey-medium-3 {
    --bg-opacity: 1;
    background-color: #b3b3b3;
    background-color: rgba(179, 179, 179, var(--bg-opacity))
}

.bg-grey-lighter {
    --bg-opacity: 1;
    background-color: #ccc;
    background-color: rgba(204, 204, 204, var(--bg-opacity))
}

.bg-grey-lighter-2 {
    --bg-opacity: 1;
    background-color: #f1f1f1;
    background-color: rgba(241, 241, 241, var(--bg-opacity))
}

.bg-purple-lighter {
    --bg-opacity: 1;
    background-color: #f0e3f6;
    background-color: rgba(240, 227, 246, var(--bg-opacity))
}

.bg-sidebar {
    background-color: rgba(0, 0, 0, .5)
}

.bg-card {
    background-color: rgba(0, 0, 0, .4)
}

.bg-play-btn {
    background-color: rgba(38, 38, 38, .5)
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.hover\:bg-blue:hover {
    --bg-opacity: 1;
    background-color: #0272a2;
    background-color: rgba(2, 114, 162, var(--bg-opacity))
}

.hover\:bg-blue-light:hover {
    --bg-opacity: 1;
    background-color: #26afdf;
    background-color: rgba(38, 175, 223, var(--bg-opacity))
}

.hover\:bg-grey:hover {
    --bg-opacity: 1;
    background-color: #212121;
    background-color: rgba(33, 33, 33, var(--bg-opacity))
}

.hover\:bg-pink-light:hover {
    --bg-opacity: 1;
    background-color: #ff446c;
    background-color: rgba(255, 68, 108, var(--bg-opacity))
}

.hover\:bg-card-hover:hover {
    background-color: rgba(0, 0, 0, .2)
}

.hover\:bg-play-btn-hover:hover {
    background-color: rgba(38, 38, 38, .7)
}

.group:hover .group-hover\:bg-green-darker {
    --bg-opacity: 1;
    background-color: #3b8460;
    background-color: rgba(59, 132, 96, var(--bg-opacity))
}

.bg-gradient-to-b {
    background-image: linear-gradient(180deg, var(--gradient-color-stops))
}

.from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, transparent)
}

.to-white {
    --gradient-to-color: #fff
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-red {
    --border-opacity: 1;
    border-color: #ff0400;
    border-color: rgba(255, 4, 0, var(--border-opacity))
}

.border-green {
    --border-opacity: 1;
    border-color: #82c31f;
    border-color: rgba(130, 195, 31, var(--border-opacity))
}

.border-blue {
    --border-opacity: 1;
    border-color: #0272a2;
    border-color: rgba(2, 114, 162, var(--border-opacity))
}

.border-purple {
    --border-opacity: 1;
    border-color: #905da7;
    border-color: rgba(144, 93, 167, var(--border-opacity))
}

.border-pink {
    --border-opacity: 1;
    border-color: #d23859;
    border-color: rgba(210, 56, 89, var(--border-opacity))
}

.border-blue-light {
    --border-opacity: 1;
    border-color: #26afdf;
    border-color: rgba(38, 175, 223, var(--border-opacity))
}

.border-grey-light {
    --border-opacity: 1;
    border-color: #e1e1e1;
    border-color: rgba(225, 225, 225, var(--border-opacity))
}

.border-grey-medium {
    --border-opacity: 1;
    border-color: #737373;
    border-color: rgba(115, 115, 115, var(--border-opacity))
}

.border-grey-medium-3 {
    --border-opacity: 1;
    border-color: #b3b3b3;
    border-color: rgba(179, 179, 179, var(--border-opacity))
}

.border-grey-lighter {
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity))
}

.border-play {
    border-color: transparent transparent transparent #e1e1e1
}

.border-play-blue {
    border-color: transparent transparent transparent #0272a2
}

.border-intro {
    border-color: transparent transparent transparent #fff
}

.hover\:border-blue:hover {
    --border-opacity: 1;
    border-color: #0272a2;
    border-color: rgba(2, 114, 162, var(--border-opacity))
}

.hover\:border-purple:hover {
    --border-opacity: 1;
    border-color: #905da7;
    border-color: rgba(144, 93, 167, var(--border-opacity))
}

.hover\:border-grey-light:hover {
    --border-opacity: 1;
    border-color: #e1e1e1;
    border-color: rgba(225, 225, 225, var(--border-opacity))
}

.hover\:border-grey-lighter:hover {
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity))
}

.group:hover .group-hover\:border-intro {
    border-color: transparent transparent transparent #fff
}

.rounded-5 {
    border-radius: 5px
}

.rounded-8 {
    border-radius: 8px
}

.rounded-16 {
    border-radius: 16px
}

.rounded-20 {
    border-radius: 20px
}

.rounded-25 {
    border-radius: 25px
}

.rounded-30 {
    border-radius: 30px
}

.rounded-50 {
    border-radius: 50%
}

.rounded-80 {
    border-radius: 80px
}

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

.rounded-t-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.rounded-t-8 {
    border-top-left-radius: 8px
}

.rounded-r-8, .rounded-t-8 {
    border-top-right-radius: 8px
}

.rounded-b-8, .rounded-r-8 {
    border-bottom-right-radius: 8px
}

.rounded-b-8, .rounded-l-8 {
    border-bottom-left-radius: 8px
}

.rounded-l-8 {
    border-top-left-radius: 8px
}

.rounded-b-20 {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.rounded-br-16 {
    border-bottom-right-radius: 16px
}

.border-none {
    border-style: none
}

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

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

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

.border {
    border-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-t-5 {
    border-top-width: 5px
}

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

.border-l-8 {
    border-left-width: 8px
}

.border-t-10 {
    border-top-width: 10px
}

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

.border-l-15 {
    border-left-width: 15px
}

.border-t-20 {
    border-top-width: 20px
}

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

.border-l-35 {
    border-left-width: 35px
}

.border-t {
    border-top-width: 1px
}

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

.border-b-05 {
    border-bottom-width: .5px
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

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

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

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

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

.flex-1\/4 {
    flex: 0 0 25%
}

.flex-grow {
    flex-grow: 1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.font-proxima {
    font-family: proxima-nova, Helvetica Neue, Helvetica, sans-serif
}

.font-icomoon {
    font-family: icomoon, sans-serif
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.h-0 {
    height: 0
}

.h-1 {
    height: 1px
}

.h-2 {
    height: 2px
}

.h-3 {
    height: 3px
}

.h-4 {
    height: 4px
}

.h-5 {
    height: 5px
}

.h-6 {
    height: 6px
}

.h-10 {
    height: 10px
}

.h-12 {
    height: 12px
}

.h-16 {
    height: 16px
}

.h-20 {
    height: 20px
}

.h-24 {
    height: 24px
}

.h-25 {
    height: 25px
}

.h-30 {
    height: 30px
}

.h-32 {
    height: 32px
}

.h-40 {
    height: 40px
}

.h-45 {
    height: 45px
}

.h-55 {
    height: 55px
}

.h-60 {
    height: 60px
}

.h-70 {
    height: 70px
}

.h-80 {
    height: 80px
}

.h-100 {
    height: 100px
}

.h-110 {
    height: 110px
}

.h-120 {
    height: 120px
}

.h-130 {
    height: 130px
}

.h-175 {
    height: 175px
}

.h-200 {
    height: 200px
}

.h-260 {
    height: 260px
}

.h-275 {
    height: 275px
}

.h-300 {
    height: 300px
}

.h-320 {
    height: 320px
}

.h-340 {
    height: 340px
}

.h-440 {
    height: 440px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-60\% {
    height: 60%
}

.h-80vh {
    height: 80vh
}

.h-300vh {
    height: 300vh
}

.h-content {
    height: fit-content
}

.text-0 {
    font-size: 0
}

.text-11 {
    font-size: .6875rem
}

.text-12 {
    font-size: .75rem
}

.text-13 {
    font-size: .8125rem
}

.text-14 {
    font-size: .875rem
}

.text-16 {
    font-size: 1rem
}

.text-18 {
    font-size: 1.125rem
}

.text-20 {
    font-size: 1.25rem
}

.text-21 {
    font-size: 1.3125rem
}

.text-22 {
    font-size: 1.375rem
}

.text-24 {
    font-size: 1.5rem
}

.text-28 {
    font-size: 1.75rem
}

.text-30 {
    font-size: 1.875rem
}

.text-32 {
    font-size: 2rem
}

.text-34 {
    font-size: 2.125rem
}

.text-36 {
    font-size: 2.25rem
}

.text-40 {
    font-size: 2.5rem
}

.text-42 {
    font-size: 2.625rem
}

.text-48 {
    font-size: 3rem
}

.text-56 {
    font-size: 3.5rem
}

.text-60 {
    font-size: 3.75rem
}

.leading-14 {
    line-height: 14px
}

.leading-15 {
    line-height: 15px
}

.leading-16 {
    line-height: 16px
}

.leading-18 {
    line-height: 18px
}

.leading-20 {
    line-height: 20px
}

.leading-21 {
    line-height: 21px
}

.leading-22 {
    line-height: 22px
}

.leading-24 {
    line-height: 24px
}

.leading-25 {
    line-height: 25px
}

.leading-26 {
    line-height: 26px
}

.leading-28 {
    line-height: 28px
}

.leading-29 {
    line-height: 29px
}

.leading-30 {
    line-height: 30px
}

.leading-32 {
    line-height: 32px
}

.leading-34 {
    line-height: 34px
}

.leading-38 {
    line-height: 38px
}

.leading-40 {
    line-height: 40px
}

.leading-48 {
    line-height: 48px
}

.leading-64 {
    line-height: 64px
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-snug {
    line-height: 1.375
}

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

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

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

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mx-5 {
    margin-left: 5px;
    margin-right: 5px
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.mx-8 {
    margin-left: 8px;
    margin-right: 8px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx-10 {
    margin-left: 10px;
    margin-right: 10px
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px
}

.mx-13 {
    margin-left: 13px;
    margin-right: 13px
}

.mx-15 {
    margin-left: 15px;
    margin-right: 15px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

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

.-mx-5 {
    margin-left: -5px;
    margin-right: -5px
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mt-2 {
    margin-top: 2px
}

.mr-2 {
    margin-right: 2px
}

.mb-3 {
    margin-bottom: 3px
}

.mr-5 {
    margin-right: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

.mr-8 {
    margin-right: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.mt-10 {
    margin-top: 10px
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-13 {
    margin-bottom: 13px
}

.mt-15 {
    margin-top: 15px
}

.mr-15 {
    margin-right: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.mt-16 {
    margin-top: 16px
}

.mr-16 {
    margin-right: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.mt-20 {
    margin-top: 20px
}

.mr-20 {
    margin-right: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.mt-24 {
    margin-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.mr-25 {
    margin-right: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.mt-32 {
    margin-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-35 {
    margin-bottom: 35px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-45 {
    margin-top: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.mt-50 {
    margin-top: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.ml-70 {
    margin-left: 70px
}

.mt-80 {
    margin-top: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-150 {
    margin-bottom: 150px
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

.-mb-14 {
    margin-bottom: -14px
}

.-mt-45 {
    margin-top: -45px
}

.-mb-45 {
    margin-bottom: -45px
}

.-mt-60 {
    margin-top: -60px
}

.-mt-80 {
    margin-top: -80px
}

.-mb-80 {
    margin-bottom: -80px
}

.-mb-120 {
    margin-bottom: -120px
}

.max-h-55 {
    max-height: 55px
}

.max-h-80 {
    max-height: 80px
}

.max-h-100 {
    max-height: 100px
}

.max-h-120 {
    max-height: 120px
}

.max-h-150 {
    max-height: 150px
}

.max-h-200 {
    max-height: 200px
}

.max-h-250 {
    max-height: 250px
}

.max-h-300 {
    max-height: 300px
}

.max-h-320 {
    max-height: 320px
}

.max-h-340 {
    max-height: 340px
}

.max-h-full {
    max-height: 100%
}

.max-w-55 {
    max-width: 55px
}

.max-w-80 {
    max-width: 5rem
}

.max-w-85 {
    max-width: 85px
}

.max-w-90 {
    max-width: 90px
}

.max-w-100 {
    max-width: 100px
}

.max-w-120 {
    max-width: 120px
}

.max-w-130 {
    max-width: 130px
}

.max-w-150 {
    max-width: 150px
}

.max-w-170 {
    max-width: 170px
}

.max-w-245 {
    max-width: 245px
}

.max-w-270 {
    max-width: 270px
}

.max-w-290 {
    max-width: 290px
}

.max-w-300 {
    max-width: 300px
}

.max-w-360 {
    max-width: 360px
}

.max-w-380 {
    max-width: 380px
}

.max-w-410 {
    max-width: 410px
}

.max-w-480 {
    max-width: 480px
}

.max-w-520 {
    max-width: 520px
}

.max-w-630 {
    max-width: 630px
}

.max-w-700 {
    max-width: 700px
}

.max-w-724 {
    max-width: 724px
}

.max-w-950 {
    max-width: 950px
}

.max-w-1220 {
    max-width: 1220px
}

.max-w-none {
    max-width: none
}

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

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

.max-w-3\/4 {
    max-width: 75%
}

.max-w-46\% {
    max-width: 46%
}

.min-h-24 {
    min-height: 24px
}

.min-h-60 {
    min-height: 60px
}

.min-h-200 {
    min-height: 200px
}

.min-h-250 {
    min-height: 250px
}

.min-h-380 {
    min-height: 380px
}

.min-w-200 {
    min-width: 200px
}

.min-w-216 {
    min-width: 216px
}

.min-w-320 {
    min-width: 320px
}

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

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

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:outline-none:focus, .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-8 {
    padding: 8px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-24 {
    padding: 24px
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.p-48 {
    padding: 48px
}

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

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px
}

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

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

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

.py-7 {
    padding-top: 7px;
    padding-bottom: 7px
}

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

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

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

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

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

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

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

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

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

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

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

.py-18 {
    padding-top: 18px;
    padding-bottom: 18px
}

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

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

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

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px
}

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

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

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

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

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

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

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

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

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

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-95 {
    padding-top: 95px;
    padding-bottom: 95px
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pt-1 {
    padding-top: 1px
}

.pr-2 {
    padding-right: 2px
}

.pl-2 {
    padding-left: 2px
}

.pr-4 {
    padding-right: 4px
}

.pb-4 {
    padding-bottom: 4px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-8 {
    padding-bottom: 8px
}

.pt-10 {
    padding-top: 10px
}

.pr-10 {
    padding-right: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

.pt-11 {
    padding-top: 11px
}

.pr-11 {
    padding-right: 11px
}

.pb-13 {
    padding-bottom: 13px
}

.pr-15 {
    padding-right: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

.pt-16 {
    padding-top: 16px
}

.pb-18 {
    padding-bottom: 18px
}

.pt-19 {
    padding-top: 19px
}

.pt-20 {
    padding-top: 20px
}

.pr-20 {
    padding-right: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pl-20 {
    padding-left: 20px
}

.pt-24 {
    padding-top: 24px
}

.pr-24 {
    padding-right: 24px
}

.pl-24 {
    padding-left: 24px
}

.pt-25 {
    padding-top: 25px
}

.pl-25 {
    padding-left: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

.pt-32 {
    padding-top: 32px
}

.pb-32 {
    padding-bottom: 32px
}

.pl-32 {
    padding-left: 32px
}

.pr-35 {
    padding-right: 35px
}

.pl-35 {
    padding-left: 35px
}

.pt-40 {
    padding-top: 40px
}

.pr-40 {
    padding-right: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-40 {
    padding-left: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-48 {
    padding-top: 48px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-50 {
    padding-left: 50px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-64 {
    padding-bottom: 64px
}

.pb-70 {
    padding-bottom: 70px
}

.pt-80 {
    padding-top: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-80 {
    padding-left: 80px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pr-120 {
    padding-right: 120px
}

.pt-265 {
    padding-top: 265px
}

.pb-265 {
    padding-bottom: 265px
}

.placeholder-grey-medium::placeholder {
    --placeholder-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--placeholder-opacity))
}

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

.pointer-events-auto {
    pointer-events: auto
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-1 {
    top: 1px
}

.top-2 {
    top: 2px
}

.top-5 {
    top: 5px
}

.right-5 {
    right: 5px
}

.left-5 {
    left: 5px
}

.top-7 {
    top: 7px
}

.top-8 {
    top: .5rem
}

.top-10 {
    top: .625rem
}

.right-10 {
    right: .625rem
}

.left-10 {
    left: .625rem
}

.top-15 {
    top: 15px
}

.bottom-15 {
    bottom: 15px
}

.left-15 {
    left: 15px
}

.top-20 {
    top: 1.25rem
}

.right-20 {
    right: 1.25rem
}

.left-20 {
    left: 1.25rem
}

.top-25 {
    top: 1.563rem
}

.right-30 {
    right: 1.875rem
}

.left-30 {
    left: 1.875rem
}

.top-31 {
    top: 31px
}

.top-32 {
    top: 2rem
}

.top-40 {
    top: 40px
}

.bottom-40 {
    bottom: 40px
}

.top-60 {
    top: 60px
}

.top-100 {
    top: 100px
}

.right-auto {
    right: auto
}

.left-auto {
    left: auto
}

.-right-170 {
    right: -170px
}

.-left-170 {
    left: -170px
}

.-top-65 {
    top: -65px
}

.-left-65 {
    left: -65px
}

.-bottom-60 {
    bottom: -60px
}

.-top-50 {
    top: -50px
}

.-top-40 {
    top: -40px
}

.-top-30 {
    top: -30px
}

.-right-30 {
    right: -30px
}

.-bottom-30 {
    bottom: -30px
}

.-top-20 {
    top: -20px
}

.-right-20 {
    right: -20px
}

.-bottom-20 {
    bottom: -20px
}

.-left-20 {
    left: -20px
}

.-top-15 {
    top: -15px
}

.-right-15 {
    right: -15px
}

.-left-15 {
    left: -15px
}

.-top-10 {
    top: -10px
}

.-left-10 {
    left: -10px
}

.-top-5 {
    top: -5px
}

.-bottom-1 {
    bottom: -1px
}

.top-17\.5 {
    top: 1.094rem
}

.-right-15\% {
    right: -15%
}

.top-15\% {
    top: 15%
}

.right-20\% {
    right: 20%
}

.left-20\% {
    left: 20%
}

.top-25\% {
    top: 25%
}

.top-32\% {
    top: 32%
}

.left-55\% {
    left: 55%
}

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

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

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

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

.top-video {
    top: calc(100% + 5px)
}

.resize {
    resize: both
}

.shadow-sidebar {
    box-shadow: 0 0 10px 0 #212121
}

.fill-grey-medium {
    fill: #737373
}

.group:hover .group-hover\:fill-blue {
    fill: #0077b5
}

.group:hover .group-hover\:fill-black {
    fill: #000
}

.group:hover .group-hover\:fill-blue-dark {
    fill: #4267b2
}

.group:hover .group-hover\:fill-red {
    fill: red
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-black {
    --text-opacity: 1;
    color: #202020;
    color: rgba(32, 32, 32, var(--text-opacity))
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-red {
    --text-opacity: 1;
    color: #ff0400;
    color: rgba(255, 4, 0, var(--text-opacity))
}

.text-blue {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.text-purple {
    --text-opacity: 1;
    color: #905da7;
    color: rgba(144, 93, 167, var(--text-opacity))
}

.text-black-dark {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-green-dark {
    --text-opacity: 1;
    color: #44820d;
    color: rgba(68, 130, 13, var(--text-opacity))
}

.text-grey {
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity))
}

.text-grey-medium {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity))
}

.text-grey-medium-3 {
    --text-opacity: 1;
    color: #b3b3b3;
    color: rgba(179, 179, 179, var(--text-opacity))
}

.hover\:text-blue:hover {
    --text-opacity: 1;
    color: #0272a2;
    color: rgba(2, 114, 162, var(--text-opacity))
}

.hover\:text-green-darker:hover {
    --text-opacity: 1;
    color: #3b8460;
    color: rgba(59, 132, 96, var(--text-opacity))
}

.hover\:text-grey-light:hover {
    --text-opacity: 1;
    color: #e1e1e1;
    color: rgba(225, 225, 225, var(--text-opacity))
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.underline {
    text-decoration: underline
}

.no-underline {
    text-decoration: none
}

.hover\:underline:hover {
    text-decoration: underline
}

.hover\:no-underline:hover {
    text-decoration: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-widest {
    letter-spacing: 3px
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-no-wrap {
    white-space: nowrap
}

.w-0 {
    width: 0
}

.w-1 {
    width: 1px
}

.w-2 {
    width: 2px
}

.w-5 {
    width: 5px
}

.w-6 {
    width: 6px
}

.w-10 {
    width: 10px
}

.w-12 {
    width: 12px
}

.w-16 {
    width: 16px
}

.w-20 {
    width: 20px
}

.w-25 {
    width: 25px
}

.w-30 {
    width: 30px
}

.w-40 {
    width: 40px
}

.w-45 {
    width: 45px
}

.w-50 {
    width: 50px
}

.w-53 {
    width: 53px
}

.w-60 {
    width: 60px
}

.w-70 {
    width: 70px
}

.w-80 {
    width: 5rem
}

.w-90 {
    width: 90px
}

.w-100 {
    width: 100px
}

.w-120 {
    width: 120px
}

.w-130 {
    width: 130px
}

.w-150 {
    width: 150px
}

.w-200 {
    width: 200px
}

.w-210 {
    width: 210px
}

.w-240 {
    width: 240px
}

.w-245 {
    width: 245px
}

.w-260 {
    width: 260px
}

.w-290 {
    width: 290px
}

.w-300 {
    width: 300px
}

.w-330 {
    width: 330px
}

.w-auto {
    width: auto
}

.w-1\/3 {
    width: 33.333333%
}

.w-3\/4 {
    width: 75%
}

.w-full {
    width: 100%
}

.w-90\% {
    width: 90%
}

.w-19\/20 {
    width: 95%
}

.w-330\% {
    width: 330%
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-99 {
    z-index: 99
}

.z-999 {
    z-index: 9999
}

.-z-1 {
    z-index: -1
}

.gap-10 {
    grid-gap: 10px;
    gap: 10px
}

.gap-50 {
    grid-gap: 50px;
    gap: 50px
}

.gap-x-20 {
    grid-column-gap: 20px;
    column-gap: 20px
}

.gap-x-32 {
    grid-column-gap: 32px;
    column-gap: 32px
}

.gap-y-20 {
    grid-row-gap: 20px;
    row-gap: 20px
}

.gap-y-32 {
    grid-row-gap: 32px;
    row-gap: 32px
}

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

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

.col-start-2 {
    grid-column-start: 2
}

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

.row-start-3 {
    grid-row-start: 3
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.-scale-x-100 {
    --transform-scale-x: -1
}

.-scale-y-100 {
    --transform-scale-y: -1
}

.hover\:scale-104:hover {
    --transform-scale-x: 1.04;
    --transform-scale-y: 1.04
}

.hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05
}

.rotate-45 {
    --transform-rotate: 45deg
}

.rotate-180 {
    --transform-rotate: 180deg
}

.-rotate-180 {
    --transform-rotate: -180deg
}

.-rotate-45 {
    --transform-rotate: -45deg
}

.-translate-x-1\/2 {
    --transform-translate-x: -50%
}

.translate-x-1\/2 {
    --transform-translate-x: 50%
}

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

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

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

.transition-none {
    transition-property: none
}

.transition-all {
    transition-property: all
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke
}

.transition-opacity {
    transition-property: opacity
}

.transition-transform {
    transition-property: transform
}

.transition-width-opacity-spacing {
    transition-property: width, opacity, margin, padding
}

.transition-max-height {
    transition-property: max-height
}

.transition-visibility-opacity {
    transition-property: visibility, opacity
}

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

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

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

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

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

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%, to {
        transform: scale(2);
        opacity: 0
    }
}

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

@keyframes bounce {
    0%, to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

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

@media (min-width: 420px) {
    .xs\:border-t-15 {
        border-top-width: 15px
    }

    .xs\:border-b-15 {
        border-bottom-width: 15px
    }

    .xs\:border-l-25 {
        border-left-width: 25px
    }

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

    .xs\:h-70 {
        height: 70px
    }

    .xs\:text-18 {
        font-size: 1.125rem
    }

    .xs\:text-34 {
        font-size: 2.125rem
    }

    .xs\:leading-40 {
        line-height: 40px
    }

    .xs\:m-auto {
        margin: auto
    }

    .xs\:mx-10 {
        margin-left: 10px;
        margin-right: 10px
    }

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

    .xs\:mr-16 {
        margin-right: 16px
    }

    .xs\:mr-auto {
        margin-right: auto
    }

    .xs\:ml-auto {
        margin-left: auto
    }

    .xs\:max-w-40 {
        max-width: 40px
    }

    .xs\:max-w-410 {
        max-width: 410px
    }

    .xs\:max-w-40\% {
        max-width: 40%
    }

    .xs\:max-w-49\% {
        max-width: 49%
    }

    .xs\:px-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .xs\:px-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .xs\:pl-20 {
        padding-left: 20px
    }

    .xs\:pt-70 {
        padding-top: 70px
    }

    .xs\:pb-70 {
        padding-bottom: 70px
    }

    .xs\:text-left {
        text-align: left
    }

    .xs\:text-center {
        text-align: center
    }

    .xs\:text-right {
        text-align: right
    }

    .xs\:w-70 {
        width: 70px
    }

    .xs\:w-200 {
        width: 200px
    }

    .xs\:w-340 {
        width: 340px
    }

    .xs\:w-360 {
        width: 360px
    }

    .xs\:w-380 {
        width: 380px
    }

    .xs\:w-200\% {
        width: 200%
    }

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

@media (min-width: 768px) {
    .md\:bg-purple {
        --bg-opacity: 1;
        background-color: #905da7;
        background-color: rgba(144, 93, 167, var(--bg-opacity))
    }

    .md\:bg-grey-medium-2 {
        --bg-opacity: 1;
        background-color: #fafafa;
        background-color: rgba(250, 250, 250, var(--bg-opacity))
    }

    .md\:hover\:bg-purple:hover {
        --bg-opacity: 1;
        background-color: #905da7;
        background-color: rgba(144, 93, 167, var(--bg-opacity))
    }

    .md\:bg-cover {
        background-size: cover
    }

    .md\:border-grey-light {
        --border-opacity: 1;
        border-color: #e1e1e1;
        border-color: rgba(225, 225, 225, var(--border-opacity))
    }

    .md\:rounded-5 {
        border-radius: 5px
    }

    .md\:rounded-8 {
        border-radius: 8px
    }

    .md\:rounded-16 {
        border-radius: 16px
    }

    .md\:rounded-80 {
        border-radius: 80px
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-l-2 {
        border-left-width: 2px
    }

    .md\:border-t {
        border-top-width: 1px
    }

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

    .md\:box-content {
        box-sizing: content-box
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        flex-direction: row
    }

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

    .md\:flex-wrap {
        flex-wrap: wrap
    }

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

    .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\:justify-around {
        justify-content: space-around
    }

    .md\:flex-0 {
        flex: 0 0 100%
    }

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

    .md\:flex-1\/20 {
        flex: 0 0 5%
    }

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

    .md\:flex-1\/4 {
        flex: 0 0 25%
    }

    .md\:flex-auto {
        flex: 1 1 auto
    }

    .md\:flex-none {
        flex: 0 0 auto
    }

    .md\:flex-grow {
        flex-grow: 1
    }

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

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:font-bold {
        font-weight: 700
    }

    .md\:h-16 {
        height: 16px
    }

    .md\:h-25 {
        height: 25px
    }

    .md\:h-33 {
        height: 33px
    }

    .md\:h-35 {
        height: 35px
    }

    .md\:h-45 {
        height: 45px
    }

    .md\:h-50 {
        height: 50px
    }

    .md\:h-60 {
        height: 60px
    }

    .md\:h-75 {
        height: 75px
    }

    .md\:h-80 {
        height: 80px
    }

    .md\:h-150 {
        height: 150px
    }

    .md\:h-270 {
        height: 270px
    }

    .md\:h-340 {
        height: 340px
    }

    .md\:h-360 {
        height: 360px
    }

    .md\:h-380 {
        height: 380px
    }

    .md\:h-500 {
        height: 500px
    }

    .md\:h-620 {
        height: 620px
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-80vh {
        height: 80vh
    }

    .md\:h-100vh {
        height: 100vh
    }

    .md\:text-0 {
        font-size: 0
    }

    .md\:text-12 {
        font-size: .75rem
    }

    .md\:text-14 {
        font-size: .875rem
    }

    .md\:text-15 {
        font-size: .9375rem
    }

    .md\:text-16 {
        font-size: 1rem
    }

    .md\:text-18 {
        font-size: 1.125rem
    }

    .md\:text-20 {
        font-size: 1.25rem
    }

    .md\:text-21 {
        font-size: 1.3125rem
    }

    .md\:text-24 {
        font-size: 1.5rem
    }

    .md\:text-28 {
        font-size: 1.75rem
    }

    .md\:text-32 {
        font-size: 2rem
    }

    .md\:text-34 {
        font-size: 2.125rem
    }

    .md\:text-40 {
        font-size: 2.5rem
    }

    .md\:text-42 {
        font-size: 2.625rem
    }

    .md\:text-44 {
        font-size: 2.75rem
    }

    .md\:text-48 {
        font-size: 3rem
    }

    .md\:leading-14 {
        line-height: 14px
    }

    .md\:leading-18 {
        line-height: 18px
    }

    .md\:leading-20 {
        line-height: 20px
    }

    .md\:leading-22 {
        line-height: 22px
    }

    .md\:leading-24 {
        line-height: 24px
    }

    .md\:leading-25 {
        line-height: 25px
    }

    .md\:leading-26 {
        line-height: 26px
    }

    .md\:leading-30 {
        line-height: 30px
    }

    .md\:leading-32 {
        line-height: 32px
    }

    .md\:leading-34 {
        line-height: 34px
    }

    .md\:leading-38 {
        line-height: 38px
    }

    .md\:leading-40 {
        line-height: 40px
    }

    .md\:leading-48 {
        line-height: 48px
    }

    .md\:leading-52 {
        line-height: 52px
    }

    .md\:leading-58 {
        line-height: 58px
    }

    .md\:leading-tighter {
        line-height: 1.15
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:mx-3 {
        margin-left: 3px;
        margin-right: 3px
    }

    .md\:mx-10 {
        margin-left: 10px;
        margin-right: 10px
    }

    .md\:mx-16 {
        margin-left: 16px;
        margin-right: 16px
    }

    .md\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .md\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .md\:mx-40 {
        margin-left: 40px;
        margin-right: 40px
    }

    .md\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .md\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

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

    .md\:-mx-30 {
        margin-left: -30px;
        margin-right: -30px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mb-8 {
        margin-bottom: 8px
    }

    .md\:mt-10 {
        margin-top: 10px
    }

    .md\:mr-10 {
        margin-right: 10px
    }

    .md\:mb-10 {
        margin-bottom: 10px
    }

    .md\:mr-15 {
        margin-right: 15px
    }

    .md\:mb-15 {
        margin-bottom: 15px
    }

    .md\:ml-15 {
        margin-left: 15px
    }

    .md\:mb-20 {
        margin-bottom: 20px
    }

    .md\:ml-20 {
        margin-left: 20px
    }

    .md\:mr-24 {
        margin-right: 24px
    }

    .md\:mb-24 {
        margin-bottom: 24px
    }

    .md\:mr-25 {
        margin-right: 25px
    }

    .md\:ml-25 {
        margin-left: 25px
    }

    .md\:mr-30 {
        margin-right: 30px
    }

    .md\:mb-30 {
        margin-bottom: 30px
    }

    .md\:mt-32 {
        margin-top: 32px
    }

    .md\:ml-35 {
        margin-left: 35px
    }

    .md\:mt-40 {
        margin-top: 40px
    }

    .md\:mr-40 {
        margin-right: 40px
    }

    .md\:mb-40 {
        margin-bottom: 40px
    }

    .md\:mb-50 {
        margin-bottom: 50px
    }

    .md\:ml-50 {
        margin-left: 50px
    }

    .md\:mt-55 {
        margin-top: 55px
    }

    .md\:mt-60 {
        margin-top: 60px
    }

    .md\:mb-60 {
        margin-bottom: 60px
    }

    .md\:mb-65 {
        margin-bottom: 65px
    }

    .md\:ml-70 {
        margin-left: 70px
    }

    .md\:mt-80 {
        margin-top: 80px
    }

    .md\:mb-80 {
        margin-bottom: 80px
    }

    .md\:mb-120 {
        margin-bottom: 120px
    }

    .md\:mb-150 {
        margin-bottom: 150px
    }

    .md\:mt-210 {
        margin-top: 210px
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:mr-auto {
        margin-right: auto
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:-mr-30 {
        margin-right: -30px
    }

    .md\:-mb-150 {
        margin-bottom: -150px
    }

    .md\:max-h-60 {
        max-height: 60px
    }

    .md\:max-h-200 {
        max-height: 200px
    }

    .md\:max-h-250 {
        max-height: 250px
    }

    .md\:max-h-full {
        max-height: 100%
    }

    .md\:max-w-15 {
        max-width: 15px
    }

    .md\:max-w-20 {
        max-width: 20px
    }

    .md\:max-w-30 {
        max-width: 30px
    }

    .md\:max-w-32 {
        max-width: 32px
    }

    .md\:max-w-40 {
        max-width: 40px
    }

    .md\:max-w-60 {
        max-width: 60px
    }

    .md\:max-w-70 {
        max-width: 70px
    }

    .md\:max-w-80 {
        max-width: 5rem
    }

    .md\:max-w-90 {
        max-width: 90px
    }

    .md\:max-w-100 {
        max-width: 100px
    }

    .md\:max-w-112 {
        max-width: 112px
    }

    .md\:max-w-120 {
        max-width: 120px
    }

    .md\:max-w-200 {
        max-width: 200px
    }

    .md\:max-w-210 {
        max-width: 210px
    }

    .md\:max-w-220 {
        max-width: 220px
    }

    .md\:max-w-245 {
        max-width: 245px
    }

    .md\:max-w-290 {
        max-width: 290px
    }

    .md\:max-w-296 {
        max-width: 296px
    }

    .md\:max-w-300 {
        max-width: 300px
    }

    .md\:max-w-312 {
        max-width: 312px
    }

    .md\:max-w-320 {
        max-width: 320px
    }

    .md\:max-w-340 {
        max-width: 340px
    }

    .md\:max-w-360 {
        max-width: 360px
    }

    .md\:max-w-380 {
        max-width: 380px
    }

    .md\:max-w-540 {
        max-width: 540px
    }

    .md\:max-w-560 {
        max-width: 560px
    }

    .md\:max-w-600 {
        max-width: 600px
    }

    .md\:max-w-608 {
        max-width: 608px
    }

    .md\:max-w-630 {
        max-width: 630px
    }

    .md\:max-w-640 {
        max-width: 640px
    }

    .md\:max-w-680 {
        max-width: 680px
    }

    .md\:max-w-700 {
        max-width: 700px
    }

    .md\:max-w-720 {
        max-width: 720px
    }

    .md\:max-w-724 {
        max-width: 724px
    }

    .md\:max-w-780 {
        max-width: 780px
    }

    .md\:max-w-820 {
        max-width: 820px
    }

    .md\:max-w-850 {
        max-width: 850px
    }

    .md\:max-w-1070 {
        max-width: 66.875rem
    }

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

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

    .md\:max-w-1\/3 {
        max-width: 33.333333%
    }

    .md\:max-w-2\/3 {
        max-width: 66.666667%
    }

    .md\:max-w-1\/4 {
        max-width: 25%
    }

    .md\:max-w-3\/4 {
        max-width: 75%
    }

    .md\:max-w-1\/5 {
        max-width: 20%
    }

    .md\:max-w-15\% {
        max-width: 15%
    }

    .md\:max-w-30\% {
        max-width: 30%
    }

    .md\:max-w-32\% {
        max-width: 32%
    }

    .md\:max-w-40\% {
        max-width: 40%
    }

    .md\:max-w-49\% {
        max-width: 49%
    }

    .md\:max-w-60\% {
        max-width: 60%
    }

    .md\:max-w-70\% {
        max-width: 70%
    }

    .md\:max-w-80\% {
        max-width: 80%
    }

    .md\:max-w-90\% {
        max-width: 90%
    }

    .md\:max-w-66\% {
        max-width: 66%
    }

    .md\:max-w-19\/20 {
        max-width: 95%
    }

    .md\:max-w-1\/20 {
        max-width: 5%
    }

    .md\:min-h-175 {
        min-height: 175px
    }

    .md\:min-h-250 {
        min-height: 250px
    }

    .md\:min-h-340 {
        min-height: 340px
    }

    .md\:min-h-380 {
        min-height: 380px
    }

    .md\:min-h-440 {
        min-height: 440px
    }

    .md\:min-w-30 {
        min-width: 30px
    }

    .md\:min-w-40 {
        min-width: 40px
    }

    .md\:min-w-auto {
        min-width: auto
    }

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

    .md\:min-w-30\% {
        min-width: 30%
    }

    .md\:min-w-40\% {
        min-width: 40%
    }

    .md\:object-contain {
        object-fit: contain
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:overflow-y-auto {
        overflow-y: auto
    }

    .md\:p-20 {
        padding: 20px
    }

    .md\:p-30 {
        padding: 30px
    }

    .md\:p-40 {
        padding: 40px
    }

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

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

    .md\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .md\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

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

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

    .md\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

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

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

    .md\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

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

    .md\:py-32 {
        padding-top: 32px;
        padding-bottom: 32px
    }

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

    .md\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

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

    .md\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .md\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .md\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

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

    .md\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

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

    .md\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pr-12 {
        padding-right: 12px
    }

    .md\:pl-12 {
        padding-left: 12px
    }

    .md\:pb-13 {
        padding-bottom: 13px
    }

    .md\:pl-14 {
        padding-left: 14px
    }

    .md\:pr-15 {
        padding-right: 15px
    }

    .md\:pr-16 {
        padding-right: 16px
    }

    .md\:pb-18 {
        padding-bottom: 18px
    }

    .md\:pt-19 {
        padding-top: 19px
    }

    .md\:pt-20 {
        padding-top: 20px
    }

    .md\:pr-20 {
        padding-right: 20px
    }

    .md\:pb-20 {
        padding-bottom: 20px
    }

    .md\:pl-20 {
        padding-left: 20px
    }

    .md\:pr-24 {
        padding-right: 24px
    }

    .md\:pl-24 {
        padding-left: 24px
    }

    .md\:pr-25 {
        padding-right: 25px
    }

    .md\:pl-25 {
        padding-left: 25px
    }

    .md\:pt-30 {
        padding-top: 30px
    }

    .md\:pr-30 {
        padding-right: 30px
    }

    .md\:pb-30 {
        padding-bottom: 30px
    }

    .md\:pl-30 {
        padding-left: 30px
    }

    .md\:pl-35 {
        padding-left: 35px
    }

    .md\:pt-40 {
        padding-top: 40px
    }

    .md\:pr-40 {
        padding-right: 40px
    }

    .md\:pb-40 {
        padding-bottom: 40px
    }

    .md\:pl-40 {
        padding-left: 40px
    }

    .md\:pl-45 {
        padding-left: 45px
    }

    .md\:pt-48 {
        padding-top: 48px
    }

    .md\:pt-50 {
        padding-top: 50px
    }

    .md\:pr-50 {
        padding-right: 50px
    }

    .md\:pl-50 {
        padding-left: 50px
    }

    .md\:pt-56 {
        padding-top: 56px
    }

    .md\:pt-60 {
        padding-top: 60px
    }

    .md\:pb-60 {
        padding-bottom: 60px
    }

    .md\:pl-60 {
        padding-left: 60px
    }

    .md\:pt-65 {
        padding-top: 65px
    }

    .md\:pt-70 {
        padding-top: 70px
    }

    .md\:pr-70 {
        padding-right: 70px
    }

    .md\:pl-70 {
        padding-left: 70px
    }

    .md\:pt-80 {
        padding-top: 80px
    }

    .md\:pr-80 {
        padding-right: 80px
    }

    .md\:pb-80 {
        padding-bottom: 80px
    }

    .md\:pl-80 {
        padding-left: 80px
    }

    .md\:pt-100 {
        padding-top: 100px
    }

    .md\:pb-100 {
        padding-bottom: 100px
    }

    .md\:pt-150 {
        padding-top: 150px
    }

    .md\:pr-210 {
        padding-right: 210px
    }

    .md\:pl-210 {
        padding-left: 210px
    }

    .md\:pl-310 {
        padding-left: 310px
    }

    .md\:pr-25\% {
        padding-right: 25%
    }

    .md\:pl-25\% {
        padding-left: 25%
    }

    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:sticky {
        position: sticky
    }

    .md\:top-0 {
        top: 0
    }

    .md\:right-0 {
        right: 0
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:left-0 {
        left: 0
    }

    .md\:top-2 {
        top: 2px
    }

    .md\:right-10 {
        right: .625rem
    }

    .md\:bottom-10 {
        bottom: .625rem
    }

    .md\:left-10 {
        left: .625rem
    }

    .md\:top-15 {
        top: 15px
    }

    .md\:left-15 {
        left: 15px
    }

    .md\:top-20 {
        top: 1.25rem
    }

    .md\:right-20 {
        right: 1.25rem
    }

    .md\:top-25 {
        top: 1.563rem
    }

    .md\:right-30 {
        right: 1.875rem
    }

    .md\:left-30 {
        left: 1.875rem
    }

    .md\:top-32 {
        top: 2rem
    }

    .md\:top-35 {
        top: 35px
    }

    .md\:top-40 {
        top: 40px
    }

    .md\:right-40 {
        right: 40px
    }

    .md\:left-40 {
        left: 40px
    }

    .md\:top-45 {
        top: 45px
    }

    .md\:top-90 {
        top: 89px
    }

    .md\:top-100 {
        top: 100px
    }

    .md\:-right-60 {
        right: -60px
    }

    .md\:-left-60 {
        left: -60px
    }

    .md\:-left-50 {
        left: -50px
    }

    .md\:-right-40 {
        right: -40px
    }

    .md\:-left-40 {
        left: -40px
    }

    .md\:-right-30 {
        right: -30px
    }

    .md\:-left-30 {
        left: -30px
    }

    .md\:-top-20 {
        top: -20px
    }

    .md\:-left-20 {
        left: -20px
    }

    .md\:-top-1 {
        top: -1px
    }

    .md\:right-10\% {
        right: 10%
    }

    .md\:left-10\% {
        left: 10%
    }

    .md\:top-15\% {
        top: 15%
    }

    .md\:top-20\% {
        top: 20%
    }

    .md\:top-25\% {
        top: 25%
    }

    .md\:top-32\% {
        top: 32%
    }

    .md\:top-45\% {
        top: 45%
    }

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

    .md\:bottom-1\/2 {
        bottom: 50%
    }

    .md\:left-1\/2 {
        left: 50%
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-right {
        text-align: right
    }

    .md\:hover\:text-white:hover, .md\:text-white {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }

    .md\:tracking-minus {
        letter-spacing: -.3px
    }

    .md\:w-2 {
        width: 2px
    }

    .md\:w-15 {
        width: 15px
    }

    .md\:w-22 {
        width: 22px
    }

    .md\:w-25 {
        width: 25px
    }

    .md\:w-33 {
        width: 33px
    }

    .md\:w-40 {
        width: 40px
    }

    .md\:w-45 {
        width: 45px
    }

    .md\:w-60 {
        width: 60px
    }

    .md\:w-80 {
        width: 5rem
    }

    .md\:w-90 {
        width: 90px
    }

    .md\:w-100 {
        width: 100px
    }

    .md\:w-120 {
        width: 120px
    }

    .md\:w-150 {
        width: 150px
    }

    .md\:w-170 {
        width: 170px
    }

    .md\:w-200 {
        width: 200px
    }

    .md\:w-240 {
        width: 240px
    }

    .md\:w-245 {
        width: 245px
    }

    .md\:w-260 {
        width: 260px
    }

    .md\:w-270 {
        width: 270px
    }

    .md\:w-340 {
        width: 340px
    }

    .md\:w-360 {
        width: 360px
    }

    .md\:w-380 {
        width: 380px
    }

    .md\:w-410 {
        width: 410px
    }

    .md\:w-540 {
        width: 540px
    }

    .md\:w-700 {
        width: 700px
    }

    .md\:w-auto {
        width: auto
    }

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

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-90\% {
        width: 90%
    }

    .md\:w-66\% {
        width: 66%
    }

    .md\:w-120\% {
        width: 120%
    }

    .md\:gap-20 {
        grid-gap: 20px;
        gap: 20px
    }

    .md\:gap-32 {
        grid-gap: 32px;
        gap: 32px
    }

    .md\:gap-x-40 {
        grid-column-gap: 40px;
        column-gap: 40px
    }

    .md\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }

    .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\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:transform {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
    }

    .md\:transform-none {
        transform: none
    }

    .md\:scale-90 {
        --transform-scale-x: 0.9;
        --transform-scale-y: 0.9
    }

    .md\:scale-100 {
        --transform-scale-x: 1;
        --transform-scale-y: 1
    }

    .md\:-translate-x-1\/2 {
        --transform-translate-x: -50%
    }

    .md\:translate-y-135 {
        --transform-translate-y: 135px
    }

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

@media (min-width: 1024px) {
    .lg\:bg-white {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }

    .lg\:bg-green-light {
        --bg-opacity: 1;
        background-color: #edf7f2;
        background-color: rgba(237, 247, 242, var(--bg-opacity))
    }

    .lg\:border-grey-light {
        --border-opacity: 1;
        border-color: #e1e1e1;
        border-color: rgba(225, 225, 225, var(--border-opacity))
    }

    .lg\:rounded-5 {
        border-radius: 5px
    }

    .lg\:rounded-20 {
        border-radius: 20px
    }

    .lg\:rounded-r-5 {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

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

    .lg\:rounded-t-20 {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .lg\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .lg\:rounded-l-md {
        border-top-left-radius: .375rem;
        border-bottom-left-radius: .375rem
    }

    .lg\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }

    .lg\:border-none {
        border-style: none
    }

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-no-wrap {
        flex-wrap: nowrap
    }

    .lg\:items-center {
        align-items: center
    }

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

    .lg\:justify-center {
        justify-content: center
    }

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

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

    .lg\:flex-none {
        flex: 0 0 auto
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:font-normal {
        font-weight: 400
    }

    .lg\:font-bold {
        font-weight: 700
    }

    .lg\:h-40 {
        height: 40px
    }

    .lg\:h-55 {
        height: 55px
    }

    .lg\:h-60 {
        height: 60px
    }

    .lg\:h-100 {
        height: 100px
    }

    .lg\:h-130 {
        height: 130px
    }

    .lg\:h-200 {
        height: 200px
    }

    .lg\:h-250 {
        height: 250px
    }

    .lg\:h-300 {
        height: 300px
    }

    .lg\:h-440 {
        height: 440px
    }

    .lg\:h-500 {
        height: 500px
    }

    .lg\:text-14 {
        font-size: .875rem
    }

    .lg\:text-16 {
        font-size: 1rem
    }

    .lg\:text-18 {
        font-size: 1.125rem
    }

    .lg\:text-20 {
        font-size: 1.25rem
    }

    .lg\:text-21 {
        font-size: 1.3125rem
    }

    .lg\:text-24 {
        font-size: 1.5rem
    }

    .lg\:text-28 {
        font-size: 1.75rem
    }

    .lg\:text-30 {
        font-size: 1.875rem
    }

    .lg\:text-32 {
        font-size: 2rem
    }

    .lg\:text-34 {
        font-size: 2.125rem
    }

    .lg\:text-36 {
        font-size: 2.25rem
    }

    .lg\:text-40 {
        font-size: 2.5rem
    }

    .lg\:text-42 {
        font-size: 2.625rem
    }

    .lg\:text-48 {
        font-size: 3rem
    }

    .lg\:text-56 {
        font-size: 3.5rem
    }

    .lg\:text-100 {
        font-size: 6.25rem
    }

    .lg\:leading-18 {
        line-height: 18px
    }

    .lg\:leading-22 {
        line-height: 22px
    }

    .lg\:leading-24 {
        line-height: 24px
    }

    .lg\:leading-25 {
        line-height: 25px
    }

    .lg\:leading-26 {
        line-height: 26px
    }

    .lg\:leading-32 {
        line-height: 32px
    }

    .lg\:leading-34 {
        line-height: 34px
    }

    .lg\:leading-40 {
        line-height: 40px
    }

    .lg\:leading-48 {
        line-height: 48px
    }

    .lg\:leading-52 {
        line-height: 52px
    }

    .lg\:leading-58 {
        line-height: 58px
    }

    .lg\:leading-64 {
        line-height: 64px
    }

    .lg\:mx-25 {
        margin-left: 25px;
        margin-right: 25px
    }

    .lg\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .lg\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

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

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mt-2 {
        margin-top: 2px
    }

    .lg\:mr-2 {
        margin-right: 2px
    }

    .lg\:ml-2 {
        margin-left: 2px
    }

    .lg\:mb-15 {
        margin-bottom: 15px
    }

    .lg\:mb-16 {
        margin-bottom: 16px
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:mr-20 {
        margin-right: 20px
    }

    .lg\:mb-20 {
        margin-bottom: 20px
    }

    .lg\:ml-20 {
        margin-left: 20px
    }

    .lg\:mb-24 {
        margin-bottom: 24px
    }

    .lg\:mr-30 {
        margin-right: 30px
    }

    .lg\:mb-32 {
        margin-bottom: 32px
    }

    .lg\:mt-40 {
        margin-top: 40px
    }

    .lg\:mr-40 {
        margin-right: 40px
    }

    .lg\:mb-40 {
        margin-bottom: 40px
    }

    .lg\:mb-50 {
        margin-bottom: 50px
    }

    .lg\:mt-60 {
        margin-top: 60px
    }

    .lg\:mb-60 {
        margin-bottom: 60px
    }

    .lg\:mt-80 {
        margin-top: 80px
    }

    .lg\:mb-80 {
        margin-bottom: 80px
    }

    .lg\:mb-100 {
        margin-bottom: 100px
    }

    .lg\:mb-120 {
        margin-bottom: 120px
    }

    .lg\:mt-150 {
        margin-top: 150px
    }

    .lg\:-mb-210 {
        margin-bottom: -210px
    }

    .lg\:max-h-250 {
        max-height: 250px
    }

    .lg\:max-w-30 {
        max-width: 30px
    }

    .lg\:max-w-36 {
        max-width: 36px
    }

    .lg\:max-w-40 {
        max-width: 40px
    }

    .lg\:max-w-60 {
        max-width: 60px
    }

    .lg\:max-w-70 {
        max-width: 70px
    }

    .lg\:max-w-100 {
        max-width: 100px
    }

    .lg\:max-w-150 {
        max-width: 150px
    }

    .lg\:max-w-170 {
        max-width: 170px
    }

    .lg\:max-w-220 {
        max-width: 220px
    }

    .lg\:max-w-260 {
        max-width: 260px
    }

    .lg\:max-w-290 {
        max-width: 290px
    }

    .lg\:max-w-300 {
        max-width: 300px
    }

    .lg\:max-w-376 {
        max-width: 376px
    }

    .lg\:max-w-390 {
        max-width: 390px
    }

    .lg\:max-w-396 {
        max-width: 396px
    }

    .lg\:max-w-540 {
        max-width: 540px
    }

    .lg\:max-w-630 {
        max-width: 630px
    }

    .lg\:max-w-640 {
        max-width: 640px
    }

    .lg\:max-w-680 {
        max-width: 680px
    }

    .lg\:max-w-700 {
        max-width: 700px
    }

    .lg\:max-w-724 {
        max-width: 724px
    }

    .lg\:max-w-780 {
        max-width: 780px
    }

    .lg\:max-w-810 {
        max-width: 810px
    }

    .lg\:max-w-820 {
        max-width: 820px
    }

    .lg\:max-w-850 {
        max-width: 850px
    }

    .lg\:max-w-856 {
        max-width: 856px
    }

    .lg\:max-w-865 {
        max-width: 865px
    }

    .lg\:max-w-950 {
        max-width: 950px
    }

    .lg\:max-w-1070 {
        max-width: 66.875rem
    }

    .lg\:max-w-1090 {
        max-width: 68.125rem
    }

    .lg\:max-w-1290 {
        max-width: 1290px
    }

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

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

    .lg\:max-w-1\/4 {
        max-width: 25%
    }

    .lg\:max-w-3\/4 {
        max-width: 75%
    }

    .lg\:max-w-1\/5 {
        max-width: 20%
    }

    .lg\:max-w-28\% {
        max-width: 28%
    }

    .lg\:max-w-30\% {
        max-width: 30%
    }

    .lg\:max-w-36\% {
        max-width: 36%
    }

    .lg\:max-w-40\% {
        max-width: 40%
    }

    .lg\:max-w-46\% {
        max-width: 46%
    }

    .lg\:max-w-49\% {
        max-width: 49%
    }

    .lg\:max-w-60\% {
        max-width: 60%
    }

    .lg\:max-w-70\% {
        max-width: 70%
    }

    .lg\:max-w-19\/20 {
        max-width: 95%
    }

    .lg\:min-h-43 {
        min-height: 43px
    }

    .lg\:min-h-45 {
        min-height: 45px
    }

    .lg\:min-h-380 {
        min-height: 380px
    }

    .lg\:min-h-470 {
        min-height: 470px
    }

    .lg\:min-h-500 {
        min-height: 500px
    }

    .lg\:min-h-auto {
        min-height: auto
    }

    .lg\:min-w-200 {
        min-width: 200px
    }

    .lg\:object-cover {
        object-fit: cover
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-8 {
        padding: 8px
    }

    .lg\:p-35 {
        padding: 35px
    }

    .lg\:p-40 {
        padding: 40px
    }

    .lg\:p-60 {
        padding: 60px
    }

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

    .lg\:px-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .lg\:py-11 {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .lg\:py-14 {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .lg\:py-18 {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .lg\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .lg\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:px-24 {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

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

    .lg\:px-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .lg\:px-35 {
        padding-left: 35px;
        padding-right: 35px
    }

    .lg\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:px-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg\:px-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .lg\:px-55 {
        padding-left: 55px;
        padding-right: 55px
    }

    .lg\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:py-64 {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .lg\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .lg\:px-80 {
        padding-left: 80px;
        padding-right: 80px
    }

    .lg\:px-90 {
        padding-left: 90px;
        padding-right: 90px
    }

    .lg\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pt-15 {
        padding-top: 15px
    }

    .lg\:pl-20 {
        padding-left: 20px
    }

    .lg\:pt-24 {
        padding-top: 24px
    }

    .lg\:pl-24 {
        padding-left: 24px
    }

    .lg\:pr-25 {
        padding-right: 25px
    }

    .lg\:pt-30 {
        padding-top: 30px
    }

    .lg\:pt-40 {
        padding-top: 40px
    }

    .lg\:pr-40 {
        padding-right: 40px
    }

    .lg\:pb-40 {
        padding-bottom: 40px
    }

    .lg\:pl-40 {
        padding-left: 40px
    }

    .lg\:pl-45 {
        padding-left: 45px
    }

    .lg\:pt-50 {
        padding-top: 50px
    }

    .lg\:pr-50 {
        padding-right: 50px
    }

    .lg\:pl-50 {
        padding-left: 50px
    }

    .lg\:pt-56 {
        padding-top: 56px
    }

    .lg\:pt-60 {
        padding-top: 60px
    }

    .lg\:pr-60 {
        padding-right: 60px
    }

    .lg\:pl-60 {
        padding-left: 60px
    }

    .lg\:pt-72 {
        padding-top: 72px
    }

    .lg\:pr-80 {
        padding-right: 80px
    }

    .lg\:pb-80 {
        padding-bottom: 80px
    }

    .lg\:pl-80 {
        padding-left: 80px
    }

    .lg\:pb-90 {
        padding-bottom: 90px
    }

    .lg\:pt-100 {
        padding-top: 100px
    }

    .lg\:pb-100 {
        padding-bottom: 100px
    }

    .lg\:pl-100 {
        padding-left: 100px
    }

    .lg\:pt-120 {
        padding-top: 120px
    }

    .lg\:pb-120 {
        padding-bottom: 120px
    }

    .lg\:pt-210 {
        padding-top: 210px
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:right-15 {
        right: 15px
    }

    .lg\:left-15 {
        left: 15px
    }

    .lg\:top-20 {
        top: 1.25rem
    }

    .lg\:top-32 {
        top: 2rem
    }

    .lg\:right-40 {
        right: 40px
    }

    .lg\:top-41 {
        top: 41px
    }

    .lg\:top-45 {
        top: 45px
    }

    .lg\:right-100 {
        right: 100px
    }

    .lg\:left-100 {
        left: 100px
    }

    .lg\:top-200 {
        top: 200px
    }

    .lg\:-left-140 {
        left: -140px
    }

    .lg\:-right-110 {
        right: -110px
    }

    .lg\:-left-110 {
        left: -110px
    }

    .lg\:-right-65 {
        right: -65px
    }

    .lg\:-left-65 {
        left: -65px
    }

    .lg\:-right-60 {
        right: -60px
    }

    .lg\:-left-60 {
        left: -60px
    }

    .lg\:-top-40 {
        top: -40px
    }

    .lg\:-right-40 {
        right: -40px
    }

    .lg\:-left-40 {
        left: -40px
    }

    .lg\:-bottom-30 {
        bottom: -30px
    }

    .lg\:-right-15 {
        right: -15px
    }

    .lg\:-left-15 {
        left: -15px
    }

    .lg\:-right-15\% {
        right: -15%
    }

    .lg\:-left-15\% {
        left: -15%
    }

    .lg\:right-15\% {
        right: 15%
    }

    .lg\:left-15\% {
        left: 15%
    }

    .lg\:top-32\% {
        top: 32%
    }

    .lg\:top-45\% {
        top: 45%
    }

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

    .lg\:shadow-lg {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:uppercase {
        text-transform: uppercase
    }

    .lg\:whitespace-no-wrap {
        white-space: nowrap
    }

    .lg\:w-40 {
        width: 40px
    }

    .lg\:w-50 {
        width: 50px
    }

    .lg\:w-60 {
        width: 60px
    }

    .lg\:w-80 {
        width: 5rem
    }

    .lg\:w-90 {
        width: 90px
    }

    .lg\:w-100 {
        width: 100px
    }

    .lg\:w-200 {
        width: 200px
    }

    .lg\:w-290 {
        width: 290px
    }

    .lg\:w-300 {
        width: 300px
    }

    .lg\:w-410 {
        width: 410px
    }

    .lg\:w-630 {
        width: 630px
    }

    .lg\:w-820 {
        width: 820px
    }

    .lg\:w-1024 {
        width: 1024px
    }

    .lg\:w-auto {
        width: auto
    }

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

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-90\% {
        width: 90%
    }

    .lg\:gap-x-40 {
        grid-column-gap: 40px;
        column-gap: 40px
    }

    .lg\:gap-y-24 {
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .lg\:gap-y-40 {
        grid-row-gap: 40px;
        row-gap: 40px
    }

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

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

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

    .lg\:transform-none {
        transform: none
    }

    .lg\:translate-x-0 {
        --transform-translate-x: 0
    }

    .lg\:translate-y-100 {
        --transform-translate-y: 100px
    }

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

    .lg\:transition-none {
        transition-property: none
    }
}

@media (min-width: 1366px) {
    .xl\:rounded-5 {
        border-radius: 5px
    }

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:items-center {
        align-items: center
    }

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

    .xl\:h-30 {
        height: 30px
    }

    .xl\:h-60 {
        height: 60px
    }

    .xl\:h-80 {
        height: 80px
    }

    .xl\:h-100 {
        height: 100px
    }

    .xl\:h-120 {
        height: 120px
    }

    .xl\:h-150 {
        height: 150px
    }

    .xl\:h-175 {
        height: 175px
    }

    .xl\:h-200 {
        height: 200px
    }

    .xl\:h-320 {
        height: 320px
    }

    .xl\:h-400 {
        height: 400px
    }

    .xl\:h-570 {
        height: 570px
    }

    .xl\:h-620 {
        height: 620px
    }

    .xl\:text-14 {
        font-size: .875rem
    }

    .xl\:text-16 {
        font-size: 1rem
    }

    .xl\:text-18 {
        font-size: 1.125rem
    }

    .xl\:text-20 {
        font-size: 1.25rem
    }

    .xl\:text-21 {
        font-size: 1.3125rem
    }

    .xl\:text-24 {
        font-size: 1.5rem
    }

    .xl\:text-28 {
        font-size: 1.75rem
    }

    .xl\:text-30 {
        font-size: 1.875rem
    }

    .xl\:text-32 {
        font-size: 2rem
    }

    .xl\:text-34 {
        font-size: 2.125rem
    }

    .xl\:text-40 {
        font-size: 2.5rem
    }

    .xl\:text-42 {
        font-size: 2.625rem
    }

    .xl\:text-48 {
        font-size: 3rem
    }

    .xl\:text-54 {
        font-size: 3.375rem
    }

    .xl\:text-60 {
        font-size: 3.75rem
    }

    .xl\:leading-16 {
        line-height: 16px
    }

    .xl\:leading-22 {
        line-height: 22px
    }

    .xl\:leading-25 {
        line-height: 25px
    }

    .xl\:leading-26 {
        line-height: 26px
    }

    .xl\:leading-29 {
        line-height: 29px
    }

    .xl\:leading-30 {
        line-height: 30px
    }

    .xl\:leading-34 {
        line-height: 34px
    }

    .xl\:leading-38 {
        line-height: 38px
    }

    .xl\:leading-48 {
        line-height: 48px
    }

    .xl\:leading-52 {
        line-height: 52px
    }

    .xl\:leading-58 {
        line-height: 58px
    }

    .xl\:leading-73 {
        line-height: 73px
    }

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

    .xl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

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

    .xl\:-mx-50 {
        margin-left: -50px;
        margin-right: -50px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:mb-10 {
        margin-bottom: 10px
    }

    .xl\:mt-15 {
        margin-top: 15px
    }

    .xl\:mb-15 {
        margin-bottom: 15px
    }

    .xl\:mr-20 {
        margin-right: 20px
    }

    .xl\:mb-20 {
        margin-bottom: 20px
    }

    .xl\:mb-30 {
        margin-bottom: 30px
    }

    .xl\:mt-40 {
        margin-top: 40px
    }

    .xl\:mb-40 {
        margin-bottom: 40px
    }

    .xl\:ml-40 {
        margin-left: 40px
    }

    .xl\:mb-60 {
        margin-bottom: 60px
    }

    .xl\:mb-72 {
        margin-bottom: 72px
    }

    .xl\:mt-80 {
        margin-top: 80px
    }

    .xl\:mr-80 {
        margin-right: 80px
    }

    .xl\:mt-100 {
        margin-top: 100px
    }

    .xl\:mb-120 {
        margin-bottom: 120px
    }

    .xl\:mr-auto {
        margin-right: auto
    }

    .xl\:-mt-60 {
        margin-top: -60px
    }

    .xl\:-mb-60 {
        margin-bottom: -60px
    }

    .xl\:-mt-75 {
        margin-top: -75px
    }

    .xl\:-mr-90 {
        margin-right: -90px
    }

    .xl\:-mb-250 {
        margin-bottom: -250px
    }

    .xl\:max-w-30 {
        max-width: 30px
    }

    .xl\:max-w-40 {
        max-width: 40px
    }

    .xl\:max-w-60 {
        max-width: 60px
    }

    .xl\:max-w-70 {
        max-width: 70px
    }

    .xl\:max-w-80 {
        max-width: 5rem
    }

    .xl\:max-w-100 {
        max-width: 100px
    }

    .xl\:max-w-150 {
        max-width: 150px
    }

    .xl\:max-w-245 {
        max-width: 245px
    }

    .xl\:max-w-280 {
        max-width: 280px
    }

    .xl\:max-w-300 {
        max-width: 300px
    }

    .xl\:max-w-320 {
        max-width: 320px
    }

    .xl\:max-w-340 {
        max-width: 340px
    }

    .xl\:max-w-410 {
        max-width: 410px
    }

    .xl\:max-w-464 {
        max-width: 464px
    }

    .xl\:max-w-480 {
        max-width: 480px
    }

    .xl\:max-w-520 {
        max-width: 520px
    }

    .xl\:max-w-530 {
        max-width: 530px
    }

    .xl\:max-w-560 {
        max-width: 560px
    }

    .xl\:max-w-630 {
        max-width: 630px
    }

    .xl\:max-w-724 {
        max-width: 724px
    }

    .xl\:max-w-820 {
        max-width: 820px
    }

    .xl\:max-w-850 {
        max-width: 850px
    }

    .xl\:max-w-865 {
        max-width: 865px
    }

    .xl\:max-w-900 {
        max-width: 900px
    }

    .xl\:max-w-950 {
        max-width: 950px
    }

    .xl\:max-w-1000 {
        max-width: 62.5rem
    }

    .xl\:max-w-1024 {
        max-width: 1024px
    }

    .xl\:max-w-1070 {
        max-width: 66.875rem
    }

    .xl\:max-w-1090 {
        max-width: 68.125rem
    }

    .xl\:max-w-1220 {
        max-width: 1220px
    }

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

    .xl\:max-w-1\/4 {
        max-width: 25%
    }

    .xl\:max-w-3\/4 {
        max-width: 75%
    }

    .xl\:max-w-1\/5 {
        max-width: 20%
    }

    .xl\:max-w-30\% {
        max-width: 30%
    }

    .xl\:max-w-40\% {
        max-width: 40%
    }

    .xl\:max-w-60\% {
        max-width: 60%
    }

    .xl\:max-w-70\% {
        max-width: 70%
    }

    .xl\:max-w-80\% {
        max-width: 80%
    }

    .xl\:max-w-66\% {
        max-width: 66%
    }

    .xl\:max-w-67\% {
        max-width: 67%
    }

    .xl\:max-w-19\/20 {
        max-width: 95%
    }

    .xl\:min-h-340 {
        min-height: 340px
    }

    .xl\:min-h-500 {
        min-height: 500px
    }

    .xl\:min-w-30 {
        min-width: 30px
    }

    .xl\:min-w-30\% {
        min-width: 30%
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-30 {
        padding: 30px
    }

    .xl\:p-80 {
        padding: 80px
    }

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

    .xl\:px-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .xl\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .xl\:px-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:px-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .xl\:px-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .xl\:px-60 {
        padding-left: 60px;
        padding-right: 60px
    }

    .xl\:px-64 {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:px-80 {
        padding-left: 80px;
        padding-right: 80px
    }

    .xl\:px-90 {
        padding-left: 90px;
        padding-right: 90px
    }

    .xl\:px-95 {
        padding-left: 95px;
        padding-right: 95px
    }

    .xl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:px-130 {
        padding-left: 130px;
        padding-right: 130px
    }

    .xl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pt-14 {
        padding-top: 14px
    }

    .xl\:pr-20 {
        padding-right: 20px
    }

    .xl\:pb-20 {
        padding-bottom: 20px
    }

    .xl\:pl-20 {
        padding-left: 20px
    }

    .xl\:pt-30 {
        padding-top: 30px
    }

    .xl\:pb-40 {
        padding-bottom: 40px
    }

    .xl\:pt-45 {
        padding-top: 45px
    }

    .xl\:pl-45 {
        padding-left: 45px
    }

    .xl\:pr-50 {
        padding-right: 50px
    }

    .xl\:pl-50 {
        padding-left: 50px
    }

    .xl\:pt-60 {
        padding-top: 60px
    }

    .xl\:pb-60 {
        padding-bottom: 60px
    }

    .xl\:pl-60 {
        padding-left: 60px
    }

    .xl\:pt-75 {
        padding-top: 75px
    }

    .xl\:pt-80 {
        padding-top: 80px
    }

    .xl\:pr-80 {
        padding-right: 80px
    }

    .xl\:pb-80 {
        padding-bottom: 80px
    }

    .xl\:pl-80 {
        padding-left: 80px
    }

    .xl\:pl-90 {
        padding-left: 90px
    }

    .xl\:pt-100 {
        padding-top: 100px
    }

    .xl\:pr-100 {
        padding-right: 100px
    }

    .xl\:pb-100 {
        padding-bottom: 100px
    }

    .xl\:pl-115 {
        padding-left: 115px
    }

    .xl\:pr-120 {
        padding-right: 120px
    }

    .xl\:pb-120 {
        padding-bottom: 120px
    }

    .xl\:pb-140 {
        padding-bottom: 140px
    }

    .xl\:pt-250 {
        padding-top: 250px
    }

    .xl\:pl-430 {
        padding-left: 430px
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-5 {
        right: 5px
    }

    .xl\:left-5 {
        left: 5px
    }

    .xl\:right-20 {
        right: 1.25rem
    }

    .xl\:left-20 {
        left: 1.25rem
    }

    .xl\:left-40 {
        left: 40px
    }

    .xl\:-left-170 {
        left: -170px
    }

    .xl\:-right-50 {
        right: -50px
    }

    .xl\:-left-50 {
        left: -50px
    }

    .xl\:-top-30 {
        top: -30px
    }

    .xl\:-top-1 {
        top: -1px
    }

    .xl\:left-17\.5 {
        left: 1.094rem
    }

    .xl\:right-5\% {
        right: 5%
    }

    .xl\:left-5\% {
        left: 5%
    }

    .xl\:right-20\% {
        right: 20%
    }

    .xl\:left-20\% {
        left: 20%
    }

    .xl\:whitespace-no-wrap {
        white-space: nowrap
    }

    .xl\:w-30 {
        width: 30px
    }

    .xl\:w-60 {
        width: 60px
    }

    .xl\:w-80 {
        width: 5rem
    }

    .xl\:w-100 {
        width: 100px
    }

    .xl\:w-120 {
        width: 120px
    }

    .xl\:w-150 {
        width: 150px
    }

    .xl\:w-200 {
        width: 200px
    }

    .xl\:w-245 {
        width: 245px
    }

    .xl\:w-300 {
        width: 300px
    }

    .xl\:w-320 {
        width: 320px
    }

    .xl\:w-330 {
        width: 330px
    }

    .xl\:w-340 {
        width: 340px
    }

    .xl\:w-520 {
        width: 520px
    }

    .xl\:w-540 {
        width: 540px
    }

    .xl\:w-1024 {
        width: 1024px
    }

    .xl\:w-1070 {
        width: 66.875rem
    }

    .xl\:w-80\% {
        width: 80%
    }

    .xl\:gap-x-40 {
        grid-column-gap: 40px;
        column-gap: 40px
    }

    .xl\:gap-x-60 {
        grid-column-gap: 60px;
        column-gap: 60px
    }

    .xl\:gap-y-40 {
        grid-row-gap: 40px;
        row-gap: 40px
    }

    .xl\:translate-y-70 {
        --transform-translate-y: 70px
    }
}

@media (max-width: 419px) {
    .xs_max\:bg-cover {
        background-size: cover
    }

    .xs_max\:flex {
        display: flex
    }

    .xs_max\:flex-wrap {
        flex-wrap: wrap
    }

    .xs_max\:place-items-center {
        place-items: center
    }

    .xs_max\:order-1 {
        order: 1
    }

    .xs_max\:order-2 {
        order: 2
    }

    .xs_max\:h-150 {
        height: 150px
    }

    .xs_max\:h-full {
        height: 100%
    }

    .xs_max\:m-auto {
        margin: auto
    }

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

    .xs_max\:mb-20 {
        margin-bottom: 20px
    }

    .xs_max\:mb-40 {
        margin-bottom: 40px
    }

    .xs_max\:max-h-175 {
        max-height: 175px
    }

    .xs_max\:max-h-250 {
        max-height: 250px
    }

    .xs_max\:object-cover {
        object-fit: cover
    }

    .xs_max\:text-center {
        text-align: center
    }

    .xs_max\:w-full {
        width: 100%
    }
}

@media (max-width: 767px) {
    .md_max\:bg-grey-medium-2 {
        --bg-opacity: 1;
        background-color: #fafafa;
        background-color: rgba(250, 250, 250, var(--bg-opacity))
    }

    .md_max\:border-grey-light {
        --border-opacity: 1;
        border-color: #e1e1e1;
        border-color: rgba(225, 225, 225, var(--border-opacity))
    }

    .md_max\:rounded-5 {
        border-radius: 5px
    }

    .md_max\:rounded-t-5 {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .md_max\:rounded-t-20 {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .md_max\:border {
        border-width: 1px
    }

    .md_max\:border-t-2 {
        border-top-width: 2px
    }

    .md_max\:border-t {
        border-top-width: 1px
    }

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

    .md_max\:cursor-pointer {
        cursor: pointer
    }

    .md_max\:block {
        display: block
    }

    .md_max\:flex {
        display: flex
    }

    .md_max\:hidden {
        display: none
    }

    .md_max\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md_max\:flex-wrap {
        flex-wrap: wrap
    }

    .md_max\:items-center {
        align-items: center
    }

    .md_max\:justify-center {
        justify-content: center
    }

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

    .md_max\:justify-self-center {
        justify-self: center
    }

    .md_max\:flex-0 {
        flex: 0 0 100%
    }

    .md_max\:order-1 {
        order: 1
    }

    .md_max\:order-2 {
        order: 2
    }

    .md_max\:h-2 {
        height: 2px
    }

    .md_max\:list-outside {
        list-style-position: outside
    }

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

    .md_max\:m-auto {
        margin: auto
    }

    .md_max\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md_max\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

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

    .md_max\:mt-5 {
        margin-top: 5px
    }

    .md_max\:mb-10 {
        margin-bottom: 10px
    }

    .md_max\:mb-15 {
        margin-bottom: 15px
    }

    .md_max\:mb-20 {
        margin-bottom: 20px
    }

    .md_max\:mb-24 {
        margin-bottom: 24px
    }

    .md_max\:mt-30 {
        margin-top: 30px
    }

    .md_max\:mr-30 {
        margin-right: 30px
    }

    .md_max\:mb-30 {
        margin-bottom: 30px
    }

    .md_max\:mt-40 {
        margin-top: 40px
    }

    .md_max\:mb-40 {
        margin-bottom: 40px
    }

    .md_max\:mb-45 {
        margin-bottom: 45px
    }

    .md_max\:mb-50 {
        margin-bottom: 50px
    }

    .md_max\:mt-60 {
        margin-top: 60px
    }

    .md_max\:mb-60 {
        margin-bottom: 60px
    }

    .md_max\:mt-85 {
        margin-top: 85px
    }

    .md_max\:max-h-250 {
        max-height: 250px
    }

    .md_max\:max-h-300 {
        max-height: 300px
    }

    .md_max\:max-w-245 {
        max-width: 245px
    }

    .md_max\:max-w-290 {
        max-width: 290px
    }

    .md_max\:max-w-340 {
        max-width: 340px
    }

    .md_max\:max-w-376 {
        max-width: 376px
    }

    .md_max\:max-w-380 {
        max-width: 380px
    }

    .md_max\:max-w-480 {
        max-width: 480px
    }

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

    .md_max\:max-w-46\% {
        max-width: 46%
    }

    .md_max\:min-h-175 {
        min-height: 175px
    }

    .md_max\:min-h-380 {
        min-height: 380px
    }

    .md_max\:overflow-hidden {
        overflow: hidden
    }

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

    .md_max\:px-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .md_max\:px-15 {
        padding-left: 15px;
        padding-right: 15px
    }

    .md_max\:px-16 {
        padding-left: 16px;
        padding-right: 16px
    }

    .md_max\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .md_max\:px-24 {
        padding-left: 24px;
        padding-right: 24px
    }

    .md_max\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

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

    .md_max\:py-25\% {
        padding-top: 25%;
        padding-bottom: 25%
    }

    .md_max\:pr-15 {
        padding-right: 15px
    }

    .md_max\:pt-20 {
        padding-top: 20px
    }

    .md_max\:pl-20 {
        padding-left: 20px
    }

    .md_max\:pt-30 {
        padding-top: 30px
    }

    .md_max\:pb-30 {
        padding-bottom: 30px
    }

    .md_max\:pt-40 {
        padding-top: 40px
    }

    .md_max\:pb-40 {
        padding-bottom: 40px
    }

    .md_max\:bottom-0 {
        bottom: 0
    }

    .md_max\:left-0 {
        left: 0
    }

    .md_max\:left-20 {
        left: 1.25rem
    }

    .md_max\:top-40 {
        top: 40px
    }

    .md_max\:-top-30 {
        top: -30px
    }

    .md_max\:left-1\/2 {
        left: 50%
    }

    .md_max\:text-center {
        text-align: center
    }

    .md_max\:text-green-darker {
        --text-opacity: 1;
        color: #3b8460;
        color: rgba(59, 132, 96, var(--text-opacity))
    }

    .md_max\:text-grey-light {
        --text-opacity: 1;
        color: #e1e1e1;
        color: rgba(225, 225, 225, var(--text-opacity))
    }

    .md_max\:w-170 {
        width: 170px
    }

    .md_max\:w-300 {
        width: 300px
    }

    .md_max\:w-full {
        width: 100%
    }

    .md_max\:z-99 {
        z-index: 99
    }

    .md_max\:transform {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
    }

    .md_max\:-scale-x-100 {
        --transform-scale-x: -1
    }

    .md_max\:-translate-x-1\/2 {
        --transform-translate-x: -50%
    }

    .md_max\:translate-x-1\/2 {
        --transform-translate-x: 50%
    }

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

@media (max-width: 1023px) {
    .lg_max\:bg-white {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }

    .lg_max\:bg-green-light {
        --bg-opacity: 1;
        background-color: #edf7f2;
        background-color: rgba(237, 247, 242, var(--bg-opacity))
    }

    .lg_max\:border-grey-lighter {
        --border-opacity: 1;
        border-color: #ccc;
        border-color: rgba(204, 204, 204, var(--border-opacity))
    }

    .lg_max\:rounded-8 {
        border-radius: 8px
    }

    .lg_max\:rounded-80 {
        border-radius: 80px
    }

    .lg_max\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .lg_max\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .lg_max\:border {
        border-width: 1px
    }

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

    .lg_max\:border-l {
        border-left-width: 1px
    }

    .lg_max\:block {
        display: block
    }

    .lg_max\:hidden {
        display: none
    }

    .lg_max\:flex-wrap {
        flex-wrap: wrap
    }

    .lg_max\:items-center {
        align-items: center
    }

    .lg_max\:justify-center {
        justify-content: center
    }

    .lg_max\:flex-0 {
        flex: 0 0 100%
    }

    .lg_max\:h-16 {
        height: 16px
    }

    .lg_max\:h-95 {
        height: 95px
    }

    .lg_max\:h-95\% {
        height: 95%
    }

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

    .lg_max\:mb-8 {
        margin-bottom: 8px
    }

    .lg_max\:mb-24 {
        margin-bottom: 24px
    }

    .lg_max\:mb-30 {
        margin-bottom: 30px
    }

    .lg_max\:mb-50 {
        margin-bottom: 50px
    }

    .lg_max\:max-h-300 {
        max-height: 300px
    }

    .lg_max\:max-w-53 {
        max-width: 53px
    }

    .lg_max\:max-w-290 {
        max-width: 290px
    }

    .lg_max\:max-w-340 {
        max-width: 340px
    }

    .lg_max\:max-w-600 {
        max-width: 600px
    }

    .lg_max\:opacity-0 {
        opacity: 0
    }

    .lg_max\:overflow-x-hidden {
        overflow-x: hidden
    }

    .lg_max\:p-24 {
        padding: 24px
    }

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

    .lg_max\:px-16 {
        padding-left: 16px;
        padding-right: 16px
    }

    .lg_max\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg_max\:pt-5 {
        padding-top: 5px
    }

    .lg_max\:pt-24 {
        padding-top: 24px
    }

    .lg_max\:pb-50 {
        padding-bottom: 50px
    }

    .lg_max\:fixed {
        position: fixed
    }

    .lg_max\:absolute {
        position: absolute
    }

    .lg_max\:right-0 {
        right: 0
    }

    .lg_max\:bottom-0 {
        bottom: 0
    }

    .lg_max\:left-0 {
        left: 0
    }

    .lg_max\:right-32 {
        right: 2rem
    }

    .lg_max\:left-32 {
        left: 2rem
    }

    .lg_max\:-bottom-15 {
        bottom: -15px
    }

    .lg_max\:right-32\% {
        right: 32%
    }

    .lg_max\:left-32\% {
        left: 32%
    }

    .lg_max\:top-video {
        top: calc(100% + 5px)
    }

    .lg_max\:text-center {
        text-align: center
    }

    .lg_max\:text-right {
        text-align: right
    }

    .lg_max\:invisible {
        visibility: hidden
    }

    .lg_max\:w-53 {
        width: 53px
    }

    .lg_max\:w-380 {
        width: 380px
    }

    .lg_max\:z-2 {
        z-index: 2
    }

    .lg_max\:z-999 {
        z-index: 9999
    }

    .lg_max\:transform {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
    }

    .lg_max\:-translate-x-full {
        --transform-translate-x: -100%
    }

    .lg_max\:translate-x-full {
        --transform-translate-x: 100%
    }
}

@media (max-width: 1365px) {
    .xl_max\:flex-wrap {
        flex-wrap: wrap
    }

    .xl_max\:mb-45 {
        margin-bottom: 45px
    }

    .xl_max\:max-h-340 {
        max-height: 340px
    }

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

    .xl_max\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl_max\:text-center {
        text-align: center
    }
}