@charset "UTF-8";
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

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

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

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

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

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

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function:cubic-bezier(0, 0, .2, 1)
    }
}

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

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function:cubic-bezier(0, 0, .2, 1)
    }
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color:#e5e7eb
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size:4
}

html {
    -webkit-text-size-adjust: 100%;
    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";
    line-height:1.5
}

body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
    font-family: inherit;
    line-height:inherit
}

hr {
    height: 0;
    color:inherit
}

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

b, strong {
    font-weight:bolder
}

code, kbd, pre, samp {
    font-size:1em
}

small {
    font-size:80%
}

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

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

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

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

button, select {
    text-transform:none
}

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

legend {
    padding:0
}

progress {
    vertical-align:baseline
}

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

summary {
    display:list-item
}

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

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

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

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

ol, ul {
    list-style:none
}

hr {
    border-top-width:1px
}

img {
    border-style:solid
}

textarea {
    resize:vertical
}

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

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

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

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

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

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

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

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

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

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

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

.container {
    width:100%
}

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

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

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

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

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

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

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

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

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

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

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse:1
}

.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(0px * var(--tw-divide-y-reverse))
}

.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width:calc(2px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(4px * var(--tw-divide-y-reverse))
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse:1
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse:1
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color:rgba(229, 231, 235, var(--tw-divide-opacity))
}

.divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style:solid
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style:dashed
}

.divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style:dotted
}

.divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style:double
}

.divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style:none
}

.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity:0.5
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width:0
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space:normal
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.bg-fixed {
    background-attachment:fixed
}

.bg-local {
    background-attachment:local
}

.bg-scroll {
    background-attachment:scroll
}

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

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

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

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip:text
}

.bg-transparent {
    background-color:transparent
}

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

.bg-green-500, .bg-white {
    --tw-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-green-500 {
    background-color:rgba(16, 185, 129, var(--tw-bg-opacity))
}

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

.bg-pink-500 {
    background-color:rgba(236, 72, 153, var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color:rgba(249, 250, 251, var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color:rgba(243, 244, 246, var(--tw-bg-opacity))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color:rgba(29, 78, 216, var(--tw-bg-opacity))
}

.bg-none {
    background-image:none
}

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

.from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
}

.via-purple-200 {
    --tw-gradient-stops:var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
}

.to-blue-400 {
    --tw-gradient-to:#60a5fa
}

.bg-opacity-20 {
    --tw-bg-opacity:0.2
}

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

.bg-top {
    background-position:top
}

.bg-repeat {
    background-repeat:repeat
}

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

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

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

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

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

.bg-auto {
    background-size:auto
}

.bg-cover {
    background-size:cover
}

.border-collapse {
    border-collapse:collapse
}

.border-separate {
    border-collapse:separate
}

.border-transparent {
    border-color:transparent
}

.border-black {
    --tw-border-opacity: 1;
    border-color:rgba(0, 0, 0, var(--tw-border-opacity))
}

.border-opacity-10 {
    --tw-border-opacity:0.1
}

.border-opacity-25 {
    --tw-border-opacity:0.25
}

.rounded {
    border-radius:.25rem
}

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

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

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

.rounded-t {
    border-top-left-radius:.25rem
}

.rounded-r, .rounded-t {
    border-top-right-radius:.25rem
}

.rounded-b, .rounded-r {
    border-bottom-right-radius:.25rem
}

.rounded-b, .rounded-l {
    border-bottom-left-radius:.25rem
}

.rounded-l, .rounded-tl {
    border-top-left-radius:.25rem
}

.rounded-tr {
    border-top-right-radius:.25rem
}

.rounded-br {
    border-bottom-right-radius:.25rem
}

.rounded-bl {
    border-bottom-left-radius:.25rem
}

.rounded-tl-lg {
    border-top-left-radius:.5rem
}

.rounded-tr-lg {
    border-top-right-radius:.5rem
}

.border-solid {
    border-style:solid
}

.border-dashed {
    border-style:dashed
}

.border-dotted {
    border-style:dotted
}

.border-double {
    border-style:double
}

.border-none {
    border-style:none
}

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

.border {
    border-width:1px
}

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

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

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

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

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

.decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break:slice
}

.decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break:clone
}

.box-border {
    box-sizing:border-box
}

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

.cursor-pointer {
    cursor:pointer
}

.cursor-wait {
    cursor:wait
}

.cursor-text {
    cursor:text
}

.cursor-move {
    cursor:move
}

.cursor-help {
    cursor:help
}

.block {
    display:block
}

.inline-block {
    display:inline-block
}

.inline {
    display:inline
}

.flex {
    display: -webkit-flex;
    display:flex
}

.inline-flex {
    display: -webkit-inline-flex;
    display:inline-flex
}

.table {
    display:table
}

.inline-table {
    display:inline-table
}

.table-caption {
    display:table-caption
}

.table-cell {
    display:table-cell
}

.table-column {
    display:table-column
}

.table-column-group {
    display:table-column-group
}

.table-footer-group {
    display:table-footer-group
}

.table-header-group {
    display:table-header-group
}

.table-row-group {
    display:table-row-group
}

.table-row {
    display:table-row
}

.flow-root {
    display:flow-root
}

.grid {
    display:grid
}

.inline-grid {
    display:inline-grid
}

.contents {
    display:contents
}

.list-item {
    display:list-item
}

.hidden {
    display:none
}

.flex-row {
    -webkit-flex-direction: row;
    flex-direction:row
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.flex-col {
    -webkit-flex-direction: column;
    flex-direction:column
}

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

.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap:wrap-reverse
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap:nowrap
}

.place-items-start {
    place-items:start
}

.place-items-end {
    place-items:end
}

.place-items-center {
    place-items:center
}

.place-items-stretch {
    place-items:stretch
}

.place-content-center {
    place-content:center
}

.place-content-start {
    place-content:start
}

.place-content-end {
    place-content:end
}

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

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

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

.place-content-stretch {
    place-content:stretch
}

.place-self-auto {
    place-self:auto
}

.place-self-start {
    place-self:start
}

.place-self-end {
    place-self:end
}

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

.place-self-stretch {
    place-self:stretch
}

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

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

.items-center {
    -webkit-align-items: center;
    align-items:center
}

.items-baseline {
    -webkit-align-items: baseline;
    align-items:baseline
}

.items-stretch {
    -webkit-align-items: stretch;
    align-items:stretch
}

.content-center {
    -webkit-align-content: center;
    align-content:center
}

.content-start {
    -webkit-align-content: flex-start;
    align-content:flex-start
}

.content-end {
    -webkit-align-content: flex-end;
    align-content:flex-end
}

.content-between {
    -webkit-align-content: space-between;
    align-content:space-between
}

.content-around {
    -webkit-align-content: space-around;
    align-content:space-around
}

.content-evenly {
    -webkit-align-content: space-evenly;
    align-content:space-evenly
}

.self-auto {
    -webkit-align-self: auto;
    align-self:auto
}

.self-start {
    -webkit-align-self: flex-start;
    align-self:flex-start
}

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

.self-center {
    -webkit-align-self: center;
    align-self:center
}

.self-stretch {
    -webkit-align-self: stretch;
    align-self:stretch
}

.justify-items-start {
    justify-items:start
}

.justify-items-end {
    justify-items:end
}

.justify-items-center {
    justify-items:center
}

.justify-items-stretch {
    justify-items:stretch
}

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

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

.justify-center {
    -webkit-justify-content: center;
    justify-content:center
}

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

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

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

.justify-self-auto {
    justify-self:auto
}

.justify-self-start {
    justify-self:start
}

.justify-self-end {
    justify-self:end
}

.justify-self-center {
    justify-self:center
}

.justify-self-stretch {
    justify-self:stretch
}

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

.flex-grow-0 {
    -webkit-flex-grow: 0;
    flex-grow:0
}

.flex-grow {
    -webkit-flex-grow: 1;
    flex-grow:1
}

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

.flex-shrink {
    -webkit-flex-shrink: 1;
    flex-shrink:1
}

.order-2 {
    -webkit-order: 2;
    order:2
}

.order-first {
    -webkit-order: -9999;
    order:-9999
}

.order-last {
    -webkit-order: 9999;
    order:9999
}

.float-right {
    float:right
}

.float-left {
    float:left
}

.float-none {
    float:none
}

.clear-left {
    clear:left
}

.clear-right {
    clear:right
}

.clear-both {
    clear:both
}

.clear-none {
    clear:none
}

