@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);

@font-face {
    font-family: 'Quentin';
    src: url('css/fonts/Quentin_2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('css/fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: normal;
    font-style: normal;
}

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

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

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    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-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button, select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

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

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

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

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

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

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

html {
    font-size: 18px
}

body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #d1d2d4;
    font-family: Monteserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

body, html {
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

a, a:active, a:focus {
    color: #d1d2d4;
    text-decoration: none
}

a:active, a:hover {
    color: var(--base-color);
    text-decoration: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a:active, a:focus, button:active, button:focus {
    box-shadow: none;
    outline: none
}

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

video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

input, select, textarea {
    border: 1px solid #d1d1d1;
    color: inherit;
    color-scheme: dark;
    font-size: 14px;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 8px 15px;
    resize: none;
    width: 100%
}

input[type=submit] {
    width: auto
}

input[type=button], input[type=email], input[type=password], input[type=search], input[type=submit], input[type=text], textarea {
    -webkit-appearance: none;
    color-scheme: dark;
    outline: none
}

input:focus, textarea:focus {
    border-color: #585858 !important;
    outline: none
}

.btn.focus, .btn:focus, .form-control:focus, input:focus, input[type=button]:focus, select:focus, textarea:focus {
    box-shadow: none;
    outline: none
}

select::-ms-expand {
    display: none
}

iframe {
    border: 0
}

p {
    margin: 0 0 25px
}

b, strong {
    font-weight: 600
}

.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0
}

.alt-font strong {
    font-weight: 700
}

dl, ol, ul {
    list-style-position: outside;
    margin-bottom: 25px
}

*, :hover {
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out
}

.dropdropdown-menu *, .header-searchbar *, .header-social-icon *, .mfp-container *, .no-transition *, .parallax, .portfolio-wrapper *, .rev-slider *, .swiper-container * {
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    -ms-transition-timing-function: none
}

::selection {
    background: #3dc92c;
    color: #000
}

::-moz-selection {
    background: #3dc92c;
    color: #000
}

::-webkit-input-placeholder {
    color: #6f6f6f;
    text-overflow: ellipsis
}

::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1;
    text-overflow: ellipsis
}

:-ms-input-placeholder {
    color: #6f6f6f;
    opacity: 1;
    text-overflow: ellipsis
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto
    }
}

:root {
    --base-color: #3DC92C
}

body {
    --tw-bg-opacity: 1 !important;
    --tw-text-opacity: 1;
    background-color: rgb(20 20 20/var(--tw-bg-opacity)) !important;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .25px;
    cursor: url('image-path.png'), auto;
    line-height: 1.6
}

h1, h2, h3, h4, h5, h6 {
    font-family: Quentin, sans-serif;
    margin: 0 0 1.5rem
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -.025em
}

h4, h5, h6 {
    letter-spacing: 0
}

h1 {
    font-size: 58px !important
}

h1, h2 {
    line-height: 1.2 !important
}

h2 {
    font-size: 48px !important
}

h3 {
    font-size: 38px !important;
    line-height: 1.2 !important
}

h4 {
    font-size: 32px !important
}

h4, h5 {
    line-height: 1.4 !important
}

h5 {
    font-size: 22px !important
}

h6 {
    font-size: 18px !important;
    letter-spacing: -.5px !important;
    line-height: 1.4 !important
}

p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .25px;
    letter-spacing: -.025em;
    line-height: 1.6
}

.overlayer-hero {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    --tw-bg-opacity: 1;
    opacity: .4;
    z-index: 10
}

.overlayer, .overlayer-hero {
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    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));
    width: 100%
}

.overlayer {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    --tw-bg-opacity: 0.8;
    index: 1;
    inset: 0
}

.animated-element {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s, transform .5s
}

.delay-1s {
    animation-delay: 1s
}

.delay-2s {
    animation-delay: 2s
}

.delay-3s {
    animation-delay: 3s
}

.content-404 {
    --tw-bg-opacity: 1;
    background: radial-gradient(circle, rgba(44, 44, 44, 1) 0%, rgba(5, 6, 8, 1) 100%);
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    padding-bottom: 3rem;
    position: relative;
    width: 100%;
    z-index: 0
}

.content-404__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.content-404__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.content-404__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .content-404__container {
        padding-top: 6rem
    }
}

@media (min-width:1024px) {
    .content-404__container {
        padding-top: 8rem
    }
}

@media (min-width:1280px) {
    .content-404__container {
        padding-top: 10rem
    }
}

.content-404__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .content-404__content {
        max-height: 480px
    }
}

@media (min-width:1280px) {
    .content-404__content {
        max-height: 600px
    }
}

.content-404__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%
}

.content-404__title img {
    max-height: 140px
}

@media (min-width:640px) {
    .content-404__title img {
        max-height: 180px
    }
}

@media (min-width:768px) {
    .content-404__title img {
        max-height: 240px
    }
}

@media (min-width:1024px) {
    .content-404__title img {
        max-height: 280px
    }
}

@media (min-width:1280px) {
    .content-404__title img {
        max-height: 380px
    }
}

.confirmation {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

@media (min-width:1024px) {
    .confirmation {
        height: 668px;
        min-height: 668px
    }
}

@media (min-width:1280px) {
    .confirmation {
        height: 768px;
        min-height: 768px
    }
}

.confirmation__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.confirmation__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.confirmation__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .confirmation__container {
        padding-top: 6rem
    }
}

@media (min-width:1024px) {
    .confirmation__container {
        padding-top: 8rem
    }
}

@media (min-width:1280px) {
    .confirmation__container {
        padding-top: 10rem
    }
}

.confirmation__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .confirmation__content {
        max-height: 480px
    }
}

@media (min-width:1280px) {
    .confirmation__content {
        max-height: 600px
    }
}

.confirmation__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:640px) {
    .confirmation__title {
        font-size: 98px !important
    }
}

@media (min-width:768px) {
    .confirmation__title {
        font-size: 110px !important
    }
}

@media (min-width:1280px) {
    .confirmation__title {
        font-size: 120px !important
    }
}



