.text-link,

.tracking-wider,

.u-h1,

.u-h2,

.u-h3 {

    letter-spacing: .05em
}



.text-link,

.u-h1,

.u-h2,

.u-h3 {}

.uppercase {

    text-transform: uppercase
}

.capitalize {

    text-transform: capitalize
}

a,

hr {

    color: inherit
}



progress,

sub,

sup {

    vertical-align: baseline
}



blockquote,

body,

dd,

dl,

fieldset,

figure,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

menu,

ol,

p,

pre,

ul {

    margin: 0
}



.text-link,

.text-link:after,

.text-link:before {

    transition-duration: .15s;

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



.overflow-hidden,

.sr-only,

.text-link {

    overflow: hidden
}



.sr-only,

.text-link,

.whitespace-nowrap {

    white-space: nowrap
}



*,

:after,

:before {

    border: 0 solid #e5e7eb;

    box-sizing: border-box;

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

}



:after,

:before {

    --tw-content: ""

}



:host,

html {

    -webkit-text-size-adjust: 100%;

    font-feature-settings: normal;

    -webkit-tap-highlight-color: transparent;

    font-family: "Poppins", sans-serif;

    font-variation-settings: normal;

    line-height: 1.5;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4
}

html, body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}


body {

    line-height: inherit
}



hr {

    border-top-width: 1px;

    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 {

    text-decoration: inherit
}



b,

strong {

    font-weight: bolder
}



code,

kbd,

pre,

samp {

    font-feature-settings: normal;

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

    font-size: 1em;

    font-variation-settings: normal
}



small {

    font-size: 80%
}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative
}



sub {

    bottom: -.25em
}



sup {

    top: -.5em
}



table {

    border-collapse: collapse;

    border-color: inherit;

    text-indent: 0
}



button,

input,

optgroup,

select,

textarea {

    font-feature-settings: inherit;

    color: inherit;

    font-family: inherit;

    font-size: 100%;

    font-variation-settings: inherit;

    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
}



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



.u-h1,

.u-h2,

.u-h3,

h1,

h2,

h3 {

    font-weight: 700;

    line-height: 1.25
}

.text-link {

    font-family: montserrat, sans-serif;
}

.font-tg,

.u-h1,

.u-h2,

.u-h3,

h1,

h2,

h3 {

    font-family: chewy, sans-serif;


}



summary {

    display: list-item
}



dialog,

fieldset,

legend {

    padding: 0
}



menu,

ol,

ul {

    list-style: none;

    padding: 0
}



textarea {

    resize: vertical
}



input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #9ca3af;

    opacity: 1
}



input::placeholder,

textarea::placeholder {

    color: #9ca3af;

    opacity: 1
}



.cursor-pointer,

.open-contact,

[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,

[hidden] {

    display: none
}



::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: 16px;

    padding-right: 16px;

    width: 100%
}



@media (min-width:640px) {

    .container {

        max-width: 640px
    }

}



@media (min-width:768px) {

    .container {

        max-width: 768px
    }



    .md\:order-2 {

        order: 2
    }



    .md\:mx-auto {

        margin-left: auto;

        margin-right: auto
    }



    .md\:min-h-\[140px\] {

        min-height: 140px
    }



    .md\:min-h-\[460px\] {

        min-height: 460px
    }



    .md\:min-h-\[645px\] {

        min-height: 645px
    }



    .md\:w-10\/12 {

        width: 83.333333%
    }



    .md\:w-11\/12 {

        width: 91.666667%
    }



    .md\:max-w-\[700px\] {

        max-width: 700px
    }



    .md\:grid-cols-2 {

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



    .md\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }



    .md\:gap-12 {

        gap: 3rem
    }



    .md\:py-44 {

        padding-bottom: 11rem;

        padding-top: 11rem
    }



    .md\:pt-\[135\%\] {

        padding-top: 135%
    }



    .md\:delay-200 {

        transition-delay: .2s
    }



    .md\:first\:delay-100:first-child {

        transition-delay: .1s
    }



    .md\:last\:delay-300:last-child {

        transition-delay: .3s
    }

}



@media (min-width:1025px) {

    .container {

        max-width: 1025px
    }

}



@media (min-width:1280px) {

    .container {

        max-width: 1280px
    }



    .xl\:w-10\/12 {

        width: 83.333333%
    }



    .xl\:max-w-\[490px\] {

        max-width: 490px
    }



    .xl\:gap-5 {

        gap: 1.25rem
    }

}



@media (min-width:1440px) {

    .container {

        max-width: 1440px
    }

}



@media (max-width:767px) {

    .logo-item svg {

        width: 150px;

    }

    body {

        overflow-x: hidden;

    }

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

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

}



:root {

    --navbar-h: 88px;

    --navbar-lg-h: 110px;

    --vh: 1vh
}



.u-h1,

.u-h2,

h1,

h2 {

    font-size: 26px
}



.u-h3 {

    font-size: 19px
}



.font-medium,

.text-link {

    font-weight: 500
}