.font-sans {
    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-thin {
    font-weight:100
}

.font-extralight {
    font-weight:200
}

.font-light {
    font-weight:300
}

.font-normal {
    font-weight:400
}

.font-medium {
    font-weight:500
}

.font-semibold {
    font-weight:600
}

.font-bold {
    font-weight:700
}

.font-black {
    font-weight:900
}

.h-1 {
    height:.25rem
}

.h-6 {
    height:1.5rem
}

.h-16 {
    height:4rem
}

.h-full {
    height:100%
}

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

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

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

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

.text-6xl {
    font-size: 3.75rem;
    line-height:1
}

.leading-4 {
    line-height:1rem
}

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

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

.leading-relaxed {
    line-height:1.625
}

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

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

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

.m-0 {
    margin:0
}

.m-3 {
    margin:.75rem
}

.m-4 {
    margin:1rem
}

.m-5 {
    margin:1.25rem
}

.m-8 {
    margin:2rem
}

.m-14 {
    margin:3.5rem
}

.m-16 {
    margin:4rem
}

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

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

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

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

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

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

.-mx-6 {
    margin-left: -1.5rem;
    margin-right:-1.5rem
}

.mt-0 {
    margin-top:0
}

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top:auto
}

.mb-auto {
    margin-bottom:auto
}

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

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

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

.max-w-xl {
    max-width:36rem
}

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

.max-w-prose {
    max-width:65ch
}

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

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

.min-h-0 {
    min-height:0
}

.min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width:min-content
}

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

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

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

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

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit:scale-down
}

.object-bottom {
    -o-object-position: bottom;
    object-position:bottom
}

.opacity-90 {
    opacity:.9
}

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

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

.outline-black, .outline-white {
    outline: 2px dotted #fff;
    outline-offset:2px
}

.outline-black {
    outline:2px dotted #000
}

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

.overflow-auto {
    overflow:auto
}

.overflow-hidden {
    overflow:hidden
}

.overflow-visible {
    overflow:visible
}

.overflow-scroll {
    overflow:scroll
}

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

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

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

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

.overflow-x-visible {
    overflow-x:visible
}

.overflow-y-visible {
    overflow-y:visible
}

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

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

.overscroll-auto {
    -ms-scroll-chaining: chained;
    overscroll-behavior:auto
}

.overscroll-contain {
    -ms-scroll-chaining: none;
    overscroll-behavior:contain
}

.overscroll-none {
    -ms-scroll-chaining: none;
    overscroll-behavior:none
}

.overscroll-y-auto {
    overscroll-behavior-y:auto
}

.overscroll-y-contain {
    overscroll-behavior-y:contain
}

.overscroll-y-none {
    overscroll-behavior-y:none
}

.overscroll-x-auto {
    overscroll-behavior-x:auto
}

.overscroll-x-contain {
    overscroll-behavior-x:contain
}

.overscroll-x-none {
    overscroll-behavior-x:none
}

.p-2 {
    padding:.5rem
}

.p-4 {
    padding:1rem
}

.p-8 {
    padding:2rem
}

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

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

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

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

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

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

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

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

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

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

.pb-3 {
    padding-bottom:.75rem
}

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

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

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

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

.placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color:rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color:rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color:rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color:rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity:0.6
}

.placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity:0.6
}

.placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity:0.6
}

.placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity:0.6
}

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

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

.static {
    position:static
}

.fixed {
    position:fixed
}

.absolute {
    position:absolute
}

.relative {
    position:relative
}

.sticky {
    position: -webkit-sticky;
    position:sticky
}

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

.inset-x-2 {
    right: .5rem;
    left:.5rem
}

.inset-y-4 {
    top: 1rem;
    bottom:1rem
}

.right-2 {
    right:.5rem
}

.left-2 {
    left:.5rem
}

.top-6 {
    top:1.5rem
}

.right-8 {
    right:2rem
}

.bottom-12 {
    bottom:3rem
}

.left-16 {
    left:4rem
}

.top-44 {
    top:11rem
}

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

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

.resize-none {
    resize:none
}

.resize-y {
    resize:vertical
}

.resize-x {
    resize:horizontal
}

.resize {
    resize:both
}

* {
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow:0 0 #0000
}

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

.shadow-sm {
    --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.shadow {
    --tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.group:hover .group-hover\:shadow-md, .shadow-md {
    --tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.group:hover .group-hover\:shadow-md, .shadow-lg, .shadow-md, .shadow-xl {
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.shadow-xl {
    --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

.focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover, .hover\:shadow-md:hover {
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.hover\:shadow-lg:hover {
    --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.ring-4 {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
    --tw-ring-inset:inset
}

.focus\:ring-2: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);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-inset:focus {
    --tw-ring-inset:inset
}

.ring-offset-blue-300 {
    --tw-ring-offset-color:#93c5fd
}

.ring-offset-0 {
    --tw-ring-offset-width:0px
}

.ring-offset-2 {
    --tw-ring-offset-width:2px
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color:rgba(59, 130, 246, var(--tw-ring-opacity))
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color:rgba(99, 102, 241, var(--tw-ring-opacity))
}

.ring-opacity-40 {
    --tw-ring-opacity:0.4
}

.fill-current {
    fill:currentColor
}

.stroke-current {
    stroke:currentColor
}

.stroke-2 {
    stroke-width:2
}

.table-auto {
    table-layout:auto
}

.table-fixed {
    table-layout:fixed
}

.text-left {
    text-align:left
}

.text-center {
    text-align:center
}

.text-right {
    text-align:right
}

.text-justify {
    text-align:justify
}

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

.text-gray-400, .text-white {
    --tw-text-opacity: 1;
    color:rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-gray-400 {
    color:rgba(156, 163, 175, var(--tw-text-opacity))
}

.hover\:text-gray-500:hover, .text-gray-500, .text-gray-900 {
    --tw-text-opacity: 1;
    color:rgba(107, 114, 128, var(--tw-text-opacity))
}

.text-gray-900 {
    color:rgba(17, 24, 39, var(--tw-text-opacity))
}

.text-indigo-500, .text-red-500 {
    --tw-text-opacity: 1;
    color:rgba(239, 68, 68, var(--tw-text-opacity))
}

.text-indigo-500 {
    color:rgba(99, 102, 241, var(--tw-text-opacity))
}

.text-opacity-10 {
    --tw-text-opacity:0.1
}

.truncate {
    overflow: hidden;
    white-space:nowrap
}

.overflow-ellipsis, .truncate {
    text-overflow:ellipsis
}

.overflow-clip {
    text-overflow:clip
}

.italic {
    font-style:italic
}

.not-italic {
    font-style:normal
}

.uppercase {
    text-transform:uppercase
}

.lowercase {
    text-transform:lowercase
}

.capitalize {
    text-transform:capitalize
}

.normal-case {
    text-transform:none
}

.underline {
    text-decoration:underline
}

.line-through {
    text-decoration:line-through
}

.no-underline {
    text-decoration:none
}

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

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

.diagonal-fractions, .lining-nums, .oldstyle-nums, .ordinal, .proportional-nums, .slashed-zero, .stacked-fractions, .tabular-nums {
    --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.normal-nums {
    font-variant-numeric:normal
}

.ordinal {
    --tw-ordinal:ordinal
}

.slashed-zero {
    --tw-slashed-zero:slashed-zero
}

.lining-nums {
    --tw-numeric-figure:lining-nums
}

.oldstyle-nums {
    --tw-numeric-figure:oldstyle-nums
}

.proportional-nums {
    --tw-numeric-spacing:proportional-nums
}

.tabular-nums {
    --tw-numeric-spacing:tabular-nums
}

.diagonal-fractions {
    --tw-numeric-fraction:diagonal-fractions
}

.stacked-fractions {
    --tw-numeric-fraction:stacked-fractions
}

.tracking-tight {
    letter-spacing:-.025em
}

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

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select:text
}

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

.select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select:auto
}

.align-baseline {
    vertical-align:baseline
}

.align-top {
    vertical-align:top
}

.align-middle {
    vertical-align:middle
}

.align-bottom {
    vertical-align:bottom
}

.align-text-top {
    vertical-align:text-top
}

.align-text-bottom {
    vertical-align:text-bottom
}

.visible {
    visibility:visible
}

.invisible {
    visibility:hidden
}

.whitespace-normal {
    white-space:normal
}

.whitespace-nowrap {
    white-space:nowrap
}

.whitespace-pre {
    white-space:pre
}

.whitespace-pre-line {
    white-space:pre-line
}

.whitespace-pre-wrap {
    white-space:pre-wrap
}

.break-normal {
    overflow-wrap: normal;
    word-break:normal
}

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

.break-all {
    word-break:break-all
}

.w-6 {
    width:1.5rem
}

.w-12 {
    width:3rem
}

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

.z-10 {
    z-index:10
}

.z-30 {
    z-index:30
}

.isolate {
    isolation:isolate
}

.isolation-auto {
    isolation:auto
}

.gap-4 {
    gap:1rem
}

.gap-x-2 {
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap:.5rem
}

.gap-y-3 {
    row-gap:.75rem
}

.grid-flow-row {
    grid-auto-flow:row
}

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

.grid-flow-row-dense {
    grid-auto-flow:row dense
}

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

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

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

.auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns:min-content
}

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

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

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

.col-end-4 {
    grid-column-end:4
}

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

.auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows:max-content
}

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

.row-span-full {
    grid-row:1/-1
}

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

.row-end-5 {
    grid-row-end:5
}

.transform, .transform-gpu {
    --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
}

.transform {
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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));
    transform:translateX(var(--tw-translate-x)) translateY(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))
}

.transform-gpu {
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
    -webkit-transform: none;
    transform:none
}

.origin-top-right {
    -webkit-transform-origin: top right;
    transform-origin:top right
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y:.5
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y:.95
}

.hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y:.75
}

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

