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

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

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

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

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

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


.h-0 {
    height: 0 !important
}

.h-1 {
    height: .25rem !important
}

.h-2 {
    height: .5rem !important
}

.h-3 {
    height: .75rem !important
}

.h-4 {
    height: 1rem !important
}

.h-5 {
    height: 1.25rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-7 {
    height: 1.75rem !important
}

.h-8 {
    height: 2rem !important
}

.h-9 {
    height: 2.25rem !important
}

.h-10 {
    height: 2.5rem !important
}

.h-11 {
    height: 2.75rem !important
}

.h-12 {
    height: 3rem !important
}

.h-auto {
    height: auto !important
}

.h-px {
    height: 1px !important
}

.h-0\.5 {
    height: .125rem !important
}

.h-1\.5 {
    height: .375rem !important
}

.h-2\.5 {
    height: .625rem !important
}

.h-3\.5 {
    height: .875rem !important
}

.h-1\/2 {
    height: 50% !important
}

.h-1\/3 {
    height: 33.333333% !important
}

.h-2\/3 {
    height: 66.666667% !important
}

.h-1\/4 {
    height: 25% !important
}

.h-2\/4 {
    height: 50% !important
}

.h-3\/4 {
    height: 75% !important
}

.h-1\/5 {
    height: 20% !important
}

.h-2\/5 {
    height: 40% !important
}

.h-3\/5 {
    height: 60% !important
}

.h-4\/5 {
    height: 80% !important
}

.h-1\/6 {
    height: 16.666667% !important
}

.h-2\/6 {
    height: 33.333333% !important
}

.h-3\/6 {
    height: 50% !important
}

.h-4\/6 {
    height: 66.666667% !important
}

.h-5\/6 {
    height: 83.333333% !important
}

.h-full {
    height: 100% !important
}

.h-screen {
    height: 100vh !important
}

.max-h-0 {
    max-height: 0 !important
}

.max-h-1 {
    max-height: .25rem !important
}

.max-h-2 {
    max-height: .5rem !important
}

.max-h-3 {
    max-height: .75rem !important
}

.max-h-4 {
    max-height: 1rem !important
}

.max-h-5 {
    max-height: 1.25rem !important
}

.max-h-6 {
    max-height: 1.5rem !important
}

.max-h-7 {
    max-height: 1.75rem !important
}

.max-h-8 {
    max-height: 2rem !important
}

.max-h-9 {
    max-height: 2.25rem !important
}

.max-h-10 {
    max-height: 2.5rem !important
}

.max-h-11 {
    max-height: 2.75rem !important
}

.max-h-12 {
    max-height: 3rem !important
}

.max-h-px {
    max-height: 1px !important
}

.max-h-0\.5 {
    max-height: .125rem !important
}

.max-h-1\.5 {
    max-height: .375rem !important
}

.max-h-2\.5 {
    max-height: .625rem !important
}

.max-h-3\.5 {
    max-height: .875rem !important
}

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

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

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

.min-h-full {
    min-height: 100% !important
}

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

.w-0 {
    width: 0 !important
}

.w-1 {
    width: .25rem !important
}

.w-2 {
    width: .5rem !important
}

.w-3 {
    width: .75rem !important
}

.w-4 {
    width: 1rem !important
}

.w-5 {
    width: 1.25rem !important
}

.w-6 {
    width: 1.5rem !important
}

.w-7 {
    width: 1.75rem !important
}

.w-8 {
    width: 2rem !important
}

.w-9 {
    width: 2.25rem !important
}

.w-10 {
    width: 2.5rem !important
}

.w-11 {
    width: 2.75rem !important
}

.w-12 {
    width: 3rem !important
}

.w-auto {
    width: auto !important
}

.w-px {
    width: 1px !important
}

.w-0\.5 {
    width: .125rem !important
}

.w-1\.5 {
    width: .375rem !important
}

.w-2\.5 {
    width: .625rem !important
}

.w-3\.5 {
    width: .875rem !important
}

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

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

.w-2\/3 {
    width: 66.666667% !important
}

.w-1\/4 {
    width: 25% !important
}

.w-2\/4 {
    width: 50% !important
}

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

.w-1\/5 {
    width: 20% !important
}

.w-2\/5 {
    width: 40% !important
}

.w-3\/5 {
    width: 60% !important
}

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

.w-1\/6 {
    width: 16.666667% !important
}

.w-2\/6 {
    width: 33.333333% !important
}

.w-3\/6 {
    width: 50% !important
}

.w-4\/6 {
    width: 66.666667% !important
}

.w-5\/6 {
    width: 83.333333% !important
}

.w-1\/12 {
    width: 8.333333% !important
}

.w-2\/12 {
    width: 16.666667% !important
}

.w-3\/12 {
    width: 25% !important
}

.w-4\/12 {
    width: 33.333333% !important
}

.w-5\/12 {
    width: 41.666667% !important
}

.w-6\/12 {
    width: 50% !important
}

.w-7\/12 {
    width: 58.333333% !important
}

.w-8\/12 {
    width: 66.666667% !important
}

.w-9\/12 {
    width: 75% !important
}

.w-10\/12 {
    width: 83.333333% !important
}

.w-11\/12 {
    width: 91.666667% !important
}

.w-full {
    width: 100% !important
}

.w-screen {
    width: 100vw !important
}

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

.w-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.min-w-0 {
    min-width: 0 !important
}

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

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

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

.max-w-0 {
    max-width: 0 !important
}

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

.max-w-xs {
    max-width: 20rem !important
}

.max-w-sm {
    max-width: 24rem !important
}

.max-w-md {
    max-width: 28rem !important
}

.max-w-lg {
    max-width: 32rem !important
}

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

.max-w-2xl {
    max-width: 42rem !important
}

.max-w-3xl {
    max-width: 48rem !important
}

.max-w-4xl {
    max-width: 56rem !important
}

.max-w-5xl {
    max-width: 64rem !important
}

.max-w-6xl {
    max-width: 72rem !important
}

.max-w-7xl {
    max-width: 80rem !important
}

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

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

.max-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important
}

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

.max-w-screen-sm {
    max-width: 640px !important
}

.max-w-screen-md {
    max-width: 768px !important
}

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

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

.max-w-screen-2xl {
    max-width: 1600px !important
}

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

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}
.content-center {
    align-content: center !important
}

.content-start {
    align-content: flex-start !important
}

.content-end {
    align-content: flex-end !important
}

.content-between {
    align-content: space-between !important
}

.content-around {
    align-content: space-around !important
}

.content-evenly {
    align-content: space-evenly !important
}

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

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

.items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline !important
}

.items-stretch {
    align-items: stretch !important
}

.justify-start {
    justify-content: flex-start !important
}

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

.justify-center {
    justify-content: center !important
}

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

.justify-around {
    justify-content: space-around !important
}

.justify-evenly {
    justify-content: space-evenly !important
}

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

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

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

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

.rounded-lg {
    border-radius: 0.3rem !important;
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-7 {
    gap: 1.75rem !important
}

.gap-8 {
    gap: 2rem !important
}

.gap-9 {
    gap: 2.25rem !important
}

.gap-10 {
    gap: 2.5rem !important
}

.gap-11 {
    gap: 2.75rem !important
}

.gap-12 {
    gap: 3rem !important
}

.gap-px {
    gap: 1px !important
}

.gap-0\.5 {
    gap: .125rem !important
}

.gap-1\.5 {
    gap: .375rem !important
}

.gap-2\.5 {
    gap: .625rem !important
}

.gap-3\.5 {
    gap: .875rem !important
}

.gap-x-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.gap-x-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

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

.gap-x-3 {
    -moz-column-gap: .75rem !important;
    column-gap: .75rem !important
}

.gap-x-4 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.gap-x-5 {
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
}

.gap-x-6 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.gap-x-7 {
    -moz-column-gap: 1.75rem !important;
    column-gap: 1.75rem !important
}

.gap-x-8 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important
}

.gap-x-9 {
    -moz-column-gap: 2.25rem !important;
    column-gap: 2.25rem !important
}

.gap-x-10 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
}

.gap-x-11 {
    -moz-column-gap: 2.75rem !important;
    column-gap: 2.75rem !important
}

.gap-x-12 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.gap-x-px {
    -moz-column-gap: 1px !important;
    column-gap: 1px !important
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem !important;
    column-gap: .125rem !important
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem !important;
    column-gap: .375rem !important
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem !important;
    column-gap: .625rem !important
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem !important;
    column-gap: .875rem !important
}

.gap-y-0 {
    row-gap: 0 !important
}

.gap-y-1 {
    row-gap: .25rem !important
}

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

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

.gap-y-4 {
    row-gap: 1rem !important
}

.gap-y-5 {
    row-gap: 1.25rem !important
}

.gap-y-6 {
    row-gap: 1.5rem !important
}

.gap-y-7 {
    row-gap: 1.75rem !important
}

.gap-y-8 {
    row-gap: 2rem !important
}

.gap-y-9 {
    row-gap: 2.25rem !important
}

.gap-y-10 {
    row-gap: 2.5rem !important
}

.gap-y-11 {
    row-gap: 2.75rem !important
}

.gap-y-12 {
    row-gap: 3rem !important
}

.gap-y-px {
    row-gap: 1px !important
}

.gap-y-0\.5 {
    row-gap: .125rem !important
}

.gap-y-1\.5 {
    row-gap: .375rem !important
}

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

.gap-y-3\.5 {
    row-gap: .875rem !important
}

.self-auto {
    align-self: auto !important
}

.self-start {
    align-self: flex-start !important
}

.self-end {
    align-self: flex-end !important
}

.self-center {
    align-self: center !important
}

.self-stretch {
    align-self: stretch !important
}

.self-baseline {
    align-self: baseline !important
}

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

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

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

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

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

.text-transparent {
    color: transparent !important
}

.text-current {
    color: currentColor !important
}

.text-sm {
    font-size: 0.813rem !important;
}

.text-sm, .text-xs {
    line-height: 1rem !important;
}
.text-primary {
    --tw-text-opacity: 1 !important;
    color: rgba(0,181,239,var(--tw-text-opacity)) !important
}

.text-primary-20 {
    --tw-text-opacity: 1 !important;
    color: rgba(178,232,250,var(--tw-text-opacity)) !important
}

.text-primary-40 {
    --tw-text-opacity: 1 !important;
    color: rgba(127,218,247,var(--tw-text-opacity)) !important
}

.text-primary-60 {
    --tw-text-opacity: 1 !important;
    color: rgba(76,203,243,var(--tw-text-opacity)) !important
}

.text-primary-80 {
    --tw-text-opacity: 1 !important;
    color: rgba(25,188,240,var(--tw-text-opacity)) !important
}

.text-primary-120 {
    --tw-text-opacity: 1 !important;
    color: rgba(0,162,215,var(--tw-text-opacity)) !important
}

.text-primary-140 {
    --tw-text-opacity: 1 !important;
    color: rgba(0,126,167,var(--tw-text-opacity)) !important
}

.text-primary-160 {
    --tw-text-opacity: 1 !important;
    color: rgba(0,90,119,var(--tw-text-opacity)) !important
}

.text-primary-180 {
    --tw-text-opacity: 1 !important;
    color: rgba(0,54,71,var(--tw-text-opacity)) !important
}

.text-secondary {
    color: rgba(32,37,125,var(--tw-text-opacity)) !important
}

.text-pink, .text-secondary {
    --tw-text-opacity: 1 !important
}

.text-pink {
    color: rgba(228,67,152,var(--tw-text-opacity)) !important
}

.text-darkPink {
    color: rgba(159,46,106,var(--tw-text-opacity)) !important
}

.text-darkPink, .text-green {
    --tw-text-opacity: 1 !important
}

.text-green {
    color: rgba(98,187,70,var(--tw-text-opacity)) !important
}

.text-lightGrey {
    --tw-text-opacity: 1 !important;
    color: rgba(238,238,238,var(--tw-text-opacity)) !important
}

.text-midGrey {
    color: rgba(156,173,183,var(--tw-text-opacity)) !important
}

.text-darkGrey, .text-midGrey {
    --tw-text-opacity: 1 !important
}

.text-darkGrey {
    color: rgba(34,34,34,var(--tw-text-opacity)) !important
}

.text-white {
    color: rgba(255,255,255,var(--tw-text-opacity)) !important
}

.text-black, .text-white {
    --tw-text-opacity: 1 !important
}

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

.text-darkBlue {
    --tw-text-opacity: 1 !important;
    color: rgba(32,37,125,var(--tw-text-opacity)) !important
}

.text-darkViolet {
    --tw-text-opacity: 1 !important;
    color: rgba(43,15,84,var(--tw-text-opacity)) !important
}

.text-midTeal {
    color: rgba(0,64,83,var(--tw-text-opacity)) !important
}

.text-darkTeal, .text-midTeal {
    --tw-text-opacity: 1 !important
}

.text-darkTeal {
    color: rgba(30,56,75,var(--tw-text-opacity)) !important
}

.text-opacity-0 {
    --tw-text-opacity: 0 !important
}

.text-opacity-5 {
    --tw-text-opacity: 0.05 !important
}

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

.text-opacity-20 {
    --tw-text-opacity: 0.2 !important
}

.text-opacity-25 {
    --tw-text-opacity: 0.25 !important
}

.text-opacity-30 {
    --tw-text-opacity: 0.3 !important
}

.text-opacity-40 {
    --tw-text-opacity: 0.4 !important
}

.text-opacity-50 {
    --tw-text-opacity: 0.5 !important
}

.text-opacity-60 {
    --tw-text-opacity: 0.6 !important
}

.text-opacity-70 {
    --tw-text-opacity: 0.7 !important
}

.text-opacity-75 {
    --tw-text-opacity: 0.75 !important
}

.text-opacity-80 {
    --tw-text-opacity: 0.8 !important
}

.text-opacity-90 {
    --tw-text-opacity: 0.9 !important
}

.text-opacity-95 {
    --tw-text-opacity: 0.95 !important
}

.text-opacity-100 {
    --tw-text-opacity: 1 !important
}