.text-link {

    display: inline-block;

    font-size: 14px;

    position: relative;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke
}



.group\/html.nav-open .group-\[\.nav-open\]\/html\:opacity-0,

.opacity-0,

.text-link span:first-child {

    opacity: 0
}



.group:hover .group-hover\:left-full,

.text-link span:last-child {

    left: 100%
}



.text-link:after,

.text-link:before {

    content: attr(data-name);

    display: block;

    left: 0;

    position: absolute;

    transition-property: transform
}



.text-link:before,

.top-0 {

    top: 0
}



.text-link:after {

    top: 100%
}



#header nav>ul>li a:hover,

#header nav>ul>li>a>span:last-child,

.\[\&_a\:hover\]\:text-yellow-1 a:hover,

.group:hover .group-hover\:text-orange-1,

.hover\:text-yellow-1:hover,

.text-link:hover,

.text-orange-1 {

    --tw-text-opacity: 1;

    color: rgb(51 116 161)
}



.text-link:hover:after,

.text-link:hover:before {

    --tw-translate-y: -100%;

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



.delay-100,

.text-link:hover:after {

    transition-delay: .1s
}



.text-link.alt:hover,

.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255/var(--tw-text-opacity))
}



details summary {

    list-style-type: none
}



details summary::-webkit-details-marker {

    display: none !important
}



#tinymce>*,

.wysiwyg>* {

    margin-top: 1.25rem
}



#tinymce>:first-child,

.wysiwyg>:first-child {

    margin-top: 0
}



#tinymce ul,

.wysiwyg ul {

    list-style-type: disc;

    margin-left: 1.25rem
}



#tinymce ol,

.wysiwyg ol {

    list-style-type: decimal;

    margin-left: 1.25rem
}



#tinymce {

    font-family: Montserrat, sans-serif;

    padding: .75rem
}



.scroll-fancy::-webkit-scrollbar,

html::-webkit-scrollbar {

    width: 10px
}



.scroll-fancy::-webkit-scrollbar-track,

html::-webkit-scrollbar-track {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}



.scroll-fancy::-webkit-scrollbar-thumb,

html::-webkit-scrollbar-thumb {

    --tw-bg-opacity: 1;

    background-color: rgb(255 213 0/var(--tw-bg-opacity));

    border-radius: .375rem
}



.sr-only {

    clip: rect(0, 0, 0, 0);

    border-width: 0;

    height: 1px;

    margin: -1px;

    padding: 0;

    position: absolute;

    width: 1px
}



.\[\&\>a\]\:pointer-events-none>a,

.pointer-events-none {

    pointer-events: none
}



.\[\&\.active\]\:pointer-events-auto.active,

.pointer-events-auto {

    pointer-events: auto
}



.\!visible,

.group.popup-active .group-\[\.popup-active\]\:\!visible,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:\!visible {

    visibility: visible !important
}



#header nav>ul>li:hover .sub-menu,

#header>div.subs-active .main-sub-menu,

#header>div.subs-active .sub-menu,

.group\/card.active .group-\[\.active\]\/card\:visible,

.visible {

    visibility: visible
}



.\!invisible {

    visibility: hidden !important
}



#header>div .main-sub-menu,

#header>div .sub-menu,

.invisible {

    visibility: hidden
}



.\!static {

    position: static !important
}



.static {

    position: static
}



.fixed {

    position: fixed
}



.absolute {

    position: absolute
}



.relative {

    position: relative
}



.inset-0 {

    inset: 0
}



.-right-5 {

    right: -1.25rem
}



.bottom-0 {

    bottom: 0
}



.bottom-full {

    bottom: 100%
}



.left-0 {

    left: 0
}



.left-1\/2 {

    left: 50%
}



.right-0 {

    right: 0
}



.top-1\/2 {

    top: 50%
}



.top-12 {

    top: 3rem
}



.top-6 {

    top: 1.5rem
}



.top-\[-152px\] {

    top: -152px
}



.z-10 {

    z-index: 10
}



.z-40 {

    z-index: 40
}



.z-50 {

    z-index: 50
}



.\!my-10 {

    margin-bottom: 2.5rem !important;

    margin-top: 2.5rem !important
}



.mx-auto {

    margin-left: auto;

    margin-right: auto
}



.my-12 {

    margin-bottom: 3rem;

    margin-top: 3rem
}



.my-auto {

    margin-bottom: auto;

    margin-top: auto
}



.\!mt-0 {

    margin-top: 0 !important
}



.\!mt-2 {

    margin-top: .5rem !important
}



.\!mt-8 {

    margin-top: 2rem !important
}



.-mr-2 {

    margin-right: -.5rem
}



.-mt-12 {

    margin-top: -3rem
}



.mb-5 {

    margin-bottom: 1.25rem
}



.block,

.group\/accordion.active .group-\[\.active\]\/accordion\:block {

    display: block
}



.inline-block {

    display: inline-block
}



.flex {

    display: flex
}



.grid {

    display: grid
}



.\!h-\[48px\] {

    height: 48px !important
}



.\!h-screen {

    height: 100vh !important
}



