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

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2
}

*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x      : 0;
    --tw-border-spacing-y      : 0;
    --tw-translate-x           : 0;
    --tw-translate-y           : 0;
    --tw-rotate                : 0;
    --tw-skew-x                : 0;
    --tw-skew-y                : 0;
    --tw-scale-x               : 1;
    --tw-scale-y               : 1;
    --tw-pan-x                 : ;
    --tw-pan-y                 : ;
    --tw-pinch-zoom            : ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal               : ;
    --tw-slashed-zero          : ;
    --tw-numeric-figure        : ;
    --tw-numeric-spacing       : ;
    --tw-numeric-fraction      : ;
    --tw-ring-inset            : ;
    --tw-ring-offset-width     : 0px;
    --tw-ring-offset-color     : #fff;
    --tw-ring-color            : #3b82f680;
    --tw-ring-offset-shadow    : 0 0 #0000;
    --tw-ring-shadow           : 0 0 #0000;
    --tw-shadow                : 0 0 #0000;
    --tw-shadow-colored        : 0 0 #0000;
    --tw-blur                  : ;
    --tw-brightness            : ;
    --tw-contrast              : ;
    --tw-grayscale             : ;
    --tw-hue-rotate            : ;
    --tw-invert                : ;
    --tw-saturate              : ;
    --tw-sepia                 : ;
    --tw-drop-shadow           : ;
    --tw-backdrop-blur         : ;
    --tw-backdrop-brightness   : ;
    --tw-backdrop-contrast     : ;
    --tw-backdrop-grayscale    : ;
    --tw-backdrop-hue-rotate   : ;
    --tw-backdrop-invert       : ;
    --tw-backdrop-opacity      : ;
    --tw-backdrop-saturate     : ;
    --tw-backdrop-sepia        :
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-checkbox {
    border-radius: 0
}

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

.form-checkbox:checked,
.form-radio:checked {
    border-color       : #0000;
    background-color   : currentColor;
    background-size    : 100% 100%;
    background-position: 50%;
    background-repeat  : no-repeat
}

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

.form-checkbox:checked:focus,
.form-checkbox:checked:hover,
.form-checkbox:indeterminate,
.form-radio:checked:focus,
.form-radio:checked:hover {
    border-color    : #0000;
    background-color: currentColor
}

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

.form-checkbox:indeterminate:focus,
.form-checkbox:indeterminate:hover {
    border-color    : #0000;
    background-color: currentColor
}

.btn-custom {
    display            : inline-block;
    border-radius      : 5px;
    border-width       : 2px;
    --tw-border-opacity: 1;
    border-color       : rgb(150 193 31/var(--tw-border-opacity));
    --tw-bg-opacity    : 1;
    background-color   : rgb(150 193 31/var(--tw-bg-opacity));
    padding            : .75rem 26px;
    font-size          : 15px;
    text-transform     : capitalize;
    letter-spacing     : 1px;
    --tw-text-opacity  : 1;
    color              : rgb(255 255 255/var(--tw-text-opacity));
    transition-duration: .5s
}

.btn-custom:hover {
    --tw-border-opacity: 1;
    border-color       : rgb(7 137 126/var(--tw-border-opacity));
    --tw-bg-opacity    : 1;
    background-color   : rgb(7 137 126/var(--tw-bg-opacity))
}

.btn-custom:focus {
    outline       : 2px solid #0000 !important;
    outline-offset: 2px !important
}

.btn-custom-light {
    display            : inline-block;
    border-radius      : 30px;
    border-width       : 2px;
    border-color       : rgba(10, 161, 149, .001);
    background-color   : #3e4543;
    padding            : .75rem 26px;
    font-size          : 15px;
    text-transform     : capitalize;
    letter-spacing     : 1px;
    --tw-text-opacity  : 1;
    color              : rgb(150 193 31/var(--tw-text-opacity));
    transition-duration: .15s
}