.translate-x-5 {
    --tw-translate-x:1.25rem
}

.-translate-x-3 {
    --tw-translate-x:-0.75rem
}

.-translate-x-4 {
    --tw-translate-x:-1rem
}

.translate-y-6 {
    --tw-translate-y:1.5rem
}

.skew-x-12 {
    --tw-skew-x:12deg
}

.skew-y-12 {
    --tw-skew-y:12deg
}

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

.transition, .transition-colors {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter
}

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

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

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

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

.duration-200 {
    transition-duration:200ms
}

.delay-300 {
    transition-delay:300ms
}

.animate-none {
    -webkit-animation: none;
    animation:none
}

.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation:spin 1s linear infinite
}

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

.mix-blend-normal {
    mix-blend-mode:normal
}

.mix-blend-multiply {
    mix-blend-mode:multiply
}

.mix-blend-screen {
    mix-blend-mode:screen
}

.mix-blend-overlay {
    mix-blend-mode:overlay
}

.mix-blend-darken {
    mix-blend-mode:darken
}

.mix-blend-lighten {
    mix-blend-mode:lighten
}

.mix-blend-color-dodge {
    mix-blend-mode:color-dodge
}

.mix-blend-color-burn {
    mix-blend-mode:color-burn
}

.mix-blend-hard-light {
    mix-blend-mode:hard-light
}

.mix-blend-soft-light {
    mix-blend-mode:soft-light
}

.mix-blend-difference {
    mix-blend-mode:difference
}

.mix-blend-exclusion {
    mix-blend-mode:exclusion
}

.mix-blend-hue {
    mix-blend-mode:hue
}

.mix-blend-saturation {
    mix-blend-mode:saturation
}

.mix-blend-color {
    mix-blend-mode:color
}

.mix-blend-luminosity {
    mix-blend-mode:luminosity
}

.bg-blend-normal {
    background-blend-mode:normal
}

.bg-blend-multiply {
    background-blend-mode:multiply
}

.bg-blend-screen {
    background-blend-mode:screen
}

.bg-blend-overlay {
    background-blend-mode:overlay
}

.bg-blend-darken {
    background-blend-mode:darken
}

.bg-blend-lighten {
    background-blend-mode:lighten
}

.bg-blend-color-dodge {
    background-blend-mode:color-dodge
}

.bg-blend-color-burn {
    background-blend-mode:color-burn
}

.bg-blend-hard-light {
    background-blend-mode:hard-light
}

.bg-blend-soft-light {
    background-blend-mode:soft-light
}

.bg-blend-difference {
    background-blend-mode:difference
}

.bg-blend-exclusion {
    background-blend-mode:exclusion
}

.bg-blend-hue {
    background-blend-mode:hue
}

.bg-blend-saturation {
    background-blend-mode:saturation
}

.bg-blend-color {
    background-blend-mode:color
}

.bg-blend-luminosity {
    background-blend-mode:luminosity
}

.filter {
    --tw-blur: var(--tw-empty, /*!*/ /*!*/);
    --tw-brightness: var(--tw-empty, /*!*/ /*!*/);
    --tw-contrast: var(--tw-empty, /*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
    --tw-invert: var(--tw-empty, /*!*/ /*!*/);
    --tw-saturate: var(--tw-empty, /*!*/ /*!*/);
    --tw-sepia: var(--tw-empty, /*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);
    -webkit-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: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-none {
    -webkit-filter: none;
    filter:none
}

.blur {
    --tw-blur:blur(8px)
}

.blur-md {
    --tw-blur:blur(12px)
}

.brightness-150 {
    --tw-brightness:brightness(1.5)
}

.contrast-50 {
    --tw-contrast:contrast(.5)
}

.drop-shadow {
    --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
}

.drop-shadow-md {
    --tw-drop-shadow:drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
}

.grayscale {
    --tw-grayscale:grayscale(100%)
}

.hue-rotate-60 {
    --tw-hue-rotate:hue-rotate(60deg)
}

.invert {
    --tw-invert:invert(100%)
}

.saturate-200 {
    --tw-saturate:saturate(2)
}

.sepia {
    --tw-sepia:sepia(100%)
}

.backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-filter-none {
    -webkit-backdrop-filter: none;
    backdrop-filter:none
}

.backdrop-blur {
    --tw-backdrop-blur:blur(8px)
}

.backdrop-blur-lg {
    --tw-backdrop-blur:blur(16px)
}

.backdrop-brightness-50 {
    --tw-backdrop-brightness:brightness(.5)
}

.backdrop-contrast-0 {
    --tw-backdrop-contrast:contrast(0)
}

.backdrop-grayscale {
    --tw-backdrop-grayscale:grayscale(100%)
}

.backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate:hue-rotate(90deg)
}

.backdrop-invert {
    --tw-backdrop-invert:invert(100%)
}

.backdrop-opacity-75 {
    --tw-backdrop-opacity:opacity(0.75)
}

.backdrop-saturate-150 {
    --tw-backdrop-saturate:saturate(1.5)
}

.backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%)
}
/*!
 * Theme Name:   Barteldan
 * Theme URI:    https://digitaldepot.co.uk/demo/
 * Author:       The Digital Depot
 * Author URI:   https://digitaldepot.co.uk/
 * Description:  eStar is a super fast, lightweight (less than 10KB on the front end), responsive and highly customizable WordPress theme suitable for blog, personal portfolio and business websites. It works perfectly with Gutenberg and all WordPress blocks. You can also pair it with any page builder plugin like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, Thrive Architect, Brizy and more. eStar is written from scratch with performance, extensibility, usability and SEO in mind. The theme follows best practices, well-coded and follows the latest web standards (HTML5, SVG, JavaScript). Some of the other features: microdata integration, widget areas, sidebar layouts, custom colors, custom Google fonts, translation ready. Looking for a perfect base theme? Look no further. eStar is fast, fully customizable WordPress theme that you can use for building any kind of website like business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on.
 * Version:      1.3.9
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Tested up to: 5.5.1
 * Requires PHP: 5.6
 * Text Domain:  estar
 * Tags:         blog, news, portfolio, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, microformats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 */

:root {
    --container: 1280px;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 64px;
    --color-accent: #DD317C;
    --color-dark: #1a202c;
    --color-base: #4a5568;
    --color-gray: #a0aec0;
    --color-light: #e2e8f0;
    --color-lighter: #edf2f7;
    --color-lightest: #f7fafc;
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --color-wordsynk-black: #0A1312;
    --color-wordsynk-electric-blue: #0150F4;
    --color-wordsynk-lightning-blue: #2DC8F7;
    --color-wordsynk-purple: #750ED5;
    --color-wordsynk-subtle-purple: #7A64F2;
    --color-wordsynk-warming-red: #DD317C;
    --color-wordsynk-blue:#031239;
    --color-thebigword-green: #184c47;
    --color-interpreting-green: #00927c;
    --color-translating-green: #5dba97;
    --color-thebigword-interpreting-green: #00927c;
    --color-thebigword-translating-green: #5dba97;
}

body {
    font-family: var(--font-sans);
    line-height: 1.5;
    color: var(--color-base);
    box-sizing: border-box;
    word-break: break-word;
    background: #fff;
    overflow-x:hidden
}

h1, h3, h5, h6 {
    font-weight:900
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0 0 1.5rem;
    line-height: 1.25;
    max-width:840px
}

h1, h3, h4, h5, h6 {
    color:var(--color-dark)
}

#globeVizAbout canvas, h1.has-text-align-center, h2.has-text-align-center, h3.has-text-align-center, h4.has-text-align-center, h5.has-text-align-center, h6.has-text-align-center, p.has-text-align-center {
    margin-left: auto;
    margin-right:auto
}

h1 {
    font-size:var(--text-lg)
}

.page-template-service h1 {
    font-size: var(--text-3xl);
    font-size:60px
}

.single-post h1, .wp-block-pullquote p {
    font-size:var(--text-2xl)
}

h2, h4 {
    font-weight:700
}

h2 {
    font-size: var(--text-2xl);
    font-size: 18px;
    color:var(--color-wordsynk-lightning-blue)
}

h3 {
    font-size: var(--text-xl);
    font-size:28px
}

@media (min-width: 768px) {
    h3 {
        font-size:38px
    }
}

h4 {
    font-size: var(--text-lg);
    font-size:15px
}

h5 {
    font-size:var(--base-md)
}

h6 {
    font-size:var(--base-sm)
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition:all .25s
}

.wp-block-calendar a:hover, a:hover {
    text-decoration:underline
}

p {
    max-width:740px
}

:focus {
    outline:1px dotted
}

*, :after, :before {
    box-sizing:inherit
}

input, select, textarea {
    border: 1px solid var(--color-light);
    border-radius: 4px;
    padding: 8px 12px;
    line-height: 24px;
    font-size: var(--text-md);
    color:var(--color-base)
}

textarea {
    width:100%
}

embed, iframe, img, object, select, svg, video {
    max-width:100%
}

button[disabled], input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
    background-color:var(--color-gray)
}