.h-0 {

    height: 0
}



.h-0\.5 {

    height: .125rem
}



.h-\[14px\] {

    height: 14px
}



.h-\[36px\] {

    height: 36px
}



.h-\[465px\] {

    height: 465px
}

.h-\[665px\] {

    height: 665px
}

.h-\[700px\] {

    height: 700px
}



.h-\[7px\] {

    height: 7px
}



.h-\[84px\] {

    height: 84px
}



.h-\[8px\] {

    height: 8px
}



.h-auto {

    height: auto
}



.h-full {

    height: 100%
}



.h-screen {

    height: 100vh
}

.h-half-screen {

    height: 50vh
}



.\!max-h-\[1024px\] {

    max-height: 1024px !important
}



.max-h-full {

    max-height: 100%
}



.min-h-\[345px\] {

    min-height: 345px
}



.min-h-\[75vh\] {

    min-height: 75vh
}



.min-h-\[var\(--navbar-h\)\] {

    min-height: var(--navbar-h)
}



.min-h-screen {

    min-height: 100vh
}



.\!w-\[48px\] {

    width: 48px !important
}



.w-10\/12 {

    width: 83.333333%
}



.w-11\/12 {

    width: 91.666667%
}



.w-6 {

    width: 1.5rem
}



.w-\[105px\] {

    width: 105px
}



.w-\[130px\] {

    width: 130px
}



.w-\[14px\] {

    width: 14px
}



.w-\[150px\] {

    width: 150px
}



.w-\[16px\] {

    width: 16px
}



.w-\[18px\] {

    width: 18px
}



.w-\[36px\] {

    width: 36px
}



.w-\[38\.5vw\] {

    width: 38.5vw
}



.w-\[40px\] {

    width: 40px
}



.w-\[52vw\] {

    width: 52vw
}



.w-\[8px\] {

    width: 8px
}



.w-\[95px\] {

    width: 95px
}



.w-full {

    width: 100%
}



.max-w-\[360px\] {

    max-width: 360px
}



.max-w-\[460px\] {

    max-width: 460px
}



.max-w-\[730px\] {

    max-width: 730px
}



.flex-1 {

    flex: 1 1 0%
}



.shrink-0 {

    flex-shrink: 0
}



.origin-bottom {

    transform-origin: bottom
}



.-translate-x-1\/2,

.-translate-x-1\/4,

.-translate-y-1\/2,

.\[\&\>svg\]\:rotate-90>svg,

.group.active .group-\[\.active\]\:translate-y-0,

.group:hover .group-hover\:scale-110,

.group:hover .group-hover\:translate-x-\[-31px\],

.group\/accordion.active .group-\[\.active\]\/accordion\:rotate-45,

.group\/accordion.active .group-\[\.active\]\/accordion\:translate-y-0,

.group\/html.js-scrolling-down .group-\[\.js-scrolling-down\]\/html\:-translate-y-full,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:-rotate-45,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:-translate-y-\[6px\],

.group\/html.nav-open .group-\[\.nav-open\]\/html\:rotate-45,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:translate-y-\[6px\],

.hover\:rotate-180:hover,

.transform,

.translate-x-1\/2,

.translate-x-1\/4,

.translate-y-1\/4,

.translate-y-4 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}



.-translate-x-1\/2 {

    --tw-translate-x: -50%
}



.-translate-x-1\/4 {

    --tw-translate-x: -25%
}



.-translate-y-1\/2 {

    --tw-translate-y: -50%
}



.translate-x-1\/2 {

    --tw-translate-x: 50%
}



.translate-x-1\/4 {

    --tw-translate-x: 25%
}



.translate-y-1\/4 {

    --tw-translate-y: 25%
}



.translate-y-4 {

    --tw-translate-y: 1rem
}



.\!transform-none {

    transform: none !important
}



.select-none {

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none
}



.resize {

    resize: both
}



.flex-col {

    flex-direction: column
}



.flex-wrap {

    flex-wrap: wrap
}



.items-start {

    align-items: flex-start
}



.items-end {

    align-items: flex-end
}



.items-center {

    align-items: center
}



.justify-end {

    justify-content: flex-end
}



.justify-center {

    justify-content: center
}



.justify-between {

    justify-content: space-between
}



.gap-1 {

    gap: .25rem
}



.gap-12 {

    gap: 3rem
}



.gap-2 {

    gap: .5rem
}



.gap-3 {

    gap: .75rem
}



.gap-4 {

    gap: 1rem
}



.gap-5 {

    gap: 1.25rem
}



.gap-6 {

    gap: 1.5rem
}



.space-x-2>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));

    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}



.space-x-6>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));

    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}



.space-y-1>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));

    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-10>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));

    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-12>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(3rem*var(--tw-space-y-reverse));

    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-14>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(3.5rem*var(--tw-space-y-reverse));

    margin-top: calc(3.5rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-2>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));

    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-20>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(5rem*var(--tw-space-y-reverse));

    margin-top: calc(5rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-28>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(7rem*var(--tw-space-y-reverse));

    margin-top: calc(7rem*(1 - var(--tw-space-y-reverse)))
}