.btn-custom-light:hover {
    --tw-translate-y   : -3px;
    transform          : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color       : rgb(150 193 31/var(--tw-border-opacity));
    --tw-bg-opacity    : 1;
    background-color   : rgb(150 193 31/var(--tw-bg-opacity));
    --tw-text-opacity  : 1;
    color              : rgb(255 255 255/var(--tw-text-opacity));
    --tw-shadow        : 0 4px 11px #3e4543;
    --tw-shadow-colored: 0 4px 11px var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-custom-light:focus {
    outline       : 2px solid #0000 !important;
    outline-offset: 2px !important
}

.btn-white {
    display            : inline-block;
    border-radius      : 30px;
    border-width       : 2px;
    --tw-border-opacity: 1;
    border-color       : rgb(255 255 255/var(--tw-border-opacity));
    --tw-bg-opacity    : 1;
    background-color   : rgb(255 255 255/var(--tw-bg-opacity));
    padding            : .75rem 26px;
    font-size          : 15px;
    text-transform     : capitalize;
    letter-spacing     : 1px;
    --tw-text-opacity  : 1;
    color              : rgb(150 193 31/var(--tw-text-opacity));
    transition-duration: .15s
}

.btn-white:focus {
    outline       : 2px solid #0000 !important;
    outline-offset: 2px !important
}

.form-input {
    height           : 48px;
    width            : 100%;
    border-radius    : 0;
    border-width     : 1px;
    border-color     : transperent;
    --tw-bg-opacity  : 1;
    background-color : rgb(244 245 248/var(--tw-bg-opacity));
    padding          : 10px 20px;
    font-size        : .875rem;
    line-height      : 1.25rem;
    --tw-text-opacity: 1;
    color            : rgb(73 80 87/var(--tw-text-opacity));
    outline          : 2px solid #0000;
    outline-offset   : 2px
}

.form-input,
.form-input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow       : var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow             : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active-price-tab {
    --tw-border-opacity: 1 !important;
    border-color       : rgb(150 193 31/var(--tw-border-opacity)) !important;
    --tw-bg-opacity    : 1 !important;
    background-color   : rgb(150 193 31/var(--tw-bg-opacity)) !important
}

.active-price-tab,
.active-price-tab .active-price-tab-budges {
    --tw-text-opacity: 1 !important;
    color            : rgb(255 255 255/var(--tw-text-opacity)) !important
}

.active-price-tab .active-price-tab-budges {
    background-color: #fff3 !important
}

.faq .is-active .minus {
    display: block
}

.faq .is-active .plus,
.faq .minus {
    display: none
}

button:focus {
    outline       : 2px solid #0000 !important;
    outline-offset: 2px !important
}

.client-center .swiper-pagination-center,
.client-sec .swiper-pagination {
    bottom: -1.5rem
}

@media (min-width:768px) {

    .client-center .swiper-pagination-center,
    .client-sec .swiper-pagination {
        bottom: -2.5rem
    }
}

.client-center .swiper-pagination-bullet,
.client-sec .swiper-pagination-bullet {
    height          : .375rem;
    width           : .375rem;
    --tw-bg-opacity : 1 !important;
    background-color: rgb(150 193 31/var(--tw-bg-opacity)) !important
}

.client-center .swiper-pagination-bullet-active,
.client-sec .swiper-pagination-bullet-active {
    height          : .375rem;
    width           : 1.25rem;
    border-radius   : .5rem;
    --tw-bg-opacity : 1 !important;
    background-color: rgb(150 193 31/var(--tw-bg-opacity)) !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

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

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

.-right-\[130px\] {
    right: -130px
}

.-right-\[32px\] {
    right: -32px
}

.-right-\[62px\] {
    right: -62px
}

.-top-\[130px\] {
    top: -130px
}

.-top-\[15px\] {
    top: -15px
}

.-top-\[2px\] {
    top: -2px
}

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

.-top-\[5px\] {
    top: -5px
}

.-top-\[70px\] {
    top: -70px
}

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

.left-4 {
    left: 1rem
}

.right-1 {
    right: .25rem
}

.top-1 {
    top: .25rem
}

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

.top-\[-2px\] {
    top: -2px
}

.top-\[22px\] {
    top: 22px
}

.top-\[2px\] {
    top: 2px
}

.top-\[3px\] {
    top: 3px
}

.top-\[90px\] {
    top: 90px
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.m-0 {
    margin: 0
}

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

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

.mx-3 {
    margin-left : .75rem;
    margin-right: .75rem
}

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

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

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

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

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

.my-6 {
    margin-top   : 1.5rem;
    margin-bottom: 1.5rem
}

.my-\[70px\] {
    margin-top   : 70px;
    margin-bottom: 70px
}

.\!mt-8 {
    margin-top: 2rem !important
}

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

.ml-auto {
    margin-left: auto
}

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

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

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

.mt-0 {
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!h-\[55px\] {
    height: 55px !important
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

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

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

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

.w-4 {
    width: 1rem
}

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

.w-5 {
    width: 1.25rem
}

.w-7 {
    width: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-full {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-auto {
    flex: 1 1 auto
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

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

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

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

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

.-rotate-45,
.-rotate-\[34deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-\[34deg\] {
    --tw-rotate: -34deg
}

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

.select-none {
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none
}

.list-inside {
    list-style-position: inside
}

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

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

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

.flex-col {
    flex-direction: column
}

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-8 {
    gap: 2rem
}

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

.gap-y-2 {
    row-gap: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden
}

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

.overflow-y-auto {
    overflow-y: auto
}

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

.scroll-smooth {
    scroll-behavior: smooth
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

.full-border-green {
    border: 5px solid #96c11f;
}

.full-border-green-hard {
    border: 5px solid #3e4543;
}

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

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

.rounded-none {
    border-radius: 0
}

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

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-\[10px\] {
    border-width: 10px
}

.border-\[3px\] {
    border-width: 3px
}

.border-\[6px\] {
    border-width: 6px
}

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

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

.border-solid {
    border-style: solid
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-\[\#ced4da\] {
    --tw-border-opacity: 1 !important;
    border-color       : rgb(206 212 218/var(--tw-border-opacity)) !important
}

.\!border-\[\#ededed\] {
    --tw-border-opacity: 1 !important;
    border-color       : rgb(237 237 237/var(--tw-border-opacity)) !important
}

.\!border-\[\#edf0f3\] {
    --tw-border-opacity: 1 !important;
    border-color       : rgb(237 240 243/var(--tw-border-opacity)) !important
}

.\!border-white\/\[31\%\] {
    border-color: #ffffff4f !important
}

.border-\[\#ced4da\] {
    --tw-border-opacity: 1;
    border-color       : rgb(206 212 218/var(--tw-border-opacity))
}

.border-\[\#dee2e6\] {
    --tw-border-opacity: 1;
    border-color       : rgb(222 226 230/var(--tw-border-opacity))
}

.border-\[\#e7e7e7\]\/50 {
    border-color: #e7e7e780
}

.border-\[\#e7e7e7\]\/60 {
    border-color: #e7e7e799
}

.border-\[\#e7e7e7\]\/70 {
    border-color: #e7e7e7b3
}

.border-\[\#e9e9e9\] {
    --tw-border-opacity: 1;
    border-color       : rgb(233 233 233/var(--tw-border-opacity))
}

.border-\[\#eaeaea\] {
    --tw-border-opacity: 1;
    border-color       : rgb(234 234 234/var(--tw-border-opacity))
}

.border-\[\#ebebeb\] {
    --tw-border-opacity: 1;
    border-color       : rgb(235 235 235/var(--tw-border-opacity))
}

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

.border-\[\#f4f4f4\] {
    --tw-border-opacity: 1;
    border-color       : rgb(244 244 244/var(--tw-border-opacity))
}

.border-\[\#f6f6f6\] {
    --tw-border-opacity: 1;
    border-color       : rgb(246 246 246/var(--tw-border-opacity))
}

.border-custom {
    --tw-border-opacity: 1;
    border-color       : rgb(150 193 31/var(--tw-border-opacity))
}

.border-custom\/10 {
    border-color: #3e4543
}

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

.border-white\/\[0\.001\] {
    border-color: hsla(0, 0%, 100%, .001)
}

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

.bg-\[\#0d0f14\]\/25 {
    background-color: #0d0f1440
}

.bg-\[\#dff1f0\] {
    --tw-bg-opacity : 1;
    background-color: rgb(150 193 31/var(--tw-bg-opacity))
}

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

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

.bg-\[\#efefef\]\/20 {
    background-color: #efefef33
}

.bg-\[\#f8f9fa\] {
    --tw-bg-opacity : 1;
    background-color: rgb(248 249 250/var(--tw-bg-opacity))
}

.bg-custom {
    --tw-bg-opacity : 1;
    background-color: rgb(150 193 31/var(--tw-bg-opacity))
}

.bg-custom\/20 {
    background-color: #3e4543;
}

.bg-custom\/\[0\.07\] {
    background-color: #3e454312
}

.bg-custom\/\[0\.15\] {
    background-color: #3e454326
}

.bg-custom\/\[17\%\] {
    background-color: #3e45432b
}

.bg-dark\/50 {
    background-color: #00000080
}

.bg-dark\/60 {
    background-color: #0009
}

.bg-dark\/\[0\.04\] {
    background-color: #0000000a
}

.bg-light {
    --tw-bg-opacity : 1;
    background-color: rgb(248 249 250/var(--tw-bg-opacity));
    border-top:1px solid rgba(150,193,31,1);
}

.bg-themedark {
    --tw-bg-opacity : 1;
    background-color: rgb(62 69 67/var(--tw-bg-opacity))
}

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

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/5 {
    background-color: #ffffff0d
}

.bg-white\/\[0\.03\] {
    background-color: #ffffff08
}

.bg-white\/\[0\.04\] {
    background-color: #ffffff0a
}

.bg-white\/\[0\.07\] {
    background-color: #ffffff12
}

.bg-white\/\[15\%\] {
    background-color: #ffffff26
}

.bg-white\/\[7\%\] {
    background-color: #ffffff12
}

.bg-white\/\[8\%\] {
    background-color: #ffffff14
}

.bg-\[url\(\'\.\.\/images\/contact\.jpg\'\)\] {
    background-image: url(../images/contact.jpg)
}

.bg-\[url\(\'\.\.\/images\/heade_video_bg\.jpg\'\)\] {
    background-image: url(../images/heade_video_bg.jpg)
}

.bg-\[url\(\'\.\.\/images\/heade_video_bg2\.jpg\'\)\] {
    background-image: url(../images/heade_video_bg2.jpg)
}

.bg-\[url\(\'\.\.\/images\/hero-4-bg\.png\'\)\] {
    background-image: url(../images/hero-4-bg.png)
}

.bg-\[url\(\'\.\.\/images\/home-2\.png\'\)\] {
    background-image: url(../images/home-2.png)
}

.bg-\[url\(\'\.\.\/images\/home_sec_features\.jpg\'\)\] {
    background-image: url(../images/home_sec_features.jpg)
}

.bg-\[url\(\'\.\.\/images\/home_sec_layer-2\.png\'\)\] {
    background-image: url(../images/home_sec_layer-2.png)
}

.bg-\[url\(\'\.\.\/images\/home_sec_video\.png\'\)\] {
    background-image: url(../images/home_sec_video.png)
}

.bg-\[url\(\'\.\.\/images\/land_bg_four\.jpg\'\)\] {
    background-image: url(../images/land_bg_four.jpg)
}

.bg-\[url\(\'\.\.\/images\/login_bg\.jpg\'\)\] {
    background-image: url(../images/login_bg.jpg)
}

.bg-\[url\(\'\.\.\/images\/overview\.png\'\)\] {
    background-image: url(../images/overview.png)
}

.bg-\[url\(\.\.\/images\/bg-pages\.jpg\)\] {
    background-image: url(../images/bg-pages.jpg)
}

.bg-\[url\(\.\.\/images\/wave-mask\.png\)\] {
    background-image: url(../images/wave-mask.png)
}

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

.from-white {
    --tw-gradient-from : #fff;
    --tw-gradient-to   : #fff0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-custom\/20 {
    --tw-gradient-to: #3e454333
}

.bg-cover {
    background-size: cover
}

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

.bg-right-bottom {
    background-position: 100% 100%
}

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

.stroke-dark {
    stroke: #000
}

.object-cover {
    -o-object-fit: cover;
    object-fit   : cover
}

.\!p-5 {
    padding: 1.25rem !important
}

.\!p-\[26px\] {
    padding: 26px !important
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

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

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

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

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

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

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

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

.px-6 {
    padding-left : 1.5rem;
    padding-right: 1.5rem
}

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

.px-\[15px\] {
    padding-left : 15px;
    padding-right: 15px
}

.px-\[25px\] {
    padding-left : 25px;
    padding-right: 25px
}

.px-\[30px\] {
    padding-left : 30px;
    padding-right: 30px
}

.px-\[46px\] {
    padding-left : 46px;
    padding-right: 46px
}

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

.py-1\.5 {
    padding-top   : .375rem;
    padding-bottom: .375rem
}

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

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

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

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

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

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

.py-3\.5 {
    padding-top   : .875rem;
    padding-bottom: .875rem
}

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

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

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

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

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

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

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

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

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

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

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

.\!pr-\[160px\] {
    padding-right: 160px !important
}

.\!pt-\[6px\] {
    padding-top: 6px !important
}

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

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

.pb-36 {
    padding-bottom: 9rem
}

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

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

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

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

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

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

.pl-\[48px\] {
    padding-left: 48px
}

.pr-\[150px\] {
    padding-right: 150px
}

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

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

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

.pt-\[100px\] {
    padding-top: 100px
}

.pt-\[120px\] {
    padding-top: 120px
}

.pt-\[124px\] {
    padding-top: 124px
}

.pt-\[60px\] {
    padding-top: 60px
}

.pt-\[90px\] {
    padding-top: 90px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-end {
    text-align: end
}

.\!font-nunito {
    font-family: Nunito, sans-serif !important
}

.font-nunito {
    font-family: Nunito, sans-serif
}

.\!text-\[15px\] {
    font-size: 15px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!font-normal {
    font-weight: 400 !important
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.\!leading-\[22px\] {
    line-height: 22px !important
}

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

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

.leading-\[0px\] {
    line-height: 0px
}

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

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

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

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

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[38px\] {
    line-height: 38px
}

.leading-\[42px\] {
    line-height: 42px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[50px\] {
    line-height: 50px
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-\[54px\] {
    line-height: 54px
}

.leading-\[56px\] {
    line-height: 56px
}

.leading-\[64px\] {
    line-height: 64px
}

.leading-\[65px\] {
    line-height: 65px
}

.leading-\[66px\] {
    line-height: 66px
}

.leading-\[84px\] {
    line-height: 84px
}

.tracking-\[1px\] {
    letter-spacing: 1px
}

.tracking-\[4px\] {
    letter-spacing: 4px
}

.tracking-\[6px\] {
    letter-spacing: 6px
}

.tracking-\[7px\] {
    letter-spacing: 7px
}

.\!text-dark {
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.\!text-dark,
.\!text-muted {
    --tw-text-opacity: 1 !important
}

.\!text-muted {
    color: rgb(108 117 125/var(--tw-text-opacity)) !important
}

.text-\[\#e83e8c\] {
    --tw-text-opacity: 1;
    color            : rgb(232 62 140/var(--tw-text-opacity))
}

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

.text-custom {
    --tw-text-opacity: 1;
    color            : rgb(150 193 31/var(--tw-text-opacity))
}

.text-primary {
    color: #96c11f;
}

.text-primary-fill {
    fill: #96c11f;
}

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

.text-dark\/40 {
    color: #0006
}

.text-dark\/50 {
    color: #00000080
}

.text-dark\/70 {
    color: #000000b3
}

.text-muted {
    --tw-text-opacity: 1;
    color            : rgb(108 117 125/var(--tw-text-opacity))
}

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

.text-white\/40 {
    color: #fff6
}

.text-white\/50 {
    color: #ffffff80
}

.text-white\/70 {
    color: #ffffffb3
}

.text-white\/80 {
    color: #fffc
}

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

.opacity-70 {
    opacity: .7
}

.shadow-\[0_0\.75rem_6rem_rgb\(56\2c 65\2c 74\2c 0\.3\)\] {
    --tw-shadow        : 0 0.75rem 6rem #38414a4d;
    --tw-shadow-colored: 0 0.75rem 6rem var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_20px_-1px_rgba\(231\2c 231\2c 231\2c 1\)\] {
    --tw-shadow        : 0 0 20px -1px #e7e7e7;
    --tw-shadow-colored: 0 0 20px -1px var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_38px_0_rgb\(234\2c 234\2c 234\)\] {
    --tw-shadow        : 0 0 38px 0 #eaeaea;
    --tw-shadow-colored: 0 0 38px 0 var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_0px_4px_rgb\(230\2c 242\2c 241\)\] {
    --tw-shadow        : 0px 0px 0px 4px #e6f2f1;
    --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_0px_6px_rgb\(10\2c 161\2c 149\2c 0\.15\)\] {
    --tw-shadow        : 0px 0px 0px 6px #3e454326;
    --tw-shadow-colored: 0px 0px 0px 6px var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[10px_-10px_0_0_rgba\(10\2c 161\2c 149\2c 15\%\)\] {
    --tw-shadow        : 10px -10px 0 0 #3e454326;
    --tw-shadow-colored: 10px -10px 0 0 var(--tw-shadow-color);
    box-shadow         : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline       : 2px solid #0000;
    outline-offset: 2px
}

.backdrop-blur-md {
    --tw-backdrop-blur     : blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter        : var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

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

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

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

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

@font-face {
    font-family: Nunito;
    src        : url(../fonts/Nunito-Light.ttf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: Nunito;
    src        : url(../fonts/Nunito-Regular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: Nunito;
    src        : url(../fonts/Nunito-SemiBold.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: Nunito;
    src        : url(../fonts/Nunito-Bold.ttf) format("truetype");
    font-weight: 700
}

.navbar {
    padding: 0
}

.navbar-toggler {
    padding      : 0;
    border       : none;
    border-radius: 0;
    outline      : none
}

.navbar-toggler:focus {
    outline: none
}

.navbar-light .navbar-toggler-icon {
    background-image: none
}

.navbar-light .navbar-toggler-icon i {
    font-size: 28px;
    color    : #000
}

.horizontal-menu-toggle {
    display: none
}

.horizontal-menu-toggle button {
    border        : none;
    margin-left   : 10px;
    vertical-align: middle;
    cursor        : pointer
}

.horizontal-menu-toggle button i {
    vertical-align: middle
}

.menubar {
    background-color: initial
}

.horizontal-nav {
    border-radius   : 0;
    z-index         : 40;
    left            : 0;
    background-color: #fff;
    top             : 0;
    right           : 0;
    min-height      : 70px
}

.blur-nav {
    background-color       : #fffc;
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter        : saturate(1) blur(20px) !important
}

.horizontal-nav ul,
.horizontal-nav ul ul {
    padding   : 0;
    margin    : 0;
    list-style: none
}

.horizontal-nav ul li a {
    display        : block;
    line-height    : 20px;
    text-decoration: none;
    white-space    : normal;
    font-weight    : 600;
    background     : #0000
}

.horizontal-nav .animated {
    animation-fill-mode: both
}

.horizontal-nav .container,
.horizontal-nav .container-fluid {
    position: relative
}

.horizontal-nav .dropdown-toggle:after {
    width : inherit;
    height: inherit;
    border: 0;
    margin: 0
}

.horizontal-nav .dropdown {
    position: relative
}

.horizontal-nav .dropdown-menu {
    position: absolute;
    display : none;
    top     : 69px;
    left    : -15px;
    padding : 10px 0;
    z-index : 1000
}

.horizontal-nav .dropdown-menu:before {
    content      : "";
    position     : absolute;
    top          : -5px;
    left         : 25px;
    border-radius: 3px;
    border-color : #0000 #0000 #fff #fff;
    border-style : solid;
    border-width : 8px;
    transform    : rotate(135deg);
    box-shadow   : -2px 2px 3px -2px #0000001a;
    z-index      : 9999
}

.horizontal-nav .open>.dropdown-menu {
    display: block
}

.horizontal-nav .collapse:not(.show) {
    display: none
}

.horizontal-nav .collapsing {
    position: relative;
    height  : 0;
    overflow: hidden
}

.horizontal-nav .navbar-collapse {
    overflow-x                : visible;
    padding-right             : 15px;
    padding-left              : 15px;
    -webkit-overflow-scrolling: touch
}

.horizontal-nav .navbar-collapse.show {
    overflow-y: auto
}

.horizontal-nav .navbar-collapse:after,
.horizontal-nav .navbar-collapse:before {
    content: " ";
    display: table
}

.horizontal-nav .navbar-collapse:after {
    clear: both
}

.horizontal-nav .horizontal-menu li a {
    position : relative;
    display  : block;
    font-size: 14px
}

.horizontal-nav .horizontal-menu li .fa-icon-left {
    margin-right: 8px
}

.horizontal-nav .horizontal-menu li .fa-icon-right {
    margin-left: 8px
}

.horizontal-nav .horizontal-menu>li>a {
    padding    : 24px 15px;
    color      : #495057;
    font-size  : 16px;
    font-weight: 600;
    line-height: 20px
}

.horizontal-nav .horizontal-menu>li>a img {
    display       : inline-block;
    width         : 18px;
    vertical-align: middle;
    margin-right  : 7px;
    filter        : invert(.6) sepia(1) saturate(1) hue-rotate(185deg)
}

.horizontal-nav .horizontal-menu>li>a i {
    display       : inline-block;
    width         : 23px;
    font-size     : 16px;
    vertical-align: middle
}

.horizontal-nav .horizontal-menu>li>a span {
    vertical-align: middle
}

.horizontal-nav .horizontal-menu>li.active>a,
.horizontal-nav .horizontal-menu>li>a:focus,
.horizontal-nav .horizontal-menu>li>a:hover {
    color           : #3e4543;
    background-color: initial
}

.active {
    color: #3e4543 !important
}

.horizontal-nav .horizontal-menu>li.active>a img,
.horizontal-nav .horizontal-menu>li>a:focus img,
.horizontal-nav .horizontal-menu>li>a:hover img {
    filter: invert(.7) sepia(1) saturate(14) hue-rotate(195deg)
}

.horizontal-nav .horizontal-menu li .description {
    font-style : italic;
    font-size  : 90%;
    margin     : 6px 0 0;
    font-weight: 400
}

.horizontal-nav .horizontal-menu .dropdown-menu {
    background-color: #fff
}

.horizontal-nav .horizontal-menu .dropdown-menu li a {
    color    : #495057;
    font-size: 15px
}

.horizontal-nav .horizontal-menu .dropdown-menu li a:before {
    display       : none;
    content       : "\e897";
    font-family   : feather !important;
    font-size     : 10px;
    line-height   : 10px;
    padding-right : .2rem;
    vertical-align: middle
}

.horizontal-nav .horizontal-menu .dropdown-menu li a .mdi {
    font-size     : 5px;
    margin-right  : 10px;
    vertical-align: middle
}

.horizontal-nav .horizontal-menu .dropdown-menu li.active>a,
.horizontal-nav .horizontal-menu .dropdown-menu li>a:focus,
.horizontal-nav .horizontal-menu .dropdown-menu li>a:hover {
    color: #3e4543
}

.horizontal-nav .horizontal-menu .dropdown-toggle:focus {
    outline: 0
}

.horizontal-nav .horizontal-menu .dropdown .dropdown-toggle:after,
.horizontal-nav .horizontal-menu .dropdown .dropdown-toggle:before,
.horizontal-nav .horizontal-menu .mega-menu-col-title:before {
    font-family: themify
}

.horizontal-nav .navbar-collapse {
    padding: 0
}

.horizontal-nav .menu-item-has-mega-menu.dropdown {
    position: static
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu.dropdown-menu {
    width           : 60%;
    padding         : 0;
    background-color: #fff;
    margin          : 0 auto;
    left            : 0;
    right           : 0
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-row {
    width: 100%;
    float: left
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col {
    list-style: none;
    color     : #495057
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a {
    color: #495057
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col .active>a,
.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col>a:focus,
.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col>a:hover {
    color     : #3e4543;
    background: #0000
}

.horizontal-nav .menu-item-has-mega-menu.dropdown .mega-menu-col-title {
    font-size  : 15px;
    line-height: 20px;
    margin     : 0
}

.horizontal-nav.fixed-navbar {
    position: relative
}

@media (min-width:1200px) {
    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu:before {
        right: 37.5% !important
    }
}

@media (min-width:992px) {
    .horizontal-nav .navbar-toggle {
        display: none
    }

    .horizontal-nav .navbar-collapse.collapse {
        display: block !important
    }

    .horizontal-nav .horizontal-menu {
        display    : flex;
        align-items: center
    }

    .horizontal-nav .horizontal-menu>li {
        float: left
    }

    .horizontal-nav .horizontal-menu>.dropdown>.dropdown-toggle:after {
        display       : inline-block;
        content       : "\e64b";
        font-size     : 12px;
        font-weight   : 400;
        vertical-align: middle;
        margin-left   : 5px
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu {
        border-radius: 3px;
        min-width    : 155px;
        width        : 185px;
        border       : 1px solid #efefef;
        box-shadow   : 0 2px 15px 0 #6f6f6f1a
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu .dropdown-menu {
        left       : 100%;
        top        : 0;
        margin-left: 12px
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu .dropdown-menu:before {
        top      : 10px;
        left     : -8px;
        transform: rotate(45deg)
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu .dropdown:first-child .dropdown-menu {
        top: -1px
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu>li>a {
        padding: 8px 15px
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu>li:first-child>a {
        border-top: 0
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu .dropdown>.dropdown-toggle:after {
        float    : right;
        content  : "\e649";
        position : absolute;
        font-size: 10px;
        right    : 12px;
        top      : 9px
    }

    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu {
        max-height: 400px
    }

    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu:before {
        left : auto;
        right: 31%
    }

    .horizontal-nav .horizontal-menu .mega-menu-col {
        padding: 10px 15px;
        float  : left
    }

    .horizontal-nav .horizontal-menu .mega-menu-col .sub-menu a {
        padding: 10px 12px;
        display: inline-block
    }

    .horizontal-nav .horizontal-menu .mega-menu-col .sub-menu a:focus,
    .horizontal-nav .horizontal-menu .mega-menu-col .sub-menu a:hover {
        color     : #3e4543;
        background: #0000
    }

    .horizontal-nav .horizontal-menu .mega-menu-col-title {
        font-weight: 700;
        padding    : 6px 10px;
        display    : inline-block
    }

    .horizontal-nav .horizontal-menu .mega-menu-col-content {
        padding: 4px 10px
    }
}

@media (max-width:991px) {
    .horizontal-nav {
        padding: 18px 0
    }

    .navbar-toggler {
        display: block
    }

    .navbar .container {
        max-width: 90%
    }

    .horizontal-nav .dropdown-menu {
        top    : 0;
        padding: 0
    }

    .horizontal-nav .dropdown-menu:before {
        display: none
    }

    .horizontal-nav .navbar-collapse {
        overflow-y: auto !important
    }

    .horizontal-nav .dropdown .dropdown-toggle,
    .horizontal-nav .mega-menu-col .mega-menu-col-title {
        padding: 12px 30px 12px 12px
    }

    .horizontal-nav .dropdown .dropdown-toggle:after,
    .horizontal-nav .mega-menu-col .mega-menu-col-title:after {
        float      : right;
        content    : "\e64b";
        font-family: themify !important;
        font-size  : 14px;
        position   : absolute;
        right      : 8px
    }

    .horizontal-nav .dropdown.on>.dropdown-toggle:after,
    .horizontal-nav .mega-menu-col.on .mega-menu-col-title:after {
        transform: rotate(-180deg)
    }

    .horizontal-nav .horizontal-menu {
        float: none !important
    }

    .horizontal-nav .horizontal-menu li {
        float: none
    }

    .horizontal-nav .horizontal-menu li .mega-menu-col-title,
    .horizontal-nav .horizontal-menu li a {
        max-width  : inherit;
        padding    : 10px;
        font-weight: 400;
        display    : block;
        cursor     : pointer;
        font-size  : 16px;
        line-height: 20px;
        color      : #495057
    }

    .horizontal-nav .horizontal-menu li .mega-menu-col-title img,
    .horizontal-nav .horizontal-menu li a img {
        filter: invert(.6) sepia(1) saturate(1) hue-rotate(185deg)
    }

    .horizontal-nav .horizontal-menu li .dropdown-menu li a:focus,
    .horizontal-nav .horizontal-menu li .dropdown-menu li a:hover,
    .horizontal-nav .horizontal-menu li .dropdown-menu li.active>a,
    .horizontal-nav .horizontal-menu li .mega-menu .mega-menu-col ul li a:focus,
    .horizontal-nav .horizontal-menu li .mega-menu .mega-menu-col ul li a:hover,
    .horizontal-nav .horizontal-menu li .mega-menu-col-title:hover,
    .horizontal-nav .horizontal-menu li .mega-menu.dropdown-menu .mega-menu-col .active>a,
    .horizontal-nav .horizontal-menu li a:focus,
    .horizontal-nav .horizontal-menu li a:hover,
    .horizontal-nav .horizontal-menu li.active>a {
        color           : #3e4543;
        background-color: initial
    }

    .horizontal-nav .horizontal-menu li .dropdown-menu li a:focus img,
    .horizontal-nav .horizontal-menu li .dropdown-menu li a:hover img,
    .horizontal-nav .horizontal-menu li .dropdown-menu li.active>a img,
    .horizontal-nav .horizontal-menu li .mega-menu .mega-menu-col ul li a:focus img,
    .horizontal-nav .horizontal-menu li .mega-menu .mega-menu-col ul li a:hover img,
    .horizontal-nav .horizontal-menu li .mega-menu-col-title:hover img,
    .horizontal-nav .horizontal-menu li .mega-menu.dropdown-menu .mega-menu-col .active>a img,
    .horizontal-nav .horizontal-menu li a:focus img,
    .horizontal-nav .horizontal-menu li a:hover img,
    .horizontal-nav .horizontal-menu li.active>a img {
        filter: invert(.7) sepia(1) saturate(14) hue-rotate(195deg)
    }

    .horizontal-nav .horizontal-menu>li:first-child>a {
        border-top: 0
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu,
    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu {
        float           : none;
        position        : relative;
        left            : 0;
        box-shadow      : 0 0 0;
        border-radius   : 0 0 0;
        border          : 0;
        background-color: initial
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu {
        padding-left: 20px
    }

    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu .dropdown-menu {
        padding-left: 18px
    }

    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row {
        float: none
    }

    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row .mega-menu-col {
        padding: 0
    }

    .horizontal-nav .horizontal-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row .mega-menu-col-title {
        font-size: 14px
    }

    .horizontal-nav .navbar-collapse {
        position        : fixed;
        top             : 62px;
        left            : 0;
        right           : 0;
        width           : 100%;
        max-height      : 100%;
        overflow        : hidden;
        background-color: #fff;
        z-index         : 99
    }

    .horizontal-nav .navbar-collapse.show {
        max-height: 390px
    }

    .horizontal-nav .navbar-collapse .mega-menu-col {
        width    : 100%;
        max-width: 100%
    }

    .horizontal-nav .horizontal-menu {
        padding: 15px;
        margin : 0
    }
}

@media (max-width:1024px) and (min-width:992px) {
    .horizontal-nav .horizontal-menu .dropdown .dropdown-menu {
        width: 166px
    }
}

.placeholder\:text-white\/60::-moz-placeholder {
    color: #fff9
}

.placeholder\:text-white\/60::placeholder {
    color: #fff9
}

.before\:absolute:before {
    content : var(--tw-content);
    position: absolute
}

.before\:bottom-0:before {
    content: var(--tw-content);
    bottom : 0
}

.before\:left-0:before {
    content: var(--tw-content);
    left   : 0
}

.before\:h-\[120px\]:before {
    content: var(--tw-content);
    height : 120px
}

.before\:w-full:before {
    content: var(--tw-content);
    width  : 100%
}

.before\:bg-\[url\(\'\.\.\/images\/counter_bg\.png\'\)\]:before {
    content         : var(--tw-content);
    background-image: url(../images/counter_bg.png)
}

.before\:bg-cover:before {
    content        : var(--tw-content);
    background-size: cover
}

.before\:bg-no-repeat:before {
    content          : var(--tw-content);
    background-repeat: no-repeat
}

.after\:\!hidden:after {
    content: var(--tw-content);
    display: none !important
}

.after\:hidden:after {
    content: var(--tw-content);
    display: none
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem
}

.hover\:-translate-y-1:hover,
.hover\:-translate-y-\[3px\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-y-\[3px\]:hover {
    --tw-translate-y: -3px
}

.hover\:border-\[\#07897e\]:hover {
    --tw-border-opacity: 1;
    border-color       : rgb(7 137 126/var(--tw-border-opacity))
}

.hover\:bg-\[\#07897e\]:hover {
    --tw-bg-opacity : 1;
    background-color: rgb(7 137 126/var(--tw-bg-opacity))
}

.hover\:text-custom:hover {
    --tw-text-opacity: 1;
    color            : rgb(150 193 31/var(--tw-text-opacity))
}

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

.focus\:\!border-custom:focus {
    --tw-border-opacity: 1 !important;
    border-color       : rgb(150 193 31/var(--tw-border-opacity)) !important
}

.focus\:border-custom:focus {
    --tw-border-opacity: 1;
    border-color       : rgb(150 193 31/var(--tw-border-opacity))
}

.focus\:outline-none:focus {
    outline       : 2px solid #0000;
    outline-offset: 2px
}

.focus\:ring-transperent:focus {
    --tw-ring-color: transperent
}

.group\/menu:hover .group-hover\/menu\:block,
.group\/submenu:hover .group-hover\/submenu\:block {
    display: block
}

@media (min-width:540px) {
    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

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

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

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

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

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

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

@media (min-width:768px) {
    .md\:order-1 {
        order: 1
    }

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

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

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:my-\[50px\] {
        margin-top   : 50px;
        margin-bottom: 50px
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mt-0 {
        margin-top: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:px-\[30px\] {
        padding-left : 30px;
        padding-right: 30px
    }

    .md\:px-\[60px\] {
        padding-left : 60px;
        padding-right: 60px
    }

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

    .md\:py-9 {
        padding-top   : 2.25rem;
        padding-bottom: 2.25rem
    }

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

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

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

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

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

    .md\:pt-\[120px\] {
        padding-top: 120px
    }

    .md\:pt-\[160px\] {
        padding-top: 160px
    }

    .md\:pt-\[170px\] {
        padding-top: 170px
    }

    .md\:pt-\[174px\] {
        padding-top: 174px
    }

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

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

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

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

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

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

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

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

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

    .md\:after\:relative:after {
        content : var(--tw-content);
        position: relative
    }

    .md\:after\:top-0:after {
        content: var(--tw-content);
        top    : 0
    }

    .md\:after\:top-1:after {
        content: var(--tw-content);
        top    : .25rem
    }

    .md\:after\:mx-5:after {
        content     : var(--tw-content);
        margin-left : 1.25rem;
        margin-right: 1.25rem
    }

    .md\:after\:inline-block:after {
        content: var(--tw-content);
        display: inline-block
    }

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

    .md\:after\:content-\[\'\*\'\]:after {
        --tw-content: "*";
        content     : var(--tw-content)
    }

    .md\:after\:content-\[\'-\'\]:after {
        --tw-content: "-";
        content     : var(--tw-content)
    }
}

@media (min-width:991px) {
    .min-\[991px\]\:block {
        display: block
    }
}

@media (min-width:1024px) {
    .lg\:order-1 {
        order: 1
    }

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

    .lg\:col-auto {
        grid-column: auto
    }

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

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

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

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

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

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

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

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

    .lg\:p-9 {
        padding: 2.25rem
    }

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

.\[\&\>span\]\:absolute>span {
    position: absolute
}

.\[\&\>span\]\:inline-block>span {
    display: inline-block
}

.\[\&\>span\]\:h-3>span {
    height: .75rem
}

.\[\&\>span\]\:w-\[60px\]>span {
    width: 60px
}

.\[\&\>span\]\:bg-custom>span {
    --tw-bg-opacity : 1;
    background-color: rgb(150 193 31/var(--tw-bg-opacity))
}

.\[\&\>span\]\:opacity-10>span {
    opacity: .1
}

/*
* VERSIÓN 2.0
*/
.caja-slider {
    float: left;
    background-color: transparent!important;
    border-left: rgba(150,193,31,0.4) -5px 5px, rgba(150,193,31,0.3) -10px 10px, rgba(150,193,31,0.2) -15px 15px, rgba(150,193,31,0.1) -20px 20px, rgba(150,193,31,0.05) -25px 25px;
}

.caja-slider-principal::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Change the color and opacity as needed */
  }

.caja-slider-principal {
    background:url('../images/shutterstock_1273052050-copy.jpg');
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* SLIDER */
.slider-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow:hidden;
    margin-top: 20px;
  }
  
  .left-slide {
    height: 100%;
    width: 35%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.5s ease-in-out;
  }
  
  .left-slide > div {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
  }
  
  .left-slide h1 {
    font-size: 40px;
    margin-bottom: 10px;
    margin-top: -30px;
  }
  .right-slide {
    height: 100% !important;
    position: absolute !important;
    left: 35% !important;
    width: 65% !important;
    transition: transform 0.5s ease-in-out;
  }

  .slide-extra-text {
    width: 70%;
    text-align: justify;
  }
  
  .right-slide > div {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 100%;
    width: 100%;
  }
  
  button {
    border: none;
    --tw-bg-opacity: 1;
    background-color: rgb(150 193 31 / var(--tw-bg-opacity));
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .slider-container .action-buttons button {
    position: absolute;
    left: 35%;
    top: 50%;
    z-index: 100;
  }
  
  .slider-container .action-buttons .down-button {
    transform: translateX(-100%);
    border-radius: 4px 0 0 4px;    
  }
  
  .slider-container .action-buttons .up-button {
    transform: translateY(-100%);
    border-radius: 0 4px 4px 0;
  }
  
  .down-button:hover,
  .up-button:hover {
    background-color: #ffffff;
    color: rgb(150 193 31 / var(--tw-bg-opacity));
  }

  .link {
    width: 10rem;
    height: 10rem;
    display: inline-block;
    font: 900 2.55rem/1.5 inherit;
    text-transform: uppercase;
    letter-spacing: 0.1175em;
    word-spacing: 0.3em;
    text-decoration: none;
  }
  .link__svg {
    width: 100%;
    height: auto;
    transform-box: fill-box;
    --tw-bg-opacity : 1;
    fill: rgb(150 193 31/var(--tw-bg-opacity));
    stroke: rgb(150 193 31/var(--tw-bg-opacity));
    stroke-width: 0.05em;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .link__cloud {
    transform-origin: 50% 50%;
    -webkit-animation: rotate normal infinite 60s linear;
            animation: rotate normal infinite 60s linear;
    fill: rgba(255, 255, 255, 0.15);
  }
  .link__face, .link__arrow {
    transform-origin: 50% 50%;
    transition: transform 0.15s cubic-bezier(0.32, 0, 0.67, 0);
  }
  .link:hover .link__face, .link:hover .link__arrow {
    transform: scale(1.1);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .link__arrow {
    stroke-width: 0.075em;
  }
  .link__text {
    -webkit-animation: rotateReverse normal infinite 20s linear;
            animation: rotateReverse normal infinite 20s linear;
    transform-origin: 50% 50%;
  }
  .link:hover .link__text {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .link--alt {
    font-size: 1.15rem;
    letter-spacing: 0;
    word-spacing: 0;
  }
  
  @-webkit-keyframes rotate {
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes rotate {
    to {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes rotateReverse {
    to {
      transform: rotate(-360deg);
    }
  }
  @keyframes rotateReverse {
    to {
      transform: rotate(-360deg);
    }
  }

  /* MODAL BOX*/
  .cta {
    background-color: white;
    border: 1px solid lightgrey;
    border-radius: 6px;
    color: tomato;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1em;
    padding: 0.3em 1em;
    text-decoration: none;
  }
  .cta:hover {
    background-color: lightgrey;
    color: slategrey;
    text-decoration: none;
  }
  
  .modaloverlay {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    z-index: -1;
    display: none;
  }
  .modaloverlay:target {
    display: block;
    opacity: 1;
    pointer-events: auto;
    z-index: 99999;
  }
  .modaloverlay .modal {
    background-color: white;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 3em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  @media (min-width: 60em) {
    .modaloverlay .modal {
      height: 75%;
      margin: 5% auto;
      max-height: 57em;
      max-width: 66em;
      width: 85%;
    }
  }
  .modaloverlay .modal > iframe, .modaloverlay .modal > div {
    border: none;
    width: 100%;
    height: 100%;
  }
  .modaloverlay .close {
    --tw-bg-opacity : 1;
    background-color: rgb(150 193 31/var(--tw-bg-opacity));
    color: white;
    font-size: 24px;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    z-index: 1;
  }