fieldset, hr {
    margin-bottom:1.5em
}

fieldset {
    border-radius:4px
}

legend {
    padding:0 4px
}

address, blockquote, dd, dl, figure, ol, p, pre, table, ul {
    margin:0 0 1.5rem
}

p {
    margin-right:2rem
}

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

ol, ul {
    padding-left:2rem
}

li > ol, li > ul {
    margin-bottom:0
}

hr {
    background-color: var(--color-light);
    border: 0;
    height:2px
}

label {
    cursor:pointer
}

table {
    width: 100%;
    border-collapse:collapse
}

fieldset, td, th {
    border: 1px solid var(--color-light);
    padding:8px 12px
}

img, svg, video {
    height:auto
}

code, kbd, pre, samp, tt, var {
    font-family: var(--font-mono);
    font-size:var(--text-md)
}

pre {
    white-space:pre-wrap
}

.icon {
    fill: none;
    stroke: currentColor;
    stroke-width:2
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap:normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: var(--color-base);
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline:0
}

.alignleft {
    float: left;
    margin-right:1em
}

.alignright {
    float: right;
    margin-left:1em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding:0
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width:100%
}

.wp-caption img {
    display: block;
    margin-left: auto;
    margin-right:auto
}

.wp-caption-text {
    text-align: center;
    font-size: var(--text-xs);
    margin-top:.5rem
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 16px;
    text-align:center
}

.gallery img {
    display:block
}

.gallery-columns-2 {
    grid-template-columns:repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns:repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns:repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns:repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns:repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns:repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns:repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns:repeat(9, 1fr)
}

.gallery-item {
    margin:0
}

.gallery-caption, .wp-block-image img {
    display:block
}

.content {
    padding-top: 1rem;
    padding-bottom:1rem
}

.page-template-full .content, .page-template-narrow .content, .page-template-wide .content {
    padding-top: 0;
    padding-bottom:0
}

.sidebar {
    margin-top:48px
}

@media (min-width: 1024px) {
    .sidebar {
        width: 310px;
        margin-left: 32px;
        margin-top:0
    }

    .main {
        -webkit-flex: 1;
        flex: 1;
        min-width: 0;
        min-height:0
    }

    .sidebar-left .content, .sidebar-right .content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .sidebar-left .sidebar {
        margin-left: 0;
        margin-right:32px
    }

    .sidebar-left .main {
        -webkit-order: 2;
        order:2
    }

    .content-full .main, .content-wide .main, .grid-archive.no-sidebar .main {
        margin-left: 0;
        margin-right:0
    }

    .content-full .content, .page-template-full .content {
        max-width:none
    }

    .content > .elementor-edit-area {
        width:100%
    }
}

.single-post .main {
    margin-left: 0;
    margin-right:0
}

.wp-block-button__link {
    background: var(--color-accent);
    color: #fff;
    border-radius: 50px;
    padding: 4px 28px;
    cursor: pointer;
    line-height: 1.6;
    font-size: 15px;
    font-weight: 500;
    transition: all .25s;
    box-shadow:var(--shadow-lg)
}

.wp-block-button__link:hover {
    text-decoration: none;
    opacity:.75
}

.is-style-outline {
    color:var(--color-base)
}

.wp-block-cover .is-style-outline {
    color:#fff
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color:var(--color-accent)
}

.is-style-outline .wp-block-button__link {
    padding-top: 7px;
    padding-bottom: 7px;
    background: 0 0;
    border:2px solid
}

.wp-block-separator {
    background-color: var(--color-light);
    border: 0;
    height:2px
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width:5em
}

.wp-block-file .wp-block-file__button {
    background: var(--color-accent);
    border-radius: 4px;
    line-height: 1;
    font-size: var(--text-sm);
    font-weight:700
}

.wp-block-group .wp-block-group__inner-container {
    margin: 0 auto;
    max-width:var(--container)
}

@media (min-width: 1024px) {
    .page-template-narrow .wp-block-group .wp-block-group__inner-container {
        padding-left: 183px;
        padding-right:183px
    }
}

.wp-block-media-text .wp-block-media-text__content {
    padding:8%
}

.wp-block-calendar tbody td, .wp-block-calendar th, .wp-block-quote.has-text-align-right, .wp-block-table td, .wp-block-table tfoot, .wp-block-table th, .wp-block-table thead, blockquote.has-text-align-right {
    border-color:var(--color-light)
}

blockquote {
    border-left:4px solid
}

.wp-block-quote, blockquote {
    border-color: var(--color-light);
    padding-left: 1em;
    margin-bottom:1.5em
}

.wp-block-quote p:last-of-type, blockquote p:last-of-type {
    margin:0
}

.wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation, blockquote cite, blockquote footer, blockquote__citation {
    display: block;
    margin-top: 16px;
    font-size:var(--text-sm)
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin-bottom: 1.5em;
    text-align: center;
    border: 0;
    padding:0
}

.wp-block-quote.is-large:after, .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:after, .wp-block-quote.is-style-large:before {
    display: block;
    content: "";
    position: relative;
    width: 5em;
    border-top: 2px solid var(--color-light);
    margin:2.5em auto
}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-large__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-style-large__citation {
    text-align: center;
    font-size:var(--text-lg)
}

.wp-block-pullquote {
    border-color: var(--color-light);
    color: var(--color-base);
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    padding:2.5em 0
}

.wp-block-pullquote blockquote {
    border: 0;
    margin: 0;
    padding:0
}

.wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation {
    color: inherit;
    display: block;
    margin-top: 16px;
    font-size:var(--text-sm)
}

.wp-block-pullquote.is-style-solid-color {
    background: var(--color-base);
    color:#fff
}

.wp-block-pullquote.is-style-solid-color blockquote {
    text-align: center;
    max-width: 100%;
    padding:0 2.5em
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform:uppercase
}

.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
    margin-top: 1em;
    margin-bottom:1em
}

.wp-block-calendar table th {
    background:var(--color-light)
}

.wp-block-calendar tfoot a {
    color:var(--color-accent)
}

.wp-block-calendar a {
    text-decoration:none
}

.tag-cloud-link, .tags a {
    display: inline-block;
    padding: 4px 12px;
    background: var(--color-light);
    color: var(--color-base);
    font-size: var(--text-sm) !important;
    border-radius: 2px;
    margin:0 4px 4px 0
}

.tag-cloud-link:hover, .tags a:hover {
    background: var(--color-base);
    color: #fff;
    text-decoration:none
}

.has-drop-cap:not(:focus):first-letter {
    font-size: 4em;
    font-weight: 400;
    margin:6px 12px 0 0
}

.wp-block-latest-posts.is-grid {
    display: grid;
    grid-gap:32px
}

.wp-block-latest-posts.is-grid li {
    margin: 0;
    width:100%
}

.wp-block-latest-posts.is-grid a {
    color: inherit;
    font-size: var(--text-lg);
    font-weight: 700;
    line-height: 1.25;
    display: block;
    color:var(--color-dark)
}

.wp-block-latest-posts.is-grid img {
    width: 100%;
    display: block;
    margin-bottom:16px
}

@media (min-width: 768px) {
    .wp-block-latest-posts.is-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1024px) {
    .wp-block-latest-posts.columns-3 {
        grid-template-columns:repeat(3, 1fr)
    }

    .wp-block-latest-posts.columns-4 {
        grid-template-columns:repeat(4, 1fr)
    }

    .wp-block-latest-posts.columns-5 {
        grid-template-columns:repeat(5, 1fr)
    }

    .wp-block-latest-posts.columns-6 {
        grid-template-columns:repeat(6, 1fr)
    }
}

.wp-block-code {
    color: inherit;
    border-color: var(--color-light);
    font-size: var(--text-md);
    padding:12px 16px
}

.has-xs-font-size {
    font-size:var(--text-xs)
}

.has-sm-font-size {
    font-size:var(--text-sm)
}

.has-md-font-size {
    font-size:var(--text-md)
}

.has-lg-font-size {
    font-size:var(--text-lg)
}

.has-xl-font-size {
    font-size:var(--text-xl)
}

.has-2-xl-font-size {
    font-size:var(--text-2xl)
}

.has-3-xl-font-size {
    font-size:var(--text-3xl)
}

.has-4-xl-font-size {
    font-size:var(--text-4xl)
}

.has-5-xl-font-size {
    font-size:var(--text-5xl)
}

.has-6-xl-font-size {
    font-size:var(--text-6xl)
}

.has-accent-background-color {
    background-color:var(--color-accent)
}

.has-accent-color {
    color:var(--color-accent)
}

.has-dark-background-color {
    background-color:var(--color-dark)
}

.has-dark-color {
    color:var(--color-dark)
}

.has-base-background-color {
    background-color:var(--color-base)
}

.has-base-color {
    color:var(--color-base)
}