#header nav>.main-wrap>ul>li>.sub-menu>:not([hidden])~:not([hidden]),

#header nav>.main-wrap>ul>li>:not([hidden])~:not([hidden]),

#header nav>ul>li>.sub-menu>:not([hidden])~:not([hidden]),

.space-y-3>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));

    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-4>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(1rem*var(--tw-space-y-reverse));

    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-5>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));

    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-6>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));

    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-7>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(1.75rem*var(--tw-space-y-reverse));

    margin-top: calc(1.75rem*(1 - var(--tw-space-y-reverse)))
}



.space-y-8>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-bottom: calc(2rem*var(--tw-space-y-reverse));

    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}



.self-end {

    align-self: flex-end
}



.self-center {

    align-self: center
}



.overflow-auto {

    overflow: auto
}



.overflow-x-hidden {

    overflow-x: hidden
}



.scroll-smooth {

    scroll-behavior: smooth
}



.rounded-full {

    border-radius: 9999px
}



.rounded-md {

    border-radius: .375rem
}

.rounded-lg {

    border-radius: 1rem
}



.border-b {

    border-bottom-width: 1px
}



.border-\[\#3B4448\] {

    --tw-border-opacity: 1;

    border-color: rgb(59 68 72/var(--tw-border-opacity))
}



.text-\[\#F8FAFB\] {

    color: #f8fafb
}

.text-\[\#76d5cd\] {

    color: #76d5cd
}



.text-\[\#FFD500\] {

    color: #ffd500
}



.\!bg-\[\#FAFAEB\]\/20 {

    background-color: hsla(60, 60%, 95%, .2) !important
}



.bg-\[\#13181C\] {

    background-color: #13181c
}

.bg-\[\#e4f3f1\] {
    background: #e4f3f1;
}


.bg-\[\#35444d\] {

    background-color: #35444d
}

.bg-\[\#c6e6de\] {

    background-color: #c6e6de
}



.bg-\[\#33353B\] {

    background-color: rgb(51 53 59)
}

.bg-\[\#fbc827\] {

    background-color: #fbc827
}

.bg-\[\#82c4dd\] {

    background: #82c4dd
}

.bg-\[\#f7a82c\] {

    background-color: #f7a82c
}

.bg-\[\#90cde6\] {

    background: #90cde6
}