@media (min-width:640px) {
 
    .sm\:pointer-events-none {
        pointer-events: none !important
    }

    .sm\:pointer-events-auto {
        pointer-events: auto !important
    }

    .sm\:visible {
        visibility: visible !important
    }

    .sm\:invisible {
        visibility: hidden !important
    }

    .sm\:static {
        position: static !important
    }

    .sm\:fixed {
        position: fixed !important
    }

    .sm\:absolute {
        position: absolute !important
    }

    .sm\:relative {
        position: relative !important
    }

    .sm\:sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }

    .sm\:hidden {
        display: none !important
    }

    .sm\:h-0 {
        height: 0 !important
    }

    .sm\:h-1 {
        height: .25rem !important
    }

    .sm\:h-2 {
        height: .5rem !important
    }

    .sm\:h-3 {
        height: .75rem !important
    }

    .sm\:h-4 {
        height: 1rem !important
    }

    .sm\:h-5 {
        height: 1.25rem !important
    }

    .sm\:h-6 {
        height: 1.5rem !important
    }

    .sm\:h-7 {
        height: 1.75rem !important
    }

    .sm\:h-8 {
        height: 2rem !important
    }

    .sm\:h-9 {
        height: 2.25rem !important
    }

    .sm\:h-10 {
        height: 2.5rem !important
    }

    .sm\:h-11 {
        height: 2.75rem !important
    }

    .sm\:h-12 {
        height: 3rem !important
    }

    .sm\:h-auto {
        height: auto !important
    }

    .sm\:h-px {
        height: 1px !important
    }

    .sm\:h-0\.5 {
        height: .125rem !important
    }

    .sm\:h-1\.5 {
        height: .375rem !important
    }

    .sm\:h-2\.5 {
        height: .625rem !important
    }

    .sm\:h-3\.5 {
        height: .875rem !important
    }

    .sm\:h-1\/2 {
        height: 50% !important
    }

    .sm\:h-1\/3 {
        height: 33.333333% !important
    }

    .sm\:h-2\/3 {
        height: 66.666667% !important
    }

    .sm\:h-1\/4 {
        height: 25% !important
    }

    .sm\:h-2\/4 {
        height: 50% !important
    }

    .sm\:h-3\/4 {
        height: 75% !important
    }

    .sm\:h-1\/5 {
        height: 20% !important
    }

    .sm\:h-2\/5 {
        height: 40% !important
    }

    .sm\:h-3\/5 {
        height: 60% !important
    }

    .sm\:h-4\/5 {
        height: 80% !important
    }

    .sm\:h-1\/6 {
        height: 16.666667% !important
    }

    .sm\:h-2\/6 {
        height: 33.333333% !important
    }

    .sm\:h-3\/6 {
        height: 50% !important
    }

    .sm\:h-4\/6 {
        height: 66.666667% !important
    }

    .sm\:h-5\/6 {
        height: 83.333333% !important
    }

    .sm\:h-full {
        height: 100% !important
    }

    .sm\:h-screen {
        height: 100vh !important
    }

    .sm\:max-h-0 {
        max-height: 0 !important
    }

    .sm\:max-h-1 {
        max-height: .25rem !important
    }

    .sm\:max-h-2 {
        max-height: .5rem !important
    }

    .sm\:max-h-3 {
        max-height: .75rem !important
    }

    .sm\:max-h-4 {
        max-height: 1rem !important
    }

    .sm\:max-h-5 {
        max-height: 1.25rem !important
    }

    .sm\:max-h-6 {
        max-height: 1.5rem !important
    }

    .sm\:max-h-7 {
        max-height: 1.75rem !important
    }

    .sm\:max-h-8 {
        max-height: 2rem !important
    }

    .sm\:max-h-9 {
        max-height: 2.25rem !important
    }

    .sm\:max-h-10 {
        max-height: 2.5rem !important
    }

    .sm\:max-h-11 {
        max-height: 2.75rem !important
    }

    .sm\:max-h-12 {
        max-height: 3rem !important
    }

    .sm\:max-h-px {
        max-height: 1px !important
    }

    .sm\:max-h-0\.5 {
        max-height: .125rem !important
    }

    .sm\:max-h-1\.5 {
        max-height: .375rem !important
    }

    .sm\:max-h-2\.5 {
        max-height: .625rem !important
    }

    .sm\:max-h-3\.5 {
        max-height: .875rem !important
    }

    .sm\:max-h-full {
        max-height: 100% !important
    }

    .sm\:max-h-screen {
        max-height: 100vh !important
    }

    .sm\:min-h-0 {
        min-height: 0 !important
    }

    .sm\:min-h-full {
        min-height: 100% !important
    }

    .sm\:min-h-screen {
        min-height: 100vh !important
    }

    .sm\:w-0 {
        width: 0 !important
    }

    .sm\:w-1 {
        width: .25rem !important
    }

    .sm\:w-2 {
        width: .5rem !important
    }

    .sm\:w-3 {
        width: .75rem !important
    }

    .sm\:w-4 {
        width: 1rem !important
    }

    .sm\:w-5 {
        width: 1.25rem !important
    }

    .sm\:w-6 {
        width: 1.5rem !important
    }

    .sm\:w-7 {
        width: 1.75rem !important
    }

    .sm\:w-8 {
        width: 2rem !important
    }

    .sm\:w-9 {
        width: 2.25rem !important
    }

    .sm\:w-10 {
        width: 2.5rem !important
    }

    .sm\:w-11 {
        width: 2.75rem !important
    }

    .sm\:w-12 {
        width: 3rem !important
    }

    .sm\:w-auto {
        width: auto !important
    }

    .sm\:w-px {
        width: 1px !important
    }

    .sm\:w-0\.5 {
        width: .125rem !important
    }

    .sm\:w-1\.5 {
        width: .375rem !important
    }

    .sm\:w-2\.5 {
        width: .625rem !important
    }

    .sm\:w-3\.5 {
        width: .875rem !important
    }

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

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

    .sm\:w-2\/3 {
        width: 66.666667% !important
    }

    .sm\:w-1\/4 {
        width: 25% !important
    }

    .sm\:w-2\/4 {
        width: 50% !important
    }

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

    .sm\:w-1\/5 {
        width: 20% !important
    }

    .sm\:w-2\/5 {
        width: 40% !important
    }

    .sm\:w-3\/5 {
        width: 60% !important
    }

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

    .sm\:w-1\/6 {
        width: 16.666667% !important
    }

    .sm\:w-2\/6 {
        width: 33.333333% !important
    }

    .sm\:w-3\/6 {
        width: 50% !important
    }

    .sm\:w-4\/6 {
        width: 66.666667% !important
    }

    .sm\:w-5\/6 {
        width: 83.333333% !important
    }

    .sm\:w-1\/12 {
        width: 8.333333% !important
    }

    .sm\:w-2\/12 {
        width: 16.666667% !important
    }

    .sm\:w-3\/12 {
        width: 25% !important
    }

    .sm\:w-4\/12 {
        width: 33.333333% !important
    }

    .sm\:w-5\/12 {
        width: 41.666667% !important
    }

    .sm\:w-6\/12 {
        width: 50% !important
    }

    .sm\:w-7\/12 {
        width: 58.333333% !important
    }

    .sm\:w-8\/12 {
        width: 66.666667% !important
    }

    .sm\:w-9\/12 {
        width: 75% !important
    }

    .sm\:w-10\/12 {
        width: 83.333333% !important
    }

    .sm\:w-11\/12 {
        width: 91.666667% !important
    }

    .sm\:w-full {
        width: 100% !important
    }

    .sm\:w-screen {
        width: 100vw !important
    }

    .sm\:w-min {
        width: -webkit-min-content !important;
        width: -moz-min-content !important;
        width: min-content !important
    }

    .sm\:w-max {
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
    }

    .sm\:min-w-0 {
        min-width: 0 !important
    }

    .sm\:min-w-full {
        min-width: 100% !important
    }

    .sm\:min-w-min {
        min-width: -webkit-min-content !important;
        min-width: -moz-min-content !important;
        min-width: min-content !important
    }

    .sm\:min-w-max {
        min-width: -webkit-max-content !important;
        min-width: -moz-max-content !important;
        min-width: max-content !important
    }

    .sm\:max-w-0 {
        max-width: 0 !important
    }

    .sm\:max-w-none {
        max-width: none !important
    }

    .sm\:max-w-xs {
        max-width: 20rem !important
    }

    .sm\:max-w-sm {
        max-width: 24rem !important
    }

    .sm\:max-w-md {
        max-width: 28rem !important
    }

    .sm\:max-w-lg {
        max-width: 32rem !important
    }

    .sm\:max-w-xl {
        max-width: 36rem !important
    }

    .sm\:max-w-2xl {
        max-width: 42rem !important
    }

    .sm\:max-w-3xl {
        max-width: 48rem !important
    }

    .sm\:max-w-4xl {
        max-width: 56rem !important
    }

    .sm\:max-w-5xl {
        max-width: 64rem !important
    }

    .sm\:max-w-6xl {
        max-width: 72rem !important
    }

    .sm\:max-w-7xl {
        max-width: 80rem !important
    }

    .sm\:max-w-full {
        max-width: 100% !important
    }

    .sm\:max-w-min {
        max-width: -webkit-min-content !important;
        max-width: -moz-min-content !important;
        max-width: min-content !important
    }

    .sm\:max-w-max {
        max-width: -webkit-max-content !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important
    }

    .sm\:max-w-prose {
        max-width: 65ch !important
    }

    .sm\:max-w-screen-sm {
        max-width: 640px !important
    }

    .sm\:max-w-screen-md {
        max-width: 768px !important
    }

    .sm\:max-w-screen-lg {
        max-width: 1024px !important
    }

    .sm\:max-w-screen-xl {
        max-width: 1280px !important
    }

    .sm\:max-w-screen-2xl {
        max-width: 1600px !important
    }

    .sm\:content-center {
        align-content: center !important
    }

    .sm\:content-start {
        align-content: flex-start !important
    }

    .sm\:content-end {
        align-content: flex-end !important
    }

    .sm\:content-between {
        align-content: space-between !important
    }

    .sm\:content-around {
        align-content: space-around !important
    }

    .sm\:content-evenly {
        align-content: space-evenly !important
    }

    .sm\:items-start {
        align-items: flex-start !important
    }

    .sm\:items-end {
        align-items: flex-end !important
    }

    .sm\:items-center {
        align-items: center !important
    }

    .sm\:items-baseline {
        align-items: baseline !important
    }

    .sm\:items-stretch {
        align-items: stretch !important
    }

    .sm\:justify-start {
        justify-content: flex-start !important
    }

    .sm\:justify-end {
        justify-content: flex-end !important
    }

    .sm\:justify-center {
        justify-content: center !important
    }

    .sm\:justify-between {
        justify-content: space-between !important
    }

    .sm\:justify-around {
        justify-content: space-around !important
    }

    .sm\:justify-evenly {
        justify-content: space-evenly !important
    }

    .sm\:justify-items-start {
        justify-items: start !important
    }

    .sm\:justify-items-end {
        justify-items: end !important
    }

    .sm\:justify-items-center {
        justify-items: center !important
    }

    .sm\:justify-items-stretch {
        justify-items: stretch !important
    }

    .sm\:gap-0 {
        gap: 0 !important
    }

    .sm\:gap-1 {
        gap: .25rem !important
    }

    .sm\:gap-2 {
        gap: .5rem !important
    }

    .sm\:gap-3 {
        gap: .75rem !important
    }

    .sm\:gap-4 {
        gap: 1rem !important
    }

    .sm\:gap-5 {
        gap: 1.25rem !important
    }

    .sm\:gap-6 {
        gap: 1.5rem !important
    }

    .sm\:gap-7 {
        gap: 1.75rem !important
    }

    .sm\:gap-8 {
        gap: 2rem !important
    }

    .sm\:gap-9 {
        gap: 2.25rem !important
    }

    .sm\:gap-10 {
        gap: 2.5rem !important
    }

    .sm\:gap-11 {
        gap: 2.75rem !important
    }

    .sm\:gap-12 {
        gap: 3rem !important
    }

    .sm\:gap-px {
        gap: 1px !important
    }

    .sm\:gap-0\.5 {
        gap: .125rem !important
    }

    .sm\:gap-1\.5 {
        gap: .375rem !important
    }

    .sm\:gap-2\.5 {
        gap: .625rem !important
    }

    .sm\:gap-3\.5 {
        gap: .875rem !important
    }

    .sm\:gap-x-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .sm\:gap-x-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .sm\:gap-x-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .sm\:gap-x-3 {
        -moz-column-gap: .75rem !important;
        column-gap: .75rem !important
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .sm\:gap-x-5 {
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .sm\:gap-x-6 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .sm\:gap-x-7 {
        -moz-column-gap: 1.75rem !important;
        column-gap: 1.75rem !important
    }

    .sm\:gap-x-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .sm\:gap-x-9 {
        -moz-column-gap: 2.25rem !important;
        column-gap: 2.25rem !important
    }

    .sm\:gap-x-10 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important
    }

    .sm\:gap-x-11 {
        -moz-column-gap: 2.75rem !important;
        column-gap: 2.75rem !important
    }

    .sm\:gap-x-12 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .sm\:gap-x-px {
        -moz-column-gap: 1px !important;
        column-gap: 1px !important
    }

    .sm\:gap-x-0\.5 {
        -moz-column-gap: .125rem !important;
        column-gap: .125rem !important
    }

    .sm\:gap-x-1\.5 {
        -moz-column-gap: .375rem !important;
        column-gap: .375rem !important
    }

    .sm\:gap-x-2\.5 {
        -moz-column-gap: .625rem !important;
        column-gap: .625rem !important
    }

    .sm\:gap-x-3\.5 {
        -moz-column-gap: .875rem !important;
        column-gap: .875rem !important
    }

    .sm\:gap-y-0 {
        row-gap: 0 !important
    }

    .sm\:gap-y-1 {
        row-gap: .25rem !important
    }

    .sm\:gap-y-2 {
        row-gap: .5rem !important
    }

    .sm\:gap-y-3 {
        row-gap: .75rem !important
    }

    .sm\:gap-y-4 {
        row-gap: 1rem !important
    }

    .sm\:gap-y-5 {
        row-gap: 1.25rem !important
    }

    .sm\:gap-y-6 {
        row-gap: 1.5rem !important
    }

    .sm\:gap-y-7 {
        row-gap: 1.75rem !important
    }

    .sm\:gap-y-8 {
        row-gap: 2rem !important
    }

    .sm\:gap-y-9 {
        row-gap: 2.25rem !important
    }

    .sm\:gap-y-10 {
        row-gap: 2.5rem !important
    }

    .sm\:gap-y-11 {
        row-gap: 2.75rem !important
    }

    .sm\:gap-y-12 {
        row-gap: 3rem !important
    }

    .sm\:gap-y-px {
        row-gap: 1px !important
    }

    .sm\:gap-y-0\.5 {
        row-gap: .125rem !important
    }

    .sm\:gap-y-1\.5 {
        row-gap: .375rem !important
    }

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

    .sm\:gap-y-3\.5 {
        row-gap: .875rem !important
    }

    .sm\:self-auto {
        align-self: auto !important
    }

    .sm\:self-start {
        align-self: flex-start !important
    }

    .sm\:self-end {
        align-self: flex-end !important
    }

    .sm\:self-center {
        align-self: center !important
    }

    .sm\:self-stretch {
        align-self: stretch !important
    }

    .sm\:self-baseline {
        align-self: baseline !important
    }

    .sm\:justify-self-auto {
        justify-self: auto !important
    }

    .sm\:justify-self-start {
        justify-self: start !important
    }

    .sm\:justify-self-end {
        justify-self: end !important
    }

    .sm\:justify-self-center {
        justify-self: center !important
    }

    .sm\:justify-self-stretch {
        justify-self: stretch !important
    }
    .sm\:text-left {
        text-align: left !important
    }

    .sm\:text-center {
        text-align: center !important
    }

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

    .sm\:text-justify {
        text-align: justify !important
    }

    .sm\:align-baseline {
        vertical-align: baseline !important
    }

    .sm\:align-top {
        vertical-align: top !important
    }

    .sm\:align-middle {
        vertical-align: middle !important
    }

    .sm\:align-bottom {
        vertical-align: bottom !important
    }

    .sm\:align-text-top {
        vertical-align: text-top !important
    }

    .sm\:align-text-bottom {
        vertical-align: text-bottom !important
    }

    .sm\:font-avenir {
        font-family: Avenir LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif !important
    }

    .sm\:text-xs {
        font-size: .625rem !important
    }

    .sm\:text-sm, .sm\:text-xs {
        line-height: 1rem !important
    }

    .sm\:text-sm {
        font-size: .813rem !important
    }

    .sm\:text-base {
        font-size: 1rem !important
    }

    .sm\:text-base, .sm\:text-lg {
        line-height: 1.5rem !important
    }

    .sm\:text-lg {
        font-size: 1.25rem !important
    }

    .sm\:text-xl {
        font-size: 1.563rem !important;
        line-height: 1.5 !important
    }

    .sm\:text-2xl {
        font-size: 1.938rem !important;
        line-height: 1 !important
    }

    .sm\:text-3xl {
        font-size: 2.438rem !important;
        line-height: 1 !important
    }

    .sm\:text-4xl {
        font-size: 3.063rem !important;
        line-height: 1 !important
    }

    .sm\:font-light {
        font-weight: 300 !important
    }

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

    .sm\:font-medium {
        font-weight: 500 !important
    }

    .sm\:font-bold {
        font-weight: 800 !important
    }

    .sm\:font-black {
        font-weight: 900 !important
    }

    .sm\:uppercase {
        text-transform: uppercase !important
    }

    .sm\:lowercase {
        text-transform: lowercase !important
    }

    .sm\:capitalize {
        text-transform: capitalize !important
    }

    .sm\:normal-case {
        text-transform: none !important
    }

    .sm\:italic {
        font-style: italic !important
    }

    .sm\:not-italic {
        font-style: normal !important
    }

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

    .sm\:normal-nums {
        font-variant-numeric: normal !important
    }

    .sm\:ordinal {
        --tw-ordinal: ordinal !important
    }

    .sm\:slashed-zero {
        --tw-slashed-zero: slashed-zero !important
    }

    .sm\:lining-nums {
        --tw-numeric-figure: lining-nums !important
    }

    .sm\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums !important
    }

    .sm\:proportional-nums {
        --tw-numeric-spacing: proportional-nums !important
    }

    .sm\:tabular-nums {
        --tw-numeric-spacing: tabular-nums !important
    }

    .sm\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions !important
    }

    .sm\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions !important
    }

    .sm\:leading-3 {
        line-height: .75rem !important
    }

    .sm\:leading-4 {
        line-height: 1rem !important
    }

    .sm\:leading-5 {
        line-height: 1.25rem !important
    }

    .sm\:leading-6 {
        line-height: 1.5rem !important
    }

    .sm\:leading-none {
        line-height: 1 !important
    }

    .sm\:leading-tight {
        line-height: 1.25 !important
    }

    .sm\:leading-snug {
        line-height: 1.375 !important
    }

    .sm\:leading-normal {
        line-height: 1.5 !important
    }

    .sm\:leading-relaxed {
        line-height: 1.625 !important
    }

    .sm\:leading-loose {
        line-height: 2 !important
    }

    .sm\:tracking-tighter {
        letter-spacing: -.05em !important
    }

    .sm\:tracking-tight {
        letter-spacing: -.025em !important
    }

    .sm\:tracking-normal {
        letter-spacing: 0 !important
    }

    .sm\:tracking-wide {
        letter-spacing: .025em !important
    }

    .sm\:tracking-wider {
        letter-spacing: .05em !important
    }

    .sm\:tracking-widest {
        letter-spacing: .1em !important
    }

    .sm\:text-transparent {
        color: transparent !important
    }

    .sm\:text-current {
        color: currentColor !important
    }

    .sm\:text-primary {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-20 {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-40 {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-60 {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-80 {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-120 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-140 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-160 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .sm\:text-primary-180 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .sm\:text-secondary {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:text-pink {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .sm\:text-darkPink {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .sm\:text-green {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .sm\:text-lightGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .sm\:text-midGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .sm\:text-darkGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .sm\:text-white {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

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

    .sm\:text-darkBlue {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:text-darkViolet {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .sm\:text-midTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .sm\:text-darkTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-transparent:focus-within {
        color: transparent !important
    }

    .sm\:focus-within\:text-current:focus-within {
        color: currentColor !important
    }

    .sm\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-20:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-40:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-60:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-80:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-120:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-140:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-160:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-primary-180:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-secondary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-pink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-darkPink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-green:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-lightGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-midGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-darkGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-darkBlue:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-darkViolet:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-midTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .sm\:focus-within\:text-darkTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-transparent:hover {
        color: transparent !important
    }

    .sm\:hover\:text-current:hover {
        color: currentColor !important
    }

    .sm\:hover\:text-primary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-20:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-40:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-60:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-80:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-120:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-140:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-160:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-primary-180:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-secondary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-pink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-darkPink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-green:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-lightGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-midGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-darkGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-white:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-black:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-darkBlue:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-darkViolet:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-midTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .sm\:hover\:text-darkTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-transparent:focus {
        color: transparent !important
    }

    .sm\:focus\:text-current:focus {
        color: currentColor !important
    }

    .sm\:focus\:text-primary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-20:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-40:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-60:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-80:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-120:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-140:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-160:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-primary-180:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-secondary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-pink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-darkPink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-green:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-lightGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-midGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-darkGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-white:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-black:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-darkBlue:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-darkViolet:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-midTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .sm\:focus\:text-darkTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }
    .sm\:underline {
        text-decoration: underline !important
    }

    .sm\:line-through {
        text-decoration: line-through !important
    }

    .sm\:no-underline {
        text-decoration: none !important
    }

    .group:hover .sm\:group-hover\:underline {
        text-decoration: underline !important
    }

    .group:hover .sm\:group-hover\:line-through {
        text-decoration: line-through !important
    }

    .group:hover .sm\:group-hover\:no-underline {
        text-decoration: none !important
    }

    .sm\:focus-within\:underline:focus-within {
        text-decoration: underline !important
    }

    .sm\:focus-within\:line-through:focus-within {
        text-decoration: line-through !important
    }

    .sm\:focus-within\:no-underline:focus-within {
        text-decoration: none !important
    }

    .sm\:hover\:underline:hover {
        text-decoration: underline !important
    }

    .sm\:hover\:line-through:hover {
        text-decoration: line-through !important
    }

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

    .sm\:focus\:underline:focus {
        text-decoration: underline !important
    }

    .sm\:focus\:line-through:focus {
        text-decoration: line-through !important
    }

    .sm\:focus\:no-underline:focus {
        text-decoration: none !important
    }


    .sm\:outline-none {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important
    }

    .sm\:outline-white {
        outline: 2px dotted #fff !important;
        outline-offset: 2px !important
    }

    .sm\:outline-black {
        outline: 2px dotted #000 !important;
        outline-offset: 2px !important
    }

    .sm\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important
    }

    .sm\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff !important;
        outline-offset: 2px !important
    }

    .sm\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000 !important;
        outline-offset: 2px !important
    }

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

    .sm\:focus\:outline-white:focus {
        outline: 2px dotted #fff !important;
        outline-offset: 2px !important
    }

    .sm\:focus\:outline-black:focus {
        outline: 2px dotted #000 !important;
        outline-offset: 2px !important
    }

}

@media (min-width:768px) {

    .md\:pointer-events-none {
        pointer-events: none !important
    }

    .md\:pointer-events-auto {
        pointer-events: auto !important
    }

    .md\:visible {
        visibility: visible !important
    }

    .md\:invisible {
        visibility: hidden !important
    }

    .md\:static {
        position: static !important
    }

    .md\:fixed {
        position: fixed !important
    }

    .md\:absolute {
        position: absolute !important
    }

    .md\:relative {
        position: relative !important
    }

    .md\:sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }

    .md\:box-border {
        box-sizing: border-box !important
    }

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

    .md\:block {
        display: block !important
    }

    .md\:inline-block {
        display: inline-block !important
    }

    .md\:inline {
        display: inline !important
    }

    .md\:flex {
        display: flex !important
    }

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

    .md\:table {
        display: table !important
    }

    .md\:inline-table {
        display: inline-table !important
    }

    .md\:table-caption {
        display: table-caption !important
    }

    .md\:table-cell {
        display: table-cell !important
    }

    .md\:table-column {
        display: table-column !important
    }

    .md\:table-column-group {
        display: table-column-group !important
    }

    .md\:table-footer-group {
        display: table-footer-group !important
    }

    .md\:table-header-group {
        display: table-header-group !important
    }

    .md\:table-row-group {
        display: table-row-group !important
    }

    .md\:table-row {
        display: table-row !important
    }

    .md\:flow-root {
        display: flow-root !important
    }

    .md\:grid {
        display: grid !important
    }

    .md\:inline-grid {
        display: inline-grid !important
    }

    .md\:contents {
        display: contents !important
    }

    .md\:list-item {
        display: list-item !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:h-0 {
        height: 0 !important
    }

    .md\:h-1 {
        height: .25rem !important
    }

    .md\:h-2 {
        height: .5rem !important
    }

    .md\:h-3 {
        height: .75rem !important
    }

    .md\:h-4 {
        height: 1rem !important
    }

    .md\:h-5 {
        height: 1.25rem !important
    }

    .md\:h-6 {
        height: 1.5rem !important
    }

    .md\:h-7 {
        height: 1.75rem !important
    }

    .md\:h-8 {
        height: 2rem !important
    }

    .md\:h-9 {
        height: 2.25rem !important
    }

    .md\:h-10 {
        height: 2.5rem !important
    }

    .md\:h-11 {
        height: 2.75rem !important
    }

    .md\:h-12 {
        height: 3rem !important
    }

    .md\:h-auto {
        height: auto !important
    }

    .md\:h-px {
        height: 1px !important
    }

    .md\:h-0\.5 {
        height: .125rem !important
    }

    .md\:h-1\.5 {
        height: .375rem !important
    }

    .md\:h-2\.5 {
        height: .625rem !important
    }

    .md\:h-3\.5 {
        height: .875rem !important
    }

    .md\:h-1\/2 {
        height: 50% !important
    }

    .md\:h-1\/3 {
        height: 33.333333% !important
    }

    .md\:h-2\/3 {
        height: 66.666667% !important
    }

    .md\:h-1\/4 {
        height: 25% !important
    }

    .md\:h-2\/4 {
        height: 50% !important
    }

    .md\:h-3\/4 {
        height: 75% !important
    }

    .md\:h-1\/5 {
        height: 20% !important
    }

    .md\:h-2\/5 {
        height: 40% !important
    }

    .md\:h-3\/5 {
        height: 60% !important
    }

    .md\:h-4\/5 {
        height: 80% !important
    }

    .md\:h-1\/6 {
        height: 16.666667% !important
    }

    .md\:h-2\/6 {
        height: 33.333333% !important
    }

    .md\:h-3\/6 {
        height: 50% !important
    }

    .md\:h-4\/6 {
        height: 66.666667% !important
    }

    .md\:h-5\/6 {
        height: 83.333333% !important
    }

    .md\:h-full {
        height: 100% !important
    }

    .md\:h-screen {
        height: 100vh !important
    }

    .md\:max-h-0 {
        max-height: 0 !important
    }

    .md\:max-h-1 {
        max-height: .25rem !important
    }

    .md\:max-h-2 {
        max-height: .5rem !important
    }

    .md\:max-h-3 {
        max-height: .75rem !important
    }

    .md\:max-h-4 {
        max-height: 1rem !important
    }

    .md\:max-h-5 {
        max-height: 1.25rem !important
    }

    .md\:max-h-6 {
        max-height: 1.5rem !important
    }

    .md\:max-h-7 {
        max-height: 1.75rem !important
    }

    .md\:max-h-8 {
        max-height: 2rem !important
    }

    .md\:max-h-9 {
        max-height: 2.25rem !important
    }

    .md\:max-h-10 {
        max-height: 2.5rem !important
    }

    .md\:max-h-11 {
        max-height: 2.75rem !important
    }

    .md\:max-h-12 {
        max-height: 3rem !important
    }

    .md\:max-h-px {
        max-height: 1px !important
    }

    .md\:max-h-0\.5 {
        max-height: .125rem !important
    }

    .md\:max-h-1\.5 {
        max-height: .375rem !important
    }

    .md\:max-h-2\.5 {
        max-height: .625rem !important
    }

    .md\:max-h-3\.5 {
        max-height: .875rem !important
    }

    .md\:max-h-full {
        max-height: 100% !important
    }

    .md\:max-h-screen {
        max-height: 100vh !important
    }

    .md\:min-h-0 {
        min-height: 0 !important
    }

    .md\:min-h-full {
        min-height: 100% !important
    }

    .md\:min-h-screen {
        min-height: 100vh !important
    }

    .md\:w-0 {
        width: 0 !important
    }

    .md\:w-1 {
        width: .25rem !important
    }

    .md\:w-2 {
        width: .5rem !important
    }

    .md\:w-3 {
        width: .75rem !important
    }

    .md\:w-4 {
        width: 1rem !important
    }

    .md\:w-5 {
        width: 1.25rem !important
    }

    .md\:w-6 {
        width: 1.5rem !important
    }

    .md\:w-7 {
        width: 1.75rem !important
    }

    .md\:w-8 {
        width: 2rem !important
    }

    .md\:w-9 {
        width: 2.25rem !important
    }

    .md\:w-10 {
        width: 2.5rem !important
    }

    .md\:w-11 {
        width: 2.75rem !important
    }

    .md\:w-12 {
        width: 3rem !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-px {
        width: 1px !important
    }

    .md\:w-0\.5 {
        width: .125rem !important
    }

    .md\:w-1\.5 {
        width: .375rem !important
    }

    .md\:w-2\.5 {
        width: .625rem !important
    }

    .md\:w-3\.5 {
        width: .875rem !important
    }

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

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

    .md\:w-2\/3 {
        width: 66.666667% !important
    }

    .md\:w-1\/4 {
        width: 25% !important
    }

    .md\:w-2\/4 {
        width: 50% !important
    }

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

    .md\:w-1\/5 {
        width: 20% !important
    }

    .md\:w-2\/5 {
        width: 40% !important
    }

    .md\:w-3\/5 {
        width: 60% !important
    }

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

    .md\:w-1\/6 {
        width: 16.666667% !important
    }

    .md\:w-2\/6 {
        width: 33.333333% !important
    }

    .md\:w-3\/6 {
        width: 50% !important
    }

    .md\:w-4\/6 {
        width: 66.666667% !important
    }

    .md\:w-5\/6 {
        width: 83.333333% !important
    }

    .md\:w-1\/12 {
        width: 8.333333% !important
    }

    .md\:w-2\/12 {
        width: 16.666667% !important
    }

    .md\:w-3\/12 {
        width: 25% !important
    }

    .md\:w-4\/12 {
        width: 33.333333% !important
    }

    .md\:w-5\/12 {
        width: 41.666667% !important
    }

    .md\:w-6\/12 {
        width: 50% !important
    }

    .md\:w-7\/12 {
        width: 58.333333% !important
    }

    .md\:w-8\/12 {
        width: 66.666667% !important
    }

    .md\:w-9\/12 {
        width: 75% !important
    }

    .md\:w-10\/12 {
        width: 83.333333% !important
    }

    .md\:w-11\/12 {
        width: 91.666667% !important
    }

    .md\:w-full {
        width: 100% !important
    }

    .md\:w-screen {
        width: 100vw !important
    }

    .md\:w-min {
        width: -webkit-min-content !important;
        width: -moz-min-content !important;
        width: min-content !important
    }

    .md\:w-max {
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
    }

    .md\:min-w-0 {
        min-width: 0 !important
    }

    .md\:min-w-full {
        min-width: 100% !important
    }

    .md\:min-w-min {
        min-width: -webkit-min-content !important;
        min-width: -moz-min-content !important;
        min-width: min-content !important
    }

    .md\:min-w-max {
        min-width: -webkit-max-content !important;
        min-width: -moz-max-content !important;
        min-width: max-content !important
    }

    .md\:max-w-0 {
        max-width: 0 !important
    }

    .md\:max-w-none {
        max-width: none !important
    }

    .md\:max-w-xs {
        max-width: 20rem !important
    }

    .md\:max-w-sm {
        max-width: 24rem !important
    }

    .md\:max-w-md {
        max-width: 28rem !important
    }

    .md\:max-w-lg {
        max-width: 32rem !important
    }

    .md\:max-w-xl {
        max-width: 36rem !important
    }

    .md\:max-w-2xl {
        max-width: 42rem !important
    }

    .md\:max-w-3xl {
        max-width: 48rem !important
    }

    .md\:max-w-4xl {
        max-width: 56rem !important
    }

    .md\:max-w-5xl {
        max-width: 64rem !important
    }

    .md\:max-w-6xl {
        max-width: 72rem !important
    }

    .md\:max-w-7xl {
        max-width: 80rem !important
    }

    .md\:max-w-full {
        max-width: 100% !important
    }

    .md\:max-w-min {
        max-width: -webkit-min-content !important;
        max-width: -moz-min-content !important;
        max-width: min-content !important
    }

    .md\:max-w-max {
        max-width: -webkit-max-content !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important
    }

    .md\:max-w-prose {
        max-width: 65ch !important
    }

    .md\:max-w-screen-sm {
        max-width: 640px !important
    }

    .md\:max-w-screen-md {
        max-width: 768px !important
    }

    .md\:max-w-screen-lg {
        max-width: 1024px !important
    }

    .md\:max-w-screen-xl {
        max-width: 1280px !important
    }

    .md\:max-w-screen-2xl {
        max-width: 1600px !important
    }

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

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

    .md\:flex-initial {
        flex: 0 1 auto !important
    }

    .md\:flex-none {
        flex: none !important
    }

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

    .md\:flex-shrink {
        flex-shrink: 1 !important
    }

    .md\:flex-grow-0 {
        flex-grow: 0 !important
    }

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

    .md\:table-auto {
        table-layout: auto !important
    }

    .md\:table-fixed {
        table-layout: fixed !important
    }

    .md\:border-collapse {
        border-collapse: collapse !important
    }

    .md\:border-separate {
        border-collapse: separate !important
    }

    .md\:origin-center {
        transform-origin: center !important
    }

    .md\:appearance-none {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important
    }

    .md\:auto-cols-auto {
        grid-auto-columns: auto !important
    }

    .md\:auto-cols-min {
        grid-auto-columns: -webkit-min-content !important;
        grid-auto-columns: min-content !important
    }

    .md\:auto-cols-max {
        grid-auto-columns: -webkit-max-content !important;
        grid-auto-columns: max-content !important
    }

    .md\:auto-cols-fr {
        grid-auto-columns: minmax(0,1fr) !important
    }

    .md\:grid-flow-row {
        grid-auto-flow: row !important
    }

    .md\:grid-flow-col {
        grid-auto-flow: column !important
    }

    .md\:grid-flow-row-dense {
        grid-auto-flow: row dense !important
    }

    .md\:grid-flow-col-dense {
        grid-auto-flow: column dense !important
    }

    .md\:auto-rows-auto {
        grid-auto-rows: auto !important
    }

    .md\:auto-rows-min {
        grid-auto-rows: -webkit-min-content !important;
        grid-auto-rows: min-content !important
    }

    .md\:auto-rows-max {
        grid-auto-rows: -webkit-max-content !important;
        grid-auto-rows: max-content !important
    }

    .md\:auto-rows-fr {
        grid-auto-rows: minmax(0,1fr) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:grid-cols-none {
        grid-template-columns: none !important
    }

    .md\:grid-rows-1 {
        grid-template-rows: repeat(1,minmax(0,1fr)) !important
    }

    .md\:grid-rows-2 {
        grid-template-rows: repeat(2,minmax(0,1fr)) !important
    }

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

    .md\:grid-rows-4 {
        grid-template-rows: repeat(4,minmax(0,1fr)) !important
    }

    .md\:grid-rows-5 {
        grid-template-rows: repeat(5,minmax(0,1fr)) !important
    }

    .md\:grid-rows-6 {
        grid-template-rows: repeat(6,minmax(0,1fr)) !important
    }

    .md\:grid-rows-none {
        grid-template-rows: none !important
    }

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

    .md\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

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

    .md\:flex-col-reverse {
        flex-direction: column-reverse !important
    }

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

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap !important
    }

    .md\:place-content-center {
        place-content: center !important
    }

    .md\:place-content-start {
        place-content: start !important
    }

    .md\:place-content-end {
        place-content: end !important
    }

    .md\:place-content-between {
        place-content: space-between !important
    }

    .md\:place-content-around {
        place-content: space-around !important
    }

    .md\:place-content-evenly {
        place-content: space-evenly !important
    }

    .md\:place-content-stretch {
        place-content: stretch !important
    }

    .md\:place-items-start {
        place-items: start !important
    }

    .md\:place-items-end {
        place-items: end !important
    }

    .md\:place-items-center {
        place-items: center !important
    }

    .md\:place-items-stretch {
        place-items: stretch !important
    }

    .md\:content-center {
        align-content: center !important
    }

    .md\:content-start {
        align-content: flex-start !important
    }

    .md\:content-end {
        align-content: flex-end !important
    }

    .md\:content-between {
        align-content: space-between !important
    }

    .md\:content-around {
        align-content: space-around !important
    }

    .md\:content-evenly {
        align-content: space-evenly !important
    }

    .md\:items-start {
        align-items: flex-start !important
    }

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

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

    .md\:items-baseline {
        align-items: baseline !important
    }

    .md\:items-stretch {
        align-items: stretch !important
    }

    .md\:justify-start {
        justify-content: flex-start !important
    }

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

    .md\:justify-center {
        justify-content: center !important
    }

    .md\:justify-between {
        justify-content: space-between !important
    }

    .md\:justify-around {
        justify-content: space-around !important
    }

    .md\:justify-evenly {
        justify-content: space-evenly !important
    }

    .md\:justify-items-start {
        justify-items: start !important
    }

    .md\:justify-items-end {
        justify-items: end !important
    }

    .md\:justify-items-center {
        justify-items: center !important
    }

    .md\:justify-items-stretch {
        justify-items: stretch !important
    }

    .md\:gap-0 {
        gap: 0 !important
    }

    .md\:gap-1 {
        gap: .25rem !important
    }

    .md\:gap-2 {
        gap: .5rem !important
    }

    .md\:gap-3 {
        gap: .75rem !important
    }

    .md\:gap-4 {
        gap: 1rem !important
    }

    .md\:gap-5 {
        gap: 1.25rem !important
    }

    .md\:gap-6 {
        gap: 1.5rem !important
    }

    .md\:gap-7 {
        gap: 1.75rem !important
    }

    .md\:gap-8 {
        gap: 2rem !important
    }

    .md\:gap-9 {
        gap: 2.25rem !important
    }

    .md\:gap-10 {
        gap: 2.5rem !important
    }

    .md\:gap-11 {
        gap: 2.75rem !important
    }

    .md\:gap-12 {
        gap: 3rem !important
    }

    .md\:gap-px {
        gap: 1px !important
    }

    .md\:gap-0\.5 {
        gap: .125rem !important
    }

    .md\:gap-1\.5 {
        gap: .375rem !important
    }

    .md\:gap-2\.5 {
        gap: .625rem !important
    }

    .md\:gap-3\.5 {
        gap: .875rem !important
    }

    .md\:gap-x-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .md\:gap-x-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .md\:gap-x-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .md\:gap-x-3 {
        -moz-column-gap: .75rem !important;
        column-gap: .75rem !important
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .md\:gap-x-5 {
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .md\:gap-x-7 {
        -moz-column-gap: 1.75rem !important;
        column-gap: 1.75rem !important
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .md\:gap-x-9 {
        -moz-column-gap: 2.25rem !important;
        column-gap: 2.25rem !important
    }

    .md\:gap-x-10 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important
    }

    .md\:gap-x-11 {
        -moz-column-gap: 2.75rem !important;
        column-gap: 2.75rem !important
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .md\:gap-x-px {
        -moz-column-gap: 1px !important;
        column-gap: 1px !important
    }

    .md\:gap-x-0\.5 {
        -moz-column-gap: .125rem !important;
        column-gap: .125rem !important
    }

    .md\:gap-x-1\.5 {
        -moz-column-gap: .375rem !important;
        column-gap: .375rem !important
    }

    .md\:gap-x-2\.5 {
        -moz-column-gap: .625rem !important;
        column-gap: .625rem !important
    }

    .md\:gap-x-3\.5 {
        -moz-column-gap: .875rem !important;
        column-gap: .875rem !important
    }

    .md\:gap-y-0 {
        row-gap: 0 !important
    }

    .md\:gap-y-1 {
        row-gap: .25rem !important
    }

    .md\:gap-y-2 {
        row-gap: .5rem !important
    }

    .md\:gap-y-3 {
        row-gap: .75rem !important
    }

    .md\:gap-y-4 {
        row-gap: 1rem !important
    }

    .md\:gap-y-5 {
        row-gap: 1.25rem !important
    }

    .md\:gap-y-6 {
        row-gap: 1.5rem !important
    }

    .md\:gap-y-7 {
        row-gap: 1.75rem !important
    }

    .md\:gap-y-8 {
        row-gap: 2rem !important
    }

    .md\:gap-y-9 {
        row-gap: 2.25rem !important
    }

    .md\:gap-y-10 {
        row-gap: 2.5rem !important
    }

    .md\:gap-y-11 {
        row-gap: 2.75rem !important
    }

    .md\:gap-y-12 {
        row-gap: 3rem !important
    }

    .md\:gap-y-px {
        row-gap: 1px !important
    }

    .md\:gap-y-0\.5 {
        row-gap: .125rem !important
    }

    .md\:gap-y-1\.5 {
        row-gap: .375rem !important
    }

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

    .md\:gap-y-3\.5 {
        row-gap: .875rem !important
    }


    .md\:self-auto {
        align-self: auto !important
    }

    .md\:self-start {
        align-self: flex-start !important
    }

    .md\:self-end {
        align-self: flex-end !important
    }

    .md\:self-center {
        align-self: center !important
    }

    .md\:self-stretch {
        align-self: stretch !important
    }

    .md\:self-baseline {
        align-self: baseline !important
    }

    .md\:justify-self-auto {
        justify-self: auto !important
    }

    .md\:justify-self-start {
        justify-self: start !important
    }

    .md\:justify-self-end {
        justify-self: end !important
    }

    .md\:justify-self-center {
        justify-self: center !important
    }

    .md\:justify-self-stretch {
        justify-self: stretch !important
    }

    .md\:overflow-auto {
        overflow: auto !important
    }

    .md\:overflow-hidden {
        overflow: hidden !important
    }

    .md\:overflow-visible {
        overflow: visible !important
    }

    .md\:overflow-scroll {
        overflow: scroll !important
    }

    .md\:overflow-x-auto {
        overflow-x: auto !important
    }

    .md\:overflow-y-auto {
        overflow-y: auto !important
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden !important
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden !important
    }

    .md\:overflow-x-visible {
        overflow-x: visible !important
    }

    .md\:overflow-y-visible {
        overflow-y: visible !important
    }

    .md\:overflow-x-scroll {
        overflow-x: scroll !important
    }

    .md\:overflow-y-scroll {
        overflow-y: scroll !important
    }

    .md\:overscroll-auto {
        -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important
    }

    .md\:overscroll-contain {
        -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important
    }

    .md\:overscroll-none {
        -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important
    }

    .md\:overscroll-y-auto {
        overscroll-behavior-y: auto !important
    }

    .md\:overscroll-y-contain {
        overscroll-behavior-y: contain !important
    }

    .md\:overscroll-y-none {
        overscroll-behavior-y: none !important
    }

    .md\:overscroll-x-auto {
        overscroll-behavior-x: auto !important
    }

    .md\:overscroll-x-contain {
        overscroll-behavior-x: contain !important
    }

    .md\:overscroll-x-none {
        overscroll-behavior-x: none !important
    }

    .md\:truncate {
        overflow: hidden !important;
        white-space: nowrap !important
    }

    .md\:overflow-ellipsis, .md\:truncate {
        text-overflow: ellipsis !important
    }

    .md\:overflow-clip {
        text-overflow: clip !important
    }

    .md\:whitespace-normal {
        white-space: normal !important
    }

    .md\:whitespace-nowrap {
        white-space: nowrap !important
    }

    .md\:whitespace-pre {
        white-space: pre !important
    }

    .md\:whitespace-pre-line {
        white-space: pre-line !important
    }

    .md\:whitespace-pre-wrap {
        white-space: pre-wrap !important
    }

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

    .md\:text-center {
        text-align: center !important
    }

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

    .md\:text-justify {
        text-align: justify !important
    }

    .md\:align-baseline {
        vertical-align: baseline !important
    }

    .md\:align-top {
        vertical-align: top !important
    }

    .md\:align-middle {
        vertical-align: middle !important
    }

    .md\:align-bottom {
        vertical-align: bottom !important
    }

    .md\:align-text-top {
        vertical-align: text-top !important
    }

    .md\:align-text-bottom {
        vertical-align: text-bottom !important
    }

    .md\:font-avenir {
        font-family: Avenir LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif !important
    }

    .md\:text-xs {
        font-size: .625rem !important
    }

    .md\:text-sm, .md\:text-xs {
        line-height: 1rem !important
    }

    .md\:text-sm {
        font-size: .813rem !important
    }

    .md\:text-base {
        font-size: 1rem !important
    }

    .md\:text-base, .md\:text-lg {
        line-height: 1.5rem !important
    }

    .md\:text-lg {
        font-size: 1.25rem !important
    }

    .md\:text-xl {
        font-size: 1.563rem !important;
        line-height: 1.5 !important
    }

    .md\:text-2xl {
        font-size: 1.938rem !important;
        line-height: 1 !important
    }

    .md\:text-3xl {
        font-size: 2.438rem !important;
        line-height: 1 !important
    }

    .md\:text-4xl {
        font-size: 3.063rem !important;
        line-height: 1 !important
    }

    .md\:font-light {
        font-weight: 300 !important
    }

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

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

    .md\:font-bold {
        font-weight: 800 !important
    }

    .md\:font-black {
        font-weight: 900 !important
    }

    .md\:uppercase {
        text-transform: uppercase !important
    }

    .md\:lowercase {
        text-transform: lowercase !important
    }

    .md\:capitalize {
        text-transform: capitalize !important
    }

    .md\:normal-case {
        text-transform: none !important
    }

    .md\:italic {
        font-style: italic !important
    }

    .md\:not-italic {
        font-style: normal !important
    }

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

    .md\:normal-nums {
        font-variant-numeric: normal !important
    }

    .md\:ordinal {
        --tw-ordinal: ordinal !important
    }

    .md\:slashed-zero {
        --tw-slashed-zero: slashed-zero !important
    }

    .md\:lining-nums {
        --tw-numeric-figure: lining-nums !important
    }

    .md\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums !important
    }

    .md\:proportional-nums {
        --tw-numeric-spacing: proportional-nums !important
    }

    .md\:tabular-nums {
        --tw-numeric-spacing: tabular-nums !important
    }

    .md\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions !important
    }

    .md\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions !important
    }

    .md\:leading-3 {
        line-height: .75rem !important
    }

    .md\:leading-4 {
        line-height: 1rem !important
    }

    .md\:leading-5 {
        line-height: 1.25rem !important
    }

    .md\:leading-6 {
        line-height: 1.5rem !important
    }

    .md\:leading-none {
        line-height: 1 !important
    }

    .md\:leading-tight {
        line-height: 1.25 !important
    }

    .md\:leading-snug {
        line-height: 1.375 !important
    }

    .md\:leading-normal {
        line-height: 1.5 !important
    }

    .md\:leading-relaxed {
        line-height: 1.625 !important
    }

    .md\:leading-loose {
        line-height: 2 !important
    }

    .md\:tracking-tighter {
        letter-spacing: -.05em !important
    }

    .md\:tracking-tight {
        letter-spacing: -.025em !important
    }

    .md\:tracking-normal {
        letter-spacing: 0 !important
    }

    .md\:tracking-wide {
        letter-spacing: .025em !important
    }

    .md\:tracking-wider {
        letter-spacing: .05em !important
    }

    .md\:tracking-widest {
        letter-spacing: .1em !important
    }

    .md\:text-transparent {
        color: transparent !important
    }

    .md\:text-current {
        color: currentColor !important
    }

    .md\:text-primary {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-20 {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-40 {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-60 {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-80 {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-120 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-140 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-160 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .md\:text-primary-180 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .md\:text-secondary {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:text-pink {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .md\:text-darkPink {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .md\:text-green {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .md\:text-lightGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .md\:text-midGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .md\:text-darkGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .md\:text-white {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

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

    .md\:text-darkBlue {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:text-darkViolet {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .md\:text-midTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .md\:text-darkTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-transparent:focus-within {
        color: transparent !important
    }

    .md\:focus-within\:text-current:focus-within {
        color: currentColor !important
    }

    .md\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-20:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-40:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-60:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-80:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-120:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-140:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-160:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-primary-180:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-secondary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-pink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-darkPink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-green:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-lightGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-midGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-darkGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-darkBlue:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-darkViolet:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-midTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .md\:focus-within\:text-darkTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-transparent:hover {
        color: transparent !important
    }

    .md\:hover\:text-current:hover {
        color: currentColor !important
    }

    .md\:hover\:text-primary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-20:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-40:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-60:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-80:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-120:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-140:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-160:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-primary-180:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-secondary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-pink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-darkPink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-green:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-lightGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-midGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-darkGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-white:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-black:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-darkBlue:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-darkViolet:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-midTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .md\:hover\:text-darkTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-transparent:focus {
        color: transparent !important
    }

    .md\:focus\:text-current:focus {
        color: currentColor !important
    }

    .md\:focus\:text-primary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-20:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-40:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-60:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-80:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-120:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-140:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-160:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-primary-180:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-secondary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-pink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-darkPink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-green:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-lightGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-midGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-darkGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-white:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-black:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-darkBlue:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-darkViolet:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-midTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .md\:focus\:text-darkTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .md\:underline {
        text-decoration: underline !important
    }

    .md\:line-through {
        text-decoration: line-through !important
    }

    .md\:no-underline {
        text-decoration: none !important
    }

    .group:hover .md\:group-hover\:underline {
        text-decoration: underline !important
    }

    .group:hover .md\:group-hover\:line-through {
        text-decoration: line-through !important
    }

    .group:hover .md\:group-hover\:no-underline {
        text-decoration: none !important
    }

    .md\:focus-within\:underline:focus-within {
        text-decoration: underline !important
    }

    .md\:focus-within\:line-through:focus-within {
        text-decoration: line-through !important
    }

    .md\:focus-within\:no-underline:focus-within {
        text-decoration: none !important
    }

    .md\:hover\:underline:hover {
        text-decoration: underline !important
    }

    .md\:hover\:line-through:hover {
        text-decoration: line-through !important
    }

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

    .md\:focus\:underline:focus {
        text-decoration: underline !important
    }

    .md\:focus\:line-through:focus {
        text-decoration: line-through !important
    }

    .md\:focus\:no-underline:focus {
        text-decoration: none !important
    }
}

@media (min-width:1024px) {
    .lg\:pointer-events-none {
        pointer-events: none !important
    }

    .lg\:pointer-events-auto {
        pointer-events: auto !important
    }

    .lg\:visible {
        visibility: visible !important
    }

    .lg\:invisible {
        visibility: hidden !important
    }

    .lg\:static {
        position: static !important
    }

    .lg\:fixed {
        position: fixed !important
    }

    .lg\:absolute {
        position: absolute !important
    }

    .lg\:relative {
        position: relative !important
    }

    .lg\:sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }
    .lg\:grid {
        display: grid !important
    }

    .lg\:inline-grid {
        display: inline-grid !important
    }

    .lg\:contents {
        display: contents !important
    }

    .lg\:list-item {
        display: list-item !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-0 {
        height: 0 !important
    }

    .lg\:h-1 {
        height: .25rem !important
    }

    .lg\:h-2 {
        height: .5rem !important
    }

    .lg\:h-3 {
        height: .75rem !important
    }

    .lg\:h-4 {
        height: 1rem !important
    }

    .lg\:h-5 {
        height: 1.25rem !important
    }

    .lg\:h-6 {
        height: 1.5rem !important
    }

    .lg\:h-7 {
        height: 1.75rem !important
    }

    .lg\:h-8 {
        height: 2rem !important
    }

    .lg\:h-9 {
        height: 2.25rem !important
    }

    .lg\:h-10 {
        height: 2.5rem !important
    }

    .lg\:h-11 {
        height: 2.75rem !important
    }

    .lg\:h-12 {
        height: 3rem !important
    }

    .lg\:h-auto {
        height: auto !important
    }

    .lg\:h-px {
        height: 1px !important
    }

    .lg\:h-0\.5 {
        height: .125rem !important
    }

    .lg\:h-1\.5 {
        height: .375rem !important
    }

    .lg\:h-2\.5 {
        height: .625rem !important
    }

    .lg\:h-3\.5 {
        height: .875rem !important
    }

    .lg\:h-1\/2 {
        height: 50% !important
    }

    .lg\:h-1\/3 {
        height: 33.333333% !important
    }

    .lg\:h-2\/3 {
        height: 66.666667% !important
    }

    .lg\:h-1\/4 {
        height: 25% !important
    }

    .lg\:h-2\/4 {
        height: 50% !important
    }

    .lg\:h-3\/4 {
        height: 75% !important
    }

    .lg\:h-1\/5 {
        height: 20% !important
    }

    .lg\:h-2\/5 {
        height: 40% !important
    }

    .lg\:h-3\/5 {
        height: 60% !important
    }

    .lg\:h-4\/5 {
        height: 80% !important
    }

    .lg\:h-1\/6 {
        height: 16.666667% !important
    }

    .lg\:h-2\/6 {
        height: 33.333333% !important
    }

    .lg\:h-3\/6 {
        height: 50% !important
    }

    .lg\:h-4\/6 {
        height: 66.666667% !important
    }

    .lg\:h-5\/6 {
        height: 83.333333% !important
    }

    .lg\:h-full {
        height: 100% !important
    }

    .lg\:h-screen {
        height: 100vh !important
    }

    .lg\:max-h-0 {
        max-height: 0 !important
    }

    .lg\:max-h-1 {
        max-height: .25rem !important
    }

    .lg\:max-h-2 {
        max-height: .5rem !important
    }

    .lg\:max-h-3 {
        max-height: .75rem !important
    }

    .lg\:max-h-4 {
        max-height: 1rem !important
    }

    .lg\:max-h-5 {
        max-height: 1.25rem !important
    }

    .lg\:max-h-6 {
        max-height: 1.5rem !important
    }

    .lg\:max-h-7 {
        max-height: 1.75rem !important
    }

    .lg\:max-h-8 {
        max-height: 2rem !important
    }

    .lg\:max-h-9 {
        max-height: 2.25rem !important
    }

    .lg\:max-h-10 {
        max-height: 2.5rem !important
    }

    .lg\:max-h-11 {
        max-height: 2.75rem !important
    }

    .lg\:max-h-12 {
        max-height: 3rem !important
    }

    .lg\:max-h-px {
        max-height: 1px !important
    }

    .lg\:max-h-0\.5 {
        max-height: .125rem !important
    }

    .lg\:max-h-1\.5 {
        max-height: .375rem !important
    }

    .lg\:max-h-2\.5 {
        max-height: .625rem !important
    }

    .lg\:max-h-3\.5 {
        max-height: .875rem !important
    }

    .lg\:max-h-full {
        max-height: 100% !important
    }

    .lg\:max-h-screen {
        max-height: 100vh !important
    }

    .lg\:min-h-0 {
        min-height: 0 !important
    }

    .lg\:min-h-full {
        min-height: 100% !important
    }

    .lg\:min-h-screen {
        min-height: 100vh !important
    }

    .lg\:w-0 {
        width: 0 !important
    }

    .lg\:w-1 {
        width: .25rem !important
    }

    .lg\:w-2 {
        width: .5rem !important
    }

    .lg\:w-3 {
        width: .75rem !important
    }

    .lg\:w-4 {
        width: 1rem !important
    }

    .lg\:w-5 {
        width: 1.25rem !important
    }

    .lg\:w-6 {
        width: 1.5rem !important
    }

    .lg\:w-7 {
        width: 1.75rem !important
    }

    .lg\:w-8 {
        width: 2rem !important
    }

    .lg\:w-9 {
        width: 2.25rem !important
    }

    .lg\:w-10 {
        width: 2.5rem !important
    }

    .lg\:w-11 {
        width: 2.75rem !important
    }

    .lg\:w-12 {
        width: 3rem !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:w-px {
        width: 1px !important
    }

    .lg\:w-0\.5 {
        width: .125rem !important
    }

    .lg\:w-1\.5 {
        width: .375rem !important
    }

    .lg\:w-2\.5 {
        width: .625rem !important
    }

    .lg\:w-3\.5 {
        width: .875rem !important
    }

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

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

    .lg\:w-2\/3 {
        width: 66.666667% !important
    }

    .lg\:w-1\/4 {
        width: 25% !important
    }

    .lg\:w-2\/4 {
        width: 50% !important
    }

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

    .lg\:w-1\/5 {
        width: 20% !important
    }

    .lg\:w-2\/5 {
        width: 40% !important
    }

    .lg\:w-3\/5 {
        width: 60% !important
    }

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

    .lg\:w-1\/6 {
        width: 16.666667% !important
    }

    .lg\:w-2\/6 {
        width: 33.333333% !important
    }

    .lg\:w-3\/6 {
        width: 50% !important
    }

    .lg\:w-4\/6 {
        width: 66.666667% !important
    }

    .lg\:w-5\/6 {
        width: 83.333333% !important
    }

    .lg\:w-1\/12 {
        width: 8.333333% !important
    }

    .lg\:w-2\/12 {
        width: 16.666667% !important
    }

    .lg\:w-3\/12 {
        width: 25% !important
    }

    .lg\:w-4\/12 {
        width: 33.333333% !important
    }

    .lg\:w-5\/12 {
        width: 41.666667% !important
    }

    .lg\:w-6\/12 {
        width: 50% !important
    }

    .lg\:w-7\/12 {
        width: 58.333333% !important
    }

    .lg\:w-8\/12 {
        width: 66.666667% !important
    }

    .lg\:w-9\/12 {
        width: 75% !important
    }

    .lg\:w-10\/12 {
        width: 83.333333% !important
    }

    .lg\:w-11\/12 {
        width: 91.666667% !important
    }

    .lg\:w-full {
        width: 100% !important
    }

    .lg\:w-screen {
        width: 100vw !important
    }

    .lg\:w-min {
        width: -webkit-min-content !important;
        width: -moz-min-content !important;
        width: min-content !important
    }

    .lg\:w-max {
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
    }

    .lg\:min-w-0 {
        min-width: 0 !important
    }

    .lg\:min-w-full {
        min-width: 100% !important
    }

    .lg\:min-w-min {
        min-width: -webkit-min-content !important;
        min-width: -moz-min-content !important;
        min-width: min-content !important
    }

    .lg\:min-w-max {
        min-width: -webkit-max-content !important;
        min-width: -moz-max-content !important;
        min-width: max-content !important
    }

    .lg\:max-w-0 {
        max-width: 0 !important
    }

    .lg\:max-w-none {
        max-width: none !important
    }

    .lg\:max-w-xs {
        max-width: 20rem !important
    }

    .lg\:max-w-sm {
        max-width: 24rem !important
    }

    .lg\:max-w-md {
        max-width: 28rem !important
    }

    .lg\:max-w-lg {
        max-width: 32rem !important
    }

    .lg\:max-w-xl {
        max-width: 36rem !important
    }

    .lg\:max-w-2xl {
        max-width: 42rem !important
    }

    .lg\:max-w-3xl {
        max-width: 48rem !important
    }

    .lg\:max-w-4xl {
        max-width: 56rem !important
    }

    .lg\:max-w-5xl {
        max-width: 64rem !important
    }

    .lg\:max-w-6xl {
        max-width: 72rem !important
    }

    .lg\:max-w-7xl {
        max-width: 80rem !important
    }

    .lg\:max-w-full {
        max-width: 100% !important
    }

    .lg\:max-w-min {
        max-width: -webkit-min-content !important;
        max-width: -moz-min-content !important;
        max-width: min-content !important
    }

    .lg\:max-w-max {
        max-width: -webkit-max-content !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important
    }

    .lg\:max-w-prose {
        max-width: 65ch !important
    }

    .lg\:max-w-screen-sm {
        max-width: 640px !important
    }

    .lg\:max-w-screen-md {
        max-width: 768px !important
    }

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

    .lg\:max-w-screen-xl {
        max-width: 1280px !important
    }

    .lg\:max-w-screen-2xl {
        max-width: 1600px !important
    }

    .lg\:flex-1 {
        flex: 1 1 0% !important
    }

    .lg\:flex-auto {
        flex: 1 1 auto !important
    }

    .lg\:flex-initial {
        flex: 0 1 auto !important
    }

    .lg\:flex-none {
        flex: none !important
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .lg\:flex-shrink {
        flex-shrink: 1 !important
    }

    .lg\:flex-grow-0 {
        flex-grow: 0 !important
    }

    .lg\:flex-grow {
        flex-grow: 1 !important
    }

    .lg\:table-auto {
        table-layout: auto !important
    }

    .lg\:table-fixed {
        table-layout: fixed !important
    }

    .lg\:border-collapse {
        border-collapse: collapse !important
    }

    .lg\:border-separate {
        border-collapse: separate !important
    }

    .lg\:cursor-auto {
        cursor: auto !important
    }

    .lg\:cursor-default {
        cursor: default !important
    }

    .lg\:cursor-pointer {
        cursor: pointer !important
    }

    .lg\:cursor-wait {
        cursor: wait !important
    }

    .lg\:cursor-text {
        cursor: text !important
    }

    .lg\:cursor-move {
        cursor: move !important
    }

    .lg\:cursor-help {
        cursor: help !important
    }

    .lg\:cursor-not-allowed {
        cursor: not-allowed !important
    }

    .lg\:select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important
    }

    .lg\:select-text {
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important
    }

    .lg\:select-all {
        -webkit-user-select: all !important;
        -moz-user-select: all !important;
        user-select: all !important
    }

    .lg\:select-auto {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        user-select: auto !important
    }

    .lg\:resize-none {
        resize: none !important
    }

    .lg\:resize-y {
        resize: vertical !important
    }

    .lg\:resize-x {
        resize: horizontal !important
    }

    .lg\:resize {
        resize: both !important
    }

    .lg\:list-inside {
        list-style-position: inside !important
    }

    .lg\:list-outside {
        list-style-position: outside !important
    }

    .lg\:list-none {
        list-style-type: none !important
    }

    .lg\:list-disc {
        list-style-type: disc !important
    }

    .lg\:list-decimal {
        list-style-type: decimal !important
    }

    .lg\:appearance-none {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important
    }


    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .lg\:flex-col {
        flex-direction: column !important
    }

    .lg\:flex-col-reverse {
        flex-direction: column-reverse !important
    }

    .lg\:flex-wrap {
        flex-wrap: wrap !important
    }

    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap !important
    }

    .lg\:place-content-center {
        place-content: center !important
    }

    .lg\:place-content-start {
        place-content: start !important
    }

    .lg\:place-content-end {
        place-content: end !important
    }

    .lg\:place-content-between {
        place-content: space-between !important
    }

    .lg\:place-content-around {
        place-content: space-around !important
    }

    .lg\:place-content-evenly {
        place-content: space-evenly !important
    }

    .lg\:place-content-stretch {
        place-content: stretch !important
    }

    .lg\:place-items-start {
        place-items: start !important
    }

    .lg\:place-items-end {
        place-items: end !important
    }

    .lg\:place-items-center {
        place-items: center !important
    }

    .lg\:place-items-stretch {
        place-items: stretch !important
    }

    .lg\:content-center {
        align-content: center !important
    }

    .lg\:content-start {
        align-content: flex-start !important
    }

    .lg\:content-end {
        align-content: flex-end !important
    }

    .lg\:content-between {
        align-content: space-between !important
    }

    .lg\:content-around {
        align-content: space-around !important
    }

    .lg\:content-evenly {
        align-content: space-evenly !important
    }

    .lg\:items-start {
        align-items: flex-start !important
    }

    .lg\:items-end {
        align-items: flex-end !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:items-baseline {
        align-items: baseline !important
    }

    .lg\:items-stretch {
        align-items: stretch !important
    }

    .lg\:justify-start {
        justify-content: flex-start !important
    }

    .lg\:justify-end {
        justify-content: flex-end !important
    }

    .lg\:justify-center {
        justify-content: center !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:justify-around {
        justify-content: space-around !important
    }

    .lg\:justify-evenly {
        justify-content: space-evenly !important
    }

    .lg\:justify-items-start {
        justify-items: start !important
    }

    .lg\:justify-items-end {
        justify-items: end !important
    }

    .lg\:justify-items-center {
        justify-items: center !important
    }

    .lg\:justify-items-stretch {
        justify-items: stretch !important
    }

    .lg\:gap-0 {
        gap: 0 !important
    }

    .lg\:gap-1 {
        gap: .25rem !important
    }

    .lg\:gap-2 {
        gap: .5rem !important
    }

    .lg\:gap-3 {
        gap: .75rem !important
    }

    .lg\:gap-4 {
        gap: 1rem !important
    }

    .lg\:gap-5 {
        gap: 1.25rem !important
    }

    .lg\:gap-6 {
        gap: 1.5rem !important
    }

    .lg\:gap-7 {
        gap: 1.75rem !important
    }

    .lg\:gap-8 {
        gap: 2rem !important
    }

    .lg\:gap-9 {
        gap: 2.25rem !important
    }

    .lg\:gap-10 {
        gap: 2.5rem !important
    }

    .lg\:gap-11 {
        gap: 2.75rem !important
    }

    .lg\:gap-12 {
        gap: 3rem !important
    }

    .lg\:gap-px {
        gap: 1px !important
    }

    .lg\:gap-0\.5 {
        gap: .125rem !important
    }

    .lg\:gap-1\.5 {
        gap: .375rem !important
    }

    .lg\:gap-2\.5 {
        gap: .625rem !important
    }

    .lg\:gap-3\.5 {
        gap: .875rem !important
    }

    .lg\:gap-x-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .lg\:gap-x-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .lg\:gap-x-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .lg\:gap-x-3 {
        -moz-column-gap: .75rem !important;
        column-gap: .75rem !important
    }

    .lg\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .lg\:gap-x-7 {
        -moz-column-gap: 1.75rem !important;
        column-gap: 1.75rem !important
    }

    .lg\:gap-x-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .lg\:gap-x-9 {
        -moz-column-gap: 2.25rem !important;
        column-gap: 2.25rem !important
    }

    .lg\:gap-x-10 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important
    }

    .lg\:gap-x-11 {
        -moz-column-gap: 2.75rem !important;
        column-gap: 2.75rem !important
    }

    .lg\:gap-x-12 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .lg\:gap-x-px {
        -moz-column-gap: 1px !important;
        column-gap: 1px !important
    }

    .lg\:gap-x-0\.5 {
        -moz-column-gap: .125rem !important;
        column-gap: .125rem !important
    }

    .lg\:gap-x-1\.5 {
        -moz-column-gap: .375rem !important;
        column-gap: .375rem !important
    }

    .lg\:gap-x-2\.5 {
        -moz-column-gap: .625rem !important;
        column-gap: .625rem !important
    }

    .lg\:gap-x-3\.5 {
        -moz-column-gap: .875rem !important;
        column-gap: .875rem !important
    }

    .lg\:gap-y-0 {
        row-gap: 0 !important
    }

    .lg\:gap-y-1 {
        row-gap: .25rem !important
    }

    .lg\:gap-y-2 {
        row-gap: .5rem !important
    }

    .lg\:gap-y-3 {
        row-gap: .75rem !important
    }

    .lg\:gap-y-4 {
        row-gap: 1rem !important
    }

    .lg\:gap-y-5 {
        row-gap: 1.25rem !important
    }

    .lg\:gap-y-6 {
        row-gap: 1.5rem !important
    }

    .lg\:gap-y-7 {
        row-gap: 1.75rem !important
    }

    .lg\:gap-y-8 {
        row-gap: 2rem !important
    }

    .lg\:gap-y-9 {
        row-gap: 2.25rem !important
    }

    .lg\:gap-y-10 {
        row-gap: 2.5rem !important
    }

    .lg\:gap-y-11 {
        row-gap: 2.75rem !important
    }

    .lg\:gap-y-12 {
        row-gap: 3rem !important
    }

    .lg\:gap-y-px {
        row-gap: 1px !important
    }

    .lg\:gap-y-0\.5 {
        row-gap: .125rem !important
    }

    .lg\:gap-y-1\.5 {
        row-gap: .375rem !important
    }

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

    .lg\:gap-y-3\.5 {
        row-gap: .875rem !important
    }

    .lg\:place-self-auto {
        place-self: auto !important
    }

    .lg\:place-self-start {
        place-self: start !important
    }

    .lg\:place-self-end {
        place-self: end !important
    }

    .lg\:place-self-center {
        place-self: center !important
    }

    .lg\:place-self-stretch {
        place-self: stretch !important
    }

    .lg\:self-auto {
        align-self: auto !important
    }

    .lg\:self-start {
        align-self: flex-start !important
    }

    .lg\:self-end {
        align-self: flex-end !important
    }

    .lg\:self-center {
        align-self: center !important
    }

    .lg\:self-stretch {
        align-self: stretch !important
    }

    .lg\:self-baseline {
        align-self: baseline !important
    }

    .lg\:justify-self-auto {
        justify-self: auto !important
    }

    .lg\:justify-self-start {
        justify-self: start !important
    }

    .lg\:justify-self-end {
        justify-self: end !important
    }

    .lg\:justify-self-center {
        justify-self: center !important
    }

    .lg\:justify-self-stretch {
        justify-self: stretch !important
    }

    .lg\:overflow-auto {
        overflow: auto !important
    }

    .lg\:overflow-hidden {
        overflow: hidden !important
    }

    .lg\:overflow-visible {
        overflow: visible !important
    }

    .lg\:overflow-scroll {
        overflow: scroll !important
    }

    .lg\:overflow-x-auto {
        overflow-x: auto !important
    }

    .lg\:overflow-y-auto {
        overflow-y: auto !important
    }

    .lg\:overflow-x-hidden {
        overflow-x: hidden !important
    }

    .lg\:overflow-y-hidden {
        overflow-y: hidden !important
    }

    .lg\:overflow-x-visible {
        overflow-x: visible !important
    }

    .lg\:overflow-y-visible {
        overflow-y: visible !important
    }

    .lg\:overflow-x-scroll {
        overflow-x: scroll !important
    }

    .lg\:overflow-y-scroll {
        overflow-y: scroll !important
    }

    .lg\:overscroll-auto {
        -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important
    }

    .lg\:overscroll-contain {
        -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important
    }

    .lg\:overscroll-none {
        -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important
    }

    .lg\:overscroll-y-auto {
        overscroll-behavior-y: auto !important
    }

    .lg\:overscroll-y-contain {
        overscroll-behavior-y: contain !important
    }

    .lg\:overscroll-y-none {
        overscroll-behavior-y: none !important
    }

    .lg\:overscroll-x-auto {
        overscroll-behavior-x: auto !important
    }

    .lg\:overscroll-x-contain {
        overscroll-behavior-x: contain !important
    }

    .lg\:overscroll-x-none {
        overscroll-behavior-x: none !important
    }

    .lg\:truncate {
        overflow: hidden !important;
        white-space: nowrap !important
    }

    .lg\:overflow-ellipsis, .lg\:truncate {
        text-overflow: ellipsis !important
    }

    .lg\:overflow-clip {
        text-overflow: clip !important
    }

    .lg\:whitespace-normal {
        white-space: normal !important
    }

    .lg\:whitespace-nowrap {
        white-space: nowrap !important
    }

    .lg\:whitespace-pre {
        white-space: pre !important
    }

    .lg\:whitespace-pre-line {
        white-space: pre-line !important
    }

    .lg\:whitespace-pre-wrap {
        white-space: pre-wrap !important
    }



    .lg\:text-left {
        text-align: left !important
    }

    .lg\:text-center {
        text-align: center !important
    }

    .lg\:text-right {
        text-align: right !important
    }

    .lg\:text-justify {
        text-align: justify !important
    }

    .lg\:align-baseline {
        vertical-align: baseline !important
    }

    .lg\:align-top {
        vertical-align: top !important
    }

    .lg\:align-middle {
        vertical-align: middle !important
    }

    .lg\:align-bottom {
        vertical-align: bottom !important
    }

    .lg\:align-text-top {
        vertical-align: text-top !important
    }

    .lg\:align-text-bottom {
        vertical-align: text-bottom !important
    }

    .lg\:font-avenir {
        font-family: Avenir LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif !important
    }

    .lg\:text-xs {
        font-size: .625rem !important
    }

    .lg\:text-sm, .lg\:text-xs {
        line-height: 1rem !important
    }

    .lg\:text-sm {
        font-size: .813rem !important
    }

    .lg\:text-base {
        font-size: 1rem !important
    }

    .lg\:text-base, .lg\:text-lg {
        line-height: 1.5rem !important
    }

    .lg\:text-lg {
        font-size: 1.25rem !important
    }

    .lg\:text-xl {
        font-size: 1.563rem !important;
        line-height: 1.5 !important
    }

    .lg\:text-2xl {
        font-size: 1.938rem !important;
        line-height: 1 !important
    }

    .lg\:text-3xl {
        font-size: 2.438rem !important;
        line-height: 1 !important
    }

    .lg\:text-4xl {
        font-size: 3.063rem !important;
        line-height: 1 !important
    }

    .lg\:font-light {
        font-weight: 300 !important
    }

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

    .lg\:font-medium {
        font-weight: 500 !important
    }

    .lg\:font-bold {
        font-weight: 800 !important
    }

    .lg\:font-black {
        font-weight: 900 !important
    }

    .lg\:uppercase {
        text-transform: uppercase !important
    }

    .lg\:lowercase {
        text-transform: lowercase !important
    }

    .lg\:capitalize {
        text-transform: capitalize !important
    }

    .lg\:normal-case {
        text-transform: none !important
    }

    .lg\:italic {
        font-style: italic !important
    }

    .lg\:not-italic {
        font-style: normal !important
    }

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

    .lg\:normal-nums {
        font-variant-numeric: normal !important
    }

    .lg\:ordinal {
        --tw-ordinal: ordinal !important
    }

    .lg\:slashed-zero {
        --tw-slashed-zero: slashed-zero !important
    }

    .lg\:lining-nums {
        --tw-numeric-figure: lining-nums !important
    }

    .lg\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums !important
    }

    .lg\:proportional-nums {
        --tw-numeric-spacing: proportional-nums !important
    }

    .lg\:tabular-nums {
        --tw-numeric-spacing: tabular-nums !important
    }

    .lg\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions !important
    }

    .lg\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions !important
    }

    .lg\:leading-3 {
        line-height: .75rem !important
    }

    .lg\:leading-4 {
        line-height: 1rem !important
    }

    .lg\:leading-5 {
        line-height: 1.25rem !important
    }

    .lg\:leading-6 {
        line-height: 1.5rem !important
    }

    .lg\:leading-none {
        line-height: 1 !important
    }

    .lg\:leading-tight {
        line-height: 1.25 !important
    }

    .lg\:leading-snug {
        line-height: 1.375 !important
    }

    .lg\:leading-normal {
        line-height: 1.5 !important
    }

    .lg\:leading-relaxed {
        line-height: 1.625 !important
    }

    .lg\:leading-loose {
        line-height: 2 !important
    }

    .lg\:tracking-tighter {
        letter-spacing: -.05em !important
    }

    .lg\:tracking-tight {
        letter-spacing: -.025em !important
    }

    .lg\:tracking-normal {
        letter-spacing: 0 !important
    }

    .lg\:tracking-wide {
        letter-spacing: .025em !important
    }

    .lg\:tracking-wider {
        letter-spacing: .05em !important
    }

    .lg\:tracking-widest {
        letter-spacing: .1em !important
    }

    .lg\:text-transparent {
        color: transparent !important
    }

    .lg\:text-current {
        color: currentColor !important
    }

    .lg\:text-primary {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-20 {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-40 {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-60 {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-80 {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-120 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-140 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-160 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .lg\:text-primary-180 {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .lg\:text-secondary {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:text-pink {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .lg\:text-darkPink {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .lg\:text-green {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .lg\:text-lightGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .lg\:text-midGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .lg\:text-darkGrey {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .lg\:text-white {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

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

    .lg\:text-darkBlue {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:text-darkViolet {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .lg\:text-midTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .lg\:text-darkTeal {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-transparent:focus-within {
        color: transparent !important
    }

    .lg\:focus-within\:text-current:focus-within {
        color: currentColor !important
    }

    .lg\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-20:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-40:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-60:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-80:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-120:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-140:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-160:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-primary-180:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-secondary:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-pink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-darkPink:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-green:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-lightGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-midGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-darkGrey:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-darkBlue:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-darkViolet:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-midTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .lg\:focus-within\:text-darkTeal:focus-within {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-transparent:hover {
        color: transparent !important
    }

    .lg\:hover\:text-current:hover {
        color: currentColor !important
    }

    .lg\:hover\:text-primary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-20:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-40:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-60:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-80:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-120:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-140:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-160:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-primary-180:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-secondary:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-pink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-darkPink:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-green:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-lightGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-midGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-darkGrey:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-white:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-black:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-darkBlue:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-darkViolet:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-midTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .lg\:hover\:text-darkTeal:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-transparent:focus {
        color: transparent !important
    }

    .lg\:focus\:text-current:focus {
        color: currentColor !important
    }

    .lg\:focus\:text-primary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,181,239,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-20:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(178,232,250,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-40:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(127,218,247,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-60:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(76,203,243,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-80:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(25,188,240,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-120:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,162,215,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-140:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,126,167,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-160:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,90,119,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-primary-180:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,54,71,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-secondary:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-pink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(228,67,152,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-darkPink:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(159,46,106,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-green:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(98,187,70,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-lightGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(238,238,238,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-midGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(156,173,183,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-darkGrey:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(34,34,34,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-white:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(255,255,255,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-black:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,0,0,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-darkBlue:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(32,37,125,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-darkViolet:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(43,15,84,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-midTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(0,64,83,var(--tw-text-opacity)) !important
    }

    .lg\:focus\:text-darkTeal:focus {
        --tw-text-opacity: 1 !important;
        color: rgba(30,56,75,var(--tw-text-opacity)) !important
    }

}


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

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: Ultima;
    src: url(/fonts/ultima/Ultima-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Ultima;
    src: url(/fonts/ultima/Ultima-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Ultima;
    src: url(/fonts/ultima/Ultima-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    font-size: 16px
}

body, html {
    max-width: 100%
}

html {
    height: auto;
}

body {
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

    body.body--noOverflow {
        overflow: hidden
    }

html.has-modal, html.has-modal > body {
    height: 100%;
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .75rem;
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: inherit
}

h1 {
    font-size: 3.8125rem;
    line-height: 1.1
}

h2 {
    font-size: 3.0625rem
}

h3 {
    font-size: 2.4375rem
}

h4 {
    font-size: 1.9375rem
}

h5 {
    font-size: 1.5625rem
}

h6 {
    font-size: 1.25rem
}

p {
    margin-top: 0;
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif
}

a {
    color: #0a58ca;
    text-decoration: none
}

.Theme--primaryBlue a {
    color: #20257d
}

a:hover {
    text-decoration: underline
}

.Card--imageCard a:hover {
    text-decoration: none
}

.ImageBlock a {
    color: #222
}

* + h1, * + h2, * + h3, * + h4 {
    margin-top: 1.25rem
}

h3.popover-header,.CardContainer h1, .CardContainer h2, .CardContainer h3, .CardContainer h4, .CardContainer h5, .CardContainer h6, .Layout-item--100 h1:first-of-type, .Layout-item--100 h2:first-of-type, .Layout-item--100 h3:first-of-type, .Layout-item--100 h4:first-of-type, .Layout-item--100 h5:first-of-type, .Layout-item--100 h6:first-of-type, .SpotlightContainer h1, .SpotlightContainer h2, .SpotlightContainer h3, .SpotlightContainer h4, .SpotlightContainer h5, .SpotlightContainer h6 {
    margin-top: 0
}

address {
    font-style: normal
}

hr {
    border: 1px solid #9cadb7;
    margin: 1.875rem 0
}

.Form-fieldset {
    padding: 1.875rem 0;
    margin: 0;
    border: none;
    border-bottom: 2px solid #9cadb7
}

@media (min-width:768px) {
    .Form-fieldset {
        padding: 2.375rem 0
    }
}

.Form-row {
    display: flex;
    flex-wrap: wrap
}

.Form-field {
    position: relative;
    margin-bottom: 1.75rem
}

.Form-field--full {
    flex-basis: 100%
}

.Form-row > .Form-field {
    flex: 1 1 100%;
    margin-bottom: 1.8125rem
}

@media (min-width:1024px) {
    .Form-row > .Form-field {
        flex-basis: 0%;
        max-width: 50%
    }

    .Form-row > .Form-field--full {
        flex-basis: 0%;
        max-width: 100%
    }

    .Form-row > .Form-field + .Form-field {
        margin-left: 1.25rem
    }
}

.Form-field--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width:1024px) {
    .Form-field--inline {
        flex-wrap: nowrap
    }
}

.Form-field--inline > * + * {
    margin-left: 1.25rem
}

.Form-control {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.Form-label + .Form-control {
    margin-top: .25rem
}

.Form-label {
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: .5rem
}

.Form-label--indent {
    padding-left: 1.125rem
}

.Form-field--inline .Form-label {
    margin-bottom: 0
}

.Status--disabled .Form-label {
    opacity: 0
}

.Status--success .Form-label {
    color: #449d44
}

.Status--warning .Form-label {
    color: #da611e
}

.Status--danger .Form-label {
    color: #ac2a1a
}

.Form-error, .Form-note {
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    font-style: italic;
    color: #ac2a1a
}

.Form-control + .Form-error, .Form-control + .Form-note {
    margin-top: .5rem
}

.Form-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .Form-actions {
        justify-content: space-between;
        flex-wrap: nowrap
    }
}

.Form-action--full {
    width: 100%
}

.BroadbandChecker-searchButton, .Button, .mt-forms-field-fileupload {
    position: relative;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    padding: .75rem 2.75rem;
    border: 1px solid transparent;
    border-radius: 2rem;
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin-right: 1rem;
    text-align: center;
    text-decoration: none;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color .25s ease,color .25s ease;
    transition-property: all;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .BroadbandChecker-searchButton:last-child, .Button:last-child, .mt-forms-field-fileupload:last-child {
        margin-right: 0
    }

.Button-icon {
    transition-property: transform;
    transition-duration: .3s
}

.BroadbandChecker-searchButton:hover .Button-icon, .Button:hover .Button-icon, .mt-forms-field-fileupload:hover .Button-icon {
    transform: translateX(8px)
}

.Button--primary.BroadbandChecker-searchButton, .Button--primary.Button--solid, .Theme--darkBlue .Button--secondary.BroadbandChecker-searchButton, .Theme--darkBlue .Button--solid.Button--secondary, .Theme--darkBlue .Button--solid.mt-forms-field-fileupload, .Theme--darkBlue .Card-buttonWrapper .Theme--primaryBlue .Button--primary.BroadbandChecker-searchButton, .Theme--darkBlue .Card-buttonWrapper .Theme--primaryBlue .Button--solid.Button--primary, .Theme--darkBlue .Theme--primaryBlue .Card-buttonWrapper .Button--primary.BroadbandChecker-searchButton, .Theme--darkBlue .Theme--primaryBlue .Card-buttonWrapper .Button--solid.Button--primary, .Theme--darkBlue .mt-forms-field-fileupload.BroadbandChecker-searchButton, .Theme--primaryBlue .Theme--darkBlue .Card-buttonWrapper .Button--primary.BroadbandChecker-searchButton, .Theme--primaryBlue .Theme--darkBlue .Card-buttonWrapper .Button--solid.Button--primary {
    background-color: #00b5ef;
    color: #fff
}

    .Button--primary.BroadbandChecker-searchButton:hover, .Button--primary.Button--solid:hover, .Theme--darkBlue .Button--secondary.BroadbandChecker-searchButton:hover, .Theme--darkBlue .Button--solid.Button--secondary:hover, .Theme--darkBlue .Button--solid.mt-forms-field-fileupload:hover, .Theme--darkBlue .mt-forms-field-fileupload.BroadbandChecker-searchButton:hover {
        background-color: #008ebc
    }

.Button--primary.Button--outline, .Button--primary.mt-forms-field-fileupload, .Theme--darkBlue .Button--outline.Button--secondary, .Theme--darkBlue .Card-buttonWrapper .Theme--primaryBlue .Button--outline.Button--primary, .Theme--darkBlue .Card-buttonWrapper .mt-forms-field-fileupload, .Theme--darkBlue .Theme--primaryBlue .Card-buttonWrapper .Button--outline.Button--primary, .Theme--darkBlue .mt-forms-field-fileupload, .Theme--primaryBlue .Card-buttonWrapper .Theme--darkBlue .Button--primary.mt-forms-field-fileupload, .Theme--primaryBlue .Theme--darkBlue .Card-buttonWrapper .Button--outline.Button--primary {
    border-color: #00b5ef;
    color: #00b5ef
}

    .Button--primary.Button--outline:hover, .Button--primary.mt-forms-field-fileupload:hover, .Theme--darkBlue .Button--outline.Button--secondary:hover, .Theme--darkBlue .mt-forms-field-fileupload:hover {
        background-color: #00b5ef;
        color: #fff
    }

.Button--primary.Button--unstyled, .Theme--darkBlue .Button--unstyled.Button--secondary, .Theme--darkBlue .Button--unstyled.mt-forms-field-fileupload, .Theme--darkBlue .Card-buttonWrapper .Theme--primaryBlue .Button--unstyled.Button--primary, .Theme--darkBlue .Theme--primaryBlue .Card-buttonWrapper .Button--unstyled.Button--primary, .Theme--primaryBlue .Theme--darkBlue .Card-buttonWrapper .Button--unstyled.Button--primary {
    color: #00b5ef
}

    .Button--primary.Button--unstyled:hover, .Theme--darkBlue .Button--unstyled.Button--secondary:hover, .Theme--darkBlue .Button--unstyled.mt-forms-field-fileupload:hover {
        color: #008ebc
    }

.Button--secondary.BroadbandChecker-searchButton, .Button--secondary.Button--solid, .Button--solid.mt-forms-field-fileupload, .Theme--primaryBlue .Button--primary.BroadbandChecker-searchButton, .Theme--primaryBlue .Button--solid.Button--primary, .mt-forms-field-fileupload.BroadbandChecker-searchButton {
    background-color: #20257d;
    color: #fff
}

    .Button--secondary.BroadbandChecker-searchButton:hover, .Button--secondary.Button--solid:hover, .Button--solid.mt-forms-field-fileupload:hover, .Theme--primaryBlue .Button--primary.BroadbandChecker-searchButton:hover, .Theme--primaryBlue .Button--solid.Button--primary:hover, .mt-forms-field-fileupload.BroadbandChecker-searchButton:hover {
        background-color: #101340
    }

.Button--secondary.Button--outline, .Theme--primaryBlue .Button--outline.Button--primary, .Theme--primaryBlue .Button--primary.mt-forms-field-fileupload, .mt-forms-field-fileupload {
    border-color: #20257d;
    color: #20257d
}

    .Button--secondary.Button--outline:hover, .Theme--primaryBlue .Button--outline.Button--primary:hover, .Theme--primaryBlue .Card-buttonWrapper .Button--primary.mt-forms-field-fileupload:hover, .mt-forms-field-fileupload:hover {
        background-color: #20257d;
        border-color: #20257d;
        color: #fff
    }

.Button--secondary.Button--unstyled, .Button--unstyled.mt-forms-field-fileupload, .Theme--primaryBlue .Button--unstyled.Button--primary {
    color: #20257d
}

    .Button--secondary.Button--unstyled:hover, .Button--unstyled.mt-forms-field-fileupload:hover, .Theme--primaryBlue .Button--unstyled.Button--primary:hover {
        color: #0b0d2c
    }

.Button--green.BroadbandChecker-searchButton, .Button--green.Button--solid {
    background-color: #62bb46;
    color: #fff
}

    .Button--green.BroadbandChecker-searchButton:hover, .Button--green.Button--solid:hover {
        background-color: #4e9737
    }

.Button--green.Button--outline, .Button--green.mt-forms-field-fileupload {
    border-color: #62bb46;
    color: #62bb46
}

    .Button--green.Button--outline:hover, .Button--green.mt-forms-field-fileupload:hover {
        background-color: #62bb46;
        border-color: #62bb46;
        color: #fff
    }

.Theme--primaryBlue .Button--green.Button--outline, .Theme--primaryBlue .Button--green.mt-forms-field-fileupload {
    border-color: #4e9737
}

.Button--green.Button--unstyled {
    color: #62bb46
}

    .Button--green.Button--unstyled:hover {
        color: #4e9737
    }

.Button--grey.BroadbandChecker-searchButton, .Button--grey.Button--solid {
    background-color: #eee;
    color: #20257d
}

.Theme--grey .Button--grey.BroadbandChecker-searchButton, .Theme--grey .Button--grey.Button--solid {
    background-color: #f6f6f6
}

.Button--grey.BroadbandChecker-searchButton:hover, .Button--grey.Button--solid:hover {
    background-color: #d5d5d5
}

.Button--grey.Button--outline, .Button--grey.mt-forms-field-fileupload {
    border-color: #9cadb7;
    color: #9cadb7
}

.Theme--primaryBlue .Button--grey.Button--outline, .Theme--primaryBlue .Button--grey.mt-forms-field-fileupload {
    border-color: #eee;
    color: #eee
}

.Button--grey.Button--outline:hover, .Button--grey.mt-forms-field-fileupload:hover {
    background-color: #eee;
    border-color: #eee;
    color: #20257d
}

.Theme--primaryBlue .Button--grey.Button--outline:hover, .Theme--primaryBlue .Button--grey.mt-forms-field-fileupload:hover {
    color: #20257d
}

.Theme--grey .Button--grey.Button--outline:hover, .Theme--grey .Button--grey.mt-forms-field-fileupload:hover {
    background-color: #f6f6f6;
    border-color: #f6f6f6
}

.Button--grey.Button--unstyled {
    color: #eee
}

.Theme--grey .Button--grey.Button--unstyled {
    color: #6c6c6c
}

.Button--grey.Button--unstyled:hover {
    color: #d5d5d5
}

.Theme--grey .Button--grey.Button--unstyled:hover {
    color: #525252
}

.BroadbandChecker-searchButton,
.Button--pink.Button--solid {
    background-color: #e44398;
    color: #fff
}

    .BroadbandChecker-searchButton:hover,
    .Button--pink.Button--solid:hover {
        background-color: #bf1b72
    }

.Button--outline.BroadbandChecker-searchButton,
.Button--pink.Button--outline,
.Button--pink.mt-forms-field-fileupload,
.mt-forms-field-fileupload.BroadbandChecker-searchButton {
    border-color: #e44398;
    color: #e44398
}

    .Button--outline.BroadbandChecker-searchButton:hover,
    .Button--pink.Button--outline:hover,
    .Button--pink.mt-forms-field-fileupload:hover,
    .mt-forms-field-fileupload.BroadbandChecker-searchButton:hover {
        background-color: #e44398;
        border-color: #e44398;
        color: #fff
    }

.Button--pink.Button--unstyled,
.Button--unstyled.BroadbandChecker-searchButton {
    color: #e44398
}

    .Button--pink.Button--unstyled:hover,
    .Button--unstyled.BroadbandChecker-searchButton:hover {
        color: #d51f7f
    }

.Button--red.Button--outline {
    border-color: #842029;
    color: #842029;
}

    .Button--red.Button--outline:hover {
        background-color: #842029;
        border-color: #842029;
        color: #fff;
    }


.Button--white.BroadbandChecker-searchButton, .Button--white.Button--solid {
    background-color: #fff;
    color: #20257d
}

    .Button--white.BroadbandChecker-searchButton:hover, .Button--white.Button--solid:hover {
        background-color: #eee
    }

.Button--white.Button--outline, .Button--white.mt-forms-field-fileupload {
    border-color: #fff;
    color: #fff
}

    .Button--white.Button--outline:hover, .Button--white.mt-forms-field-fileupload:hover {
        background-color: #eee;
        border-color: #eee;
        color: #20257d
    }

.Theme--grey .Button--white.Button--outline:hover, .Theme--grey .Button--white.mt-forms-field-fileupload:hover {
    background-color: #fff;
    border-color: #fff
}

.Button--white.Button--unstyled {
    color: #fff
}

    .Button--white.Button--unstyled:hover {
        color: #eee
    }

.Theme--grey .Button--white.Button--unstyled:hover {
    color: #6c6c6c
}

.BroadbandChecker-searchButton:not(.Button--icon):hover, .Button--outline:not(.Button--icon):hover, .Button--solid:not(.Button--icon):hover, .mt-forms-field-fileupload:not(.Button--icon):hover {
    transform: translateY(2px)
}

.Button--icon {
    text-align: left
}

.Button--unstyled {
    padding: 0;
    background: transparent
}

.Textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #9cadb7;
    border-radius: 3px;
    resize: vertical
}

    .Textarea:focus {
        border: 1px solid #aeaeae;
        box-shadow: 0 0 5px #d9d9d9;
        outline: none
    }

    .Textarea.is-invalid {
        border: 1px solid #ac2a1a
    }

        .Textarea.is-invalid:focus {
            border: 1px solid #ac2a1a;
            box-shadow: 0 0 3px #ac2a1a;
            outline: none
        }

.Input {
    width: 100%;
    border: 1px solid #9cadb7;
    border-radius: 3px;
    padding: .75rem
}

    .Input:focus {
        border: 1px solid #aeaeae;
        box-shadow: 0 0 5px #d9d9d9;
        outline: none
    }

    .Input.is-invalid, .Input.is-invalid:focus {
        border: 1px solid #ac2a1a
    }

        .Input.is-invalid:focus {
            box-shadow: 0 0 3px #ac2a1a;
            outline: none
        }

.Status--active .Input {
    padding-right: 2.5rem
}

    .Status--active .Input::placeholder {
        opacity: .5
    }

.Status--disabled .Input {
    opacity: .5
}

.Status-success .Input {
    border: 1px solid #449d44
}

    .Status-success .Input:focus {
        border: 1px solid #449d44;
        box-shadow: 0 0 3px #449d44;
        outline: none
    }

    .Status-success .Input::placeholder {
        color: #449d44
    }

.Status--warning .Input {
    border: 1px solid #da611e
}

    .Status--warning .Input:focus {
        border: 1px solid #da611e;
        box-shadow: 0 0 3px #da611e;
        outline: none
    }

    .Status--warning .Input::placeholder {
        color: #da611e
    }

.Status--danger .Input {
    border: 1px solid #ac2a1a
}

    .Status--danger .Input:focus {
        border: 1px solid #ac2a1a;
        box-shadow: 0 0 3px #ac2a1a;
        outline: none
    }

    .Status--danger .Input::placeholder {
        color: #ac2a1a
    }

.Table {
    border-spacing: 0;
    width: 100%;
    min-width: 720px
}

.Table-wrapper {
    overflow-x: auto
}

@media (min-width:768px) {
    .Table-wrapper {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 1.375rem .625rem
    }
}

.Table-head th {
    border-bottom: 1px solid #666;
    color: #999;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
    padding: 1.125rem .625rem;
    text-align: left
}

@media (min-width:768px) {
    .Table-head th {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 1.375rem .625rem
    }
}

.Table--dark .Table-head th {
    border-color: #999;
    color: #fff
}

.Table-body td {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    padding: 1.125rem .625rem;
    text-align: left
}

@media (min-width:768px) {
    .Table-body td {
        font-size: 16px;
        font-size: 1rem;
        padding: 1.25rem .75rem
    }
}

.Table--dark .Table-body td {
    border-color: #666;
    color: #bbb
}

.Table--stripes .Table-row:nth-child(2n) {
    background-color: #f2f2f2
}

.Image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.Card-image .Image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: .75rem
}

.Card--imageCard .Image {
    transition: transform .2s ease-in
}

.Card--imageCard:hover .Image {
    transform: scale(1.1)
}

.ImageBlock-image {
    display: block;
    width: 100%;
    border-radius: .75rem
}

.ImageBlock-link {
    position: relative;
    display: inline-block;
    border-radius: .75rem;
    transform: scale(1);
    transition: transform .2s ease-in,box-shadow .2s ease-in
}

    .ImageBlock-link:hover {
        box-shadow: 0 3px 5px rgba(0,0,0,.1);
        transform: scale(1.01)
    }

.ImageBlock-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,93.3%,.8);
    font-size: .875rem;
    padding: .5rem 1.25rem;
    border-radius: 0 0 .75rem .75rem
}

.Spotlight-image .Image {
    max-height: 300px
}

.Icon {
    height: 1.25rem;
    width: 1.25rem
}

.Icon--inline {
    margin-right: .5rem
}

.Select {
    width: 100%;
    border: 1px solid #9cadb7;
    border-radius: 3px;
    padding: .75rem
}

    .Select:focus {
        border: 1px solid #aeaeae;
        box-shadow: 0 0 5px #d9d9d9;
        outline: none
    }

.List--inline, .List--unstyled {
    padding-left: 0;
    list-style: none
}

    .List--inline li:not(last-child) {
        margin-right: .5rem
    }

    .List--inline .List-item {
        display: inline-block
    }

.VideoBlock {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: .75rem;
    background: #e5e5e5;
    background-image: url(/images/manx-telecom-watermark.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (min-width:768px) {
    .VideoBlock {
        display: inline-block;
        padding-bottom: 0;
        height: auto
    }
}

.VideoBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width:767.98px) {
    .VideoBlock iframe {
        width: 100%;
        height: 100%
    }
}

@media (min-width:768px) {
    .VideoBlock iframe {
        position: relative;
        max-width: 100% !important;
        display: block
    }
}

.mt-forms-field-selectWrap select,
.mt-forms-field input[type=password], 
.mt-forms-field input[type=tel], 
.mt-forms-field input[type=email], 
.mt-forms-field input[type=text], 
.mt-forms-field textarea 
{
    border-radius: 16px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 10px 16px;
    font-size: 18px;
    width: 100%
}

.mt-forms-form {
    max-width: 1024px;
    margin: 0 auto
}

.mt-forms-field {
    margin-bottom: 24px
}

    .mt-forms-field:last-child {
        margin-bottom: 0
    }

    .mt-forms-field label {
        display: inline-;
        width: auto;
        margin-bottom: 8px;
        font-size: 18px;
        padding-right: 20px;
        position: relative;
    }

.mt-forms-field.required label:after {
    content: " *";
    top: 0;
    position: absolute;
    right: 0;
    color: red;
}

    .mt-forms-field input[type=password],
    .mt-forms-field input[type=tel],
    .mt-forms-field input[type=email],
    .mt-forms-field input[type=text]
    {
        width: 100%;
        border-radius: 100px
    }

    .mt-forms-field input[type=password].text,
    .mt-forms-field input[type=tel].text,
    .mt-forms-field input[type=email].text,
    .mt-forms-field input[type=text].text
    {
        max-width: none !important
    }

    .mt-forms-field textarea {
        max-width: none !important;
        width: 100%
    }

        .mt-forms-field textarea ::-webkit-resizer {
            display: none
        }

.mt-forms-form .mt-forms-field textarea {
    max-width: none !important
}

.mt-forms-field-selectWrap {
    position: relative;
    width: fit-content
}

    .mt-forms-field-selectWrap select {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 32px;
        font-size: 18px;
        border-radius: 24px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

    .mt-forms-field-selectWrap:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 12px;
        width: 5px;
        height: 5px;
        border: 2px solid #9cadb7;
        border-top: none;
        border-left: none;
        transform-origin: center;
        transform: translateY(-50%) rotate(45deg)
    }

.mt-forms-field-checkbox-wrap {
    display: flex;
    margin-bottom: 16px
}

    .mt-forms-field-checkbox-wrap:last-child {
        margin-bottom: 0
    }

    .mt-forms-field-checkbox-wrap > * {
        display: inline-block
    }

    .mt-forms-field-checkbox-wrap > .Checkbox {
        margin-right: 16px
    }

    .mt-forms-field-checkbox-wrap .Checkbox-check {
        height: 26px;
        width: 26px
    }

.mt-forms-field.checkbox .mt-forms-field-wrapper {
    float: left
}

.mt-forms-field-checkbox-wrap--center {
    align-items: center
}

.mt-forms-field .checkboxlist {
    float: none
}

.mt-forms-field-radio-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

    .mt-forms-field-radio-wrap > * {
        display: inline-block
    }

    .mt-forms-field-radio-wrap > .Radio {
        margin-right: 16px
    }

    .mt-forms-field-radio-wrap .Radio, .mt-forms-field-radio-wrap .Radio-check {
        height: 26px;
        width: 26px
    }

.mt-forms-field-fileupload {
    display: block !important;
    width: fit-content !important
}

.Theme--darkGrey .mt-forms-field-fileupload {
    border-color: #fff;
    color: #fff
}

    .Theme--darkGrey .mt-forms-field-fileupload:hover {
        background-color: #eee;
        border-color: #eee;
        color: #20257d
    }

.mt-forms-field-fileupload-control {
    display: none
}

.mt-forms-container.mt-forms--inline {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom:0.8rem;
}

.mt-forms-field--inline {
    display: inline-block;
}

label.mt-forms-label--inline {
    display: inline-block;
    width: auto;
}

label.mt-forms-label.mt-forms-label__sm {
    font-size: 0.8rem;
    max-width: 120px;
    padding-right: 10px;
}

.mt-forms-field-wrapper--inline {
    display: inline-block;
    width: auto;
    margin: 0 15px 0 5px;
}

.mt-forms-field-wrapper--sm {
    max-width: 120px;
    font-size: 0.8rem;
}

.mt-forms-field .mt-forms-field-wrapper--sm .mt-forms-field-selectWrap select,
.mt-forms-field .mt-forms-field-wrapper--sm input[type=password],
.mt-forms-field .mt-forms-field-wrapper--sm input[type=tel],
.mt-forms-field .mt-forms-field-wrapper--sm input[type=email],
.mt-forms-field .mt-forms-field-wrapper--sm input[type=text],
.mt-forms-field .mt-forms-field-wrapper--sm textarea {
    font-size: 0.8rem;
    padding: 0.8rem 0.8rem;
}
span.help-block,
span.help-inline {
    font-size: 0.9rem;
}
.mt-forms-field.error label, 
.mt-forms-field.error .help-block, 
.mt-forms-field.error .help-inline {
    color: #b94a48;
}

button.Button {
    align-items: center;
}

button.small {
    padding: 0.8rem 0.8rem;
    font-size: 0.8rem;
}

    button.small svg.Icon {
        height: 0.95rem;
        margin: 0 5px;
    }

.Iframe {
    max-width: 100%;
    border: none
}

.QuoteBlock blockquote {
    margin: 1em 0 2em;
    padding: 1em 2em 1em 1em;
    line-height: 1.5;
    font-size: 17px;
    font-size: 1.0625rem
}

.QuoteBlock-quoteIcon {
    height: 2rem;
    width: 2rem;
    fill: currentColor
}

.QuoteBlock-quoteIcon--close {
    transform: scale(-1)
}

@media (max-width:767.98px) {
    .Layout-item {
        position: relative;
        background-color: #fff;
        padding-bottom: 2.5rem
    }

    .Layout + .Layout > .Layout-item, .Layout-item {
        padding-top: 2.5rem
    }

    .Layout-item--collapsedTop {
        margin-top: -2.5rem
    }

    .Layout-item--collapsedBottom {
        margin-bottom: -2.5rem
    }

    .Layout-component {
        position: relative
    }

        .Layout-component + .Layout-component {
            padding-top: 2.5rem
        }

    .Layout-item:not(.Layout-item--100) .Layout-component {
        height: 100%
    }
}

@media (min-width:640px) {
    .Layout-item {
        position: relative;
        background-color: #fff;
        padding-bottom: 3rem
    }

    .Layout + .Layout > .Layout-item, .Layout-item {
        padding-top: 3rem
    }

    .Layout-item--collapsedTop {
        margin-top: -3rem
    }

    .Layout-item--collapsedBottom {
        margin-bottom: -3rem
    }

    .Layout-component {
        position: relative
    }

        .Layout-component + .Layout-component {
            padding-top: 3rem
        }

    .Layout-item:not(.Layout-item--100) .Layout-component {
        height: 100%
    }
}

@media (min-width:1024px) {
    .Layout-item {
        position: relative;
        background-color: #fff;
        padding-bottom: 3.5rem
    }

    .Layout + .Layout > .Layout-item, .Layout-item {
        padding-top: 3.5rem
    }

    .Layout-item--collapsedTop {
        margin-top: -3.5rem
    }

    .Layout-item--collapsedBottom {
        margin-bottom: -3.5rem
    }

    .Layout-component {
        position: relative
    }

        .Layout-component + .Layout-component {
            padding-top: 3.5rem
        }

    .Layout-item:not(.Layout-item--100) .Layout-component {
        height: 100%
    }
}

.Theme {
    width: 100%
}

.Theme--primaryBlue {
    background-color: #00b5ef;
    color: #fff
}

.Theme--darkBlue {
    background-color: #20257d;
    color: #fff
}

.Theme--grey {
    background-color: #eee;
    color: #222
}

.Theme--darkGrey {
    background-color: #222;
    color: #fff
}

@media (min-width:1024px) {
    .Theme--watermark:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: .5;
        background-image: url(/images/svg/bl-wifi-watermark.svg),url(/images/svg/tr-wifi-watermark.svg);
        background-position: 0 calc(75vw + 58px),right -20px top -50px;
        background-size: 75%;
        background-repeat: no-repeat
    }
}

.Theme--graphic {
    color: #fff
}

@media (min-width:1024px) {
    .Theme--graphic:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: .5;
        background-image: url(/images/svg/wire-graphic.svg);
        background-position: bottom -60px right -20px;
        background-size: 35%;
        background-repeat: no-repeat
    }
}

.Container, .NetworkStatus-content {
    margin: 0 auto;
    width: calc(100% - 2.5rem)
}

@media (min-width:768px) {
    .Container, .NetworkStatus-content {
        max-width: calc(768px - 5rem)
    }
}

@media (min-width:1024px) {
    .Container, .NetworkStatus-content {
        padding-left: 2rem;
        padding-right: 2rem;
        width: calc(100% - 4rem);
        max-width: calc(1024px - 4rem)
    }
}

@media (min-width:1280px) {
    .Container, .NetworkStatus-content {
        max-width: calc(1280px - 4rem)
    }
}

@media (min-width:1600px) {
    .Container, .NetworkStatus-content {
        max-width: calc(1398px - 4rem)
    }
}

.Checkbox {
    position: relative;
    display: flex;
    cursor: pointer
}

.Checkbox-list > * + * {
    margin-top: .75rem
}

.Checkbox-list--inline {
    display: flex;
    align-items: center
}

    .Checkbox-list--inline > * + * {
        margin-top: 0;
        margin-left: .75rem
    }

.Checkbox-wrap {
    width: 26px;
    height: 26px
}

.Checkbox-control {
    position: absolute;
    opacity: 0
}

.Checkbox-check {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    border: 1px solid #9cadb7;
    background-color: #fff;
    text-indent: -9999px;
    transition: border-color .2s ease;
    cursor: pointer
}

    .Checkbox-check:before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        content: "✓";
        background-color: #20257d;
        color: #fff;
        text-align: center;
        line-height: 1.5;
        text-indent: 0;
        transform: scale(0);
        transition: transform .2s ease
    }

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .Checkbox-check:before {
        line-height: 1.25
    }
}

:checked ~ .Checkbox-check {
    border-color: #20257d
}

    :checked ~ .Checkbox-check:before {
        transform: scale(1)
    }

:focus + .Checkbox-check {
    box-shadow: 0 0 6px rgba(32,37,125,.5)
}

:disabled + .Checkbox-check {
    border-color: #bac5cc
}

.Checkbox-label {
    display: inline-block;
    margin-left: .5rem
}

:disabled ~ .Checkbox-label {
    color: #9cadb7
}

button.disabled{
    background: #EEEEEE;
    opacity:0.8;
    transform:none;
    cursor: not-allowed;
}

button.disabled:hover {
    transform: none;
}

.Radio {
    display: flex;
    align-items: center
}

.Radio-control {
    position: absolute;
    opacity: 0
}

.Radio-check {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #9cadb7;
    background-color: #fff;
    flex-shrink: 0;
    margin-right: .75rem
}

    .Radio-check:before {
        position: absolute;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px;
        content: "";
        border-radius: 50%;
        background-color: #00b5ef;
        will-change: transform;
        transform: scale(0);
        transition: transform .3s ease
    }

:checked + .Radio-check:before {
    transform: scale(1)
}

:focus + .Radio-check {
    box-shadow: 0 0 6px rgba(0,181,239,.5)
}

.Radio-list > * + * {
    margin-top: 1rem
}

@media (min-width:1024px) {
    .Radio-list--inline {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .Radio-list--inline > * + * {
            margin-top: 0;
            margin-left: 1.5rem
        }
}

.Datepicker {
    display: flex;
    margin-bottom: 2.5rem
}

@media (min-width:1024px) {
    .Datepicker {
        justify-content: flex-end
    }
}

.Datepicker__input {
    padding: .5rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.447 36.447"><path d="M30.224 3.948h-1.098V2.75c0-1.517-1.197-2.75-2.67-2.75-1.474 0-2.67 1.233-2.67 2.75v1.197h-2.74V2.75c0-1.517-1.197-2.75-2.67-2.75-1.473 0-2.67 1.233-2.67 2.75v1.197h-2.74V2.75c0-1.517-1.197-2.75-2.67-2.75-1.473 0-2.67 1.233-2.67 2.75v1.197H6.224a4.255 4.255 0 00-4.25 4.25v24a4.255 4.255 0 004.25 4.25h24a4.255 4.255 0 004.25-4.25v-24a4.255 4.255 0 00-4.25-4.249zM25.286 2.75c0-.689.525-1.25 1.17-1.25.646 0 1.17.561 1.17 1.25v4.896c0 .689-.524 1.25-1.17 1.25-.645 0-1.17-.561-1.17-1.25V2.75zm-8.08 0c0-.689.525-1.25 1.17-1.25s1.17.561 1.17 1.25v4.896c0 .689-.525 1.25-1.17 1.25s-1.17-.561-1.17-1.25V2.75zm-8.081 0c0-.689.525-1.25 1.17-1.25s1.17.561 1.17 1.25v4.896c0 .689-.525 1.25-1.17 1.25s-1.17-.561-1.17-1.25V2.75zm22.849 29.448c0 .965-.785 1.75-1.75 1.75h-24c-.965 0-1.75-.785-1.75-1.75v-22h27.5v22z"/><path d="M6.724 14.626h4.595v4.089H6.724zM12.857 14.626h4.596v4.089h-4.596zM18.995 14.626h4.595v4.089h-4.595zM25.128 14.626h4.596v4.089h-4.596zM6.724 20.084h4.595v4.086H6.724zM12.857 20.084h4.596v4.086h-4.596zM18.995 20.084h4.595v4.086h-4.595zM25.128 20.084h4.596v4.086h-4.596zM6.724 25.54h4.595v4.086H6.724zM12.857 25.54h4.596v4.086h-4.596zM18.995 25.54h4.595v4.086h-4.595zM25.128 25.54h4.596v4.086h-4.596z"/></svg>');
    background-size: 22px 22px;
    background-position: 97%;
    background-repeat: no-repeat;
    border: 1px solid #9cadb7;
    margin-right: .5rem
}

.Footer .PhoneNumber {
    color: currentColor;
    text-decoration: none
}

    .Footer .PhoneNumber:hover {
        text-decoration: underline
    }

.Toggle {
    display: flex;
    align-items: center
}

    .Toggle > * + * {
        margin-left: .5rem
    }

.Toggle-wrapper {
    position: relative;
    height: 34px;
    width: 60px
}

.Toggle-checkbox {
    position: absolute;
    opacity: 0
}

.Toggle-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    background-color: gray(50);
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.Toggle-checkbox:checked + .Toggle-slider {
    background-color: #00b5ef
}

.Toggle-checkbox:focus + .Toggle-slider {
    box-shadow: 0 0 5px gray(50)
}

.Toggle--rounded .Toggle-slider {
    border-radius: 2rem
}

.Toggle-slider:before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 4px;
    height: 26px;
    width: 26px;
    background-color: #fff;
    transition: .35s ease
}

.Toggle-checkbox:checked + .Toggle-slider:before {
    transform: translateX(26px)
}

.Toggle--rounded .Toggle-slider:before {
    border-radius: 100%
}

.Toggle-label {
    font-size: 12px;
    font-size: .75rem
}

.Tooltip {
    position: relative
}

.Tooltip--text .Tooltip-button {
    background: transparent;
    border-radius: 0;
    border: none;
    color: #00b5ef;
    font-weight: 700;
    text-decoration: underline
}

    .Tooltip--text .Tooltip-button:hover {
        text-decoration: none
    }

.Tooltip--icon .Tooltip-button {
    border: none;
    border-radius: 100%;
    height: 1.25rem;
    width: 1.25rem;
    text-align: center;
    padding: 0
}

    .Tooltip--icon .Tooltip-button span {
        text-indent: -9999px
    }

    .Tooltip--icon .Tooltip-button:before {
        content: "?";
        line-height: 1.25rem;
        font-weight: 700
    }

.Tooltip--primary .Tooltip-button {
    background-color: #00b5ef;
    color: #fff
}

.Tooltip--white .Tooltip-button {
    background-color: #fff;
    color: #00b5ef
}

.Tooltip-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100% - 1rem));
    background-color: gray(40);
    color: #000;
    font-weight: 400;
    border-radius: 15px;
    line-height: 1.3;
    min-width: 280px;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease,visibility .25s step-end;
    z-index: 8
}

.Tooltip-button:focus + .Tooltip-content {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease,visibility .25s step-start
}

@media (max-width:1023.98px) {
    .TrueResponsiveTable thead {
        display: none
    }

    .TrueResponsiveTable tbody tr {
        display: flex;
        flex-direction: column
    }

        .TrueResponsiveTable tbody tr td {
            display: block
        }

            .TrueResponsiveTable tbody tr td:before {
                content: attr(data-label);
                display: block;
                font-size: 12px;
                font-size: .75rem;
                font-weight: 700
            }
}

.Tagline {
    position: absolute;
    width: 100%;
    margin-top: -1rem;
    text-align: center;
    z-index: 1
}

.Tagline-content {
    display: inline-block;
    padding: .25rem 1.25rem;
    border-radius: .375rem;
    box-shadow: 0 -1px 3px rgba(0,0,0,.2)
}

.Tagline-text {
    margin-bottom: 0;
    color: #fff
}

.Tagline--primary {
    background-color: #00b5ef
}

.Tagline--secondary {
    background-color: #20257d
}

.Tagline--pink {
    background-color: #e44398
}

.Tagline--green {
    background-color: #62bb46
}

.Overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Overlay-gradient--dark {
    background-image: linear-gradient(90deg,#222,#222 70%,#9cadb7)
}

.Overlay-gradient--bluePink {
    background-image: linear-gradient(45deg,#030842,#20257d 30%,#20257d 50%,#fc2393)
}

.Overlay-graphic--Left {
    transform: scaleX(-1)
}

.Site {
    -webkit-overflow-scrolling: touch
}

.Site, .Site-body {
    display: flex;
    max-width: 100%;
    overflow-x: hidden
}

.Site-body {
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    position: relative
}

.Site-wrapper {
    position: relative;
    flex-grow: 1
}

.Site-footer {
    flex-shrink: 0
}

@media (max-width:1023.98px) {
    .Navbar-dropdown, .Navbar-dropdownSubMenu, .Navbar-loginList, .Navbar-main {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100vh - 75px);
        width: 100vw;
        background-color: #fff;
        transform: translateX(100%);
        transition: transform .2s ease-in-out
    }

    .is-active.Navbar-dropdown, .is-active.Navbar-dropdownSubMenu, .is-active.Navbar-loginList, .is-active.Navbar-main, .is-open.Navbar-dropdown, .is-open.Navbar-dropdownSubMenu, .is-open.Navbar-loginList, .is-open.Navbar-main {
        transform: none
    }
}

@media (max-width:1023.98px) {
    .Navbar-back, .Navbar-dropdownSubLink, .Navbar-loginButton, .Navbar-loginListItemLink, .Navbar-mainListItemLink, .Navbar-topMenuLink--mobile {
        background: transparent;
        border: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 12px 20px;
        border-bottom: #20257d;
        box-sizing: border-box;
        transition: background-color .2s linear,color .2s linear;
        cursor: pointer
    }

        .Navbar-back:hover, .Navbar-dropdownSubLink:hover, .Navbar-loginButton:hover, .Navbar-loginListItemLink:hover, .Navbar-mainListItemLink:hover, .Navbar-topMenuLink--mobile:hover {
            background-color: #20257d;
            color: #fff !important
        }

            .Navbar-back:hover > a, .Navbar-dropdownSubLink:hover > a, .Navbar-loginButton:hover > a, .Navbar-loginListItemLink:hover > a, .Navbar-mainListItemLink:hover > a, .Navbar-topMenuLink--mobile:hover > a {
                color: #fff
            }
}

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

.Navbar-top {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-bottom: 1px solid #f2f2f2
}
@media (min-width: 1024px){
    .Navbar-top {
        background-color: #00a2d7;
        justify-content: space-between;
        box-shadow: none;
        flex-wrap: nowrap;
        border-bottom: none;
    }
}

.Navbar-mobileHeader {
    margin-right: 2.5rem;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.Navbar-logo {
    display: flex;
    cursor: pointer;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px
}

@media (min-width:1024px) {
    .Navbar-logo {
        height: 60px;
        width: 320px
    }
}

.Navbar-logo svg {
    height: 100%;
    width: 100%
}

.Navbar-mobileHeader .Navbar-logo {
    background-image: url(/images/_/logos/mobile-logo.svg)
}

.Navbar-desktopHeader .Navbar-logo {
    background-image: url(/images/_/logos/desktop-logo.svg)
}

.Navbar-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1
}

@media (min-width:1024px) {
    .Navbar-name {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width:1279.98px) {
    .Navbar-name {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s ease .3s,visibility .2s step-start .3s
    }

    .Navbar.is-open .Navbar-name {
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease,visibility .2s step-end
    }
}

.Navbar-logo + .Navbar-name {
    text-indent: -99999px
}

.Navbar-topMenu {
    width: 100%;
    border-bottom: 1px solid #f2f2f2; 
    background-color: #00a2d7;
}


@media (max-width:1279.98px) {
    .EmergencyBanner + .Navbar > .Navbar-topMenu {
        height: calc(100vh - 145px)
    }

    .Navbar--dark .Navbar-topMenu {
        background: #333
    }

    .Navbar.is-open .Navbar-topMenu {
        transform: none;
        z-index: 10;
        transition: opacity .25s ease .2s,visibility .25s step-start .2s
    }
}

.Navbar-topMenuList {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
    height: 100%;
}


.Navbar-topMenuList--mobile {
    display: block;
    height: auto
}

@media (min-width:1024px) {
    .Navbar-topMenuList--mobile {
        display: none
    }
}

.Navbar-topMenuItem {
    flex-grow: 0;
    font-weight: 700;
    font-size: .875rem;
    transition: position .3s ease-in-out .4s
}

@media (min-width:1024px) {
    .Navbar-topMenuItem {
        border: none;
        border-right: 1px solid #4ccbf3;
        font-size: 16px;
        position: static
    }

        .Navbar-topMenuItem:last-child {
            border: none
        }
}

.Navbar-topMenuItem.is-open {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11
}

@media (min-width:1024px) {
    .Navbar-topMenuItem.is-open {
        position: static
    }
}

@media (min-width:1024px) {
    .Navbar-topMenuLink {
        display: flex;
        color: #fff;
        min-width: 100px;
        height: 100%;
        padding: .75rem 2rem;
        text-align: center;
        line-height: 1;
        text-decoration: none;
        box-sizing: border-box;
        white-space: nowrap;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
        transition: background-color .3s ease-in;
        cursor: pointer
    }

        .Navbar-topMenuLink:hover {
            background-color: #fff;
            color: #00a2d7
        }

            .Navbar-topMenuLink:hover a {
                color: #00a2d7
            }

        .Navbar-topMenuLink:last-child {
            border-right-width: 2px
        }
}

.Navbar-topMenuLink a {
    color: #fff;
    text-decoration: none
}

.Navbar--clear .Navbar-topMenuLink, .Navbar--dark .Navbar-topMenuLink {
    color: #fff
}

.Navbar-topMenuLink.is-active {
    background: linear-gradient(90deg,#00b5ef,#00a2d7);
    background-color: #00b5ef;
    color: #fff;
    font-weight: 700;
    box-shadow: none
}

    .Navbar-topMenuLink.is-active svg {
        opacity: 0
    }

@media (min-width:1024px) {
    .Navbar-topMenuLink.is-active {
        background: #fff;
        color: #00b5ef;
        border-color: #fff
    }
}

.Navbar-topMenuLink.is-active:before {
    transform: translate(-6px,-50%) rotate(-45deg)
}

.Navbar-topMenuLink.is-active:after {
    transform: translateY(-50%) rotate(45deg)
}

.Navbar-topMenuLink--active {
    background-color: #00b5ef;
    box-shadow: 8px 8px 16px 0 rgba(0,0,0,.15);
    color: #fff;
    transition: background-color .25s ease-in-out
}

    .Navbar-topMenuLink--active:hover {
        background-color: #009acb;
        color: #fff;
        text-decoration: none
    }

.Navbar-loginMenu {
    display: none
}

.Navbar-main .Navbar-loginMenu {
    display: block
}

@media (min-width:1024px) {
    .Navbar-main .Navbar-loginMenu {
        display: none
    }
}

@media (min-width:1024px) {
    .Navbar-loginMenu {
        position: relative;
        flex-grow: 1;
        background: transparent;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0;
        margin-left: auto
    }

    .Navbar-loginMenuLink {
        color: #fff
    }
}

@media (min-width:1280px) {
    .Navbar-loginMenu {
        border-bottom: 1px solid #4ccbf3
    }
}

@media (min-width:1024px) {
    .Navbar-loginListContainer {
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
        width: auto;
        padding-right: 2.5rem
    }
}

@media (min-width:1280px) {
    .Navbar-loginListContainer:hover svg {
        transform: rotate(90deg)
    }
}

@media (min-width:1024px) {
    .Navbar-loginList {
        visibility: hidden;
        position: absolute;
        right: 0;
        top: 100%;
        transform: translateX(105%);
        background-color: #20257d;
        border-radius: 0 0 0 5px;
        z-index: 99;
        box-shadow: -5px 10px 15px rgba(0,0,0,.2);
        transition: transform .1s ease-in
    }

        .Navbar-loginList a {
            color: #fff;
            text-decoration: none
        }
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .Navbar-loginList.is-open {
        visibility: visible;
        transform: translateX(0)
    }
}

@media (min-width:1024px) and (min-width:1280px) {
    .Navbar-loginListContainer:hover .Navbar-loginList {
        visibility: visible;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .Navbar-loginListItemLink {
        display: block;
        padding: .5rem 3.25rem .5rem 1rem;
        transition: background-color .3s ease
    }

        .Navbar-loginListItemLink:hover {
            background-color: hsla(0,0%,100%,.3)
        }

            .Navbar-loginListItemLink:hover a {
                text-decoration: underline
            }
}

@media (min-width:1024px) {
    .Navbar-loginButton {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        background: #00b5ef;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        margin-left: 2.5rem;
        white-space: nowrap;
        width: auto;
        background: transparent;
        font-size: 1.25rem;
        padding: 8px
    }
}

.Navbar-loginButton svg {
    height: 1.5rem;
    width: 1.5rem;
    margin-left: .25rem;
    transition: transform .3s ease
}

@media (max-width:1279.98px) {
    .Navbar-loginButton.is-open svg {
        transform: rotate(90deg)
    }
}

.Navbar-main {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 120px
}

.Navbar.is-open .Navbar-main {
    transform: translate(0);
    border-top: 1px solid #f2f2f2
}

@media (max-width:1279.98px) {
    .Navbar-main {
        z-index: 20
    }
}

@media (min-width:1024px) {
    .Navbar-mainUpper {
        top: unset;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 4rem 0 2rem;
        box-shadow: 0 20px 20px rgba(0,0,0,.1)
    }
}

.Navbar-mainList {
    list-style: none;
    padding-left: 0;
    margin: 0;
    width: 100%;
    transition: opacity .2s,visibility .2s step-end
}

@media (min-width:1024px) {
    .Navbar-mainList {
        display: flex;
        justify-content: flex-end;
        align-items: stretch
    }
}

.is-open .Navbar-mainList {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s,visibility .4s step-start
}

@media (min-width:1024px) {
    .Navbar-mainListItem {
        padding: 0 15px
    }

        .Navbar-mainListItem:nth-last-child(2) {
            padding-right: 0;
            margin-right: 20px
        }

        .Navbar-mainListItem:hover .Navbar-mainListItemLink {
            color: #00b5ef;
            box-shadow: inset 0 -4px 0 0 #00b5ef
        }
}

@media (min-width:1280px) {
    .Navbar-mainListItem {
        padding: 0 25px
    }

        .Navbar-mainListItem:nth-last-child(2) {
            padding-right: 0;
            margin-right: 30px
        }
}

.Navbar-dropdown.is-open .Navbar-mainListItemLink {
    font-weight: 700;
    color: #20257d
}

@media (min-width:1024px) {
    .Navbar-mainListItemLink {
        align-items: center;
        height: 100%;
        color: #20257d;
        padding: 1.5rem 0;
        transition: color .2s ease,box-shadow .2s ease;
        font-weight: 700;
        text-align: center;
        box-sizing: border-box
    }

        .Navbar-mainListItemLink:hover {
            color: #00b5ef;
            text-decoration: none
        }
}

@media (max-width:1279.98px) {
    .Navbar-dropdown {
        z-index: 30
    }
}

@media (min-width:1024px) {
    .Navbar-dropdown {
        position: absolute;
        top: 114px;
        left: 0;
        min-height: 300px;
        z-index: 50;
        padding: 0 4rem 0 0;
        width: 100%;
        height: auto;
        display: none;
        background: #fff
    }

        .Navbar-dropdown.is-open, .no-touch .Navbar-mainListItem.is-active .Navbar-dropdown, .no-touch .Navbar-mainListItem:hover .Navbar-dropdown {
            display: flex;
            border-top: 2px solid #f8f8f8
        }
}

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

@media (min-width:1024px) {
    .Navbar-dropdownListWrap {
        padding: 80px 90px;
        flex-basis: 50%
    }
}

.Navbar-dropdownList {
    width: 100%;
    transition: opacity .2s,display .2s step-end
}

.is-open .Navbar-dropdownList {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s,visibility .4s step-start
}

@media (min-width:1024px) {
    .Navbar-dropdownList {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 45px;
        max-width: 511px;
        width: 100%;
        box-sizing: border-box
    }
}

.Navbar-subPromoContainer {
    display: none
}

@media (min-width:1024px) {
    .Navbar-subPromoContainer {
        display: block;
        position: relative;
        flex-basis: 50%;
        height: 100%;
        min-height: 300px;
        background-color: #f8f8f8
    }
}

.Navbar-subPromo {
    display: none;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .Navbar-subPromo {
        display: block;
        width: 100%;
        padding: 3.5rem 4.5rem
    }

    .Navbar-subPromoImage {
        position: relative;
        height: 0;
        padding-bottom: 56.25%
    }
}

@media (min-width:1280px) {
    .Navbar-subPromo {
        padding: 4.5rem 8.5rem
    }
}

.Navbar-subClose {
    display: none
}

@media (min-width:1024px) {
    .Navbar-subClose {
        display: block;
        position: absolute;
        right: 60px;
        top: 60px;
        background: transparent;
        border: none;
        outline: none;
        padding: 0;
        margin: 0
    }

        .Navbar-subClose:hover {
            transform: scale(1.1);
            opacity: .6
        }
}

.Navbar-dropdownSubItem {
    transition: opacity .2s,visibility .2s step-end
}

@media (min-width:1024px) {
    .Navbar-dropdownSubItem--secondary {
        padding-bottom: 1rem
    }
}

@media (min-width:1024px) {
    .Navbar-dropdownSubItem--tertiary:first-of-type {
        margin-top: 1rem
    }
}

@media (min-width:1024px) {
    .Navbar-dropdownSubItemHeading--secondary {
        border-bottom: 1px solid #eee;
        padding-bottom: .5rem
    }
}

.is-open .Navbar-dropdownSubItem {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s,visibility .3s step-start
}

.Navbar-dropdownSubLink--secondary {
    color: #20257d
}

.Navbar-subMenu--secondary.is-open .Navbar-dropdownSubLink--secondary {
    font-weight: 700
}

@media (min-width:1024px) {
    .Navbar-dropdownSubLink {
        display: block;
        line-height: 1.2;
        position: relative;
        padding: .5rem 0;
        text-align: left;
        transition: color .3s ease;
        text-decoration: none
    }

    .Navbar-dropdownSubLink--secondary {
        color: #20257d
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .Navbar-dropdownSubLink--secondary {
        font-weight: 700;
        text-decoration: none;
        border-bottom: 2px solid #eee;
        margin-bottom: .5rem
    }

        .Navbar-dropdownSubLink--secondary:hover {
            text-decoration: underline
        }
}

@media (min-width:1024px) {
    .Navbar-dropdownSubLink--tertiary {
        color: #00b5ef
    }
}

.Navbar-dropdownSubMenu.is-active, .Navbar-dropdownSubMenu.is-open {
    transform: none
}

@media (max-width:767.98px) {
    .Navbar-subItem--tertiary {
        padding: 12px 20px
    }
}

.Navbar-subLink--tertiary {
    color: #20257d
}

@media (min-width:1024px) {
    .Navbar-subLink--tertiary {
        display: flex;
        font-weight: 700;
        text-decoration: none;
        border-bottom: 2px solid #eee;
        margin-bottom: .5rem;
        padding: .5rem 0;
        line-height: 1.2
    }

        .Navbar-subLink--tertiary:hover {
            text-decoration: underline
        }
}

.Navbar-close {
    position: absolute;
    top: 2rem;
    right: 5.75rem;
    opacity: .8;
    transition: transform opacity .3s ease ease .3s
}

    .Navbar-close:hover {
        transform: scale(1.25);
        opacity: 1
    }

.Navbar-closeText {
    font-size: .875rem;
    margin-top: -1px;
    margin-right: .25rem
}

.Navbar-searchTrigger {
    background-color: transparent;
    height: 1.5rem;
    width: 1.5rem;
    width: 3rem;
    height: 100%;
    padding: 0 .5rem;
    border: 2px solid #f2f2f2;
    border-top: none;
    border-bottom: none;
    cursor: pointer
}

@media (min-width:1024px) {
    .Navbar-searchTrigger {
        padding: 0;
        border: none
    }
}

@media (min-width:1280px) {
    .Navbar-searchTrigger {
        margin-left: 1rem
    }
}

.Navbar-searchTrigger svg {
    height: 1.5rem;
    width: 1.5rem;
    color: #20257d;
    transition: transform .3s ease
}

    .Navbar-searchTrigger svg:hover {
        transform: scale(1.1);
        color: #00b5ef
    }

    .Navbar-searchTrigger svg use {
        transition: color .25s ease
    }

.Navbar-hamburger {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    position: relative;
    margin: 0 .75rem;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

@media (min-width:1024px) {
    .Navbar-hamburger {
        display: none
    }
}

.Navbar-hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #20257d;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.Navbar--clear .Navbar-hamburger span, .Navbar--dark .Navbar-hamburger span {
    background: #fff
}

.Navbar-hamburger span:first-child {
    top: 0
}

.Navbar.is-open .Navbar-hamburger span:first-child {
    top: 8px;
    width: 0;
    left: 50%
}

.Navbar.is-open .Navbar-hamburger span:nth-child(2) {
    transform: rotate(45deg)
}

.Navbar.is-open .Navbar-hamburger span:nth-child(3) {
    transform: rotate(-45deg)
}

.Navbar-hamburger span:nth-child(2), .Navbar-hamburger span:nth-child(3) {
    top: 8px
}

.Navbar-hamburger span:nth-child(4) {
    top: 16px
}

.Navbar.is-open .Navbar-hamburger span:nth-child(4) {
    top: 16px;
    width: 0;
    left: 50%
}

.Navbar-arrow {
    height: 20px;
    width: 20px
}

.Navbar-mobileLogin {
    min-height: 100%;
    display: flex;
    margin-top: .5rem
}

.Footer {
    background-color: #fff;
    color: #222;
    border-top: 1px solid #f2f2f2;
    background-size: 0
}

@media (min-width:1024px) {
    .Footer {
        background-position: bottom;
        background-size: 1280px;
        background-repeat: no-repeat
    }
}

@media (min-width:1280px) {
    .Footer {
        background-size: cover
    }
}

.Footer--columns {
    padding: 2rem 0 0
}

@media (min-width:1024px) {
    .Footer--simple {
        padding: 3.125rem 0 0
    }
}

.Footer-links {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem
}

@media (min-width:1024px) {
    .Footer-links {
        flex-wrap: nowrap;
        justify-content: center;
        padding-bottom: 14rem
    }
}

@media (min-width:1280px) {
    .Footer-links {
        padding-bottom: 22rem
    }
}

.Footer-listColumn {
    width: 100%
}

@media (min-width:1024px) {
    .Footer-listColumn {
        width: auto;
        padding-right: 50px
    }
}

.Footer-listColumn + .Footer-listColumn {
    margin-top: 1.5rem
}

@media (min-width:1024px) {
    .Footer-listColumn + .Footer-listColumn {
        margin-top: 0
    }
}

.Footer-listHeader {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0
}

.Footer-listHeading {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    color: #20257d;
    font-size: 20px;
    font-size: 1.25rem
}

@media (min-width:1024px) {
    .Footer-listHeading {
        margin-bottom: 1rem;
        font-weight: 700;
        font-size: 1.25rem
    }
}

.Footer-listButton {
    position: relative;
    background: #fff;
    border: 2px solid #666;
    border-radius: 100%;
    height: 24px;
    width: 24px;
    font-size: 11px;
    text-indent: -99999px
}

@media (min-width:1024px) {
    .Footer-listButton {
        display: none
    }
}

.Footer-listButton:focus {
    outline: none;
    box-shadow: 0 0 6px rgba(0,181,239,.75)
}

.Footer-listButton:after, .Footer-listButton:before {
    content: "";
    background-color: #666;
    display: block;
    height: 2px;
    width: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .25s ease;
    transform-origin: center
}

.Footer-listButton:before {
    transform: translate(-50%,-50%)
}

.Footer-listButton:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.Footer-listButton.is-open:after {
    transform: translate(-50%,-50%)
}

.Footer-listLinks {
    list-style: none;
    padding: 0 2rem 0 1rem
}

@media (min-width:1024px) {
    .Footer-listLinks {
        padding-left: 0
    }
}

.Footer-listLinks > * + * {
    margin-top: .75rem
}

.Footer-listText {
    color: #444;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    text-decoration: none;
    transition: color .25s ease
}

.Footer--dark .Footer-listText {
    color: #fff
}

.Footer-listText:hover {
    color: #20257d;
    text-decoration: underline
}

.Footer-contactDetails {
    font-size: .75rem;
    color: currentColor
}

.Footer-info {
    background-color: #20257d;
    color: #fff;
    padding: 2rem 0;
    font-size: .75rem;
    text-align: center
}

@media (min-width:1024px) {
    .Footer-info {
        text-align: left
    }
}

.Footer-legal {
    text-align: center
}

@media (min-width:768px) {
    .Footer-legal {
        text-align: right
    }
}

.Footer-legalList {
    margin: 0
}

.Footer-legalLink {
    color: currentColor;
    text-decoration: none
}

    .Footer-legalLink:hover {
        text-decoration: underline
    }

.Banner--primary {
    background-color: #00b5ef
}

.Banner--secondary {
    background-color: #20257d
}

.Banner--pink {
    background-color: #e44398
}

.Banner--green {
    background-color: #449d44
}

.Banner--amber {
    background-color: #da611e
}

.Banner--red {
    background-color: #ac2a1a
}

.EmergencyBanner {
    display: none;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    padding: .5rem 0;
    z-index: 9
}

@media (min-width:1280px) {
    .EmergencyBanner {
        font-size: 16px;
        font-size: 1rem;
        padding: .75rem 0
    }
}

.EmergencyBanner:not(.has-cookie) {
    display: block
}

.EmergencyBanner-link {
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-decoration: none
}

    .EmergencyBanner-link:hover {
        color: #fff;
        text-decoration: underline
    }

    .EmergencyBanner-link svg {
        height: 24px;
        width: 24px
    }

.Banner--primary a {
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
}

    .EmergencyBanner-close {
        background: transparent;
        border: none;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0;
        opacity: .8;
        transition: opacity .3s ease;
        cursor: pointer
    }

    .EmergencyBanner-close > * + * {
        margin-left: .625rem
    }

    .EmergencyBanner-close:hover {
        opacity: 1
    }

    .EmergencyBanner-close:focus {
        outline: none
    }

.EmergencyBanner-closeLabel {
    font-size: 13px;
    font-size: .8125rem;
    white-space: nowrap
}

.EmergencyBanner-close:focus .EmergencyBanner-closeLabel, .EmergencyBanner-close:hover .EmergencyBanner-closeLabel {
    text-decoration: underline
}

@media (max-width:1279.98px) {
    .EmergencyBanner-closeLabel {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0
    }
}

.EmergencyBanner-closeIcon {
    height: 24px;
    width: 24px;
    border: 2px solid #fff;
    border-radius: 100%;
    position: relative
}

    .EmergencyBanner-closeIcon:after, .EmergencyBanner-closeIcon:before {
        content: "";
        height: 2px;
        width: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
        border-radius: 2px;
        display: block
    }

    .EmergencyBanner-closeIcon:before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .EmergencyBanner-closeIcon:after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.EmergencyBanner-close:focus .EmergencyBanner-closeIcon {
    box-shadow: 0 0 6px rgba(0,0,0,.5)
}

/*.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}*/


.modal.fade {
    transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
}

.fade {
    transition: opacity 0.15s linear;
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.Social--border {
    padding: 2rem 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.StandardsPage-column .Social--border {
    border-color: #ccc
}

.Social-heading {
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-size: 1.125rem
}

.Social-wrapper {
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .Social-wrapper {
        justify-content: flex-end
    }
}

.Social--mobileStacked .Social-wrapper {
    flex-direction: column
}

@media (min-width:1024px) {
    .Social--mobileStacked .Social-wrapper {
        flex-direction: row
    }
}

.Social-wrapper > * + * {
    margin-left: .625rem
}

.Social--mobileStacked .Social-wrapper > * + * {
    margin-top: .625rem;
    margin-left: 0
}

@media (min-width:1024px) {
    .Social--mobileStacked .Social-wrapper > * + * {
        margin-top: 0;
        margin-left: .625rem
    }
}

.Social-icon {
    color: currentColor;
    background-color: color(primary);
    margin: .5rem;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    height: 1.875rem;
    width: 1.875rem
}

    .Social-icon:hover {
        transform: scale(1.15)
    }


.Social-icon svg {
    height: 100%;
    width: 100%
}

    .Social-icon svg use {
        transition: color .25s ease
    }

.Social--white .Social-icon svg use {
    color: color(primary)
}

.Social--white .Social-icon {
    background-color: #fff
}

    .Social--white .Social-icon:hover {
        background-color: color(primary)
    }

        .Social--white .Social-icon:hover svg use {
            color: #fff
        }

.Social-icon--facebook:hover {
    background-color: #3b5998
}

.Social-icon--linkedin:hover {
    background-color: #0077b5
}

.Social-icon--twitter:hover {
    background-color: #55acee
}

.Social-icon--secondary:hover {
    background-color: #20257d
}

.Social-button {
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .35rem .75rem;
    transition: background-color .25s ease,color .25s ease
}

    .Social-button > svg {
        margin-right: .5rem
    }

.Social-button--facebook {
    border-color: #3b5998;
    background-color: #3b5998
}

    .Social-button--facebook:hover {
        background-color: #fff;
        color: #3b5998
    }

.Social-button--linkedin {
    border-color: #0077b5;
    background-color: #0077b5
}

    .Social-button--linkedin:hover {
        background-color: #fff;
        color: #0077b5
    }

.Social-button--twitter {
    border-color: #55acee;
    background-color: #55acee
}

    .Social-button--twitter:hover {
        background-color: #fff;
        color: #55acee
    }

.Social-button--secondary {
    border-color: #20257d;
    background-color: #20257d
}

    .Social-button--secondary:hover {
        background-color: #fff;
        color: #20257d
    }

.Social-button svg {
    height: 1rem;
    width: 1rem
}

.Social-copy:before {
    content: "URL copied to clipboard";
    position: absolute;
    margin-top: -2.5rem;
    padding: .25rem .5rem;
    background: #333;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    font-size: .6875rem;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.Social-copy.is-copied:before, .Social-copy:before {
    transition: opacity .25s ease,visibility .25s step-end
}

.Social-copy.is-copied:before {
    opacity: 1;
    visibility: visible
}

.Accordion--darkBackground {
    padding: 2.5rem 0
}

.Accordion-wrapper {
    position: relative
}

    .Accordion-wrapper + .Accordion-wrapper {
        margin-top: 1rem
    }

.Accordion--lineDivide .Accordion-wrapper + .Accordion-wrapper {
    margin-top: 0
}

.Accordion-header {
    font-weight: 700;
    padding: 2.375rem 3rem 2.375rem 2.25rem;
    position: relative;
    list-style: none
}

@media (min-width:1024px) {
    .Accordion-header {
        font-size: 32px;
        font-size: 2rem
    }
}

.Accordion-header::-webkit-details-marker {
    display: none
}

.Accordion-header:focus {
    outline: none
}

.Accordion--background .Accordion-header {
    background-color: #fff;
    padding-left: 2.5rem
}

.Accordion--lineDivide .Accordion-header {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid transparent;
    padding-top: 2.75rem;
    padding-bottom: 2.25rem
}

.Accordion--lineDivide .Accordion-wrapper:first-of-type .Accordion-header {
    border-top-color: transparent
}

.Accordion--lineDivide .Accordion-wrapper:last-child .Accordion-header {
    border-bottom-color: #d9d9d9
}

.Accordion-content {
    padding: 3.125rem 2.5rem
}

@media (min-width:1024px) {
    .Accordion-content {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.Accordion-item[open] .Accordion-content {
    animation: sweep .3s ease-in-out
}

.Accordion-icon {
    display: block;
    height: 28px;
    width: 28px;
    border: 3px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 50px;
    right: 38px
}

    .Accordion-icon:after, .Accordion-icon:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 3px;
        width: 13px;
        border-radius: 2px;
        background-color: #000
    }

    .Accordion-icon:after {
        transform: translate(-50%,-50%) rotate(90deg);
        transition: transform .25s ease;
        will-change: transform
    }

.Accordion-item[open] + .Accordion-icon:after {
    transform: translate(-50%,-50%) rotate(0deg)
}

.MiniForm {
    display: flex;
    align-items: center
}

.MiniForm-input {
    max-width: 100%;
    min-width: 50%;
    padding: 15px;
    border: 1px solid #9cadb7;
    border-radius: 2rem
}

    .MiniForm-input:focus {
        border: 1px solid #aeaeae;
        box-shadow: 0 0 5px #d9d9d9;
        outline: none
    }

.MiniForm-submit {
    width: calc(2rem + 16px);
    height: calc(2rem + 16px);
    margin-left: calc(-2rem - 16px);
    color: #fff;
    border-radius: 100%;
    padding: 0
}

.Status-iconContainer {
    display: none;
    align-items: center;
    margin-left: -2rem
}

.Status--active .Status-iconContainer {
    display: flex !important
}

.Status-icon {
    animation: scaleBounce .4s linear forwards
}

.Status--success .Status-icon {
    stroke: #449d44
}

.Status--warning .Status-icon {
    stroke: #da611e
}

.Status--danger .Status-icon {
    stroke: #ac2a1a
}

.Card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .75rem;
    color: #222;
    box-sizing: border-box
}

.Card-url {
    color: inherit;
    text-decoration: none
}

.Card-title {
    color: #20257d;
    font-weight: 900;
    font-size: 20px;
    font-size: 1.25rem
}

.Theme--darkBlue .Card-title, .Theme--darkGrey .Card-title, .Theme--primaryBlue .Card-title {
    color: #fff
}

.Card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: 300
}

@media (min-width:1024px) {
    .Card-body {
        padding: 1.5rem 0
    }
}

.Card-body--profile {
    background-color: #fff;
    padding: 4rem 1.5rem 2rem;
    margin-top: -3rem;
    border-radius: .75rem
}

@media (min-width:1024px) {
    .Card-body--profile {
        padding-top: 4.5rem;
        margin-top: -4rem
    }
}

.Card-body p {
    margin-bottom: 0
}

.Theme--darkBlue .Card-body, .Theme--darkGrey .Card-body, .Theme--primaryBlue .Card-body {
    color: #fff
}

.Card-imageContainer {
    width: 100%;
    display: flex;
    justify-content: center
}

.Card-image, .Card-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.Card-image--profile {
    position: relative;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    margin: auto;
    background-color: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    overflow: hidden
}

@media (min-width:1280px) {
    .CardContainer--staff[data-cols="2"] .Card-image--profile {
        width: 30%;
        padding-bottom: 30%
    }
}

.QuickLinksBlock .Card-image {
    padding-bottom: 42.55%
}

.Card--imageCard .Card-image, .Card-video {
    overflow: hidden;
    border-radius: .75rem
}

.Card-video {
    background: #e5e5e5;
    background-image: url(/images/manx-telecom-watermark.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

    .Card-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.Card-buttonWrapper {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    margin-top: 1.5rem
}

.lg\:grid-cols-4 .Card-body .Card-buttonWrapper {
    justify-content: center
}

.Card-contactDetails {
    display: flex;
    align-items: center
}

.Card--shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    transform: scale(1);
    transition: box-shadow .3s,transform .3s
}

    .Card--shadow:hover {
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        transform: scale(1.01)
    }

.Card--shadow-lg {
    box-shadow: 0 5px 20px rgba(0,0,0,.15)
}

#onetrust-consent-sdk #accept-recommended-btn-handler, #onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk .save-preference-btn-handler, #onetrust-consent-sdk button.save-preference-btn-handler.onetrust-close-btn-handler {
    position: relative !important;
    display: inline-flex !important;
    justify-content: center !important;
    max-width: 100% !important;
    padding: .75rem 2.75rem !important;
    border: 1px solid transparent !important;
    border-radius: 2rem !important;
    font-family: Ultima,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    font-weight: 700 !important;
    margin-right: 1rem !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
    cursor: pointer !important;
    transition: background-color .25s ease,color .25s ease !important;
    transition-property: all !important
}

#onetrust-consent-sdk * {
    box-sizing: border-box
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: transparent !important;
    padding: 20px !important;
    box-shadow: none !important
}

#onetrust-consent-sdk .ot-sdk-row {
    display: flex !important;
    align-items: center !important;
    background-color: #fff !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.1) !important
}

@media (max-width:767.98px) {
    #onetrust-consent-sdk .ot-sdk-row {
        flex-direction: column
    }
}

#onetrust-consent-sdk .ot-pc-footer .ot-btn-container {
    padding: 10px
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp {
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 1.5rem !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

#onetrust-consent-sdk .ot-sdk-container {
    overflow: visible !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler {
    margin: 0 0 12px !important;
    border-color: #e44398 !important;
    color: #e44398 !important
}

    #onetrust-consent-sdk #onetrust-pc-btn-handler:hover {
        background-color: #e44398 !important;
        border-color: #e44398 !important;
        color: #fff !important
    }

#onetrust-consent-sdk #accept-recommended-btn-handler, #onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk button.save-preference-btn-handler.onetrust-close-btn-handler {
    margin: 0 !important;
    background-color: #e44398 !important;
    color: #fff !important
}

    #onetrust-consent-sdk #accept-recommended-btn-handler:hover, #onetrust-consent-sdk #onetrust-accept-btn-handler:hover, #onetrust-consent-sdk button.save-preference-btn-handler.onetrust-close-btn-handler:hover {
        background-color: #bf1b72 !important
    }

#onetrust-consent-sdk #onetrust-button-group-parent, #onetrust-consent-sdk #onetrust-group-container {
    width: fit-content !important
}

#onetrust-consent-sdk #onetrust-button-group {
    margin: 0 !important
}

#onetrust-consent-sdk #onetrust-close-btn-container {
    display: none !important
}

#onetrust-consent-sdk #onetrust-button-group-parent {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    margin: none !important
}

#onetrust-consent-sdk #onetrust-policy {
    margin: 0 !important
}

.ArticleDetail {
    margin-top: 3.75rem
}

.ArticleDetail-publishedDate {
    padding: 1rem 0;
    background-image: linear-gradient(90deg,#f2f2f2 70%,transparent)
}

.u-pseudo-bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -50vw;
    width: 150vw;
    z-index: -1
}

.u-pseudo-bg--white:before {
    background-color: #fff
}

.u-pseudo-bg--dark:before {
    background-color: #111
}

.u-pseudo-bg--primary:before {
    background-color: #00b5ef
}

.u-pseudo-bg--gridSection {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.Layout-component + .Layout-component > .u-pseudo-bg--gridSection {
    padding-top: 0
}

.Layout-item:last-child .Layout-component:last-child .u-pseudo-bg--gridSection {
    margin-top: -5rem;
    transform: translateY(2.5rem);
    padding-top: 2.5rem
}

.topup-type-selector {
    margin: 12px auto;
    text-align: center;
}
.mt-progress-container {
    display: flex;
    flex: 0 0 100%;
    flex-flow: column;
    align-content: center;
    align-items: center;
}

.mt-progress-container > .progress {
    height: 2rem;
    background-color: #ccc;
    border-radius: 999rem;
    margin-top: 20px;
    width: 100%;
}

.mt-forms-container > .progress > .progress-bar {
    background-color: #00a2d7;
}