.has-gray-background-color {
    background-color:var(--color-gray)
}

.has-gray-color {
    color:var(--color-gray)
}

.has-light-background-color {
    background-color:var(--color-light)
}

.has-light-color {
    color:var(--color-light)
}

.has-white-background-color {
    background-color:#fff
}

.has-white-color {
    color:#fff
}

.has-word-synk-black-background-color {
    background-color:var(--color-wordsynk-black)
}

.has-word-synk-black-color {
    color:var(--color-wordsynk-black)
}

.has-word-synk-electric-blue-background-color {
    background-color:var(--color-wordsynk-electric-blue)
}

.has-word-synk-electric-blue-color {
    color:var(--color-wordsynk-electric-blue)
}

.has-word-synk-lightning-blue-background-color {
    background-color:var(--color-wordsynk-lightning-blue)
}

.has-word-synk-lightning-blue-color {
    color:var(--color-wordsynk-lightning-blue)
}

.has-word-synk-purple-background-color {
    background-color:var(--color-wordsynk-purple)
}

.has-gray-background-color h2, .has-word-synk-purple-color {
    color:var(--color-wordsynk-purple)
}

.has-word-synk-subtle-purple-background-color {
    background-color:var(--color-wordsynk-subtle-purple)
}

.has-word-synk-subtle-purple-color {
    color:var(--color-wordsynk-subtle-purple)
}

.has-word-synk-warming-red-background-color {
    background-color:var(--color-wordsynk-warming-red)
}

.has-word-synk-warming-red-color {
    color:var(--color-wordsynk-warming-red)
}

.has-word-synk-blue-background-color {
    background-color:var(--color-wordsynk-blue)
}

.has-word-synk-blue-color {
    color:var(--color-wordsynk-blue)
}

.has-thebigword-green-background-color {
    background-color:var(--color-thebigword-green) !important;
}

.has-thebigword-interpreting-green-background-color {
    background-color:var(--color-interpreting-green) !important;
}

.has-thebigword-translating-green-background-color {
    background-color:var(--color-translating-green) !important;
}

.has-interpreting-green-background-color {
    background-color:var(--color-interpreting-green) !important;
}

.has-translating-green-background-color {
    background-color:var(--color-translating-green) !important;
}


.wc-block-attribute-filter .wc-block-attribute-filter-list li, .wc-block-grid__product-link:hover {
    text-decoration:none
}

.wc-block-grid__product-title {
    font-size: var(--text-lg);
    color:var(--color-dark)
}

.wc-block-grid__product-title a {
    color:inherit
}

.wc-block-grid__product-price, .wc-block-grid__product-price .wc-block-grid__product-price__value {
    color: #77a464;
    font-size:var(--text-md)
}

.wc-block-grid__product-onsale {
    margin-top: 0;
    color: var(--color-base);
    border-color:var(--color-base)
}

.wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignright {
    margin-top: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    font-size: var(--text-sm);
    line-height: 48px;
    background: #77a464;
    border: 0;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 8px;
    right:8px
}

.wc-block-grid__product-price .wc-block-grid__product-price__regular, .wc-block-grid__product-price .wc-block-grid__product-price__value {
    display: inline-block;
    font-weight:400
}

.wc-block-grid__product-price .wc-block-grid__product-price__regular, .wc-block-grid__product-price del {
    color: inherit;
    opacity: .5;
    font-size: 1em;
    margin-top: 0;
    margin-right:4px
}

.wc-block-grid__product-price ins, .wc-block-grid__product-price__regular + .wc-block-grid__product-price__value {
    font-weight:700
}

.wc-block-grid__product-add-to-cart a, .wc-block-grid__product-add-to-cart button {
    display:inline-block
}

.wc-block-pagination-page:not(.toggle) {
    background: var(--color-light);
    color: var(--color-base);
    border-radius: 2px;
    border: 0;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    line-height: 1;
    font-size:var(--text-sm)
}

.wc-block-pagination-page--active[disabled], .wc-block-pagination-page--active[disabled]:focus, .wc-block-pagination-page--active[disabled]:hover, .wc-block-pagination-page:hover {
    text-decoration: none;
    background: var(--color-accent);
    color:#fff
}

.wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress {
    --range-color:var(--color-accent)
}

.wc-block-attribute-filter .wc-block-attribute-filter-list li input {
    margin-right:4px
}

.wc-block-active-filters .wc-block-active-filters-list {
    padding-left:0
}

.wc-block-grid__product-rating .star-rating, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .wc-block-review-list-item__rating {
    font-size:var(--text-xs)
}

.wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
    color:#e6a237
}

.wc-block-review-list-item__image img {
    border-radius:50%
}

.alignfull, .alignwide {
    --width: 100vw;
    width: var(--width);
    max-width: var(--width);
    margin-left: calc(50% - var(--width) /2);
    margin-right:calc(50% - var(--width)/2)
}

@media (min-width: 768px) {
    .alignfull .wp-block-group__inner-container, .alignwide .wp-block-group__inner-container {
        padding-left: 1rem;
        padding-right:1rem
    }
}

.alignfull .alignfull, .alignwide .alignfull {
    width: 100%;
    margin-left: 0;
    margin-right:0
}

.alignwide {
    --width:calc(100vw - 24px)
}

@media (min-width: 1280px) {
    .alignwide {
        --width:calc(var(--container) - 24px)
    }
}

.sidebar-left .entry-content .alignfull, .sidebar-left .entry-content .alignwide, .sidebar-left .entry-summary .alignfull, .sidebar-left .entry-summary .alignwide, .sidebar-right .entry-content .alignfull, .sidebar-right .entry-content .alignwide, .sidebar-right .entry-summary .alignfull, .sidebar-right .entry-summary .alignwide, .wp-block-jetpack-layout-grid-column .alignwide {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    max-width:none
}

.wp-block-button {
    margin-bottom:1.5em
}

.header-full .header-inner {
    max-width:none
}

.header-narrow .header-inner {
    max-width:792px
}

.header, .header-bottom {
    border-bottom:1px solid var(--color-light)
}

.header-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding-top: 8px;
    padding-bottom:8px
}

.header-sticky .header, .header-sticky.menu-bottom .header-bottom {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index:9999
}

.header-sticky.menu-bottom .header {
    position:unset
}

@media (min-width: 601px) and(max-width: 782px) {
    .header-sticky.admin-bar .header, .header-sticky.admin-bar.menu-bottom .header-bottom {
        top:46px
    }
}

@media (min-width: 783px) {
    .header-sticky.admin-bar .header, .header-sticky.admin-bar.menu-bottom .header-bottom {
        top:32px
    }
}

.header-transparent .header {
    position: absolute;
    left: 0;
    right: 0;
    background: 0 0;
    border-bottom-color:rgba(255, 255, 255, .2)
}

.header-transparent .site-description, .header-transparent .site-title a {
    color:#fff
}

.header-transparent .site-title a:hove {
    opacity:.75
}

.branding {
    display: -webkit-flex;
    display: flex;
    z-index: 1;
    margin-right:auto
}

.custom-logo-link {
    margin-right:12px
}

.custom-logo {
    display:block
}

.hide-site-name .site-name, .nav ul {
    display:none
}

.site-title {
    font-size: var(--text-xl);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin:0
}

.site-title a {
    color: var(--color-dark);
    text-decoration:none
}

.header-icon {
    padding: 8px 0 8px 12px;
    background: 0 0;
    border: 0;
    display: -webkit-flex;
    display: flex;
    color: inherit;
    position:relative
}

.header-icon:hover {
    opacity:.75
}

.header-icon svg {
    width: 18px;
    height:18px
}

.header-highlight-last-item .nav .menu > li:last-child > a {
    background: var(--color-accent);
    color: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    margin-left: 12px;
    transition:all .25s
}

.header-highlight-last-item .nav .menu > li:last-child > a:hover {
    opacity:.75
}

@media (min-width: 768px) {
    .header-bottom .menu > li:first-of-type > a {
        padding-left:0
    }

    .header-icon ~ .header-icon {
        padding-left:24px
    }
}

@media (min-width: 1024px) {
    .header-transparent .nav > ul > li > .menu-text > .sub-menu-toggle, .header-transparent .nav > ul > li > .menu-text > a, .header-transparent .nav > ul > li > a {
        color:#fff
    }

    .header-transparent .nav > ul > li:hover > .menu-text > .sub-menu-toggle, .header-transparent .nav > ul > li:hover > .menu-text > a, .header-transparent .nav > ul > li:hover > a {
        opacity:.75
    }
}

.nav {
    text-transform: uppercase;
    letter-spacing: .09px;
    font-weight: 600;
    z-index:999
}

.nav a {
    padding: 12px;
    color:inherit
}

.nav a:hover {
    text-decoration:none
}

.nav .menu {
    box-shadow:var(--shadow-md)
}

.nav, .nav .sub-menu {
    font-size:var(--text-md)
}

.nav .sub-menu {
    padding:1rem
}

.nav .sub-menu a {
    font-weight:900
}