.bg-\[\#333639\],

.bg-bg {

    --tw-bg-opacity: 1;

    background-color: rgb(51 54 57/var(--tw-bg-opacity))
}



.bg-\[\#3B4448\] {

    --tw-bg-opacity: 1;

    background-color: rgb(59 68 72/var(--tw-bg-opacity))
}



.bg-\[\#D9DEE1\] {

    --tw-bg-opacity: 1;

    background-color: rgb(217 222 225/var(--tw-bg-opacity))
}



.bg-\[\#E7EBEE\] {

    --tw-bg-opacity: 1;

    background-color: rgb(231 235 238/var(--tw-bg-opacity))
}



.bg-\[\#F0F2F4\] {

    --tw-bg-opacity: 1;

    background-color: rgb(240 242 244/var(--tw-bg-opacity))
}



.bg-black\/50 {

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



.bg-current {

    background-color: currentColor
}



.bg-orange-1 {

    --tw-bg-opacity: 1;

    background-color: rgb(241 133 54/var(--tw-bg-opacity))
}

.bg-yellow-1 {

    --tw-bg-opacity: 1;

    background: #fed303;
}



.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}



.home .bg-\[url\(assets\/img\/gridtile\.png\)\] {

    background-image: url(assets/img/gridtile.png)
}



.bg-\[url\(assets\/img\/texture\.png\)\] {

    background-image: url(assets/img/texture.png)
}

.bg-cloud {

    background-image: url(assets/img/cloud.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-cloud-light {

    background-image: url(assets/img/cloud-light.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ceeaed
}



.bg-repeat {

    background-repeat: repeat
}



.\[\&\>svg\]\:fill-current>svg,

.fill-current {

    fill: currentColor
}



.object-cover {

    -o-object-fit: cover;

    object-fit: cover
}

.object-postion-top {
    object-position: top;
}


.p-1 {

    padding: .25rem
}



.p-2 {

    padding: .5rem
}



.p-4 {

    padding: 1rem
}



.p-6 {

    padding: 1.5rem
}



.p-7 {

    padding: 1.75rem
}



.px-4 {

    padding-left: 1rem;

    padding-right: 1rem
}



.py-12 {

    padding-bottom: 3rem;

    padding-top: 3rem
}



.py-16 {

    padding-bottom: 4rem;

    padding-top: 4rem
}



.py-20 {

    padding-bottom: 5rem;

    padding-top: 5rem
}

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

.py-5 {

    padding-bottom: 1.25rem;

    padding-top: 1.25rem
}




.\[\&\.active\]\:pb-6.active,

.py-6 {

    padding-bottom: 1.5rem
}



.py-6 {

    padding-top: 1.5rem
}



.py-9 {

    padding-bottom: 2.25rem;

    padding-top: 2.25rem
}



.\!pt-0 {

    padding-top: 0 !important
}



.pb-8 {

    padding-bottom: 2rem
}



.pt-12 {

    padding-top: 3rem
}



.pt-\[100\%\] {

    padding-top: 100%
}



.pt-\[115px\] {

    padding-top: 115px
}



.pt-\[135\%\] {

    padding-top: 135%
}



.pt-\[74\%\] {

    padding-top: 74%
}



.pt-\[90\%\] {

    padding-top: 90%
}



.pt-\[var\(--navbar-h\)\] {

    padding-top: var(--navbar-h)
}



.text-center {

    text-align: center
}



.text-\[12px\] {

    font-size: 12px
}



.text-\[14px\] {

    font-size: 14px
}



.text-\[16px\] {

    font-size: 16px
}



.text-\[18px\] {

    font-size: 18px
}



.text-\[30px\] {

    font-size: 30px
}



.text-\[9px\] {

    font-size: 9px
}



.font-normal {

    font-weight: 400
}



.font-semibold {

    font-weight: 600
}



.not-italic {

    font-style: normal
}



.leading-\[1\.15\] {

    line-height: 1.15
}



.leading-\[1\.5\] {

    line-height: 1.5
}



.tracking-widest {

    letter-spacing: .1em
}



.text-\[\#2e3032\] {

    --tw-text-opacity: 1;

    color: rgb(46 48 50/var(--tw-text-opacity))
}



.text-\[\#7962BA\] {

    --tw-text-opacity: 1;

    color: rgb(121 98 186/var(--tw-text-opacity))
}

.text-\[\#374553\] {

    --tw-text-opacity: 1;

    color: #3172a0
}



.text-\[red\] {

    --tw-text-opacity: 1;

    color: rgb(255 0 0/var(--tw-text-opacity))
}



.text-bg {

    --tw-text-opacity: 1;

    color: rgb(51 54 57/var(--tw-text-opacity))
}



.antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



.\!opacity-0 {

    opacity: 0 !important
}



.\!opacity-100,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:\!opacity-100 {

    opacity: 1 !important
}



.\[\&\.active\]\:opacity-100.active,

.group\/accordion.active .group-\[\.active\]\/accordion\:opacity-100,

.group\/card.active .group-\[\.active\]\/card\:opacity-100,

.opacity-100 {

    opacity: 1
}



.group\/a:hover .group-hover\/a\:opacity-70,

.opacity-70 {

    opacity: .7
}



.shadow-md {

    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}



.outline {

    outline-style: solid
}



.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-\[transform\2c opacity\] {

    transition-duration: .15s !important;

    transition-property: transform, opacity !important;

    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}



#header nav>ul>li a,

.\[\&\>svg\]\:transition-transform>svg,

.\[\&_span\]\:transition-all span,

.after\:ease-in-out:after,

.after\:transition-\[width\]:after,

.ease-in-out,

.transition,

.transition-\[opacity\2c transform\],

.transition-\[opacity\2c visibility\],

.transition-\[transform\2c opacity\],

.transition-\[visibility\2c opacity\],

.transition-all,

.transition-colors,

.transition-opacity {

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



.transition {

    transition-duration: .15s;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
}



.transition-\[opacity\2c transform\] {

    transition-duration: .15s;

    transition-property: opacity, transform
}



.transition-\[opacity\2c visibility\] {

    transition-duration: .15s;

    transition-property: opacity, visibility
}



.transition-\[transform\2c opacity\] {

    transition-duration: .15s;

    transition-property: transform, opacity
}



.transition-\[visibility\2c opacity\] {

    transition-duration: .15s;

    transition-property: visibility, opacity
}



.\[\&_span\]\:transition-all span,

.transition-all {

    transition-duration: .15s;

    transition-property: all
}



#header nav>ul>li a,

.transition-colors {

    transition-duration: .15s;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke
}



.transition-opacity {

    transition-duration: .15s;

    transition-property: opacity
}



.delay-200 {

    transition-delay: .2s
}



.duration-1000 {

    transition-duration: 1s
}



.duration-500 {

    transition-duration: .5s
}



.ease-out {

    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}



.will-change-transform {

    will-change: transform
}



#header nav .main-link,

#header nav>ul>li .sub-nav,

#header nav>ul>li>a,

#header nav>ul>li>button {

    align-items: center;

    display: flex;

    margin-bottom: 1.25rem
}



#header nav .main-sub-menu,

#header nav>ul>li>.sub-menu {

    font-weight: 400;

    padding-bottom: 1rem;

    padding-top: 1rem;

    position: absolute
}



#header nav .main-sub-menu a:hover,

.hover\:underline:hover {

    text-decoration-line: underline
}



#header nav .main-wrap>ul>li>a {

    font-weight: 500;

    text-transform: uppercase
}



#header nav ul#menu-right {

    align-items: center;

    gap: 3rem;

    justify-content: flex-end;

    position: relative
}



#header nav ul#menu-right>li>ul {

    max-width: 118px
}