/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce), print {
    .animate__animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {
    0%, 20%, 53%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transform: translateZ(0) scaleY(.95);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    0%, to {
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    0%, to {
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(0, -10px, 0)
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

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

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    animation-name: swing;
    transform-origin: top center
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {
    0%, 11.1%, to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        opacity: .7;
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

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

.animate__backInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

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

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

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

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        opacity: .7;
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

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

.animate__backInUp {
    animation-name: backInUp
}

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

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

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

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

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

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

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

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

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

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

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

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

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

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

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

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

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

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

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

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

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

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

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

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

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

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

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

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

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

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

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

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    animation-name: flip;
    backface-visibility: visible
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutY;
    backface-visibility: visible !important
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(-20deg)
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

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

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

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

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg)
    }

    40%, 80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

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

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

.animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

.animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    animation-name: slideOutUp
}



.divider {
    height: 1px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    max-width: 496px;
    position: relative;
    width: 100%
}

@media screen and (max-width:480px) {
    .divider {
        max-width: 50%
    }
}

.div-transparent:before {
    background-image: linear-gradient(90deg, transparent, #3dc92c, transparent);
    content: "";
    height: 1px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 0;
    width: 90%
}

.div-arrow-down:after {
    border-bottom: 1px solid #3dc92c;
    height: 14px;
    top: -7px;
    transform: rotate(45deg)
}

.div-arrow-down:after, .div-stopper:after {
    background-color: #141414;
    border-right: 1px solid #3dc92c;
    content: "";
    left: calc(50% - 7px);
    position: absolute;
    width: 14px;
    z-index: 1
}

.div-stopper:after {
    border-left: 1px solid #3dc92c;
    height: 12px;
    top: -6px
}

.btn__default {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: dashed;
    border-width: 1px;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 14px 45px 12px;
    background-color: rgb(5 6 8);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn__default:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.btn__default: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(44 184 27/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__default:disabled {
    cursor: not-allowed;
    opacity: .5
}

.btn__default:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    cursor: pointer
}

.btn__default:active, .btn__solid {
    background-color: #1e1e1e;
    color: rgb(5 6 8/var(--tw-text-opacity))
}

.btn__solid {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    background-color: #1e1e1e;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 12px 2rem 10px;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn__solid, .btn__solid:hover {
    border-color: rgb(44 184 27/var(--tw-border-opacity))
}

.btn__solid:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(44 184 27/var(--tw-text-opacity));
    cursor: pointer
}

.btn__solid: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(44 184 27/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__solid:disabled {
    cursor: not-allowed;
    opacity: .5
}

.btn__solid:active {
    background-color: transparent;
    border-color: rgb(44 184 27/var(--tw-border-opacity))
}

.btn-to-top, .btn__solid:active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    cursor: pointer
}

.btn-to-top {
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    background-color: #1e1e1e;
    bottom: 4rem;
    opacity: .3;
    padding: 1rem;
    position: fixed;
    right: 1rem;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 50
}

.btn-to-top:hover {
    opacity: 1
}

.btn__link {
    --tw-border-opacity: 1 !important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-width: 1px;
    border-color: transparent !important;
    border-bottom-color: rgb(44 184 27/var(--tw-border-opacity)) !important;
    border-radius: 0;
    color: rgb(44 184 27/var(--tw-text-opacity));
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem !important;
    margin-top: 2rem;
    padding: .25rem 1rem;
    position: relative;
    text-transform: capitalize;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    .btn__link {
        font-size: 18px !important;
        letter-spacing: .5px !important;
        line-height: 1.6 !important
    }
}

.btn__link {
    letter-spacing: 2px;
    text-decoration: none
}

.btn__link:after, .btn__link:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 0
}

.btn__link:before {
    bottom: -8px;
    left: 0;
    right: 0;
    transition: width 0s ease, background .4s ease
}

.btn__link:after {
    background: #3dc92c;
    bottom: -8px;
    right: 2.2%;
    transition: width .4s ease
}

.btn__link:hover {
    --tw-border-opacity: 1 !important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-color: rgb(44 184 27/var(--tw-border-opacity)) !important;
    color: rgb(44 184 27/var(--tw-text-opacity));
    cursor: pointer
}

.btn__link:hover:before {
    background: #b2876f;
    left: 5%;
    transition: width .4s ease;
    width: 90%
}

.btn__link:hover:after {
    background: 0 0;
    left: 5%;
    transition: all 0s ease;
    width: 90%
}

.btn__link:focus {
    --tw-text-opacity: 1 !important;
    --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);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__link:disabled, .btn__link:focus {
    color: rgb(44 184 27/var(--tw-text-opacity)) !important
}

.btn__link:disabled {
    --tw-text-opacity: 1 !important;
    cursor: not-allowed;
    opacity: .5
}

.btn__link:active {
    --tw-border-opacity: 1 !important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-color: rgb(44 184 27/var(--tw-border-opacity)) !important;
    color: rgb(44 184 27/var(--tw-text-opacity));
    cursor: pointer
}

.social_icons {
    gap: 1.5rem;
    justify-content: flex-start;
    margin: 0;
    padding: .25rem 0
}

.social_icons, .social_icons li {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.social_icons li a {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-size: 1.5rem;
    line-height: 1.5rem
}

.social_icons li a:hover {
    --tw-text-opacity: 1;
    color: rgb(25 125 12/var(--tw-text-opacity))
}

.slider-nav-arrows {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .slider-nav-arrows {
        display: flex
    }
}

.slider-nav-arrows .slider-arrow {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(61, 201, 44/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(61 201 44/var(--tw-text-opacity));
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    top: 20% !important;
    transform: translateY(-50%);
    width: 40px;
    z-index: 50
}

.slider-nav-arrows .slider-arrow:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    cursor: pointer
}

.slider-nav-arrows .slider-arrow:hover:before {
    --tw-text-opacity: 1 !important;
    color: rgb(5 6 8/var(--tw-text-opacity)) !important
}

.slider-nav-arrows .slider-arrow:before {
    --tw-text-opacity: 1;
    color: rgb(25 125 12/var(--tw-text-opacity));
    font-family: Font Awesome\ 5 Free;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    opacity: 1
}

.slider-nav-arrows .slider-arrow.slick-prev {
    left: 0
}

.slider-nav-arrows .slider-arrow.slick-prev:before {
    content: "\f054"
}

.slider-nav-arrows .slider-arrow.slick-next {
    right: 0
}

.slider-nav-arrows .slider-arrow.slick-next:before {
    content: "\f053"
}

.slick-dots li button {
    border: 1px solid transparent !important;
    border-radius: 9999px
}

.slick-dots li button:before {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    font-size: 10px !important
}

.slick-dots li.slick-active button {
    --tw-border-opacity: 1 !important;
    border-color: rgb(44 184 27/var(--tw-border-opacity)) !important
}

.slick-dots li.slick-active button:before {
    --tw-text-opacity: 1 !important;
    font-size: 10px !important
}

.slick-arrow, .slick-dots li.slick-active button:before {
    color: rgb(44 184 27/var(--tw-text-opacity)) !important
}

.slick-arrow {
    --tw-border-opacity: 1 !important;
    --tw-text-opacity: 1 !important;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(44 184 27/var(--tw-border-opacity)) !important;
    border-radius: 9999px;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: none !important;
    height: 40px !important;
    justify-content: center;
    position: relative;
    width: 40px !important;
    z-index: 50
}

@media (min-width:768px) {
    .slick-arrow {
        display: flex !important
    }
}

.slick-arrow:hover {
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(44 184 27/var(--tw-bg-opacity)) !important;
    border-color: rgb(44 184 27/var(--tw-border-opacity)) !important;
    cursor: pointer !important
}

.slick-arrow:hover:before {
    --tw-text-opacity: 1 !important;
    color: rgb(5 6 8/var(--tw-text-opacity)) !important
}

.slick-arrow:before {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    font-family: Font Awesome\ 5 Free !important;
    font-size: 14px !important;
    font-weight: 900
}

.slick-arrow.slick-prev {
    left: -5rem
}

.slick-arrow.slick-prev:before {
    content: "\f053"
}

.slick-arrow.slick-next {
    right: -5rem
}

.slick-arrow.slick-next:before {
    content: "\f054"
}

.slick-arrow.slick-disabled {
    cursor: not-allowed !important;
    opacity: .5 !important
}

.slick-arrow.slick-disabled:before {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    opacity: 1 !important
}

.slick-arrow.slick-disabled:hover:before {
    --tw-text-opacity: 1 !important;
    color: rgb(5 6 8/var(--tw-text-opacity)) !important
}

.section-title {
    margin-bottom: 0;
    max-width: 800px;
    padding-bottom: .5rem;
    position: relative
}

.section-title__subtitle {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Montserrat, serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 0;
    width: 100%
}

@media (min-width:640px) {
    .section-title__subtitle {
        font-size: 20px;
        letter-spacing: 1.5px;
        line-height: 1.4
    }
}

.section-title__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 38px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: 1rem;
    text-transform: capitalize;
    width: 100%
}

@media (min-width:640px) {
    .section-title__title {
        font-size: 48px !important;
        line-height: 1.2 !important
    }
}

@media (min-width:768px) {
    .section-title__title {
        font-size: 58px !important;
        line-height: 1.2 !important
    }
}

.section-title p:last-of-type {
    padding-bottom: 0
}

.section-title__center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.opening-hours {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(87 71 52/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    flex-direction: column;
    padding: 1rem 1.5rem
}

.opening-hours, .opening-hours__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.opening-hours__header h3 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:768px) {
    .opening-hours__header h3 {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

@media (min-width:1280px) {
    .opening-hours__header h3 {
        margin-bottom: 1.5rem
    }
}

.opening-hours__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.opening-hours__item {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    margin-bottom: .5rem;
    width: 100%
}

.opening-hours__item:last-of-type {
    margin-bottom: 0
}

@media (min-width:640px) {
    .opening-hours__item {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.opening-hours__item-day {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-weight: 500;
    text-transform: capitalize
}

.opening-hours__item-day, .opening-hours__item-time {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    grid-column: span 4/span 4;
    letter-spacing: -.5px;
    line-height: 1.4
}

.opening-hours__item-time {
    text-align: right;
    text-transform: uppercase
}

@media (min-width:640px) {
    .opening-hours__item-time {
        grid-column: span 2/span 2
    }
}

.text-cols {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:1024px) {
    .text-cols {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
}

.text-cols__container {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100% !important
}

@media (min-width:640px) {
    .text-cols__container {
        max-width: 640px !important
    }
}

@media (min-width:768px) {
    .text-cols__container {
        max-width: 768px !important
    }
}

@media (min-width:1024px) {
    .text-cols__container {
        max-width: 1024px !important
    }
}

@media (min-width:1280px) {
    .text-cols__container {
        max-width: 1280px !important
    }
}

@media (min-width:1536px) {
    .text-cols__container {
        max-width: 1536px !important
    }
}

.text-cols__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative
}

@media (min-width:768px) {
    .text-cols__container {
        padding-left: 0;
        padding-right: 0
    }
}

.text-cols__content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .text-cols__content {
        gap: 2rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:1024px) {
    .text-cols__content {
        gap: 2.5rem;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.text-cols__col {
    grid-column: span 2/span 2
}

@media (min-width:768px) {
    .text-cols__col {
        grid-column: span 1/span 1
    }
}

.text-cols__col p:last-of-type {
    margin-bottom: 0
}

.form {
    padding-bottom: 2rem;
    position: relative
}

.form, .form__body, .form__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.form_row {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%
}

.form_field {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.form_field input, .form_field textarea {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: rgb(163 166 168/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    width: 100%
}

.form_field input:focus, .form_field textarea:focus {
    --tw-border-opacity: 1;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form_field input, .form_field textarea {
    letter-spacing: .25px;
    padding: 18px 0 17px 18px
}

.form_field textarea {
    min-height: 128px
}

.form_field label {
    display: flex;
}

.form_field__name {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__name {
        grid-column: span 9/span 9
    }
}

.form_field__phone {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__phone {
        grid-column: span 3/span 3
    }
}

.form_field__email {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__email {
        grid-column: span 6/span 6
    }
}

.form_field__person {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__person {
        grid-column: span 2/span 2
    }
}

.form_field__date {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__date {
        grid-column: span 2/span 2
    }
}

.form_field__date input {
    text-transform: none
}

.form_field__hours {
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .form_field__hours {
        grid-column: span 2/span 2
    }
}

.form_field__message {
    grid-column: span 12/span 12
}

.form_field button {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 12px 2rem 10px !important;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form_field button:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.form_field button: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(44 184 27/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form_field button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.form_field button:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.tabs {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    /*background-color: rgb(5 6 8/var(--tw-bg-opacity));*/
    border-color: rgb(61 201 44/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    margin: 0 auto 1.5rem;
    padding: .5rem;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:640px) {
    .tabs {
        background-color: rgb(5 6 8/var(--tw-bg-opacity));
        margin-bottom: 2rem
    }
}

@media (min-width:768px) {
    .tabs {
        background-color: rgb(5 6 8/var(--tw-bg-opacity));
        border-width: 2px;
        margin-bottom: 3.5rem
    }
}

.tabs__link {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1 !important;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-radius: 9999px;
    color: rgb(209 210 212/var(--tw-text-opacity)) !important;
    display: inline-block;
    font-family: Quentin, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.6;
    margin: 0;
    padding: .5rem 1.5rem;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 41.666667%
}

@media (min-width:640px) {
    .tabs__link {
        width: 25%
    }
}

@media (min-width:768px) {
    .tabs__link {
        background-color: transparent;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tabs__link {
    letter-spacing: 2px;
    text-decoration: none
}

.tabs__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    cursor: pointer
}

.tabs__link:after {
    --tw-rotate: 45deg;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-bottom-width: 2px;
    border-color: rgb(61 201 44/var(--tw-border-opacity));
    border-right-width: 2px;
    bottom: -18px;
    padding: .5rem;
    content: var(--tw-content);
    display: none;
    height: 14px;
    left: calc(50% - 7px);
    position: absolute;
    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));
    width: 14px;
    z-index: 10
}

.tabs__link.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1 !important;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity)) !important;
    padding: .5rem 1rem;
    cursor: pointer
}

.tabs__link.active:after {
    display: none
}

@media (min-width:1280px) {
    .tabs__link.active:after {
        display: block
    }
}

.tabs-content {
    overflow: hidden;
    padding-bottom: 2.5rem;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

@media (min-width:768px) {
    .tabs-content {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:1024px) {
    .tabs-content {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:1280px) {
    .tabs-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.tabs-content__item {
    animation: fadeEffect .6s ease;
    display: none;
    width: 100%
}

.tabs-content__item .menu__category-dishes .section-title__title {
    font-size: 58px !important;
    line-height: 1.2 !important
}

.tabs-content__item.active {
    display: block;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@keyframes fadeEffect {
    0% {
        margin-left: 30px;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

.lightbox {
    --tw-bg-opacity: 0.8;
    align-items: center;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    cursor: zoom-out;
    display: none;
    height: 100%;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: fixed;
    width: 100%;
    z-index: 50
}

.lightbox-open {
    overflow: hidden
}

.lightbox-wrapper {
    height: auto;
    max-width: 100%;
    position: relative;
    width: 70%
}

@media (min-width:1536px) {
    .lightbox-wrapper {
        width: 40%
    }
}

.lightbox.open {
    display: flex
}

.lightbox-close {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 2.25rem;
    height: 1.75rem;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 1.75rem;
    z-index: 50
}

.lightbox-close:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    cursor: pointer
}

.lightbox-content {
    animation: lightboxImage .5s ease;
    position: relative
}

.lightbox-content img {
    cursor: pointer;
    display: block;
    height: 100%;
    padding-bottom: 1.25rem;
    padding-top: 2rem;
    width: 100%
}

.lightbox-controls {
    align-items: flex-end;
    display: flex;
    gap: .75rem;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lightbox-arrows {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(209 210 212/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    height: 30px;
    justify-content: center;
    position: relative;
    top: 1rem;
    width: 30px;
    z-index: 50
}

@media (min-width:768px) {
    .lightbox-arrows {
        height: 40px;
        width: 40px
    }
}

.lightbox-arrows {
    transform: translateY(-50%)
}

.lightbox-arrows:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    cursor: pointer
}

.lightbox-arrows:hover:before {
    --tw-text-opacity: 1 !important;
    color: rgb(5 6 8/var(--tw-text-opacity)) !important
}

.lightbox-arrows:before {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Font Awesome\ 5 Free;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    opacity: 1
}

.lightbox-arrows.lightbox-next {
    left: 0
}

.lightbox-arrows.lightbox-next:before {
    content: "\f054"
}

.lightbox-arrows.lightbox-prev {
    right: 0
}

.lightbox-arrows.lightbox-prev:before {
    content: "\f053"
}

@keyframes lightboxImage {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    opacity: 1;
    padding: 1rem 1rem 1rem 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 99
}

@media (min-width:1024px) {
    .header {
        padding-right: 3rem
    }
}

@media (min-width:1280px) {
    .header {
        padding-left: 2rem;
        padding-right: 2rem;
        top: 3rem
    }
}

.header__content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.header__logo {
    padding-left: 1rem;
    width: 160px
}

@media (min-width:640px) {
    .header__logo {
        width: 160px
    }
}

@media (min-width:768px) {
    .header__logo {
        width: 180px
    }
}

@media (min-width:1280px) {
    .header__logo {
        padding-left: 0
    }
}

.header__nav {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end
}

@media (min-width:1024px) {
    .header__nav {
        gap: 2rem
    }
}

.header__menu {
    align-items: center;
    display: none;
    flex-wrap: wrap
}

@media (min-width:1280px) {
    .header__menu {
        display: flex
    }
}

.header__social {
    --tw-border-opacity: 1;
    align-items: center;
    border-left-color: rgb(72 77 81/var(--tw-border-opacity));
    border-left-width: 1px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 1.5rem
}

.header__menu-list {
    gap: 2rem;
    margin: 0
}

.header__menu-list, .header__menu-list li {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__menu-list li a {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.6;
    position: relative;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.header__menu-list li a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.header__menu-list li a:focus {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.header__menu-list li a:after, .header__menu-list li a:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 0
}

.header__menu-list li a:before {
    bottom: 0;
    left: 0;
    right: 0;
    transition: width 0s ease, background .4s ease
}

.header__menu-list li a:after {
    background: #3dc92c;
    bottom: 0;
    font-weight: 900;
    transition: width .4s ease
}

.header__menu-list li a:hover:before {
    background: #3dc92c;
    left: 0;
    transition: width .4s ease;
    width: 97.8%
}

.header__menu-list li a:hover:after {
    background: 0 0;
    left: 0;
    transition: all 0s ease;
    width: 90%
}

.header__menu-list li.dropdown {
    padding-bottom: 1rem;
    padding-right: .75rem;
    padding-top: 1rem;
    position: relative
}

.header__menu-list li.dropdown.simple-dropdown:after {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    content: "+";
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 1.5rem;
    height: .5rem;
    line-height: 2rem;
    position: absolute;
    right: .25rem;
    top: 38%;
    transform: rotate(0) translateY(-25%);
    width: .5rem
}

.header__menu-list li.dropdown .dropdown-menu {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-size: .875rem;
    font-weight: 400;
    left: -1.5rem;
    letter-spacing: .25px;
    line-height: 1.6;
    line-height: 1.25rem;
    max-height: 0;
    min-width: 220px;
    opacity: 0;
    overflow: hidden;
    padding: 1rem 1.5rem;
    position: absolute;
    top: 100%;
    transition: all .3s linear;
    visibility: hidden;
    z-index: 50
}

.header__menu-list li.dropdown .dropdown-menu li {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.header__menu-list li.dropdown .dropdown-menu li.dropdown {
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: relative
}

.header__menu-list li.dropdown .dropdown-menu li a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.6;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.header__menu-list li.dropdown .dropdown-menu li a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.header__menu-list li.dropdown .dropdown-menu li a:focus {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.header__menu-list li.dropdown:hover .dropdown-menu {
    display: block;
    max-height: 300px;
    opacity: 1;
    visibility: visible
}

.header__menu-list li.dropdown:hover.simple-dropdown:after {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.header__mobile {
    display: flex
}

@media (min-width:1280px) {
    .header__mobile {
        display: none
    }
}

.header.header_sticky {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    opacity: 0;
    position: fixed;
    top: 0
}

.header.header_sticky__show {
    left: 0;
    opacity: 1;
    right: 0;
    z-index: 999
}


.topbar {
    --tw-border-opacity: 0.2;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(163 166 168/var(--tw-border-opacity));
    display: none;
    justify-content: space-between;
    left: 0;
    padding: .75rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

@media (min-width:1280px) {
    .topbar {
        display: flex
    }
}

.topbar__left, .topbar__right {
    align-items: center;
    display: inline-flex;
    gap: 2.25rem;
    justify-content: flex-start
}

.topbar__address, .topbar__email, .topbar__phone {
    align-items: center;
    display: inline-flex;
    gap: .75rem;
    justify-content: flex-start
}

.topbar__address a, .topbar__email a, .topbar__phone a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 300;
    justify-content: flex-start;
    letter-spacing: .25px;
    line-height: 1.5;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.topbar__address a>i, .topbar__email a>i, .topbar__phone a>i {
    font-size: 16px !important;
    margin-right: .5rem;
    padding-bottom: .25rem;
    transition-property: none
}

.topbar__address a:hover, .topbar__email a:hover, .topbar__phone a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.mm-menu--offcanvas {
    z-index: 9999
}

.mm-menu--theme-light {
    --mm-color-background: #0a0d0f !important
}

.mm-navbar {
    --tw-border-opacity: 1 !important;
    border-color: rgb(26 32 38/var(--tw-border-opacity)) !important
}

.mm-navbar .mm-navbar__title {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.mm-navbar .mm-navbar__title span {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Quentin, sans-serif !important;
    font-weight: 500;
    text-transform: uppercase
}

.mm-btn--next:after, .mm-btn--prev:before {
    --tw-border-opacity: 1 !important;
    border-color: rgb(44 184 27/var(--tw-border-opacity)) !important
}

.mm-listitem {
    --tw-border-opacity: 1 !important;
    border-color: rgb(26 32 38/var(--tw-border-opacity)) !important
}

.mm-listitem__text {
    --tw-text-opacity: 1 !important;
    color: rgb(209 210 212/var(--tw-text-opacity)) !important
}

.mm-listitem__text:hover, .mm-navbars--bottom .mm-navbar a {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important
}

.footer {
    align-items: flex-start;
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1rem
}

.footer, .footer__button {
    --tw-bg-opacity: 1;
    display: flex;
    flex-wrap: wrap
}

.footer__button {
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem 1rem;
    width: 100%
}

@media (min-width:640px) {
    .footer__button {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.footer__copyright {
    width: 100%
}

@media (min-width:1280px) {
    .footer__copyright {
        width: 50%
    }
}

.footer__copyright p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 0 !important;
    text-align: center
}

@media (min-width:1280px) {
    .footer__copyright p {
        text-align: left
    }
}

.footer__copyright p br {
    display: inline
}

@media (min-width:640px) {
    .footer__copyright p br {
        display: none
    }
}

.footer__legal {
    width: 100%
}

@media (min-width:1280px) {
    .footer__legal {
        width: 50%
    }
}

.footer__legal ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 1.5rem 0 0
}

@media (min-width:1280px) {
    .footer__legal ul {
        justify-content: flex-end;
        padding-top: 0
    }
}

.footer__legal ul li {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.footer__legal ul li:not(:last-child) {
    margin-right: .25rem
}

.footer__legal ul li:after {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    content: "/";
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    margin: 0 4px
}

.footer__legal ul li:last-child:after {
    display: none
}

.footer__legal ul li a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.footer__legal ul li a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.footer__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.footer__container {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem 1rem
}

@media (min-width:768px) {
    .footer__container {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

@media (min-width:1280px) {
    .footer__container {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
}

.footer__content {
    align-items: flex-start;
    justify-content: space-between;
    max-width: 680px
}

.footer__content, .footer__logo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.footer__logo {
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    width: 100%
}

.footer__logo a {
    display: flex;
    width: -moz-fit-content;
    width: fit-content
}

.footer__logo img {
    height: auto;
    max-width: 200px !important;
    min-width: 200px !important;
    width: 200px !important
}

@media (min-width:768px) {
    .footer__logo img {
        max-width: 250px !important;
        min-width: 250px !important;
        width: 250px !important
    }
}

.footer__info {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 0;
    width: 100%
}

@media (min-width:640px) {
    .footer__info {
        gap: 2.25rem;
        margin-bottom: 1.5rem
    }
}

.footer__address {
    text-align: center;
    width: 100%
}

@media (min-width:640px) {
    .footer__address {
        text-align: right;
        width: 45%
    }
}

.footer__address p {
    margin-bottom: 0
}

.footer__info-contact {
    --tw-text-opacity: 1 !important;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity)) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width:640px) {
    .footer__info-contact {
        align-items: flex-start;
        justify-content: flex-start;
        width: 45%
    }
}

.footer__info-contact a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    text-align: center
}

@media (min-width:640px) {
    .footer__info-contact a {
        text-align: left
    }
}

.footer__info-contact a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.footer__social {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.5rem;
    width: 100%
}

.hero-slider {
    height: 100vh;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .hero-slider {
        max-height: 1080px
    }
}

.hero-slider__images {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.hero-slider .slider-hero__item {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    .hero-slider .slider-hero__item {
        max-height: 1080px
    }
}

.hero-slider .slider-hero__item img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    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));
    width: 100%
}

.hero-slider .slider-hero__item-content {
    align-items: center;
    background-image: linear-gradient(0deg, rgba(5, 6, 8, .5), rgba(5, 6, 8, .8) 40%);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 50
}

.hero-slider .slider-hero__item-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 660px;
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    text-align: center;
    z-index: 50
}

@media (min-width:768px) {
    .hero-slider .slider-hero__item-info {
        margin-left: 9%;
        padding-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    .hero-slider .slider-hero__item-info {
        margin-left: 10%;
        padding-bottom: 0
    }
}

.hero-slider .slider-hero__item-info .subtitle {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Montserrat, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: capitalize
}

.hero-slider .slider-hero__item-info .title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-size: 48px !important;
    line-height: 1.2 !important;
    margin-bottom: .5rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .hero-slider .slider-hero__item-info .title {
        font-size: 81px !important;
        line-height: 1.2 !important
    }
}

.hero-slider .slider-hero__item-info p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6;
    margin-bottom: 1.5rem
}

.hero-slider .slider-hero .slick-active .btn, .hero-slider .slider-hero .slick-active .subtitle, .hero-slider .slider-hero .slick-active .title, .hero-slider .slider-hero .slick-active p:nth-child(3) {
    animation: showContent .5s ease-in-out .7s 1 forwards;
    filter: blur(20px);
    opacity: 0;
    transform: translateY(50px)
}

.hero-slider .slider-hero .slick-active .title {
    animation-delay: 1.3s
}

.hero-slider .slider-hero .slick-active .subtitle {
    animation-duration: 1s
}

.hero-slider .slider-hero .slick-active p:nth-child(3) {
    animation-duration: 1.8s
}

.hero-slider .slider-hero .slick-active .btn {
    animation-duration: 2.5s
}

.hero-slider .slider-hero .slick-dots {
    align-items: center;
    bottom: 20%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .hero-slider .slider-hero .slick-dots {
        bottom: 0;
        flex-direction: column;
        right: 1.5rem;
        top: 0;
        width: 3rem
    }
}

.hero-slider .thumbnail {
    align-items: center;
    bottom: 1rem;
    display: flex;
    height: auto;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    width: 560px;
    z-index: 50
}

@media (min-width:768px) {
    .hero-slider .thumbnail {
        right: .5rem
    }
}

.hero-slider .slider-thumbnail {
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .hero-slider .slider-thumbnail {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.hero-slider .slider-thumbnail__item {
    flex-shrink: 0;
    height: 110px;
    padding: .5rem;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    .hero-slider .slider-thumbnail__item {
        height: 220px
    }
}

.hero-slider .slider-thumbnail__item-image {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #151a1e;
    --tw-shadow: var(--tw-shadow-colored);
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-radius: 20px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 100%;
    position: relative;
    width: 100%
}

.hero-slider .slider-thumbnail__item-image img {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .5;
    width: 100%
}

.hero-slider .slider-thumbnail__item-image img:hover {
    cursor: pointer
}

.hero-slider .slider-thumbnail .slick-current.slick-active .slider-thumbnail__item-image img {
    opacity: 1
}

@keyframes showContent {
    to {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0)
    }
}

.hero-basic {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    justify-content: center;
    max-height: 1080px;
    overflow: hidden;
    position: relative
}

@media (min-width:640px) {
    .hero-basic {
        min-height: 680px
    }
}

@media (min-width:768px) {
    .hero-basic {
        min-height: 880px
    }
}

.hero-basic__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-basic__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.hero-basic__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-top: 2rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .hero-basic__container {
        padding-left: 5rem;
        padding-top: 3rem
    }
}

@media (min-width:1024px) {
    .hero-basic__container {
        padding-top: 4rem
    }
}

@media (min-width:1280px) {
    .hero-basic__container {
        padding-left: 12rem
    }
}

.hero-basic__container {
    background-image: linear-gradient(270deg, rgba(5, 6, 8, .2), rgba(5, 6, 8, .6) 70%)
}

.hero-basic__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: span 11/span 11;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media (min-width:640px) {
    .hero-basic__content {
        grid-column: span 10/span 10
    }
}

@media (min-width:768px) {
    .hero-basic__content {
        grid-column: span 8/span 8
    }
}

@media (min-width:1280px) {
    .hero-basic__content {
        grid-column: span 6/span 6
    }
}

.hero-basic__subtitle {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Montserrat, serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: capitalize
}

.hero-basic__title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 3rem !important;
    line-height: 1 !important;
    margin-bottom: 1rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .hero-basic__title {
        font-size: 3.75rem !important;
        line-height: 1 !important
    }
}

@media (min-width:1280px) {
    .hero-basic__title {
        font-size: 91px !important;
        line-height: 1.2 !important
    }
}

.hero-basic__description {
    --tw-text-opacity: 1;
    align-items: flex-start;
    color: rgb(232 233 233/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 1.5rem
}

.hero-basic__description p {
    font-size: 21px !important;
    letter-spacing: .5px !important;
    line-height: 1.6 !important
}

.hero-basic.hero-center .hero-basic__container {
    align-items: center !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    padding-left: 0;
    padding-right: 0
}

.hero-basic.hero-center .hero-basic__content {
    align-items: center !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width:1280px) {
    .hero-basic.hero-center .hero-basic__content {
        max-width: 75%
    }
}

.hero-basic.hero-center .hero-basic__subtitle, .hero-basic.hero-center .hero-basic__title {
    text-align: center
}

.hero-basic.hero-center .hero-basic__description {
    align-items: center;
    justify-content: center
}

.hero-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    height: 280px;
    max-height: 560px;
    min-height: 280px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

@media (min-width:768px) {
    .hero-inner {
        height: 460px;
        min-height: 460px
    }
}

@media (min-width:1024px) {
    .hero-inner {
        height: 560px;
        min-height: 560px
    }
}

.hero-inner__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-inner__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.hero-inner__container {
    padding-top: 5rem;
    position: relative;
    z-index: 20
}

.hero-inner__container, .hero-inner__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.hero-inner__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    
}

@media (min-width:1024px) {
    .hero-inner__content {
        padding-left: 0;
        padding-right: 0
    }
}

.hero-inner__title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 38px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: .25rem;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .hero-inner__title {
        font-size: 48px !important;
        line-height: 1.2 !important
    }
}

@media (min-width:1024px) {
    .hero-inner__title {
        font-size: 81px !important;
        line-height: 1.2 !important
    }
}

.hero-inner__breadcrumbs p {
    letter-spacing: .1em;
    text-transform: uppercase
}

.hero-inner__breadcrumbs p, .hero-inner__breadcrumbs p a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: 0
}

.hero-inner__breadcrumbs p a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.blog-details .hero-inner__title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .blog-details .hero-inner__title {
        font-size: 28px !important;
        line-height: 1.4 !important
    }
}

@media (min-width:1024px) {
    .blog-details .hero-inner__title {
        font-size: 58px !important;
        line-height: 1.2 !important
    }
}

.about__image-info {
    display: flex
}

.about__image-info .about-content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%
}

.about__image-info .about-content__image {
    display: none;
    grid-column: span 3/span 3;
    max-height: 1080px;
    overflow: hidden;
    position: relative
}

@media (min-width:1024px) {
    .about__image-info .about-content__image {
        display: block
    }
}

@media (min-width:1280px) {
    .about__image-info .about-content__image {
        grid-column: span 6/span 6
    }
}

.about__image-info .about-content__image img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    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));
    width: 100%
}

.about__image-info .about-content__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-column: span 12/span 12;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 1rem;
    position: relative
}

@media (min-width:640px) {
    .about__image-info .about-content__info {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:768px) {
    .about__image-info .about-content__info {
        padding: 5rem
    }
}

@media (min-width:1024px) {
    .about__image-info .about-content__info {
        grid-column: span 9/span 9
    }
}

@media (min-width:1280px) {
    .about__image-info .about-content__info {
        grid-column: span 6/span 6;
        max-width: 720px;
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.about__image-info .about-content__description {
    padding-bottom: .5rem
}

.about-s2__container-fluid, .about-s2__content {
    position: relative;
    width: 100%
}

.about-s2__content {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.about-s2__image {
    display: none;
    grid-column: span 3/span 3
}

@media (min-width:1024px) {
    .about-s2__image {
        display: block
    }
}

.about-s2__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.about-s2__text {
    grid-column: span 12/span 12;
    padding: 4rem 1.5rem;
    text-align: center
}

@media (min-width:640px) {
    .about-s2__text {
        grid-column: span 10/span 10;
        grid-column-start: 2
    }
}

@media (min-width:1024px) {
    .about-s2__text {
        grid-column: span 6/span 6
    }
}

@media (min-width:1280px) {
    .about-s2__text {
        padding: 6rem 5rem
    }
}

.about-s2__text .section-title {
    margin-bottom: 0
}

.special-offers__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.special-offers__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

@media (min-width:768px) {
    .special-offers__container {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
}

@media (min-width:1280px) {
    .special-offers__container {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.special-offers .section-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.special-offers .section-title:before {
    content: var(--tw-content);
    display: none
}

.special-offers__item {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .special-offers__item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:1024px) {
    .special-offers__item {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .special-offers__item {
        gap: 2rem;
        padding-left: 0;
        padding-right: 0
    }
}

.special-offers__item-image {
    grid-column: span 3/span 3;
    max-height: 320px;
    padding: 0
}

@media (min-width:768px) {
    .special-offers__item-image {
        max-height: 480px
    }
}

@media (min-width:1280px) {
    .special-offers__item-image {
        padding: 1.5rem
    }
}

.special-offers__item-image img {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border: 1px solid rgb(182, 179, 179);
    width: 100%
}

.special-offers__item-info {
    display: flex;
    flex-direction: column;
    grid-column: span 3/span 3;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 0
}

@media (min-width:640px) {
    .special-offers__item-info {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1280px) {
    .special-offers__item-info {
        padding: 1.5rem
    }
}

.special-offers__item-info h3 {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(26 32 38/var(--tw-border-opacity));
    border-style: solid;
    display: flex;
    flex-wrap: wrap;
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    justify-content: space-between;
    line-height: 1.4 !important;
    padding-bottom: .75rem;
    text-transform: capitalize;
    width: 100%
}

@media (min-width:768px) {
    .special-offers__item-info h3 {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

.special-offers__item-info h3 span {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.special-offers__item-info p:first-of-type {
    font-family: Quentin, serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4
}

.special-offers .slider-nav-arrows {
    padding-bottom: 0
}

@media (min-width:1024px) {
    .special-offers .slider-nav-arrows {
        padding-top: 3rem
    }
}

.special-offers-2 {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.special-offers-2__container {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.special-offers-2__slider {
    margin: 0 !important;
    padding: 0;
    width: 100%
}

.special-offers-2__item {
    display: inline-flex !important;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: auto !important
}

.special-offers-2__item .overlayer {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    position: absolute
}

.special-offers-2__item-image {
    max-height: 768px;
    min-height: 480px;
    overflow: hidden;
    padding: 0;
    position: relative
}

.special-offers-2__item-image img {
    height: 100%;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    -o-object-position: center !important;
    object-position: center !important;
    width: 100%
}

.special-offers-2__item-info {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    --tw-shadow-color: #050608;
    --tw-shadow: var(--tw-shadow-colored);
    background-color: rgba(5, 6, 8, .9);
    bottom: 0;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    padding: 1rem;
    position: absolute;
    width: 100%
}

@media (min-width:640px) {
    .special-offers-2__item-info {
        padding: 2rem 2rem 1.5rem
    }
}

@media (min-width:768px) {
    .special-offers-2__item-info {
        border-radius: .5rem;
        right: 2rem;
        top: 2rem;
        width: 480px
    }
}

@media (min-width:1024px) {
    .special-offers-2__item-info {
        right: 4rem;
        top: 4rem
    }
}

@media (min-width:1280px) {
    .special-offers-2__item-info {
        right: 5rem;
        top: 7rem;
        width: 580px
    }
}

.special-offers-2__item-info .tag {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Quentin, serif;
    font-size: 32px;
    font-style: italic
}

.special-offers-2__item-info h3 {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    justify-content: space-between;
    line-height: 1.4 !important;
    text-transform: capitalize;
    width: 100%
}

@media (min-width:768px) {
    .special-offers-2__item-info h3 {
        padding-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .special-offers-2__item-info h3 {
        font-size: 28px !important;
        line-height: 1.4 !important;
        padding-bottom: 1.5rem
    }
}

@media (min-width:1280px) {
    .special-offers-2__item-info h3 {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

.special-offers-2__item-info h3 span {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.special-offers-2__item-info p {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    display: none
}

@media (min-width:1280px) {
    .special-offers-2__item-info p {
        display: block
    }
}

.special-offers-2__item-info p:first-of-type {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    display: block;
    font-family: Quentin, serif;
    font-size: 1rem !important;
    font-style: italic;
    line-height: 1.5rem !important
}

@media (min-width:1024px) {
    .special-offers-2__item-info p:first-of-type {
        font-size: 18px !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important
    }
}

.special-offers-2__item-info .btn {
    margin-bottom: 1rem;
    margin-top: 0;
    position: relative;
    z-index: 50
}

@media (min-width:1024px) {
    .special-offers-2__item-info .btn {
        margin-top: 1rem !important
    }
}

.special-offers-2__item-info:after, .special-offers-2__item-info:before {
    border: 1px solid #3dc92c;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.special-offers-2__item-info:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.special-offers-2__item-info:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.special-offers-2__item-info:hover:after, .special-offers-2__item-info:hover:before {
    opacity: 1;
    transform: scale(1)
}

.special-offers-2 .slick-dots {
    bottom: 3rem !important;
    padding-right: 1rem;
    text-align: right
}

@media (min-width:640px) {
    .special-offers-2 .slick-dots {
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .special-offers-2 .slick-dots {
        text-align: center
    }
}

.menu {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: 2rem;
    margin-bottom: 2rem;
    position: relative
}

@media (min-width:768px) {
    .menu {
        padding-top: 2.5rem;
        margin-bottom: 2rem;
    }
}

@media (min-width:1280px) {
    .menu {
        padding-top: 3rem;
        margin-bottom: 2rem;
    }
}

.menu:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px
}

@media (min-width:1024px) {
    .menu:after {
        display: block
    }
}

.menu:after {
    background-image: url(../img/right.png);
    content: ""
}

.menu:before {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 140px
}

@media (min-width:1024px) {
    .menu:before {
        display: block
    }
}

.menu:before {
    background-image: url(../img/left.png);
    content: ""
}

.menu__container {
    width: 100%
}

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

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

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

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

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

.menu__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1024px) {
    .menu__container {
        padding-left: 0;
        padding-right: 0
    }
}

.menu__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center
}

.menu__container .section-title p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.menu__container .section-title p:last-of-type {
    margin-bottom: 0
}

.menu__container__full {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.dish {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.dish, .dish__content {
    display: flex;
    width: 100%
}

.dish__content {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: .25rem;
    padding-bottom: .25rem
}

.dish__title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    text-transform: capitalize
}

.dish__price, .dish__title {
    font-family: Quentin, sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.dish__price {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-size: 20px;
    line-height: 1.4
}

.dish__description {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    font-family: Montserrat, serif;
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    line-height: 1.25rem;
    margin-bottom: 0;
    width: 100%
}

.menu__dishes-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

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

.menu-block {
    background-image: url(../img/bg-menu.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .menu-block {
        background-attachment: fixed;
        background-position: center 100%
    }
}

.menu-block__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.menu-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative;
    z-index: 20
}

@media (min-width:768px) {
    .menu-block__container {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .menu-block__container {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.menu-block__overlayer {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.menu-block__dishes {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:768px) {
    .menu-block__dishes {
        gap: 1.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-bottom: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:1024px) {
    .menu-block__dishes {
        gap: 2.5rem
    }
}

@media (min-width:1280px) {
    .menu-block__dishes {
        gap: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 1rem
    }
}

.menu-block .btn {
    margin-top: 1.5rem
}

@media (min-width:768px) {
    .menu-block .btn {
        margin-top: 0
    }
}

.menu__category {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top:.5rem;
    position: relative;
    width: 100%;
    z-index: 50
}

@media (min-width:768px) {
    .menu__category {
        padding:1rem 1rem 0 1rem;
    }
}

@media (min-width:1024px) {
    .menu__category {
        width: 83.333333%
    }
}

@media (min-width:1280px) {
    .menu__category {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 1rem;
    }
}

.menu__category-image {
    grid-column: span 12/span 12;
    margin-bottom: .5rem;
    margin:auto 0;
    height: 100%;
    max-height: 320px;
    border-radius: 20px;
    border: 1px dashed rgba(255, 255, 225, 0.6);
    order: 1;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .menu__category-image {
        grid-column: span 4/span 4;
        margin-top: 1.5rem;
        max-height: 450px
    }
}

@media (min-width:1024px) {
    .menu__category-image {
        grid-column: span 3/span 1;
        min-height: 450px;
        margin-right: .5rem;
        margin-top: 1.5rem;
    }
    .menu__category-image[data-size="1"] {
        margin-top: 2rem;
    }
    .menu__category-image[data-size="2"] {
        margin-top: 3rem;
    }
    .menu__category-image[data-size="3"] {
        margin-top: 4rem;
    }
    .menu__category-image[data-size="4"] {
        margin-top: 2.5rem;
    }
    .menu__category-image[data-size="5"] {
        margin-top: 5rem;
    }
    .menu__category-image[data-size="6"] {
        margin-top: 6rem;
    }
    .menu__category-image[data-size="7"] {
        margin-top: 7rem;
    }
    .menu__category-image[data-size="8"] {
        margin-top: 8rem;
    }
    .menu__category-image[data-size="9"] {
        margin-top: 8.5rem;
    }
    .menu__category-image[data-size="10"] {
        margin-top: 12rem;
    }
    .menu__category-image[data-size="11"] {
        margin-top: 13rem;
    }
    .menu__category-image[data-size="12"] {
        margin-top: 14rem;
    }
    .menu__category-image[data-size="13"] {
        margin-top: 16rem;
    }
}

.menu__category-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-box-shadow: 3px 3px 32px -9px rgba(61, 201, 75, 1);
    -moz-box-shadow: 3px 3px 32px -9px rgba(61, 201, 75, 1);
    box-shadow: 3px 3px 32px -9px rgba(61, 201, 75, 1);
    width: 100%
}

.menu__category-dishes {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: span 12/span 12;
    height: 100%;
    justify-content: center;
    order: 2;
    padding: 3rem 0
}

@media (min-width:768px) {
    .menu__category-dishes {
        grid-column: span 8/span 8;
        padding: 1rem 0 2rem 1rem
    }
}

@media (min-width:1024px) {
    .menu__category-dishes {
        grid-column: span 8/span 6;
        padding-bottom: 2rem;
        padding-left: 4rem;
        padding-top: 1rem
    }
}

@media (min-width:1280px) {
    .menu__category-dishes {
        padding-bottom: 2rem;
        padding-left: 6rem;
        padding-top: 1rem
    }
}

.menu__category-dishes .section-title {
    margin-bottom: 2rem;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.menu__category-dishes .section-title__title {
    font-family: Quentin, sans-serif;
    font-size: 38px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: 1rem;
    text-transform: capitalize;
    width: 100%
}

.menu__category-dishes .section-title p {
    padding: 0
}

.menu__category-dishes .dish:last-of-type {
    margin-bottom: 0
}

@media (min-width:768px) {
    .menu__category:nth-child(2n) .menu__category-image {
        order: 2
    }

    .menu__category:nth-child(2n) .menu__category-dishes {
        order: 1;
        padding-left: 0;
        padding-right: 2rem
    }
}

@media (min-width:1024px) {
    .menu__category:nth-child(2n) .menu__category-dishes {
        padding-right: 2.5rem
    }
}

@media (min-width:1280px) {
    .menu__category:nth-child(2n) .menu__category-dishes {
        padding-right: 3rem
    }
}

.menu__container__full .section-title {
    margin-bottom: 1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.menu__container__full .menu__category {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.menu__container__full .menu__category-dishes {
    grid-column: span 12/span 12;
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

@media (min-width:640px) {
    .menu__container__full .menu__category-dishes {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

@media (min-width:768px) {
    .menu__container__full .menu__category-dishes {
        grid-column: span 8/span 8;
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }
}

@media (min-width:1024px) {
    .menu__container__full .menu__category-dishes {
        grid-column: span 6/span 6;
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
}

@media (min-width:1280px) {
    .menu__container__full .menu__category-dishes {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }
}

.menu__container__full .menu__category-dishes .section-title {
    margin-bottom: 4rem;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.menu__container__full .menu__category-image {
    grid-column: span 12/span 12
}

@media (min-width:768px) {
    .menu__container__full .menu__category-image {
        grid-column: span 4/span 4
    }
}

@media (min-width:1024px) {
    .menu__container__full .menu__category-image {
        grid-column: span 6/span 6
    }
}

.services-ilustrations {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:768px) {
    .services-ilustrations {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1024px) {
    .services-ilustrations {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
}

@media (min-width:1280px) {
    .services-ilustrations {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.services-ilustrations__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.services-ilustrations__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:640px) {
    .services-ilustrations__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.services-ilustrations__content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {
    .services-ilustrations__content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .services-ilustrations__content {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.services-ilustrations__card {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    align-items: center;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-color: rgb(10 13 15/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    flex-direction: column;
    grid-column: span 1/span 1;
    justify-content: center;
    padding: 1.5rem 1rem 2.5rem;
    position: relative;
    text-align: center
}

@media (min-width:1024px) {
    .services-ilustrations__card {
        padding-bottom: 4rem;
        padding-top: 3rem
    }
}

.services-ilustrations__card-ilustration {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-size: 3.75rem;
    gap: 0;
    height: 120px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 120px;
    z-index: 50
}

.services-ilustrations__card-ilustration img.hover {
    display: none
}

.services-ilustrations__card-info {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    position: relative;
    z-index: 50
}

.services-ilustrations__card-info h4 {
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    text-transform: capitalize
}

.services-ilustrations__card-info h4, .services-ilustrations__card-info p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0
}

.services-ilustrations__card-info p {
    text-align: center
}

.services-ilustrations__card:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.services-ilustrations__card:hover .services-ilustrations__card-ilustration img {
    display: none
}

.services-ilustrations__card:hover .services-ilustrations__card-ilustration img.hover {
    display: block
}

.services-ilustrations__card:after, .services-ilustrations__card:before {
    border: 1px solid #3dc92c;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.services-ilustrations__card:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.services-ilustrations__card:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.services-ilustrations__card:hover:after, .services-ilustrations__card:hover:before {
    opacity: 1;
    transform: scale(1)
}

.services-box {
    padding: 1.5rem 0
}

@media (min-width:768px) {
    .services-box {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (min-width:1024px) {
    .services-box {
        padding: 6rem 5rem
    }
}

@media (min-width:1280px) {
    .services-box {
        padding: 7rem 8rem
    }
}

.services-box .services-ilustrations__content {
    gap: 1.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {
    .services-box .services-ilustrations__content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .services-box .services-ilustrations__card-info {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:1024px) {
    .services-box .services-ilustrations__card-info {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:1280px) {
    .services-box .services-ilustrations__card-info {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

.services-box .services-ilustrations__card-info .btn {
    margin-top: 0
}

.services-icons .services-ilustrations__card {
    padding-left: .5rem;
    padding-right: .5rem
}

.services-icons .services-ilustrations__card-ilustration {
    height: 36px;
    margin-bottom: 1rem;
    width: 36px
}

.services-icons .services-ilustrations__card-info h5 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: center
}

.cta {
    background-image: url(../img/bg-cta.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .cta {
        background-attachment: fixed;
        background-position: center 100%
    }
}

.cta__overlayer {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.cta__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.cta__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
    position: relative;
    z-index: 20
}

@media (min-width:768px) {
    .cta__container {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .cta__container {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.cta__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

@media (min-width:768px) {
    .cta__content {
        width: 83.333333%
    }
}

@media (min-width:1024px) {
    .cta__content {
        width: 66.666667%
    }
}

@media (min-width:1280px) {
    .cta__content {
        width: 58.333333%
    }
}

.cta__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.cta__header h2 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 48px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: capitalize
}

@media (min-width:640px) {
    .cta__header h2 {
        font-size: 58px !important;
        line-height: 1.2 !important
    }
}

.cta__body {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem 1.5rem;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .cta__body {
        padding: 3rem 2.5rem
    }
}

@media (min-width:1280px) {
    .cta__body {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.cta__body p {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6
}

.cta__body p:last-of-type {
    margin-bottom: 0
}

.cta__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    width: 100%
}

.cta-2 {
    background-image: url(../img/bg-cta-2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .cta-2 {
        background-attachment: fixed;
        background-position: center 100%
    }
}

.cta-2__overlayer {
    --tw-bg-opacity: 1;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.cta-2__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:640px) {
    .cta-2__container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .cta-2__container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .cta-2__container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .cta-2__container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .cta-2__container {
        max-width: 1536px
    }
}

.cta-2__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    position: relative;
    z-index: 20
}

@media (min-width:768px) {
    .cta-2__container {
        padding-bottom: 2rem;
        padding-top: 2.5rem
    }
}

@media (min-width:1280px) {
    .cta-2__container {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.cta-2__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

@media (min-width:768px) {
    .cta-2__content {
        width: 83.333333%
    }
}

@media (min-width:1024px) {
    .cta-2__content {
        width: 66.666667%
    }
}

@media (min-width:1280px) {
    .cta-2__content {
        width: 58.333333%
    }
}

.cta-2__content .divider {
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .cta-2.cta-2__right .cta-2__container {
        align-items: center !important
    }

    .cta-2.cta-2__left .cta-2__container {
        align-items: center !important
    }
}

.cta-2__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.cta-2__header h2 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 48px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: capitalize
}

@media (min-width:640px) {
    .cta-2__header h2 {
        font-size: 58px !important;
        line-height: 1.2 !important
    }
}

.cta-2__body {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .cta-2__body {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:1280px) {
    .cta-2__body {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.cta-2__body p {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6
}

.cta-2__body p:last-of-type {
    margin-bottom: 0
}

.cta-2__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    width: 100%
}

.gallery-block__item {
    position: relative
}

.gallery-block__item-image {
    height: 200px !important;
    max-height: -moz-min-content !important;
    max-height: min-content !important;
    min-height: -moz-min-content !important;
    min-height: min-content !important;
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

@media (min-width:1024px) {
    .gallery-block__item-image {
        height: 360px !important;
        max-height: 360px !important;
        min-height: 360px !important
    }
}

.gallery-block__item-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.gallery-block__item-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.25rem .5rem;
    text-align: center
}

@media (min-width:1024px) {
    .gallery-block__item-info {
        padding: 1.25rem
    }
}

.gallery-block__item-info h4 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 22px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin-bottom: 0
}

.gallery-block__item-info p {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Quentin, serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    margin-bottom: 0;
    width: 100%
}

.gallery-block__item-icon {
    --tw-bg-opacity: 0.75;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    display: flex;
    font-size: 1.5rem;
    height: calc(100% - 1.5rem);
    justify-content: center;
    left: .75rem;
    line-height: 2rem;
    border-radius: 15px;
    opacity: 0;
    position: absolute;
    top: .75rem;
    width: calc(100% - 1.5rem)
}

.gallery-block__item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    cursor: pointer
}

.gallery-block__item:hover .gallery-block__item-icon {
    opacity: 1
}

.gallery-block__item:hover .gallery-block__item-image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.gallery-block {
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.gallery-block__container {
    padding-left: 1rem;
    padding-right: 1rem
}

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

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

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

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

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

.gallery-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .gallery-block__container {
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .gallery-block__container {
        padding-top: 7rem
    }
}

.gallery-block__list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:640px) {
    .gallery-block__list {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.lb-details {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.lb-number {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    font-family: Montserrat, sans-serif;
    font-size: 18px !important;
    letter-spacing: .5px !important;
    line-height: 1.6 !important
}

.lb-closeContainer {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.lb-close {
    background-position: 50% !important;
    background-size: contain !important;
    height: 1rem !important;
    width: 1rem !important
}

.lightbox .lb-image {
    border-style: none !important
}

.team-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 4rem
}

@media (min-width:768px) {
    .team-block {
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .team-block {
        padding-top: 7rem
    }
}

.team-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.team-block__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.team-block__container .section-title p:last-of-type {
    margin-bottom: 0
}

.team-block__grid {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.team-block__description {
    grid-column: span 12/span 12;
    padding: 0 2rem 2rem
}

@media (min-width:1024px) {
    .team-block__description {
        grid-column: span 6/span 6;
        max-height: 360px
    }
}

@media (min-width:1280px) {
    .team-block__description {
        max-height: 445px;
        padding: 5rem
    }
}

.team-block__icon {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 2px;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-style: solid;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1rem
}

.team-block__icon img {
    height: 3rem;
    width: 3rem
}

.team-block__text p {
    font-family: Quentin, serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4
}

.team-block__team {
    grid-column: span 6/span 6
}

@media (min-width:1024px) {
    .team-block__team {
        grid-column: span 3/span 3
    }
}

.card-team {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-height: 210px;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .card-team {
        max-height: 310px
    }
}

@media (min-width:768px) {
    .card-team {
        max-height: 360px
    }
}

@media (min-width:1280px) {
    .card-team {
        max-height: 445px
    }
}

.card-team__image {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card-team__image img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    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));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.card-team__image img, .card-team__info {
    height: 100%;
    transition-duration: .3s;
    width: 100%
}

.card-team__info {
    --tw-bg-opacity: 0.75;
    align-items: center;
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    inset: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 10
}

.card-team__info:hover {
    opacity: 1
}

.card-team__name {
    --tw-text-opacity: 1 !important;
    color: rgb(5 6 8/var(--tw-text-opacity)) !important;
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.4 !important;
    margin-bottom: 0
}

.card-team__position {
    --tw-text-opacity: 1 !important;
    color: rgb(21 26 30/var(--tw-text-opacity)) !important;
    font-family: Quentin, serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 1rem
}

.card-team .social_icons li a {
    --tw-text-opacity: 1 !important;
    align-items: center;
    color: rgb(10 13 15/var(--tw-text-opacity)) !important;
    display: flex;
    flex-wrap: wrap;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

.card-team .social_icons li a:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(25 125 12/var(--tw-text-opacity)) !important
}

.card-team:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    cursor: pointer
}

.card-team:hover .card-team__image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.team-block-2 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:768px) {
    .team-block-2 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .team-block-2 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.team-block-2__container {
    width: 100%
}

@media (min-width:640px) {
    .team-block-2__container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .team-block-2__container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .team-block-2__container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .team-block-2__container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .team-block-2__container {
        max-width: 1536px
    }
}

.team-block-2__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1280px) {
    .team-block-2__container {
        padding-left: 0;
        padding-right: 0
    }
}

.team-block-2__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.team-block-2__container .section-title p:last-of-type {
    margin-bottom: 0
}

.team-block-2__grid {
    display: grid;
    gap: 1.5rem;
    padding:2rem;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.team-block-2__team {
    grid-column: span 12/span 12;
}

@media (min-width:640px) {
    .team-block-2__team {
        grid-column: span 6/span 6
    }
}

@media (min-width:1024px) {
    .team-block-2__team {
        grid-column: span 4/span 4
    }
}

.card-team-2 {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: .75rem;
    position: relative;
    width: 100%
}

.card-team-2:hover {
    --tw-border-opacity: 1;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-style: solid;
    border-width: 2px;
    cursor: pointer
}

.card-team-2__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:640px) {
    .card-team-2__container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .card-team-2__container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .card-team-2__container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .card-team-2__container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .card-team-2__container {
        max-width: 1536px
    }
}

.card-team-2__container {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.card-team-2__image {
    height: auto;
    max-height: 420px;
    position: relative;
    width: 100%
}

.card-team-2__image img {
    height: 100%;
    margin-bottom: 0;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.card-team-2__overlayer {
    inset: 0;
    position: absolute
}

.card-team-2__info, .card-team-2__overlayer {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.card-team-2__info {
    --tw-bg-opacity: 0.75;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .5rem;
    padding-top: 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

.card-team-2__name {
    --tw-text-opacity: 1 !important;
    color: rgb(209 210 212/var(--tw-text-opacity)) !important;
    font-family: Quentin, sans-serif;
    font-size: 28px !important;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.4 !important;
    margin-bottom: .5rem
}

.card-team-2__position {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    font-family: Quentin, serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 0
}

.card-team-2 .social_icons {
    background-color: hsla(220, 3%, 83%, .4);
    border-radius: .5rem;
    bottom: 0;
    left: 0;
    margin: .5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: absolute;
    right: 0
}

.card-team-2 .social_icons, .card-team-2 .social_icons li a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.card-team-2 .social_icons li a {
    --tw-text-opacity: 1 !important;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 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);
    color: rgb(5 6 8/var(--tw-text-opacity)) !important;
    height: 1.5rem;
    margin-bottom: 0;
    width: 1.5rem
}

.card-team-2 .social_icons li a:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important
}

.card-team-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.card-team-2:hover .card-team__image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.testimonials {
    background-image: url(../img/bg-testimonials.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.testimonials__container {
    align-items: center;
    background-color: rgba(5, 6, 8, .6) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:1024px) {
    .testimonials__container {
        padding-left: 0;
        padding-right: 0
    }
}

.testimonials__slider__container {
    width: 100%
}

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

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

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

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

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

.testimonials__slider__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1024px) {
    .testimonials__slider__container {
        padding-left: 0;
        padding-right: 0
    }
}

.testimonials__slider {
    margin-bottom: 0 !important;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:640px) {
    .testimonials__slider {
        width: 66.666667%
    }
}

.testimonials__slider__item {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

@media (min-width:1024px) {
    .testimonials__slider__item {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

.testimonials__slider__item-comment {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, serif;
    font-size: 20px;
    letter-spacing: 1.5px;
    line-height: 1.4;
    text-align: center;
    width: 100%
}

.testimonials__slider__item-author {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.testimonials__slider__item-author h5 {
    font-size: 28px !important;
    font-weight: 500;
    line-height: 1.4 !important;
    margin-bottom: 0
}

.testimonials__slider__item-author p {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    font-family: Quentin, serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4
}

.testimonials__slider .slick-dots {
    bottom: 2rem;
    position: absolute
}

.testimonials .badges {
    background-color: rgba(5, 6, 8, .6)
}

.badges {
    position: relative;
    width: 100%;
    z-index: 10
}

.badges__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

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

.badges__container .badges__item {
    width: 100px
}

@media (min-width:768px) {
    .badges__container .badges__item {
        width: 180px
    }
}

@media (min-width:1280px) {
    .badges__container .badges__item {
        width: 220px
    }
}

.badges__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    width: 100%
}

@media (min-width:640px) {
    .badges__list {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:1024px) {
    .badges__list {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1280px) {
    .badges__list {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

.badges__item {
    width: 100px
}

@media (min-width:768px) {
    .badges__item {
        width: 120px
    }
}

@media (min-width:1024px) {
    .badges__item {
        width: 160px
    }
}

@media (min-width:1280px) {
    .badges__item {
        width: 220px
    }
}

.badges__item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 15px;
    width: 100%
}

.contact {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2rem;
    padding-top: 4rem
}

@media (min-width:768px) {
    .contact {
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .contact {
        padding-bottom: 4rem;
        padding-top: 7rem
    }
}

.contact__container {
    width: 100%
}

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

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

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

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

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

.contact__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.contact__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.contact__container .section-title p:last-of-type {
    margin-bottom: 0
}

.contact__form {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:640px) {
    .contact__form {
        width: 83.333333%
    }
}

:root {
    --clr-border: #00f
}

.history {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: 4rem;
    position: relative
}

@media (min-width:768px) {
    .history {
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .history {
        padding-top: 6rem
    }
}

.history:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:768px) {
    .history:after {
        width: 120px
    }
}

@media (min-width:1024px) {
    .history:after {
        display: block
    }
}

@media (min-width:1280px) {
    .history:after {
        width: 260px
    }
}

.history:after {
    background-image: url(../img/right.png);
    content: ""
}

.history:before {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width:768px) {
    .history:before {
        width: 120px
    }
}

@media (min-width:1024px) {
    .history:before {
        display: block
    }
}

@media (min-width:1280px) {
    .history:before {
        width: 260px
    }
}

.history:before {
    background-image: url(../img/left.png);
    content: ""
}

.history__container {
    width: 100%
}

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

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

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

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

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

.history__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1024px) {
    .history__container {
        padding-left: 0;
        padding-right: 0
    }
}

.history__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center
}

.history__container .section-title p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.history__container .section-title p:last-of-type {
    margin-bottom: 0
}

.history__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .history__content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .history__content {
        padding-left: 0;
        padding-right: 0;
        width: 91.666667%
    }
}

@media (min-width:1024px) {
    .history__content {
        width: 83.333333%
    }
}

.history__content:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    position: absolute;
    right: .25rem;
    top: 0;
    width: 48px;
    z-index: 20
}

@media (min-width:768px) {
    .history__content:after {
        height: 18px;
        right: -28px;
        top: -18px;
        width: 57px
    }
}

.history__content:after {
    background-image: url(../img/start-point.png);
    content: ""
}

.history__content:before {
    background-position: top;
    background-repeat: repeat-y;
    background-size: contain;
    display: none;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 20
}

@media (min-width:640px) {
    .history__content:before {
        display: block
    }
}

@media (min-width:768px) {
    .history__content:before {
        height: 18px;
        left: -28px;
        top: -18px;
        width: 57px
    }
}

.history__content:before {
    background-image: url(../img/start-point.png);
    content: ""
}

.history__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width:1024px) {
    .history__list {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.history__list:after {
    background-image: url(../img/border-list.png);
    content: "";
    right: 0
}

.history__list:after, .history__list:before {
    background-position: top;
    background-repeat: repeat-y;
    background-size: contain;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.history__list:before {
    display: none;
    left: -1px;
    z-index: 10
}

@media (min-width:640px) {
    .history__list:before {
        display: block
    }
}

.history__list:before {
    background-image: url(../img/border-list.png);
    content: ""
}

.history__item {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-bottom: 2rem;
    padding-left: 0;
    padding-top: 2rem;
    position: relative
}

@media (min-width:640px) {
    .history__item {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:1024px) {
    .history__item {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.history__item-image {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    grid-column: span 4/span 4;
    justify-content: center;
    order: 1;
    position: relative
}

@media (min-width:640px) {
    .history__item-image {
        display: flex
    }
}

.history__item-content {
    grid-column: span 12/span 12;
    order: 2;
    padding-right: 2.25rem;
    position: relative;
    text-align: right
}

@media (min-width:640px) {
    .history__item-content {
        grid-column: span 8/span 8;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    .history__item-content {
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        padding-top: 1rem
    }
}

@media (min-width:1280px) {
    .history__item-content {
        padding-bottom: 4rem;
        padding-left: 3rem;
        padding-top: 4rem
    }
}

.history__item-year {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 28px !important;
    font-weight: 500;
    line-height: 1.4 !important;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:1024px) {
    .history__item-year {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

.history__item-year:after {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    color: rgb(44 184 27/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: -2.8rem;
    top: 2px;
    width: 20px;
    z-index: 30
}

@media (min-width:640px) {
    .history__item-year:after {
        right: -2.6rem
    }
}

@media (min-width:1024px) {
    .history__item-year:after {
        height: 30px;
        right: -4.8rem;
        width: 30px
    }
}

.history__item-year:after {
    content: "\f111";
    font-family: Font Awesome\ 5 Free;
    font-size: 12px;
    line-height: 12px
}

@media (min-width:1024px) {
    .history__item-year:after {
        font-size: 20px;
        line-height: 20px
    }
}

.history__item-description {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.history__item-title {
    font-size: 28px !important;
    line-height: 1.4 !important;
    position: relative
}

@media (min-width:640px) {
    .history__item-title {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

@media (min-width:1024px) {
    .history__item-title {
        font-size: 48px !important;
        line-height: 1.2 !important
    }
}

@media (min-width:640px) {
    .history__item:nth-child(2n) .history__item-image {
        order: 2 !important
    }

    .history__item:nth-child(2n) .history__item-content {
        order: 1 !important;
        padding-left: 0;
        text-align: left
    }

    @media (min-width:1024px) {
        .history__item:nth-child(2n) .history__item-content {
            padding-left: 0
        }
    }

    .history__item:nth-child(2n) .history__item-year:after {
        left: -2.65rem
    }

    @media (min-width:1024px) {
        .history__item:nth-child(2n) .history__item-year:after {
            left: -4.85rem
        }
    }

    .history__item:nth-child(2n) .history__item-year:after {
        content: "\f111";
        font-family: Font Awesome\ 5 Free;
        font-size: 12px;
        line-height: 12px
    }

    @media (min-width:1024px) {
        .history__item:nth-child(2n) .history__item-year:after {
            font-size: 20px;
            line-height: 20px
        }
    }
}

.events-block {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:768px) {
    .events-block {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .events-block {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
}

.events-block__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.events-block__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:640px) {
    .events-block__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.events-block__list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.events-block__item {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-radius: .75rem;
    grid-column: span 12/span 12
}

@media (min-width:768px) {
    .events-block__item {
        grid-column: span 6/span 6
    }
}

@media (min-width:1024px) {
    .events-block__item {
        grid-column: span 4/span 4
    }
}

.events-block__item-image {
    border-radius: .75rem;
    position: relative
}

.events-block__item-image img {
    border-radius: .75rem;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.events-block__item-info {
    padding: 2rem;
    text-align: center
}

.events-block__item-info__subtitle {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: uppercase
}

.events-block__item-info__title {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 38px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    text-transform: capitalize;
    width: 100%
}

.events-block__item-info p {
    margin-bottom: 0
}

.location {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:768px) {
    .location {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:1280px) {
    .location {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
}

.location__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.location__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:640px) {
    .location__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.location__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    width: 100%
}

.location__item {
    width: 100%
}

@media (min-width:640px) {
    .location__item {
        width: 41.666667%
    }
}

@media (min-width:1024px) {
    .location__item {
        width: 33.333333%
    }
}

.location__item-image {
    border-radius: .75rem;
    position: relative
}

.location__item-image img {
    border-radius: .75rem;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.location__item-content {
    padding: 1rem;
    text-align: center
}

@media (min-width:1024px) {
    .location__item-content {
        padding: 2rem
    }
}

.location__item-content__title {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 38px !important;
    font-weight: 400;
    line-height: 1.2 !important;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    text-transform: capitalize !important;
    width: 100%
}

.location__item-content .btn {
    margin-top: .5rem
}

.blog {
    position: relative
}

.blog__posts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.blog.blog__sidebar {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.blog.blog__sidebar .blog__posts {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    grid-column: span 12/span 12
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__posts {
        grid-column: span 7/span 7
    }
}

@media (min-width:1280px) {
    .blog.blog__sidebar .blog__posts {
        grid-column: span 8/span 8
    }
}

.blog.blog__sidebar .blog__posts .post__image {
    max-height: 320px
}

@media (min-width:640px) {
    .blog.blog__sidebar .blog__posts .post__image {
        max-height: 420px
    }
}

@media (min-width:768px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column: span 12/span 12;
        max-height: 720px
    }
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column: span 4/span 4
    }
}

@media (min-width:1280px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column: span 6/span 6
    }
}

.blog.blog__sidebar .blog__posts .post__info {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:640px) {
    .blog.blog__sidebar .blog__posts .post__info {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column: span 12/span 12
    }
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column: span 8/span 8;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:1280px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column: span 6/span 6;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:1536px) {
    .blog.blog__sidebar .blog__posts .post__info {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

.blog.blog__sidebar .blog__posts .post__info-title {
    font-size: 38px !important;
    line-height: 1.2 !important
}

.blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__image {
    order: 1
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__image {
        order: 2
    }
}

.blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__info {
    order: 2
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__info {
        order: 1
    }
}

.blog.blog__sidebar .blog__sidebar {
    grid-column: span 12/span 12;
    padding: 1rem
}

@media (min-width:640px) {
    .blog.blog__sidebar .blog__sidebar {
        padding: 1.5rem
    }
}

@media (min-width:1024px) {
    .blog.blog__sidebar .blog__sidebar {
        grid-column: span 5/span 5
    }
}

@media (min-width:1280px) {
    .blog.blog__sidebar .blog__sidebar {
        grid-column: span 4/span 4
    }
}

.sidebar__content, .sidebar__content .sidebar__widget {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__widget {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-radius: .25rem;
    padding: 1rem
}

@media (min-width:640px) {
    .sidebar__content .sidebar__widget {
        padding: 1.5rem
    }
}

.sidebar__content .sidebar__widget-title {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    font-size: 28px !important;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 1.4 !important;
    margin-bottom: 0;
    width: 100%
}

.sidebar__content .sidebar__search {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__search input {
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-bottom-left-radius: .375rem;
    border-right-color: rgb(44 184 27/var(--tw-border-opacity));
    border-top-left-radius: .375rem;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0;
    width: 100%
}

.sidebar__content .sidebar__search button, .sidebar__content .sidebar__search input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    font-family: Quentin, serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: .5rem
}

.sidebar__content .sidebar__search button {
    background-color: rgb(44 184 27/var(--tw-bg-opacity));
    border-bottom-right-radius: .375rem;
    border-color: rgb(44 184 27/var(--tw-border-opacity));
    border-top-right-radius: .375rem;
    border-width: 1px;
    color: rgb(5 6 8/var(--tw-text-opacity))
}

.sidebar__content .sidebar__categories {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__categories a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    justify-content: space-between;
    letter-spacing: 1px;
    line-height: 1.4;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 100%
}

.sidebar__content .sidebar__categories a .number-posts {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    margin-left: .25rem
}

.sidebar__content .sidebar__categories a:after {
    --tw-text-opacity: 1;
    --tw-content: "\f105";
    color: rgb(72 77 81/var(--tw-text-opacity))
}

.sidebar__content .sidebar__categories a:after, .sidebar__content .sidebar__categories a>span:before {
    content: var(--tw-content);
    font-family: Font Awesome\ 6 Free !important;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem
}

.sidebar__content .sidebar__categories a>span:before {
    --tw-text-opacity: 1;
    --tw-content: "\f7a5";
    color: rgb(44 184 27/var(--tw-text-opacity));
    margin-right: .5rem
}

.sidebar__content .sidebar__categories a:hover, .sidebar__content .sidebar__categories a:hover:after {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.sidebar__content .sidebar__recent-posts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb {
    display: block
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb a {
    display: flex;
    height: 100px !important;
    overflow: hidden;
    position: relative;
    width: 100px !important
}

@media (min-width:1280px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__thumb a {
        height: 100px !important;
        width: 120px !important
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: flex-start
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0
}

@media (min-width:768px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content p {
        font-size: 13px
    }
}

@media (min-width:1024px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p span {
    --tw-text-opacity: 1 !important;
    color: rgb(44 184 27/var(--tw-text-opacity)) !important;
    font-family: Montserrat, sans-serif
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p:before {
    --tw-text-opacity: 1;
    --tw-content: "\f7a5";
    color: rgb(209 210 212/var(--tw-text-opacity));
    content: var(--tw-content);
    font-family: Font Awesome\ 6 Free !important;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    margin-right: .5rem
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content h5 {
    margin-bottom: 0
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Quentin, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width:640px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content a {
        font-size: 28px;
        line-height: 1.4
    }
}

@media (min-width:768px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content a {
        font-size: 22px;
        line-height: 1.4
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.sidebar__content .sidebar__tags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__tags a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    color: rgb(209 210 212/var(--tw-text-opacity));
    flex-grow: 1;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: .5rem .75rem;
    text-align: center
}

.sidebar__content .sidebar__tags a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.sidebar__content .sidebar__gallery {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__gallery .gallery-block__list {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (min-width:768px) {
    .sidebar__content .sidebar__gallery .gallery-block__list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
}

@media (min-width:1280px) {
    .sidebar__content .sidebar__gallery .gallery-block__list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }
}

.sidebar__content .sidebar__gallery .gallery-block__list .gallery-block__item-image {
    height: 100px !important;
    min-height: 100px !important
}

.sidebar__content .sidebar__gallery .gallery-block__list .gallery-block__item-icon {
    height: calc(100% - 1rem) !important;
    left: .5rem !important;
    top: .5rem !important;
    width: calc(100% - 1rem) !important
}

.post {
    display: flex;
    overflow: hidden;
    position: relative
}

.post__content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.post__image {
    grid-column: span 12/span 12;
    max-height: 320px;
    order: 1;
    overflow: hidden;
    position: relative
}

@media (min-width:640px) {
    .post__image {
        max-height: 420px
    }
}

@media (min-width:768px) {
    .post__image {
        grid-column: span 5/span 5;
        max-height: 720px
    }
}

@media (min-width:1024px) {
    .post__image {
        grid-column: span 6/span 6
    }
}

.post__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.post__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: span 12/span 12;
    height: 100%;
    justify-content: center;
    max-height: 720px;
    order: 2;
    padding: 1rem 1.5rem 4rem
}

@media (min-width:768px) {
    .post__info {
        grid-column: span 7/span 7;
        padding: 4rem 2rem 5rem
    }
}

@media (min-width:1024px) {
    .post__info {
        grid-column: span 6/span 6;
        padding: 7rem 4rem
    }
}

@media (min-width:1280px) {
    .post__info {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width:1536px) {
    .post__info {
        padding-left: 9rem;
        padding-right: 9rem
    }
}

@media (max-width:740px) {
    .post__info {
        padding-top: 3rem
    }
}

.post__info-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    width: 100%
}

.post__info-title {
    font-size: 28px !important;
    line-height: 1.4 !important;
    margin-bottom: .5rem
}

@media (min-width:640px) {
    .post__info-title {
        font-size: 38px !important;
        line-height: 1.2 !important
    }
}

.post__info-title a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity))
}

.post__info-title a:hover {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.post__info-excerpt {
    --tw-border-opacity: 1;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding-left: 1rem
}

.post__info-excerpt p:last-of-type {
    margin-bottom: 0
}

.post__footer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    width: 100%
}

.post__footer .btn {
    margin-top: 0
}

.post__footer .social_icons a {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity))
}

.post__footer .social_icons a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.post:nth-child(2n) .post__image {
    order: 1
}

@media (min-width:768px) {
    .post:nth-child(2n) .post__image {
        order: 2
    }
}

.post:nth-child(2n) .post__info {
    order: 2
}

@media (min-width:768px) {
    .post:nth-child(2n) .post__info {
        order: 1
    }
}

.post__date {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:1024px) {
    .post__date {
        margin-bottom: 1.5rem
    }
}

.post__date span {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.post__date span.month {
    font-size: 38px;
    line-height: 1;
    padding-top: 2px
}

.post__author {
    display: flex;
    flex-wrap: wrap;
    font-family: Quentin, serif;
    font-size: 18px !important;
    font-style: italic;
    justify-content: flex-start;
    letter-spacing: 1px !important;
    line-height: 1.4 !important
}

.post__author, .post__author a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.post__author a {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: .25rem;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: -moz-fit-content;
    width: fit-content
}

.post__author a:hover {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.post__category {
    display: flex;
    flex-wrap: wrap;
    font-family: Quentin, serif;
    font-size: 18px;
    font-style: italic;
    justify-content: flex-start;
    letter-spacing: 1px;
    line-height: 1.4
}

.post__category a {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity));
    margin-bottom: 0;
    margin-right: .5rem;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: -moz-fit-content;
    width: fit-content
}

.post__category a:after {
    --tw-text-opacity: 1;
    --tw-content: ",";
    color: rgb(209 210 212/var(--tw-text-opacity));
    content: var(--tw-content);
    display: inline-flex;
    width: auto
}

.post__category a:hover {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.blog-details .blog {
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px
}

.post__details {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    grid-column: span 12/span 12;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1024px) {
    .post__details {
        grid-column: span 7/span 7;
        padding-bottom: 1.5rem;
        padding-top: 3rem
    }
}

@media (min-width:1280px) {
    .post__details {
        grid-column: span 8/span 8;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:1536px) {
    .post__details {
        padding-top: 6rem
    }
}

.post__details-info {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-top: 1.5rem;
    position: relative
}

.post__details .post__date {
    margin-bottom: 0;
    padding-bottom: 1rem;
    position: relative;
    right: 0
}

@media (min-width:768px) {
    .post__details .post__date {
        padding-bottom: 0;
        padding-top: 0;
        position: absolute;
        top: 40px
    }
}

@media (min-width:1280px) {
    .post__details .post__date {
        top: 10px
    }
}

.post__details .post__author {
    margin-bottom: 0
}

.post__details-text {
    padding-bottom: 1.5rem
}

.post__details-text img {
    margin-bottom: 1.5rem
}

.post__details-text a {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.post__details-author {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 4rem;
    padding: 1.5rem;
    width: 100%
}

.post__details-author__avatar {
    border-radius: .375rem;
    height: auto;
    margin-bottom: 1.5rem;
    max-height: 320px;
    overflow: hidden;
    width: 100%
}

@media (min-width:640px) {
    .post__details-author__avatar {
        margin-bottom: 0;
        width: 25%
    }
}

.post__details-author__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.post__details-author__name {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    margin-bottom: .75rem
}

.post__details-author__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    padding-left: 0;
    width: 100%
}

@media (min-width:640px) {
    .post__details-author__content {
        padding-left: 1.5rem;
        width: 75%
    }
}

.post__details .divider {
    margin-bottom: 1.5rem !important
}

.post__details .post__share-icons {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    width: 100%
}

.comments {
    --tw-border-opacity: 1;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    margin-top: 4rem;
    padding-bottom: 3rem;
    padding-top: 3rem
}

.comments, .comments-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

.comments-list {
    width: 100%
}

.comments-list.children {
    padding-left: 1rem;
    padding-top: 2rem
}

@media (min-width:640px) {
    .comments-list.children {
        padding-left: 4rem
    }
}

.comments-item {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: .5rem !important
}

.comments-item, .comments-item__header {
    display: flex;
    justify-content: flex-start
}

.comments-item__header {
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
    width: 100%
}

.comments-item__avatar {
    border-radius: 9999px;
    height: 70px;
    overflow: hidden;
    width: 70px
}

@media (min-width:768px) {
    .comments-item__avatar {
        height: 80px;
        width: 80px
    }
}

.comments-item__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.comments-item__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    padding-left: 1.5rem
}

@media (min-width:768px) {
    .comments-item__content {
        padding-left: 2rem
    }
}

.comments-item__name {
    color: rgb(209 210 212/var(--tw-text-opacity))
}

.comments-item__date, .comments-item__name {
    --tw-text-opacity: 1;
    margin-bottom: 0 !important
}

.comments-item__date {
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.comments-item__text {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0 !important;
    padding-left: 1rem
}

.comments-item__info {
    position: relative;
    width: 100%
}

.comments-item__reply {
    position: absolute;
    right: 0;
    top: 0
}

.comments-title {
    margin-bottom: 0 !important
}

.comments__form {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    padding-top: 2.5rem;
    width: 100%
}

.comments__form .form {
    padding-bottom: 0
}

.comments__form .form_row {
    gap: 1rem !important
}

.comments__form .form_field__name {
    grid-column: span 12/span 12;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .comments__form .form_field__name {
        grid-column: span 6/span 6
    }
}

.comments__form .form_field__name input {
    margin-bottom: 0 !important
}

.comments__form .form_field__email {
    grid-column: span 12/span 12;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .comments__form .form_field__email {
        grid-column: span 6/span 6
    }
}

.landing-page__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.landing-page__content:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .landing-page__content:after {
        width: 120px
    }
}

@media (min-width:1024px) {
    .landing-page__content:after {
        display: block
    }
}

@media (min-width:1280px) {
    .landing-page__content:after {
        width: 260px
    }
}

.landing-page__content:after {
    background-image: url(../img/right.png);
    content: ""
}

.landing-page__content:before {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20
}

@media (min-width:768px) {
    .landing-page__content:before {
        width: 120px
    }
}

@media (min-width:1024px) {
    .landing-page__content:before {
        display: block
    }
}

@media (min-width:1280px) {
    .landing-page__content:before {
        width: 260px
    }
}

.landing-page__content:before {
    background-image: url(../img/left.png);
    content: ""
}

.pages {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width:768px) {
    .pages {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
}

@media (min-width:1024px) {
    .pages {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

@media (min-width:1280px) {
    .pages {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

.pages__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.pages__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width:640px) {
    .pages__container {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
}

@media (min-width:1024px) {
    .pages__container {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.pages__content {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: center
}

@media (min-width:768px) {
    .pages__content {
        padding-top: 2rem
    }
}

@media (min-width:1024px) {
    .pages__content {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.pages__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 38px !important;
    line-height: 1.2 !important;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    width: 100%
}

.pages__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .pages__item {
        width: 33.333333%
    }
}

.pages__image {
    position: relative
}

.pages__image:after, .pages__image:before {
    border: 1px solid #3dc92c;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.pages__image:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.pages__image:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.pages__image:hover:after, .pages__image:hover:before {
    opacity: 1;
    transform: scale(1)
}

.sections {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width:768px) {
    .sections {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
}

@media (min-width:1024px) {
    .sections {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

@media (min-width:1280px) {
    .sections {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

.sections__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

.sections__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

@media (min-width:1024px) {
    .sections__container {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.sections__content {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-top: 2rem
}

@media (min-width:1024px) {
    .sections__content {
        gap: 2rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.sections__item {
    grid-column: span 12/span 12;
    position: relative
}

@media (min-width:640px) {
    .sections__item {
        grid-column: span 6/span 6
    }
}

@media (min-width:768px) {
    .sections__item {
        grid-column: span 4/span 4
    }
}

@media (min-width:1280px) {
    .sections__item {
        grid-column: span 3/span 3
    }
}

.sections__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 28px !important;
    line-height: 1.4 !important;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    width: 100%
}

.sections__image {
    position: relative;
    width: 100%
}

.sections__image:after, .sections__image:before {
    border: 1px solid #3dc92c;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.sections__image:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.sections__image:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.sections__image:hover:after, .sections__image:hover:before {
    opacity: 1;
    transform: scale(1)
}

.features {
    position: relative;
    width: 100%;
    z-index: 10
}

.features__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

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

.features__container .features__item {
    width: 100px
}

.features__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 2rem;
    width: 100%
}

@media (min-width:640px) {
    .features__list {
        padding: 4rem
    }
}

@media (min-width:1024px) {
    .features__list {
        padding: 5rem
    }
}

@media (min-width:1280px) {
    .features__list {
        padding: 7rem
    }
}

.features__item {
    width: 64px
}

.features__item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .25;
    width: 100%
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.z-50 {
    z-index: 50
}

.mb-0 {
    margin-bottom: 0
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.table {
    display: table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.w-full {
    width: 100%
}

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

.resize {
    resize: both
}

.justify-center {
    justify-content: center
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.border {
    border-width: 1px
}

.bg-coarseWool-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity))
}

.bg-coarseWool-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 13 15/var(--tw-bg-opacity))
}

.bg-coarseWool-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.pb-0 {
    padding-bottom: 0
}

.\!text-center {
    text-align: center !important
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.text-calico-500 {
    --tw-text-opacity: 1;
    color: rgb(44 184 27/var(--tw-text-opacity))
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)
}

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

.\!invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

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

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

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

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

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

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

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

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

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

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(../img/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(../css/fonts/slick.eot);
    src: url(../css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(../css/fonts/slick.woff) format("woff"), url(../css/fonts/slick.ttf) format("truetype"), url(../img/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li, .slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
:root {
    --mm-lineheight: 22px
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu *, .mm-menu :after, .mm-menu :before {
    transition-duration: .4s;
    transition-property: none;
    transition-timing-function: ease
}

:root {
    --mm-blocker-visibility-delay: 0.4s;
    --mm-blocker-opacity-delay: 0s
}

.mm-blocker {
    background: var(--mm-color-background);
    bottom: 100%;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease;
    z-index: 3
}

.mm-blocker:focus-visible {
    opacity: .75
}

.mm-btn {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 50px
}

.mm-btn--next, [dir=rtl] .mm-btn--prev {
    --mm-btn-rotate: 135deg
}

.mm-btn--prev, [dir=rtl] .mm-btn--next {
    --mm-btn-rotate: -45deg
}

.mm-btn--next:after, .mm-btn--prev:before {
    border: 2px solid var(--mm-color-icon);
    border-bottom: none;
    border-right: none;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    transform: rotate(var(--mm-btn-rotate));
    width: 8px
}

.mm-btn--prev:before {
    inset-inline-start: 23px
}

.mm-btn--next:after {
    inset-inline-end: 23px
}

.mm-btn--close:before {
    content: "×";
    font-size: 150%
}

.mm-btnreset {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0
}

.mm-divider {
    background: var(--mm-color-background);
    background-image: linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
    font-size: 75%;
    min-height: var(--mm-lineheight);
    opacity: 1;
    overflow: hidden;
    padding: calc((var(--mm-listitem-size)*0.65 - var(--mm-lineheight))*.5) 20px;
    position: sticky;
    text-overflow: ellipsis;
    text-transform: uppercase;
    top: 0;
    transition-property: opacity;
    white-space: nowrap;
    z-index: 2
}

.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider {
    top: var(--mm-navbar-size)
}

:root {
    --mm-listitem-size: 50px
}

.mm-listitem {
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    position: relative
}

.mm-listitem:after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    bottom: 0;
    content: "";
    display: block;
    inset-inline-end: 0;
    inset-inline-start: 20px;
    position: absolute
}

.mm-listitem__btn, .mm-listitem__text {
    padding: calc((var(--mm-listitem-size) - var(--mm-lineheight))/2) 0
}

.mm-listitem__text {
    display: block;
    flex-basis: 10%;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-listitem__btn {
    -webkit-padding-end: 50px;
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    display: block;
    padding-inline-end: 50px;
    position: relative;
    width: auto
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-style: solid;
    border-left-width: 1px
}

.mm-listitem--selected>.mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

.mm-listitem--opened>.mm-listitem__btn, .mm-listitem--opened>.mm-panel {
    background: var(--mm-color-background-highlight)
}

.mm-listview {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.mm-menu {
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    bottom: 0;
    color: var(--mm-color-text);
    display: flex;
    flex-direction: column;
    left: 0;
    line-height: var(--mm-lineheight);
    margin: 0;
    overscroll-behavior: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.mm-menu ::-moz-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu ::placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu, .mm-menu * {
    box-sizing: border-box
}

.mm-menu :focus, .mm-menu :focus-visible, .mm-menu:focus, .mm-menu:focus-visible {
    outline: 0
}

.mm-menu a, .mm-menu button, .mm-menu label {
    color: inherit
}

.mm-menu a:focus, .mm-menu button:focus, .mm-menu label:focus {
    outline: 0
}

.mm-menu a:focus-visible, .mm-menu button:focus-visible, .mm-menu label:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: -5px
}

.mm-menu input:focus, .mm-menu input:focus-visible, .mm-menu select:focus, .mm-menu select:focus-visible, .mm-menu textarea:focus, .mm-menu textarea:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: 2px
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: inherit;
    text-decoration: none
}

:root {
    --mm-navbar-size: 50px
}

.mm-navbar {
    background: var(--mm-color-background);
    border-bottom: 1px solid var(--mm-color-border);
    color: var(--mm-color-text-dimmed);
    display: flex;
    min-height: var(--mm-navbar-size);
    opacity: 1;
    padding-top: env(safe-area-inset-top);
    position: sticky;
    text-align: center;
    top: 0;
    transition-property: opacity;
    z-index: 2
}

.mm-navbar>* {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.mm-navbar__btn {
    flex-grow: 0
}

.mm-navbar__title {
    display: flex;
    flex: 1 1 50%;
    overflow: hidden;
    padding: 0 20px
}

.mm-navbar__title[href="#"] {
    pointer-events: none
}

.mm-navbar__title>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child) {
    -webkit-padding-start: 60px;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
    padding-inline-start: 60px
}

.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child {
    -webkit-padding-start: 10px;
    -webkit-padding-end: 60px;
    padding-inline-end: 60px;
    padding-inline-start: 10px
}

.mm-panel {
    --mm-panel-child-offset: 100%;
    --mm-panel-parent-offset: -30%;
    -webkit-overflow-scrolling: touch;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    bottom: 0;
    color: var(--mm-color-text);
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(var(--mm-panel-child-offset), 0, 0);
    transition-property: transform, inset-inline-start;
    z-index: 1
}

[dir=rtl] .mm-panel {
    --mm-panel-child-offset: -100%;
    --mm-panel-parent-offset: 30%
}

.mm-panel:after {
    content: "";
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel:focus {
    outline: 0
}

.mm-panel--opened {
    transform: translateZ(0);
    transition-delay: 0s;
    z-index: 2
}

.mm-panel--parent {
    transform: translate3d(var(--mm-panel-parent-offset), 0, 0);
    z-index: 0
}

.mm-panel--highest {
    z-index: 3
}

.mm-menu--opened .mm-panel--noanimation {
    transition: none !important;
    transition-duration: 0s !important
}

.mm-panel__content {
    padding: 20px
}

.mm-panels {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mm-panels:focus {
    outline: 0
}

:root {
    --mm-toggle-size: 34px
}

.mm-toggle {
    -webkit-margin-end: 10px;
    align-self: center;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: var(--mm-color-border);
    border: none !important;
    border: var(--mm-color-border);
    border-radius: var(--mm-toggle-size);
    cursor: pointer;
    display: flex;
    flex: calc(var(--mm-toggle-size)*1.75) 0 0;
    height: var(--mm-toggle-size);
    margin-inline-end: 10px;
    transition-property: background-color
}

.mm-toggle:before {
    aspect-ratio: 1;
    background: var(--mm-color-background);
    border-radius: 100%;
    content: "";
    margin: 2px;
    transition-property: transform
}

.mm-toggle:checked {
    background: #4bd963
}

.mm-toggle:checked:before {
    transform: translateX(calc(var(--mm-toggle-size)*.75))
}

[dir=rtl] .mm-toggle:checked:before {
    transform: translateX(calc(var(--mm-toggle-size)*-.75))
}

.mm-listitem--vertical>.mm-panel {
    padding: 10px 0 10px 20px;
    position: static;
    transform: none !important;
    transition: none !important;
    width: 100%
}

.mm-listitem--vertical>.mm-panel:after {
    content: none;
    display: none
}

.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel {
    display: none
}

.mm-listitem--vertical>.mm-listitem__btn {
    bottom: auto;
    height: var(--mm-listitem-size)
}

.mm-listitem--vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem--opened>.mm-listitem__btn:after {
    right: 19px;
    transform: rotate(225deg)
}

:root {
    --mm-size: 80%;
    --mm-min-size: 240px;
    --mm-max-size: 440px
}

.mm-menu--offcanvas {
    position: fixed;
    z-index: 0
}

.mm-page {
    background: inherit;
    box-sizing: border-box;
    min-height: 100vh
}

:where(.mm-slideout) {
    position: relative;
    transition-duration: .4s;
    transition-property: width, transform;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1
}

.mm-wrapper--opened, .mm-wrapper--opened body {
    overflow: hidden
}

.mm-wrapper__blocker {
    background: rgba(0, 0, 0, .4)
}

.mm-wrapper--opened .mm-wrapper__blocker {
    --mm-blocker-visibility-delay: 0s;
    --mm-blocker-opacity-delay: 0.4s;
    bottom: 0;
    opacity: .5
}

.mm-menu {
    --mm-translate-horizontal: 0;
    --mm-translate-vertical: 0
}

.mm-menu--position-left, .mm-menu--position-left-front {
    right: auto
}

.mm-menu--position-right, .mm-menu--position-right-front {
    left: auto
}

.mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {
    width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))
}

.mm-menu--position-left-front {
    --mm-translate-horizontal: -100%
}

.mm-menu--position-right-front {
    --mm-translate-horizontal: 100%
}

.mm-menu--position-top {
    bottom: auto
}

.mm-menu--position-bottom {
    top: auto
}

.mm-menu--position-bottom, .mm-menu--position-top {
    height: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
    width: 100%
}

.mm-menu--position-top {
    --mm-translate-vertical: -100%
}

.mm-menu--position-bottom {
    --mm-translate-vertical: 100%
}

.mm-menu--position-bottom, .mm-menu--position-left-front, .mm-menu--position-right-front, .mm-menu--position-top {
    transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
    transition-property: transform;
    z-index: 2
}

.mm-menu--position-bottom.mm-menu--opened, .mm-menu--position-left-front.mm-menu--opened, .mm-menu--position-right-front.mm-menu--opened, .mm-menu--position-top.mm-menu--opened {
    transform: translateZ(0)
}

.mm-wrapper--position-left {
    --mm-translate-horizontal: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))
}

.mm-wrapper--position-right {
    --mm-translate-horizontal: clamp(calc(var(--mm-max-size)*-1), calc(var(--mm-size)*-1), calc(var(--mm-min-size)*-1))
}

.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
    transform: translateZ(0)
}

.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
    transform: translate3d(var(--mm-translate-horizontal), 0, 0)
}

.mm-wrapper--position-bottom .mm-wrapper__blocker, .mm-wrapper--position-left-front .mm-wrapper__blocker, .mm-wrapper--position-right-front .mm-wrapper__blocker, .mm-wrapper--position-top .mm-wrapper__blocker {
    z-index: 1
}

.mm-menu--theme-light {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgba(0, 0, 0, .15);
    --mm-color-icon: rgba(0, 0, 0, .4);
    --mm-color-text: rgba(0, 0, 0, .8);
    --mm-color-text-dimmed: rgba(0, 0, 0, .4);
    --mm-color-background-highlight: rgba(0, 0, 0, .05);
    --mm-color-background-emphasis: hsla(0, 0%, 100%, .75);
    --mm-color-focusring: #06c
}

.mm-menu--theme-light-contrast {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgba(0, 0, 0, .5);
    --mm-color-icon: rgba(0, 0, 0, .5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgba(0, 0, 0, .7);
    --mm-color-background-highlight: rgba(0, 0, 0, .05);
    --mm-color-background-emphasis: hsla(0, 0%, 100%, .9);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark {
    --mm-color-background: #333;
    --mm-color-border: rgba(0, 0, 0, .4);
    --mm-color-icon: hsla(0, 0%, 100%, .4);
    --mm-color-text: hsla(0, 0%, 100%, .8);
    --mm-color-text-dimmed: hsla(0, 0%, 100%, .4);
    --mm-color-background-highlight: hsla(0, 0%, 100%, .08);
    --mm-color-background-emphasis: rgba(0, 0, 0, .1);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark-contrast {
    --mm-color-background: #333;
    --mm-color-border: hsla(0, 0%, 100%, .5);
    --mm-color-icon: hsla(0, 0%, 100%, .5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: hsla(0, 0%, 100%, .7);
    --mm-color-background-highlight: hsla(0, 0%, 100%, .1);
    --mm-color-background-emphasis: rgba(0, 0, 0, .3);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white {
    --mm-color-background: #fff;
    --mm-color-border: rgba(0, 0, 0, .15);
    --mm-color-icon: rgba(0, 0, 0, .3);
    --mm-color-text: rgba(0, 0, 0, .8);
    --mm-color-text-dimmed: rgba(0, 0, 0, .3);
    --mm-color-background-highlight: rgba(0, 0, 0, .06);
    --mm-color-background-emphasis: rgba(0, 0, 0, .03);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white-contrast {
    --mm-color-background: #fff;
    --mm-color-border: rgba(0, 0, 0, .5);
    --mm-color-icon: rgba(0, 0, 0, .5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgba(0, 0, 0, .7);
    --mm-color-background-highlight: rgba(0, 0, 0, .07);
    --mm-color-background-emphasis: rgba(0, 0, 0, .035);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black {
    --mm-color-background: #000;
    --mm-color-border: hsla(0, 0%, 100%, .2);
    --mm-color-icon: hsla(0, 0%, 100%, .4);
    --mm-color-text: hsla(0, 0%, 100%, .7);
    --mm-color-text-dimmed: hsla(0, 0%, 100%, .4);
    --mm-color-background-highlight: hsla(0, 0%, 100%, .1);
    --mm-color-background-emphasis: hsla(0, 0%, 100%, .06);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black-contrast {
    --mm-color-background: #000;
    --mm-color-border: hsla(0, 0%, 100%, .5);
    --mm-color-icon: hsla(0, 0%, 100%, .5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: hsla(0, 0%, 100%, .6);
    --mm-color-background-highlight: hsla(0, 0%, 100%, .125);
    --mm-color-background-emphasis: hsla(0, 0%, 100%, .1);
    --mm-color-focusring: #06c
}

.mm-counter {
    -webkit-padding-start: 20px;
    color: var(--mm-color-text-dimmed);
    display: block;
    float: right;
    padding-inline-start: 20px
}

[dir=rtl] .mm-counter {
    float: left
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu--iconbar-left .mm-navbars, .mm-menu--iconbar-left .mm-panels {
    margin-left: var(--mm-iconbar-size)
}

.mm-menu--iconbar-right .mm-navbars, .mm-menu--iconbar-right .mm-panels {
    margin-right: var(--mm-iconbar-size)
}

.mm-iconbar {
    background: var(--mm-color-background);
    border: 0 solid;
    border-color: var(--mm-color-border);
    bottom: 0;
    box-sizing: border-box;
    color: var(--mm-color-text-dimmed);
    display: none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: var(--mm-iconbar-size);
    z-index: 2
}

.mm-menu--iconbar-left .mm-iconbar, .mm-menu--iconbar-right .mm-iconbar {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mm-menu--iconbar-left .mm-iconbar {
    border-right-width: 1px;
    left: 0
}

.mm-menu--iconbar-right .mm-iconbar {
    border-left-width: 1px;
    right: 0
}

.mm-iconbar__bottom, .mm-iconbar__top {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: 100%
}

.mm-iconbar__bottom>*, .mm-iconbar__top>* {
    box-sizing: border-box;
    display: block;
    padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight))/2) 0
}

.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__tab--selected {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel--iconpanel-0 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*0)
}

.mm-panel--iconpanel-1 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*1)
}

.mm-panel--iconpanel-2 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*2)
}

.mm-panel--iconpanel-3 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*3)
}

.mm-panel--iconpanel-4 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*4)
}

.mm-panel--iconpanel-first~.mm-panel {
    inset-inline-start: var(--mm-iconpanel-size)
}

.mm-menu--iconpanel .mm-panel--parent .mm-divider, .mm-menu--iconpanel .mm-panel--parent .mm-navbar {
    opacity: 0
}

.mm-menu--iconpanel .mm-panels>.mm-panel--parent {
    overflow-y: hidden;
    transform: unset
}

.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
    border-inline-start-style: solid;
    border-inline-start-width: 1px
}

.mm-navbars {
    flex-shrink: 0
}

.mm-navbars .mm-navbar {
    border-bottom: none;
    padding-top: 0;
    position: relative
}

.mm-navbars--top {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar:first-child {
    padding-top: env(safe-area-inset-top)
}

.mm-navbars--bottom {
    border-top: 1px solid var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar:last-child {
    padding-bottom: env(safe-area-inset-bottom)
}

.mm-navbar__breadcrumbs {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex: 1 1 50%;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-navbar__breadcrumbs>* {
    -webkit-padding-end: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-inline-end: 6px
}

.mm-navbar__breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.mm-navbar__tab {
    border: 1px solid transparent;
    padding: 0 10px
}

.mm-navbar__tab--selected {
    background: var(--mm-color-background)
}

.mm-navbar__tab--selected:not(:first-child) {
    border-inline-start-color: var(--mm-color-border)
}

.mm-navbar__tab--selected:not(:last-child) {
    border-inline-end-color: var(--mm-color-border)
}

.mm-navbars--top.mm-navbars--has-tabs {
    border-bottom: none
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab {
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab--selected {
    border-bottom-color: transparent;
    border-top-color: var(--mm-color-border)
}

.mm-navbars--bottom.mm-navbar--has-tabs {
    border-top: none
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs, .mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--bottom .mm-navbar__tab {
    border-top-color: var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar__tab--selected {
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-searchfield {
    display: flex;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    overflow: hidden;
    padding: 0
}

.mm-searchfield__input {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.mm-searchfield__input, .mm-searchfield__input input {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 10px;
    width: 100%
}

.mm-searchfield__input input {
    border: none;
    border-radius: 4px;
    display: block;
    height: calc(var(--mm-navbar-size)*.7);
    line-height: calc(var(--mm-navbar-size)*.7);
    font: inherit;
    font-size: inherit;
    margin: 0;
    max-height: auto;
    min-height: auto
}

.mm-searchfield__input input, .mm-searchfield__input input:focus, .mm-searchfield__input input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-menu[class*=-contrast] .mm-searchfield__input input {
    border: 1px solid var(--mm-color-border)
}

.mm-searchfield__input input::-ms-clear {
    display: none
}

.mm-searchfield__btn {
    bottom: 0;
    display: none;
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.mm-searchfield--searching .mm-searchfield__btn {
    display: block
}

.mm-searchfield__cancel {
    -webkit-margin-end: -100px;
    -webkit-padding-start: 5px;
    -webkit-padding-end: 20px;
    display: block;
    line-height: var(--mm-navbar-size);
    margin-inline-end: -100px;
    padding-inline-end: 20px;
    padding-inline-start: 5px;
    position: relative;
    text-decoration: none;
    transition-property: visibility, margin;
    visibility: hidden
}

.mm-searchfield--cancelable .mm-searchfield__cancel {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    visibility: visible
}

.mm-panel--search {
    border: none !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important
}

.mm-panel__splash {
    padding: 20px
}

.mm-panel--searching .mm-panel__splash {
    display: none
}

.mm-panel__noresults {
    color: var(--mm-color-text-dimmed);
    display: none;
    font-size: 150%;
    line-height: 1.4;
    padding: 40px 20px;
    text-align: center
}

.mm-panel--noresults .mm-panel__noresults {
    display: block
}

:root {
    --mm-sectionindexer-size: 20px
}

.mm-sectionindexer {
    background: inherit;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    inset-inline-end: calc(var(--mm-sectionindexer-size)*-1);
    justify-content: space-evenly;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: inset-inline-end;
    width: var(--mm-sectionindexer-size);
    z-index: 5
}

.mm-sectionindexer a {
    color: var(--mm-color-text-dimmed);
    display: block;
    line-height: 1;
    text-decoration: none
}

.mm-sectionindexer~.mm-panel {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.mm-sectionindexer--active {
    right: 0
}

.mm-sectionindexer--active~.mm-panel {
    -webkit-padding-end: var(--mm-sectionindexer-size);
    padding-inline-end: var(--mm-sectionindexer-size)
}

.mm-menu--selected-hover .mm-listitem__btn, .mm-menu--selected-hover .mm-listitem__text, .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
    transition-property: background-color
}

@media (hover:hover) {
    .mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text {
        background: 0 0
    }

    .mm-menu--selected-hover .mm-listitem__btn:hover, .mm-menu--selected-hover .mm-listitem__text:hover {
        background: var(--mm-color-background-emphasis)
    }
}

.mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
    transition-delay: .2s
}

@media (hover:hover) {
    .mm-menu--selected-parent .mm-listitem__btn:hover, .mm-menu--selected-parent .mm-listitem__text:hover {
        transition-delay: 0s
    }
}

.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text {
    background: 0 0
}

.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn, .mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: var(--mm-max-size)
}

.mm-wrapper--sidebar-collapsed .mm-slideout {
    transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    width: calc(100% - var(--mm-sidebar-collapsed-size))
}

[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout {
    transform: none
}

.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider, .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar {
    opacity: 0
}

.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
    border-right-style: solid;
    border-right-width: 1px;
    width: var(--mm-sidebar-expanded-size)
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened {
    overflow: auto
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker {
    display: none
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    width: calc(100% - var(--mm-sidebar-expanded-size))
}

[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    transform: none
}

/* Copyright */

#copyright {
    text-align: center;

}

#copyright ul {
    display: inline-block;
    border-radius: 0.35em;
    box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.05);
    color: #aaa;
    color: rgba(255, 255, 255, 0.25);
    padding: 0.75em 2em;
    font-size: 0.9em;
}

#copyright ul li {
    display: inline-block;
    margin-left: 1em;
    padding-left: 1em;
    border-left: solid 1px #333;
    border-left-color: rgba(255, 255, 255, 0.05);
}

#copyright ul li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

#copyright a {
    color: inherit;
}

#copyright a:hover {
    color: #fff;
}

/* New menu item button */
.button-3 {
    appearance: none;
    background-color: #3DC92C;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border: 1px solid rgba(27, 31, 35, .5);
    border-radius: 25px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 14px;
    padding: 6px 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 10px;
}

.menu-subtitle {
    -webkit-text-decoration: var(--base-color) underline dotted;
    text-decoration: var(--base-color) underline dotted;
    text-underline-offset: 4px;
}

.extra-info {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;
}

@media (min-width:768px) {
    .extra-info {
        padding-left: 2rem;
        padding-right: 5rem;
    }
}

@media (min-width:1024px) {
    .extra-info {
        width: 83.333333%;
        padding-right: 5rem;
    }
}

@media (min-width:1280px) {
    .extra-info {
        padding-left: 4rem;
        padding-right: 9.5rem;
        padding-top: 0;
    }
}

.section-title-reviews {
    margin-bottom: 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    margin-bottom: -3rem;
    padding: 2rem;
    text-wrap: nowrap;
    text-align: center;
    position: relative
}

@media (min-width:768px) {
    .section-title-reviews {
        padding-left: 8rem;
        text-align: center;
    }
}

@media (min-width:1024px) {
    .section-title-reviews {
        padding-right: 4rem;
        margin-bottom: -5rem;
        text-align: center;
    }
}

@media (min-width:1280px) {
    .section-title-reviews {
        padding-left: 5rem;
        margin-bottom: -8rem;
        text-align: center;
    }
}

.img-captions {
    color: #111;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 2rem;
    margin-top: .5rem;
    padding-left: 5rem;
    font-weight: 700;
    margin-right: auto;
}

@media (min-width:768px) {
    .img-captions {
        padding-left: 2rem;
    }
}

@media (min-width:1024px) {
    .img-captions {
        padding-left: 1rem;
    }
}

@media (min-width:1280px) {
    .img-captions {
        padding-left: 2.5rem;
    }
}

.card-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    width: 100%;
    margin-right: 1rem;
    align-items: start;
}
@media (min-width:1024px){
    .card-container{
        width:80vw;
        margin-right:10rem;
        align-items: center;
        text-align: center;
    }
}
@media (min-width:1280px) {
    .card-container{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        gap: 10px;
        grid-auto-rows: 50px;
        width:81vw;
        margin-right:18rem;
    }
}

.card-block {
    padding: 1rem;
    margin:1rem .5rem;
    border:1px dashed grey;
    border-radius:20px;
    width:100%;
}
@media (min-width:1024px){
    .card-block {
        padding: 1rem;
        margin:1rem .5rem;
        border-radius:20px;
        width:27vw;
    }
}

.card-main {
    padding: .5rem 1rem;
    border-radius: 0.5rem;
}

.card-header {
    font-size:16px;
    align-items: center;
}
.card-header h4 {
    font-size:16px;
}
.card-body{
    text-wrap:balance;
}
.card-paragraph
{
    text-align:center;
    font-size:14px;
    margin: 1rem 0;
}
.card-paragraph p
{
    font-size:14px !important;

}