@media (min-width: 768px) {
    .nav .sub-menu {
        border-radius: 8px;
        box-shadow:var(--shadow-lg)
    }
}

.nav .sub-menu li .menu-text a {
    text-transform: uppercase;
    font-size: var(--text-sm);
    color:#888
}

.nav .sub-menu .sub-menu {
    padding: 0;
    text-transform: initial;
    border: 0;
    box-shadow:none
}

.current-menu-ancestor > .menu-text, .current-menu-item > .menu-text, .current-menu-item > a {
    color:var(--color-accent)
}

.menu-toggle svg {
    width: 24px;
    height:24px
}

.menu-text, .no-js .nav li {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position:relative
}

.menu-text a {
    padding-right: 0;
    -webkit-flex: 1;
    flex:1
}

.sub-menu-toggle {
    color: inherit;
    background: 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding:12px 12px 12px 0
}

.sub-menu-toggle svg {
    width: 16px;
    height: 16px;
    transition: all .2s;
    color:var(--color-base)
}

@media (min-width: 768px) {
    .sub-menu-toggle svg {
        color:#fff
    }
}

.is-open > .menu-text svg {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.is-open > ul {
    display:block
}

.is-open > .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    background:#fff
}

.no-js .nav li {
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap
}

.no-js .nav li .sub-menu-toggle.is-open + .sub-menu {
    display: block;
    width:100%
}

.no-js .menu-text {
    -webkit-flex: 1;
    flex:1
}

.no-js .menu-text .sub-menu-toggle {
    display:none
}

@media (min-width: 1024px) {
    .menu-toggle {
        display:none
    }

    .nav .menu {
        box-shadow: none;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items:center
    }

    .nav li {
        position:relative
    }

    .nav .sub-menu {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        background: #fff;
        width: 300px;
        text-indent:0
    }

    .nav .sub-menu ul {
        top: 0;
        left:100%
    }

    .nav .menu, .nav .menu > li, .nav li:first-child {
        border:0
    }

    .nav li.tbw-flyout:hover .sub-menu .sub-menu li, .nav li:hover > ul {
        display:block
    }

    .nav li.tbw-flyout:hover .sub-menu {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100vw;
        max-width:48rem
    }

    .nav li.tbw-flyout:hover .sub-menu .sub-menu {
        position: unset;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        width:100%
    }

    .nav li:hover > .menu-text, .nav li:hover > a {
        color:var(--color-accent)
    }

    .sub-menu .sub-menu-toggle svg {
        -webkit-transform: rotate(-90deg);
        transform:rotate(-90deg)
    }
}

.search-close {
    padding-right:12px
}

.header-search {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 2;
    -webkit-align-items: center;
    align-items:center
}

.header-search .search-form {
    -webkit-flex: 1;
    flex:1
}

.header-search .search-field {
    border:0
}

.header-search .search-submit {
    display:none
}

.header-search-open .header-search {
    display: -webkit-flex;
    display:flex
}

@media (min-width: 768px) {
    .header-search-form .search-close, .header-search-form .search-open {
        display:none
    }

    .header-search-form .header-search {
        display: block;
        position: relative;
        margin-left:12px
    }

    .header-search-form .header-search .search-field {
        border: 1px solid var(--color-light);
        border-radius: 4px;
        font-size: var(--text-sm);
        padding:4px 8px
    }
}

.comments-area {
    border-top: 1px solid var(--color-light);
    margin-top: 24px;
    padding-top: 24px;
    font-size:var(--text-sm)
}

.comments-area ol {
    list-style:none
}

.comment-list {
    padding:0
}

.comment, .comment-meta {
    margin-bottom:1rem
}

.comment .children {
    margin-top:1rem
}

.comment-meta {
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.comment-author, .comment-meta {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items:center
}

.comment-author img {
    border-radius: 50%;
    margin-right:.5rem
}

.says {
    display:none
}

.comment-metadata {
    font-size:var(--text-xs)
}

.comment-metadata a {
    color:var(--color-gray)
}

.comment-body:after, .comment-body:before, .comment-content:after, .comment-content:before {
    content: " ";
    display:table
}

.comment-body:after, .comment-content:after {
    clear:both
}

.comment .reply a, .comment-body {
    border:1px solid var(--color-light)
}

.comment-body {
    border-radius: .25rem;
    padding:1rem
}

.comment-content a {
    word-wrap:break-word
}

.bypostauthor {
    display:block
}

.comment .reply a {
    color: var(--color-gray);
    border-radius: 2px;
    padding:2px 4px
}

.comment .reply a:before {
    content: "↵";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
    display: inline-block;
    margin-right:2px
}

.comment .reply a:hover {
    text-decoration: none;
    background: var(--color-gray);
    border-color: var(--color-gray);
    color:#fff
}

.comment-reply-title {
    margin-bottom: 16px;
    display:block
}

.comment .reply a, .comment-notes {
    font-size:var(--text-xs)
}

.comment-respond {
    margin-top:16px
}

.comment-form label {
    display: block;
    margin-bottom: 4px;
    font-weight:700
}

.comment-form input[type=checkbox] + label {
    display: inline;
    margin: 0;
    font-weight:400
}

.comment-navigation .nav-links {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.comment-navigation .nav-previous a:before {
    content: "←";
    margin-right:4px
}

.comment-navigation .nav-next a:after {
    content: "→";
    margin-left:4px
}

.footer-widgets, .site-info {
    padding: 48px 0;
    border-top:1px solid var(--color-light)
}

.footer-widgets .container {
    display: grid;
    grid-gap: 32px;
    grid-template-columns:100%
}

.footer .widget {
    -webkit-flex: 1;
    flex:1
}

.footer .widget + .widget {
    margin-top:0
}

.site-info {
    background: #fff;
    font-size: var(--text-sm);
    text-align: center;
    padding:12px
}

.go-to-top {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .2);
    position: fixed;
    right: 12px;
    bottom: 12px;
    opacity: 0;
    visibility: hidden;
    transition:all .25s
}

.go-to-top.is-visible {
    opacity: 1;
    visibility:visible
}

.go-to-top:hover {
    background:rgba(0, 0, 0, .3)
}

.go-to-top svg {
    stroke: #fff;
    width: 24px;
    height:24px
}

@media (min-width: 1024px) {
    .footer-widgets .container {
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))
    }
}

.page-header {
    margin-bottom:32px
}

.page-title {
    margin-bottom:6px
}

.more {
    margin-bottom:0
}

.archive .entry-thumbnail {
    display: block;
    width: 100%;
    position:relative
}

.archive .entry-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.archive .entry-thumbnail:after {
    content: "";
    display: block;
    padding-bottom:56.25%
}

.archive .entry-meta {
    text-transform: uppercase;
    margin-bottom: 6px;
    letter-spacing:var(--tracking-wide)
}

.archive .entry-title {
    margin-bottom:12px
}

.archive .entry-title a {
    color:var(--color-dark)
}

.archive .entry-title a:hover, .entry-meta a:hover {
    text-decoration: none;
    color:var(--color-accent)
}

.entries {
    display: grid;
    grid-gap: 48px;
    grid-template-columns: 1fr;
    -webkit-align-items: start;
    align-items:start
}

.list-horizontal .entry-thumbnail:after {
    padding-bottom:75%
}

.list-vertical .entries {
    display:block
}

.list-vertical .entry + .entry {
    margin-top:48px
}

.list-vertical .entry-thumbnail {
    margin-bottom:16px
}

.grid-archive .entries {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap:48px
}

.grid-archive .entry-thumbnail + .entry-body {
    margin-top:16px
}

.grid-archive .entry-title {
    font-size:var(--text-xl)
}

.grid-archive .entry-meta {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-transform: none;
    margin-bottom:0
}

.grid-card {
    background:var(--color-lightest)
}

.grid-card .entries {
    row-gap:32px
}

.grid-card .entry {
    box-shadow: var(--shadow-md);
    height: 100%;
    background:#fff
}

.grid-card .entry:hover {
    box-shadow:var(--shadow-lg)
}

.grid-card .entry-thumbnail img {
    border-radius:4px 4px 0 0
}

.grid-card .entry-body {
    border-radius: 4px;
    padding:18px 24px
}

.grid-card .entry-thumbnail + .entry-body {
    border-radius: 0 0 4px 4px;
    margin-top:0
}

.grid-card .page-numbers {
    background:#fff
}

@media (min-width: 768px) {
    .grid-archive .entries {
        grid-template-columns:1fr 1fr
    }

    .list-horizontal .entry {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items:flex-start
    }

    .list-horizontal .entry-thumbnail {
        width: 280px;
        margin-right:16px
    }

    .list-horizontal .entry-body {
        -webkit-flex: 1;
        flex:1
    }
}

@media (min-width: 1024px) {
    .grid-archive.no-sidebar .entries {
        grid-template-columns:1fr 1fr 1fr
    }
}

.sticky {
    display:block
}

.entry-header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom:48px
}

.entry-header-text {
    width:100%
}

.entry-title {
    margin-bottom:0
}