.after\:absolute:after {

    content: var(--tw-content);

    position: absolute
}



.after\:bg-\[\#D22A6A\]:after {

    --tw-bg-opacity: 1;

    background-color: rgb(210 42 106/var(--tw-bg-opacity));

    content: var(--tw-content)
}



.after\:transition-\[width\]:after {

    content: var(--tw-content);

    transition-duration: .15s;

    transition-property: width
}



.after\:duration-1000:after {

    content: var(--tw-content);

    transition-duration: 1s
}



.after\:ease-in-out:after {

    content: var(--tw-content)
}



.last\:border-0:last-child {

    border-width: 0
}



.hover\:rotate-180:hover {

    --tw-rotate: 180deg
}



.hover\:cursor-grab:hover {

    cursor: grab
}



.hover\:after\:w-full:hover:after {

    content: var(--tw-content);

    width: 100%
}



.group:hover .group-hover\:translate-x-\[-31px\] {

    --tw-translate-x: -31px
}



.group:hover .group-hover\:scale-110 {

    --tw-scale-x: 1.1;

    --tw-scale-y: 1.1
}



@keyframes stretch {



    0%,

    to {

        transform: scaleY(1)
    }



    50% {

        transform: scaleY(1.2)
    }

}



.group:hover .group-hover\:animate-stretch {

    animation: 2s ease-in-out infinite stretch
}



.group:hover .group-hover\:bg-\[\#D4D8DF\] {

    --tw-bg-opacity: 1;

    background-color: rgb(212 216 223/var(--tw-bg-opacity))
}



.group:hover .group-hover\:\!duration-1000 {

    transition-duration: 1s !important
}



.group\/html.nav-open .group-\[\.nav-open\]\/html\:w-\[15px\] {

    width: 15px
}



.group.active .group-\[\.active\]\:translate-y-0,

.group\/accordion.active .group-\[\.active\]\/accordion\:translate-y-0 {

    --tw-translate-y: 0px
}



.group\/html.js-scrolling-down .group-\[\.js-scrolling-down\]\/html\:-translate-y-full {

    --tw-translate-y: -100%
}



.group\/html.nav-open .group-\[\.nav-open\]\/html\:-translate-y-\[6px\] {

    --tw-translate-y: -6px
}



.group\/html.nav-open .group-\[\.nav-open\]\/html\:translate-y-\[6px\] {

    --tw-translate-y: 6px
}



.group\/accordion.active .group-\[\.active\]\/accordion\:rotate-45,

.group\/html.nav-open .group-\[\.nav-open\]\/html\:rotate-45 {

    --tw-rotate: 45deg
}



.group\/html.nav-open .group-\[\.nav-open\]\/html\:-rotate-45 {

    --tw-rotate: -45deg
}



.group\/html.scrolled .group-\[\.scrolled\]\/html\:bg-bg\/90 {

    background-color: rgba(51, 54, 57, .9)
}



@media not all and (min-width:768px) {

    .max-md\:w-\[26px\] {

        width: 26px
    }

}



@media (min-width:1025px) {



    .u-h1,

    .u-h2,

    h1,

    h2 {

        font-size: 48px
    }



    .u-h3 {

        font-size: 29px
    }



    #tinymce>*,

    .wysiwyg>* {

        margin-top: 1.75rem
    }



    #header nav .main-link {

        height: 100px
    }



    #header nav .main-sub-menu {

        max-width: 688px;

        width: 50vw
    }



    .group\/html.search-open .group-\[\.search-open\]\/html\:lg\:invisible,

    html.js-scrolling-down #header .main-sub-menu,

    html.js-scrolling-down #header .sub-menu {

        visibility: hidden
    }



    .lg\:container {

        margin-left: auto;

        margin-right: auto;

        padding-left: 16px;

        padding-right: 16px;

        width: 100%
    }



    @media (min-width:640px) {

        .lg\:container {

            max-width: 640px
        }

    }



    @media (min-width:768px) {

        .lg\:container {

            max-width: 768px
        }

    }



    @media (min-width:1025px) {

        .lg\:container {

            max-width: 1025px
        }

    }



    @media (min-width:1280px) {

        .lg\:container {

            max-width: 1280px
        }

    }



    @media (min-width:1440px) {

        .lg\:container {

            max-width: 1440px
        }

    }



    .lg\:absolute {

        position: absolute
    }



    .lg\:top-24 {

        top: 6rem
    }



    .lg\:top-\[-190px\] {

        top: -190px
    }

    .top-15 {

        top: 15rem
    }

    .lg\:m-5 {

        margin: 1.25rem
    }



    .lg\:my-20 {

        margin-bottom: 5rem;

        margin-top: 5rem
    }



    .lg\:my-24 {

        margin-bottom: 6rem;

        margin-top: 6rem
    }



    .lg\:my-21 {

        margin-top: 21rem;
    }





    .lg\:-mt-24 {

        margin-top: -6rem
    }



    .lg\:flex {

        display: flex
    }



    .lg\:\!hidden {

        display: none !important
    }



    .lg\:\!h-\[56px\] {

        height: 56px !important
    }



    .lg\:h-\[28px\] {

        height: 28px
    }



    .lg\:h-\[55px\] {

        height: 55px
    }



    .lg\:min-h-\[var\(--navbar-lg-h\)\] {

        min-height: var(--navbar-lg-h)
    }



    .lg\:\!w-\[56px\] {

        width: 56px !important
    }



    .lg\:w-1\/2 {

        width: 50%
    }



    .lg\:w-\[12px\] {

        width: 12px
    }



    .lg\:w-\[19px\] {

        width: 19px
    }



    .lg\:w-\[205px\] {

        width: 205px
    }



    .lg\:w-\[28px\] {

        width: 28px
    }



    .lg\:w-\[55px\] {

        width: 55px
    }



    .lg\:w-\[80px\] {

        width: 80px
    }



    .lg\:w-auto {

        width: auto
    }



    .lg\:w-full {

        width: 100%
    }



    .lg\:max-w-\[490px\] {

        max-width: 490px
    }



    .lg\:max-w-\[648px\] {

        max-width: 648px
    }



    .lg\:flex-row {

        flex-direction: row
    }



    .lg\:items-start {

        align-items: flex-start
    }



    .lg\:items-center {

        align-items: center
    }



    .lg\:gap-12 {

        gap: 3rem
    }



    .lg\:gap-24 {

        gap: 6rem
    }



    .lg\:gap-5 {

        gap: 1.25rem
    }



    .lg\:gap-6 {

        gap: 1.5rem
    }



    .lg\:gap-y-12 {

        row-gap: 3rem
    }



    .lg\:space-x-3>:not([hidden])~:not([hidden]) {

        --tw-space-x-reverse: 0;

        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));

        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }



    .lg\:space-y-10>:not([hidden])~:not([hidden]) {

        --tw-space-y-reverse: 0;

        margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));

        margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
    }



    .lg\:space-y-48>:not([hidden])~:not([hidden]) {

        --tw-space-y-reverse: 0;

        margin-bottom: calc(12rem*var(--tw-space-y-reverse));

        margin-top: calc(12rem*(1 - var(--tw-space-y-reverse)))
    }



    .lg\:space-y-6>:not([hidden])~:not([hidden]) {

        --tw-space-y-reverse: 0;

        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));

        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
    }



    .lg\:p-12 {

        padding: 3rem
    }



    .lg\:p-5 {

        padding: 1.25rem
    }



    .lg\:p-6 {

        padding: 1.5rem
    }



    .lg\:py-10 {

        padding-bottom: 2.5rem;

        padding-top: 2.5rem
    }



    .lg\:py-12 {

        padding-bottom: 3rem;

        padding-top: 3rem
    }



    .lg\:py-14 {

        padding-bottom: 3.5rem;

        padding-top: 3.5rem
    }



    .lg\:py-24 {

        padding-bottom: 6rem;

        padding-top: 6rem
    }



    .lg\:py-5 {

        padding-bottom: 1.25rem;

        padding-top: 1.25rem
    }



    .lg\:py-7 {

        padding-bottom: 1.75rem;

        padding-top: 1.75rem
    }



    .lg\:py-8 {

        padding-bottom: 2rem;

        padding-top: 2rem
    }



    .\[\&\.active\]\:lg\:pb-12.active,

    .lg\:pb-12 {

        padding-bottom: 3rem
    }



    .lg\:pt-24 {

        padding-top: 6rem
    }



    .lg\:pt-36 {

        padding-top: 9rem
    }



    .lg\:pt-\[230px\] {

        padding-top: 230px
    }



    .lg\:pt-\[var\(--navbar-lg-h\)\] {

        padding-top: var(--navbar-lg-h)
    }



    .lg\:text-\[18px\] {

        font-size: 18px
    }



    .lg\:text-\[20px\] {

        font-size: 20px
    }



    .lg\:text-\[22px\] {

        font-size: 22px
    }



    .lg\:text-\[60px\] {

        font-size: 60px
    }



    .group\/html.search-open .group-\[\.search-open\]\/html\:lg\:opacity-0 {

        opacity: 0
    }

}



.\[\&\.popup-active\]\:\!z-10.popup-active {

    z-index: 10 !important
}



.\[\&\:has\(\>\.hero\:first-child\)\]\:\!pt-0:has(>.hero:first-child) {

    padding-top: 0 !important
}



.\[\&\>svg\]\:h-\[17px\]>svg {

    height: 17px
}



.\[\&\>svg\]\:rotate-90>svg {

    --tw-rotate: 90deg
}



.\[\&\>svg\]\:transition-transform>svg {

    transition-duration: .15s;

    transition-property: transform
}