.post-categories {
    list-style: none;
    margin: 0 0 6px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    font-size: var(--text-sm);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap
}

.post-categories li:not(:last-child) {
    margin-right:12px
}

.entry-meta {
    font-size:var(--text-sm)
}

.entry-meta, .entry-meta a, .post-categories a {
    color:var(--color-gray)
}

.entry-meta, .entry-meta .author {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items:center
}

.entry-meta .avatar {
    border-radius: 50%;
    vertical-align: middle;
    margin-right:6px
}

.updated:not(.published) {
    display:none
}

.entry-header-right .entry-header {
    text-align:right
}

.entry-header-right .entry-meta, .entry-header-right .post-categories {
    -webkit-justify-content: end;
    justify-content:end
}

.entry-header-center .entry-header {
    text-align:center
}

.entry-header-center .entry-meta, .entry-header-center .post-categories {
    -webkit-justify-content: center;
    justify-content:center
}

.singular .entry-thumbnail {
    margin-bottom:32px
}

.singular .entry-thumbnail img {
    display: block;
    width:100%
}

.singular .entry-meta {
    margin-top:6px
}

.singular .entry-meta .author:after {
    display: inline-block;
    content: "/";
    margin:0 12px
}

.thumbnail-after-header .entry-thumbnail {
    -webkit-order: 2;
    order: 2;
    margin-top: 32px;
    margin-bottom:0
}

.thumbnail-header-background .content {
    padding-top:0
}

.thumbnail-header-background .entry-header {
    position:relative
}

.thumbnail-header-background .entry-thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-bottom: 0;
    z-index:1
}

.thumbnail-header-background .entry-thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    background:rgba(0, 0, 0, .3)
}

.thumbnail-header-background .entry-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    height:100%
}

.thumbnail-header-background .entry-header-text {
    z-index: 2;
    padding:128px 0
}

.page-template-service header .nav a, .thumbnail-header-background .entry-header-text .entry-meta, .thumbnail-header-background .entry-header-text a, .thumbnail-header-background .entry-header-text h1, .thumbnail-header-background .entry-header-text ul {
    color:#fff
}

.entry-content {
    font-size:var(--text-lg)
}

.entry-content:after, .entry-content:before {
    content: " ";
    display:table
}

.entry-content:after, .page-links {
    clear:both
}

.entry-footer {
    margin-top:32px
}

.post-navigation {
    margin-top: 24px;
    padding-top: 24px;
    border-top:1px solid var(--color-light)
}

.adjacent {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    flex:1
}

.adjacent + .adjacent {
    margin-top:24px
}

.adjacent a {
    color: var(--color-dark);
    font-weight:700
}

.adjacent img {
    display: block;
    width: 64px;
    height:64px
}

.adjacent-thumbnail {
    margin-right:12px
}

.adjacent-body, .search-form label {
    -webkit-flex: 1;
    flex:1
}

.adjacent-label {
    text-transform: uppercase;
    font-size: var(--text-xs);
    color: var(--color-gray);
    letter-spacing:var(--tracking-wide)
}

.es-buttons {
    margin-bottom:0
}

@media (min-width: 768px) {
    .post-navigation .nav-links {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content:center
    }

    .adjacent + .adjacent {
        margin-top: 0;
        margin-left: 32px;
        text-align:right
    }

    .adjacent + .adjacent .adjacent-thumbnail {
        -webkit-order: 2;
        order: 2;
        margin-right: 0;
        margin-left:12px
    }
}

@media (min-width: 1024px) {
    .thumbnail-header-background:not(.no-sidebar) .sidebar {
        margin-top:48px
    }

    .thumbnail-header-background:not(.no-sidebar) .entry-header {
        width:calc(100% + 342px)
    }

    .thumbnail-header-background.sidebar-left .entry-header {
        left:-342px
    }
}

.widget {
    font-size:var(--text-sm)
}

.widget ul {
    list-style: none;
    padding-left:0
}

.widget ul ul {
    margin-top: 8px;
    padding-left:16px
}

.widget li {
    margin-bottom:8px
}

.widget + .widget {
    margin-top:32px
}

.widget-title {
    font-size: var(--text-md);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom:12px
}

.search-form {
    display: -webkit-flex;
    display:flex
}

.search-form .search-submit {
    border-radius:0 4px 4px 0
}

.search-field {
    border-radius: 4px 0 0 4px;
    border-right: none;
    width:100%
}

.widget_media_gallery .gallery {
    grid-gap:8px
}

.pagination {
    margin-top:32px
}

.pagination .nav-links {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content:center
}

.page-numbers {
    background: var(--color-light);
    border-radius: 2px;
    border: 0;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    line-height: 1;
    font-size:var(--text-sm)
}

a.page-numbers:hover {
    text-decoration:none
}

.page-numbers.current, a.page-numbers:hover {
    background: var(--color-accent);
    color:#fff
}

.custom-logo svg {
    fill:#000
}

.footer svg, .page-template-service .custom-logo svg {
    fill:#fff
}

header .nav a, header .nav.is-open a {
    font-weight: 400;
    text-transform: initial;
    color:var(--color-base)
}

.page-numbers, header .nav .sub-menu .menu-item a, header .nav.is-open .sub-menu .menu-item a {
    color:var(--color-base)
}

header .nav .current-menu-item a, header .primary-nav .current-menu-item a {
    color:var(--color-accent)
}

.wp-block-group.hero-group, .wp-block-group.hero-group.has-background {
    padding-top: 170px;
    margin-top: -170px;
    margin-bottom: 0;
    min-height: 640px;
    position:relative;
    background: #184c47;
}

.wp-block-group.hero-group.has-background::before, .wp-block-group.hero-group::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: calc(100% + 150px);
}

@media (min-width: 768px) {
    .wp-block-group.hero-group, .wp-block-group.hero-group.has-background {
        padding-top: 150px;
        /* margin-bottom: 140px; */
        padding-top:200px
    }

    .wp-block-group.hero-group.has-background::before, .wp-block-group.hero-group::before {
    }
}

.wp-block-group.hero-group .wp-block-group__inner-container, .wp-block-group.hero-group.has-background .wp-block-group__inner-container, ol {
    position:relative
}

.wp-block-group.hero-group h2, .wp-block-group.hero-group.has-background h2 {
    font-size: 36px;
    line-height:36px
}

@media (min-width: 768px) {
    .wp-block-group.hero-group h2, .wp-block-group.hero-group.has-background h2 {
        font-size: 60px;
        line-height:60px
    }
}

.wp-block-group.hero-group .hero-image, .wp-block-group.hero-group.has-background .hero-image {
    position:relative;
}

@media (min-width: 768px) {
    .wp-block-group.hero-group .hero-image, .wp-block-group.hero-group.has-background .hero-image {
        display:block
    }
}

.wp-block-group.hero-group .hero-image img, .wp-block-group.hero-group.has-background .hero-image img {
    position: absolute;
    top: -10px;
    width: 800px;
    max-width: initial;
    border-radius: 12px;
    box-shadow: var(--shadow-2xl);
}

@media (max-width: 768px) {
    .wp-block-group.hero-group .hero-image img, .wp-block-group.hero-group.has-background .hero-image img {
        width: 100%;
    }
}

.add-drop-shadow img, .is-style-editorskit-shadow img {

    
}

.add-drop-shadow img, .is-style-editorskit-shadow img, .service-image-carousel .slick-list {
    border-radius: 12px !important;
    box-shadow:var(--shadow-2xl) !important
}

.service-image-carousel .slick-list .slick-track img {
    border-radius:12px !important
}

.max-w-half {
    max-width:50%
}

.wp-block-group.hero-group.home-hero figure.home-layer-1 img {
    top: 30px;
    width: 650px;
    left:100px
}

.wp-block-group.hero-group.home-hero figure.home-layer-2 img {
    top: -50px;
    width:250px
}

.wp-block-group.purple-red-gradient.has-background::before, .wp-block-group.purple-red-gradient::before {
    /* background:linear-gradient(45deg, #7064f2 0, #dd317c 100%) */
}

.wp-block-group.blue-lightning-blue-gradient.has-background::before, .wp-block-group.blue-lightning-blue-gradient::before {
    /* background:linear-gradient(45deg, #0150f4 0, #2dc8f7 100%) */
}

.wp-block-group.blue-purple-gradient.has-background::before, .wp-block-group.blue-purple-gradient::before {
    /* background:linear-gradient(45deg, #030f75 0, #750ed5 100%) */
}

.wp-block-group.lightning-blue.has-background::before, .wp-block-group.lightning-blue::before {
    background:var(--color-wordsynk-lightning-blue)
}

.wp-block-group, .wp-block-group.has-background {
    padding:40px 1rem
}

.wp-block-cover.featured-cover {
    padding: 0;
    height:initial
}

.wp-block-cover.featured-cover .wp-block-cover__inner-container {
    padding: 16px;
    background-color: #fff;
    color:#000
}

nav .breadcrumb {
    text-align: center;
    padding: .6rem 0;
    font-size:.8rem
}

ol {
    padding-left:0
}