@media not all and (min-width:1025px) {

    .max-lg\:absolute {

        position: absolute
    }



    .max-lg\:top-1\/2 {

        top: 50%
    }



    .max-lg\:w-\[14px\] {

        width: 14px
    }



    .max-lg\:w-\[50px\] {

        width: 50px
    }



    .max-lg\:max-w-\[20px\] {

        max-width: 20px
    }



    .max-lg\:flex-1 {

        flex: 1 1 0%
    }



    .max-lg\:-translate-y-1\/2 {

        --tw-translate-y: -50%;

        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }



    .max-lg\:overflow-hidden {

        overflow: hidden
    }



    .max-lg\:p-5 {

        padding: 1.25rem
    }



    .\[\&_\.menu-item\]\:max-lg\:hidden .menu-item {

        display: none
    }

}

.font-poppins {
    font-family: "Poppins", sans-serif;
}

.first-image {
    height: 500px;
    overflow: hidden;
    border-radius: 15px;
}

.image {
    border-radius: 15px;
    overflow: hidden;
}

/* Form Elements */
.mpa-actions button {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 1.5px;
    position: relative;
    background: #fac279;
    color: #5e3909;
    padding: 23px 61px;
}

.mpa-actions button:disabled {
    background: none;
    color: #adaaa6;
    border: 1px solid #adaaa6;
}


/* .mpa-actions button::after {
    content: '//';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
} */

/* .mpa-button-back {
    padding-right: 0px;
    padding-left: 20px;
} */

.mpa-button-back::after {
    content: '';
    display: none;
}

/* .mpa-button-back::before {
    content: '<';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 600;
} */

.mpa-service-wrapper select {
    height: 48px;
    font-size: 17px;
    border-radius: 6px;
    padding: 5px;
}

.mpa-service-wrapper label {
    margin-bottom: 10px !important;
    display: block;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}

.mpa-service-wrapper select option {
    font-size: 13px;
}

.mpa-shortcode {
    padding: 21px;
    border-radius: 11px;
}

p.mpa-shortcode-title {

    margin-bottom: 10px !important;
    display: block;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}

.mpa-shortcode select,
input[type="text"],
input[type="email"],
input[type="tel"],
input {
    height: 57px;
    font-size: 17px;
    border-radius: 0px;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #000;
    color: #000;
    background: none;
    outline: none;
}

.mpa-cart-item,
label {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
}

.mpa-shortcode textarea {
    width: 100%;
    font-size: 14px;
    padding: 5px;
    background: none;
    border: 1px solid #000;
        color: #000;
    font-size: 16px;
}

.mpa-button-edit-or-remove {
    text-decoration: underline;
}

/* .mpa-payment-gateway {
    display: flex;
    align-items: center;
    gap: 10px;
} */

.mpa-payment-gateway label {
    margin: 0;
    font-size: 14px;
}

.mpa-payment-gateway input {
    margin: 0;
    height: auto;

}

table.mpa-order.widefat {
    text-align: left;
    margin-bottom: 20px;
    font-size: 17px;
    color: #000;
    width: 100%;
    padding-bottom: 10px;
}

.mpa-payment-gateway-description {
    font-size: 14px;
    line-height: normal;
    color: #000;
}

table.mpa-order.widefat tbody {
   
    margin-bottom: 10px;
}
.mpa-order-subtotal{
    display: none;
}
.mpa-booking-details {
    margin-top: 10px;
    font-size: 14px;
    color: #000;
}

p.mpa-message {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}

button.button.button-secondary.mpa-time-period {
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    position: relative !important;
    color: rgb(120 118 118) !important;
    background: rgb(215 215 215) !important;
    padding: 23px 74px !important;
    margin-top: 5px !important;
    width: fit-content !important;
}

button.button.button-secondary.mpa-time-period.mpa-time-period-selected {

    background: #fac279 !important; 
    color: #5e3909 !important;
}


.mpa-times-container {
    background: #f7f7f7;
    text-align: left;
}

.appointment-form-shortcode .mpa-booking-step .mpa-cart .cell,
.appointment-form-widget>.widget-body .mpa-booking-step .mpa-cart .cell {
    padding: 5px;
    color: #000;
    font-weight: 400;
}

p.mpa-cart-total {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.appointment-form-shortcode .mpa-booking-step .mpa-cart .cell,
.appointment-form-widget>.widget-body .mpa-booking-step .mpa-cart .cell {
    padding: 5px 0px;
}


p.mpa-required-tip {
    color: #000;
    font-size: 16px;
    margin-bottom: 40px;
}

.mpa-input-wrapper {
    margin-bottom: 20px;
}

.mpa-booking-step {
    background: #fff;
    padding: 23px;
    box-shadow: 2px 2px 10px #a3cdc7;
    width: 100% !important;
}

.flatpickr-day {
    background: #fac279;

    border-color: #c18940;
}
.cell-date .mpa-reservation-time{
display: none;
}

.cell.cell-employee {
    display: none;
}

button.button.button-primary.mpa-apply-coupon-button {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 1.5px;
    position: relative;
    background: #fac279;
    color: #5e3909;
    padding: 23px 61px;
}
p.mpa-message-wrapper {
    font-size: 16px;
    margin-bottom: 10px;
    color: green;
}