ol li {
    font-size: 15px;
    margin: 8px 1.6rem;
    list-style:none
}

ol li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='bullet-tick' width='16' height='16' viewBox='0 0 16 16'%3E %3Cg fill-rule='evenodd'%3E %3Ccircle fill='%2300927C' cx='8' cy='8' r='8'/%3E %3Cpath fill='%23FFFFFF' d='M11.41 4.93L6.64 9.54 5.38 8.18a.7.7 0 0 0-.87-.04.61.61 0 0 0-.18.8l1.5 2.45c.15.22.41.36.69.36.28 0 .53-.14.68-.36.24-.31 4.82-5.78 4.82-5.78.6-.6-.13-1.15-.6-.68z'/%3E %3C/g%3E %3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: .2rem;
    vertical-align:middle
}

.entry-content ol, .entry-content ul:not(.wp-block-social-links) {
    padding-left: 0;
    position:relative
}

.entry-content ol li, .entry-content ul:not(.wp-block-social-links) li {
    font-size: 15px;
    margin: 8px 1.6rem;
    list-style:none
}

.entry-content ol li:before, .entry-content ul:not(.wp-block-social-links) li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='bullet-tick' width='16' height='16' viewBox='0 0 16 16'%3E %3Cg fill-rule='evenodd'%3E %3Ccircle fill='%2300927C' cx='8' cy='8' r='8'/%3E %3Cpath fill='%23FFFFFF' d='M11.41 4.93L6.64 9.54 5.38 8.18a.7.7 0 0 0-.87-.04.61.61 0 0 0-.18.8l1.5 2.45c.15.22.41.36.69.36.28 0 .53-.14.68-.36.24-.31 4.82-5.78 4.82-5.78.6-.6-.13-1.15-.6-.68z'/%3E %3C/g%3E %3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: .2rem;
    vertical-align:middle
}

.footer .footer-widgets {
    background-color: var(--color-thebigword-green);
    color:#fff
}

.footer .footer-widgets a, .footer .footer-widgets h2, .footer .footer-widgets h3, .footer .footer-widgets h4, .footer .footer-widgets h5, .footer .footer-widgets h6 {
    color:#fff
}

.has-gray-background-color ol li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='bullet-tick' width='16' height='16' viewBox='0 0 16 16'%3E %3Cg fill-rule='evenodd'%3E %3Ccircle fill='%2300927C' cx='8' cy='8' r='8'/%3E %3Cpath fill='%23FFFFFF' d='M11.41 4.93L6.64 9.54 5.38 8.18a.7.7 0 0 0-.87-.04.61.61 0 0 0-.18.8l1.5 2.45c.15.22.41.36.69.36.28 0 .53-.14.68-.36.24-.31 4.82-5.78 4.82-5.78.6-.6-.13-1.15-.6-.68z'/%3E %3C/g%3E %3C/svg%3E")
}

.service-button-carousel .wp-block-button__link {
    background: 0 0;
    color: var(--color-base);
    box-shadow:none
}

.service-button-carousel .slick-current {
    background: var(--color-accent);
    color:#fff
}

@media (min-width: 768px) {
    .testimonial-clip {
        -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
        clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%)
    }
}

.bg-testimonial {
    background-color:var(--color-wordsynk-blue)
}

.tbw-global .bg-testimonial {
    /* background:linear-gradient(45deg, #030f75 0, #750ed5 100%); */
    background: #184c47;
}

.government .bg-testimonial {
    /* background:linear-gradient(45deg, #0150f4 0, #2dc8f7 100%); */
    background: #184c47;
}

.enterprise .bg-testimonial {
   /* background:linear-gradient(45deg, #7064f2 0, #dd317c 100%) */
    background: #184c47;
}

.stats-panel .wp-block-columns {
    margin-bottom:0
}

.stats-panel .wp-block-columns h4 {
    font-size: var(--text-6xl);
    margin-bottom:0
}

.style-svg {
    width: 50px;
    min-width: 50px;
    height: auto;
    border-radius: 8px;
    background:var(--color-wordsynk-blue)
}

.tbw-global .style-svg {
    /* background:linear-gradient(45deg, #030f75 0, #750ed5 100%); */
    background: #184c47;
}

.government .style-svg {
    /* background:linear-gradient(45deg, #0150f4 0, #2dc8f7 100%); */
    background: #184c47;
}

.enterprise .style-svg {
   /* background:linear-gradient(45deg, #7064f2 0, #dd317c 100%) */
    background: #184c47;
}

nav .style-svg {
    width: 35px;
    min-width:35px
}

body .gform_wrapper .gform_heading {
    margin-bottom:1rem
}

body .gform_wrapper span.gform_description {
    font-weight: 300;
    width:auto
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, body .gform_wrapper label.gfield_label {
    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-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    text-transform:uppercase
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    letter-spacing:0
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper input[type=date], body .gform_wrapper input[type=datetime-local], body .gform_wrapper input[type=datetime], body .gform_wrapper input[type=email], body .gform_wrapper input[type=month], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper input[type=search], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=text], body .gform_wrapper input[type=time], body .gform_wrapper input[type=url], body .gform_wrapper input[type=week], body .gform_wrapper select, body .gform_wrapper textarea {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: .75rem .5rem;
    transition:all 200ms ease-in-out
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, body .gform_wrapper input[type=date]:focus, body .gform_wrapper input[type=datetime-local]:focus, body .gform_wrapper input[type=datetime]:focus, body .gform_wrapper input[type=email]:focus, body .gform_wrapper input[type=month]:focus, body .gform_wrapper input[type=number]:focus, body .gform_wrapper input[type=password]:focus, body .gform_wrapper input[type=search]:focus, body .gform_wrapper input[type=tel]:focus, body .gform_wrapper input[type=text]:focus, body .gform_wrapper input[type=time]:focus, body .gform_wrapper input[type=url]:focus, body .gform_wrapper input[type=week]:focus, body .gform_wrapper select:focus, body .gform_wrapper textarea:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

body .gform_wrapper .button, body .gform_wrapper .gform_footer input[type=submit] {
    line-height: 26px;
    font-size: 13px;
    padding: 10px 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: var(--color-wordsynk-warming-red);
    color:#fff
}

body .gform_wrapper .gfield_required {
    color:inherit
}

body .gform_wrapper .validation_error {
    border-width: 2px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem 1rem;
    text-align:center
}

body .gform_wrapper .gfield_error .gfield_label, body .gform_wrapper .validation_error, body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, body .gform_wrapper li.gfield_error ul.gfield_checkbox, body .gform_wrapper li.gfield_error ul.gfield_radio {
    --tw-text-opacity: 1;
    color:rgba(127, 29, 29, var(--tw-text-opacity))
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper li.gfield_error textarea {
    --tw-border-opacity: 1;
    border-color:rgba(127, 29, 29, var(--tw-border-opacity))
}

body .gform_wrapper .validation_message {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
    width:100%
}

body .gform_validation_container {
    display:none !important
}

.service-sub-menu .page_item {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left:1.5rem
}

.service-sub-menu .current_page_item {
    text-decoration:underline
}

.service-sub-menu .page_item a {
    --tw-text-opacity: 1;
    color:rgba(255, 255, 255, var(--tw-text-opacity))
}

#gform_wrapper_1 {
    background-color: #fff;
    border-radius: 12px !important;
    box-shadow: var(--shadow-2xl) !important;
    border: 1px solid #ddd;
    padding: 1rem 1rem 1rem 2rem;
    margin-top:0
}

@media (min-width: 640px) {
    .sm\:container {
        width:100%
    }

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

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

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

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

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

    .sm\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color:rgba(16, 185, 129, var(--tw-bg-opacity))
    }

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

    .sm\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

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

    .sm\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);
        --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);
        --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);
        --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);
        --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
        --tw-numeric-spacing:tabular-nums
    }
}

@media (min-width: 768px) {
    .md\:container {
        width:100%
    }

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

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

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

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

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

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

    .md\:rounded-tr-none {
        border-top-right-radius:0
    }

    .md\:rounded-bl-lg {
        border-bottom-left-radius:.5rem
    }

    .md\:flex {
        display: -webkit-flex;
        display:flex
    }

    .md\:hidden {
        display:none
    }

    .md\:justify-start {
        -webkit-justify-content: flex-start;
        justify-content:flex-start
    }

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

    .md\:order-last {
        -webkit-order: 9999;
        order:9999
    }

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

    .md\:h-80 {
        height:20rem
    }

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

    .md\:hover\:opacity-20:hover {
        opacity:.2
    }

    .md\:shadow-md, .md\:shadow-sm {
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .md\:shadow-sm {
        --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .md\:shadow-md {
        --tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

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

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

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

@media (min-width: 1024px) {
    .lg\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color:rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .lg\:flex-1 {
        -webkit-flex: 1 1 0%;
        flex:1 1 0%
    }

    .lg\:font-light {
        font-weight:300
    }

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

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

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

    .lg\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

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

    .lg\:w-0 {
        width:0
    }
}

@media (min-width: 1280px) {
    .xl\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width: 1536px) {
    .\32xl\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}