@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,500&family=Poppins:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,500&family=Poppins:wght@400;500;600;700;800&display=swap);
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/images/vendor/lightbox2/src/loading.gif?f657825a2eeed04632b01ed85f528407) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/images/vendor/lightbox2/src/prev.png?0edc57ccafb3ea81859786274edf7897) left 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/images/vendor/lightbox2/src/next.png?62074ac70bd3cfc10445d325a205a3cf) right 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/images/vendor/lightbox2/src/close.png?0cfd6489536ec0987466795401497368) top right no-repeat;
  text-align: right;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}

@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: .25rem;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
          -o-tab-size: 4;
             tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

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

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

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::-moz-placeholder {
            color: currentColor
        }
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

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

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

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

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
           -moz-appearance: button;
                appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
           -moz-appearance: button;
                appearance: button
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;

@layer utilities {
    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .start {
        inset-inline-start: var(--spacing)
    }

    .end {
        inset-inline-end: var(--spacing)
    }

    .contents {
        display: contents
    }

    .hidden {
        display: none
    }

    .table {
        display: table
    }

    .grow {
        flex-grow: 1
    }

    .rounded {
        border-radius: .25rem
    }

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

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
}

:root {
    --teal: #00a7a5;
    --teal-dark: #007c7b;
    --pink: #e94b87;
    --ink: #163f48;
    --muted: #5f7478;
    --line: #dcebea
}

* {
    box-sizing: border-box
}

body {
    color: var(--ink);
    background: #fff;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif
}

.prototype-note {
    color: #fff;
    text-align: center;
    letter-spacing: .14em;
    background: #173f48;
    padding: 9px;
    font-size: 11px
}

.topbar {
    color: #397074;
    background: #eef9f8;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 5%;
    font-size: 12px;
    display: flex
}

.site-header {
    z-index: 20;
    background: #fff;
    position: sticky;
    top: 0;
    box-shadow: 0 3px 18px #19484b12
}

.nav-wrap {
    align-items: center;
    gap: 50px;
    max-width: 1220px;
    height: 76px;
    margin: auto;
    padding: 0 24px;
    display: flex
}

.brand {
    grid-template-columns: auto auto;
    font-size: 28px;
    font-weight: 800;
    line-height: .8;
    text-decoration: none;
    display: grid
}

.brand small {
    color: #70898b;
    letter-spacing: .08em;
    text-transform: uppercase;
    grid-column: 1/3;
    margin-top: 7px;
    font-size: 7px
}

.nav-wrap nav {
    flex: 1;
    justify-content: center;
    gap: 28px;
    display: flex
}

.nav-wrap nav a {
    color: #31575e;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.search {
    color: var(--teal-dark);
    background: #e8f7f5;
    border: 0;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 25px
}

.hero {
    background: linear-gradient(120deg, #fff9f5 0%, #fff 54%, #eaf9f7 100%);
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    min-height: 580px;
    display: grid;
    overflow: hidden
}

.hero-copy {
    z-index: 2;
    padding: 80px 30px 80px max(6vw, 40px)
}

.eyebrow,
.section-kicker {
    letter-spacing: .18em;
    color: var(--pink);
    font-size: 12px;
    font-weight: 800
}

h1 {
    letter-spacing: -.035em;
    max-width: 700px;
    margin: 17px 0 22px;
    font-family: Georgia, serif;
    font-size: 58px;
    line-height: 1.04
}

h1 em {
    color: var(--teal);
    font-style: normal
}

.hero-copy>p {
    color: var(--muted);
    max-width: 620px;
    font-size: 18px;
    line-height: 1.7
}

.actions {
    gap: 13px;
    margin: 30px 0 25px;
    display: flex
}

.btn {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 14px 22px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex
}

.primary {
    background: var(--pink);
    color: #fff;
    box-shadow: 0 8px 22px #e94b8730
}

.secondary {
    color: var(--teal-dark);
    border: 1px solid var(--teal);
    background: #fff
}

.white {
    color: var(--teal-dark);
    background: #fff
}

.trust-row {
    color: #4c7477;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 12px;
    display: flex
}

.hero-visual {
    align-items: center;
    height: 100%;
    min-height: 580px;
    display: flex;
    position: relative
}

.hero-visual img {
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
    border-radius: 220px 0 0 220px;
    width: 82%;
    height: 480px;
    position: relative;
    box-shadow: -18px 24px #f7d8df
}

.blob {
    background: #ccefeb;
    border-radius: 50%;
    width: 480px;
    height: 480px;
    position: absolute;
    top: 40px;
    right: -90px
}

.floating-card {
    z-index: 2;
    background: #fff;
    border-radius: 14px;
    flex-direction: column;
    gap: 5px;
    padding: 18px 24px;
    display: flex;
    position: absolute;
    bottom: 72px;
    left: -35px;
    box-shadow: 0 15px 45px #174b5030
}

.floating-card b {
    font-family: Georgia, serif;
    font-size: 17px
}

.floating-card span {
    color: var(--muted);
    font-size: 11px
}

.answer-block {
    text-align: center;
    z-index: 3;
    background: #fff;
    border-radius: 20px;
    max-width: 980px;
    margin: -20px auto 0;
    padding: 58px 70px;
    position: relative;
    box-shadow: 0 12px 50px #17494e12
}

.answer-block h2,
.section h2,
.expert-copy h2,
.discover h2,
.final-cta h2 {
    margin: 10px 0 16px;
    font-family: Georgia, serif;
    font-size: 38px;
    line-height: 1.15
}

.answer-block p {
    color: #526e73;
    margin: 0;
    font-size: 16px;
    line-height: 1.8
}

.section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 90px 24px
}

.section-heading {
    justify-content: space-between;
    align-items: end;
    gap: 60px;
    margin-bottom: 34px;
    display: flex
}

.section-heading h2 {
    margin-bottom: 0
}

.section-heading>p {
    max-width: 430px;
    color: var(--muted);
    line-height: 1.7
}

.centered {
    text-align: center;
    justify-content: center
}

.stage-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    display: grid
}

.stage-card {
    border-radius: 22px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 280px;
    padding: 30px;
    transition: all .2s;
    display: flex
}

.stage-card:hover {
    transform: translateY(-4px)
}

.stage-icon {
    width: 58px;
    height: 58px;
    color: var(--pink);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    font-size: 28px;
    display: grid
}

.stage-card h3,
.programme-card h3,
.guide-card h3 {
    margin: 24px 0 12px;
    font-family: Georgia, serif;
    font-size: 24px
}

.stage-card p {
    color: #597176;
    line-height: 1.6
}

.stage-card a,
.programme-card a,
.guide-card a,
.text-link {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none
}

.expert-band {
    background: var(--teal-dark);
    grid-template-columns: 1fr 1fr;
    min-height: 550px;
    display: grid
}

.expert-photo {
    min-height: 500px;
    position: relative
}

.expert-photo img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.play {
    background: var(--pink);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 72px;
    height: 72px;
    padding-left: 4px;
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.expert-copy {
    color: #fff;
    padding: 70px max(7vw, 50px)
}

.light {
    color: #a7eee9
}

.expert-copy h2 {
    font-size: 44px
}

.expert-copy p {
    color: #d9f3f1;
    line-height: 1.8
}

.expert-stats {
    border-top: 1px solid #ffffff40;
    border-bottom: 1px solid #ffffff40;
    gap: 40px;
    margin: 28px 0;
    padding: 22px 0;
    display: flex
}

.expert-stats div {
    flex-direction: column;
    display: flex
}

.expert-stats b {
    font-family: Georgia, serif;
    font-size: 21px
}

.expert-stats span {
    color: #bde2e0;
    margin-top: 5px;
    font-size: 11px
}

.programme-grid {
    grid-template-columns: 1.5fr .8fr;
    gap: 22px;
    display: grid
}

.programme-card {
    border-radius: 24px;
    min-height: 430px;
    position: relative;
    overflow: hidden
}

.programme-card.large img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.programme-card .overlay {
    color: #fff;
    background: linear-gradient(#0000, #123d45ed);
    padding: 90px 36px 35px;
    position: absolute;
    inset: auto 0 0
}

.overlay span,
.pill {
    letter-spacing: .13em;
    font-size: 10px;
    font-weight: 800
}

.overlay h3 {
    margin: 10px 0;
    font-size: 32px
}

.overlay p {
    max-width: 560px;
    line-height: 1.6
}

.overlay a {
    color: #fff
}

.programme-card.pink {
    text-align: center;
    background: #fff0f5;
    flex-direction: column;
    align-items: center;
    padding: 38px;
    display: flex
}

.pill {
    color: var(--pink);
    background: #fff;
    border-radius: 30px;
    padding: 8px 12px
}

.phone {
    width: 76px;
    height: 120px;
    color: var(--pink);
    background: #fff;
    border: 7px solid #173f48;
    border-radius: 18px;
    place-items: center;
    margin: 32px 0 4px;
    font-size: 35px;
    display: grid;
    box-shadow: 10px 12px #f5bdd0
}

.pink p {
    color: var(--muted);
    line-height: 1.6
}

.pink .btn {
    color: #fff;
    margin-top: auto
}

.guide-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    display: grid
}

.guide-card {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 18px;
    overflow: hidden
}

.guide-card img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 210px
}

.guide-card>div {
    padding: 22px
}

.guide-card span {
    letter-spacing: .15em;
    color: var(--pink);
    font-size: 10px;
    font-weight: 800
}

.guide-card h3 {
    font-size: 21px;
    line-height: 1.3
}

.discover {
    background: #edf9f7;
    border-radius: 24px;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 50px;
    max-width: 1180px;
    margin: 20px auto 90px;
    padding: 55px 65px;
    display: grid
}

.discover p {
    color: var(--muted);
    line-height: 1.7
}

.category-bubbles {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    display: flex
}

.category-bubbles span {
    width: 110px;
    height: 110px;
    color: var(--teal-dark);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    font-weight: 800;
    display: grid;
    box-shadow: 0 10px 28px #17494c14
}

.faq>h2 {
    text-align: center;
    margin-bottom: 30px
}

.faq>.section-kicker {
    text-align: center;
    display: block
}

.faq details {
    border-bottom: 1px solid var(--line);
    padding: 4px 0
}

.faq summary {
    cursor: pointer;
    justify-content: space-between;
    padding: 20px 0;
    font-weight: 800;
    list-style: none;
    display: flex
}

.faq summary span {
    color: var(--pink);
    font-size: 22px
}

.faq details p {
    color: var(--muted);
    padding: 0 30px 20px 0;
    line-height: 1.7
}

.final-cta {
    background: linear-gradient(110deg, var(--pink), #c73d78);
    color: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 55px max(8vw, 40px);
    display: flex
}

.final-cta span {
    letter-spacing: .16em;
    font-size: 11px;
    font-weight: 800
}

.final-cta h2 {
    margin: 8px 0
}

.final-cta p {
    color: #ffeaf2;
    margin: 0
}

footer {
    color: #d9eeee;
    text-align: center;
    background: #163f48;
    padding: 55px max(8vw, 40px)
}

.inverse {
    margin-bottom: 28px;
    display: inline-grid
}

.fine {
    color: #8db1b3;
    margin-top: 30px;
    font-size: 10px
}

.premium-ad {
    background: linear-gradient(125deg, #f9d6e3 0%, #fff0f5 50%, #dff6f3 100%);
    border-radius: 24px;
    grid-template-columns: 1.25fr .75fr;
    max-width: 1180px;
    min-height: 350px;
    margin: 78px auto 12px;
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 55px #17494e18
}

.ad-label {
    z-index: 3;
    color: var(--pink);
    letter-spacing: .13em;
    background: #fff;
    border: 1px solid #efacc3;
    border-radius: 20px;
    padding: 7px 11px;
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    top: 18px;
    left: 20px
}

.ad-copy {
    z-index: 2;
    padding: 72px 45px 45px
}

.ad-copy>span {
    letter-spacing: .15em;
    color: #a52f5e;
    font-size: 10px;
    font-weight: 900
}

.ad-copy h2 {
    margin: 10px 0 12px;
    font-family: Georgia, serif;
    font-size: 35px;
    line-height: 1.12
}

.ad-copy p {
    color: #5f6f74;
    max-width: 650px;
    line-height: 1.65
}

.ad-copy a {
    color: #9f2e59;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.ad-art {
    color: #fff;
    place-items: center;
    min-height: 350px;
    display: grid;
    position: relative
}

.ad-art b {
    z-index: 2;
    text-align: center;
    letter-spacing: .08em;
    font-size: 24px;
    line-height: 1.15
}

.product-shape {
    border-radius: 35px;
    position: absolute;
    transform: rotate(12deg);
    box-shadow: 0 20px 35px #8f315436
}

.product-shape.one {
    background: linear-gradient(#e95088, #ba2865);
    width: 150px;
    height: 210px;
    top: 70px;
    right: 115px
}

.product-shape.two {
    background: linear-gradient(#00b2ad, #007a7a);
    width: 105px;
    height: 160px;
    top: 130px;
    right: 42px;
    transform: rotate(-10deg)
}

.spark {
    color: #fff;
    font-size: 55px;
    position: absolute;
    top: 55px;
    right: 48px
}

.ad-dots {
    align-items: center;
    gap: 7px;
    display: flex;
    position: absolute;
    bottom: 18px;
    left: 45px
}

.ad-dots i {
    background: #fff;
    border-radius: 50%;
    width: 7px;
    height: 7px
}

.ad-dots i:first-child {
    background: var(--pink);
    border-radius: 5px;
    width: 22px
}

.ad-dots span {
    color: #805365;
    margin-left: 5px;
    font-size: 10px
}

.partner-module {
    padding-top: 65px
}

.sponsored-tag {
    color: #b3456d;
    letter-spacing: .12em;
    border: 1px solid #e3b7c6;
    border-radius: 20px;
    padding: 7px 11px;
    font-size: 9px;
    font-weight: 900
}

.partner-grid {
    grid-template-columns: 1.4fr .8fr .8fr;
    gap: 18px;
    display: grid
}

.partner-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 18px;
    flex-direction: column;
    min-height: 220px;
    padding: 28px;
    display: flex
}

.partner-grid span {
    letter-spacing: .14em;
    color: var(--teal-dark);
    font-size: 9px;
    font-weight: 900
}

.partner-grid h3 {
    margin: 16px 0 8px;
    font-family: Georgia, serif;
    font-size: 27px
}

.partner-grid b {
    font-family: Georgia, serif;
    font-size: 20px
}

.partner-grid p {
    color: var(--muted);
    line-height: 1.6
}

.partner-grid a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.context-note {
    max-width: 700px;
    color: var(--muted);
    margin: 12px auto 0;
    line-height: 1.6
}

.sponsor-chip {
    z-index: 4;
    color: #50696d;
    letter-spacing: .1em;
    background: #fff;
    border-radius: 20px;
    padding: 8px 11px;
    font-size: 9px;
    position: absolute;
    top: 18px;
    right: 18px;
    box-shadow: 0 6px 18px #173f4822
}

.sponsor-chip b {
    color: var(--pink)
}

.sponsor-chip.small {
    margin-bottom: 12px;
    position: static
}

.native-visual {
    color: #fff;
    background: linear-gradient(145deg, #d84177, #ef7aa2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 210px !important
}

.native-visual span {
    color: #fff !important
}

.native-visual b {
    letter-spacing: .1em;
    margin-top: 12px;
    font-family: Georgia, serif;
    font-size: 28px
}

.seasonal-strip {
    color: #fff;
    background: linear-gradient(110deg, #e94b87, #b83269);
    border-radius: 22px;
    justify-content: space-between;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto 80px;
    padding: 42px 45px;
    display: flex;
    position: relative;
    overflow: hidden
}

.seasonal-strip:after {
    content: "✦";
    color: #ffffff12;
    font-size: 170px;
    position: absolute;
    top: -55px;
    right: 190px
}

.seasonal-strip .ad-label {
    top: 12px;
    left: 16px
}

.ad-label.dark {
    color: #fff;
    background: #173f48;
    border: 0
}

.seasonal-strip div:not(.ad-label) {
    padding-top: 18px
}

.seasonal-strip span {
    letter-spacing: .15em;
    color: #ffd9e6;
    font-size: 9px;
    font-weight: 900
}

.seasonal-strip h2 {
    margin: 7px 0 0;
    font-family: Georgia, serif;
    font-size: 30px
}

.seasonal-strip .btn {
    z-index: 2;
    min-width: 155px
}

@media (width<=900px) {
    .nav-wrap nav {
        display: none
    }

    .hero {
        grid-template-columns: 1fr
    }

    .hero-copy {
        padding: 55px 25px
    }

    .hero h1 {
        font-size: 43px
    }

    .hero-visual {
        min-height: 400px
    }

    .hero-visual img {
        width: 92%;
        height: 350px;
        margin-left: auto
    }

    .answer-block {
        margin: 0 18px;
        padding: 42px 24px
    }

    .stage-grid,
    .guide-grid,
    .partner-grid,
    .expert-band {
        grid-template-columns: 1fr
    }

    .expert-photo {
        min-height: 360px
    }

    .programme-grid,
    .discover,
    .premium-ad {
        grid-template-columns: 1fr
    }

    .premium-ad {
        margin: 55px 18px 0
    }

    .ad-art {
        min-height: 260px
    }

    .product-shape.one {
        top: 20px;
        right: 42%
    }

    .product-shape.two {
        top: 80px;
        right: 25%
    }

    .section-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

    .floating-card {
        left: 20px
    }

    .topbar span:first-child {
        display: none
    }

    .topbar {
        justify-content: center
    }

    .final-cta,
    .seasonal-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px
    }

    .seasonal-strip {
        margin: 0 18px 60px
    }

    .trust-row {
        display: none
    }
}

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

@media (width<=900px) {
    .guides .guide-grid {
        grid-template-columns: 1fr
    }
}

@media (width<=560px) {
    .actions {
        flex-direction: column
    }

    .expert-copy {
        padding: 50px 24px
    }

    .expert-copy h2 {
        font-size: 36px
    }

    .section {
        padding: 65px 18px
    }

    .discover {
        margin: 0 18px 60px;
        padding: 42px 24px
    }

    .category-bubbles span {
        width: 92px;
        height: 92px
    }

    .nav-wrap {
        padding: 0 18px
    }

    .hero h1 {
        font-size: 39px
    }

    .ad-copy {
        padding: 65px 24px 38px
    }

    .ad-copy h2 {
        font-size: 30px
    }

    .premium-ad {
        border-radius: 18px
    }

    .product-shape.one {
        right: 45%
    }

    .product-shape.two {
        right: 18%
    }

    .seasonal-strip {
        padding: 55px 25px 35px
    }

    .seasonal-strip h2 {
        font-size: 26px
    }
}

.quick-access {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 18px;
    max-width: 1180px;
    margin: 32px auto 0;
    padding: 22px 24px;
    box-shadow: 0 10px 34px #17494e0c
}

.quick-title {
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    display: flex
}

.quick-title span {
    letter-spacing: .15em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 900
}

.quick-title b {
    font-family: Georgia, serif;
    font-size: 18px
}

.quick-track {
    scroll-snap-type: x mandatory;
    gap: 10px;
    padding: 2px 2px 12px;
    display: flex;
    overflow-x: auto
}

.quick-track a {
    scroll-snap-align: start;
    color: var(--teal-dark);
    background: #eef9f8;
    border: 1px solid #d0ebe8;
    border-radius: 40px;
    flex: none;
    padding: 12px 17px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none
}

.quick-track a:nth-child(3n) {
    color: #ae3764;
    background: #fff0f5;
    border-color: #f2cfdd
}

.quick-foot {
    color: var(--muted);
    text-align: right;
    font-size: 10px
}

.quick-foot span {
    color: var(--pink)
}

.stage-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 18px
}

.stage-card {
    padding: 27px
}

.tools {
    padding-top: 15px
}

.tool-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    display: grid
}

.tool-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 18px;
    gap: 16px;
    padding: 23px;
    display: flex;
    box-shadow: 0 8px 24px #17494e0a
}

.tool-icon {
    width: 50px;
    height: 50px;
    color: var(--teal-dark);
    background: #e8f8f6;
    border-radius: 15px;
    flex: 0 0 50px;
    place-items: center;
    font-size: 25px;
    display: grid
}

.tool-grid h3 {
    margin: 2px 0 8px;
    font-family: Georgia, serif;
    font-size: 19px
}

.tool-grid p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55
}

.tool-grid a {
    color: var(--teal-dark);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.feature-layout {
    grid-template-columns: 2fr 1fr;
    gap: 22px;
    display: grid
}

.feature-lead {
    background: #edf9f7;
    border-radius: 24px;
    grid-template-columns: 1.05fr .95fr;
    min-height: 430px;
    display: grid;
    overflow: hidden
}

.feature-lead img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.feature-lead>div {
    flex-direction: column;
    align-items: flex-start;
    padding: 38px;
    display: flex
}

.feature-lead span,
.feature-side span {
    letter-spacing: .14em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 900
}

.feature-lead h3 {
    margin: 15px 0;
    font-family: Georgia, serif;
    font-size: 31px;
    line-height: 1.15
}

.feature-lead p,
.feature-side p {
    color: var(--muted);
    line-height: 1.6
}

.feature-lead small {
    color: #6c8588;
    margin: 5px 0 23px;
    font-size: 10px
}

.feature-lead a,
.feature-side a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.feature-side {
    gap: 18px;
    display: grid
}

.feature-side article {
    border: 1px solid var(--line);
    border-radius: 20px;
    flex-direction: column;
    padding: 28px;
    display: flex
}

.feature-side h3 {
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 21px;
    line-height: 1.25
}

.original-series {
    color: #fff;
    background: #17464e;
    grid-template-columns: .58fr 1.42fr;
    align-items: center;
    gap: 45px;
    padding: 75px max(6vw, 35px);
    display: grid
}

.series-copy h2 {
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 39px;
    line-height: 1.15
}

.series-copy p {
    color: #cde5e5;
    line-height: 1.7
}

.series-track {
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 4px 2px 14px;
    display: flex;
    overflow-x: auto
}

.series-track article {
    scroll-snap-align: start;
    color: var(--ink);
    background: #fff;
    border-radius: 17px;
    flex: 0 0 235px;
    padding: 10px;
    box-shadow: 0 14px 28px #08272d45
}

.series-thumb {
    color: #fff;
    background: #0d3339;
    border-radius: 12px;
    height: 132px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 !important
}

.series-thumb:after {
    content: "";
    background: linear-gradient(#0000, #07191fc7);
    position: absolute;
    inset: 38% 0 0
}

.series-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.series-thumb span {
    z-index: 2;
    color: #fff;
    background: #ee3f86;
    border-radius: 50%;
    place-items: center;
    width: 43px;
    height: 43px;
    font-size: 15px;
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 7px 18px #0005
}

.series-thumb i {
    z-index: 2;
    letter-spacing: .12em;
    color: #fff;
    font-size: 7px;
    font-style: normal;
    position: absolute;
    bottom: 10px;
    left: 11px
}

.series-track h3 {
    min-height: 43px;
    margin: 14px 4px 9px;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 1.2
}

.series-track article>a:last-child {
    color: var(--teal-dark);
    margin: 0 4px 6px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.series-track::-webkit-scrollbar {
    height: 7px
}

.series-track::-webkit-scrollbar-thumb {
    background: #5d8b91;
    border-radius: 8px
}

.review-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    display: grid
}

.review-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    padding: 18px;
    display: flex
}

.review-product {
    background: #f6faf9;
    border: 1px solid #e8f0ef;
    border-radius: 14px;
    height: 220px;
    display: block;
    position: relative;
    overflow: hidden
}

.review-product img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    transition: transform .25s;
    display: block
}

.review-product:hover img {
    transform: scale(1.035)
}

.review-product b {
    color: var(--teal-dark);
    letter-spacing: .03em;
    background: #fff;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 5px 18px #17494e22
}

.review-grid article>span {
    color: var(--pink);
    letter-spacing: .14em;
    margin-top: 18px;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.review-grid h3 {
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 1.35
}

.review-grid p {
    color: var(--muted);
    min-height: 36px;
    font-size: 12px;
    font-weight: 700
}

.review-links {
    border-top: 1px solid var(--line);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
    display: flex
}

.review-links a,
.wide-link {
    color: var(--teal-dark);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.review-links .buy-link {
    color: var(--pink);
    white-space: nowrap
}

.wide-link {
    text-align: center;
    margin-top: 23px;
    display: block
}

.tester-cta {
    background: linear-gradient(110deg, #fff4f8 0%, #fff 52%, #eaf9f7 100%);
    border: 1px solid #f0bed0;
    border-radius: 22px;
    grid-template-columns: 112px 1fr auto;
    align-items: center;
    gap: 26px;
    margin-top: 28px;
    padding: 28px 30px;
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 34px #17494e0c
}

.tester-cta:after {
    content: "✦";
    color: #e94b8710;
    font-size: 145px;
    position: absolute;
    top: -48px;
    right: 210px
}

.tester-badge {
    width: 104px;
    height: 104px;
    color: var(--pink);
    background: #fff;
    border: 1px solid #f1c4d3;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 10px 25px #e94b8714
}

.tester-badge span {
    background: var(--pink);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-bottom: 6px;
    font-size: 14px;
    display: grid
}

.tester-badge b {
    text-align: center;
    letter-spacing: .12em;
    font-size: 9px;
    line-height: 1.15
}

.tester-copy {
    z-index: 1;
    position: relative
}

.tester-copy>span {
    letter-spacing: .15em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 700
}

.tester-copy h3 {
    font-family: var(--font-editorial);
    margin: 8px 0;
    font-size: 26px;
    line-height: 1.2
}

.tester-copy p {
    color: var(--muted);
    max-width: 650px;
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.65
}

.tester-copy small {
    color: #7a8d90;
    max-width: 690px;
    font-size: 9px;
    line-height: 1.5;
    display: block
}

.tester-action {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative
}

.tester-action .btn {
    white-space: nowrap;
    font-size: 12px
}

.tester-action>span {
    color: var(--muted);
    font-size: 9px
}

.app-section {
    background: linear-gradient(120deg, #fff0f5, #fff 50%, #e5f8f5);
    border-radius: 28px;
    grid-template-columns: .65fr 1.35fr;
    align-items: center;
    gap: 75px;
    max-width: 1180px;
    margin: 20px auto 90px;
    padding: 60px 80px;
    display: grid;
    overflow: hidden
}

.app-phone {
    background: #fff;
    border: 10px solid #17464e;
    border-radius: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 390px;
    margin: auto;
    display: flex;
    position: relative;
    box-shadow: 22px 25px #f5c4d5
}

.notch {
    background: #17464e;
    border-radius: 0 0 14px 14px;
    width: 90px;
    height: 20px;
    position: absolute;
    top: 0
}

.app-phone>span {
    color: var(--teal);
    font-size: 22px;
    font-weight: 900
}

.app-phone>span b {
    color: var(--pink)
}

.app-heart {
    color: var(--pink);
    margin: 42px 0 20px;
    font-size: 48px
}

.app-phone small {
    color: var(--muted)
}

.app-copy h2 {
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 42px
}

.app-copy>p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7
}

.app-benefits {
    color: #466b6e;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 24px 0;
    font-size: 13px;
    display: grid
}

.store-row {
    align-items: center;
    gap: 10px;
    display: flex
}

.store-row a {
    color: #fff;
    background: #173f48;
    border-radius: 9px;
    min-width: 145px;
    padding: 10px 17px;
    font-size: 9px;
    line-height: 1.1;
    text-decoration: none
}

.store-row a b {
    font-size: 15px
}

.qr {
    background: #fff;
    border: 1px dashed #17464e;
    place-items: center;
    width: 48px;
    height: 48px;
    font-size: 10px;
    font-weight: 900;
    display: grid
}

.trust-section {
    padding-top: 20px
}

.trust-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.trust-grid article {
    border: 1px solid var(--line);
    background: #f7fbfb;
    border-radius: 20px;
    padding: 32px
}

.trust-grid h2 {
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 26px
}

.trust-grid p {
    color: var(--muted);
    line-height: 1.6
}

.trust-grid a {
    color: var(--teal-dark);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

footer {
    text-align: left;
    padding: 60px max(6vw, 35px)
}

.footer-top {
    grid-template-columns: 1.35fr repeat(4, 1fr);
    gap: 38px;
    max-width: 1250px;
    margin: auto;
    display: grid
}

.footer-top>div {
    flex-direction: column;
    gap: 12px;
    display: flex
}

.footer-top p {
    color: #a8c8c9;
    font-size: 12px;
    line-height: 1.6
}

.footer-top b {
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px
}

.footer-top a {
    color: #b8d2d3;
    font-size: 11px;
    text-decoration: none
}

.footer-bottom {
    border-top: 1px solid #ffffff20;
    max-width: 1250px;
    margin: 40px auto 0;
    padding-top: 25px
}

.footer-bottom>p:first-child {
    color: #c7dddd;
    font-size: 10px
}

.footnote {
    color: #8fb1b2;
    max-width: 1050px;
    font-size: 10px;
    line-height: 1.65
}

@media (width<=900px) {

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

    .feature-layout,
    .feature-lead,
    .original-series,
    .app-section {
        grid-template-columns: 1fr
    }

    .feature-lead img {
        height: 320px
    }

    .review-grid,
    .trust-grid {
        grid-template-columns: 1fr
    }

    .app-section {
        margin: 20px 18px 65px;
        padding: 48px 28px
    }

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

    .footer-top>div:first-child {
        grid-column: 1/3
    }

    .series-track {
        width: 100%
    }

    .tester-cta {
        grid-template-columns: 90px 1fr
    }

    .tester-badge {
        width: 84px;
        height: 84px
    }

    .tester-action {
        grid-column: 2;
        align-items: flex-start
    }

    .tester-cta:after {
        right: 25px
    }
}

@media (width<=560px) {

    .stage-grid,
    .tool-grid {
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: auto
    }

    .stage-card,
    .tool-grid article {
        scroll-snap-align: start;
        flex: 0 0 84%
    }

    .quick-access {
        margin: 22px 18px 0
    }

    .feature-lead>div {
        padding: 28px
    }

    .feature-lead h3 {
        font-size: 27px
    }

    .original-series {
        padding: 55px 24px
    }

    .series-copy h2,
    .app-copy h2 {
        font-size: 34px
    }

    .app-benefits {
        grid-template-columns: 1fr
    }

    .store-row {
        flex-wrap: wrap
    }

    .footer-top {
        grid-template-columns: 1fr
    }

    .footer-top>div:first-child {
        grid-column: auto
    }

    .review-product {
        height: 150px
    }

    .tester-cta {
        grid-template-columns: 1fr;
        padding: 24px
    }

    .tester-badge {
        width: 76px;
        height: 76px
    }

    .tester-copy h3 {
        font-size: 23px
    }

    .tester-action {
        grid-column: 1;
        width: 100%
    }

    .tester-action .btn {
        white-space: normal;
        text-align: center;
        width: 100%
    }

    .tester-cta:after {
        display: none
    }
}

:root {
    --font-editorial: "Lora", Georgia, serif;
    --font-interface: "Poppins", Arial, sans-serif
}

body {
    font-family: var(--font-interface);
    font-weight: 400
}

h1,
h2,
h3,
.answer-block h2,
.section h2,
.expert-copy h2,
.discover h2,
.final-cta h2,
.ad-copy h2,
.partner-grid h3,
.programme-card h3,
.guide-card h3,
.feature-lead h3,
.feature-side h3,
.series-copy h2,
.series-track h3,
.review-grid h3,
.app-copy h2,
.trust-grid h2,
.seasonal-strip h2 {
    font-family: var(--font-editorial)
}

h1,
h2,
.answer-block h2,
.section h2,
.expert-copy h2,
.discover h2,
.final-cta h2,
h3,
.stage-card h3,
.programme-card h3,
.guide-card h3 {
    font-weight: 600
}

.eyebrow,
.section-kicker,
.ad-label,
.sponsored-tag,
.overlay span,
.pill,
.guide-card span,
.feature-lead span,
.feature-side span,
.review-grid article>span,
.final-cta span,
.topbar,
.nav-wrap nav,
.btn,
.text-link,
.stage-card a,
.programme-card a,
.guide-card a,
.partner-grid a,
.tool-grid a,
.review-links a,
.wide-link,
.footer-top,
.footer-bottom {
    font-family: var(--font-interface)
}

.nav-wrap nav a,
.btn,
.quick-track a,
.stage-card a,
.programme-card a,
.guide-card a,
.text-link,
.tool-grid a,
.partner-grid a,
.review-links a,
.wide-link {
    font-weight: 600
}

.eyebrow,
.section-kicker,
.ad-label,
.sponsored-tag,
.guide-card span,
.feature-lead span,
.feature-side span,
.review-grid article>span {
    font-weight: 700
}

.tool-grid h3 {
    font-family: var(--font-interface);
    letter-spacing: -.01em;
    font-weight: 600
}

.review-grid h3 {
    font-style: italic;
    font-weight: 500
}

.brand {
    font-family: var(--font-interface)
}

.stages {
    padding-bottom: 45px
}

.stages .section-heading {
    margin-bottom: 24px
}

.stages .stage-grid {
    gap: 14px
}

.stages .stage-card {
    grid-template-columns: 48px 1fr;
    align-content: start;
    -moz-column-gap: 14px;
         column-gap: 14px;
    min-height: 190px;
    padding: 22px;
    display: grid
}

.stages .stage-icon {
    grid-row: 1/4;
    width: 48px;
    height: 48px;
    margin: 0
}

.stages .stage-card a {
    font-size: 11px
}

.featured-story {
    padding-top: 70px
}

.featured-intro {
    max-width: 720px !important;
    margin-top: 14px !important
}

.story-filters {
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 24px;
    display: flex
}

.story-filters a {
    color: var(--teal-dark);
    border: 1px solid #8ed5d3;
    border-radius: 30px;
    padding: 7px 12px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none
}

.story-filters a.active {
    background: var(--teal-dark);
    color: #fff;
    border-color: var(--teal-dark)
}

.feature-layout.hybrid {
    grid-template-columns: 1fr;
    gap: 26px
}

.hybrid .feature-lead {
    border: 1px solid var(--line);
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, .8fr);
    min-height: 350px;
    box-shadow: 0 18px 44px #17494e12
}

.hybrid .feature-lead img {
    -o-object-position: center;
       object-position: center;
    min-height: 350px
}

.hybrid .feature-lead>div {
    padding: 38px 42px
}

.hybrid .feature-lead h3 {
    max-width: 520px;
    font-size: 31px
}

.hybrid .feature-lead p {
    max-width: 520px
}

.feature-side.grouped {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    display: grid
}

.story-group {
    gap: 12px;
    display: grid
}

.grouped .side-heading {
    justify-content: space-between;
    align-items: center;
    margin-top: 2px;
    display: flex
}

.grouped .side-heading h3 {
    font-family: var(--font-interface);
    text-transform: uppercase;
    margin: 0;
    font-size: 15px
}

.grouped .side-heading a,
.story-row-heading a {
    color: var(--teal-dark);
    font-size: 10px;
    font-weight: 600;
    text-decoration: none
}

.grouped .side-story {
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    grid-template-columns: 92px 1fr;
    gap: 12px;
    min-height: 88px;
    padding: 0 0 12px;
    display: grid
}

.grouped .side-story img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
    width: 92px;
    height: 76px
}

.grouped .side-story>div {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.grouped .side-story span {
    font-size: 8px
}

.grouped .side-story h3 {
    margin: 5px 0;
    font-size: 15px;
    line-height: 1.22
}

.grouped .side-story a {
    font-size: 9px
}

.story-row-heading {
    justify-content: space-between;
    align-items: center;
    margin: 34px 0 14px;
    display: flex
}

.story-row-heading h3 {
    font-family: var(--font-interface);
    text-transform: uppercase;
    margin: 0;
    font-size: 17px
}

.compact-story-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.compact-story-grid article {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.compact-story-grid img,
.partner-placeholder {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 12px;
    width: 100%;
    height: 165px
}

.compact-story-grid span {
    letter-spacing: .13em;
    color: var(--pink);
    margin-top: 12px;
    font-size: 8px;
    font-weight: 700
}

.compact-story-grid h3 {
    margin: 7px 0 10px;
    font-size: 18px;
    line-height: 1.25
}

.compact-story-grid a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none
}

.partner-placeholder {
    color: #fff;
    letter-spacing: .12em;
    place-items: center;
    font-size: 11px;
    font-weight: 700;
    display: grid
}

.partner-placeholder.teal {
    background: linear-gradient(135deg, #72d8d2, #008b8b)
}

.partner-placeholder.pink {
    background: linear-gradient(135deg, #f5bad0, #d94780)
}

@media (width<=900px) {
    .feature-layout.hybrid {
        grid-template-columns: 1fr
    }

    .hybrid .feature-lead {
        grid-template-columns: 1.15fr .85fr
    }

    .hybrid .feature-lead>div {
        padding: 30px
    }

    .hybrid .feature-lead h3 {
        font-size: 27px
    }

    .feature-side.grouped {
        grid-template-columns: 1fr
    }

    .stages .stage-card {
        min-height: 175px
    }

    .compact-story-grid {
        grid-template-columns: 1fr
    }

    .compact-story-grid img,
    .partner-placeholder {
        height: 230px
    }
}

@media (width<=560px) {
    .stages .stage-grid {
        display: flex
    }

    .stages .stage-card {
        flex: 0 0 84%;
        min-height: 175px
    }

    .hybrid .feature-lead {
        grid-template-columns: 1fr;
        min-height: 0
    }

    .hybrid .feature-lead img {
        height: 280px
    }

    .story-filters {
        flex-wrap: nowrap;
        padding-bottom: 8px;
        overflow-x: auto
    }

    .story-filters a {
        flex: none
    }

    .grouped .side-story {
        grid-template-columns: 86px 1fr
    }

    .grouped .side-story img {
        width: 86px
    }

    .compact-story-grid img,
    .partner-placeholder {
        height: 200px
    }
}

.communities {
    padding-top: 80px
}

.community-heading {
    align-items: center
}

.community-heading>p {
    max-width: 500px
}

.community-primary {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    display: grid
}

.community-card {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 22px;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 12px 30px #17494e0b
}

.community-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px #17494e16
}

.community-image {
    height: 190px;
    position: relative;
    overflow: hidden
}

.community-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.community-image:after {
    content: "";
    background: linear-gradient(#0000, #143f4888);
    position: absolute;
    inset: 45% 0 0
}

.community-image>span {
    z-index: 2;
    color: #fff;
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 18px
}

.community-copy {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 24px;
    display: flex
}

.community-type {
    color: var(--pink);
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 700
}

.community-copy h3 {
    margin: 10px 0 9px;
    font-size: 25px
}

.community-copy p {
    color: var(--muted);
    margin: 0 0 24px;
    font-size: 13px;
    line-height: 1.65
}

.community-copy a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none
}

.community-copy a b {
    font-size: 15px
}

.newmom .community-image>span {
    background: #d83f7a;
    border-radius: 20px;
    padding: 6px 9px;
    bottom: 13px
}

.superkids .community-image>span {
    background: #659d2c;
    border-radius: 20px;
    padding: 6px 9px;
    bottom: 13px
}

.community-more {
    border: 1px solid var(--line);
    background: #f4faf9;
    border-radius: 20px;
    grid-template-columns: .75fr 1fr 1fr;
    align-items: stretch;
    gap: 18px;
    margin-top: 22px;
    padding: 22px;
    display: grid
}

.community-more-title {
    padding: 8px 12px
}

.community-more-title span,
.community-more article span {
    color: var(--pink);
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 700
}

.community-more-title p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55
}

.community-more article {
    background: #fff;
    border-radius: 15px;
    grid-template-columns: 48px 1fr;
    align-items: start;
    gap: 13px;
    padding: 18px;
    display: grid
}

.community-more article h3 {
    margin: 4px 0 5px;
    font-size: 19px
}

.community-more article p {
    color: var(--muted);
    margin: 0;
    font-size: 11px;
    line-height: 1.5
}

.community-more article>a {
    color: var(--teal-dark);
    grid-column: 2;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none
}

.mini-icon {
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 48px;
    height: 48px;
    font-size: 17px;
    display: grid
}

.mini-icon.webinar {
    background: var(--pink)
}

.mini-icon.ibuencer {
    background: #214b83
}

.programme-photo {
    height: 220px
}

.programme-photo img {
    transition: transform .35s
}

.community-card:hover .programme-photo img {
    transform: scale(1.035)
}

.programme-photo>span {
    bottom: 34px !important
}

.programme-photo>small {
    z-index: 2;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    bottom: 16px;
    left: 18px
}

.superkids-programme-image img {
    -o-object-position: center 48%;
       object-position: center 48%
}

.parentcraft .programme-photo img {
    -o-object-position: center 43%;
       object-position: center 43%
}

.programme-feature-row {
    background: #f8f5f1;
    grid-template-columns: .55fr 1.35fr 1fr;
    gap: 16px;
    padding: 16px
}

.programme-feature-row .community-more-title {
    align-self: center;
    padding: 20px
}

.programme-feature-row .community-more-title h3 {
    margin: 9px 0;
    font-size: 24px
}

.programme-mini-card {
    border: 1px solid var(--line);
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 24px #17494e0b;
    gap: 0 !important;
    padding: 0 !important;
    display: flex !important
}

.programme-mini-visual {
    background: #ddf3f2;
    height: 155px;
    position: relative;
    overflow: hidden
}

.programme-mini-visual:after {
    content: "";
    background: linear-gradient(#0000, #173c4680);
    position: absolute;
    inset: 55% 0 0
}

.programme-mini-visual img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.webinar-card .programme-mini-visual img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #eafafa
}

.ibuencer-card .programme-mini-visual img {
    -o-object-position: center 43%;
       object-position: center 43%
}

.programme-mini-visual>span {
    z-index: 2;
    background: #06b3b7;
    border-radius: 14px;
    padding: 6px 9px;
    bottom: 11px;
    left: 14px;
    color: #fff !important;
    margin: 0 !important;
    font-size: 8px !important;
    position: absolute !important
}

.ibuencer-card .programme-mini-visual>span {
    background: #4e3861
}

.programme-mini-copy {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 18px;
    display: flex
}

.programme-mini-copy>span {
    margin: 0 !important
}

.programme-mini-copy h3 {
    margin: 7px 0 !important;
    font-size: 22px !important
}

.programme-mini-copy p {
    margin: 0 0 15px !important;
    font-size: 11px !important;
    line-height: 1.55 !important
}

.programme-mini-copy a {
    margin-top: auto;
    color: var(--teal-dark) !important;
    grid-column: auto !important;
    font-size: 11px !important;
    font-weight: 700 !important
}

.programme-mini-copy a b {
    font-size: 14px
}

@media (width<=900px) {
    .programme-feature-row {
        grid-template-columns: 1fr 1fr
    }

    .programme-feature-row .community-more-title {
        grid-column: 1/-1
    }

    .programme-mini-visual {
        height: 180px
    }
}

@media (width<=560px) {
    .programme-feature-row {
        grid-template-columns: 1fr
    }

    .programme-feature-row .community-more-title {
        grid-column: auto
    }

    .programme-mini-visual {
        height: 165px
    }
}

.newmom-programme-image img {
    -o-object-position: center 58%;
       object-position: center 58%
}

.webinar-brand-visual {
    background: linear-gradient(135deg, #ddf3f2 0 58%, #fcecf5 58%);
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    display: flex
}

.webinar-brand-visual:after {
    display: none
}

.webinar-mark {
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative
}

.webinar-mark span {
    letter-spacing: .15em;
    color: #ee3f86;
    font-size: 9px;
    font-weight: 800
}

.webinar-mark b {
    color: #245a5c;
    margin: 7px 0;
    font-size: 24px;
    line-height: 1
}

.webinar-mark small {
    color: #60777b;
    font-size: 9px
}

.webinar-brand-visual>i {
    color: #fff;
    z-index: 2;
    background: #06b3b7;
    border-radius: 50%;
    place-items: center;
    width: 58px;
    height: 58px;
    font-size: 18px;
    font-style: normal;
    display: grid;
    position: relative;
    box-shadow: 0 10px 22px #06b3b73b
}

.ibuencer-identity-visual img {
    -o-object-position: center 22%;
       object-position: center 22%;
    filter: saturate(.92)contrast(1.05)
}

.ibuencer-identity-visual:after {
    background: linear-gradient(90deg, #121a5ac7 0%, #121a5a20 72%);
    inset: 0
}

.ibuencer-overlay {
    z-index: 3;
    color: #fff;
    flex-direction: column;
    display: flex;
    position: absolute;
    bottom: 15px;
    left: 16px
}

.ibuencer-overlay span {
    letter-spacing: .08em;
    font-size: 16px;
    font-weight: 800
}

.ibuencer-overlay b {
    margin-top: 2px;
    font-size: 9px
}

.webinar-text-only {
    border-top: 5px solid var(--teal-dark);
    background: linear-gradient(145deg, #fff 0%, #f4fbfa 100%)
}

.webinar-text-only .programme-mini-copy {
    padding: 26px
}

.webinar-text-only h3 {
    font-size: 26px !important
}

.webinar-details {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    gap: 4px;
    margin: 2px 0 20px;
    padding: 12px 0;
    display: flex
}

.webinar-details b {
    color: var(--ink);
    font-size: 12px
}

.webinar-details span {
    color: var(--muted);
    font-size: 9px
}

.ibuencer-official-visual {
    background: #fff;
    grid-template-columns: 42% 58%;
    height: 170px;
    display: grid;
    overflow: hidden
}

.ibuencer-brand-strip {
    background: #f5f9fc;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    display: flex
}

.ibuencer-brand-strip img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: auto
}

.ibuencer-brand-strip span {
    letter-spacing: .12em;
    color: #0a4b7f;
    margin-top: 12px;
    font-size: 7px;
    font-weight: 800;
    line-height: 1.4
}

.ibuencer-campaign-grid {
    background: #fff;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    display: grid
}

.ibuencer-campaign-grid img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.ibuencer-card {
    border-top: 5px solid #0a4b7f
}

.ibuencer-card .programme-mini-copy {
    padding-top: 16px
}

@media (width<=560px) {
    .ibuencer-official-visual {
        grid-template-columns: 44% 56%;
        height: 190px
    }

    .ibuencer-brand-strip {
        padding: 16px
    }
}

.partner-campaigns {
    background: #fffaf7
}

.partner-campaign-heading {
    align-items: end
}

.partner-campaign-heading>p {
    max-width: 540px
}

.partner-campaign-grid {
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 18px;
    display: grid
}

.partner-campaign-card {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 21px;
    flex-direction: column;
    display: flex;
    overflow: hidden;
    box-shadow: 0 14px 34px #17494e0c
}

.partner-campaign-image {
    background: #f4f7f7;
    height: 275px;
    display: block;
    position: relative;
    overflow: hidden
}

.partner-campaign-image:after {
    content: "";
    background: linear-gradient(#0000, #143f488f);
    position: absolute;
    inset: 52% 0 0
}

.partner-campaign-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.portrait-art img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #f7f7f7
}

.partner-campaign-image>span {
    z-index: 2;
    background: var(--pink);
    color: #fff;
    letter-spacing: .1em;
    border-radius: 16px;
    padding: 6px 9px;
    font-size: 8px;
    font-weight: 800;
    position: absolute;
    bottom: 13px;
    left: 15px
}

.contest-campaign .partner-campaign-image>span {
    background: #ee6368
}

.tester-campaign .partner-campaign-image>span {
    background: #e9a20a
}

.partner-campaign-copy {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 20px;
    display: flex
}

.partner-campaign-copy>span {
    color: var(--pink);
    letter-spacing: .12em;
    font-size: 8px;
    font-weight: 800
}

.partner-campaign-copy h3 {
    margin: 8px 0;
    font-size: 23px;
    line-height: 1.18
}

.partner-campaign-copy p {
    color: var(--muted);
    margin: 0 0 15px;
    font-size: 11px;
    line-height: 1.55
}

.partner-campaign-copy>a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none
}

.partner-campaign-copy>a b {
    font-size: 14px
}

.partner-campaign-copy small {
    color: #7a898b;
    margin-top: 10px;
    font-size: 8px;
    line-height: 1.45;
    display: block
}

.event-highlight .partner-campaign-image img {
    -o-object-position: center;
       object-position: center
}

.event-highlight .partner-campaign-copy {
    background: #f1faf8
}

@media (width<=900px) {
    .partner-campaign-grid {
        grid-template-columns: 1fr 1fr
    }

    .event-highlight {
        grid-column: 1/-1;
        grid-template-columns: 1fr 1fr;
        display: grid
    }

    .event-highlight .partner-campaign-image {
        height: 100%
    }
}

@media (width<=560px) {
    .partner-campaign-grid {
        grid-template-columns: 1fr
    }

    .event-highlight {
        grid-column: auto;
        display: flex
    }

    .event-highlight .partner-campaign-image {
        height: 260px
    }

    .partner-campaign-image {
        height: 310px
    }
}

.expert-panel-home {
    background: #f7fbfa
}

.expert-panel-intro {
    grid-template-columns: 1.15fr .85fr;
    align-items: end;
    gap: 60px;
    margin-bottom: 28px;
    display: grid
}

.expert-panel-intro h2 {
    max-width: 700px;
    margin: 7px 0 0;
    font-size: 40px
}

.expert-panel-intro p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.65
}

.homepage-expert-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    display: grid
}

.homepage-expert-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 19px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 245px;
    padding: 20px;
    display: flex
}

.expert-avatar {
    width: 66px;
    height: 66px;
    font-family: var(--font-editorial);
    color: #fff;
    background: #3e8c86;
    border-radius: 22px;
    place-items: center;
    font-size: 22px;
    font-weight: 700;
    display: grid;
    box-shadow: inset 0 0 0 5px #ffffff70
}

.expert-avatar.obstetrics {
    background: #c96e8f
}

.expert-avatar.lactation {
    background: #7aa6a3
}

.expert-avatar.nutrition {
    background: #d99a51
}

.expert-avatar.psychology {
    background: #8175a7
}

.expert-avatar.newborn {
    background: #5d91a5
}

.expert-avatar.movement {
    background: #6b9a69
}

.homepage-expert-grid article>span,
.experts-directory article>span {
    letter-spacing: .13em;
    color: var(--pink);
    margin-top: 16px;
    font-size: 8px;
    font-weight: 700
}

.homepage-expert-grid h3 {
    margin: 7px 0;
    font-size: 20px
}

.homepage-expert-grid p {
    color: var(--muted);
    margin: 0 0 15px;
    font-size: 11px;
    line-height: 1.5
}

.homepage-expert-grid a {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none
}

.expert-verification-note {
    color: #7d8d8f;
    margin: 15px 0 0;
    font-size: 9px
}

.experts-page {
    color: var(--ink);
    background: #fff;
    min-height: 100vh
}

.experts-page-header {
    border-bottom: 1px solid var(--line);
    z-index: 20;
    background: #fff;
    align-items: center;
    gap: 34px;
    height: 82px;
    padding: 0 max(4vw, 32px);
    display: flex;
    position: sticky;
    top: 0
}

.experts-brand img {
    width: 190px;
    height: auto
}

.experts-page-header nav {
    gap: 25px;
    margin-left: auto;
    display: flex
}

.experts-page-header nav a,
.experts-back {
    color: var(--ink);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none
}

.experts-back {
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 10px 15px
}

.experts-hero {
    background: linear-gradient(135deg, #eef9f7 0%, #fff5f7 100%);
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 55px;
    padding: 85px max(6vw, 48px);
    display: grid
}

.experts-hero>div>span,
.experts-directory .directory-heading span,
.expert-contribution>div>span,
.expert-faq>span,
.expert-page-cta span {
    letter-spacing: .15em;
    color: var(--pink);
    font-size: 10px;
    font-weight: 700
}

.experts-hero h1 {
    max-width: 760px;
    margin: 14px 0 18px;
    font-size: 58px;
    line-height: 1.04
}

.experts-hero>div>p {
    color: var(--muted);
    max-width: 720px;
    font-size: 16px;
    line-height: 1.7
}

.expert-hero-actions {
    gap: 12px;
    margin: 27px 0 22px;
    display: flex
}

.expert-trust-points {
    color: var(--teal-dark);
    flex-wrap: wrap;
    gap: 20px;
    font-size: 11px;
    font-weight: 600;
    display: flex
}

.experts-hero aside {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 28px;
    padding: 38px;
    box-shadow: 0 22px 50px #163f4815
}

.hero-expert-stack {
    margin-bottom: 25px;
    display: flex
}

.hero-expert-stack .expert-avatar {
    border: 5px solid #fff;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    margin-right: -15px
}

.experts-hero aside strong {
    font-family: var(--font-editorial);
    font-size: 24px
}

.experts-hero aside p {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6
}

.expert-answer-block {
    text-align: center;
    max-width: 1050px;
    margin: 0 auto;
    padding: 55px 30px
}

.expert-answer-block span,
.expert-safety span {
    letter-spacing: .14em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 700
}

.expert-answer-block h2 {
    margin: 9px 0 13px;
    font-size: 34px
}

.expert-answer-block p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7
}

.experts-directory {
    background: #f7fbfa;
    padding: 75px max(6vw, 48px)
}

.directory-heading {
    grid-template-columns: 1fr 360px;
    align-items: end;
    gap: 50px;
    display: grid
}

.directory-heading h2 {
    margin: 8px 0;
    font-size: 42px
}

.directory-heading label {
    letter-spacing: .1em;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700
}

.directory-heading input {
    border: 1px solid var(--line);
    width: 100%;
    font: inherit;
    background: #fff;
    border-radius: 12px;
    margin-top: 8px;
    padding: 13px 15px;
    font-size: 12px;
    display: block
}

.expert-filter-row {
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0 28px;
    display: flex
}

.expert-filter-row button {
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #a9d6d2;
    border-radius: 22px;
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 600
}

.expert-filter-row button.active {
    background: var(--teal-dark);
    color: #fff
}

.directory-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    display: grid
}

.directory-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 19px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 270px;
    padding: 20px;
    display: flex
}

.directory-grid h3 {
    margin: 7px 0;
    font-size: 20px
}

.directory-grid article>p {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5
}

.expert-card-links {
    gap: 13px;
    margin-top: auto;
    display: flex
}

.expert-card-links a {
    color: var(--teal-dark);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none
}

.expert-card-links a:last-child {
    color: var(--pink)
}

.directory-disclaimer {
    color: #7d8d8f;
    margin: 18px 0 0;
    font-size: 9px
}

.expert-contribution {
    grid-template-columns: .7fr 1.3fr;
    gap: 55px;
    padding: 80px max(6vw, 48px);
    display: grid
}

.expert-contribution h2 {
    margin: 9px 0;
    font-size: 40px
}

.expert-contribution>div>p {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.65
}

.contribution-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    display: grid
}

.contribution-grid article {
    border: 1px solid var(--line);
    border-radius: 17px;
    padding: 20px
}

.contribution-grid b {
    color: var(--pink);
    font-size: 10px
}

.contribution-grid h3 {
    margin: 8px 0;
    font-size: 19px
}

.contribution-grid p {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.55
}

.expert-safety {
    background: #eef7f6;
    border-radius: 22px;
    grid-template-columns: 60px 1fr;
    align-items: start;
    gap: 20px;
    margin: 0 max(6vw, 48px) 75px;
    padding: 30px;
    display: grid
}

.safety-icon {
    background: var(--teal-dark);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 60px;
    height: 60px;
    font-size: 22px;
    display: grid
}

.expert-safety h2 {
    margin: 7px 0;
    font-size: 25px
}

.expert-safety p {
    color: var(--muted);
    margin: 0;
    font-size: 12px;
    line-height: 1.6
}

.expert-faq {
    background: #fff7f8;
    padding: 75px max(18vw, 120px)
}

.expert-faq h2 {
    margin: 9px 0 22px;
    font-size: 40px
}

.expert-faq details {
    border-top: 1px solid #ecd9df;
    padding: 16px 0
}

.expert-faq summary {
    font-family: var(--font-editorial);
    cursor: pointer;
    justify-content: space-between;
    font-size: 19px;
    font-weight: 600;
    display: flex
}

.expert-faq details p {
    color: var(--muted);
    max-width: 850px;
    font-size: 12px;
    line-height: 1.65
}

.expert-page-cta {
    background: var(--teal-dark);
    color: #fff;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 50px max(6vw, 48px);
    display: flex
}

.expert-page-cta h2 {
    margin: 8px 0;
    font-size: 32px
}

.experts-page-footer {
    grid-template-columns: 180px 1fr auto;
    align-items: center;
    gap: 30px;
    padding: 30px max(6vw, 48px);
    display: grid
}

.experts-page-footer img {
    width: 170px
}

.experts-page-footer p {
    color: var(--muted);
    font-size: 10px
}

.experts-page-footer a {
    color: var(--teal-dark);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none
}

@media (width<=900px) {

    .expert-panel-intro,
    .experts-hero,
    .expert-contribution {
        grid-template-columns: 1fr
    }

    .homepage-expert-grid,
    .directory-grid {
        grid-template-columns: 1fr 1fr
    }

    .directory-heading {
        grid-template-columns: 1fr
    }

    .experts-page-header nav {
        display: none
    }

    .experts-hero h1 {
        font-size: 45px
    }

    .expert-faq {
        padding: 65px 7vw
    }
}

@media (width<=560px) {

    .homepage-expert-grid,
    .directory-grid,
    .contribution-grid {
        grid-template-columns: 1fr
    }

    .experts-page-header {
        padding: 0 18px
    }

    .experts-brand img {
        width: 145px
    }

    .experts-back {
        font-size: 10px
    }

    .experts-hero,
    .experts-directory,
    .expert-contribution {
        padding: 55px 22px
    }

    .experts-hero h1 {
        font-size: 38px
    }

    .expert-hero-actions,
    .expert-trust-points {
        flex-direction: column;
        align-items: flex-start
    }

    .expert-safety {
        grid-template-columns: 1fr;
        margin: 0 22px 55px
    }

    .expert-faq {
        padding: 55px 22px
    }

    .expert-page-cta,
    .experts-page-footer {
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }
}

.homepage-expert-grid article {
    min-height: 330px;
    padding: 14px
}

.expert-avatar-photo {
    background: linear-gradient(145deg, #e8f7f5, #fff0f4);
    border-radius: 14px;
    width: 100%;
    height: 158px;
    position: relative;
    overflow: hidden
}

.expert-avatar-photo img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
    width: 100%;
    height: 100%;
    display: block
}

.hero-expert-stack .expert-avatar-photo {
    background: #eaf6f4;
    border: 5px solid #fff;
    border-radius: 50%;
    width: 92px;
    height: 92px;
    margin-right: -15px
}

.directory-grid article {
    min-height: 365px;
    padding: 14px
}

.directory-grid .expert-avatar-photo {
    height: 185px
}

.video-badge {
    background: var(--pink);
    color: #fff;
    letter-spacing: .08em;
    border-radius: 16px;
    padding: 6px 9px;
    font: 700 8px/1 sans-serif;
    position: absolute;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 5px 12px #9b285133
}

.expert-card-links a:first-child {
    background: var(--teal-dark);
    color: #fff;
    border-radius: 18px;
    align-items: center;
    padding: 9px 12px;
    display: inline-flex
}

.directory-intro {
    max-width: 720px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.6
}

.full-expert-directory {
    grid-template-columns: repeat(5, 1fr)
}

.full-expert-directory article {
    min-height: 330px
}

.full-expert-directory .expert-avatar-photo {
    height: 160px
}

.full-expert-directory h3 {
    font-size: 18px
}

.expert-card-links a.profile-link {
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #9fcfca
}

.full-expert-directory article>p {
    min-height: 34px
}

@media (width<=1150px) {
    .full-expert-directory {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (width<=900px) {
    .full-expert-directory {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (width<=560px) {
    .full-expert-directory {
        grid-template-columns: 1fr
    }

    .full-expert-directory .expert-avatar-photo {
        height: 210px
    }
}

.expert-results-bar {
    color: var(--teal-dark);
    background: #e9f6f4;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 18px;
    padding: 11px 14px;
    font-size: 11px;
    display: flex
}

.expert-results-bar button,
.expert-empty button {
    color: var(--pink);
    font: 700 10px/1 var(--font-interface);
    cursor: pointer;
    background: 0 0;
    border: 0
}

.expert-empty {
    text-align: center;
    background: #fff;
    border: 1px dashed #9fcfca;
    border-radius: 18px;
    padding: 55px 20px
}

.expert-empty h3 {
    margin: 0 0 8px;
    font-size: 24px
}

.expert-empty p {
    color: var(--muted);
    font-size: 12px
}

.expert-empty button {
    background: var(--teal-dark);
    color: #fff;
    border-radius: 20px;
    margin-top: 8px;
    padding: 11px 16px
}

.expert-filter-row button {
    cursor: pointer
}

.expert-filter-row button:focus-visible {
    outline-offset: 2px;
    outline: 3px solid #f6abc2
}

.expert-image-link {
    width: 100%;
    text-decoration: none;
    display: block
}

.video-badge.learning-badge {
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #b8d9d6
}

.expert-credentials {
    color: var(--teal-dark);
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.4
}

.expert-affiliation {
    color: #74898b;
    margin-top: 4px;
    font-size: 9px;
    line-height: 1.45
}

.full-expert-directory article>p {
    margin-top: 10px
}

.expert-card-links {
    width: 100%
}

.expert-card-links a {
    text-align: center;
    justify-content: center;
    width: 100%
}

@media (width<=900px) {
    .community-primary {
        grid-template-columns: 1fr
    }

    .community-card {
        grid-template-columns: 240px 1fr;
        display: grid
    }

    .community-image {
        height: 100%;
        min-height: 240px
    }

    .community-more {
        grid-template-columns: 1fr
    }

    .community-more-title {
        padding: 4px
    }

    .community-more article {
        grid-template-columns: 48px 1fr auto
    }

    .community-more article>a {
        grid-area: 1/3;
        align-self: center
    }
}

@media (width<=560px) {
    .community-primary {
        scroll-snap-type: x mandatory;
        padding-bottom: 10px;
        display: flex;
        overflow-x: auto
    }

    .community-card {
        scroll-snap-align: start;
        flex: 0 0 86%;
        display: flex
    }

    .community-image {
        height: 180px;
        min-height: 0
    }

    .community-more article {
        grid-template-columns: 44px 1fr
    }

    .community-more article>a {
        grid-area: auto/2;
        margin-top: 6px
    }

    .mini-icon {
        width: 44px;
        height: 44px
    }
}

.expert-band {
    grid-template-columns: .88fr 1.12fr;
    min-height: 650px
}

.expert-photo {
    min-height: 580px
}

.expert-photo:after {
    content: "";
    background: linear-gradient(#0000, #123d45c9);
    position: absolute;
    inset: 55% 0 0
}

.expert-band .play {
    z-index: 2;
    top: 43%;
    box-shadow: 0 12px 35px #1b374655
}

.video-label {
    z-index: 2;
    color: #fff;
    flex-direction: column;
    display: flex;
    position: absolute;
    bottom: 31px;
    left: 34px
}

.video-label span {
    letter-spacing: .15em;
    color: #bff1ed;
    font-size: 8px;
    font-weight: 700
}

.video-label b {
    font-family: var(--font-editorial);
    margin-top: 5px;
    font-size: 25px
}

.expert-band .expert-copy {
    padding: 52px max(4vw, 38px)
}

.expert-band .expert-copy h2 {
    margin-bottom: 12px;
    font-size: 40px
}

.expert-band .expert-copy>p {
    max-width: 720px;
    font-size: 14px;
    line-height: 1.7
}

.expert-services {
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
    margin-top: 24px;
    display: grid
}

.expert-service {
    background: #ffffff0e;
    border: 1px solid #ffffff28;
    border-radius: 16px;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    padding: 17px;
    display: grid
}

.expert-service.featured {
    color: var(--ink);
    background: #fff;
    border-color: #fff;
    grid-column: 1/3
}

.service-icon {
    background: var(--pink);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 42px;
    height: 42px;
    padding-left: 2px;
    font-size: 13px;
    display: grid
}

.service-icon.directory {
    color: #124b50;
    background: #85dcd6;
    font-size: 22px
}

.service-icon.panel {
    color: #7b2749;
    background: #f4b4ca;
    font-size: 18px
}

.expert-service span {
    letter-spacing: .14em;
    color: #9ee9e4;
    font-size: 8px;
    font-weight: 700
}

.expert-service h3 {
    font-family: var(--font-editorial);
    margin: 5px 0 6px;
    font-size: 20px
}

.expert-service p {
    margin: 0 0 11px;
    color: #d1ecea !important;
    font-size: 11px !important;
    line-height: 1.5 !important
}

.expert-service.featured p {
    color: var(--muted) !important
}

.expert-service a {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none
}

.expert-service.featured a {
    color: var(--teal-dark)
}

.expert-collage {
    background: #164f54;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1.35fr .85fr;
    gap: 8px;
    padding: 8px;
    text-decoration: none;
    display: grid;
    overflow: hidden
}

.expert-collage:after {
    display: none
}

.doctor-tile {
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.doctor-main {
    grid-row: 1/3
}

.doctor-top,
.doctor-bottom {
    grid-column: 2
}

.doctor-corner {
    display: none
}

.expert-photo.expert-collage .doctor-tile img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.expert-collage-shade {
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(#0000, #123d45ed);
    position: absolute;
    inset: 42% 0 0
}

.expert-collage .play {
    top: 42%;
    left: 40%
}

.expert-collage .video-label {
    bottom: 30px;
    left: 34px
}

.expert-collage .video-label small {
    color: #fff;
    margin-top: 7px;
    font-size: 10px;
    font-weight: 600
}

.expert-collage:hover .play {
    transform: translate(-50%, -50%)scale(1.06)
}

.expert-focus {
    background: linear-gradient(145deg, #dff4f3, #b8e5e2);
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.expert-focus:after {
    display: none
}

.expert-photo.expert-focus>img {
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 18px;
    width: 100%;
    height: auto;
    max-height: 520px;
    box-shadow: 0 22px 50px #123d4540
}

.expert-focus .play {
    width: 68px;
    height: 68px;
    transition: transform .2s;
    top: 50%;
    left: 50%
}

.expert-focus:hover .play {
    transform: translate(-50%, -50%)scale(1.06)
}

.expert-watch {
    z-index: 3;
    color: var(--ink);
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    display: flex;
    position: absolute;
    bottom: 38px;
    left: 42px;
    box-shadow: 0 12px 30px #123d4540
}

.expert-watch span {
    letter-spacing: .14em;
    color: var(--pink);
    font-size: 8px;
    font-weight: 700
}

.expert-watch b {
    color: var(--teal-dark);
    font-size: 11px
}

.primary-nav {
    gap: 20px !important;
    position: static !important
}

.primary-nav>.nav-item {
    align-items: center;
    height: 76px;
    display: flex
}

.primary-nav>.nav-item>.menu-trigger {
    background: var(--teal-dark);
    color: #fff;
    border-radius: 28px;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    display: flex
}

.menu-trigger span {
    font-size: 12px;
    transition: transform .2s
}

.has-mega:hover .menu-trigger span,
.has-mega:focus-within .menu-trigger span {
    transform: rotate(180deg)
}

.mega-menu {
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: min(1180px, 100vw - 32px);
    padding-top: 12px;
    transition: opacity .18s, transform .18s;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -10px)
}

.has-mega:hover .mega-menu,
.has-mega:focus-within .mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%)
}

.mega-inner {
    border: 1px solid var(--line);
    border-top: 4px solid var(--logo-teal);
    text-align: left;
    background: #fff;
    border-radius: 0 0 22px 22px;
    grid-template-columns: 1.05fr .85fr 1fr 1.15fr;
    gap: 0;
    display: grid;
    overflow: hidden;
    box-shadow: 0 24px 60px #163f4830
}

.mega-column {
    border-right: 1px solid var(--line);
    padding: 28px 26px
}

.mega-column:last-child {
    border-right: 0
}

.mega-label {
    color: var(--coral);
    letter-spacing: .16em;
    margin-bottom: 13px;
    font-size: 9px;
    font-weight: 700;
    display: block
}

.mega-column h2 {
    font-family: var(--font-editorial);
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.2
}

.mega-column>p {
    color: var(--muted);
    margin: 0 0 16px;
    font-size: 11px;
    line-height: 1.55
}

.mega-link-list {
    gap: 3px;
    display: grid
}

.nav-wrap nav .mega-link-list a {
    color: var(--ink);
    border-bottom: 1px solid #edf2f1;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    font-size: 11px;
    font-weight: 600;
    display: flex
}

.mega-link-list a b {
    color: var(--teal-dark)
}

.contest-card {
    background: linear-gradient(145deg, var(--soft-pink), var(--cream));
    border: 1px solid #efd6de;
    border-radius: 17px;
    flex-direction: column;
    min-height: 255px;
    color: var(--ink) !important;
    padding: 18px !important;
    text-decoration: none !important;
    display: flex !important
}

.contest-card>span {
    color: var(--coral);
    letter-spacing: .15em;
    font-size: 8px;
    font-weight: 700
}

.contest-art {
    place-items: center;
    height: 82px;
    margin: 9px 0 12px;
    display: grid;
    position: relative
}

.contest-art:before {
    content: "";
    background: var(--coral);
    border-radius: 12px;
    width: 82px;
    height: 68px;
    position: absolute;
    bottom: 0;
    box-shadow: inset 0 -10px #d75258
}

.contest-art:after {
    content: "";
    background: #fff;
    border-radius: 7px;
    width: 92px;
    height: 15px;
    position: absolute;
    bottom: 55px;
    box-shadow: 0 5px 12px #9d4c6225
}

.contest-art i {
    z-index: 2;
    background: #fff;
    border-radius: 7px;
    width: 12px;
    height: 44px;
    position: absolute;
    bottom: 17px
}

.contest-art i:nth-child(2) {
    background: var(--logo-teal);
    height: 34px;
    left: 36%
}

.contest-art i:nth-child(3) {
    background: #f5b823;
    height: 29px;
    right: 34%
}

.contest-art b {
    z-index: 3;
    color: #fff;
    letter-spacing: .12em;
    font-size: 9px;
    position: absolute;
    bottom: 21px
}

.nav-wrap nav .contest-card h2 {
    margin: 0 0 5px;
    font-size: 19px
}

.nav-wrap nav .contest-card p {
    color: var(--muted);
    margin: 0 0 12px;
    font-size: 10px;
    line-height: 1.45
}

.contest-card strong {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 11px
}

.shop-grid {
    grid-template-columns: 1fr 1fr;
    gap: 3px 14px;
    margin-top: 10px;
    display: grid
}

.nav-wrap nav .shop-grid a {
    color: var(--ink);
    border-bottom: 1px solid #edf2f1;
    padding: 8px 0;
    font-size: 10px;
    font-weight: 600
}

.nav-wrap nav .view-shop {
    color: var(--teal-dark);
    margin-top: 16px;
    font-size: 10px;
    font-weight: 700;
    display: inline-block
}

.discovery-links {
    background: #fbfdfd;
    flex-direction: column;
    gap: 24px;
    display: flex
}

.review-menu-list {
    gap: 7px;
    display: grid
}

.nav-wrap nav .review-menu-list a {
    color: var(--ink);
    grid-template-columns: 29px 1fr;
    align-items: center;
    gap: 9px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    display: grid
}

.review-menu-list a span {
    background: var(--aqua);
    width: 29px;
    height: 29px;
    color: var(--teal-dark);
    border-radius: 9px;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
    display: grid
}

.brand-menu {
    border-top: 1px solid var(--line);
    padding-top: 19px
}

.brand-menu>div {
    flex-wrap: wrap;
    gap: 7px;
    display: flex
}

.nav-wrap nav .brand-menu a {
    border: 1px solid var(--line);
    color: var(--teal-dark);
    background: #fff;
    border-radius: 20px;
    padding: 7px 10px;
    font-size: 9px;
    font-weight: 700
}

.mega-menu a:hover {
    text-decoration: none;
    color: var(--coral) !important
}

@media (width<=1080px) {
    .primary-nav {
        gap: 13px !important
    }

    .nav-wrap nav>a,
    .primary-nav>.nav-item>.menu-trigger {
        font-size: 12px !important
    }

    .mega-inner {
        grid-template-columns: 1fr 1fr 1fr
    }

    .discovery-links {
        grid-column: 1/4;
        grid-template-columns: 1.5fr 1fr;
        display: grid
    }

    .review-menu-list {
        grid-template-columns: 1fr 1fr
    }

    .mega-column:nth-child(3) {
        border-right: 0
    }

    .discovery-links {
        border-top: 1px solid var(--line)
    }
}

.pregnancy-trigger {
    border: 1px solid #eadfd8;
    background: var(--cream) !important;
    color: var(--ink) !important
}

.pregnancy-mega {
    grid-template-columns: 1.05fr 1fr .9fr 1.25fr
}

.pregnancy-menu .mega-inner {
    border-top-color: var(--coral)
}

.pregnancy-features {
    align-content: start;
    gap: 11px;
    display: grid
}

.programme-menu-card {
    border: 1px solid var(--line);
    border-radius: 15px;
    grid-template-columns: 40px 1fr;
    gap: 11px;
    color: var(--ink) !important;
    padding: 15px !important;
    text-decoration: none !important;
    display: grid !important
}

.programme-menu-card.essentials {
    background: linear-gradient(145deg, var(--soft-pink), #fff)
}

.programme-menu-card.parentcraft-menu {
    background: linear-gradient(145deg, var(--aqua), #fff)
}

.programme-menu-icon {
    background: var(--coral);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 15px;
    display: grid
}

.parentcraft-menu .programme-menu-icon {
    background: var(--teal-dark)
}

.programme-menu-card span {
    color: var(--coral);
    letter-spacing: .13em;
    font-size: 7px;
    font-weight: 700;
    display: block
}

.parentcraft-menu span {
    color: var(--teal-dark)
}

.nav-wrap nav .programme-menu-card h2 {
    margin: 4px 0;
    font-size: 15px
}

.nav-wrap nav .programme-menu-card p {
    color: var(--muted);
    margin: 0 0 7px;
    font-size: 9px;
    line-height: 1.4
}

.programme-menu-card strong {
    color: var(--teal-dark);
    font-size: 9px
}

.maternity-shop {
    align-content: start;
    gap: 22px;
    display: grid
}

.shop-group {
    display: grid
}

.shop-group h2 {
    margin-bottom: 6px;
    font-size: 16px
}

.nav-wrap nav .shop-group a {
    color: var(--ink);
    border-bottom: 1px solid #edf2f1;
    padding: 8px 0;
    font-size: 10px;
    font-weight: 600
}

.pregnancy-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px
}

.pregnancy-review-list a:last-child {
    grid-column: 1/3
}

.pregnancy-discovery {
    gap: 18px
}

.pregnancy-discovery .brand-menu {
    padding-top: 14px
}

@media (width<=1080px) {
    .pregnancy-mega {
        grid-template-columns: 1fr 1fr 1fr
    }

    .pregnancy-discovery {
        grid-column: 1/4
    }

    .pregnancy-review-list a:last-child {
        grid-column: auto
    }
}

.baby-trigger {
    background: var(--aqua) !important;
    color: var(--teal-dark) !important
}

.baby-menu .mega-inner {
    border-top-color: #7fcfc9
}

.baby-mega {
    grid-template-columns: .9fr .9fr 1.45fr 1.35fr
}

.baby-feature-card {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    color: var(--ink) !important;
    text-decoration: none !important;
    display: block !important
}

.baby-feature-image {
    height: 130px;
    position: relative;
    overflow: hidden
}

.baby-feature-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.baby-feature-image:after {
    content: "";
    background: linear-gradient(#0000, #163f4890);
    position: absolute;
    inset: 55% 0 0
}

.baby-feature-image span {
    z-index: 2;
    color: #fff;
    letter-spacing: .14em;
    font-size: 7px;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
    left: 12px
}

.nav-wrap nav .baby-feature-copy h2 {
    margin: 0 0 7px;
    font-size: 17px
}

.nav-wrap nav .baby-feature-copy p {
    color: var(--muted);
    margin: 0 0 11px;
    font-size: 9px;
    line-height: 1.45
}

.baby-feature-copy strong {
    color: var(--teal-dark);
    font-size: 9px
}

.baby-shop-grid {
    grid-template-columns: 1fr 1fr;
    gap: 17px 20px;
    display: grid
}

.baby-shop .shop-group h2 {
    font-size: 14px
}

.nav-wrap nav .baby-shop .shop-group a {
    padding: 5px 0;
    font-size: 9px
}

.babywear-group span {
    color: var(--muted);
    font-size: 9px;
    line-height: 1.4
}

.baby-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px
}

.baby-review-list a span {
    width: 25px;
    height: 25px
}

.nav-wrap nav .baby-review-list a {
    grid-template-columns: 25px 1fr;
    font-size: 9px
}

.baby-discovery {
    gap: 15px
}

.baby-discovery .brand-menu {
    padding-top: 12px
}

@media (width<=1080px) {
    .baby-mega {
        grid-template-columns: 1fr 1fr
    }

    .baby-shop,
    .baby-discovery {
        grid-column: 1/3
    }

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

.toddler-trigger {
    color: var(--purple) !important;
    background: #f1eafa !important
}

.toddler-menu .mega-inner {
    border-top-color: #b99dd2
}

.toddler-mega {
    grid-template-columns: 1fr 1fr 1.35fr 1.2fr
}

.toddler-features {
    align-content: start;
    gap: 11px;
    display: grid
}

.toddler-programme {
    border: 1px solid var(--line);
    border-radius: 15px;
    grid-template-columns: 42px 1fr;
    gap: 11px;
    color: var(--ink) !important;
    padding: 15px !important;
    text-decoration: none !important;
    display: grid !important
}

.superkids-menu-card {
    background: linear-gradient(145deg, #eff8df, #fff)
}

.mamacuba-menu-card {
    background: linear-gradient(145deg, var(--soft-pink), #fff)
}

.toddler-programme-icon {
    color: #fff;
    background: #7faf3d;
    border-radius: 14px;
    place-items: center;
    width: 42px;
    height: 42px;
    font-size: 17px;
    display: grid
}

.mamacuba-menu-card .toddler-programme-icon {
    background: var(--coral)
}

.toddler-programme span {
    letter-spacing: .13em;
    color: #5f8d2d;
    font-size: 7px;
    font-weight: 700
}

.mamacuba-menu-card span {
    color: var(--coral)
}

.nav-wrap nav .toddler-programme h2 {
    margin: 4px 0;
    font-size: 15px
}

.nav-wrap nav .toddler-programme p {
    color: var(--muted);
    margin: 0 0 7px;
    font-size: 9px;
    line-height: 1.4
}

.toddler-programme strong {
    color: var(--teal-dark);
    font-size: 9px
}

.toddler-shop-groups {
    gap: 19px;
    display: grid
}

.toddler-link-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0 14px;
    display: grid
}

.nav-wrap nav .toddler-link-grid a {
    color: var(--ink);
    border-bottom: 1px solid #edf2f1;
    padding: 6px 0;
    font-size: 9px;
    font-weight: 600
}

.education-group {
    padding-top: 3px
}

.toddler-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px
}

.toddler-review-list a:last-child {
    grid-column: 1/3
}

.nav-wrap nav .toddler-review-list a {
    font-size: 9px
}

.toddler-discovery {
    gap: 16px
}

.toddler-discovery .brand-menu {
    padding-top: 13px
}

@media (width<=1080px) {
    .toddler-mega {
        grid-template-columns: 1fr 1fr
    }

    .toddler-shop,
    .toddler-discovery {
        grid-column: 1/3
    }

    .toddler-review-list a:last-child {
        grid-column: auto
    }
}

.children-trigger {
    color: var(--ink) !important;
    background: #e8f4f7 !important
}

.children-menu .mega-inner {
    border-top-color: #80c8d5
}

.children-mega {
    grid-template-columns: 1.08fr .94fr .76fr 1.22fr
}

.children-feature-card {
    background: linear-gradient(150deg, #f1fafb, #fff);
    border: 1px solid #cfe5e9;
    border-radius: 17px;
    overflow: hidden;
    color: var(--ink) !important;
    text-decoration: none !important;
    display: block !important
}

.children-feature-art {
    background: linear-gradient(135deg, #80c8d5, #57b6c5);
    place-items: center;
    height: 112px;
    display: grid;
    position: relative;
    overflow: hidden
}

.children-feature-art:before,
.children-feature-art:after {
    content: "";
    background: #fff;
    border-radius: 10px 10px 0 0;
    width: 86px;
    height: 62px;
    position: absolute;
    bottom: -18px;
    transform: rotate(8deg)
}

.children-feature-art:before {
    left: 25px;
    transform: rotate(-8deg)
}

.children-feature-art:after {
    right: 25px
}

.children-feature-art span {
    z-index: 2;
    width: 58px;
    height: 58px;
    color: var(--teal-dark);
    font-family: var(--font-editorial);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    font-size: 18px;
    font-weight: 700;
    display: grid;
    position: relative;
    box-shadow: 0 10px 25px #1a636f35
}

.children-feature-art i {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    position: absolute;
    top: 15px;
    right: 19px
}

.children-feature-card>div:last-child>span {
    letter-spacing: .14em;
    color: var(--coral);
    font-size: 7px;
    font-weight: 700
}

.nav-wrap nav .children-feature-card h2 {
    margin: 5px 0 7px;
    font-size: 17px
}

.nav-wrap nav .children-feature-card p {
    color: var(--muted);
    margin: 0 0 11px;
    font-size: 9px;
    line-height: 1.45
}

.children-feature-card strong {
    color: var(--teal-dark);
    font-size: 9px
}

.children-shop-groups {
    gap: 25px;
    display: grid
}

.children-fashion {
    background: #f2f8fa;
    border-radius: 13px;
    padding: 14px
}

.children-fashion span {
    color: var(--muted);
    font-size: 9px;
    line-height: 1.45
}

.children-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px
}

.children-review-list a:last-child {
    grid-column: 1/3
}

.nav-wrap nav .children-review-list a {
    font-size: 9px
}

.children-discovery {
    gap: 16px
}

.children-discovery .brand-menu {
    padding-top: 13px
}

@media (width<=1080px) {
    .children-mega {
        grid-template-columns: 1fr 1fr
    }

    .children-shop,
    .children-discovery {
        grid-column: 1/3
    }

    .children-review-list a:last-child {
        grid-column: auto
    }
}

.family-trigger {
    color: #744e34 !important;
    background: #fff1e5 !important
}

.family-menu .mega-inner {
    border-top-color: #e8a56d
}

.family-mega {
    grid-template-columns: 1.08fr .95fr 1.12fr 1.25fr
}

.family-story-list {
    grid-template-columns: 1fr 1fr;
    gap: 0 14px
}

.nav-wrap nav .family-story-list a {
    padding: 7px 0;
    font-size: 9px
}

.family-features {
    align-content: start;
    gap: 10px;
    display: grid
}

.family-feature-card {
    border: 1px solid var(--line);
    border-radius: 15px;
    grid-template-columns: 40px 1fr;
    gap: 11px;
    color: var(--ink) !important;
    padding: 14px !important;
    text-decoration: none !important;
    display: grid !important
}

.family-read-card {
    background: linear-gradient(145deg, #fff3f6, #fff)
}

.family-deal-card {
    background: linear-gradient(145deg, #fff2df, #fff)
}

.family-feature-icon {
    background: var(--coral);
    color: #fff;
    width: 40px;
    height: 40px;
    font-family: var(--font-editorial);
    border-radius: 13px;
    place-items: center;
    font-size: 24px;
    font-weight: 700;
    display: grid
}

.family-deal-card .family-feature-icon {
    font-family: var(--font-interface);
    background: #e3a04d;
    font-size: 15px
}

.family-feature-card span {
    letter-spacing: .13em;
    color: var(--coral);
    font-size: 7px;
    font-weight: 700
}

.family-deal-card span {
    color: #b36c17
}

.nav-wrap nav .family-feature-card h2 {
    margin: 4px 0;
    font-size: 15px
}

.nav-wrap nav .family-feature-card p {
    color: var(--muted);
    margin: 0 0 7px;
    font-size: 9px;
    line-height: 1.4
}

.family-feature-card strong {
    color: var(--teal-dark);
    font-size: 9px
}

.family-shop-groups {
    gap: 21px;
    display: grid
}

.family-link-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0 13px;
    display: grid
}

.nav-wrap nav .family-link-grid a {
    color: var(--ink);
    border-bottom: 1px solid #edf2f1;
    padding: 6px 0;
    font-size: 9px;
    font-weight: 600
}

.family-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px
}

.nav-wrap nav .family-review-list a {
    grid-template-columns: 25px 1fr;
    font-size: 8.5px
}

.family-review-list a span {
    width: 25px;
    height: 25px
}

.family-discovery {
    gap: 14px
}

.family-discovery .brand-menu {
    padding-top: 12px
}

@media (width<=1080px) {
    .family-mega {
        grid-template-columns: 1fr 1fr
    }

    .family-shop,
    .family-discovery {
        grid-column: 1/3
    }
}

.wellness-trigger {
    color: #245c51 !important;
    background: #e8f6f1 !important
}

.wellness-menu .mega-inner {
    border-top-color: #58a990
}

.wellness-mega {
    grid-template-columns: 1fr 1.08fr 1fr 1.22fr
}

.wellness-features {
    align-content: start;
    gap: 10px;
    display: grid
}

.wellness-service {
    border: 1px solid #cfe5de;
    border-radius: 15px;
    grid-template-columns: 42px 1fr;
    gap: 11px;
    color: var(--ink) !important;
    padding: 14px !important;
    text-decoration: none !important;
    display: grid !important
}

.expert-panel-card {
    background: linear-gradient(145deg, #eaf8f4, #fff)
}

.doctor-directory-card {
    background: linear-gradient(145deg, #eef5fb, #fff)
}

.wellness-service-icon {
    color: #fff;
    background: #3c937b;
    border-radius: 50%;
    place-items: center;
    width: 42px;
    height: 42px;
    font-size: 16px;
    display: grid
}

.doctor-directory-card .wellness-service-icon {
    background: #5b91ad;
    font-size: 22px
}

.wellness-service span {
    letter-spacing: .13em;
    color: #36846f;
    font-size: 7px;
    font-weight: 700
}

.doctor-directory-card span {
    color: #527f97
}

.nav-wrap nav .wellness-service h2 {
    margin: 4px 0;
    font-size: 15px
}

.nav-wrap nav .wellness-service p {
    color: var(--muted);
    margin: 0 0 7px;
    font-size: 9px;
    line-height: 1.4
}

.wellness-service strong {
    color: var(--teal-dark);
    font-size: 9px
}

.wellness-shop>p {
    font-size: 9px !important;
    line-height: 1.45 !important
}

.wellness-shop-grid {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    display: grid
}

.nav-wrap nav .wellness-shop-grid a {
    color: var(--ink);
    background: #fff;
    border: 1px solid #dceae6;
    border-radius: 11px;
    grid-template-columns: 29px 1fr;
    align-items: center;
    gap: 8px;
    padding: 8px;
    font-size: 9px;
    font-weight: 600;
    display: grid
}

.wellness-shop-grid a span {
    color: #397e6c;
    background: #e3f4ef;
    border-radius: 9px;
    place-items: center;
    width: 29px;
    height: 29px;
    font-size: 15px;
    display: grid
}

.wellness-review-list {
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px
}

.wellness-review-list a:last-child {
    grid-column: 1/3
}

.nav-wrap nav .wellness-review-list a {
    grid-template-columns: 25px 1fr;
    font-size: 8.5px
}

.wellness-review-list a span {
    color: #397e6c;
    background: #e4f3ee;
    width: 25px;
    height: 25px
}

.wellness-discovery {
    gap: 14px
}

.wellness-discovery .brand-menu {
    padding-top: 12px
}

@media (width<=1080px) {
    .wellness-mega {
        grid-template-columns: 1fr 1fr
    }

    .wellness-shop,
    .wellness-discovery {
        grid-column: 1/3
    }

    .wellness-review-list a:last-child {
        grid-column: auto
    }
}

.branded-newmom-card {
    background: #fff;
    border-color: #f2b5cc;
    min-height: 270px;
    padding: 0 !important
}

.featured-brand-visual {
    background: #fbe8ee;
    height: 112px;
    position: relative;
    overflow: hidden
}

.featured-brand-visual img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%
}

.featured-brand-visual:after {
    content: "";
    background: linear-gradient(#0000, #8b174a99);
    position: absolute;
    inset: 48% 0 0
}

.featured-brand-visual>span {
    z-index: 2;
    letter-spacing: .13em;
    background: #ec087b;
    border-radius: 20px;
    padding: 5px 8px;
    position: absolute;
    bottom: 10px;
    left: 13px;
    color: #fff !important;
    font-size: 7px !important
}

.featured-brand-copy {
    flex-direction: column;
    flex: 1;
    padding: 15px 17px 17px;
    display: flex
}

.featured-brand-copy>span {
    color: #ec087b;
    letter-spacing: .14em;
    font-size: 7px;
    font-weight: 700
}

.nav-wrap nav .featured-brand-copy h2 {
    margin: 5px 0;
    font-size: 18px
}

.nav-wrap nav .featured-brand-copy p {
    color: var(--muted);
    margin: 0 0 10px;
    font-size: 9px;
    line-height: 1.45
}

.featured-brand-copy strong {
    color: var(--teal-dark);
    margin-top: auto;
    font-size: 10px
}

.branded-programme-card {
    grid-template-columns: 68px 1fr;
    align-items: stretch;
    gap: 12px;
    padding: 11px !important
}

.programme-brand-thumb {
    background: #dcecf5;
    border-radius: 11px;
    width: 68px;
    min-height: 83px;
    overflow: hidden
}

.programme-brand-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.parentcraft-thumb img {
    -o-object-position: 50% 32%;
       object-position: 50% 32%
}

.branded-programme-card.essentials {
    background: linear-gradient(145deg, #e9f6fb, #f5efff)
}

.branded-programme-card.parentcraft-menu {
    background: linear-gradient(145deg, #fff0f2, #fff)
}

.branded-programme-card span {
    font-size: 6.5px
}

.nav-wrap nav .branded-programme-card h2 {
    font-size: 14px;
    line-height: 1.15
}

.nav-wrap nav .branded-programme-card p {
    margin-bottom: 6px;
    font-size: 8.5px;
    line-height: 1.35
}

@media (width<=900px) {
    .expert-band {
        grid-template-columns: 1fr
    }

    .expert-photo {
        min-height: 430px
    }

    .expert-band .expert-copy {
        padding: 55px 28px
    }

    .expert-services {
        grid-template-columns: 1fr
    }

    .expert-service.featured {
        grid-column: auto
    }
}

@media (width<=560px) {
    .expert-photo {
        min-height: 340px
    }

    .expert-band .play {
        width: 60px;
        height: 60px
    }

    .video-label {
        bottom: 22px;
        left: 22px
    }

    .expert-band .expert-copy h2 {
        font-size: 34px
    }

    .expert-service {
        grid-template-columns: 38px 1fr;
        padding: 15px
    }

    .service-icon {
        width: 38px;
        height: 38px
    }
}

:root {
    --teal: #06b3b7;
    --teal-dark: #245a5c;
    --logo-teal: #63c7cd;
    --aqua: #ddf3f2;
    --cream: #f8f5f1;
    --rose: #cf96a0;
    --soft-pink: #fcecf5;
    --coral: #ee6368;
    --yellow: #f5b823;
    --light-blue: #aad9e3;
    --purple: #4e3861;
    --ink: #245a5c;
    --muted: #60777a;
    --line: #cfe5e4
}

body {
    background: var(--cream)
}

.prototype-note {
    background: var(--teal-dark)
}

.topbar {
    background: var(--aqua);
    color: var(--teal-dark)
}

.site-header,
.answer-block,
.quick-access,
.guide-card,
.review-grid article,
.community-card {
    background: #fff
}

.brand span {
    color: var(--logo-teal)
}

.brand b {
    color: var(--coral)
}

.nav-wrap nav a {
    color: var(--teal-dark)
}

.search {
    background: var(--aqua);
    color: var(--teal-dark)
}

.hero {
    background: linear-gradient(120deg, var(--cream) 0%, #fff 54%, var(--aqua) 100%)
}

.eyebrow,
.section-kicker {
    color: var(--coral)
}

h1 em {
    color: var(--teal)
}

.primary {
    background: var(--teal);
    box-shadow: 0 8px 22px #06b3b733
}

.primary:hover {
    background: var(--teal-dark)
}

.secondary {
    border-color: var(--teal);
    color: var(--teal-dark)
}

.hero-visual img {
    box-shadow: -18px 24px 0 var(--soft-pink)
}

.blob {
    background: var(--aqua)
}

.peach {
    background: var(--cream)
}

.mint {
    background: var(--aqua)
}

.lavender {
    background: var(--soft-pink)
}

.sky {
    background: #e8f4f7
}

.stage-icon {
    color: var(--coral)
}

.quick-track a {
    background: var(--aqua);
    color: var(--teal-dark);
    border-color: #b8dddb
}

.quick-track a:nth-child(3n) {
    background: var(--soft-pink);
    color: #7a4650;
    border-color: #e8c8d3
}

.tool-icon {
    background: var(--aqua)
}

.premium-ad {
    background: linear-gradient(125deg, var(--soft-pink), #fff 52%, var(--aqua))
}

.ad-label {
    color: var(--coral);
    border-color: #f0b8ba
}

.ad-copy>span,
.ad-copy a {
    color: #a54246
}

.product-shape.one {
    background: linear-gradient(var(--coral), #c84a50)
}

.product-shape.two {
    background: linear-gradient(var(--logo-teal), var(--teal-dark))
}

.ad-dots i:first-child {
    background: var(--coral)
}

.partner-grid .partner-main {
    background: linear-gradient(135deg, var(--aqua), #fff);
    border-color: var(--logo-teal)
}

.sponsored-tag {
    color: #8b525c;
    border-color: #ddb6bd
}

.feature-lead {
    background: var(--aqua)
}

.feature-lead span,
.feature-side span,
.compact-story-grid span,
.guide-card span,
.review-grid article>span {
    color: var(--coral)
}

.story-filters a {
    border-color: var(--logo-teal)
}

.story-filters a.active {
    background: var(--teal-dark);
    border-color: var(--teal-dark)
}

.expert-band,
.original-series {
    background: var(--teal-dark)
}

.play,
.service-icon,
.mini-icon.webinar {
    background: var(--coral)
}

.light,
.video-label span {
    color: #bcebe8
}

.service-icon.directory {
    background: var(--logo-teal);
    color: var(--teal-dark)
}

.service-icon.panel {
    background: var(--rose);
    color: var(--purple)
}

.expert-service.featured span,
.community-type,
.community-more-title span,
.community-more article span {
    color: var(--coral)
}

.community-more {
    background: var(--aqua)
}

.newmom .community-image>span {
    background: var(--coral)
}

.superkids .community-image>span {
    background: var(--teal-dark)
}

.native-ad {
    background: var(--soft-pink);
    border-color: #e9b9c6
}

.native-visual {
    background: linear-gradient(145deg, var(--rose), var(--coral))
}

.series-thumb {
    background: linear-gradient(135deg, var(--rose), var(--coral))
}

.rp1 {
    background: linear-gradient(135deg, var(--logo-teal), var(--teal-dark))
}

.rp2 {
    background: linear-gradient(135deg, var(--rose), var(--coral))
}

.rp3 {
    background: linear-gradient(135deg, #f9d28e, #e89b4e)
}

.review-links .buy-link {
    color: #a54246
}

.tester-cta {
    background: linear-gradient(110deg, var(--aqua), #fff 58%, var(--soft-pink));
    border-color: #b9dddb
}

.tester-badge {
    color: var(--teal-dark);
    border-color: #b9dddb
}

.tester-badge span {
    background: var(--teal)
}

.tester-copy>span {
    color: var(--coral)
}

.discover {
    background: var(--aqua)
}

.app-section {
    background: linear-gradient(120deg, var(--soft-pink), #fff 50%, var(--aqua))
}

.app-phone {
    border-color: var(--teal-dark);
    box-shadow: 22px 25px 0 var(--rose)
}

.app-phone>span {
    color: var(--logo-teal)
}

.app-phone>span b,
.app-heart {
    color: var(--coral)
}

.store-row a {
    background: var(--teal-dark)
}

.trust-grid article {
    background: var(--aqua)
}

.trust-grid article:nth-child(2) {
    background: var(--soft-pink)
}

.trust-grid article:nth-child(3) {
    background: var(--cream)
}

.seasonal-strip {
    background: linear-gradient(110deg, var(--coral), #c84a50)
}

.ad-label.dark {
    background: var(--teal-dark)
}

.faq summary span {
    color: var(--coral)
}

.final-cta {
    background: linear-gradient(110deg, var(--teal-dark), #17484a)
}

.final-cta p {
    color: #ddf3f2
}

footer {
    background: #173f41
}

.inverse span {
    color: var(--logo-teal)
}

.inverse b {
    color: #fff
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: 3px solid var(--yellow);
    outline-offset: 3px
}

.brand-logo {
    align-items: center;
    width: 205px;
    line-height: 1;
    display: flex
}

.brand-logo img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: auto;
    display: block
}

.footer-logo {
    width: 230px;
    margin: 0 0 18px
}

@media (width<=560px) {
    .brand-logo {
        width: 165px
    }

    .footer-logo {
        width: 205px
    }
}

.hero-visual img {
    -o-object-position: 56% 58%;
       object-position: 56% 58%
}

@media (width<=900px) {
    .hero-visual img {
        -o-object-position: 55% 60%;
           object-position: 55% 60%
    }
}

.nav-wrap {
    gap: 22px;
    max-width: 1440px
}

.nav-wrap nav {
    justify-content: space-between;
    gap: 16px
}

.nav-wrap nav a {
    white-space: nowrap;
    font-size: 11px
}

@media (width<=1080px) {
    .nav-wrap nav {
        display: none
    }
}

.stages .stage-card {
    min-height: 310px;
    padding: 0;
    display: flex;
    overflow: hidden
}

.stage-media {
    background: currentColor;
    border-bottom: 1px solid #ffffffb8;
    width: 100%;
    height: 170px;
    position: relative;
    overflow: hidden
}

@supports (color:color-mix(in lab, red, red)) {
    .stage-media {
        background: color-mix(in srgb, currentColor 4%, #fff)
    }
}

.stage-media:before {
    content: "";
    background: #fff8;
    border-radius: 52% 48% 38% 62%;
    width: 190px;
    height: 132px;
    position: absolute;
    top: 18px;
    right: -18px;
    transform: rotate(-8deg)
}

.stage-media:after {
    content: "";
    z-index: 1;
    background: #fff5;
    border-radius: 50% 50% 0 0;
    height: 76px;
    position: absolute;
    bottom: -38px;
    left: -8%;
    right: -8%
}

.stage-media img {
    z-index: 2;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
    filter: drop-shadow(0 4px 5px #173f4318);
    width: 96%;
    height: 108%;
    margin: 0 auto;
    display: block;
    position: relative
}

.stages .stage-icon {
    z-index: 3;
    border: 1px solid #fff;
    width: 39px;
    height: 39px;
    margin: 0;
    font-size: 18px;
    position: absolute;
    bottom: 14px;
    left: 17px;
    box-shadow: 0 7px 20px #245a5c24
}

.stage-card.peach .stage-media {
    background: linear-gradient(145deg, #fff6ef, #f8dfd2)
}

.stage-card.mint .stage-media {
    background: linear-gradient(145deg, #eefaf8, #ccebe7)
}

.stage-card.lavender .stage-media {
    background: linear-gradient(145deg, #faf5ff, #e9dff4)
}

.stage-card.sky .stage-media {
    background: linear-gradient(145deg, #f4fbfd, #dcecf4)
}

.stage-card.peach .stage-media img {
    width: 106%;
    transform: translateY(14px)
}

.stage-card.mint .stage-media img {
    width: 97%;
    transform: translateY(15px)
}

.stage-card.lavender .stage-media img {
    width: 105%;
    transform: translateY(18px)
}

.stage-card.sky .stage-media img {
    width: 103%;
    transform: translateY(18px)
}

.stage-body {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    width: 100%;
    padding: 18px 22px 20px;
    display: flex
}

.stages .stage-card h3 {
    margin: 0 0 8px;
    font-size: 21px;
    line-height: 1.2
}

.stages .stage-card p {
    margin: 0 0 13px;
    font-size: 12px;
    line-height: 1.5
}

.stages .stage-card a {
    margin-top: auto;
    font-size: 11px
}

@media (width<=900px) {
    .stages .stage-card {
        min-height: 310px
    }

    .stage-media {
        height: 150px
    }
}

@media (width<=560px) {
    .stages .stage-card {
        min-height: 320px
    }

    .stage-media {
        height: 165px
    }
}

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

.tools .tool-grid article {
    min-height: 165px
}

@media (width<=900px) {
    .tools .tool-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (width<=560px) {
    .tools .tool-grid {
        display: flex
    }
}

.tools .tool-grid article {
    background: linear-gradient(135deg, #fff 68%, #f8f5f1);
    border-color: #bfdad9;
    align-items: center;
    padding: 25px 25px 25px 22px;
    transition: transform .2s, box-shadow .2s;
    position: relative;
    box-shadow: 0 12px 28px #245a5c10
}

.tools .tool-grid article:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 34px #245a5c1a
}

.tools .tool-icon {
    width: 82px;
    height: 82px;
    color: var(--teal-dark);
    border: 8px solid var(--soft-pink);
    background: #fff;
    border-radius: 50%;
    flex: 0 0 82px;
    place-items: center;
    display: grid;
    position: relative;
    box-shadow: 0 3px #d5c8c8, 0 10px 24px #245a5c18
}

.tools .tool-icon:after {
    content: "";
    background: var(--coral);
    border: 3px solid #fff;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 3px;
    right: -5px
}

.tools .tool-icon svg {
    width: 48px;
    height: 48px;
    overflow: visible
}

.tools .tool-icon .icon-accent {
    fill: var(--coral);
    stroke: var(--coral);
    stroke-width: 1.2px
}

.tools .tool-grid article:nth-child(2) .tool-icon {
    border-color: var(--aqua)
}

.tools .tool-grid article:nth-child(2) .tool-icon .icon-accent {
    fill: var(--yellow);
    stroke: var(--yellow)
}

.tools .tool-grid article:nth-child(3) .tool-icon {
    border-color: #e7edf7
}

.tools .tool-grid article:nth-child(3) .tool-icon .icon-accent {
    fill: var(--logo-teal);
    stroke: var(--logo-teal)
}

.tools .tool-grid article:nth-child(4) .tool-icon {
    border-color: #f2e9f5
}

.tools .tool-grid article:nth-child(4) .tool-icon .icon-accent {
    fill: var(--rose);
    stroke: var(--rose)
}

.tools .tool-grid article:nth-child(5) .tool-icon {
    border-color: #fde8eb
}

.tools .tool-grid article:nth-child(5) .tool-icon .icon-accent {
    fill: var(--coral);
    stroke: var(--coral)
}

.tools .tool-grid article:nth-child(6) .tool-icon {
    border-color: #e4f0fa
}

.tools .tool-grid article:nth-child(6) .tool-icon .icon-accent {
    fill: var(--light-blue);
    stroke: var(--teal-dark)
}

.tools .tool-grid h3 {
    margin: 0 0 7px;
    font-size: 20px;
    line-height: 1.25
}

.tools .tool-grid p {
    margin: 0 0 12px
}

@media (width<=560px) {
    .tools .tool-icon {
        flex-basis: 72px;
        width: 72px;
        height: 72px
    }

    .tools .tool-icon svg {
        width: 42px;
        height: 42px
    }

    .tools .tool-grid article {
        align-items: flex-start
    }
}

.account-actions {
    white-space: nowrap;
    align-items: center;
    gap: 7px;
    display: flex
}

.account-actions a {
    font-family: var(--font-interface);
    border-radius: 999px;
    padding: 9px 13px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

.account-login {
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #9bd8d4
}

.account-signup {
    color: #fff;
    background: var(--pink);
    box-shadow: 0 5px 14px #e94b8725
}

.credential-strip {
    color: #fff;
    background: linear-gradient(105deg, #008e91, #40b6b8);
    border-radius: 18px;
    grid-template-columns: 1.25fr repeat(3, 1fr);
    align-items: center;
    gap: 28px;
    max-width: 1180px;
    margin: 34px auto 12px;
    padding: 26px 34px;
    display: grid;
    box-shadow: 0 14px 34px #0b777b20
}

.credential-intro span {
    letter-spacing: .15em;
    color: #cbffff;
    font-size: 9px;
    font-weight: 700
}

.credential-intro h2 {
    font-family: var(--font-editorial);
    margin: 7px 0 0;
    font-size: 27px;
    line-height: 1.2
}

.credential-strip article {
    align-items: center;
    gap: 13px;
    display: flex
}

.credential-icon {
    width: 52px;
    height: 52px;
    color: var(--pink);
    background: #fff;
    border-radius: 16px;
    flex: 0 0 52px;
    place-items: center;
    font-size: 24px;
    display: grid;
    box-shadow: 0 8px 22px #075f6320
}

.credential-strip article div:last-child {
    flex-direction: column;
    display: flex
}

.credential-strip strong {
    font-size: 20px;
    line-height: 1.1
}

.credential-strip article span {
    color: #e9ffff;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.4
}

.sticky-enquire {
    z-index: 40;
    background: var(--pink);
    color: #fff;
    text-align: left;
    cursor: pointer;
    font-family: var(--font-interface);
    border: 0;
    border-radius: 16px;
    grid-template-columns: auto auto;
    align-items: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 13px 17px;
    display: grid;
    position: fixed;
    bottom: 24px;
    right: 18px;
    box-shadow: 0 14px 34px #7f244a55
}

.sticky-enquire>span {
    width: 32px;
    height: 32px;
    color: var(--pink);
    background: #fff;
    border-radius: 50%;
    grid-row: 1/3;
    place-items: center;
    display: grid
}

.sticky-enquire b {
    font-size: 13px;
    line-height: 1.1
}

.sticky-enquire small {
    color: #ffe8f1;
    font-size: 8px
}

.enquiry-backdrop {
    z-index: 60;
    backdrop-filter: blur(4px);
    background: #0b3035a8;
    justify-content: flex-end;
    display: flex;
    position: fixed;
    inset: 0
}

.enquiry-panel {
    background: #fff;
    width: min(540px, 100%);
    height: 100%;
    padding: 54px 44px;
    animation: .24s ease-out enquiry-in;
    position: relative;
    overflow-y: auto;
    box-shadow: -20px 0 55px #0b303545
}

.enquiry-close {
    border: 1px solid var(--line);
    width: 38px;
    height: 38px;
    color: var(--ink);
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
    position: absolute;
    top: 18px;
    right: 22px
}

.enquiry-panel h2 {
    font-family: var(--font-editorial);
    margin: 10px 0;
    font-size: 34px;
    line-height: 1.15
}

.enquiry-panel>p {
    color: var(--muted);
    margin: 0 0 25px;
    font-size: 13px;
    line-height: 1.65
}

.enquiry-panel form {
    flex-direction: column;
    gap: 16px;
    display: flex
}

.form-row {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    display: grid
}

.enquiry-panel label {
    color: #31575e;
    flex-direction: column;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    display: flex
}

.enquiry-panel input,
.enquiry-panel select,
.enquiry-panel textarea {
    width: 100%;
    color: var(--ink);
    font: inherit;
    background: #fbfdfd;
    border: 1px solid #cfe3e1;
    border-radius: 10px;
    outline: none;
    padding: 12px 13px;
    font-size: 12px
}

.enquiry-panel input:focus,
.enquiry-panel select:focus,
.enquiry-panel textarea:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px #00a7a518
}

.enquiry-panel textarea {
    resize: vertical
}

.form-consent {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    line-height: 1.5;
    gap: 9px !important;
    font-weight: 400 !important;
    display: grid !important
}

.form-consent input {
    width: 16px;
    height: 16px;
    margin: 1px 0 0
}

.enquiry-submit {
    cursor: pointer;
    border: 0;
    width: 100%;
    margin-top: 2px
}

.enquiry-panel form>small {
    color: #7a8d90;
    text-align: center;
    font-size: 9px;
    line-height: 1.5
}

.footer-enquire {
    color: #b8d2d3;
    text-align: left;
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 11px
}

@keyframes enquiry-in {
    0% {
        opacity: .4;
        transform: translate(35px)
    }

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

@media (width<=1100px) {
    .account-actions {
        margin-left: auto
    }

    .account-actions a {
        padding: 8px 11px
    }

    .credential-strip {
        grid-template-columns: 1fr 1fr;
        margin-left: 18px;
        margin-right: 18px
    }

    .credential-intro {
        grid-column: 1/3
    }

    .nav-wrap {
        gap: 18px
    }
}

@media (width<=700px) {
    .account-actions {
        gap: 5px
    }

    .account-actions a {
        padding: 7px 9px;
        font-size: 10px
    }

    .search {
        display: none
    }

    .credential-strip {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 24px
    }

    .credential-intro {
        grid-column: auto
    }

    .credential-strip article {
        border-top: 1px solid #ffffff35;
        padding-top: 18px
    }

    .credential-intro h2 {
        font-size: 25px
    }

    .sticky-enquire {
        border-radius: 999px;
        padding: 11px;
        bottom: 12px;
        right: 12px
    }

    .sticky-enquire>span {
        grid-row: auto;
        width: 31px;
        height: 31px
    }

    .sticky-enquire b,
    .sticky-enquire small {
        display: none
    }

    .enquiry-panel {
        padding: 50px 22px
    }

    .form-row {
        grid-template-columns: 1fr
    }
}

.premium-ad.morimama-ad {
    background: linear-gradient(118deg, #fff8f1 0%, #fff 47%, #fff0f5 100%);
    border: 1px solid #f4dfd0;
    grid-template-columns: 1.08fr .92fr;
    min-height: 420px;
    box-shadow: 0 20px 55px #8f5c2b18
}

.morimama-copy {
    padding: 76px 48px 42px
}

.morimama-copy>span {
    color: #d27611
}

.morimama-copy h2 {
    color: #173f48;
    margin-top: 12px;
    font-size: 41px
}

.morimama-copy p {
    max-width: 590px;
    font-size: 14px
}

.tester-steps {
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin: 21px 0;
    display: flex
}

.tester-steps span {
    color: #7c5a35;
    background: #fff;
    border: 1px solid #f1d8bd;
    border-radius: 999px;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    font-size: 10px;
    font-weight: 700;
    display: flex
}

.tester-steps b {
    color: #fff;
    background: #f5a311;
    border-radius: 50%;
    place-items: center;
    width: 21px;
    height: 21px;
    font-size: 10px;
    display: grid
}

.morimama-copy .btn {
    color: #fff;
    margin-top: 0
}

.morimama-copy small {
    color: #826f62;
    max-width: 570px;
    margin-top: 13px;
    font-size: 9px;
    line-height: 1.5;
    display: block
}

.morimama-art {
    background: #f5a311;
    min-height: 420px;
    display: block;
    position: relative;
    overflow: hidden
}

.morimama-art img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0
}

.morimama-art:after {
    content: "";
    background: linear-gradient(#0000, #8b420b45);
    position: absolute;
    inset: 55% 0 0
}

.morimama-art>span {
    z-index: 2;
    color: #d27611;
    letter-spacing: .12em;
    background: #fff;
    border-radius: 999px;
    padding: 9px 13px;
    font-size: 9px;
    font-weight: 800;
    position: absolute;
    bottom: 18px;
    right: 20px;
    box-shadow: 0 8px 24px #7d3c152b
}

.review-grid article {
    border-radius: 22px;
    padding: 14px;
    box-shadow: 0 12px 32px #173f480d
}

.review-product {
    aspect-ratio: 1;
    background: #fff;
    border-radius: 17px;
    height: auto
}

.review-product img {
    -o-object-fit: cover;
       object-fit: cover
}

.review-product b {
    color: #765108;
    font-size: 10px;
    bottom: 12px;
    right: 12px
}

.verified-chip {
    z-index: 2;
    color: var(--teal-dark);
    background: #fff;
    border-radius: 999px;
    padding: 7px 10px;
    font-weight: 800;
    position: absolute;
    top: 12px;
    left: 12px;
    box-shadow: 0 6px 18px #173f4820;
    letter-spacing: .08em !important;
    margin: 0 !important;
    font-size: 8px !important
}

.review-grid article>span {
    margin: 17px 3px 0
}

.review-product-name {
    font-family: var(--font-interface);
    margin: 8px 3px 4px;
    line-height: 1.4;
    color: var(--ink) !important;
    min-height: 42px !important;
    font-size: 15px !important;
    font-weight: 700 !important
}

.review-grid h3 {
    color: #49666b;
    margin: 6px 3px 18px;
    font-size: 17px;
    line-height: 1.45
}

.review-links {
    padding: 14px 3px 3px
}

@media (width<=900px) {
    .premium-ad.morimama-ad {
        grid-template-columns: 1fr
    }

    .morimama-art {
        min-height: 430px
    }

    .review-product {
        aspect-ratio: 1
    }
}

@media (width<=560px) {
    .morimama-copy {
        padding: 72px 24px 34px
    }

    .morimama-copy h2 {
        font-size: 34px
    }

    .morimama-art {
        min-height: 330px
    }

    .review-product {
        aspect-ratio: 1;
        height: auto
    }

    .verified-chip {
        font-size: 7px !important
    }
}

.app-phone-logo {
    -o-object-fit: contain;
       object-fit: contain;
    width: 145px;
    height: 145px;
    margin: 24px auto 12px;
    display: block
}

.app-screen-label {
    flex-direction: column;
    align-items: center;
    gap: 5px;
    display: flex
}

.app-screen-label span {
    font-family: var(--font-interface);
    color: var(--teal-dark);
    font-size: 13px;
    font-weight: 700
}

.app-screen-label small {
    color: var(--muted);
    font-size: 10px
}

.contest-campaign,
.tester-campaign {
    border-color: #eadfda
}

.contest-campaign .portrait-art {
    background: linear-gradient(145deg, #fff6f4 0%, #f3f0ff 55%, #e6f7f6 100%)
}

.tester-campaign .portrait-art {
    background: linear-gradient(145deg, #fffdf7 0%, #fff1d7 55%, #f6e4c4 100%)
}

.portrait-art {
    justify-content: center;
    align-items: center;
    height: 365px;
    padding: 17px 22px;
    display: flex
}

.portrait-art:after {
    background: linear-gradient(#0000, #173f484f);
    inset: 62% 0 0
}

.portrait-art .campaign-glow {
    filter: blur(2px);
    background: #fff9;
    border-radius: 50%;
    width: 310px;
    height: 310px;
    position: absolute;
    box-shadow: 0 15px 50px #355e6420
}

.portrait-art img {
    z-index: 1;
    -o-object-fit: contain;
       object-fit: contain;
    background: 0 0;
    border-radius: 13px;
    width: auto;
    max-width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 0 15px 35px #3b4a502a
}

.campaign-status {
    z-index: 3;
    color: var(--teal-dark);
    font-family: var(--font-interface);
    letter-spacing: .09em;
    background: #fff;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 8px;
    position: absolute;
    top: 14px;
    right: 15px;
    box-shadow: 0 7px 20px #173f4822
}

.portrait-art>span {
    padding: 8px 11px;
    bottom: 14px;
    left: 15px;
    box-shadow: 0 8px 20px #173f4822
}

.contest-campaign .partner-campaign-copy {
    background: linear-gradient(#fff, #fffafb)
}

.tester-campaign .partner-campaign-copy {
    background: linear-gradient(#fff, #fffdf8)
}

.partner-campaign-copy h3 {
    min-height: 56px
}

.partner-campaign-copy .campaign-button {
    background: var(--teal-dark);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    padding: 11px 14px;
    transition: transform .2s, background .2s
}

.partner-campaign-copy .campaign-button:hover {
    background: #006c6b;
    transform: translateY(-1px)
}

.tester-campaign .partner-campaign-copy .campaign-button {
    background: #e99d00
}

.tester-campaign .partner-campaign-copy .campaign-button:hover {
    background: #cf8900
}

.partner-campaign-copy small {
    min-height: 24px
}

@media (width<=900px) {
    .portrait-art {
        height: 390px
    }
}

@media (width<=560px) {
    .portrait-art {
        height: 400px;
        padding: 18px 28px
    }

    .partner-campaign-copy h3 {
        min-height: 0
    }
}

.resource-library {
    background: #fffaf7;
    max-width: 100%;
    padding-left: max(24px, 50vw - 590px);
    padding-right: 0;
    overflow: hidden
}

.resource-library .section-heading {
    max-width: 1180px;
    padding-right: 24px
}

.guide-intro {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.65;
    max-width: 720px !important;
    margin: 12px 0 0 !important
}

.resource-count {
    border-left: 1px solid var(--line);
    align-items: center;
    gap: 10px;
    padding-left: 24px;
    display: flex
}

.resource-count strong {
    font-family: var(--font-editorial);
    color: var(--pink);
    font-size: 40px;
    line-height: 1
}

.resource-count span {
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 10px;
    line-height: 1.35
}

.resource-chips {
    gap: 9px;
    padding: 0 24px 18px 0;
    display: flex;
    overflow-x: auto
}

.resource-chips span {
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #b8deda;
    border-radius: 999px;
    flex: none;
    padding: 8px 12px;
    font-size: 9px;
    font-weight: 700
}

.guides .resource-track {
    scroll-snap-type: x mandatory;
    scrollbar-color: #81c9c4 #eaf5f4;
    gap: 18px;
    padding: 2px max(24px, 50vw - 590px) 22px 0;
    display: flex;
    overflow-x: auto
}

.resource-track::-webkit-scrollbar {
    height: 7px
}

.resource-track::-webkit-scrollbar-track {
    background: #eaf5f4;
    border-radius: 8px
}

.resource-track::-webkit-scrollbar-thumb {
    background: #81c9c4;
    border-radius: 8px
}

.resource-card {
    scroll-snap-align: start;
    border-radius: 20px;
    flex-direction: column;
    flex: 0 0 270px;
    display: flex;
    box-shadow: 0 12px 30px #173f480b
}

.guide-preview {
    background: linear-gradient(145deg, #f7f3ee, #edf8f6);
    height: 285px;
    padding: 15px;
    display: block;
    position: relative;
    overflow: hidden
}

.guide-preview img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff;
    border-radius: 7px;
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: 0 8px 22px #173f4820
}

.pdf-badge {
    background: var(--pink);
    border-radius: 6px;
    padding: 6px 8px;
    bottom: 22px;
    right: 23px;
    box-shadow: 0 5px 14px #7f244a35;
    color: #fff !important;
    letter-spacing: .09em !important;
    font-size: 8px !important;
    position: absolute !important
}

.resource-card>div:last-child {
    flex-direction: column;
    flex: 1;
    padding: 20px;
    display: flex
}

.resource-card h3 {
    min-height: 52px;
    margin: 10px 0 8px;
    font-size: 20px
}

.resource-card p {
    color: var(--muted);
    margin: 0 0 16px;
    font-size: 10px;
    line-height: 1.55
}

.resource-card a:last-child {
    margin-top: auto
}

.sponsored-resource {
    background: #fff7fa;
    border-color: #efb8cb
}

.sponsored-resource .native-visual {
    height: 285px !important
}

.sponsored-resource h3 {
    min-height: auto
}

.resource-note {
    color: #7a8d90;
    max-width: 1050px;
    margin: 18px 24px 0 0;
    font-size: 9px;
    line-height: 1.6
}

.resource-track .native-visual+div {
    padding: 20px
}

@media (width<=700px) {
    .resource-library {
        padding-left: 18px
    }

    .resource-library .section-heading {
        padding-right: 18px
    }

    .resource-count {
        border-left: 0;
        padding-left: 0
    }

    .resource-chips,
    .guides .resource-track {
        padding-right: 18px
    }

    .resource-card {
        flex-basis: 82vw;
        max-width: 315px
    }

    .resource-note {
        margin-right: 18px
    }

    .guide-preview {
        height: 330px
    }
}

.resource-categories {
    gap: 9px;
    padding: 0 24px 12px 0;
    display: flex;
    overflow-x: auto
}

.resource-categories button {
    font-family: var(--font-interface);
    color: var(--teal-dark);
    cursor: pointer;
    background: #fff;
    border: 1px solid #bddfdd;
    border-radius: 999px;
    flex: none;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 700;
    display: flex
}

.resource-categories button:hover {
    border-color: var(--teal-dark)
}

.resource-categories button:focus-visible {
    outline-offset: 2px;
    outline: 3px solid #f7b0c4
}

.resource-categories button.active {
    background: var(--teal-dark);
    color: #fff;
    border-color: var(--teal-dark)
}

.resource-categories b {
    min-width: 20px;
    height: 20px;
    color: var(--teal-dark);
    background: #edf8f7;
    border-radius: 999px;
    place-items: center;
    padding: 0 5px;
    font-size: 8px;
    display: grid
}

.resource-filter-status {
    color: #72888b;
    letter-spacing: .05em;
    margin: 0 24px 13px 0;
    font-size: 9px;
    font-weight: 700
}

.guide-cover {
    height: 215px;
    color: var(--ink);
    isolation: isolate;
    background: #f9e6ec;
    padding: 19px;
    display: block;
    position: relative;
    overflow: hidden
}

.guide-cover:before,
.guide-cover:after {
    content: "";
    z-index: -1;
    border-radius: 50%;
    position: absolute
}

.guide-cover:before {
    background: #fff8;
    width: 150px;
    height: 150px;
    top: -45px;
    right: -38px
}

.guide-cover:after {
    background: #fff7;
    width: 120px;
    height: 120px;
    bottom: -58px;
    left: -45px
}

.guide-cover.teal {
    background: #dff3f1
}

.guide-cover.peach {
    background: #fbe7d8
}

.guide-cover.lilac {
    background: #ece5f6
}

.guide-cover.blue {
    background: #dfeef7
}

.guide-cover.yellow {
    background: #f8edca
}

.cover-category {
    text-transform: uppercase;
    left: 19px;
    color: inherit !important;
    letter-spacing: .13em !important;
    font-size: 9px !important;
    position: absolute !important;
    top: 18px !important
}

.cover-icon {
    background: #fff;
    border-radius: 50%;
    place-items: center;
    width: 72px;
    height: 72px;
    right: 20px;
    box-shadow: 0 10px 24px #173f4816;
    color: var(--pink) !important;
    font-size: 31px !important;
    display: grid !important;
    position: absolute !important;
    top: 44px !important
}

.guide-cover.teal .cover-icon,
.guide-cover.blue .cover-icon {
    color: var(--teal-dark) !important
}

.guide-cover b {
    font-family: var(--font-editorial);
    font-size: 23px;
    line-height: 1.08;
    position: absolute;
    bottom: 24px;
    left: 19px
}

.guide-cover em {
    letter-spacing: .1em;
    background: #fff;
    border-radius: 5px;
    padding: 5px 7px;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    position: absolute;
    bottom: 17px;
    right: 17px
}

.cover-lines {
    gap: 7px;
    left: 19px;
    display: grid !important;
    position: absolute !important;
    top: 58px !important
}

.cover-lines i {
    background: #fff9;
    border-radius: 4px;
    width: 70px;
    height: 3px;
    display: block
}

.cover-lines i:nth-child(2) {
    width: 50px
}

.cover-lines i:nth-child(3) {
    width: 60px
}

.resource-card {
    flex-basis: 250px
}

.resource-card h3 {
    min-height: 48px
}

.resource-next {
    border: 1px solid var(--line);
    background: linear-gradient(120deg, #fff, #f2faf9);
    border-radius: 20px;
    grid-template-columns: .75fr 1.25fr;
    align-items: center;
    gap: 35px;
    max-width: 1156px;
    margin: 26px 24px 0 0;
    padding: 25px 28px;
    display: grid
}

.resource-next h3 {
    font-family: var(--font-editorial);
    margin: 8px 0;
    font-size: 25px
}

.resource-next p {
    color: var(--muted);
    max-width: 350px;
    font-size: 10px;
    line-height: 1.55
}

.resource-next ul {
    grid-template-columns: 1fr 1fr;
    gap: 9px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.resource-next li {
    color: var(--ink);
    align-items: center;
    gap: 9px;
    font-size: 10px;
    font-weight: 700;
    display: flex
}

.resource-next li span {
    width: 27px;
    height: 27px;
    color: var(--pink);
    background: #f8dce6;
    border-radius: 50%;
    flex: none;
    place-items: center;
    font-size: 8px;
    display: grid
}

@media (width<=700px) {
    .resource-categories {
        padding-right: 18px
    }

    .guide-cover {
        height: 230px
    }

    .resource-next {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-right: 18px;
        padding: 23px
    }

    .resource-next ul {
        grid-template-columns: 1fr
    }

    .resource-card {
        flex-basis: 78vw
    }
}

.resource-library .guide-cover {
    place-items: center;
    height: 170px;
    padding: 18px;
    display: grid
}

.resource-library .guide-cover .cover-category,
.resource-library .guide-cover .cover-lines,
.resource-library .guide-cover>b {
    display: none !important
}

.resource-library .guide-cover .cover-icon {
    border: 7px solid #ffffff80;
    width: 88px;
    height: 88px;
    box-shadow: 0 13px 30px #173f4816;
    font-size: 36px !important;
    position: relative !important;
    inset: auto !important
}

.resource-library .guide-cover em {
    color: var(--teal-dark);
    border-radius: 999px;
    padding: 5px 8px;
    bottom: 13px;
    right: 14px;
    box-shadow: 0 5px 14px #173f4810
}

.resource-library .guide-cover:before {
    background: #fff7;
    width: 138px;
    height: 138px;
    top: -62px;
    right: -46px
}

.resource-library .guide-cover:after {
    background: #fff6;
    width: 150px;
    height: 150px;
    bottom: -80px;
    left: -55px
}

.resource-library .resource-card>div:last-child>span {
    color: #d94d79;
    letter-spacing: .11em;
    background: #fff1f5;
    border-radius: 999px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    min-height: 24px;
    padding: 5px 8px;
    font-size: 8px;
    display: inline-flex
}

@media (width<=700px) {
    .resource-library .guide-cover {
        height: 185px
    }
}

.resource-library .guide-cover {
    --guide-accent: #df4c7f;
    border-bottom: 1px solid #dce7e5;
    height: 176px;
    display: block;
    box-shadow: inset 0 0 0 10px #ffffff80;
    background-color: #fffdfa !important;
    background-image: linear-gradient(#edf2f1 1px, #0000 1px) !important;
    background-size: 100% 28px !important
}

.resource-library .guide-cover.teal {
    --guide-accent: #159a97
}

.resource-library .guide-cover.blue {
    --guide-accent: #4d91a8
}

.resource-library .guide-cover.lilac {
    --guide-accent: #8c72ad
}

.resource-library .guide-cover.peach {
    --guide-accent: #de8968
}

.resource-library .guide-cover.yellow {
    --guide-accent: #c3952e
}

.resource-library .guide-cover:before {
    content: "";
    z-index: 1;
    background: var(--guide-accent);
    border-radius: 0;
    width: auto;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block !important
}

.resource-library .guide-cover:after {
    content: "";
    z-index: 2;
    width: 30px;
    height: 30px;
    box-shadow: none;
    background: linear-gradient(225deg, #fffaf7 49%, #d8e4e2 50%, #eef3f2 53%);
    border-radius: 0;
    position: absolute;
    inset: 0 0 auto auto;
    display: block !important
}

.resource-library .guide-cover .cover-icon {
    z-index: 3;
    border: 1px solid var(--guide-accent);
    width: 52px;
    height: 52px;
    position: absolute !important;
    top: 28px !important;
    left: 22px !important;
    right: auto !important
}

@supports (color:color-mix(in lab, red, red)) {
    .resource-library .guide-cover .cover-icon {
        border: 1px solid color-mix(in srgb, var(--guide-accent) 25%, #fff)
    }
}

.resource-library .guide-cover .cover-icon {
    background: var(--guide-accent);
    border-radius: 12px
}

@supports (color:color-mix(in lab, red, red)) {
    .resource-library .guide-cover .cover-icon {
        background: color-mix(in srgb, var(--guide-accent) 11%, #fff)
    }
}

.resource-library .guide-cover .cover-icon {
    box-shadow: none;
    color: var(--guide-accent) !important;
    font-size: 23px !important
}

.resource-library .guide-cover .cover-lines {
    gap: 12px;
    right: 22px;
    display: grid !important;
    position: absolute !important;
    top: 98px !important;
    left: 22px !important
}

.resource-library .guide-cover .cover-lines i {
    background: linear-gradient(90deg, var(--guide-accent) 0 10px, transparent 10px 19px, #d5dfdd 19px 100%);
    border-radius: 0;
    height: 6px;
    width: 100% !important
}

.resource-library .guide-cover .cover-lines i:nth-child(2) {
    width: 82% !important
}

.resource-library .guide-cover .cover-lines i:nth-child(3) {
    width: 64% !important
}

.resource-library .guide-cover em {
    z-index: 4;
    color: #506f73;
    box-shadow: none;
    background: #fff;
    border: 1px solid #d7e4e2;
    bottom: 13px;
    right: 14px
}

@media (width<=700px) {
    .resource-library .guide-cover {
        height: 190px
    }

    .resource-library .guide-cover .cover-lines {
        top: 104px !important
    }
}

main {
    flex-direction: column;
    display: flex
}

.resource-library {
    order: 90;
    padding-top: 58px;
    padding-bottom: 58px
}

.faq {
    order: 100
}

.about-bilingual {
    order: 110
}

.final-cta {
    order: 120
}

.site-footer {
    order: 130
}

.sticky-enquire {
    order: 140
}

.resource-library .section-heading {
    margin-bottom: 22px
}

.resource-library .section-heading h2 {
    font-size: 32px
}

.resource-library .guide-intro {
    max-width: 620px !important
}

.resource-library .resource-card {
    border-radius: 16px;
    flex: 0 0 190px;
    box-shadow: 0 8px 22px #173f4809
}

.resource-library .guide-cover {
    height: 92px;
    box-shadow: none;
    background-size: 100% 24px !important
}

.resource-library .guide-cover .cover-icon {
    width: 48px;
    height: 48px;
    font-size: 21px !important;
    top: 21px !important;
    left: 16px !important
}

.resource-library .guide-cover .cover-lines {
    display: none !important
}

.resource-library .guide-cover em {
    bottom: 10px;
    right: 11px;
    font-size: 7px !important
}

.resource-library .resource-card>div:last-child {
    padding: 14px 15px 15px
}

.resource-library .resource-card>div:last-child>span {
    display: none
}

.resource-library .resource-card h3 {
    min-height: 43px;
    margin: 0 0 9px;
    font-size: 17px;
    line-height: 1.25
}

.resource-library .resource-card p {
    display: none
}

.resource-library .resource-card a:last-child {
    font-size: 9px
}

.resource-library .resource-next {
    display: none !important
}

.resource-library .resource-note {
    margin-top: 12px
}

@media (width<=700px) {
    .resource-library {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .resource-library .resource-card {
        flex-basis: 176px
    }

    .resource-library .guide-cover {
        height: 88px
    }

    .resource-library .section-heading h2 {
        font-size: 29px
    }
}

.featured-brand-visual {
    height: 86px
}

.newmom-gift-visual {
    height: 92px
}

.programme-brand-thumb {
    width: 52px;
    min-height: 64px
}

.branded-programme-card {
    grid-template-columns: 52px 1fr;
    padding: 9px !important
}

.baby-feature-image {
    height: 82px
}

.baby-feature-copy {
    padding: 12px 14px
}

.children-feature-art {
    height: 72px
}

.children-feature-card>div:last-child {
    padding: 12px 14px
}

.children-feature-art span {
    width: 44px;
    height: 44px;
    font-size: 14px
}

.family-feature-card {
    grid-template-columns: 34px 1fr;
    padding: 11px !important
}

.family-feature-icon {
    width: 34px;
    height: 34px;
    font-size: 19px
}

.parent-highlights {
    background: linear-gradient(120deg, #e8f7f5, #fff6f1);
    border: 1px solid #cfe7e4;
    border-radius: 24px;
    grid-template-columns: .82fr 1.18fr;
    align-items: center;
    gap: 28px;
    max-width: 1180px;
    margin: 0 auto 80px;
    padding: 28px;
    display: grid
}

.parent-highlights-copy {
    padding: 12px 8px
}

.parent-highlights-copy>span {
    color: var(--pink);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 800
}

.parent-highlights-copy h2 {
    font-family: var(--font-editorial);
    margin: 9px 0 12px;
    font-size: 31px;
    line-height: 1.12
}

.parent-highlights-copy p {
    color: var(--muted);
    max-width: 430px;
    font-size: 11px;
    line-height: 1.65
}

.parent-highlights-copy a {
    color: var(--teal-dark);
    margin-top: 8px;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    display: inline-block
}

.parent-highlight-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    display: grid
}

.parent-highlight-cards a {
    color: #fff;
    background: #173f48;
    border-radius: 16px;
    height: 215px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px #173f4815
}

.parent-highlight-cards img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.parent-highlight-cards a:after {
    content: "";
    background: linear-gradient(#0000, #102f34dc);
    position: absolute;
    inset: 35% 0 0
}

.parent-highlight-cards span,
.parent-highlight-cards b {
    z-index: 2;
    position: absolute;
    left: 13px;
    right: 10px
}

.parent-highlight-cards span {
    letter-spacing: .12em;
    color: #b8eeea;
    font-size: 7px;
    font-weight: 800;
    bottom: 42px
}

.parent-highlight-cards b {
    font-family: var(--font-editorial);
    font-size: 14px;
    line-height: 1.15;
    bottom: 14px
}

.parent-highlight-cards a:first-child img {
    -o-object-position: center 63%;
       object-position: center 63%
}

.parent-highlight-cards a:nth-child(2) img {
    -o-object-position: center 68%;
       object-position: center 68%
}

.parent-highlight-cards a:nth-child(3) img {
    -o-object-position: center 70%;
       object-position: center 70%
}

@media (width<=900px) {
    .parent-highlights {
        grid-template-columns: 1fr;
        margin: 0 18px 65px
    }

    .parent-highlight-cards a {
        height: 230px
    }
}

@media (width<=620px) {
    .parent-highlights {
        padding: 21px
    }

    .parent-highlight-cards {
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: auto
    }

    .parent-highlight-cards a {
        scroll-snap-align: start;
        flex: 0 0 78%
    }
}

.expert-faq-intro {
    max-width: 760px;
    color: var(--muted);
    margin: -10px 0 28px;
    font-size: 12px;
    line-height: 1.65
}

.expert-faq-grid {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 48px;
         column-gap: 48px
}

.expert-faq-grid details {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    width: 100%;
    display: inline-block
}

.expert-faq-grid details[open] summary span {
    transform: rotate(45deg)
}

.expert-faq-grid summary {
    gap: 16px
}

.expert-faq-grid summary span {
    color: var(--pink);
    font-family: var(--font-interface);
    transition: transform .2s
}

.expert-faq-grid details p {
    padding-right: 22px
}

.expert-faq-grid details:last-child {
    border-bottom: 1px solid #ecd9df
}

@media (width<=760px) {
    .expert-faq-grid {
        -moz-columns: 1;
             columns: 1
    }

    .expert-faq-intro {
        margin-bottom: 20px
    }
}

.mct-site {
    --mct-yellow: #fcb913;
    --mct-brown: #ac8445;
    --mct-black: #17130d;
    --mct-cream: #fffaf0;
    --mct-line: #eadfc9;
    color: var(--mct-black);
    font-family: var(--font-interface);
    background: #fff
}

.mct-site h1,
.mct-site h2,
.mct-site h3 {
    font-family: var(--font-interface);
    letter-spacing: -.025em
}

.mct-parent-bar {
    color: #fff;
    background: #17130d;
    justify-content: space-between;
    align-items: center;
    min-height: 34px;
    padding: 6px max(4vw, 28px);
    font-size: 9px;
    display: flex
}

.mct-parent-bar a {
    color: #fff;
    text-decoration: none
}

.mct-parent-bar>div {
    align-items: center;
    gap: 13px;
    display: flex
}

.mct-parent-bar .mct-signup {
    background: var(--mct-yellow);
    color: #17130d;
    border-radius: 15px;
    padding: 6px 10px;
    font-weight: 800
}

.mct-header {
    border-bottom: 1px solid var(--mct-line);
    z-index: 30;
    background: #fff;
    align-items: center;
    gap: 35px;
    height: 84px;
    padding: 0 max(4vw, 28px);
    display: flex;
    position: sticky;
    top: 0
}

.mct-brand {
    width: 270px
}

.mct-brand img {
    width: 100%;
    height: auto;
    display: block
}

.mct-header nav {
    gap: 26px;
    margin-left: auto;
    display: flex
}

.mct-header nav a {
    color: #554631;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

.mct-header-cta {
    background: var(--mct-yellow);
    color: #17130d;
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.mct-campaign-hero,
.mct-info-hero {
    background: linear-gradient(125deg, #fff8e7, #fff 58%, #fff3ca);
    grid-template-columns: 1.08fr .92fr;
    align-items: center;
    gap: 55px;
    min-height: 520px;
    padding: 70px max(6vw, 45px);
    display: grid
}

.mct-campaign-hero>div>span,
.mct-info-hero>div>span,
.mct-reviews-hero>div>span,
.mct-heading>div>span,
.mct-wide-cta span,
.mct-answer>span,
.mct-process .mct-heading span,
.mct-two-column>div>span,
.mct-after-apply>div>span,
.mct-safety>div>span,
.mct-faq>div>span,
.mct-register>div>span {
    color: var(--mct-brown);
    letter-spacing: .16em;
    font-size: 9px;
    font-weight: 900
}

.mct-campaign-hero h1,
.mct-info-hero h1,
.mct-reviews-hero h1 {
    max-width: 720px;
    margin: 13px 0 18px;
    font-size: 51px;
    line-height: 1.02
}

.mct-campaign-hero p,
.mct-info-hero p,
.mct-reviews-hero>div>p {
    color: #6d604e;
    max-width: 670px;
    font-size: 14px;
    line-height: 1.7
}

.mct-campaign-hero>div>div,
.mct-info-hero>div>div {
    gap: 10px;
    margin: 25px 0 14px;
    display: flex
}

.mct-btn {
    border-radius: 8px;
    padding: 13px 18px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.mct-btn.dark {
    color: #fff;
    background: #17130d
}

.mct-btn.light {
    color: #17130d;
    border: 1px solid var(--mct-brown);
    background: #fff
}

.mct-campaign-hero small,
.mct-info-hero small {
    color: #7f725e;
    font-size: 8px
}

.mct-campaign-hero>img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff;
    border-radius: 24px;
    width: 100%;
    height: 380px;
    box-shadow: 0 24px 55px #71542325
}

.mct-trust-row {
    color: #fff;
    background: #17130d;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 max(6vw, 45px);
    display: grid
}

.mct-trust-row>div {
    border-right: 1px solid #ffffff25;
    align-items: center;
    gap: 12px;
    padding: 22px 20px;
    display: flex
}

.mct-trust-row b {
    color: var(--mct-yellow);
    font-size: 17px
}

.mct-trust-row span {
    color: #e8dfd1;
    font-size: 9px;
    line-height: 1.4
}

.mct-section {
    max-width: 1240px;
    margin: auto;
    padding: 75px 30px
}

.mct-heading {
    justify-content: space-between;
    align-items: end;
    gap: 45px;
    margin-bottom: 25px;
    display: flex
}

.mct-heading h2,
.mct-wide-cta h2,
.mct-answer h2,
.mct-two-column h2,
.mct-after-apply h2,
.mct-safety h2,
.mct-faq h2,
.mct-register h2 {
    margin: 8px 0;
    font-size: 34px;
    line-height: 1.1
}

.mct-heading>p {
    color: #756853;
    max-width: 430px;
    font-size: 11px;
    line-height: 1.6
}

.mct-status-tabs {
    border-bottom: 1px solid var(--mct-line);
    gap: 25px;
    margin-bottom: 18px;
    display: flex
}

.mct-status-tabs button {
    color: #756853;
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    border-bottom: 3px solid #0000;
    padding: 12px 2px;
    font-size: 11px;
    font-weight: 800
}

.mct-status-tabs button.active {
    color: #17130d;
    border-color: var(--mct-yellow)
}

.mct-status-tabs b {
    background: #f5ead3;
    border-radius: 50%;
    place-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: 6px;
    font-size: 8px;
    display: inline-grid
}

.mct-category-scroll {
    gap: 8px;
    padding: 3px 0 10px;
    display: flex;
    overflow-x: auto
}

.mct-category-scroll button {
    color: #65543b;
    font: inherit;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcc9a7;
    border-radius: 20px;
    flex: none;
    padding: 8px 11px;
    font-size: 9px;
    font-weight: 700
}

.mct-category-scroll button.active {
    background: var(--mct-brown);
    border-color: var(--mct-brown);
    color: #fff
}

.mct-result-count {
    color: #897a63;
    margin: 8px 0 17px;
    font-size: 9px
}

.mct-campaign-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.mct-campaign-grid article,
.mct-product-grid article {
    border: 1px solid var(--mct-line);
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px #6e52230a
}

.mct-campaign-image {
    background: #fffaf0;
    height: 250px;
    display: block;
    position: relative
}

.mct-campaign-image img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%
}

.mct-status {
    color: #fff;
    background: #17130d;
    border-radius: 20px;
    padding: 6px 9px;
    font-size: 8px;
    font-weight: 900;
    position: absolute;
    top: 13px;
    left: 13px
}

.mct-status.ongoing {
    background: var(--mct-yellow);
    color: #17130d
}

.mct-status.joined {
    background: var(--mct-brown)
}

.mct-campaign-grid article>div {
    padding: 20px
}

.mct-campaign-grid article>div>span,
.mct-product-grid article>div>span {
    letter-spacing: .13em;
    color: var(--mct-brown);
    font-size: 8px;
    font-weight: 900
}

.mct-campaign-grid h3,
.mct-product-grid h3 {
    margin: 8px 0;
    font-size: 20px;
    line-height: 1.2
}

.mct-campaign-grid article>div>p {
    color: #7b6b53;
    font-size: 10px
}

.mct-card-meta {
    border-top: 1px solid #eee4d1;
    border-bottom: 1px solid #eee4d1;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0;
    padding: 12px 0;
    display: flex
}

.mct-card-meta span {
    color: #78684f;
    font-size: 8px
}

.mct-campaign-grid article>div>a,
.mct-product-grid article>div>a {
    color: #8c672f;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-empty {
    text-align: center;
    background: #fffaf0;
    border: 1px dashed #d8c29d;
    border-radius: 18px;
    padding: 55px
}

.mct-empty b {
    font-size: 18px
}

.mct-empty p {
    color: #76684f;
    font-size: 10px
}

.mct-empty button {
    background: var(--mct-yellow);
    cursor: pointer;
    border: 0;
    border-radius: 7px;
    padding: 9px 13px;
    font-weight: 800
}

.mct-wide-cta {
    background: var(--mct-yellow);
    border-radius: 22px;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
    max-width: 1180px;
    margin: 0 auto 75px;
    padding: 38px 42px;
    display: flex
}

.mct-wide-cta h2 {
    margin-bottom: 7px
}

.mct-wide-cta p {
    margin: 0;
    font-size: 10px
}

.mct-wide-cta>a {
    color: #fff;
    white-space: nowrap;
    background: #17130d;
    border-radius: 8px;
    padding: 13px 17px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.mct-footer {
    color: #fff;
    background: #17130d;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: 35px;
    padding: 50px max(6vw, 35px) 30px;
    display: grid
}

.mct-footer>div:first-child img {
    filter: brightness(1.35);
    width: 270px
}

.mct-footer p {
    color: #c9bda9;
    max-width: 390px;
    font-size: 10px;
    line-height: 1.65
}

.mct-footer nav {
    flex-direction: column;
    gap: 9px;
    display: flex
}

.mct-footer nav b {
    color: var(--mct-yellow);
    margin-bottom: 5px;
    font-size: 11px
}

.mct-footer nav a {
    color: #d8cbb7;
    font-size: 9px;
    text-decoration: none
}

.mct-footer-note {
    color: #968a78;
    border-top: 1px solid #ffffff20;
    grid-column: 1/5;
    padding-top: 22px;
    font-size: 8px;
    line-height: 1.6
}

.mct-reviews-hero {
    background: #fffaf0;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 55px;
    padding: 70px max(6vw, 45px);
    display: grid
}

.mct-reviews-hero aside {
    background: #fff;
    border: 1px solid #dbc69f;
    border-radius: 20px;
    padding: 32px
}

.mct-reviews-hero aside>span {
    color: var(--mct-brown);
    letter-spacing: .13em;
    font-size: 8px;
    font-weight: 900
}

.mct-reviews-hero aside h2 {
    margin: 8px 0;
    font-size: 25px
}

.mct-reviews-hero aside p {
    color: #74664f;
    font-size: 10px;
    line-height: 1.6
}

.mct-reviews-hero aside a {
    color: #8e682c;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-review-proof {
    gap: 28px;
    margin-top: 25px;
    display: flex
}

.mct-review-proof div {
    flex-direction: column;
    display: flex
}

.mct-review-proof b {
    font-size: 18px
}

.mct-review-proof span {
    color: #81725a;
    font-size: 8px
}

.mct-search {
    color: #6f6049;
    font-size: 8px;
    font-weight: 800
}

.mct-search input {
    width: 280px;
    font: inherit;
    border: 1px solid #dbc9a8;
    border-radius: 9px;
    margin-top: 7px;
    padding: 11px;
    font-size: 10px;
    display: block
}

.mct-product-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.mct-product-image {
    background: #fffaf0;
    height: 220px;
    display: block;
    position: relative
}

.mct-product-image img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%
}

.mct-product-image span {
    color: #fff;
    background: #17130ddd;
    border-radius: 14px;
    padding: 6px 8px;
    font-size: 7px;
    position: absolute;
    bottom: 11px;
    left: 12px
}

.mct-product-grid article>div {
    padding: 20px
}

.mct-rating {
    border-top: 1px solid #eee4d1;
    border-bottom: 1px solid #eee4d1;
    justify-content: space-between;
    margin: 12px 0;
    padding: 10px 0;
    display: flex
}

.mct-rating b {
    color: #a87927;
    font-size: 11px
}

.mct-rating span {
    color: #796a52;
    font-size: 8px
}

.mct-product-grid blockquote {
    color: #6d604c;
    min-height: 47px;
    margin: 0 0 17px;
    font-size: 10px;
    font-style: italic;
    line-height: 1.55
}

.mct-review-principles {
    color: #fff;
    background: #17130d;
    grid-template-columns: .7fr 1.3fr;
    gap: 55px;
    padding: 65px max(6vw, 45px);
    display: grid
}

.mct-review-principles>div:first-child>span {
    color: var(--mct-yellow);
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.mct-review-principles>div:first-child h2 {
    font-size: 31px;
    line-height: 1.15
}

.mct-review-principles>div:last-child {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid
}

.mct-review-principles article {
    border: 1px solid #ffffff20;
    border-radius: 13px;
    padding: 18px
}

.mct-review-principles article b {
    color: var(--mct-yellow);
    font-size: 9px
}

.mct-review-principles h3 {
    margin: 7px 0;
    font-size: 16px
}

.mct-review-principles p {
    color: #c8bcaa;
    font-size: 9px;
    line-height: 1.55
}

.mct-info-hero {
    background: linear-gradient(125deg, #fff8e7, #fff)
}

.mct-tester-visual {
    position: relative
}

.mct-tester-visual>img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff;
    border-radius: 23px;
    width: 100%;
    height: 390px
}

.mct-tester-visual>div {
    color: #fff;
    background: #17130d;
    border-radius: 13px;
    flex-direction: column;
    padding: 17px 21px;
    display: flex;
    position: absolute;
    bottom: 25px;
    left: -25px;
    box-shadow: 0 13px 30px #0003
}

.mct-tester-visual b {
    color: var(--mct-yellow);
    font-size: 18px
}

.mct-tester-visual span {
    color: #d5c9b6;
    margin-top: 5px;
    font-size: 8px
}

.mct-answer {
    text-align: center;
    max-width: 940px;
    margin: 0 auto;
    padding: 55px 30px
}

.mct-answer p {
    color: #6c5f4b;
    font-size: 12px;
    line-height: 1.7
}

.mct-process {
    background: #fffaf0;
    max-width: none;
    padding-left: max(30px, 50vw - 590px);
    padding-right: max(30px, 50vw - 590px)
}

.mct-process>.mct-heading,
.mct-process>div:last-child {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
}

.mct-process>div:last-child {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    display: grid
}

.mct-process article {
    background: #fff;
    border: 1px solid #eadabe;
    border-radius: 14px;
    padding: 20px
}

.mct-process article>b {
    background: var(--mct-yellow);
    border-radius: 50%;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 9px;
    display: grid
}

.mct-process h3 {
    margin: 13px 0 7px;
    font-size: 16px
}

.mct-process article p {
    color: #73664f;
    font-size: 9px;
    line-height: 1.55
}

.mct-two-column {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 1180px;
    margin: auto;
    padding: 75px 30px;
    display: grid
}

.mct-two-column>div {
    border: 1px solid var(--mct-line);
    border-radius: 20px;
    padding: 32px
}

.mct-two-column>div:last-child {
    background: #fffaf0
}

.mct-two-column p,
.mct-two-column li {
    color: #6f614b;
    font-size: 10px;
    line-height: 1.65
}

.mct-two-column ul {
    padding-left: 18px
}

.mct-after-apply {
    color: #fff;
    background: #17130d;
    grid-template-columns: .55fr 1.45fr;
    gap: 45px;
    padding: 70px max(6vw, 45px);
    display: grid
}

.mct-after-apply>div>span {
    color: var(--mct-yellow)
}

.mct-after-apply ol {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.mct-after-apply li {
    border-top: 3px solid var(--mct-yellow);
    background: #ffffff08;
    padding: 17px
}

.mct-after-apply li b,
.mct-after-apply li span {
    display: block
}

.mct-after-apply li b {
    margin-bottom: 7px;
    font-size: 11px
}

.mct-after-apply li span {
    color: #cbbfab;
    font-size: 8px;
    line-height: 1.5
}

.mct-safety {
    background: #fff7dc;
    padding: 70px max(6vw, 45px)
}

.mct-safety>div:nth-child(2) {
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin: 25px 0;
    display: grid
}

.mct-safety article {
    background: #fff;
    border: 1px solid #e7d4aa;
    border-radius: 14px;
    padding: 20px
}

.mct-safety article b {
    font-size: 12px
}

.mct-safety article p,
.mct-safety>p {
    color: #6e614c;
    font-size: 9px;
    line-height: 1.6
}

.mct-safety>p {
    max-width: 900px
}

.mct-faq {
    max-width: 920px;
    margin: auto;
    padding: 75px 30px
}

.mct-faq>div {
    text-align: center;
    margin-bottom: 24px
}

.mct-faq details {
    border-top: 1px solid var(--mct-line);
    padding: 15px 0
}

.mct-faq summary {
    cursor: pointer;
    justify-content: space-between;
    gap: 20px;
    font-size: 12px;
    font-weight: 800;
    display: flex
}

.mct-faq summary span {
    color: var(--mct-brown);
    font-size: 18px
}

.mct-faq details p {
    color: #6d604c;
    padding-right: 30px;
    font-size: 10px;
    line-height: 1.65
}

.mct-register {
    background: var(--mct-yellow);
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;
    padding: 65px max(8vw, 55px);
    display: grid
}

.mct-register>div>p {
    font-size: 11px;
    line-height: 1.6
}

.mct-register>div>small {
    font-size: 8px
}

.mct-register form {
    background: #fff;
    border-radius: 18px;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    padding: 25px;
    display: grid
}

.mct-register label {
    font-size: 8px;
    font-weight: 800
}

.mct-register input,
.mct-register select {
    width: 100%;
    font: inherit;
    border: 1px solid #dbc69f;
    border-radius: 7px;
    margin-top: 6px;
    padding: 10px;
    font-size: 9px;
    display: block
}

.mct-consent {
    grid-column: 1/3;
    align-items: center;
    gap: 7px;
    display: flex;
    font-weight: 500 !important
}

.mct-consent input {
    width: auto;
    margin: 0;
    display: inline
}

.mct-register button {
    color: #fff;
    cursor: pointer;
    background: #17130d;
    border: 0;
    border-radius: 8px;
    grid-column: 1/3;
    padding: 12px;
    font-weight: 900
}

@media (width<=1000px) {
    .mct-header nav {
        display: none
    }

    .mct-campaign-hero,
    .mct-info-hero,
    .mct-reviews-hero,
    .mct-review-principles,
    .mct-after-apply,
    .mct-register {
        grid-template-columns: 1fr
    }

    .mct-campaign-grid,
    .mct-product-grid {
        grid-template-columns: 1fr 1fr
    }

    .mct-process>div:last-child,
    .mct-after-apply ol {
        grid-template-columns: repeat(3, 1fr)
    }

    .mct-footer {
        grid-template-columns: 1.3fr repeat(2, 1fr)
    }

    .mct-footer nav:nth-of-type(3) {
        grid-column: 2/4
    }

    .mct-footer-note {
        grid-column: 1/4
    }
}

@media (width<=650px) {
    .mct-parent-bar>span {
        display: none
    }

    .mct-header {
        height: 72px;
        padding: 0 18px
    }

    .mct-brand {
        width: 195px
    }

    .mct-header-cta {
        margin-left: auto;
        padding: 10px;
        font-size: 0
    }

    .mct-header-cta:after {
        content: "Join";
        font-size: 9px
    }

    .mct-campaign-hero,
    .mct-info-hero,
    .mct-reviews-hero {
        padding: 50px 22px
    }

    .mct-campaign-hero h1,
    .mct-info-hero h1,
    .mct-reviews-hero h1 {
        font-size: 38px
    }

    .mct-trust-row {
        grid-template-columns: 1fr 1fr;
        padding: 0
    }

    .mct-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    .mct-campaign-grid,
    .mct-product-grid,
    .mct-two-column {
        grid-template-columns: 1fr
    }

    .mct-section {
        padding: 55px 20px
    }

    .mct-wide-cta {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 18px 55px;
        padding: 28px
    }

    .mct-review-proof {
        flex-wrap: wrap
    }

    .mct-search input {
        width: 100%
    }

    .mct-review-principles {
        padding: 50px 22px
    }

    .mct-review-principles>div:last-child,
    .mct-safety>div:nth-child(2) {
        grid-template-columns: 1fr
    }

    .mct-process>div:last-child,
    .mct-after-apply ol {
        display: flex;
        overflow-x: auto
    }

    .mct-process article,
    .mct-after-apply li {
        flex: 0 0 72%
    }

    .mct-two-column {
        padding: 55px 20px
    }

    .mct-after-apply,
    .mct-safety,
    .mct-register {
        padding: 50px 22px
    }

    .mct-register form {
        grid-template-columns: 1fr
    }

    .mct-consent,
    .mct-register button {
        grid-column: 1
    }

    .mct-footer {
        grid-template-columns: 1fr 1fr;
        padding: 42px 22px 25px
    }

    .mct-footer>div:first-child {
        grid-column: 1/3
    }

    .mct-footer nav:nth-of-type(3) {
        grid-column: auto
    }

    .mct-footer-note {
        grid-column: 1/3
    }

    .mct-footer>div:first-child img {
        width: 230px
    }
}

.about-bilingual {
    max-width: 1180px;
    padding-top: 65px;
    padding-bottom: 70px
}

.about-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 30px
}

.about-heading h2 {
    font-family: var(--font-editorial);
    margin: 10px 0;
    font-size: 38px
}

.about-heading p {
    color: var(--muted);
    font-size: 13px
}

.about-language-grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    display: grid
}

.about-language-grid article {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 22px;
    padding: 32px;
    box-shadow: 0 12px 35px #173f480b
}

.about-language-grid article:last-child {
    background: linear-gradient(145deg, #fff7fa, #f5fbfa)
}

.about-language-grid article>span {
    letter-spacing: .14em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 700
}

.about-language-grid h3 {
    font-family: var(--font-editorial);
    margin: 11px 0 14px;
    font-size: 27px;
    line-height: 1.2
}

.about-language-grid p {
    color: #587075;
    margin: 0;
    font-size: 13px;
    line-height: 1.75
}

.about-language-grid strong {
    color: var(--ink)
}

@media (width<=700px) {
    .about-language-grid {
        grid-template-columns: 1fr
    }

    .about-bilingual {
        padding-top: 50px;
        padding-bottom: 55px
    }

    .about-language-grid article {
        padding: 25px
    }

    .about-heading h2 {
        font-size: 32px
    }
}

.trust-heading {
    margin-bottom: 28px
}

.community-trust-grid article {
    flex-direction: column;
    min-height: 470px;
    padding: 18px 18px 28px;
    display: flex;
    overflow: hidden
}

.community-trust-grid .trust-visual {
    border-radius: 15px;
    height: 175px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden
}

.community-trust-grid article>span,
.community-trust-grid article>h2,
.community-trust-grid article>p,
.community-trust-grid article>a {
    margin-left: 10px;
    margin-right: 10px
}

.community-trust-grid article>a {
    margin-top: auto
}

.awards-seal {
    background: radial-gradient(circle at 30% 25%, #fef8dc, #dff5f3 60%, #bce8e3);
    justify-content: center;
    align-items: center;
    gap: 15px;
    display: flex
}

.award-ribbon {
    color: #f3a800;
    background: #fff;
    border: 5px double #f0c355;
    border-radius: 50%;
    place-items: center;
    width: 76px;
    height: 76px;
    font-size: 34px;
    display: grid;
    box-shadow: 0 9px 24px #8b731f25
}

.awards-seal>div:last-child {
    flex-direction: column;
    display: flex
}

.awards-seal b {
    color: var(--teal-dark);
    font-size: 15px
}

.awards-seal span {
    font-family: var(--font-editorial);
    color: var(--ink);
    font-size: 19px
}

.community-faces {
    background: linear-gradient(145deg, #fff3f8, #f9e7f0);
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    display: flex
}

.community-faces img {
    -o-object-fit: cover;
       object-fit: cover;
    border: 5px solid #fff;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-left: -20px;
    box-shadow: 0 9px 24px #67394a25
}

.community-faces img:nth-child(2) {
    transform: translateY(-13px)
}

.community-faces img:nth-child(3) {
    transform: translateY(9px)
}

.community-faces>span {
    background: var(--pink);
    color: #fff;
    z-index: 2;
    border: 4px solid #fff;
    border-radius: 50%;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-left: -16px;
    font-size: 20px;
    display: grid
}

.ecosystem-visual {
    background: linear-gradient(145deg, #effaf9, #fff);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex
}

.ecosystem-visual>img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 175px;
    height: auto;
    max-height: 55px
}

.ecosystem-icons {
    gap: 9px;
    margin-top: 18px;
    display: flex
}

.ecosystem-icons span {
    width: 38px;
    height: 38px;
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #b8deda;
    border-radius: 50%;
    place-items: center;
    font-size: 16px;
    display: grid;
    box-shadow: 0 5px 14px #173f4812
}

.ecosystem-icons span:nth-child(2),
.ecosystem-icons span:nth-child(3) {
    color: var(--pink);
    border-color: #f3c4d4
}

.community-trust-grid h2 {
    font-size: 27px
}

.community-trust-grid p {
    font-size: 12px
}

@media (width<=900px) {
    .community-trust-grid article {
        min-height: 440px
    }
}

@media (width<=560px) {
    .community-trust-grid article {
        min-height: 0
    }

    .community-trust-grid .trust-visual {
        height: 165px
    }

    .community-faces img {
        width: 82px;
        height: 82px
    }
}

.award-photo {
    background: #161616
}

.award-photo img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.award-photo:after {
    content: "";
    background: linear-gradient(#0000, #101010b8);
    position: absolute;
    inset: 45% 0 0
}

.award-photo>span {
    z-index: 2;
    color: #fff;
    letter-spacing: .12em;
    background: #151515b5;
    border: 1px solid #ffffff85;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 8px;
    font-weight: 800;
    position: absolute;
    bottom: 14px;
    left: 15px
}

.faq {
    max-width: 1050px
}

.faq-intro {
    text-align: center;
    max-width: 680px;
    color: var(--muted);
    margin: -18px auto 30px;
    font-size: 13px;
    line-height: 1.65
}

.faq-columns {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 42px;
         column-gap: 42px
}

.faq-columns details {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    vertical-align: top;
    width: 100%;
    display: inline-block
}

.faq-columns details[open] summary span {
    transform: rotate(45deg)
}

.faq-columns summary span {
    transition: transform .2s
}

.faq-columns details p {
    margin-top: 0;
    font-size: 12px
}

.faq-columns summary {
    gap: 15px;
    font-size: 13px;
    line-height: 1.45
}

@media (width<=720px) {
    .faq-columns {
        -moz-columns: 1;
             columns: 1
    }

    .faq {
        padding-left: 22px;
        padding-right: 22px
    }
}

.newmom-gift-visual {
    background: #f7eee9;
    height: 130px
}

.newmom-gift-visual img {
    -o-object-position: center 61%;
       object-position: center 61%
}

.newmom-gift-visual:after {
    background: linear-gradient(#0000, #173f4195);
    inset: 58% 0 0
}

.site-footer {
    text-align: left;
    background: #173f41;
    padding: 0
}

.footer-community {
    color: var(--ink);
    background: #e9f7f5;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
    padding: 38px max(6vw, 35px);
    display: grid
}

.footer-community>div,
.footer-signup {
    max-width: 590px
}

.footer-community>div>span {
    letter-spacing: .15em;
    color: var(--pink);
    font-size: 9px;
    font-weight: 800
}

.footer-community h2 {
    font-family: var(--font-editorial);
    margin: 7px 0 9px;
    font-size: 29px
}

.footer-community p {
    color: var(--muted);
    margin: 0;
    font-size: 11px;
    line-height: 1.55
}

.footer-signup label {
    margin-bottom: 7px;
    font-size: 9px;
    font-weight: 800;
    display: block
}

.footer-signup>div {
    background: #fff;
    border: 1px solid #b8deda;
    border-radius: 10px;
    grid-template-columns: 1fr auto;
    display: grid;
    overflow: hidden
}

.footer-signup input {
    min-width: 0;
    font: inherit;
    border: 0;
    outline: none;
    padding: 13px 15px;
    font-size: 11px
}

.footer-signup button {
    background: var(--pink);
    color: #fff;
    cursor: pointer;
    border: 0;
    padding: 0 20px;
    font-size: 10px;
    font-weight: 800
}

.footer-signup small {
    color: #6f8588;
    margin-top: 7px;
    font-size: 8px;
    line-height: 1.4;
    display: block
}

.footer-main {
    grid-template-columns: 1.45fr repeat(5, 1fr);
    gap: 34px;
    max-width: 1380px;
    margin: auto;
    padding: 55px max(4vw, 30px) 42px;
    display: grid
}

.footer-main>nav,
.footer-brand-column {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    display: flex
}

.footer-main b {
    color: #fff;
    margin-bottom: 5px;
    font-size: 11px
}

.footer-main a {
    color: #b8d2d3;
    font-size: 10px;
    line-height: 1.4;
    text-decoration: none
}

.footer-main a:hover {
    color: #fff
}

.footer-brand-column p {
    color: #9fc0c1;
    max-width: 270px;
    font-size: 10px;
    line-height: 1.65
}

.footer-social {
    gap: 8px;
    margin: 5px 0;
    display: flex
}

.footer-social a {
    color: #fff;
    border: 1px solid #ffffff2e;
    border-radius: 50%;
    place-items: center;
    width: 31px;
    height: 31px;
    font-size: 12px;
    display: grid
}

.footer-enquire.featured {
    color: #fff;
    background: #ffffff0a;
    border: 1px solid #72c6c2;
    border-radius: 8px;
    margin-top: 8px;
    padding: 10px 13px;
    font-size: 9px
}

.footer-app-row {
    border-top: 1px solid #ffffff1d;
    border-bottom: 1px solid #ffffff1d;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    max-width: 1380px;
    margin: auto;
    padding: 22px max(4vw, 30px);
    display: flex
}

.footer-app-row>div:first-child {
    flex-direction: column;
    gap: 5px;
    display: flex
}

.footer-app-row b {
    color: #fff;
    font-size: 12px
}

.footer-app-row span {
    color: #91b5b7;
    font-size: 9px
}

.footer-app-row>div:last-child {
    gap: 8px;
    display: flex
}

.footer-app-row a {
    color: #fff;
    border: 1px solid #ffffff45;
    border-radius: 7px;
    padding: 9px 12px;
    font-size: 9px;
    text-decoration: none
}

.footer-legal {
    max-width: 1380px;
    margin: auto;
    padding: 25px max(4vw, 30px) 32px
}

.footer-legal>div {
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    display: flex
}

.footer-legal span,
.footer-legal a {
    color: #bad0d1;
    font-size: 8.5px
}

.footer-legal nav {
    flex-wrap: wrap;
    gap: 17px;
    display: flex
}

.footer-legal a {
    text-decoration: none
}

.footer-legal .footnote {
    max-width: 1080px;
    margin-top: 18px
}

.footer-legal .fine {
    margin-top: 12px
}

@media (width<=1100px) {
    .footer-main {
        grid-template-columns: 1.3fr repeat(3, 1fr)
    }

    .footer-main>nav:nth-of-type(4),
    .footer-main>nav:nth-of-type(5) {
        margin-top: 12px
    }

    .footer-brand-column {
        grid-row: 1/3
    }

    .footer-community {
        gap: 35px
    }
}

@media (width<=700px) {
    .footer-community {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 34px 22px
    }

    .footer-community h2 {
        font-size: 25px
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 30px 22px;
        padding: 42px 22px 35px
    }

    .footer-brand-column {
        grid-area: auto/1/auto/3
    }

    .footer-main>nav:nth-of-type(4),
    .footer-main>nav:nth-of-type(5) {
        margin-top: 0
    }

    .footer-app-row {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px
    }

    .footer-legal {
        padding: 23px 22px 30px
    }

    .footer-legal>div {
        flex-direction: column;
        align-items: flex-start
    }

    .footer-signup button {
        padding: 0 13px
    }
}

.mh-mct-utility {
    color: #456568;
    letter-spacing: .04em;
    background: #f2f8f7;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 0 max(4vw, 28px);
    font-size: 8px;
    font-weight: 700;
    display: flex
}

.mh-mct-utility a {
    color: #0f7778;
    text-decoration: none
}

.mh-mct-header {
    background: #fff;
    border-bottom: 1px solid #dbe9e7;
    align-items: center;
    gap: 28px;
    height: 70px;
    padding: 0 max(4vw, 28px);
    display: flex
}

.mh-mct-logo img {
    width: 180px;
    height: auto;
    display: block
}

.mh-mct-header nav {
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: auto;
    display: flex
}

.mh-mct-header nav a,
.mh-mct-account a {
    color: #163f43;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none
}

.mh-mct-account {
    gap: 7px;
    display: flex
}

.mh-mct-account a {
    border: 1px solid #9bcfca;
    border-radius: 999px;
    padding: 8px 11px
}

.mh-mct-account a:last-child {
    color: #fff;
    background: #10adb2;
    border-color: #10adb2
}

.mct-footer-context {
    background: #fff3cf;
    border-top: 1px solid #ead5a3;
    grid-template-columns: 250px 1fr auto;
    align-items: center;
    gap: 35px;
    padding: 30px max(6vw, 35px);
    display: grid
}

.mct-footer-context img {
    width: 230px
}

.mct-footer-context b {
    font-size: 13px
}

.mct-footer-context p {
    color: #6e5d43;
    max-width: 640px;
    margin: 5px 0 0;
    font-size: 9px;
    line-height: 1.55
}

.mct-footer-context>a {
    color: #fff;
    background: #17130d;
    border-radius: 8px;
    padding: 12px 15px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-footer.motherhood-frame {
    background: #173f41;
    grid-template-columns: 1.35fr repeat(3, 1fr)
}

.mct-footer.motherhood-frame>div:first-child img {
    filter: none;
    width: 205px
}

.mct-footer.motherhood-frame nav b {
    color: #fff
}

.mct-footer.motherhood-frame nav a {
    color: #b8d2d3
}

.mct-footer.motherhood-frame .mct-footer-note {
    grid-column: 1/5
}

.mct-footer-note span {
    color: #d6e6e6
}

.mct-footer-note p {
    color: #91b2b3;
    max-width: 980px;
    margin: 8px 0 0
}

.mct-product-image.identity {
    background: linear-gradient(145deg, #fff4c9, #f5ead0)
}

.mct-product-image.identity>div {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 34px 25px 46px;
    display: flex
}

.mct-product-image.identity small {
    letter-spacing: .14em;
    color: #9b722d;
    font-size: 7px;
    font-weight: 900
}

.mct-product-image.identity strong {
    font-family: var(--font-editorial);
    color: #332819;
    margin: 10px 0;
    font-size: 24px;
    line-height: 1.15
}

.mct-product-image.identity i {
    color: #a47521;
    font-size: 12px;
    font-style: normal;
    font-weight: 900
}

@media (width<=1100px) {
    .mh-mct-header nav {
        display: none
    }

    .mct-footer-context {
        grid-template-columns: 210px 1fr
    }

    .mct-footer-context>a {
        grid-column: 2
    }

    .mct-footer.motherhood-frame {
        grid-template-columns: 1.3fr repeat(2, 1fr)
    }

    .mct-footer.motherhood-frame .mct-footer-note {
        grid-column: 1/4
    }
}

@media (width<=650px) {
    .mh-mct-header {
        height: 62px;
        padding: 0 18px
    }

    .mh-mct-logo img {
        width: 155px
    }

    .mh-mct-account a {
        padding: 7px 9px;
        font-size: 8px
    }

    .mh-mct-account a:first-child {
        display: none
    }

    .mct-footer-context {
        grid-template-columns: 1fr;
        padding: 28px 22px
    }

    .mct-footer-context>a {
        grid-column: 1;
        justify-self: start
    }

    .mct-footer.motherhood-frame {
        grid-template-columns: 1fr 1fr
    }

    .mct-footer.motherhood-frame>div:first-child,
    .mct-footer.motherhood-frame .mct-footer-note {
        grid-column: 1/3
    }
}

.expert-faq {
    max-width: 1120px !important;
    padding: 82px 34px !important
}

.expert-faq-heading {
    justify-content: space-between;
    align-items: flex-end;
    gap: 35px;
    margin-bottom: 28px;
    display: flex
}

.expert-faq-heading>div:first-child {
    max-width: 690px
}

.expert-faq-heading>div>span {
    color: var(--mh-brand-teal);
    letter-spacing: .16em;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.expert-faq-heading h2 {
    margin: 9px 0 10px;
    font-size: 43px
}

.expert-faq .expert-faq-intro {
    max-width: 620px;
    margin: 0;
    font-size: 12px;
    line-height: 1.6
}

.faq-doctor-mark {
    background: linear-gradient(135deg, #dff5f3, #fff1f5);
    border-radius: 20px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 126px;
    height: 76px;
    display: flex
}

.faq-doctor-mark b {
    background: var(--mh-brand-teal);
    color: #fff;
    width: 39px;
    height: 39px;
    font: 700 22px/1 var(--font-editorial);
    border-radius: 50%;
    place-items: center;
    display: grid
}

.faq-doctor-mark span {
    color: var(--mh-brand-deep);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.25
}

.expert-faq-topics {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 0 28px;
    display: grid
}

.expert-faq-topics>div {
    background: #fff;
    border: 1px solid #d4e7e5;
    border-radius: 15px;
    align-items: center;
    gap: 11px;
    padding: 13px;
    display: flex;
    box-shadow: 0 8px 24px #173f4808
}

.expert-faq-topics i {
    width: 37px;
    height: 37px;
    color: var(--mh-brand-deep);
    background: #e8f7f5;
    border-radius: 12px;
    flex: none;
    place-items: center;
    font-size: 17px;
    font-style: normal;
    display: grid
}

.expert-faq-topics>div:nth-child(2) i,
.expert-faq-topics>div:nth-child(4) i {
    color: #dc4779;
    background: #fff0f4
}

.expert-faq-topics span {
    flex-direction: column;
    gap: 3px;
    display: flex
}

.expert-faq-topics b {
    color: var(--mh-brand-deep);
    font-size: 10px
}

.expert-faq-topics small {
    color: #758b8d;
    font-size: 8px
}

.expert-faq .expert-faq-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    display: grid !important
}

.expert-faq-grid details {
    -moz-column-break-inside: auto;
         break-inside: auto;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #d8e7e6 !important;
    width: auto !important;
    padding: 0 !important;
    display: block !important
}

.expert-faq-grid details[open] {
    box-shadow: 0 10px 28px #173f480b;
    border-color: #96d2cd !important
}

.expert-faq-grid summary {
    grid-template-columns: 32px 1fr 20px;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 13px 15px;
    line-height: 1.4;
    list-style: none;
    font-family: var(--font-interface) !important;
    font-size: 11px !important;
    display: grid !important
}

.expert-faq-grid summary::-webkit-details-marker {
    display: none
}

.expert-faq-grid summary>i {
    width: 32px;
    height: 32px;
    color: var(--mh-brand-teal);
    background: #edf8f7;
    border-radius: 10px;
    place-items: center;
    font-size: 13px;
    font-style: normal;
    display: grid
}

.expert-faq-grid summary>b {
    font-weight: 800
}

.expert-faq-grid summary>span {
    width: 20px;
    height: 20px;
    color: var(--mh-brand-deep);
    font: 700 15px/1 var(--font-interface);
    background: #f4f8f7;
    border-radius: 50%;
    place-items: center;
    transition: transform .2s;
    display: grid
}

.expert-faq-grid details[open] summary {
    background: #f7fbfa
}

.expert-faq-grid details[open] summary>span {
    transform: rotate(45deg)
}

.expert-faq-grid details p {
    color: #61787b !important;
    margin: 0 !important;
    padding: 0 17px 17px 57px !important;
    font-size: 10.5px !important;
    line-height: 1.65 !important
}

.expert-page-cta {
    border-radius: 26px;
    grid-template-columns: 70px 1fr auto;
    gap: 22px;
    max-width: 1180px;
    margin: 0 auto 78px;
    box-shadow: 0 20px 45px #006f7023;
    background: linear-gradient(120deg, #006f70, #008f91) !important;
    padding: 34px 38px !important;
    display: grid !important
}

.expert-cta-icon {
    width: 70px;
    height: 70px;
    color: var(--mh-brand-teal);
    background: #fff;
    border-radius: 22px;
    place-items: center;
    font-size: 23px;
    display: grid;
    box-shadow: 0 12px 25px #003b3c35
}

.expert-cta-copy>span {
    letter-spacing: .15em;
    font-weight: 900;
    color: #9ce6e2 !important;
    font-size: 8px !important
}

.expert-cta-copy h2 {
    margin: 6px 0 5px !important;
    font-size: 29px !important
}

.expert-cta-copy p {
    color: #d5eeee;
    margin: 0;
    font-size: 10px;
    line-height: 1.5
}

.expert-cta-actions {
    gap: 9px;
    display: flex
}

.expert-cta-actions>a {
    border-radius: 14px;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 12px 15px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
    display: grid
}

.expert-cta-actions>a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px #003d3e35
}

.expert-cta-actions>a>b {
    border-radius: 50%;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 12px;
    display: grid
}

.expert-cta-actions>a>span {
    flex-direction: column;
    gap: 3px;
    font-size: 10px;
    font-weight: 800;
    display: flex
}

.expert-cta-actions small {
    font-size: 7.5px;
    font-weight: 500
}

.expert-cta-primary {
    color: var(--mh-brand-deep);
    background: #fff
}

.expert-cta-secondary>b {
    color: #fff;
    background: #ffffff1c
}

@media (width<=1050px) {
    .expert-page-cta {
        grid-template-columns: 60px 1fr;
        margin-left: 24px;
        margin-right: 24px
    }

    .expert-cta-icon {
        width: 60px;
        height: 60px
    }

    .expert-cta-actions {
        grid-column: 1/3
    }

    .expert-faq-topics {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=680px) {
    .expert-faq {
        padding: 58px 20px !important
    }

    .expert-faq-heading {
        align-items: flex-start
    }

    .faq-doctor-mark {
        display: none
    }

    .expert-faq-heading h2 {
        font-size: 34px
    }

    .expert-faq-topics {
        padding-bottom: 6px;
        display: flex;
        overflow-x: auto
    }

    .expert-faq-topics>div {
        flex: 0 0 205px
    }

    .expert-faq .expert-faq-grid {
        grid-template-columns: 1fr
    }

    .expert-page-cta {
        grid-template-columns: 50px 1fr;
        gap: 16px;
        margin: 0 18px 58px;
        padding: 25px !important
    }

    .expert-cta-icon {
        border-radius: 16px;
        width: 50px;
        height: 50px
    }

    .expert-cta-copy h2 {
        font-size: 24px !important
    }

    .expert-cta-actions {
        grid-column: 1/3;
        display: grid
    }

    .expert-cta-actions>a {
        min-width: 0
    }

    .expert-faq-grid details p {
        padding-left: 57px !important
    }
}

.expert-brand-proof {
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 30px 82px
}

.expert-proof-heading {
    grid-template-columns: 320px 1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 25px;
    display: grid
}

.expert-proof-logos {
    background: #fff;
    border: 1px solid #d2e6e4;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    height: 96px;
    display: flex;
    box-shadow: 0 12px 32px #173f480a
}

.expert-proof-logos img:first-child {
    width: 145px;
    height: auto
}

.expert-proof-logos img:last-child {
    -o-object-fit: contain;
       object-fit: contain;
    width: 115px;
    height: 62px
}

.expert-proof-logos span {
    color: #aec4c3;
    font-size: 17px
}

.expert-proof-heading>div:last-child>span {
    color: var(--mh-brand-teal);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900
}

.expert-proof-heading h2 {
    font-family: var(--font-editorial);
    margin: 8px 0;
    font-size: 34px
}

.expert-proof-heading p {
    color: #60797b;
    max-width: 650px;
    margin: 0;
    font-size: 11px;
    line-height: 1.6
}

.expert-proof-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    display: grid
}

.expert-proof-grid>article,
.askdoctor-proof {
    min-height: 385px;
    color: var(--mh-brand-deep);
    background: #fff;
    border: 1px solid #d4e6e4;
    border-radius: 20px;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 14px 35px #173f480b
}

.parentcraft-review-proof {
    flex-direction: column;
    padding: 21px;
    display: flex;
    background: linear-gradient(145deg, #fff, #fff6f8) !important
}

.proof-card-head {
    border-bottom: 1px solid #e4eeee;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 17px;
    display: flex
}

.proof-card-head>img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
    width: 135px;
    height: 62px
}

.proof-card-head>div {
    flex-direction: column;
    align-items: flex-end;
    display: flex
}

.google-wordmark {
    color: #4285f4;
    font-size: 10px;
    font-weight: 800
}

.proof-card-head strong {
    color: var(--mh-brand-deep);
    white-space: nowrap;
    font-size: 16px
}

.proof-card-head strong i {
    color: #f5af19;
    letter-spacing: 0;
    font-size: 10px;
    font-style: normal
}

.proof-card-head small {
    color: #71888a;
    font-size: 8px
}

.review-snippets {
    gap: 8px;
    margin: 16px 0;
    display: grid
}

.review-snippets blockquote {
    color: #506a6d;
    font: 600 10px/1.45 var(--font-interface);
    background: #f5faf9;
    border-radius: 11px;
    margin: 0;
    padding: 12px 13px
}

.review-snippets blockquote:before {
    content: "“";
    color: var(--mh-brand-teal);
    font-family: var(--font-editorial);
    margin-right: 3px;
    font-size: 17px
}

.parentcraft-review-proof>a {
    color: var(--mh-brand-deep);
    margin-top: auto;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.parentcraft-review-proof>a b {
    color: var(--mh-brand-teal)
}

.askdoctor-proof {
    flex-direction: column;
    display: flex
}

.proof-media {
    background: #daf1ef;
    height: 205px;
    position: relative;
    overflow: hidden
}

.proof-media>img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.proof-media:after {
    content: "";
    background: linear-gradient(#0000, #173f48bd);
    position: absolute;
    inset: 45% 0 0
}

.youtube-label {
    z-index: 2;
    color: #fff;
    background: #e52222;
    border-radius: 7px;
    padding: 6px 9px;
    font-size: 8px;
    font-weight: 900;
    position: absolute;
    bottom: 14px;
    left: 14px
}

.proof-play {
    z-index: 2;
    color: #e52222;
    background: #fff;
    border-radius: 50%;
    place-items: center;
    width: 39px;
    height: 39px;
    display: grid;
    position: absolute;
    bottom: 14px;
    right: 17px;
    box-shadow: 0 7px 18px #173f4840
}

.askdoctor-proof>div:last-child {
    flex-direction: column;
    flex: 1;
    padding: 18px 20px 21px;
    display: flex
}

.askdoctor-proof>div:last-child>span {
    letter-spacing: .14em;
    color: var(--mh-brand-teal);
    font-size: 8px;
    font-weight: 900
}

.askdoctor-proof h3,
.instagram-proof h3 {
    font-family: var(--font-editorial);
    margin: 7px 0;
    font-size: 20px;
    line-height: 1.15
}

.askdoctor-proof p,
.instagram-proof p {
    color: #668083;
    margin: 0 0 12px;
    font-size: 9px;
    line-height: 1.55
}

.askdoctor-proof strong {
    color: var(--mh-brand-deep);
    margin-top: auto;
    font-size: 9px
}

.instagram-proof {
    flex-direction: column;
    display: flex
}

.instagram-mosaic {
    background: #e9f4f3;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1.2fr .8fr;
    gap: 3px;
    height: 205px;
    display: grid
}

.instagram-mosaic img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.instagram-mosaic img:first-child {
    grid-row: 1/3
}

.instagram-copy {
    flex-direction: column;
    flex: 1;
    padding: 18px 20px 21px;
    display: flex
}

.instagram-copy>span {
    color: #d94b7d;
    letter-spacing: .08em;
    font-size: 8px;
    font-weight: 900
}

.instagram-copy a {
    color: var(--mh-brand-deep);
    margin-top: auto;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.expert-proof-source {
    color: #829496;
    margin: 13px 0 0;
    font-size: 8px;
    line-height: 1.5
}

.expert-page-cta {
    border: 1px solid #bfe1de;
    color: var(--mh-brand-deep) !important;
    background: linear-gradient(120deg, #e6f7f5 0%, #fff 48%, #fff3f7 100%) !important;
    grid-template-columns: 230px 1fr auto !important;
    box-shadow: 0 18px 42px #173f4813 !important
}

.expert-cta-brand {
    border-right: 1px solid #cfe5e3;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    gap: 10px;
    padding-right: 22px;
    display: flex
}

.expert-cta-brand img {
    width: 185px;
    height: auto
}

.expert-cta-brand span {
    letter-spacing: .14em;
    font-weight: 900;
    color: var(--mh-brand-teal) !important;
    font-size: 7px !important
}

.expert-cta-copy h2 {
    color: var(--mh-brand-deep);
    font-size: 27px !important
}

.expert-cta-copy p {
    color: #607a7d
}

.expert-cta-actions>a {
    border-radius: 12px
}

.expert-cta-primary {
    background: var(--mh-brand-deep);
    color: #fff
}

.expert-cta-primary>b {
    color: #fff;
    background: #ffffff18
}

.expert-cta-primary small {
    color: #bcd7d8
}

.expert-cta-secondary {
    color: var(--mh-brand-deep);
    background: #fff;
    border: 1px solid #e9bfd0
}

.expert-cta-secondary>img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff0f4;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.expert-cta-secondary small {
    color: #738a8c
}

@media (width<=1050px) {
    .expert-proof-heading {
        grid-template-columns: 260px 1fr
    }

    .expert-proof-grid {
        grid-template-columns: 1fr 1fr
    }

    .instagram-proof {
        grid-column: 1/3;
        grid-template-columns: 1fr 1fr;
        display: grid;
        min-height: 250px !important
    }

    .instagram-mosaic {
        height: 100%
    }

    .expert-page-cta {
        grid-template-columns: 210px 1fr !important
    }

    .expert-cta-actions {
        grid-column: 1/3
    }
}

@media (width<=680px) {
    .expert-brand-proof {
        padding: 10px 18px 58px
    }

    .expert-proof-heading {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .expert-proof-logos {
        height: 84px
    }

    .expert-proof-heading h2 {
        font-size: 29px
    }

    .expert-proof-grid {
        scroll-snap-type: x mandatory;
        padding-bottom: 12px;
        display: flex;
        overflow-x: auto
    }

    .expert-proof-grid>article,
    .askdoctor-proof {
        scroll-snap-align: start;
        flex: 0 0 84vw;
        min-height: 390px
    }

    .instagram-proof {
        display: flex
    }

    .expert-page-cta {
        grid-template-columns: 1fr !important
    }

    .expert-cta-brand {
        border-bottom: 1px solid #cfe5e3;
        border-right: 0;
        padding: 0 0 17px
    }

    .expert-cta-brand img {
        width: 165px
    }

    .expert-cta-actions {
        grid-column: 1
    }

    .expert-cta-secondary>img {
        width: 32px;
        height: 32px
    }
}

.expert-specialty-tabs {
    scrollbar-width: thin;
    scrollbar-color: #8bcac6 #e6f2f1;
    margin-bottom: 16px;
    padding: 2px 0 12px;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    display: flex !important
}

.expert-specialty-tabs::-webkit-scrollbar {
    height: 6px
}

.expert-specialty-tabs::-webkit-scrollbar-track {
    background: #e6f2f1;
    border-radius: 999px
}

.expert-specialty-tabs::-webkit-scrollbar-thumb {
    background: #8bcac6;
    border-radius: 999px
}

.expert-specialty-tabs button {
    flex: none;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    display: flex
}

.expert-specialty-tabs button small {
    color: #397674;
    background: #edf7f6;
    border-radius: 999px;
    place-items: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    font-size: 7px;
    display: grid
}

.expert-specialty-tabs button.active small {
    color: #fff;
    background: #ffffff26
}

.expert-scroll-hint {
    color: #668083;
    letter-spacing: .06em;
    justify-content: space-between;
    align-items: center;
    margin: -4px 0 9px;
    font-size: 8px;
    font-weight: 700;
    display: flex
}

.expert-scroll-hint b {
    color: var(--mh-brand-teal);
    font-size: 13px
}

.full-expert-directory.expert-horizontal-row {
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--mh-brand-teal) #dceeed;
    gap: 14px;
    padding: 2px 3px 18px;
    overflow-x: auto;
    grid-template-columns: none !important;
    display: flex !important
}

.expert-horizontal-row::-webkit-scrollbar {
    height: 8px
}

.expert-horizontal-row::-webkit-scrollbar-track {
    background: #dceeed;
    border-radius: 999px
}

.expert-horizontal-row::-webkit-scrollbar-thumb {
    background: var(--mh-brand-teal);
    border-radius: 999px
}

.expert-horizontal-row article {
    scroll-snap-align: start;
    flex: 0 0 238px;
    min-height: 365px !important
}

.expert-horizontal-row .expert-avatar-photo {
    height: 175px
}

.expert-horizontal-row h3 {
    font-size: 18px
}

.expert-horizontal-row article>p {
    min-height: 34px
}

.experts-directory {
    overflow: hidden
}

.directory-disclaimer {
    max-width: 900px
}

@media (width<=680px) {

    .expert-specialty-tabs,
    .expert-horizontal-row {
        margin-right: -22px;
        padding-right: 22px
    }

    .expert-horizontal-row article {
        flex-basis: 78vw;
        max-width: 285px
    }

    .expert-horizontal-row .expert-avatar-photo {
        height: 205px
    }

    .expert-scroll-hint span {
        font-size: 7.5px
    }
}

.expert-community-showcase {
    background: linear-gradient(135deg, #e8f7f5 0%, #fff 48%, #fff2f6 100%);
    padding: 76px max(30px, 50vw - 590px)
}

.community-showcase-heading {
    grid-template-columns: 1fr 440px;
    align-items: end;
    gap: 50px;
    margin-bottom: 27px;
    display: grid
}

.community-showcase-heading>div>span {
    color: var(--mh-brand-teal);
    letter-spacing: .16em;
    font-size: 9px;
    font-weight: 900
}

.community-showcase-heading h2 {
    font-family: var(--font-editorial);
    margin: 9px 0 0;
    font-size: 39px;
    line-height: 1.1
}

.community-showcase-heading>p {
    color: #607a7c;
    margin: 0;
    font-size: 11px;
    line-height: 1.65
}

.community-media-grid {
    grid-template-columns: 1.25fr repeat(3, .75fr);
    gap: 13px;
    display: grid
}

.community-media-grid>a {
    min-width: 0;
    color: var(--mh-brand-deep);
    background: #fff;
    border: 1px solid #cfe3e1;
    border-radius: 20px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
    overflow: hidden;
    box-shadow: 0 14px 34px #173f480b
}

.community-media-grid>a:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px #173f4815
}

.community-media-feature {
    flex-direction: column;
    display: flex
}

.community-media-feature>img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 230px;
    display: block
}

.community-media-feature>div {
    flex-direction: column;
    flex: 1;
    padding: 19px 20px;
    display: flex
}

.community-media-grid>a>span,
.community-media-feature span {
    color: #d94b7d;
    letter-spacing: .12em;
    font-size: 8px;
    font-weight: 900
}

.community-media-grid h3 {
    font-family: var(--font-editorial);
    margin: 9px 0 12px;
    font-size: 18px;
    line-height: 1.22
}

.community-media-feature h3 {
    margin-bottom: 8px;
    font-size: 23px
}

.community-media-feature p {
    color: #647b7d;
    margin: 0 0 14px;
    font-size: 9.5px;
    line-height: 1.55
}

.community-media-grid a>b {
    color: var(--mh-brand-teal);
    margin-top: auto;
    font-size: 9px;
    display: block
}

.community-media-grid>a:not(.community-media-feature) {
    flex-direction: column;
    padding-bottom: 18px;
    display: flex
}

.community-media-grid>a:not(.community-media-feature)>span,
.community-media-grid>a:not(.community-media-feature)>h3,
.community-media-grid>a:not(.community-media-feature)>b {
    margin-left: 16px;
    margin-right: 16px
}

.community-media-grid>a:not(.community-media-feature)>span {
    margin-top: 15px
}

.community-media-image {
    background: #dceeed;
    height: 170px;
    position: relative;
    overflow: hidden
}

.community-media-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .3s;
    display: block
}

.community-media-grid>a:hover .community-media-image img {
    transform: scale(1.025)
}

.community-media-image i {
    width: 38px;
    height: 38px;
    color: var(--mh-brand-teal);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    font-size: 15px;
    font-style: normal;
    display: grid;
    position: absolute;
    bottom: 12px;
    right: 12px;
    box-shadow: 0 8px 18px #173f4835
}

.expert-guidance-note {
    background: #f7fbfa;
    border: 1px solid #cfe3e1;
    border-radius: 17px;
    max-width: 1120px;
    margin: -40px auto 62px;
    overflow: hidden
}

.expert-guidance-note summary {
    cursor: pointer;
    grid-template-columns: 40px 1fr 24px;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    list-style: none;
    display: grid
}

.expert-guidance-note summary::-webkit-details-marker {
    display: none
}

.expert-guidance-note summary>span {
    width: 40px;
    height: 40px;
    color: var(--mh-brand-teal);
    background: #e1f3f1;
    border-radius: 12px;
    place-items: center;
    font-size: 16px;
    display: grid
}

.expert-guidance-note summary>div {
    flex-direction: column;
    gap: 3px;
    display: flex
}

.expert-guidance-note summary b {
    font-size: 11px
}

.expert-guidance-note summary small {
    color: #6d8385;
    font-size: 8px
}

.expert-guidance-note summary>i {
    color: var(--mh-brand-teal);
    font-size: 18px;
    font-style: normal;
    transition: transform .2s
}

.expert-guidance-note[open] summary>i {
    transform: rotate(45deg)
}

.expert-guidance-note>div {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0 18px 17px 70px;
    display: grid
}

.expert-guidance-note p {
    color: #60787a;
    margin: 0;
    font-size: 9px;
    line-height: 1.55
}

.expert-guidance-note strong {
    color: var(--mh-brand-deep)
}

@media (width<=1050px) {
    .community-media-grid {
        grid-template-columns: 1fr 1fr
    }

    .community-media-feature {
        grid-row: span 2
    }

    .community-showcase-heading {
        grid-template-columns: 1fr 360px
    }
}

@media (width<=680px) {
    .expert-community-showcase {
        padding: 56px 18px
    }

    .community-showcase-heading {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .community-showcase-heading h2 {
        font-size: 32px
    }

    .community-media-grid {
        scroll-snap-type: x mandatory;
        padding-bottom: 12px;
        display: flex;
        overflow-x: auto
    }

    .community-media-grid>a {
        scroll-snap-align: start;
        flex: 0 0 82vw
    }

    .community-media-feature>img,
    .community-media-image {
        height: 205px
    }

    .expert-guidance-note {
        margin: -26px 18px 52px
    }

    .expert-guidance-note>div {
        grid-template-columns: 1fr;
        padding-left: 18px
    }

    .expert-guidance-note summary {
        grid-template-columns: 38px 1fr 20px
    }
}

.mega-menu {
    width: min(1120px, 100vw - 48px);
    left: 50vw
}

.mega-inner,
.pregnancy-mega,
.baby-mega,
.toddler-mega,
.children-mega,
.family-mega,
.wellness-mega {
    grid-template-columns: minmax(210px, .9fr) minmax(270px, 1.15fr) minmax(360px, 1.55fr)
}

.mega-column {
    min-width: 0;
    padding: 25px 24px
}

/* .mega-inner>.mega-column:nth-child(3) {
    border-right: 1px solid var(--line)
} */

.discovery-links {
    min-width: 0;
    grid-column: auto !important
}

.review-menu-list,
.pregnancy-review-list,
.baby-review-list,
.toddler-review-list,
.children-review-list,
.family-review-list,
.wellness-review-list {
    grid-template-columns: 1fr 1fr
}

.nav-wrap nav .review-menu-list a {
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 0
}

.brand-menu>div {
    max-width: 100%
}

.resource-next {
    display: none !important
}

@media (width<=1080px) {
    .mega-menu {
        width: min(940px, 100vw - 32px)
    }

    .mega-inner,
    .pregnancy-mega,
    .baby-mega,
    .toddler-mega,
    .children-mega,
    .family-mega,
    .wellness-mega {
        grid-template-columns: minmax(190px, .8fr) minmax(245px, 1fr) minmax(320px, 1.35fr)
    }

    .baby-shop,
    .toddler-shop,
    .children-shop,
    .family-shop,
    .wellness-shop,
    .baby-discovery,
    .toddler-discovery,
    .children-discovery,
    .family-discovery,
    .wellness-discovery,
    .pregnancy-discovery {
        grid-column: auto
    }
}

@media (width<=860px) {
    .mega-menu {
        display: none
    }
}

.stage-page {
    --stage: #d65f67;
    --stage-soft: #fff1ec;
    color: #173f43;
    background: #fff
}

.stage-page.teal {
    --stage: #14a9a7;
    --stage-soft: #eaf8f6
}

.stage-page.purple {
    --stage: #8d72ad;
    --stage-soft: #f2edf8
}

.stage-page.blue {
    --stage: #568eaa;
    --stage-soft: #edf6fa
}

.stage-topbar {
    color: #456467;
    background: #e5f5f3;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 max(4vw, 28px);
    font-size: 9px;
    display: flex
}

.stage-header {
    z-index: 20;
    background: #fff;
    border-bottom: 1px solid #dcebea;
    align-items: center;
    gap: 35px;
    height: 76px;
    padding: 0 max(4vw, 28px);
    display: flex;
    position: sticky;
    top: 0
}

.stage-header>a img {
    width: 190px;
    display: block
}

.stage-header nav {
    gap: 25px;
    margin-left: auto;
    display: flex
}

.stage-header nav a,
.stage-header>div a {
    color: #173f43;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

.stage-header>div {
    gap: 8px;
    display: flex
}

.stage-header>div a {
    border: 1px solid #9ccfcb;
    border-radius: 999px;
    padding: 9px 12px
}

.stage-header>div a:last-child {
    color: #fff;
    background: #e33f83;
    border-color: #e33f83
}

.stage-breadcrumb {
    color: #6f8588;
    gap: 9px;
    max-width: 1260px;
    margin: auto;
    padding: 22px 30px 0;
    font-size: 9px;
    display: flex
}

.stage-breadcrumb a {
    color: #237877;
    text-decoration: none
}

.stage-hero {
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 75px;
    max-width: 1260px;
    margin: 0 auto;
    padding: 55px 30px 70px;
    display: grid
}

.stage-hero>div>span,
.stage-answer>span,
.stage-heading span,
.stage-choose>div:first-child>span,
.stage-faq>span {
    color: var(--stage);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900
}

.stage-hero h1 {
    font-family: var(--font-editorial);
    max-width: 780px;
    margin: 13px 0 18px;
    font-size: 55px;
    line-height: 1.05
}

.stage-hero>div>p {
    color: #587075;
    max-width: 710px;
    font-size: 15px;
    line-height: 1.7
}

.stage-hero>div>div {
    gap: 10px;
    margin: 28px 0 18px;
    display: flex
}

.stage-primary,
.stage-secondary {
    border-radius: 9px;
    padding: 13px 17px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.stage-primary {
    background: var(--stage);
    color: #fff
}

.stage-secondary {
    color: #1d696b;
    background: #fff;
    border: 1px solid #a9cfcb
}

.stage-hero>div>small {
    color: #718689;
    font-size: 9px
}

.stage-hero aside {
    background: var(--stage-soft);
    border: 1px solid var(--stage);
    border-radius: 25px;
    padding: 30px
}

@supports (color:color-mix(in lab, red, red)) {
    .stage-hero aside {
        border: 1px solid color-mix(in srgb, var(--stage) 25%, #fff)
    }
}

.stage-hero aside>b {
    font-family: var(--font-editorial);
    font-size: 24px
}

.stage-hero aside>div {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 19px;
    display: grid
}

.stage-hero aside a {
    color: #264e52;
    background: #fff;
    border-radius: 10px;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.stage-hero aside a span {
    background: var(--stage-soft);
    width: 25px;
    height: 25px;
    color: var(--stage);
    border-radius: 50%;
    place-items: center;
    font-size: 8px;
    display: grid
}

.stage-answer {
    text-align: center;
    background: var(--stage-soft);
    padding: 47px max(12vw, 60px)
}

.stage-answer h2 {
    font-family: var(--font-editorial);
    margin: 9px 0 13px;
    font-size: 31px
}

.stage-answer p {
    color: #587075;
    max-width: 920px;
    margin: auto;
    font-size: 13px;
    line-height: 1.75
}

.stage-products,
.stage-guides {
    max-width: 1260px;
    margin: auto;
    padding: 80px 30px
}

.stage-heading {
    grid-template-columns: 1fr 430px;
    align-items: end;
    gap: 60px;
    margin-bottom: 28px;
    display: grid
}

.stage-heading h2 {
    font-family: var(--font-editorial);
    margin: 9px 0 0;
    font-size: 39px
}

.stage-heading>p {
    color: #667d80;
    font-size: 11px;
    line-height: 1.6
}

.stage-product-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.stage-product-grid article {
    background: #fff;
    border: 1px solid #d7e7e5;
    border-radius: 19px;
    overflow: hidden;
    box-shadow: 0 13px 32px #173f430b
}

.stage-product-art {
    background: linear-gradient(145deg, var(--stage-soft), #fff);
    place-items: center;
    height: 165px;
    text-decoration: none;
    display: grid;
    position: relative
}

.stage-product-art>span {
    width: 76px;
    height: 76px;
    color: var(--stage);
    box-shadow: 0 12px 30px var(--stage);
    background: #fff;
    border-radius: 23px;
    place-items: center;
    font-size: 27px;
    font-weight: 800;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    .stage-product-art>span {
        box-shadow: 0 12px 30px color-mix(in srgb, var(--stage) 18%, transparent)
    }
}

.stage-product-art>small {
    color: var(--stage);
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    top: 14px;
    right: 15px
}

.stage-product-grid article>div {
    padding: 20px
}

.stage-product-grid article>div>span {
    color: var(--stage);
    letter-spacing: .13em;
    font-size: 8px;
    font-weight: 900
}

.stage-product-grid h3 {
    font-family: var(--font-editorial);
    margin: 8px 0 10px;
    font-size: 21px;
    line-height: 1.2
}

.stage-product-grid p {
    color: #687c7f;
    min-height: 45px;
    font-size: 9px;
    line-height: 1.55
}

.stage-product-grid p b {
    color: #294f53
}

.stage-product-grid article>div>a {
    color: #1b7172;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.stage-more {
    color: #fff;
    background: #173f43;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-top: 24px;
    padding: 25px 28px;
    display: flex
}

.stage-more>div {
    flex-direction: column;
    gap: 5px;
    display: flex
}

.stage-more b {
    font-family: var(--font-editorial);
    font-size: 20px
}

.stage-more span {
    color: #b9d2d3;
    font-size: 9px
}

.stage-more>a {
    color: #173f43;
    background: #fff;
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.stage-choose {
    color: #fff;
    background: #173f43;
    grid-template-columns: .7fr 1.3fr;
    gap: 60px;
    padding: 75px max(7vw, 40px);
    display: grid
}

.stage-choose h2 {
    font-family: var(--font-editorial);
    margin: 10px 0;
    font-size: 38px;
    line-height: 1.15
}

.stage-choose>div:first-child>p {
    color: #a9c4c5;
    font-size: 11px
}

.stage-choose>div:last-child {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    display: grid
}

.stage-choose article {
    background: #ffffff07;
    border: 1px solid #ffffff25;
    border-radius: 14px;
    padding: 20px
}

.stage-choose article>b {
    color: #ffd5cf;
    font-size: 9px
}

.stage-choose h3 {
    font-family: var(--font-editorial);
    margin: 7px 0;
    font-size: 18px
}

.stage-choose article p {
    color: #b9cdce;
    font-size: 9px;
    line-height: 1.55
}

.stage-guides>div:last-child {
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
    display: grid
}

.stage-guides article {
    background: var(--stage-soft);
    border: 1px solid #d7e7e5;
    border-radius: 17px;
    flex-direction: column;
    min-height: 190px;
    padding: 25px;
    display: flex
}

.stage-guides article>span {
    color: var(--stage);
    letter-spacing: .13em;
    font-size: 8px;
    font-weight: 900
}

.stage-guides h3 {
    font-family: var(--font-editorial);
    margin: 10px 0;
    font-size: 23px
}

.stage-guides article p {
    color: #61777a;
    font-size: 10px;
    line-height: 1.55
}

.stage-guides article a {
    color: #1f7072;
    margin-top: auto;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.stage-faq {
    max-width: 920px;
    margin: auto;
    padding: 70px 30px
}

.stage-faq h2 {
    font-family: var(--font-editorial);
    margin: 9px 0 24px;
    font-size: 39px
}

.stage-faq details {
    border-top: 1px solid #d8e6e5;
    padding: 16px 0
}

.stage-faq summary {
    cursor: pointer;
    font-family: var(--font-editorial);
    justify-content: space-between;
    gap: 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.stage-faq summary span {
    color: var(--stage)
}

.stage-faq details p {
    color: #61777a;
    max-width: 800px;
    font-size: 11px;
    line-height: 1.65
}

.stage-about {
    background: var(--stage-soft);
    text-align: center;
    border-radius: 20px;
    max-width: 1160px;
    margin: 0 auto 75px;
    padding: 36px
}

.stage-about h2 {
    font-family: var(--font-editorial);
    margin: 0 0 10px;
    font-size: 28px
}

.stage-about p {
    color: #61777a;
    max-width: 850px;
    margin: 0 auto 15px;
    font-size: 11px;
    line-height: 1.65
}

.stage-about a {
    color: #1d7172;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.stage-footer {
    color: #fff;
    background: #173f43;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: 38px;
    padding: 50px max(6vw, 35px) 28px;
    display: grid
}

.stage-footer>div img {
    width: 205px
}

.stage-footer>div p {
    color: #9fc0c1;
    max-width: 330px;
    font-size: 9px;
    line-height: 1.6
}

.stage-footer nav {
    flex-direction: column;
    gap: 9px;
    display: flex
}

.stage-footer nav b {
    font-size: 10px
}

.stage-footer nav a {
    color: #b8d2d3;
    font-size: 9px;
    text-decoration: none
}

.stage-footer>small {
    color: #8eafb0;
    border-top: 1px solid #ffffff20;
    grid-column: 1/5;
    padding-top: 20px;
    font-size: 8px;
    line-height: 1.55
}

@media (width<=950px) {
    .stage-header nav {
        display: none
    }

    .stage-hero {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .stage-product-grid {
        grid-template-columns: 1fr 1fr
    }

    .stage-choose {
        grid-template-columns: 1fr
    }

    .stage-footer {
        grid-template-columns: 1.3fr repeat(2, 1fr)
    }

    .stage-footer>small {
        grid-column: 1/4
    }
}

@media (width<=620px) {
    .stage-topbar span:first-child {
        display: none
    }

    .stage-header {
        height: 65px;
        padding: 0 18px
    }

    .stage-header>a img {
        width: 155px
    }

    .stage-header>div a:first-child {
        display: none
    }

    .stage-breadcrumb {
        padding: 18px 20px 0
    }

    .stage-hero {
        padding: 42px 20px 55px
    }

    .stage-hero h1 {
        font-size: 39px
    }

    .stage-hero>div>div {
        flex-direction: column;
        align-items: flex-start
    }

    .stage-hero aside>div {
        grid-template-columns: 1fr
    }

    .stage-answer {
        padding: 40px 22px
    }

    .stage-products,
    .stage-guides {
        padding: 55px 20px
    }

    .stage-heading {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .stage-heading h2 {
        font-size: 33px
    }

    .stage-product-grid {
        grid-template-columns: 1fr
    }

    .stage-choose {
        gap: 25px;
        padding: 55px 22px
    }

    .stage-choose>div:last-child,
    .stage-guides>div:last-child {
        grid-template-columns: 1fr
    }

    .stage-more {
        flex-direction: column;
        align-items: flex-start
    }

    .stage-faq {
        padding: 55px 22px
    }

    .stage-about {
        margin: 0 18px 55px;
        padding: 28px 22px
    }

    .stage-footer {
        grid-template-columns: 1fr 1fr;
        padding: 42px 22px 25px
    }

    .stage-footer>div,
    .stage-footer>small {
        grid-column: 1/3
    }
}

:root {
    --mh-brand-teal: #00999f;
    --mh-brand-deep: #006072;
    --mh-brand-yellow: #fcb913;
    --mh-brand-grey: #a7a8ab;
    --mh-brand-white: #fff
}

.unified-topbar {
    height: 32px;
    color: var(--mh-brand-deep);
    background: #e5f6f6;
    justify-content: space-between;
    align-items: center;
    padding: 0 max(4vw, 28px);
    font-size: 8px;
    font-weight: 700;
    display: flex
}

.unified-topbar>div {
    gap: 9px;
    display: flex
}

.unified-topbar a {
    color: var(--mh-brand-deep);
    text-decoration: none
}

.unified-header {
    z-index: 40;
    background: #fff;
    border-bottom: 1px solid #d5eaea;
    align-items: center;
    gap: 26px;
    height: 74px;
    padding: 0 max(4vw, 28px);
    display: flex;
    position: sticky;
    top: 0
}

.unified-logo img {
    width: 185px;
    height: auto;
    display: block
}

.unified-header>nav {
    justify-content: center;
    align-items: center;
    gap: 19px;
    display: flex
}

.unified-header>nav a {
    color: var(--mh-brand-deep);
    white-space: nowrap;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none
}

.unified-account {
    align-items: center;
    gap: 7px;
    display: flex
}

.unified-account>a {
    color: var(--mh-brand-deep);
    border: 1px solid #9ed3d5;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none
}

.unified-account>a:nth-child(2) {
    background: var(--mh-brand-teal);
    border-color: var(--mh-brand-teal);
    color: #fff
}

.unified-account .unified-search {
    background: #e5f6f6;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    font-size: 16px;
    display: grid
}

.unified-footer {
    background: var(--mh-brand-deep);
    color: #fff
}

.unified-newsletter {
    color: var(--mh-brand-deep);
    background: #e5f6f6;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;
    padding: 38px max(6vw, 35px);
    display: grid
}

.unified-newsletter>div>span {
    color: var(--mh-brand-teal);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900
}

.unified-newsletter h2 {
    font-family: var(--font-editorial);
    margin: 7px 0;
    font-size: 28px
}

.unified-newsletter p {
    color: #5b7679;
    font-size: 10px
}

.unified-newsletter form label {
    margin-bottom: 6px;
    font-size: 8px;
    font-weight: 800;
    display: block
}

.unified-newsletter form>div {
    background: #fff;
    border: 1px solid #9ed3d5;
    border-radius: 9px;
    grid-template-columns: 1fr auto;
    display: grid;
    overflow: hidden
}

.unified-newsletter input {
    min-width: 0;
    font: inherit;
    border: 0;
    padding: 12px 14px;
    font-size: 10px
}

.unified-newsletter button {
    background: var(--mh-brand-teal);
    color: #fff;
    border: 0;
    padding: 0 18px;
    font-size: 9px;
    font-weight: 900
}

.unified-newsletter small {
    color: #698386;
    margin-top: 6px;
    font-size: 7px;
    display: block
}

.unified-footer-grid {
    grid-template-columns: 1.45fr repeat(4, 1fr);
    gap: 38px;
    max-width: 1380px;
    margin: auto;
    padding: 52px max(4vw, 30px) 40px;
    display: grid
}

.unified-footer-grid>div img {
    width: 205px
}

.unified-footer-grid>div p {
    color: #a9cbcc;
    max-width: 300px;
    font-size: 9px;
    line-height: 1.65
}

.unified-footer-grid nav {
    flex-direction: column;
    gap: 9px;
    display: flex
}

.unified-footer-grid nav b {
    margin-bottom: 4px;
    font-size: 10px
}

.unified-footer-grid nav a {
    color: #b9d4d5;
    font-size: 9px;
    text-decoration: none
}

.unified-social {
    gap: 7px;
    margin-top: 13px;
    display: flex
}

.unified-social a {
    color: #fff;
    border: 1px solid #ffffff35;
    border-radius: 50%;
    place-items: center;
    width: 29px;
    height: 29px;
    font-size: 10px;
    text-decoration: none;
    display: grid
}

.unified-app {
    border-top: 1px solid #ffffff20;
    border-bottom: 1px solid #ffffff20;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    max-width: 1380px;
    margin: auto;
    padding: 20px max(4vw, 30px);
    display: flex
}

.unified-app>div:first-child {
    flex-direction: column;
    gap: 4px;
    display: flex
}

.unified-app b {
    font-size: 11px
}

.unified-app span {
    color: #9fc1c2;
    font-size: 8px
}

.unified-app>div:last-child {
    gap: 8px;
    display: flex
}

.unified-app a {
    color: #fff;
    border: 1px solid #ffffff45;
    border-radius: 7px;
    padding: 8px 11px;
    font-size: 8px;
    text-decoration: none
}

.unified-legal {
    color: #9fc0c1;
    max-width: 1380px;
    margin: auto;
    padding: 23px max(4vw, 30px) 30px
}

.unified-legal>div {
    justify-content: space-between;
    gap: 30px;
    display: flex
}

.unified-legal span,
.unified-legal a,
.unified-legal p {
    color: #a9c6c7;
    font-size: 8px
}

.unified-legal nav {
    gap: 15px;
    display: flex
}

.unified-legal a {
    text-decoration: none
}

.unified-legal p {
    max-width: 1050px;
    margin-top: 16px;
    line-height: 1.55
}

.micro-subnav {
    min-height: 48px;
    color: var(--mh-brand-deep);
    background: #f2f9f9;
    border-bottom: 1px solid #d5eaea;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    padding: 0 max(5vw, 35px);
    display: flex
}

.micro-subnav b {
    font-family: var(--font-editorial);
    font-size: 17px
}

.micro-subnav>div {
    gap: 18px;
    display: flex
}

.micro-subnav a {
    color: var(--mh-brand-deep);
    font-size: 9px;
    font-weight: 800;
    text-decoration: none
}

.stage-page {
    --stage: var(--mh-brand-teal) !important;
    --stage-soft: #e9f7f7 !important
}

.stage-page .stage-choose,
.stage-page .stage-more {
    background: var(--mh-brand-deep)
}

.stage-page .stage-primary {
    background: var(--mh-brand-teal)
}

.stage-page .stage-product-art>span {
    color: var(--mh-brand-teal)
}

.experts-page {
    --pink: var(--mh-brand-teal);
    --teal-dark: var(--mh-brand-deep)
}

.experts-hero {
    background: linear-gradient(135deg, #e7f6f6, #fffaf0)
}

.expert-page-cta {
    background: var(--mh-brand-teal)
}

.stage-faq,
.mct-faq,
.expert-faq {
    background: #fff;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 72px;
    padding-bottom: 72px
}

.stage-faq>span,
.mct-faq>div>span,
.expert-faq>span {
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900;
    display: block;
    color: var(--mh-brand-teal) !important
}

.stage-faq h2,
.mct-faq h2,
.expert-faq h2 {
    font-family: var(--font-editorial);
    color: var(--mh-brand-deep);
    margin: 9px 0 24px;
    font-size: 39px
}

.stage-faq details,
.mct-faq details,
.expert-faq details {
    background: #fff;
    border-top: 1px solid #d5e6e6;
    padding: 16px 0
}

.stage-faq summary,
.mct-faq summary,
.expert-faq summary {
    cursor: pointer;
    color: var(--mh-brand-deep);
    font-family: var(--font-editorial);
    justify-content: space-between;
    gap: 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.stage-faq summary span,
.mct-faq summary span,
.expert-faq summary span {
    color: var(--mh-brand-teal)
}

.stage-faq details p,
.mct-faq details p,
.expert-faq details p {
    color: #607b7e;
    font-size: 10px;
    line-height: 1.7
}

.mct-faq>div {
    text-align: left
}

.expert-faq {
    padding-left: 30px;
    padding-right: 30px
}

.expert-faq-grid {
    display: block
}

@media (width<=1080px) {
    .unified-header>nav {
        display: none
    }

    .unified-footer-grid {
        grid-template-columns: 1.35fr repeat(3, 1fr)
    }
}

@media (width<=680px) {
    .unified-topbar>span {
        display: none
    }

    .unified-header {
        height: 64px;
        padding: 0 18px
    }

    .unified-logo img {
        width: 155px
    }

    .unified-account>a:first-child,
    .unified-account .unified-search {
        display: none
    }

    .unified-newsletter {
        grid-template-columns: 1fr;
        gap: 23px;
        padding: 34px 22px
    }

    .unified-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
        padding: 42px 22px 34px
    }

    .unified-footer-grid>div:first-child {
        grid-column: 1/3
    }

    .unified-app {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 22px
    }

    .unified-legal {
        padding: 22px
    }

    .unified-legal>div {
        flex-direction: column;
        align-items: flex-start
    }

    .unified-legal nav {
        flex-wrap: wrap
    }

    .micro-subnav {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px
    }

    .stage-faq,
    .mct-faq,
    .expert-faq {
        padding: 55px 22px
    }

    .stage-faq h2,
    .mct-faq h2,
    .expert-faq h2 {
        font-size: 32px
    }
}

.unified-header {
    gap: 24px;
    height: auto;
    min-height: 78px;
    padding-left: max(3vw, 28px);
    padding-right: max(3vw, 28px)
}

.unified-logo {
    flex: none
}

.unified-logo img {
    width: 172px
}

.unified-header>nav {
    gap: 12px
}

.unified-header>nav .unified-nav-pill {
    color: #254f53;
    white-space: nowrap;
    border: 1px solid #0000;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 39px;
    padding: 0 17px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s, box-shadow .18s;
    display: inline-flex
}

.unified-header>nav .unified-nav-pill:hover,
.unified-header>nav .unified-nav-pill:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #00999f55;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px #1f575714
}

.unified-header>nav .unified-nav-pill.mums {
    color: #fff;
    background: #315f61
}

.unified-header>nav .unified-nav-pill.pregnancy {
    background: #faf7f2;
    border-color: #eadfd5
}

.unified-header>nav .unified-nav-pill.baby {
    background: #e5f5f5
}

.unified-header>nav .unified-nav-pill.toddlers {
    color: #5c4778;
    background: #f1eafa
}

.unified-header>nav .unified-nav-pill.children {
    background: #eaf4f8
}

.unified-header>nav .unified-nav-pill.family {
    color: #77543d;
    background: #fff1e3
}

.unified-header>nav .unified-nav-pill.wellness {
    background: #eaf6f1
}

.unified-chevron {
    font-size: 10px;
    line-height: 1;
    transform: translateY(-1px)
}

.newsletter-gate-backdrop {
    z-index: 1000;
    backdrop-filter: blur(7px);
    background: #0931359e;
    place-items: center;
    padding: 22px;
    display: grid;
    position: fixed;
    inset: 0
}

.newsletter-gate {
    color: #28575b;
    text-align: center;
    background: #fff;
    border: 1px solid #cce5e3;
    border-radius: 25px;
    width: min(100%, 500px);
    padding: 40px 38px 34px;
    position: relative;
    box-shadow: 0 28px 80px #052c3047
}

.newsletter-gate>img {
    width: 205px;
    max-width: 60%;
    height: auto;
    margin: 0 auto 24px;
    display: block
}

.newsletter-gate>span {
    color: #df3c80;
    letter-spacing: .16em;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.newsletter-gate h2 {
    color: #28575b;
    font-family: var(--font-editorial);
    margin: 10px 0 12px;
    font-size: 32px;
    line-height: 1.12
}

.newsletter-gate p {
    color: #617a7d;
    max-width: 410px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.65
}

.newsletter-gate>small {
    color: #789093;
    margin-top: 16px;
    font-size: 8px;
    line-height: 1.5;
    display: block
}

.newsletter-gate-close {
    color: #28575b;
    cursor: pointer;
    background: #f3f9f8;
    border: 1px solid #d8e8e7;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 21px;
    line-height: 1;
    position: absolute;
    top: 14px;
    right: 14px
}

.newsletter-gate-close:hover,
.newsletter-gate-close:focus-visible {
    outline-offset: 2px;
    background: #e4f4f2;
    outline: 2px solid #00999f55
}

.newsletter-gate-actions {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 24px;
    display: grid
}

.newsletter-gate-actions a {
    color: #fff;
    background: #167d82;
    border: 1px solid #167d82;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 0 16px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    display: flex
}

.newsletter-gate-actions a+a {
    background: #df3c80;
    border-color: #df3c80
}

.newsletter-gate-actions a:hover,
.newsletter-gate-actions a:focus-visible {
    outline: none;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px #1c5b5e2e
}

@media (width<=520px) {
    .newsletter-gate {
        padding: 34px 22px 28px
    }

    .newsletter-gate h2 {
        font-size: 27px
    }

    .newsletter-gate-actions {
        grid-template-columns: 1fr
    }

    .newsletter-gate>img {
        width: 175px
    }
}

.unified-account {
    flex: none
}

.unified-account>a {
    padding: 9px 13px
}

.unified-account>a:nth-child(2) {
    background: #df3c80;
    border-color: #df3c80
}

.unified-account .unified-search {
    width: 38px;
    height: 38px
}

@media (width<=1280px) {
    .unified-header {
        gap: 15px;
        padding-left: 20px;
        padding-right: 20px
    }

    .unified-logo img {
        width: 145px
    }

    .unified-header>nav {
        gap: 7px
    }

    .unified-header>nav .unified-nav-pill {
        padding: 0 11px;
        font-size: 8px
    }

    .unified-account>a {
        padding: 8px 10px
    }
}

@media (width<=1080px) {
    .unified-header {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: 116px;
        padding-top: 14px;
        padding-bottom: 11px
    }

    .unified-header>nav {
        scrollbar-width: none;
        order: 3;
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 3px;
        display: flex;
        overflow-x: auto
    }

    .unified-header>nav::-webkit-scrollbar {
        display: none
    }

    .unified-header>nav .unified-nav-pill {
        flex: none
    }

    .unified-account {
        margin-left: auto
    }
}

@media (width<=680px) {
    .unified-header {
        height: auto;
        min-height: 108px;
        padding: 12px 16px 9px
    }

    .unified-logo img {
        width: 145px
    }

    .unified-header>nav .unified-nav-pill {
        min-height: 35px;
        padding: 0 12px
    }

    .unified-account>a:nth-child(2) {
        display: inline-flex
    }
}

main:has(>.site-header) {
    flex-direction: column;
    display: flex
}

main:has(>.site-header)>.prototype-note {
    order: 0
}

main:has(>.site-header)>.site-header {
    order: 1
}

main:has(>.site-header)>.hero {
    order: 10
}

main:has(>.site-header)>.credential-strip {
    order: 20
}

main:has(>.site-header)>.journey-start {
    order: 30
}

main:has(>.site-header)>.stages {
    order: 40
}

main:has(>.site-header)>.tools {
    order: 50
}

main:has(>.site-header)>.featured-story {
    order: 60
}

main:has(>.site-header)>.expert-band {
    order: 70
}

main:has(>.site-header)>.expert-panel-home {
    order: 80
}

main:has(>.site-header)>.resource-library {
    order: 90
}

main:has(>.site-header)>.communities {
    order: 100
}

main:has(>.site-header)>.parent-highlights {
    order: 110
}

main:has(>.site-header)>.original-series {
    order: 120
}

main:has(>.site-header)>.mamacubatry {
    order: 130
}

main:has(>.site-header)>.morimama-ad {
    order: 140
}

main:has(>.site-header)>.partner-campaigns {
    order: 150
}

main:has(>.site-header)>.partner-module {
    order: 160
}

main:has(>.site-header)>.discover {
    order: 170
}

main:has(>.site-header)>.app-section {
    order: 180
}

main:has(>.site-header)>.trust-section {
    order: 190
}

main:has(>.site-header)>.faq {
    order: 200
}

main:has(>.site-header)>.about-bilingual {
    order: 210
}

main:has(>.site-header)>.final-cta {
    order: 220
}

main:has(>.site-header)>.site-footer {
    order: 230
}

main:has(>.site-header)>.sticky-enquire {
    order: 300
}

main:has(>.site-header)>.enquiry-backdrop {
    order: 300
}

main:has(>.site-header)>script {
    order: 300
}

.mct-info-page {
    --mct-pink: #ef466f;
    --mct-gold: #f7b718;
    --mct-ink: #273f43;
    background: #fffdf9
}

.mct-info-hero-v2 {
    background: radial-gradient(circle at 90% 15%, #fff0b8 0 12%, #0000 12.5%), linear-gradient(125deg, #fff9e8 0 45%, #fff 72%);
    grid-template-columns: 1fr .92fr;
    align-items: center;
    gap: 62px;
    min-height: 650px;
    padding: 72px max(6vw, 40px);
    display: grid
}

.mct-info-copy>img {
    width: 255px;
    height: auto;
    margin-bottom: 25px
}

.mct-info-copy>span,
.mct-benefits .mct-heading span,
.mct-process-v2 .mct-heading span,
.mct-live-campaign>div:last-child>span,
.mct-top-products .mct-heading span,
.mct-lower-info .mct-heading span,
.mct-eligibility-v2 span {
    color: #ba7937;
    letter-spacing: .16em;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.mct-info-copy h1 {
    max-width: 760px;
    color: var(--mct-ink);
    margin: 13px 0 20px;
    font-size: 57px;
    line-height: 1.01
}

.mct-info-copy>p {
    color: #5f7072;
    max-width: 650px;
    font-size: 15px;
    line-height: 1.65
}

.mct-hero-actions {
    gap: 11px;
    margin: 28px 0 14px;
    display: flex
}

.mct-info-page .mct-btn {
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
    display: inline-flex
}

.mct-info-page .mct-btn.primary {
    background: var(--mct-pink);
    color: #fff
}

.mct-info-page .mct-btn.secondary {
    color: #235b5d;
    background: #fff;
    border: 1px solid #9fcfca
}

.mct-info-copy>small {
    color: #738386;
    font-size: 8px
}

.mct-hero-community {
    min-height: 490px;
    position: relative
}

.mct-hero-photo {
    background: #fff;
    border: 10px solid #fff;
    border-radius: 30px;
    position: absolute;
    inset: 0 45px 65px 0;
    overflow: hidden;
    box-shadow: 0 30px 70px #6e55252b
}

.mct-hero-photo img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fffaf1;
    width: 100%;
    height: 100%
}

.mct-hero-photo>span {
    background: var(--mct-pink);
    color: #fff;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 8px;
    font-weight: 900;
    position: absolute;
    top: 17px;
    left: 17px
}

.mct-hero-proof {
    color: #fff;
    background: #173f43;
    border-radius: 18px;
    width: 175px;
    padding: 20px;
    position: absolute;
    top: 55px;
    right: 0;
    box-shadow: 0 18px 35px #173f4330
}

.mct-hero-proof b,
.mct-hero-proof span {
    display: block
}

.mct-hero-proof b {
    color: #ffd54e;
    font-size: 28px
}

.mct-hero-proof span {
    margin-top: 5px;
    font-size: 9px;
    line-height: 1.45
}

.mct-floating-products {
    background: #fff;
    border: 1px solid #e8d7be;
    border-radius: 20px;
    justify-content: center;
    gap: 13px;
    height: 110px;
    padding: 12px 18px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 34px;
    right: 75px
}

.mct-floating-products img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 30%;
    height: 100%
}

.mct-page-nav {
    z-index: 25;
    background: #fff;
    border-top: 1px solid #e8ded0;
    border-bottom: 1px solid #e8ded0;
    justify-content: center;
    align-items: center;
    gap: 34px;
    min-height: 54px;
    padding: 0 max(6vw, 40px);
    display: flex;
    position: sticky;
    top: 0
}

.mct-page-nav a {
    color: #2a5b5e;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-benefits,
.mct-process-v2,
.mct-top-products,
.mct-lower-info {
    max-width: 1220px;
    margin: auto;
    padding: 82px 30px
}

.mct-heading.compact {
    align-items: end
}

.mct-heading.compact h2 {
    color: var(--mct-ink);
    font-size: 38px
}

.mct-heading.compact>a {
    color: #167f82;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.mct-benefit-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    display: grid
}

.mct-benefit-grid article {
    background: #fff;
    border: 1px solid #d9e9e7;
    border-radius: 20px;
    padding: 26px 23px;
    box-shadow: 0 13px 30px #204b4d0a
}

.mct-benefit-grid article:nth-child(2) {
    background: #fff5f7
}

.mct-benefit-grid article:nth-child(4) {
    background: #fff8dc
}

.mct-benefit-grid i,
.mct-lower-grid i {
    color: #168083;
    background: #e5f5f3;
    border-radius: 15px;
    place-items: center;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-style: normal;
    display: grid
}

.mct-benefit-grid h3 {
    color: var(--mct-ink);
    margin: 18px 0 8px;
    font-size: 18px
}

.mct-benefit-grid p {
    color: #617476;
    font-size: 10px;
    line-height: 1.65
}

.mct-process-v2 {
    background: #eef8f7;
    max-width: none;
    padding-left: max(30px, 50vw - 580px);
    padding-right: max(30px, 50vw - 580px)
}

.mct-process-v2>.mct-heading,
.mct-process-v2>.mct-step-line,
.mct-process-v2>aside {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto
}

.mct-step-line {
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    display: grid
}

.mct-step-line article {
    border-top: 3px solid #7ec6c2;
    padding: 10px 18px 20px;
    position: relative
}

.mct-step-line article:before {
    content: "";
    background: var(--mct-pink);
    border: 3px solid #eef8f7;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -8px;
    left: 18px
}

.mct-step-line b {
    color: var(--mct-pink);
    margin: 14px 0 8px;
    font-size: 10px;
    display: block
}

.mct-step-line h3 {
    color: var(--mct-ink);
    margin: 0 0 7px;
    font-size: 16px
}

.mct-step-line p {
    color: #5f7476;
    font-size: 9px;
    line-height: 1.55
}

.mct-process-v2>aside {
    color: #617476;
    background: #fff;
    border-radius: 12px;
    margin-top: 20px;
    padding: 16px 20px;
    font-size: 9px;
    line-height: 1.55
}

.mct-process-v2>aside strong {
    color: #255a5d
}

.mct-live-campaign {
    color: #fff;
    background: #183f43;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    gap: 62px;
    padding: 80px max(7vw, 45px);
    display: grid
}

.mct-live-visual {
    background: #fff;
    border-radius: 24px;
    height: 430px;
    position: relative;
    overflow: hidden
}

.mct-live-visual img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%
}

.mct-live-visual>span {
    background: var(--mct-gold);
    color: #2b2313;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 8px;
    font-weight: 900;
    position: absolute;
    bottom: 18px;
    left: 18px
}

.mct-live-campaign h2 {
    color: #fff;
    max-width: 600px;
    margin: 10px 0;
    font-size: 44px
}

.mct-live-campaign p {
    color: #bdd2d2;
    max-width: 650px;
    font-size: 13px;
    line-height: 1.65
}

.mct-live-campaign ul {
    gap: 22px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
    display: flex
}

.mct-live-campaign li {
    color: #dfeaea;
    font-size: 9px
}

.mct-live-campaign li:before {
    content: "✓";
    color: #ffd34d;
    margin-right: 6px;
    font-weight: 900
}

.mct-live-campaign .mct-btn {
    margin-top: 7px
}

.mct-live-campaign small {
    color: #91adaf;
    max-width: 650px;
    margin-top: 12px;
    font-size: 8px;
    display: block
}

.mct-info-products {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    display: grid
}

.mct-info-products article {
    background: #fff;
    border: 1px solid #dbe8e6;
    border-radius: 20px;
    overflow: hidden
}

.mct-info-products article>a {
    background: #fffaf0;
    height: 255px;
    display: block;
    position: relative
}

.mct-info-products article>a img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%
}

.mct-info-products article>a span {
    color: #fff;
    background: #173f43;
    border-radius: 999px;
    padding: 7px 9px;
    font-size: 7px;
    font-weight: 900;
    position: absolute;
    bottom: 14px;
    left: 14px
}

.mct-info-products article>div {
    padding: 22px
}

.mct-stars {
    color: #f0ae19;
    letter-spacing: .06em;
    font-size: 12px
}

.mct-stars b {
    color: #344f52;
    margin-left: 6px;
    font-size: 9px
}

.mct-info-products h3 {
    min-height: 48px;
    color: var(--mct-ink);
    margin: 9px 0;
    font-size: 20px
}

.mct-info-products p {
    color: #718184;
    font-size: 9px
}

.mct-info-products article>div>a {
    color: #167f82;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-community-strip {
    background: #f8b71b;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    gap: 32px;
    padding: 34px max(7vw, 45px);
    display: grid
}

.mct-community-strip img {
    width: 210px
}

.mct-community-strip span {
    letter-spacing: .14em;
    font-size: 8px;
    font-weight: 900
}

.mct-community-strip h2 {
    margin: 6px 0;
    font-size: 25px
}

.mct-community-strip>a {
    color: #fff;
    background: #173f43;
    border-radius: 999px;
    padding: 13px 17px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.mct-lower-info {
    padding-top: 90px
}

.mct-lower-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    display: grid
}

.mct-lower-grid article {
    background: #f7fbfa;
    border-top: 3px solid #d5e8e5;
    padding: 23px
}

.mct-lower-grid h3 {
    color: var(--mct-ink);
    margin: 15px 0 8px;
    font-size: 16px
}

.mct-lower-grid p {
    color: #657779;
    font-size: 9px;
    line-height: 1.65
}

.mct-eligibility-v2 {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 0 max(7vw, 45px) 80px;
    display: grid
}

.mct-eligibility-v2>div {
    border: 1px solid #dbe8e6;
    border-radius: 22px;
    padding: 32px
}

.mct-eligibility-v2>div+div {
    background: #fff4f6
}

.mct-eligibility-v2 h2 {
    color: var(--mct-ink);
    margin: 9px 0;
    font-size: 27px
}

.mct-eligibility-v2 p {
    color: #617476;
    font-size: 10px;
    line-height: 1.7
}

.mct-complete-faq>div p {
    color: #617476;
    font-size: 10px
}

.mct-seo-copy {
    background: #f5f8f7;
    grid-template-columns: 220px 1fr;
    align-items: center;
    gap: 42px;
    padding: 50px max(8vw, 55px);
    display: grid
}

.mct-seo-copy img {
    width: 210px
}

.mct-seo-copy h2 {
    color: var(--mct-ink);
    margin: 0 0 12px;
    font-size: 24px
}

.mct-seo-copy p {
    color: #687a7c;
    font-size: 9px;
    line-height: 1.7
}

.mct-info-page .mct-faq {
    background: #fffdf9
}

.mct-info-page .mct-faq>div>span {
    color: #ba7937 !important
}

@media (width<=980px) {
    .mct-info-hero-v2 {
        grid-template-columns: 1fr
    }

    .mct-hero-community {
        min-height: 480px
    }

    .mct-benefit-grid,
    .mct-lower-grid {
        grid-template-columns: 1fr 1fr
    }

    .mct-step-line {
        grid-template-columns: repeat(3, 1fr)
    }

    .mct-live-campaign {
        grid-template-columns: 1fr
    }

    .mct-community-strip {
        grid-template-columns: 180px 1fr
    }

    .mct-community-strip>a {
        grid-column: 2
    }

    .mct-info-products {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=650px) {
    .mct-info-hero-v2 {
        gap: 35px;
        padding: 48px 20px
    }

    .mct-info-copy>img {
        width: 215px
    }

    .mct-info-copy h1 {
        font-size: 40px
    }

    .mct-info-copy>p {
        font-size: 12px
    }

    .mct-hero-actions {
        flex-direction: column;
        align-items: stretch
    }

    .mct-hero-community {
        min-height: 400px
    }

    .mct-hero-photo {
        inset: 0 15px 58px 0
    }

    .mct-hero-proof {
        width: 140px;
        top: 28px;
        right: 0
    }

    .mct-floating-products {
        height: 88px;
        left: 12px;
        right: 25px
    }

    .mct-page-nav {
        white-space: nowrap;
        justify-content: flex-start;
        gap: 18px;
        overflow-x: auto
    }

    .mct-benefits,
    .mct-process-v2,
    .mct-top-products,
    .mct-lower-info {
        padding: 58px 20px
    }

    .mct-benefit-grid,
    .mct-lower-grid,
    .mct-info-products,
    .mct-eligibility-v2 {
        grid-template-columns: 1fr
    }

    .mct-step-line {
        display: flex;
        overflow-x: auto
    }

    .mct-step-line article {
        flex: 0 0 72%
    }

    .mct-live-campaign {
        gap: 30px;
        padding: 55px 20px
    }

    .mct-live-visual {
        height: 330px
    }

    .mct-live-campaign h2 {
        font-size: 35px
    }

    .mct-live-campaign ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .mct-community-strip {
        grid-template-columns: 1fr;
        padding: 30px 20px
    }

    .mct-community-strip>a {
        grid-column: 1;
        justify-self: start
    }

    .mct-eligibility-v2 {
        padding: 0 20px 60px
    }

    .mct-seo-copy {
        grid-template-columns: 1fr;
        padding: 40px 20px
    }

    .mct-seo-copy img {
        width: 180px
    }
}

.journey-start {
    background: #f7fbfa;
    border-top: 1px solid #d9e9e7;
    border-bottom: 1px solid #d9e9e7;
    padding: 34px max(4vw, 30px) 30px
}

.journey-start .quick-title {
    grid-template-columns: minmax(210px, .55fr) 1fr;
    align-items: end;
    gap: 8px 35px;
    margin-bottom: 21px;
    display: grid
}

.journey-start .quick-title>span {
    color: #df5265;
    letter-spacing: .15em;
    grid-column: 1;
    font-size: 9px;
    font-weight: 900
}

.journey-start .quick-title>b {
    font-family: var(--font-editorial);
    color: var(--teal-dark);
    grid-column: 1;
    font-size: 25px
}

.journey-start .quick-title>p {
    max-width: 520px;
    color: var(--muted);
    grid-area: 1/2/3;
    align-self: center;
    margin: 0;
    font-size: 10px;
    line-height: 1.6
}

.journey-actions {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    display: grid
}

.journey-actions>a {
    min-height: 92px;
    color: var(--teal-dark);
    background: #fff;
    border: 1px solid #d5e6e4;
    border-radius: 14px;
    grid-template-rows: auto auto;
    grid-template-columns: 25px 1fr;
    gap: 3px 8px;
    padding: 15px 14px;
    text-decoration: none;
    transition: transform .18s, border-color .18s;
    display: grid;
    box-shadow: 0 8px 22px #173f4308
}

.journey-actions>a:hover,
.journey-actions>a:focus-visible {
    border-color: #8bc9c6;
    outline: none;
    transform: translateY(-2px)
}

.journey-actions span {
    color: #1d7d7b;
    background: #e4f4f2;
    border-radius: 50%;
    grid-row: 1/3;
    place-items: center;
    width: 25px;
    height: 25px;
    font-size: 8px;
    font-weight: 900;
    display: grid
}

.journey-actions b {
    align-self: end;
    font-size: 10px;
    line-height: 1.25
}

.journey-actions small {
    color: #718386;
    font-size: 8px;
    line-height: 1.3
}

.familiar-sections {
    border-top: 1px solid #d9e7e5;
    margin-top: 14px;
    padding-top: 12px
}

.familiar-sections summary {
    color: #2b6b6b;
    cursor: pointer;
    align-items: center;
    gap: 8px;
    width: -moz-max-content;
    width: max-content;
    font-size: 9px;
    font-weight: 800;
    display: flex
}

.familiar-sections summary::marker {
    display: none
}

.familiar-sections summary span {
    color: #df5265;
    font-size: 13px
}

.familiar-sections .quick-track {
    margin-top: 12px
}

.partner-module {
    background: #fbf8f4;
    padding-top: 36px;
    padding-bottom: 42px
}

.partner-module .partner-grid {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
}

.partner-module .partner-main {
    min-height: 190px
}

.trust-section,
.about-bilingual {
    content-visibility: auto;
    contain-intrinsic-size: 900px
}

@media (width<=1100px) {
    .journey-actions {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (width<=680px) {
    .journey-start {
        padding: 28px 18px 24px
    }

    .journey-start .quick-title {
        grid-template-columns: 1fr;
        gap: 6px
    }

    .journey-start .quick-title>span,
    .journey-start .quick-title>b,
    .journey-start .quick-title>p {
        grid-area: auto/1
    }

    .journey-actions {
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding-bottom: 5px;
        display: flex;
        overflow-x: auto
    }

    .journey-actions>a {
        scroll-snap-align: start;
        min-width: 210px
    }

    .familiar-sections summary {
        width: auto
    }
}

.mct-parent-brand {
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    display: flex
}

.mct-parent-brand img {
    width: 178px;
    height: auto
}

.mct-parent-brand span {
    color: #607779;
    border-left: 1px solid #b8d6d3;
    padding-left: 12px;
    font-size: 9px;
    font-weight: 800
}

.mct-info-copy>.mct-parent-brand+span {
    display: block
}

.mct-brand-wall {
    background: #fff;
    padding: 55px max(6vw, 40px)
}

.mct-brand-wall>div:first-child {
    text-align: center
}

.mct-brand-wall>div:first-child span {
    color: #ba7937;
    letter-spacing: .15em;
    font-size: 8px;
    font-weight: 900
}

.mct-brand-wall h2 {
    color: #273f43;
    margin: 8px 0 25px;
    font-size: 27px
}

.mct-brand-rail {
    scroll-snap-type: x mandatory;
    gap: 13px;
    padding: 4px 2px 10px;
    display: flex;
    overflow-x: auto
}

.mct-brand-rail>b {
    color: #2d4042;
    text-align: center;
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e2e9e8;
    border-radius: 14px;
    flex: 0 0 150px;
    justify-content: center;
    align-items: center;
    height: 94px;
    padding: 12px;
    font-size: 17px;
    line-height: 1;
    display: flex;
    box-shadow: 0 8px 20px #244b4c0a
}

.mct-brand-rail b small {
    letter-spacing: .08em;
    margin-top: 4px;
    font-size: 5px;
    display: block
}

.mct-brand-rail .farmfresh {
    font-family: Georgia, serif;
    font-size: 22px;
    font-style: italic
}

.mct-brand-rail .carrie {
    color: #ee185d;
    font-size: 19px
}

.mct-brand-rail .carrie small {
    color: #39b9c1;
    font-size: 10px
}

.mct-brand-rail .meditots {
    color: #8754a0;
    font-size: 19px;
    font-style: italic
}

.mct-brand-rail .biolife {
    color: #278d75
}

.mct-brand-rail .bepanthen {
    color: #193f85
}

.mct-brand-rail .avent {
    color: #2872a5;
    font-size: 14px
}

.mct-ugc {
    background: #f4f8f7;
    padding: 78px max(6vw, 40px)
}

.mct-ugc>.mct-heading {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto
}

.mct-ugc .mct-heading p {
    color: #65797b;
    max-width: 570px;
    margin: 8px 0 0;
    font-size: 10px;
    line-height: 1.6
}

.mct-ugc-track {
    scroll-snap-type: x mandatory;
    gap: 15px;
    max-width: 1320px;
    margin: auto;
    padding: 4px 2px 14px;
    display: flex;
    overflow-x: auto
}

.mct-ugc-track>a {
    color: #273f43;
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #d9e7e5;
    border-radius: 18px;
    flex: 0 0 245px;
    padding-bottom: 20px;
    text-decoration: none;
    overflow: hidden
}

.mct-ugc-track>a.featured {
    flex-basis: 330px
}

.mct-ugc-track>a>div {
    background: #fffaf0;
    height: 235px;
    position: relative
}

.mct-ugc-track>a.featured>div {
    height: 275px
}

.mct-ugc-track img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.mct-ugc-track>a:nth-child(-n+3) img {
    -o-object-fit: contain;
       object-fit: contain
}

.mct-ugc-track>a>div span {
    color: #df3c80;
    background: #fff;
    border-radius: 50%;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    display: grid;
    position: absolute;
    top: 12px;
    right: 12px;
    box-shadow: 0 5px 15px #0002
}

.mct-ugc-track>a>small,
.mct-ugc-track h3,
.mct-ugc-track p,
.mct-ugc-track>a>b {
    margin-left: 17px;
    margin-right: 17px;
    display: block
}

.mct-ugc-track>a>small {
    color: #c07b3d;
    letter-spacing: .08em;
    margin-top: 16px;
    font-size: 7px;
    font-weight: 900
}

.mct-ugc-track h3 {
    margin-top: 6px;
    margin-bottom: 7px;
    font-size: 16px
}

.mct-ugc-track p {
    color: #647779;
    min-height: 48px;
    font-size: 9px;
    line-height: 1.55
}

.mct-ugc-track>a>b {
    color: #177f82;
    margin-top: 12px;
    font-size: 8px
}

.mct-ugc-note {
    color: #78898b;
    max-width: 1000px;
    margin: 8px auto 0;
    font-size: 7px;
    line-height: 1.5;
    display: block
}

.mct-community-strip {
    grid-template-columns: 180px 1fr auto
}

.mct-community-mark {
    align-items: center;
    display: flex
}

.mct-community-mark span {
    color: #168083;
    background: #fff;
    border: 4px solid #f8b71b;
    border-radius: 50%;
    place-items: center;
    width: 55px;
    height: 55px;
    margin-right: -9px;
    font-size: 19px;
    display: grid
}

.mct-community-strip>div:nth-child(2)>span {
    letter-spacing: .14em;
    font-size: 8px;
    font-weight: 900
}

@media (width<=980px) {
    .mct-community-strip {
        grid-template-columns: 160px 1fr
    }

    .mct-community-strip>a {
        grid-column: 2
    }
}

@media (width<=650px) {
    .mct-parent-brand img {
        width: 155px
    }

    .mct-brand-wall,
    .mct-ugc {
        padding: 50px 20px
    }

    .mct-ugc-track>a,
    .mct-ugc-track>a.featured {
        flex-basis: 78vw
    }

    .mct-community-strip {
        grid-template-columns: 1fr
    }

    .mct-community-strip>a {
        grid-column: 1
    }

    .mct-community-mark {
        margin-bottom: 4px
    }
}

.mct-instagram-track {
    scroll-snap-type: x mandatory;
    gap: 16px;
    max-width: 1320px;
    margin: auto;
    padding: 4px 2px 16px;
    display: flex;
    overflow-x: auto
}

.mct-instagram-track article {
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #d9e7e5;
    border-radius: 18px;
    flex: 0 0 330px;
    overflow: hidden
}

.mct-instagram-track article.featured {
    flex-basis: 370px
}

.mct-embed-frame {
    background: #fff;
    height: 485px;
    overflow: hidden
}

.mct-embed-frame iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.mct-embed-meta {
    border-top: 1px solid #e4eceb;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    display: flex
}

.mct-embed-meta span {
    color: #c47b3b;
    letter-spacing: .08em;
    font-size: 7px;
    font-weight: 900
}

.mct-embed-meta a {
    color: #167f82;
    font-size: 8px;
    font-weight: 900;
    text-decoration: none
}

.mct-youtube {
    color: #fff;
    background: #173f43;
    grid-template-columns: .75fr 1.25fr;
    align-items: center;
    gap: 58px;
    padding: 78px max(7vw, 45px);
    display: grid
}

.mct-youtube>div:first-child>span {
    color: #f7b718;
    letter-spacing: .15em;
    font-size: 8px;
    font-weight: 900
}

.mct-youtube h2 {
    color: #fff;
    max-width: 500px;
    margin: 10px 0 14px;
    font-size: 37px;
    line-height: 1.1
}

.mct-youtube p {
    color: #b9d1d2;
    max-width: 520px;
    font-size: 11px;
    line-height: 1.65
}

.mct-youtube>div:first-child>a {
    color: #fff;
    background: #ef466f;
    border-radius: 999px;
    margin-top: 17px;
    padding: 12px 16px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex
}

.mct-youtube-player {
    background: #0d2426;
    border-radius: 22px;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 55px #0004
}

.mct-youtube-player iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

@media (width<=900px) {
    .mct-youtube {
        grid-template-columns: 1fr;
        gap: 30px
    }
}

@media (width<=650px) {

    .mct-instagram-track article,
    .mct-instagram-track article.featured {
        flex-basis: 84vw
    }

    .mct-embed-frame {
        height: 460px
    }

    .mct-youtube {
        padding: 55px 20px
    }

    .mct-youtube h2 {
        font-size: 31px
    }
}

.mct-info-page .mh-mct-utility {
    font-size: 12px;
    line-height: 1.4
}

.mct-info-page .mh-mct-header nav a,
.mct-info-page .mh-mct-account a {
    font-size: 13px
}

.mct-info-page .mct-info-copy>span,
.mct-info-page .mct-benefits .mct-heading span,
.mct-info-page .mct-process-v2 .mct-heading span,
.mct-info-page .mct-live-campaign>div:last-child>span,
.mct-info-page .mct-top-products .mct-heading span,
.mct-info-page .mct-lower-info .mct-heading span,
.mct-info-page .mct-eligibility-v2 span,
.mct-info-page .mct-brand-wall>div:first-child span,
.mct-info-page .mct-youtube>div:first-child>span {
    letter-spacing: .11em;
    font-size: 12px;
    line-height: 1.4
}

.mct-info-page .mct-parent-brand span {
    font-size: 13px;
    line-height: 1.45
}

.mct-info-page .mct-info-copy>p {
    font-size: 17px;
    line-height: 1.7
}

.mct-info-page .mct-info-copy>small {
    font-size: 12px;
    line-height: 1.5
}

.mct-info-page .mct-btn {
    font-size: 14px;
    line-height: 1.2
}

.mct-info-page .mct-hero-photo>span {
    font-size: 12px
}

.mct-info-page .mct-hero-proof span {
    font-size: 13px;
    line-height: 1.5
}

.mct-info-page .mct-page-nav a {
    font-size: 13px;
    line-height: 1.35
}

.mct-info-page .mct-heading>p,
.mct-info-page .mct-ugc .mct-heading p {
    font-size: 15px;
    line-height: 1.65
}

.mct-info-page .mct-heading.compact>a {
    font-size: 13px
}

.mct-info-page .mct-benefit-grid p,
.mct-info-page .mct-step-line p,
.mct-info-page .mct-process-v2>aside,
.mct-info-page .mct-info-products p,
.mct-info-page .mct-lower-grid p,
.mct-info-page .mct-eligibility-v2 p,
.mct-info-page .mct-complete-faq>div p,
.mct-info-page .mct-seo-copy p {
    font-size: 15px;
    line-height: 1.65
}

.mct-info-page .mct-step-line b {
    font-size: 12px
}

.mct-info-page .mct-step-line h3,
.mct-info-page .mct-lower-grid h3 {
    font-size: 18px;
    line-height: 1.3
}

.mct-info-page .mct-live-campaign p {
    font-size: 16px;
    line-height: 1.7
}

.mct-info-page .mct-live-campaign li {
    font-size: 14px;
    line-height: 1.45
}

.mct-info-page .mct-live-campaign small {
    font-size: 12px;
    line-height: 1.5
}

.mct-info-page .mct-live-visual>span,
.mct-info-page .mct-info-products article>a span {
    font-size: 11px
}

.mct-info-page .mct-stars b,
.mct-info-page .mct-info-products article>div>a {
    font-size: 13px
}

.mct-info-page .mct-community-strip span {
    letter-spacing: .1em;
    font-size: 12px;
    line-height: 1.4
}

.mct-info-page .mct-community-strip>a {
    font-size: 14px
}

.mct-info-page .mct-brand-rail b small {
    font-size: 10px;
    line-height: 1.2
}

.mct-info-page .mct-embed-meta span {
    font-size: 11px;
    line-height: 1.35
}

.mct-info-page .mct-embed-meta a {
    font-size: 13px
}

.mct-info-page .mct-ugc-note {
    font-size: 12px;
    line-height: 1.55
}

.mct-info-page .mct-youtube p {
    font-size: 16px;
    line-height: 1.65
}

.mct-info-page .mct-youtube>div:first-child>a {
    font-size: 14px
}

.mct-info-page .mct-faq summary {
    font-size: 18px;
    line-height: 1.45
}

.mct-info-page .mct-faq details p {
    font-size: 15px;
    line-height: 1.7
}

.mct-info-page .mct-footer-context p {
    font-size: 13px;
    line-height: 1.6
}

.mct-info-page .mct-footer-context>a {
    font-size: 13px
}

.mct-info-page .mct-footer p {
    font-size: 13px;
    line-height: 1.65
}

.mct-info-page .mct-footer nav b {
    font-size: 14px
}

.mct-info-page .mct-footer nav a {
    font-size: 13px;
    line-height: 1.45
}

.mct-info-page .mct-footer-note {
    font-size: 11px;
    line-height: 1.6
}

@media (width<=650px) {
    .mct-info-page .mct-info-copy>p {
        font-size: 16px
    }

    .mct-info-page .mct-page-nav {
        min-height: 58px
    }

    .mct-info-page .mct-page-nav a {
        font-size: 14px
    }

    .mct-info-page .mct-benefit-grid p,
    .mct-info-page .mct-step-line p,
    .mct-info-page .mct-process-v2>aside,
    .mct-info-page .mct-info-products p,
    .mct-info-page .mct-lower-grid p,
    .mct-info-page .mct-eligibility-v2 p,
    .mct-info-page .mct-complete-faq>div p,
    .mct-info-page .mct-seo-copy p,
    .mct-info-page .mct-faq details p {
        font-size: 15px
    }

    .mct-info-page .mct-faq summary {
        font-size: 17px
    }
}

.mct-products-page .mct-reviews-hero p {
    font-size: 16px;
    line-height: 1.7
}

.mct-products-page .mct-reviews-hero aside>span {
    letter-spacing: .1em;
    font-size: 11px
}

.mct-products-page .mct-reviews-hero aside h2 {
    font-size: 27px
}

.mct-products-page .mct-reviews-hero aside p {
    font-size: 15px
}

.mct-products-page .mct-reviews-hero aside a {
    font-size: 13px
}

.mct-products-page .mct-review-proof span {
    font-size: 12px;
    line-height: 1.4
}

.mct-products-page .mct-heading>p {
    color: #6d604e;
    max-width: 690px;
    font-size: 15px;
    line-height: 1.65
}

.mct-products-page .mct-search {
    font-size: 13px
}

.mct-products-page .mct-search input {
    font-size: 14px
}

.mct-products-page .mct-category-scroll button {
    padding: 10px 14px;
    font-size: 13px
}

.mct-products-page .mct-result-count {
    font-size: 13px
}

.mct-products-page .mct-product-image.identity small,
.mct-products-page .mct-product-image span {
    font-size: 10px
}

.mct-products-page .mct-product-grid article>div>span {
    font-size: 11px
}

.mct-products-page .mct-rating b {
    font-size: 14px
}

.mct-products-page .mct-rating span {
    font-size: 12px
}

.mct-products-page .mct-product-grid blockquote {
    min-height: 68px;
    font-size: 14px;
    line-height: 1.6
}

.mct-products-page .mct-product-grid blockquote cite {
    color: #8a7256;
    margin-top: 9px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    display: block
}

.mct-products-page .mct-product-grid article>div>a {
    font-size: 13px
}

.mct-products-page .mct-review-principles>div:first-child>span {
    font-size: 11px
}

.mct-products-page .mct-review-principles article b {
    font-size: 12px
}

.mct-products-page .mct-review-principles p {
    font-size: 14px;
    line-height: 1.6
}

.mct-products-page .mct-wide-cta p {
    font-size: 14px;
    line-height: 1.55
}

.mct-products-page .mct-wide-cta>a {
    font-size: 13px
}

.mct-products-page .mct-faq summary {
    font-size: 17px;
    line-height: 1.45
}

.mct-products-page .mct-faq details p {
    font-size: 15px;
    line-height: 1.7
}

@media (width<=650px) {

    .mct-products-page .mct-reviews-hero p,
    .mct-products-page .mct-heading>p,
    .mct-products-page .mct-faq details p {
        font-size: 15px
    }

    .mct-products-page .mct-product-grid blockquote {
        min-height: 0
    }
}

.mct-site {
    font-family: var(--font-interface);
    color: var(--mh-brand-deep);
    font-size: 16px;
    line-height: 1.6
}

.mct-site h1,
.mct-site h2,
.mct-site h3,
.mct-site summary {
    font-family: var(--font-editorial)
}

.mct-site p,
.mct-site li,
.mct-site blockquote,
.mct-site input,
.mct-site button,
.mct-site a {
    font-family: var(--font-interface)
}

.mct-site .mct-header nav a,
.mct-site .mct-header-cta {
    font-size: 14px;
    line-height: 1.3
}

.mct-site .mct-campaign-hero>div>span,
.mct-site .mct-heading>div>span,
.mct-site .mct-wide-cta span,
.mct-site .mct-common-faq>div>span {
    letter-spacing: .11em;
    font-size: 12px;
    line-height: 1.4
}

.mct-site .mct-campaign-hero h1 {
    font-size: 52px;
    line-height: 1.08
}

.mct-site .mct-campaign-hero p {
    font-size: 17px;
    line-height: 1.7
}

.mct-site .mct-campaign-hero small {
    font-size: 12px;
    line-height: 1.5
}

.mct-site .mct-btn {
    font-size: 14px;
    line-height: 1.2
}

.mct-site .mct-trust-row span {
    font-size: 14px;
    line-height: 1.45
}

.mct-site .mct-heading h2 {
    font-size: 39px;
    line-height: 1.15
}

.mct-site .mct-heading>p,
.mct-site .mct-heading>div>p {
    font-size: 15px;
    line-height: 1.65
}

.mct-site .mct-status-tabs button,
.mct-site .mct-category-scroll button {
    font-size: 13px;
    line-height: 1.25
}

.mct-site .mct-result-count {
    font-size: 13px
}

.mct-site .mct-campaign-grid article>div>span {
    font-size: 11px
}

.mct-site .mct-campaign-grid h3 {
    font-size: 23px;
    line-height: 1.25
}

.mct-site .mct-campaign-grid article>div>p,
.mct-site .mct-card-meta span {
    font-size: 13px;
    line-height: 1.5
}

.mct-site .mct-campaign-grid article>div>a {
    font-size: 14px
}

.mct-site .mct-empty b {
    font-size: 19px
}

.mct-site .mct-empty p {
    font-size: 15px
}

.mct-site .mct-wide-cta h2 {
    font-size: 30px;
    line-height: 1.2
}

.mct-site .mct-wide-cta p {
    font-size: 15px;
    line-height: 1.6
}

.mct-site .mct-wide-cta>a {
    font-size: 14px
}

.mct-site .mct-common-faq>div>p {
    color: #607b7e;
    max-width: 720px;
    font-size: 15px;
    line-height: 1.65
}

.mct-site .mct-common-faq summary {
    font-size: 18px;
    line-height: 1.45
}

.mct-site .mct-common-faq details p {
    max-width: 860px;
    font-size: 15px;
    line-height: 1.7
}

.mct-site .mct-footer-context b {
    font-size: 16px
}

.mct-site .mct-footer-context p {
    font-size: 14px;
    line-height: 1.6
}

.mct-site .mct-footer-context>a {
    font-size: 14px
}

@media (width<=650px) {
    .mct-site {
        font-size: 16px
    }

    .mct-site .mct-campaign-hero h1 {
        font-size: 39px
    }

    .mct-site .mct-campaign-hero p {
        font-size: 16px
    }

    .mct-site .mct-heading h2 {
        font-size: 32px
    }

    .mct-site .mct-heading>p,
    .mct-site .mct-heading>div>p {
        font-size: 15px
    }

    .mct-site .mct-status-tabs button,
    .mct-site .mct-category-scroll button {
        font-size: 14px
    }

    .mct-site .mct-common-faq summary {
        font-size: 17px
    }

    .mct-site .mct-common-faq details p {
        font-size: 15px
    }
}

.mct-breadcrumb {
    color: #718386;
    border-bottom: 1px solid #e1eceb;
    align-items: center;
    gap: 11px;
    max-width: 1380px;
    margin: 0 auto;
    padding: 18px max(4vw, 30px);
    font-size: 13px;
    line-height: 1.4;
    display: flex
}

.mct-breadcrumb a {
    color: var(--mh-brand-teal);
    text-decoration: none
}

.mct-breadcrumb a:hover {
    text-decoration: underline
}

.mct-breadcrumb b {
    color: #667b7d;
    font-weight: 600
}

.mct-breadcrumb span {
    color: #9eacad
}

.mct-sticky-enquire {
    z-index: 45;
    color: #fff;
    background: #df3c80;
    border-radius: 18px;
    grid-template-columns: 42px auto;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    min-width: 225px;
    padding: 13px 20px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
    display: grid;
    position: fixed;
    bottom: 24px;
    right: 22px;
    box-shadow: 0 16px 36px #7f244a4d
}

.mct-sticky-enquire:hover {
    transform: translateY(-2px);
    box-shadow: 0 19px 42px #7f244a60
}

.mct-sticky-enquire>span {
    color: #df3c80;
    background: #fff;
    border-radius: 50%;
    grid-row: 1/3;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 17px;
    display: grid
}

.mct-sticky-enquire b {
    align-self: end;
    font-size: 17px;
    line-height: 1.1
}

.mct-sticky-enquire small {
    color: #ffeaf2;
    align-self: start;
    font-size: 11px;
    line-height: 1.3
}

@media (width<=650px) {
    .mct-breadcrumb {
        white-space: nowrap;
        padding: 15px 20px;
        font-size: 12px;
        overflow-x: auto
    }

    .mct-sticky-enquire {
        border-radius: 999px;
        grid-template-columns: auto;
        min-width: 0;
        padding: 10px;
        bottom: 12px;
        right: 12px
    }

    .mct-sticky-enquire>span {
        grid-row: auto;
        width: 38px;
        height: 38px
    }

    .mct-sticky-enquire b,
    .mct-sticky-enquire small {
        display: none
    }
}

.stage-page {
    font-family: var(--font-interface);
    font-size: 16px;
    line-height: 1.6
}

.stage-page .stage-hero {
    padding-bottom: 38px
}

.stage-page .stage-hero>div>p {
    font-size: 16px
}

.stage-page .stage-hero>div>small {
    font-size: 12px
}

.stage-page .stage-primary,
.stage-page .stage-secondary {
    font-size: 13px
}

.stage-page .stage-hero-media {
    background: var(--stage-soft);
    min-height: 430px;
    box-shadow: 0 22px 55px var(--stage);
    border: 0;
    border-radius: 28px;
    padding: 0;
    position: relative;
    overflow: hidden
}

@supports (color:color-mix(in lab, red, red)) {
    .stage-page .stage-hero-media {
        box-shadow: 0 22px 55px color-mix(in srgb, var(--stage) 18%, transparent)
    }
}

.stage-page .stage-hero-media>img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 430px;
    display: block
}

.stage-page .stage-hero-media:after {
    content: "";
    background: linear-gradient(#0000, #173f43c9);
    position: absolute;
    inset: 55% 0 0
}

.stage-hero-label {
    z-index: 2;
    color: #fff;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    display: flex;
    position: absolute;
    bottom: 22px;
    left: 24px;
    right: 24px
}

.stage-hero-label b {
    font-family: var(--font-editorial);
    font-size: 19px
}

.stage-hero-label span {
    color: #d9efef;
    font-size: 12px
}

.stage-need-nav {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto 45px;
    padding: 0 30px;
    display: grid
}

.stage-need-nav a {
    color: #284f53;
    background: #fff;
    border: 1px solid #d7e7e5;
    border-radius: 13px;
    align-items: center;
    gap: 9px;
    min-height: 68px;
    padding: 12px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    box-shadow: 0 8px 22px #173f4308
}

.stage-need-nav a:hover {
    border-color: var(--stage);
    transform: translateY(-2px)
}

.stage-need-nav span {
    background: var(--stage-soft);
    width: 29px;
    height: 29px;
    color: var(--stage);
    border-radius: 50%;
    flex: 0 0 29px;
    place-items: center;
    font-size: 10px;
    display: grid
}

.stage-page .stage-answer p,
.stage-page .stage-heading>p {
    font-size: 15px
}

.stage-page .stage-product-grid p {
    font-size: 13px;
    line-height: 1.6
}

.stage-page .stage-product-grid article>div>a {
    font-size: 13px
}

.stage-page .stage-product-art {
    height: 185px
}

.stage-page .stage-product-art>span {
    width: 88px;
    height: 88px;
    font-size: 31px
}

.stage-page .stage-choose article p {
    font-size: 13px
}

.stage-page .stage-choose>div:first-child>p {
    font-size: 14px
}

.stage-page .stage-more span,
.stage-page .stage-more>a {
    font-size: 13px
}

.stage-comparison {
    max-width: 1260px;
    margin: auto;
    padding: 82px 30px
}

.stage-comparison .stage-heading {
    margin-bottom: 27px
}

.stage-table-wrap {
    background: #fff;
    border: 1px solid #d5e5e3;
    border-radius: 20px;
    overflow-x: auto;
    box-shadow: 0 16px 42px #173f430a
}

.stage-comparison table {
    border-collapse: collapse;
    width: 100%;
    min-width: 920px
}

.stage-comparison th,
.stage-comparison td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e2eceb;
    padding: 19px 18px;
    font-size: 13px;
    line-height: 1.55
}

.stage-comparison thead th {
    color: #fff;
    letter-spacing: .03em;
    background: #173f43;
    font-size: 12px
}

.stage-comparison tbody th {
    width: 19%;
    font-family: var(--font-editorial);
    color: #244f53;
    background: var(--stage-soft);
    font-size: 16px
}

.stage-comparison tbody td:nth-child(4) {
    color: #80504e
}

.stage-comparison tbody tr:last-child>* {
    border-bottom: 0
}

.stage-decision-key {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    max-width: 820px;
    margin: 0 0 18px;
    display: grid
}

.stage-decision-key>div {
    background: #fff;
    border: 1px solid #d5e5e3;
    border-radius: 16px;
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    display: flex
}

.stage-decision-key>div>span {
    background: var(--stage-soft);
    color: #28595c;
    border-radius: 50%;
    flex: 0 0 42px;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    font-size: 18px;
    font-weight: 800;
    display: inline-flex
}

.stage-decision-key p {
    color: #244f53;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    display: flex
}

.stage-decision-key small {
    color: #718388;
    font-size: 11px
}

.stage-decision-icon {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    margin: 0 10px 8px 0;
    font-family: system-ui, sans-serif;
    font-size: 20px;
    display: inline-flex;
    box-shadow: 0 5px 15px #173f4312
}

.stage-comparison tbody th>span:last-child {
    vertical-align: middle;
    display: inline
}

.stage-cell-intro {
    color: #5f7478;
    margin: 0 0 10px
}

.stage-buy-checklist {
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.stage-buy-checklist li {
    color: #315d60;
    align-items: flex-start;
    gap: 7px;
    line-height: 1.4;
    display: flex
}

.stage-buy-checklist li>span {
    color: #df4b88;
    flex: none;
    font-size: 16px;
    line-height: 1.15
}

.stage-comparison tbody td p {
    margin: 0
}

.stage-page .stage-guides>div:last-child {
    grid-template-columns: repeat(4, 1fr)
}

.stage-page .stage-guides article {
    background: #fff;
    min-height: 390px;
    padding: 0;
    overflow: hidden
}

.stage-guide-image {
    background: var(--stage-soft);
    height: 165px;
    position: relative;
    overflow: hidden
}

.stage-guide-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .25s;
    display: block
}

.stage-page .stage-guides article:hover .stage-guide-image img {
    transform: scale(1.025)
}

.stage-guide-image>span {
    color: var(--stage);
    letter-spacing: .08em;
    background: #fff;
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 10px;
    font-weight: 900;
    position: absolute;
    bottom: 12px;
    left: 12px
}

.stage-guide-copy {
    flex-direction: column;
    flex: 1;
    padding: 21px;
    display: flex
}

.stage-guide-copy>span {
    font-size: 10px !important
}

.stage-page .stage-guides h3 {
    font-size: 21px;
    line-height: 1.25
}

.stage-page .stage-guides article p {
    font-size: 13px;
    line-height: 1.6
}

.stage-page .stage-guides article a {
    font-size: 13px
}

.stage-page .stage-faq details p,
.stage-page .stage-about p {
    font-size: 14px
}

.stage-page .stage-about a {
    font-size: 13px
}

.stage-faq-intro {
    color: #61777a;
    max-width: 780px;
    margin: -10px 0 28px;
    font-size: 14px;
    line-height: 1.65
}

.stage-faq-checklist {
    grid-template-columns: 1fr 1fr;
    gap: 9px 22px;
    margin: 15px 0 4px;
    padding: 0;
    list-style: none;
    display: grid
}

.stage-faq-checklist li {
    background: var(--stage-soft);
    color: #315d60;
    border-radius: 10px;
    align-items: flex-start;
    gap: 9px;
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.45;
    display: flex
}

.stage-faq-checklist li>span {
    color: var(--stage);
    font-weight: 900
}

.stage-page h1,
.stage-page h2,
.stage-page h3,
.stage-page summary,
.stage-page .stage-more b,
.stage-page .stage-hero-label b {
    font-family: var(--font-editorial)
}

.stage-page p,
.stage-page a,
.stage-page button,
.stage-page small,
.stage-page span,
.stage-page li {
    font-family: var(--font-interface)
}

.stage-page .stage-heading h2,
.stage-page .stage-products h2,
.stage-page .stage-guides h2,
.stage-page .stage-choose h2,
.stage-page .stage-about h2 {
    letter-spacing: -.025em;
    font-size: 38px;
    line-height: 1.16
}

.stage-page .stage-product-grid h3 {
    font-size: 21px;
    line-height: 1.28
}

.stage-page .stage-answer p,
.stage-page .stage-heading>p,
.stage-page .stage-choose>div:first-child>p,
.stage-page .stage-about p {
    font-size: 15px;
    line-height: 1.7
}

.stage-page .stage-product-grid p,
.stage-page .stage-product-grid article>div>a,
.stage-page .stage-choose article p,
.stage-page .stage-more span,
.stage-page .stage-more>a {
    font-size: 13px;
    line-height: 1.6
}

.stage-page .stage-product-grid article>div>span,
.stage-page .stage-guide-copy>span,
.stage-page .stage-faq>span {
    font-size: 10px;
    line-height: 1.4
}

.stage-page .stage-faq summary {
    font-size: 18px;
    line-height: 1.45
}

.stage-page .stage-faq details p,
.stage-page .stage-faq-intro,
.stage-page .stage-about p {
    font-size: 14px;
    line-height: 1.7
}

@media (width<=1050px) {
    .stage-need-nav {
        grid-template-columns: repeat(3, 1fr)
    }

    .stage-page .stage-guides>div:last-child {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=760px) {
    .stage-comparison {
        overflow: hidden
    }

    .stage-decision-key {
        grid-template-columns: minmax(0, 1fr);
        max-width: none
    }

    .stage-decision-key>div,
    .stage-table-wrap,
    .stage-comparison table,
    .stage-comparison tbody,
    .stage-comparison tbody tr,
    .stage-comparison tbody th,
    .stage-comparison tbody td {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%
    }

    .stage-table-wrap {
        box-shadow: none;
        background: 0 0;
        border: 0;
        border-radius: 0;
        overflow: visible
    }

    .stage-comparison table {
        width: 100%;
        display: block
    }

    .stage-comparison thead {
        display: none
    }

    .stage-comparison tbody {
        gap: 18px;
        width: 100%;
        display: grid
    }

    .stage-comparison tbody tr {
        background: #fff;
        border: 1px solid #d5e5e3;
        border-radius: 18px;
        width: 100%;
        display: block;
        overflow: hidden;
        box-shadow: 0 10px 28px #173f430a
    }

    .stage-comparison tbody th,
    .stage-comparison tbody td {
        overflow-wrap: anywhere;
        border-bottom: 1px solid #e2eceb;
        width: 100%;
        padding: 17px 18px;
        font-size: 13px;
        line-height: 1.58;
        display: block
    }

    .stage-comparison tbody th {
        background: var(--stage-soft);
        align-items: center;
        gap: 11px;
        font-size: 19px;
        display: flex
    }

    .stage-comparison tbody th>span:last-child {
        min-width: 0
    }

    .stage-comparison tbody th .stage-decision-icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        margin: 0
    }

    .stage-comparison tbody td:before {
        color: #df4b88;
        letter-spacing: .09em;
        text-transform: uppercase;
        content: attr(data-label);
        margin: 0 0 9px;
        font-size: 10px;
        font-weight: 800;
        display: block
    }

    .stage-comparison tbody td:last-child {
        border-bottom: 0
    }

    .stage-buy-checklist {
        gap: 9px
    }

    .stage-buy-checklist li {
        overflow-wrap: anywhere;
        min-width: 0;
        font-size: 13px
    }
}

@media (width<=620px) {
    .stage-faq-checklist {
        grid-template-columns: 1fr
    }

    .stage-faq-intro {
        font-size: 14px
    }

    .stage-page .stage-heading h2,
    .stage-page .stage-products h2,
    .stage-page .stage-guides h2,
    .stage-page .stage-choose h2,
    .stage-page .stage-about h2 {
        font-size: 31px
    }

    .stage-page .stage-faq summary {
        font-size: 17px
    }

    .stage-page .stage-answer p,
    .stage-page .stage-heading>p,
    .stage-page .stage-choose>div:first-child>p,
    .stage-page .stage-about p {
        font-size: 15px
    }

    .stage-page .stage-hero-media,
    .stage-page .stage-hero-media>img {
        height: 330px;
        min-height: 0
    }

    .stage-hero-label {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px
    }

    .stage-need-nav {
        scroll-snap-type: x mandatory;
        margin-bottom: 20px;
        padding: 0 20px 14px;
        display: flex;
        overflow-x: auto
    }

    .stage-need-nav a {
        scroll-snap-align: start;
        min-width: 205px
    }

    .stage-comparison {
        padding: 58px 20px
    }

    .stage-table-wrap {
        border-radius: 15px
    }

    .stage-comparison th,
    .stage-comparison td {
        font-size: 12px
    }

    .stage-page .stage-guides>div:last-child {
        grid-template-columns: 1fr
    }

    .stage-page .stage-guides article {
        min-height: 0
    }

    .stage-guide-image {
        height: 205px
    }
}

.pc-page {
    --pc-teal: #00b4b8;
    --pc-deep: #006072;
    --pc-pink: #fb6c8c;
    --pc-soft: #fff4f6;
    --pc-cream: #fffaf3;
    --pc-ink: #244f53;
    --pc-muted: #647c7f;
    color: var(--pc-ink);
    font-family: var(--font-interface);
    background: #fff;
    font-size: 16px;
    line-height: 1.65
}

.pc-page h1,
.pc-page h2,
.pc-page h3,
.pc-page summary {
    font-family: var(--font-editorial)
}

.pc-page main {
    overflow: hidden
}

.pc-breadcrumb {
    color: #73878a;
    border-bottom: 1px solid #e1eceb;
    align-items: center;
    gap: 11px;
    max-width: 1380px;
    margin: auto;
    padding: 16px max(4vw, 30px);
    font-size: 13px;
    display: flex
}

.pc-breadcrumb a {
    color: var(--pc-deep);
    text-decoration: none
}

.pc-breadcrumb b {
    font-weight: 600
}

.pc-kicker {
    color: var(--pc-pink);
    letter-spacing: .15em;
    font-size: 11px;
    font-weight: 800;
    display: block
}

.pc-hero {
    background: linear-gradient(135deg, #fff 58%, #fff3f6);
    grid-template-columns: .92fr 1.08fr;
    align-items: center;
    gap: 66px;
    max-width: 1380px;
    margin: auto;
    padding: 70px max(4vw, 30px) 58px;
    display: grid
}

.pc-logo {
    width: 240px;
    height: auto;
    margin-bottom: 26px
}

.pc-hero h1 {
    letter-spacing: -.035em;
    max-width: 650px;
    margin: 11px 0 20px;
    font-size: 58px;
    line-height: 1.04
}

.pc-hero-copy>p {
    max-width: 690px;
    color: var(--pc-muted);
    margin: 0;
    font-size: 17px;
    line-height: 1.75
}

.pc-actions {
    flex-wrap: wrap;
    gap: 12px;
    margin: 29px 0 22px;
    display: flex
}

.pc-btn {
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 0 21px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex
}

.pc-btn.primary {
    background: var(--pc-teal);
    color: #fff;
    box-shadow: 0 10px 25px #00b4b82e
}

.pc-btn.secondary {
    color: var(--pc-deep);
    background: #fff;
    border: 1px solid #9ed4d2
}

.pc-trust {
    color: #456f72;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 12px;
    font-weight: 600;
    display: flex
}

.pc-hero-visual {
    background: #efd9dc;
    border-radius: 28px;
    min-height: 535px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 55px #244f531b
}

.pc-hero-visual>img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 18%;
       object-position: center 18%;
    width: 100%;
    height: 535px;
    display: block
}

.pc-photo-caption {
    background: #fff;
    border-radius: 14px;
    padding: 17px 19px;
    position: absolute;
    bottom: 24px;
    left: 25px;
    right: 25px;
    box-shadow: 0 12px 30px #183a3d2e
}

.pc-photo-caption b {
    font-family: var(--font-editorial);
    font-size: 20px;
    display: block
}

.pc-photo-caption span {
    color: var(--pc-muted);
    margin-top: 3px;
    font-size: 11px;
    display: block
}

.pc-answer {
    text-align: center;
    max-width: 1030px;
    margin: 0 auto;
    padding: 58px 30px
}

.pc-answer>span {
    color: var(--pc-teal);
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 800
}

.pc-answer h2 {
    margin: 8px 0 12px;
    font-size: 34px
}

.pc-answer p {
    color: var(--pc-muted);
    margin: 0;
    font-size: 16px;
    line-height: 1.75
}

.pc-dates,
.pc-proof,
.pc-for-you {
    padding: 80px max(6vw, 40px)
}

.pc-dates {
    background: #f4fbfa
}

.pc-section-head {
    grid-template-columns: 1fr 430px;
    align-items: end;
    gap: 60px;
    max-width: 1260px;
    margin: 0 auto 31px;
    display: grid
}

.pc-section-head h2 {
    margin: 8px 0 0;
    font-size: 42px;
    line-height: 1.13
}

.pc-section-head>p {
    color: var(--pc-muted);
    margin: 0;
    font-size: 14px;
    line-height: 1.7
}

.pc-date-list {
    gap: 10px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-date-list article {
    background: #fff;
    border: 1px solid #d5e8e6;
    border-radius: 15px;
    grid-template-columns: 92px 1fr auto;
    align-items: center;
    gap: 22px;
    padding: 15px 18px;
    display: grid
}

.pc-date-list time {
    height: 64px;
    color: var(--pc-deep);
    background: #e5f6f5;
    border-radius: 11px;
    align-content: center;
    place-items: center;
    line-height: 1;
    display: grid
}

.pc-date-list time b {
    font-size: 24px
}

.pc-date-list time span {
    text-transform: uppercase;
    margin-top: 7px;
    font-size: 10px;
    font-weight: 800
}

.pc-date-list article>div>span {
    color: var(--pc-pink);
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 800
}

.pc-date-list h3 {
    margin: 2px 0 0;
    font-size: 19px
}

.pc-date-list p {
    color: var(--pc-muted);
    margin: 1px 0 0;
    font-size: 12px
}

.pc-date-list a {
    background: var(--pc-deep);
    color: #fff;
    border-radius: 8px;
    padding: 10px 13px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

.pc-wide-link {
    max-width: 1260px;
    color: var(--pc-deep);
    text-align: right;
    margin: 19px auto 0;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: block
}

.pc-learning {
    background: var(--pc-deep);
    color: #fff;
    padding: 90px max(6vw, 40px)
}

.pc-section-head.light .pc-kicker {
    color: #70e1df
}

.pc-section-head.light>p {
    color: #b8d9da
}

.pc-learning-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-learning-grid article {
    background: #ffffff0c;
    border: 1px solid #ffffff24;
    border-radius: 19px;
    min-height: 300px;
    padding: 27px 24px
}

.pc-learning-grid i {
    background: var(--pc-pink);
    color: #fff;
    width: 48px;
    height: 48px;
    font-family: var(--font-editorial);
    border-radius: 50%;
    place-items: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    display: grid
}

.pc-learning-grid span {
    color: #6ee1df;
    letter-spacing: .12em;
    margin-top: 34px;
    font-size: 10px;
    font-weight: 800;
    display: block
}

.pc-learning-grid h3 {
    margin: 7px 0 11px;
    font-size: 23px
}

.pc-learning-grid p {
    color: #c7dedf;
    margin: 0;
    font-size: 13px;
    line-height: 1.65
}

.pc-experience {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 62px;
    max-width: 1260px;
    margin: auto;
    padding: 90px 30px;
    display: grid
}

.pc-experience-image {
    background: #eee;
    border-radius: 25px;
    height: 500px;
    position: relative;
    overflow: hidden
}

.pc-experience-image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left center;
       object-position: left center;
    width: 100%;
    height: 100%
}

.pc-experience-image span {
    color: var(--pc-pink);
    letter-spacing: .12em;
    background: #fff;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 9px;
    font-weight: 800;
    position: absolute;
    bottom: 18px;
    left: 18px
}

.pc-experience h2 {
    margin: 10px 0 16px;
    font-size: 40px;
    line-height: 1.14
}

.pc-experience>div>p {
    color: var(--pc-muted);
    font-size: 15px;
    line-height: 1.75
}

.pc-experience ul {
    gap: 13px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
    display: grid
}

.pc-experience li {
    border-left: 3px solid var(--pc-pink);
    color: #587275;
    padding-left: 18px;
    font-size: 13px
}

.pc-experience a {
    color: var(--pc-deep);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.pc-proof {
    background: var(--pc-cream)
}

.pc-rating {
    align-items: center;
    gap: 12px;
    display: flex
}

.pc-rating>b {
    font-family: var(--font-editorial);
    font-size: 45px
}

.pc-rating>span {
    color: #f1a500;
    letter-spacing: .05em;
    font-size: 19px
}

.pc-rating small {
    color: var(--pc-muted);
    letter-spacing: 0;
    font-size: 9px;
    display: block
}

.pc-review-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-review-grid blockquote {
    color: #3e6568;
    font-family: var(--font-editorial);
    background: #fff;
    border: 1px solid #eadfce;
    border-radius: 18px;
    margin: 0;
    padding: 27px;
    font-size: 17px;
    line-height: 1.55
}

.pc-review-grid cite {
    color: var(--pc-pink);
    font-family: var(--font-interface);
    margin-top: 19px;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    display: block
}

.pc-for-you {
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    max-width: 1380px;
    margin: auto;
    display: grid
}

.pc-for-you h2 {
    margin: 9px 0 15px;
    font-size: 40px;
    line-height: 1.15
}

.pc-for-you>div:first-child p {
    color: var(--pc-muted);
    font-size: 15px;
    line-height: 1.75
}

.pc-for-grid {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    display: grid
}

.pc-for-grid article {
    border: 1px solid #d8e8e6;
    border-radius: 15px;
    padding: 20px
}

.pc-for-grid b {
    font-family: var(--font-editorial);
    font-size: 18px
}

.pc-for-grid p {
    color: var(--pc-muted);
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.55
}

.pc-faq {
    max-width: 960px;
    margin: auto;
    padding: 85px 30px
}

.pc-faq h2 {
    margin: 8px 0 9px;
    font-size: 42px
}

.pc-faq-intro {
    color: var(--pc-muted);
    margin: 0 0 29px;
    font-size: 15px
}

.pc-faq details {
    border-top: 1px solid #d7e6e5;
    padding: 17px 0
}

.pc-faq summary {
    cursor: pointer;
    justify-content: space-between;
    gap: 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.pc-faq summary span {
    color: var(--pc-teal);
    font-family: var(--font-interface)
}

.pc-faq details p {
    max-width: 850px;
    color: var(--pc-muted);
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 1.75
}

.pc-final {
    background: linear-gradient(110deg, #f7e3e8, #fff 60%, #e4f7f5);
    border-radius: 24px;
    grid-template-columns: 165px 1fr auto;
    align-items: center;
    gap: 34px;
    max-width: 1260px;
    margin: 0 auto 20px;
    padding: 36px 40px;
    display: grid
}

.pc-final img {
    width: 165px
}

.pc-final span {
    color: var(--pc-pink);
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 800
}

.pc-final h2 {
    margin: 5px 0 7px;
    font-size: 28px
}

.pc-final p {
    color: var(--pc-muted);
    margin: 0;
    font-size: 12px
}

.pc-final>a {
    background: var(--pc-pink);
    color: #fff;
    border-radius: 9px;
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none
}

.pc-disclaimer {
    color: #789092;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 30px 45px;
    font-size: 10px;
    line-height: 1.6
}

@media (width<=1050px) {
    .pc-hero {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .pc-hero-visual {
        min-height: 0
    }

    .pc-learning-grid {
        grid-template-columns: 1fr 1fr
    }

    .pc-experience {
        grid-template-columns: 1fr
    }

    .pc-experience-image {
        height: 430px
    }

    .pc-for-you {
        grid-template-columns: 1fr
    }

    .pc-final {
        grid-template-columns: 130px 1fr
    }

    .pc-final img {
        width: 130px
    }

    .pc-final>a {
        grid-column: 2;
        justify-self: start
    }
}

@media (width<=720px) {
    .pc-breadcrumb {
        white-space: nowrap;
        padding: 14px 20px;
        overflow-x: auto
    }

    .pc-hero {
        padding: 48px 20px 40px
    }

    .pc-logo {
        width: 205px
    }

    .pc-hero h1 {
        font-size: 42px
    }

    .pc-hero-copy>p {
        font-size: 16px
    }

    .pc-hero-visual,
    .pc-hero-visual>img {
        height: 400px;
        min-height: 0
    }

    .pc-section-head {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .pc-section-head h2,
    .pc-faq h2 {
        font-size: 34px
    }

    .pc-dates,
    .pc-proof,
    .pc-for-you,
    .pc-learning {
        padding: 62px 20px
    }

    .pc-date-list article {
        grid-template-columns: 72px 1fr;
        gap: 13px
    }

    .pc-date-list time {
        height: 60px
    }

    .pc-date-list article>a {
        text-align: center;
        grid-column: 1/-1
    }

    .pc-learning-grid,
    .pc-review-grid,
    .pc-for-grid {
        grid-template-columns: 1fr
    }

    .pc-learning-grid article {
        min-height: 0
    }

    .pc-experience {
        gap: 33px;
        padding: 62px 20px
    }

    .pc-experience-image {
        height: 350px
    }

    .pc-experience h2,
    .pc-for-you h2 {
        font-size: 33px
    }

    .pc-final {
        grid-template-columns: 1fr;
        margin: 0 20px 20px;
        padding: 27px
    }

    .pc-final img {
        width: 150px
    }

    .pc-final>a {
        grid-column: auto
    }

    .pc-faq {
        padding: 68px 20px
    }

    .pc-faq summary {
        font-size: 17px
    }

    .pc-actions {
        display: grid
    }

    .pc-btn {
        width: 100%
    }
}

.pc-video-section {
    grid-template-columns: 1.12fr .88fr;
    align-items: center;
    gap: 58px;
    max-width: 1260px;
    margin: auto;
    padding: 74px 30px 85px;
    display: grid
}

.pc-video-frame {
    background: #163f43;
    border-radius: 22px;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 50px #173f4320
}

.pc-video-frame iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.pc-video-section h2 {
    margin: 9px 0 15px;
    font-size: 39px;
    line-height: 1.15
}

.pc-video-section p {
    color: var(--pc-muted);
    font-size: 14px;
    line-height: 1.72
}

.pc-video-section a {
    color: var(--pc-deep);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none
}

.pc-partners {
    text-align: center;
    background: #f4fbfa;
    padding: 58px max(5vw, 35px)
}

.pc-partners h2 {
    margin: 7px 0 9px;
    font-size: 35px
}

.pc-partners>p {
    max-width: 720px;
    color: var(--pc-muted);
    margin: 0 auto;
    font-size: 14px
}

.pc-partner-row {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    max-width: 1200px;
    margin: 28px auto 20px;
    display: grid
}

.pc-partner-logo {
    background: #fff;
    border: 1px solid #d6e7e5;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 112px;
    padding: 16px 13px;
    display: flex
}

.pc-partner-logo span {
    min-width: 43px;
    height: 43px;
    color: var(--pc-teal);
    background: #e5f6f5;
    border-radius: 50%;
    place-items: center;
    font-size: 18px;
    font-weight: 900;
    display: grid
}

.pc-partner-logo b {
    font-size: 12px;
    line-height: 1.3
}

.pc-partner-logo.partner-1 span {
    color: #1580aa;
    background: #e8f6fb
}

.pc-partner-logo.partner-2 span {
    color: #ef6c31;
    background: #fff0e8
}

.pc-partner-logo.partner-3 span {
    color: #a7864b;
    background: #f6f0e5
}

.pc-partner-logo.partner-4 span,
.pc-partner-logo.partner-5 span {
    color: #fff;
    background: #116f72;
    border-radius: 6px;
    font-size: 12px
}

.pc-partners>small {
    color: #72878a;
    font-size: 10px
}

.pc-languages {
    padding: 82px max(6vw, 40px)
}

.pc-language-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-language-grid article {
    background: #fff;
    border: 1px solid #d6e7e5;
    border-radius: 20px;
    min-height: 260px;
    padding: 27px;
    box-shadow: 0 13px 34px #173f4309
}

.pc-language-grid i {
    width: 54px;
    height: 54px;
    color: var(--pc-deep);
    background: #e5f6f5;
    border-radius: 17px;
    place-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    display: grid
}

.pc-language-grid article:nth-child(2) i {
    color: #d84b7e;
    background: #fff0f3
}

.pc-language-grid article:nth-child(3) i {
    color: #9d6a28;
    background: #fff3e4
}

.pc-language-grid span {
    color: var(--pc-pink);
    letter-spacing: .12em;
    margin-top: 22px;
    font-size: 9px;
    font-weight: 800;
    display: block
}

.pc-language-grid h3 {
    margin: 5px 0 9px;
    font-size: 22px
}

.pc-language-grid p {
    color: var(--pc-muted);
    font-size: 12px;
    line-height: 1.6
}

.pc-language-grid a {
    color: var(--pc-deep);
    margin-top: 10px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    display: inline-block
}

.pc-learning-grid ul {
    gap: 8px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
    display: grid
}

.pc-learning-grid li {
    color: #c7dedf;
    padding-left: 18px;
    font-size: 12px;
    line-height: 1.45;
    position: relative
}

.pc-learning-grid li:before {
    content: "✓";
    color: #70e1df;
    font-weight: 900;
    position: absolute;
    left: 0
}

.pc-topic-note {
    color: #9fc7c8;
    max-width: 1260px;
    margin: 19px auto 0;
    font-size: 10px
}

.pc-community {
    background: #f8fbfb;
    padding: 86px max(6vw, 40px)
}

.pc-community-groups {
    gap: 12px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-community-groups>details {
    background: #fff;
    border: 1px solid #d6e6e5;
    border-radius: 16px;
    overflow: hidden
}

.pc-community-groups summary {
    cursor: pointer;
    grid-template-columns: 1fr auto 24px;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    display: grid
}

.pc-community-groups summary span {
    font-family: var(--font-editorial);
    font-size: 20px;
    font-weight: 700
}

.pc-community-groups summary b {
    color: var(--pc-muted);
    font-size: 10px
}

.pc-community-groups summary i {
    color: var(--pc-teal);
    font-style: normal;
    font-family: var(--font-interface)
}

.pc-social-track {
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 5px 20px 23px;
    display: flex;
    overflow-x: auto
}

.pc-social-track article {
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e2ebea;
    border-radius: 14px;
    flex: 0 0 330px;
    overflow: hidden
}

.pc-social-track iframe {
    background: #fafafa;
    border: 0;
    width: 100%;
    height: 485px;
    display: block
}

.pc-social-track a {
    color: var(--pc-deep);
    padding: 11px 13px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    display: block
}

.pc-ticket-guide {
    background: var(--pc-deep);
    color: #fff;
    padding: 90px max(6vw, 40px)
}

.pc-ticket-columns {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.pc-ticket-columns>div {
    background: #ffffff0d;
    border: 1px solid #ffffff25;
    border-radius: 20px;
    padding: 30px
}

.pc-ticket-columns h3 {
    margin: 0 0 24px;
    font-size: 26px
}

.pc-ticket-columns ol {
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.pc-ticket-columns li {
    grid-template-columns: 35px 1fr;
    align-items: start;
    gap: 12px;
    display: grid
}

.pc-ticket-columns li>span {
    background: var(--pc-pink);
    border-radius: 50%;
    place-items: center;
    width: 35px;
    height: 35px;
    font-size: 12px;
    font-weight: 900;
    display: grid
}

.pc-ticket-columns li p {
    color: #c8dedf;
    margin: 0;
    font-size: 12px;
    line-height: 1.58
}

.pc-ticket-columns li b {
    color: #fff
}

.pc-ticket-columns a {
    color: #79e5e2;
    margin-top: 24px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    display: inline-block
}

.pc-policies {
    background: #fff8f4;
    padding: 86px max(6vw, 40px)
}

.pc-policy-grid {
    max-width: 1080px;
    margin: auto
}

.pc-policy-grid details {
    border-top: 1px solid #e4d9d3;
    padding: 18px 0
}

.pc-policy-grid summary {
    cursor: pointer;
    justify-content: space-between;
    gap: 20px;
    font-size: 19px;
    font-weight: 700;
    display: flex
}

.pc-policy-grid summary span {
    color: var(--pc-pink);
    font-family: var(--font-interface)
}

.pc-policy-grid ol,
.pc-policy-grid ul {
    color: var(--pc-muted);
    gap: 9px;
    margin: 16px 0 4px;
    padding-left: 23px;
    display: grid
}

.pc-policy-grid li,
.pc-policy-grid p {
    font-size: 13px;
    line-height: 1.65
}

.pc-policy-grid a {
    color: var(--pc-deep);
    font-weight: 700
}

@media (width<=1000px) {
    .pc-video-section {
        grid-template-columns: 1fr
    }

    .pc-partner-row {
        grid-template-columns: repeat(3, 1fr)
    }

    .pc-ticket-columns {
        grid-template-columns: 1fr
    }

    .pc-social-track article {
        flex-basis: 300px
    }
}

@media (width<=720px) {

    .pc-video-section,
    .pc-languages,
    .pc-community,
    .pc-ticket-guide,
    .pc-policies {
        padding: 58px 20px
    }

    .pc-video-section h2 {
        font-size: 32px
    }

    .pc-partner-row {
        grid-template-columns: 1fr 1fr
    }

    .pc-language-grid {
        grid-template-columns: 1fr
    }

    .pc-language-grid article {
        min-height: 0
    }

    .pc-social-track {
        padding-left: 14px;
        padding-right: 14px
    }

    .pc-social-track article {
        flex-basis: 280px
    }

    .pc-social-track iframe {
        height: 455px
    }

    .pc-community-groups summary {
        grid-template-columns: 1fr 24px
    }

    .pc-community-groups summary b {
        display: none
    }

    .pc-ticket-columns>div {
        padding: 22px
    }

    .pc-policy-grid summary {
        font-size: 17px
    }
}

.programme-page {
    --programme-accent: #00b4b8;
    --programme-soft: #edf9f8;
    color: #244f53;
    font-family: var(--font-interface);
    background: #fff;
    font-size: 16px;
    line-height: 1.65
}

.programme-page h1,
.programme-page h2,
.programme-page h3,
.programme-page summary {
    font-family: var(--font-editorial)
}

.programme-page main {
    overflow: hidden
}

.programme-breadcrumb {
    color: #718487;
    border-bottom: 1px solid #e0ecea;
    gap: 11px;
    max-width: 1380px;
    margin: auto;
    padding: 16px max(4vw, 30px);
    font-size: 13px;
    display: flex
}

.programme-breadcrumb a {
    color: #006072;
    text-decoration: none
}

.programme-kicker {
    color: var(--programme-accent);
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900;
    display: block
}

.programme-hero {
    background: linear-gradient(135deg, #fff 55%, var(--programme-soft));
    grid-template-columns: .93fr 1.07fr;
    align-items: center;
    gap: 60px;
    max-width: 1380px;
    margin: auto;
    padding: 68px max(4vw, 30px);
    display: grid
}

.programme-hero h1 {
    letter-spacing: -.035em;
    max-width: 690px;
    margin: 10px 0 18px;
    font-size: 56px;
    line-height: 1.04
}

.programme-hero>div>p {
    color: #617a7d;
    max-width: 680px;
    font-size: 16px;
    line-height: 1.75
}

.programme-actions {
    flex-wrap: wrap;
    gap: 11px;
    margin: 27px 0 21px;
    display: flex
}

.programme-primary,
.programme-secondary {
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-height: 47px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex
}

.programme-primary {
    background: var(--programme-accent);
    color: #fff
}

.programme-secondary {
    color: #29595d;
    background: #fff;
    border: 1px solid #b6d9d6
}

.programme-audience {
    color: #587478;
    gap: 10px;
    font-size: 12px;
    display: flex
}

.programme-audience b {
    color: #244f53
}

.programme-hero figure {
    background: var(--programme-soft);
    border-radius: 27px;
    height: 520px;
    margin: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 52px #173f4317
}

.programme-hero figure>img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.programme-hero figcaption {
    background: #fff;
    border-radius: 13px;
    padding: 15px 17px;
    position: absolute;
    bottom: 20px;
    left: 22px;
    right: 22px
}

.programme-hero figcaption span {
    color: var(--programme-accent);
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.programme-hero figcaption b {
    font-family: var(--font-editorial);
    font-size: 18px
}

.programme-answer {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding: 55px 30px
}

.programme-answer>span {
    color: var(--programme-accent);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900
}

.programme-answer h2 {
    margin: 8px 0 11px;
    font-size: 34px
}

.programme-answer p {
    color: #617a7d;
    margin: 0;
    font-size: 15px;
    line-height: 1.75
}

.programme-benefits,
.programme-access {
    background: #f7fbfa;
    padding: 80px max(6vw, 40px)
}

.programme-heading {
    grid-template-columns: 1fr 430px;
    align-items: end;
    gap: 55px;
    max-width: 1260px;
    margin: 0 auto 29px;
    display: grid
}

.programme-heading h2 {
    margin: 7px 0 0;
    font-size: 40px;
    line-height: 1.14
}

.programme-heading>p {
    color: #627b7e;
    margin: 0;
    font-size: 14px
}

.programme-benefit-grid,
.programme-step-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.programme-benefit-grid article {
    background: #fff;
    border: 1px solid #d8e7e5;
    border-radius: 18px;
    min-height: 235px;
    padding: 25px
}

.programme-benefit-grid i {
    background: var(--programme-soft);
    width: 48px;
    height: 48px;
    color: var(--programme-accent);
    border-radius: 16px;
    place-items: center;
    font-size: 20px;
    font-style: normal;
    display: grid
}

.programme-benefit-grid h3 {
    margin: 24px 0 8px;
    font-size: 21px
}

.programme-benefit-grid p {
    color: #627b7e;
    margin: 0;
    font-size: 12px
}

.programme-how {
    color: #fff;
    background: #173f43;
    padding: 84px max(6vw, 40px)
}

.programme-heading.light .programme-kicker {
    color: #79dfdc
}

.programme-heading.light>p {
    color: #b8d5d5
}

.programme-step-grid article {
    border: 1px solid #ffffff24;
    border-radius: 18px;
    min-height: 220px;
    padding: 25px
}

.programme-step-grid article>span {
    color: var(--programme-accent);
    font-family: var(--font-editorial);
    font-size: 24px
}

.programme-step-grid h3 {
    margin: 25px 0 8px;
    font-size: 21px
}

.programme-step-grid p {
    color: #bed6d7;
    font-size: 12px
}

.programme-access-grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 1140px;
    margin: auto;
    display: grid
}

.programme-access-grid>article {
    background: #fff;
    border: 1px solid #d5e6e4;
    border-radius: 20px;
    padding: 31px
}

.programme-access-grid article>span,
.app-route-head span {
    color: var(--programme-accent);
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900
}

.programme-access-grid h3 {
    margin: 5px 0 23px;
    font-size: 25px
}

.programme-access-grid ol {
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.programme-access-grid li {
    grid-template-columns: 31px 1fr;
    align-items: start;
    gap: 11px;
    display: grid
}

.programme-access-grid li i {
    background: var(--programme-soft);
    width: 31px;
    height: 31px;
    color: var(--programme-accent);
    border-radius: 50%;
    place-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    display: grid
}

.programme-access-grid li p {
    color: #607a7d;
    margin: 3px 0 0;
    font-size: 12px
}

.programme-access-grid>article>a {
    color: #006072;
    margin-top: 23px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.app-route {
    background: linear-gradient(145deg, #fff, var(--programme-soft)) !important
}

.app-route-head {
    grid-template-columns: 78px 1fr;
    align-items: center;
    gap: 18px;
    display: grid
}

.app-route-head img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff;
    border-radius: 18px;
    width: 78px;
    height: 78px
}

.programme-store-links {
    gap: 9px;
    margin-top: 23px;
    display: flex
}

.programme-store-links a {
    color: #fff;
    background: #173f43;
    border-radius: 8px;
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none
}

.programme-proof {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
    max-width: 1260px;
    margin: auto;
    padding: 88px 30px;
    display: grid
}

.programme-proof-photo {
    border-radius: 24px;
    height: 470px;
    position: relative;
    overflow: hidden
}

.programme-proof-photo img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.programme-proof-photo span {
    color: var(--programme-accent);
    background: #fff;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    bottom: 17px;
    left: 17px
}

.programme-proof h2 {
    margin: 9px 0 14px;
    font-size: 39px;
    line-height: 1.15
}

.programme-proof p {
    color: #607a7d;
    font-size: 14px;
    line-height: 1.75
}

.programme-proof small {
    color: #799093;
    font-size: 10px;
    line-height: 1.55;
    display: block
}

.programme-proof>div>a {
    color: #006072;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.programme-faq {
    max-width: 950px;
    margin: auto;
    padding: 80px 30px
}

.programme-faq h2 {
    margin: 8px 0;
    font-size: 40px
}

.programme-faq>p {
    color: #607a7d;
    margin: 0 0 28px;
    font-size: 14px
}

.programme-faq details {
    border-top: 1px solid #d8e6e5;
    padding: 17px 0
}

.programme-faq summary {
    cursor: pointer;
    justify-content: space-between;
    gap: 18px;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.programme-faq summary span {
    color: var(--programme-accent);
    font-family: var(--font-interface)
}

.programme-faq details p {
    color: #607a7d;
    margin: 11px 0 0;
    font-size: 14px;
    line-height: 1.75
}

.programme-final {
    background: var(--programme-soft);
    border-radius: 22px;
    grid-template-columns: 180px 1fr auto;
    align-items: center;
    gap: 31px;
    max-width: 1260px;
    margin: 0 auto 30px;
    padding: 33px 38px;
    display: grid
}

.programme-final img {
    width: 180px
}

.programme-final span {
    color: var(--programme-accent);
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900
}

.programme-final h2 {
    margin: 5px 0;
    font-size: 27px
}

.programme-final p {
    color: #607a7d;
    margin: 0;
    font-size: 11px
}

.programme-final>a {
    background: var(--programme-accent);
    color: #fff;
    border-radius: 8px;
    padding: 13px 17px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

@media (width<=1000px) {
    .programme-hero {
        grid-template-columns: 1fr
    }

    .programme-benefit-grid,
    .programme-step-grid {
        grid-template-columns: 1fr 1fr
    }

    .programme-proof {
        grid-template-columns: 1fr
    }

    .programme-final {
        grid-template-columns: 130px 1fr
    }

    .programme-final img {
        width: 130px
    }

    .programme-final>a {
        grid-column: 2;
        justify-self: start
    }
}

@media (width<=700px) {
    .programme-breadcrumb {
        padding: 14px 20px
    }

    .programme-hero {
        padding: 48px 20px
    }

    .programme-hero h1 {
        font-size: 41px
    }

    .programme-hero figure {
        height: 390px
    }

    .programme-heading {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .programme-heading h2,
    .programme-faq h2 {
        font-size: 33px
    }

    .programme-benefits,
    .programme-how,
    .programme-access {
        padding: 60px 20px
    }

    .programme-benefit-grid,
    .programme-step-grid,
    .programme-access-grid {
        grid-template-columns: 1fr
    }

    .programme-benefit-grid article,
    .programme-step-grid article {
        min-height: 0
    }

    .programme-proof {
        gap: 31px;
        padding: 60px 20px
    }

    .programme-proof-photo {
        height: 355px
    }

    .programme-proof h2 {
        font-size: 33px
    }

    .programme-faq {
        padding: 64px 20px
    }

    .programme-faq summary {
        font-size: 17px
    }

    .programme-final {
        grid-template-columns: 1fr;
        margin: 0 20px 22px;
        padding: 25px
    }

    .programme-final img {
        width: 150px
    }

    .programme-final>a {
        grid-column: auto
    }

    .programme-actions {
        display: grid
    }

    .programme-primary,
    .programme-secondary {
        width: 100%
    }
}

.programme-community {
    background: #fff7fa;
    padding: 82px max(6vw, 40px)
}

.programme-community-track {
    scroll-snap-type: x mandatory;
    gap: 16px;
    max-width: 1260px;
    margin: auto;
    padding: 0 0 17px;
    display: flex;
    overflow-x: auto
}

.programme-community-track article {
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #eadde3;
    border-radius: 16px;
    flex: 0 0 320px;
    overflow: hidden
}

.programme-community-track iframe {
    background: #fafafa;
    border: 0;
    width: 100%;
    height: 485px;
    display: block
}

.programme-community-track a {
    color: #006072;
    padding: 11px 13px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    display: block
}

@media (width<=700px) {
    .programme-community {
        padding: 58px 20px
    }

    .programme-community-track article {
        flex-basis: 280px
    }

    .programme-community-track iframe {
        height: 455px
    }
}

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

.programme-benefit-grid article {
    min-height: 225px
}

.programme-benefit-note {
    color: #71878a;
    max-width: 1260px;
    margin: 18px auto 0;
    font-size: 10px;
    line-height: 1.6
}

.programme-stage-choice {
    max-width: 1260px;
    margin: 0 auto;
    padding: 35px 30px 80px
}

.programme-stage-choice>div:first-child {
    text-align: center
}

.programme-stage-choice h2 {
    margin: 7px 0 6px;
    font-size: 40px
}

.programme-stage-choice>div:first-child>p {
    color: #627b7e;
    margin: 0;
    font-size: 14px
}

.programme-stage-choice-grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 28px;
    display: grid
}

.programme-stage-choice-grid article {
    background: linear-gradient(145deg, #fff, var(--programme-soft));
    border: 1px solid #d8e7e5;
    border-radius: 22px;
    grid-template-columns: 86px 1fr;
    align-items: center;
    gap: 20px;
    padding: 26px;
    display: grid;
    box-shadow: 0 14px 34px #173f430c
}

.programme-stage-choice-grid article>i {
    width: 78px;
    height: 78px;
    color: var(--programme-accent);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    font-size: 29px;
    font-style: normal;
    display: grid;
    box-shadow: 0 10px 24px #173f4312
}

.programme-stage-choice-grid article span {
    color: var(--programme-accent);
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900
}

.programme-stage-choice-grid h3 {
    margin: 3px 0;
    font-size: 27px
}

.programme-stage-choice-grid p {
    color: #627b7e;
    margin: 0 0 10px;
    font-size: 13px
}

.programme-stage-choice-grid a {
    color: #006072;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none
}

.programme-benefits.compact {
    padding-top: 65px
}

.programme-benefits.compact .programme-benefit-grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px
}

.programme-benefits.compact .programme-benefit-grid article {
    text-align: center;
    min-height: 0;
    padding: 20px 15px
}

.programme-benefits.compact .programme-benefit-grid i {
    border-radius: 50%;
    width: 43px;
    height: 43px;
    margin: auto;
    font-size: 15px;
    font-weight: 900
}

.programme-benefits.compact .programme-benefit-grid h3 {
    font-family: var(--font-interface);
    margin: 12px 0 4px;
    font-size: 14px
}

.programme-benefits.compact .programme-benefit-grid p {
    font-size: 11px;
    line-height: 1.45
}

.programme-terms {
    max-width: 950px;
    margin: 0 auto;
    padding: 70px 30px
}

.programme-terms h2 {
    margin: 8px 0 22px;
    font-size: 38px
}

.programme-terms>div {
    grid-template-columns: 1fr 1fr;
    gap: 10px 24px;
    display: grid
}

.programme-terms p {
    color: #607a7d;
    border-top: 1px solid #d8e6e5;
    grid-template-columns: 28px 1fr;
    gap: 10px;
    margin: 0;
    padding: 12px 0;
    font-size: 13px;
    line-height: 1.6;
    display: grid
}

.programme-terms p b {
    background: var(--programme-soft);
    width: 25px;
    height: 25px;
    color: var(--programme-accent);
    border-radius: 50%;
    place-items: center;
    font-size: 10px;
    display: grid
}

.programme-terms small {
    color: #778d90;
    margin-top: 18px;
    font-size: 11px;
    display: block
}

@media (width<=1000px) {
    .programme-benefit-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=700px) {
    .programme-benefit-grid {
        grid-template-columns: 1fr
    }
}

@media (width<=1000px) {
    .programme-benefits.compact .programme-benefit-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (width<=700px) {
    .programme-stage-choice {
        padding: 25px 20px 55px
    }

    .programme-stage-choice h2 {
        font-size: 33px
    }

    .programme-stage-choice-grid {
        grid-template-columns: 1fr
    }

    .programme-stage-choice-grid article {
        grid-template-columns: 64px 1fr;
        padding: 20px
    }

    .programme-stage-choice-grid article>i {
        width: 60px;
        height: 60px;
        font-size: 23px
    }

    .programme-benefits.compact .programme-benefit-grid {
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
        display: flex;
        overflow-x: auto
    }

    .programme-benefits.compact .programme-benefit-grid article {
        scroll-snap-align: start;
        flex: 0 0 155px
    }

    .programme-terms {
        padding: 55px 20px
    }

    .programme-terms>div {
        grid-template-columns: 1fr
    }
}

.hospital-partner-section {
    text-align: center;
    background: #f4fbfa;
    padding: 62px max(5vw, 30px)
}

.hospital-partner-heading {
    max-width: 800px;
    margin: 0 auto
}

.hospital-partner-heading h2 {
    font-family: var(--font-editorial);
    color: #244f53;
    margin: 8px 0 10px;
    font-size: 36px;
    line-height: 1.18
}

.hospital-partner-heading p {
    color: #617a7d;
    margin: 0;
    font-size: 14px;
    line-height: 1.65
}

.hospital-logo-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: stretch;
    gap: 11px;
    max-width: 1260px;
    margin: 30px auto 18px;
    display: grid
}

.hospital-logo-card {
    color: #315b5f;
    background: #fff;
    border: 1px solid #d7e8e6;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13px;
    min-width: 0;
    min-height: 128px;
    padding: 18px 12px 14px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    display: flex;
    box-shadow: 0 9px 24px #163f4308
}

.hospital-logo-card:hover,
.hospital-logo-card:focus-visible {
    border-color: #9bcfca;
    outline: none;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px #163f4313
}

.hospital-logo-card img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 54px;
    display: block
}

.hospital-logo-card span {
    font-size: 10px;
    font-weight: 750;
    line-height: 1.3
}

.hospital-partner-section>small {
    color: #71878a;
    font-size: 10px;
    display: block
}

.pc-hospital-partners .pc-kicker,
.pc-hospital-partners>small {
    display: block
}

.programme-page .hospital-partner-section {
    border-top: 1px solid #e1edeb
}

.programme-page .hospital-partner-heading h2 {
    font-size: 36px
}

@media (width<=1050px) {
    .hospital-logo-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (width<=700px) {
    .hospital-partner-section {
        padding: 48px 20px
    }

    .hospital-partner-heading h2,
    .programme-page .hospital-partner-heading h2 {
        font-size: 29px
    }

    .hospital-partner-heading p {
        font-size: 13px
    }

    .hospital-logo-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 23px
    }

    .hospital-logo-card {
        min-height: 116px;
        padding: 15px 10px
    }

    .hospital-logo-card:last-child {
        grid-column: 1/3
    }

    .hospital-logo-card img {
        height: 48px
    }

    .hospital-logo-card span {
        font-size: 10px
    }
}

.programme-page.newmom .programme-benefits.compact .programme-benefit-grid {
    grid-template-columns: repeat(5, 1fr)
}

.programme-page.newmom .programme-proof {
    align-items: start
}

.programme-page.newmom .programme-proof-photo {
    aspect-ratio: 1.276;
    background: #f7eee9;
    border: 1px solid #eadfdb;
    height: auto
}

.programme-page.newmom .programme-proof-photo img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center
}

.programme-supporting-brands {
    background: #fff;
    border: 1px solid #d9e8e6;
    border-radius: 14px;
    margin-top: 14px;
    padding: 15px 18px
}

.programme-supporting-brands>small {
    color: #778b8e;
    letter-spacing: .13em;
    margin-bottom: 10px;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.programme-supporting-brands>div {
    flex-wrap: wrap;
    gap: 9px;
    display: flex
}

.programme-supporting-brands>div>span {
    background: #fff;
    border: 1px solid #e2ecea;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 125px;
    min-height: 45px;
    padding: 8px 14px;
    font-size: 17px;
    font-weight: 800;
    display: flex
}

.programme-supporting-brands .bepanthen {
    color: #244a8f
}

.programme-supporting-brands .hoppi {
    color: #00a8c2;
    letter-spacing: -.05em;
    font-size: 24px;
    font-weight: 900
}

.programme-supporting-brands .ezerra {
    color: #263d61;
    font-family: Georgia, serif;
    font-size: 21px;
    font-style: italic
}

@media (width<=700px) {
    .programme-page.newmom .programme-proof-photo {
        height: auto
    }

    .programme-supporting-brands>div {
        grid-template-columns: 1fr 1fr;
        display: grid
    }

    .programme-supporting-brands>div>span {
        min-width: 0
    }

    .programme-supporting-brands>div>span:last-child {
        grid-column: 1/3
    }
}

.programme-sponsors {
    background: #fff;
    border-top: 1px solid #e1ecea;
    border-bottom: 1px solid #e1ecea;
    grid-template-columns: minmax(260px, 410px) 1fr;
    align-items: center;
    gap: 55px;
    padding: 54px max(6vw, 40px);
    display: grid
}

.programme-sponsors h2 {
    margin: 7px 0 8px;
    font-size: 31px
}

.programme-sponsors>div:first-child>p {
    color: #627b7e;
    margin: 0;
    font-size: 13px;
    line-height: 1.6
}

.programme-sponsor-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    display: grid
}

.programme-sponsor-row>a,
.programme-sponsor-row>span {
    color: #244f53;
    text-align: center;
    background: #fff;
    border: 1px solid #d8e7e5;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    min-height: 82px;
    padding: 15px;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
    display: flex;
    box-shadow: 0 9px 24px #173f4308
}

.programme-sponsor-row .bega {
    color: #e42132;
    letter-spacing: .05em;
    font-size: 23px
}

.programme-sponsor-row .farmers-union {
    color: #194f92;
    font-family: Georgia, serif
}

.programme-sponsor-row .luna-kids {
    color: #7e58a8
}

.programme-sponsor-row .open-playhouse {
    color: #16867f;
    font-size: 15px
}

.programme-page.superkids .programme-proof-photo img {
    -o-object-position: center 45%;
       object-position: center 45%
}

@media (width<=900px) {
    .programme-sponsors {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .programme-sponsor-row {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=700px) {
    .programme-sponsors {
        padding: 44px 20px
    }

    .programme-sponsors h2 {
        font-size: 28px
    }

    .programme-sponsor-row>a,
    .programme-sponsor-row>span {
        min-height: 70px;
        font-size: 15px
    }
}

.mca-page {
    --gold: #bd861e;
    --ink: #244f53;
    --pink: #df3c80;
    color: var(--ink);
    font-family: var(--font-interface);
    background: #fcfaf7;
    font-size: 16px;
    line-height: 1.65
}

.mca-breadcrumb {
    color: #7b8584;
    border-bottom: 1px solid #e7e1d7;
    gap: 11px;
    max-width: 1380px;
    margin: auto;
    padding: 16px max(4vw, 30px);
    font-size: 13px;
    display: flex
}

.mca-breadcrumb a {
    color: #006072;
    text-decoration: none
}

.mca-hero {
    grid-template-columns: 1fr .92fr;
    align-items: center;
    gap: 60px;
    max-width: 1380px;
    margin: auto;
    padding: 68px max(4vw, 30px);
    display: grid
}

.mca-hero>div>span,
.mca-heading span,
.mca-about>div>span,
.mca-faq>span,
.mca-final span {
    color: var(--pink);
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 900
}

.mca-hero h1 {
    letter-spacing: -.035em;
    max-width: 690px;
    margin: 11px 0 18px;
    font-size: 57px;
    line-height: 1.04
}

.mca-hero p {
    color: #60777a;
    max-width: 650px;
    font-size: 17px
}

.mca-hero>div>div {
    gap: 11px;
    margin: 27px 0 17px;
    display: flex
}

.mca-hero a {
    background: var(--ink);
    color: #fff;
    border-radius: 9px;
    align-items: center;
    min-height: 47px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex
}

.mca-hero a+a {
    color: var(--ink);
    background: #fff;
    border: 1px solid #d7c4a3
}

.mca-hero small {
    color: #738486;
    font-size: 11px
}

.mca-hero figure {
    background: #1b1b1b;
    border-radius: 26px;
    height: 460px;
    margin: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 54px #43351826
}

.mca-hero figure img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.mca-hero figcaption {
    background: #fff;
    border-radius: 12px;
    justify-content: space-between;
    padding: 13px 16px;
    display: flex;
    position: absolute;
    bottom: 18px;
    left: 20px;
    right: 20px
}

.mca-hero figcaption b {
    font-family: var(--font-editorial)
}

.mca-hero figcaption span {
    color: var(--gold);
    font-size: 10px;
    font-weight: 900
}

.mca-proof {
    background: #fff;
    border: 1px solid #e1d8c9;
    border-radius: 20px;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1260px;
    margin: 0 auto 40px;
    display: grid;
    overflow: hidden
}

.mca-proof article {
    border-right: 1px solid #e8e0d5;
    padding: 24px
}

.mca-proof article:last-child {
    border: 0
}

.mca-proof b {
    color: var(--gold);
    font-family: var(--font-editorial);
    font-size: 25px;
    display: block
}

.mca-proof span {
    color: #687d80;
    font-size: 12px
}

.mca-explorer {
    background: #f4f8f7;
    padding: 82px max(5vw, 30px)
}

.mca-heading {
    grid-template-columns: 1fr 430px;
    align-items: end;
    gap: 55px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.mca-heading h2 {
    margin: 7px 0 0;
    font-size: 43px
}

.mca-heading p {
    color: #62787b;
    margin: 0;
    font-size: 14px
}

.mca-year-tabs {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    max-width: 1260px;
    margin: 28px auto 15px;
    display: grid
}

.mca-year-tabs button {
    color: var(--ink);
    background: #fff;
    border: 1px solid #d6e3e1;
    border-radius: 10px;
    padding: 14px;
    font-size: 15px;
    font-weight: 900
}

.mca-year-tabs button.active {
    border-color: var(--gold);
    color: #fff;
    background: #1f4f53
}

.mca-tools {
    grid-template-columns: 280px 1fr;
    align-items: end;
    gap: 18px;
    max-width: 1260px;
    margin: auto;
    padding: 14px 0 23px;
    display: grid
}

.mca-tools label span {
    color: #657c7f;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 800;
    display: block
}

.mca-tools input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    font: inherit;
    background: #fff;
    border: 1px solid #ccdedd;
    border-radius: 9px;
    padding: 0 13px;
    font-size: 13px
}

.mca-category-tabs {
    gap: 7px;
    display: flex;
    overflow-x: auto
}

.mca-category-tabs button {
    color: #315d61;
    background: #fff;
    border: 1px solid #cce0de;
    border-radius: 999px;
    flex: none;
    padding: 10px 13px;
    font-size: 11px;
    font-weight: 800
}

.mca-category-tabs button.active {
    background: #f5e6c9;
    border-color: #d8aa54
}

.mca-result-line {
    color: #6b8083;
    justify-content: space-between;
    max-width: 1260px;
    margin: 0 auto 15px;
    font-size: 12px;
    display: flex
}

.mca-result-line b {
    color: var(--ink)
}

.mca-winner-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.mca-winner-grid article {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 18px;
    grid-template-columns: 61px 1fr;
    gap: 17px;
    min-height: 220px;
    padding: 22px;
    display: grid;
    box-shadow: 0 11px 28px #173f4308
}

.mca-seal {
    color: #e9bd5f;
    background: #202020;
    border-radius: 29px 29px 9px 9px;
    align-content: center;
    place-items: center;
    width: 58px;
    height: 72px;
    display: grid;
    box-shadow: inset 0 0 0 3px #d9a83f
}

.mca-seal span {
    font-family: Georgia, serif;
    font-size: 27px;
    font-weight: 900;
    line-height: 1
}

.mca-seal small {
    font-size: 9px
}

.mca-winner-grid article>div:last-child>span {
    color: var(--pink);
    letter-spacing: .1em;
    font-size: 9px;
    font-weight: 900
}

.mca-winner-grid h3 {
    margin: 8px 0 6px;
    font-size: 23px;
    line-height: 1.15
}

.mca-winner-grid p {
    color: #62787b;
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 1.5
}

.mca-winner-grid a {
    color: #006072;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-empty {
    text-align: center;
    background: #fff;
    border-radius: 14px;
    max-width: 1260px;
    margin: 20px auto;
    padding: 25px
}

.mca-about {
    grid-template-columns: 1.15fr .85fr;
    gap: 60px;
    max-width: 1180px;
    margin: auto;
    padding: 90px 30px;
    display: grid
}

.mca-about h2 {
    margin: 8px 0 18px;
    font-size: 42px;
    line-height: 1.15
}

.mca-about p {
    color: #60777a;
    font-size: 14px
}

.mca-about aside {
    color: #fff;
    background: #173f43;
    border-radius: 20px;
    padding: 29px
}

.mca-about aside h3 {
    margin: 0 0 15px;
    font-size: 25px
}

.mca-about ul {
    color: #c7dddd;
    gap: 13px;
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    display: grid
}

.mca-faq {
    max-width: 950px;
    margin: auto;
    padding: 80px 30px
}

.mca-faq h2 {
    margin: 7px 0;
    font-size: 41px
}

.mca-faq>p {
    color: #60777a;
    margin: 0 0 27px;
    font-size: 14px
}

.mca-faq details {
    border-top: 1px solid #dedfd8;
    padding: 17px 0
}

.mca-faq summary {
    cursor: pointer;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.mca-faq summary span {
    color: var(--pink)
}

.mca-faq details p {
    color: #60777a;
    font-size: 14px
}

.mca-final {
    background: #f5e6c9;
    border-radius: 22px;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto 35px;
    padding: 32px 37px;
    display: flex
}

.mca-final h2 {
    margin: 5px 0;
    font-size: 29px
}

.mca-final p {
    color: #687a7c;
    margin: 0;
    font-size: 12px
}

.mca-final>a {
    background: var(--ink);
    color: #fff;
    border-radius: 9px;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

@media (width<=1000px) {
    .mca-hero {
        grid-template-columns: 1fr
    }

    .mca-proof,
    .mca-winner-grid {
        grid-template-columns: 1fr 1fr
    }

    .mca-about {
        grid-template-columns: 1fr
    }

    .mca-heading {
        grid-template-columns: 1fr;
        gap: 10px
    }
}

@media (width<=650px) {
    .mca-hero {
        padding: 48px 20px
    }

    .mca-hero h1 {
        font-size: 41px
    }

    .mca-hero figure {
        height: 360px
    }

    .mca-proof {
        margin: 0 20px 25px
    }

    .mca-proof article {
        padding: 17px
    }

    .mca-proof b {
        font-size: 20px
    }

    .mca-explorer {
        padding: 58px 20px
    }

    .mca-heading h2,
    .mca-about h2,
    .mca-faq h2 {
        font-size: 33px
    }

    .mca-tools,
    .mca-winner-grid {
        grid-template-columns: 1fr
    }

    .mca-about,
    .mca-faq {
        padding: 60px 20px
    }

    .mca-final {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 20px 25px;
        padding: 25px
    }

    .mca-hero>div>div {
        display: grid
    }

    .mca-hero a {
        justify-content: center
    }
}

.webinar-browser {
    background: #f8faf9;
    padding: 76px max(6vw, 40px)
}

.webinar-browser-head {
    text-align: center;
    max-width: 1260px;
    margin: auto
}

.webinar-browser-head>span {
    color: #e63383;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.webinar-browser-head h2 {
    margin: 8px 0 5px;
    font-size: 40px
}

.webinar-browser-head p {
    color: #647a7d;
    margin: 0;
    font-size: 14px
}

.webinar-account-tabs {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    max-width: 1260px;
    margin: 29px auto 20px;
    display: grid
}

.webinar-account-tabs button {
    color: #48595b;
    background: #d6d8dc;
    border: 0;
    border-radius: 12px;
    height: 51px;
    font-size: 15px;
    font-weight: 900
}

.webinar-account-tabs button.active {
    color: #fff;
    background: #e63383
}

.webinar-filter-row {
    grid-template-columns: 1fr 260px;
    gap: 12px;
    max-width: 1260px;
    margin: 0 auto 26px;
    display: grid
}

.webinar-filter-row label span {
    color: #637a7d;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 800;
    display: block
}

.webinar-filter-row select {
    box-sizing: border-box;
    color: #53686b;
    width: 100%;
    height: 47px;
    font: inherit;
    background: #fff;
    border: 1px solid #d1dcdb;
    border-radius: 10px;
    padding: 0 13px;
    font-size: 13px
}

.webinar-session-card {
    background: #fff;
    border: 1px solid #d8e4e2;
    border-radius: 18px;
    grid-template-columns: 310px 1fr;
    gap: 25px;
    max-width: 900px;
    margin: auto;
    padding: 13px;
    display: grid;
    box-shadow: 0 15px 38px #173f430c
}

.webinar-session-card>img {
    -o-object-fit: contain;
       object-fit: contain;
    background: #effafa;
    border-radius: 12px;
    width: 100%;
    height: 310px
}

.webinar-session-card>div {
    padding: 13px 16px 13px 0
}

.webinar-session-card>div>span {
    color: #e63383;
    letter-spacing: .11em;
    font-size: 9px;
    font-weight: 900
}

.webinar-session-card h3 {
    margin: 7px 0 13px;
    font-size: 26px;
    line-height: 1.25
}

.webinar-session-card dl {
    margin: 0 0 12px
}

.webinar-session-card dl div {
    border-top: 1px solid #e3e9e8;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    padding: 7px 0;
    font-size: 12px;
    display: grid
}

.webinar-session-card dt {
    color: #74878a
}

.webinar-session-card dd {
    color: #315c60;
    margin: 0;
    font-weight: 700
}

.webinar-session-card p {
    color: #637a7d;
    font-size: 13px
}

.webinar-session-actions {
    gap: 9px;
    display: flex
}

.webinar-session-actions a,
.webinar-session-actions button,
.webinar-login-state a {
    color: #fff;
    background: #42b4b8;
    border: 0;
    border-radius: 9px;
    padding: 12px 16px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.webinar-session-actions button {
    color: #315c60;
    background: #edf6f5
}

.webinar-login-state {
    text-align: center;
    background: #fff;
    border: 1px solid #d8e4e2;
    border-radius: 18px;
    max-width: 700px;
    margin: auto;
    padding: 48px 25px
}

.webinar-login-state>span {
    color: #e63383;
    background: #fff0f7;
    border-radius: 50%;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: auto;
    font-size: 23px;
    display: grid
}

.webinar-login-state h3 {
    margin: 13px 0 4px;
    font-size: 25px
}

.webinar-login-state p {
    color: #637a7d;
    margin: 0 0 20px;
    font-size: 13px
}

.webinar-login-state a {
    background: #e63383;
    display: inline-block
}

@media (width<=700px) {
    .webinar-browser {
        padding: 58px 20px
    }

    .webinar-browser-head h2 {
        font-size: 33px
    }

    .webinar-account-tabs button {
        height: 47px;
        font-size: 13px
    }

    .webinar-filter-row {
        grid-template-columns: 1fr 1fr
    }

    .webinar-session-card {
        grid-template-columns: 1fr
    }

    .webinar-session-card>img {
        height: 290px
    }

    .webinar-session-card>div {
        padding: 6px 8px 12px
    }

    .webinar-session-card h3 {
        font-size: 23px
    }

    .webinar-session-actions {
        display: grid
    }

    .webinar-session-actions a,
    .webinar-session-actions button {
        text-align: center
    }

    .webinar-session-card dl div {
        grid-template-columns: 1fr;
        gap: 1px
    }
}

.brand-hub,
.review-product {
    --bp: #244a8f;
    --bp-soft: #edf5ff;
    color: #244f53;
    font-family: var(--font-interface);
    background: #fff;
    font-size: 16px;
    line-height: 1.65
}

.brand-hub h1,
.brand-hub h2,
.brand-hub h3,
.brand-hub summary,
.review-product h1,
.review-product h2,
.review-product h3,
.review-product summary {
    font-family: var(--font-editorial)
}

.brand-hero,
.review-hero {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 55px;
    max-width: 1260px;
    margin: auto;
    padding: 68px 30px;
    display: grid
}

.brand-hero>div>span,
.brand-answer>span,
.brand-products>div>span,
.brand-faq>span,
.review-hero>div>span,
.review-summary>div>span,
.review-list>span,
.review-disclosure span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.brand-hero h1,
.review-hero h1 {
    margin: 9px 0 15px;
    font-size: 52px;
    line-height: 1.07
}

.brand-hero p,
.review-hero>div>p {
    color: #61787b;
    font-size: 16px
}

.brand-hero>div>div,
.review-hero>div>div:last-of-type {
    gap: 10px;
    margin-top: 23px;
    display: flex
}

.brand-hero a,
.review-hero a {
    background: var(--bp);
    color: #fff;
    border-radius: 9px;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.brand-hero a+a,
.review-hero a+a {
    color: #315c60;
    background: #eef5f5
}

.brand-hero>img,
.review-hero>img {
    -o-object-fit: cover;
       object-fit: cover;
    background: var(--bp-soft);
    border-radius: 24px;
    width: 100%;
    height: 450px
}

.brand-answer {
    text-align: center;
    max-width: 950px;
    margin: auto;
    padding: 58px 30px
}

.brand-answer h2 {
    margin: 7px 0;
    font-size: 37px
}

.brand-answer p {
    color: #61787b;
    font-size: 14px
}

.brand-products {
    background: #f5f9f9;
    padding: 82px max(6vw, 40px)
}

.brand-products>div {
    max-width: 1260px;
    margin: 0 auto 27px
}

.brand-products>div h2 {
    margin: 7px 0;
    font-size: 39px
}

.brand-products>div p {
    color: #61787b;
    max-width: 760px;
    font-size: 14px
}

.brand-products article {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 22px;
    grid-template-columns: 380px 1fr;
    max-width: 1000px;
    margin: auto;
    display: grid;
    overflow: hidden
}

.brand-products article>img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 390px
}

.brand-products article>div {
    padding: 34px
}

.brand-products article>div>span {
    color: #df3c80;
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900
}

.brand-products h3 {
    margin: 7px 0;
    font-size: 30px
}

.brand-products article p,
.brand-products li {
    color: #61787b;
    font-size: 13px
}

.brand-products article a {
    color: #006072;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: inline-block
}

.brand-faq {
    max-width: 920px;
    margin: auto;
    padding: 80px 30px
}

.brand-faq h2 {
    margin: 7px 0 25px;
    font-size: 39px
}

.brand-faq details {
    border-top: 1px solid #dce5e4;
    padding: 17px 0
}

.brand-faq summary {
    cursor: pointer;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.brand-faq summary span {
    color: #df3c80
}

.brand-faq details p {
    color: #61787b;
    font-size: 14px
}

.review-rating {
    align-items: center;
    gap: 10px !important;
    margin: 14px 0 !important;
    display: flex !important
}

.review-rating b {
    font-size: 27px
}

.review-rating span {
    color: #e3a722;
    letter-spacing: .05em
}

.review-rating small,
.review-hero>div>small {
    color: #73878a;
    font-size: 11px
}

.review-summary {
    background: #f7faf9;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    padding: 75px max(6vw, 40px);
    display: grid
}

.review-summary h2 {
    margin: 7px 0;
    font-size: 38px
}

.review-summary p {
    color: #61787b;
    font-size: 14px
}

.review-summary ul {
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.review-summary li {
    background: #fff;
    border: 1px solid #dbe6e4;
    border-radius: 14px;
    padding: 19px
}

.review-summary li b,
.review-summary li span {
    display: block
}

.review-summary li span {
    color: #667d80;
    font-size: 12px
}

.review-list {
    max-width: 1160px;
    margin: auto;
    padding: 82px 30px
}

.review-list h2 {
    margin: 7px 0;
    font-size: 40px
}

.review-intro {
    color: #61787b;
    max-width: 720px;
    font-size: 14px
}

.review-list>div {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 28px 0;
    display: grid
}

.review-list article {
    background: #fff;
    border: 1px solid #dbe6e4;
    border-radius: 17px;
    padding: 24px
}

.review-list article>div {
    align-items: center;
    gap: 10px;
    display: flex
}

.review-list article>div>b {
    width: 38px;
    height: 38px;
    color: var(--bp);
    background: #edf5ff;
    border-radius: 50%;
    place-items: center;
    display: grid
}

.review-list article strong,
.review-list article small {
    display: block
}

.review-list article small {
    color: #839092;
    font-size: 9px
}

.review-list h3 {
    font-size: 20px;
    line-height: 1.3
}

.review-list article p {
    color: #61787b;
    font-size: 13px
}

.review-list>a {
    color: #006072;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.review-disclosure {
    background: #fff0f7;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    max-width: 1160px;
    margin: 0 auto 40px;
    padding: 30px 34px;
    display: flex
}

.review-disclosure h2 {
    margin: 5px 0;
    font-size: 27px
}

.review-disclosure p {
    color: #687c7f;
    max-width: 700px;
    margin: 0;
    font-size: 12px
}

.review-disclosure a {
    color: #fff;
    background: #df3c80;
    border-radius: 9px;
    flex: none;
    padding: 12px 15px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

@media (width<=800px) {

    .brand-hero,
    .review-hero,
    .review-summary,
    .brand-products article {
        grid-template-columns: 1fr
    }

    .brand-products article>img {
        height: 330px;
        min-height: 0
    }

    .review-list>div {
        grid-template-columns: 1fr
    }

    .review-disclosure {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 20px 30px
    }
}

@media (width<=600px) {

    .brand-hero,
    .review-hero {
        padding: 48px 20px
    }

    .brand-hero h1,
    .review-hero h1 {
        font-size: 39px
    }

    .brand-hero>img,
    .review-hero>img {
        height: 340px
    }

    .brand-hero>div>div,
    .review-hero>div>div:last-of-type {
        display: grid
    }

    .brand-answer,
    .brand-faq,
    .review-list,
    .brand-products,
    .review-summary {
        padding: 58px 20px
    }

    .brand-products>div h2,
    .brand-answer h2,
    .brand-faq h2,
    .review-summary h2,
    .review-list h2 {
        font-size: 32px
    }

    .review-summary ul {
        grid-template-columns: 1fr
    }
}

.brand-catalogue>.brand-product-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 1260px;
    margin: auto;
    display: grid
}

.brand-catalogue .brand-product-grid>article {
    border-radius: 18px;
    flex-direction: column;
    min-width: 0;
    display: flex
}

.brand-catalogue .brand-product-grid>article>img {
    -o-object-fit: contain;
       object-fit: contain;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    height: 250px;
    min-height: 0;
    padding: 18px
}

.brand-catalogue .brand-product-grid>article>div {
    flex-direction: column;
    flex: 1;
    padding: 22px;
    display: flex
}

.brand-catalogue h3 {
    font-size: 22px;
    line-height: 1.27
}

.brand-card-meta {
    color: #61787b;
    justify-content: space-between;
    gap: 12px;
    margin: 4px 0 10px;
    font-size: 12px;
    display: flex
}

.brand-card-meta b {
    color: #d99e22
}

.brand-catalogue .brand-product-grid p {
    font-size: 12px
}

.brand-catalogue .brand-product-grid a {
    margin-top: auto
}

.brand-parent-guide {
    background: #fff;
    padding: 80px max(6vw, 40px)
}

.brand-parent-guide>div {
    max-width: 1260px;
    margin: auto
}

.brand-parent-guide>div:first-child>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.brand-parent-guide h2 {
    margin: 7px 0 25px;
    font-size: 39px
}

.brand-parent-guide>div:last-child {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    display: grid
}

.brand-parent-guide article {
    border: 1px solid #dbe6e4;
    border-radius: 17px;
    padding: 24px
}

.brand-parent-guide article>b {
    color: #244a8f;
    font-family: var(--font-editorial);
    font-size: 23px
}

.brand-parent-guide h3 {
    font-size: 20px
}

.brand-parent-guide p {
    color: #61787b;
    font-size: 12px
}

.review-usps {
    background: #edf5ff;
    padding: 80px max(6vw, 40px)
}

.review-usps>div {
    max-width: 1260px;
    margin: auto
}

.review-usps>div:first-child>span,
.review-buy>div:first-child>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.review-usps h2,
.review-buy h2 {
    margin: 7px 0;
    font-size: 39px
}

.review-usps>div:first-child>p,
.review-buy>div:first-child>p {
    color: #61787b;
    max-width: 760px;
    font-size: 14px
}

.review-usps>div:last-child {
    grid-template-columns: repeat(5, 1fr);
    gap: 11px;
    margin-top: 26px;
    display: grid
}

.review-usps article {
    background: #fff;
    border: 1px solid #d4e1ed;
    border-radius: 16px;
    padding: 21px
}

.review-usps article>b {
    color: #244a8f;
    font-family: var(--font-editorial);
    font-size: 20px
}

.review-usps h3 {
    min-height: 55px;
    font-size: 18px;
    line-height: 1.3
}

.review-usps strong {
    color: #df3c80;
    font-size: 25px;
    display: block
}

.review-usps strong small {
    font-size: 11px
}

.review-usps article p {
    color: #61787b;
    font-size: 11px
}

.review-buy {
    background: #fff;
    padding: 72px max(6vw, 40px)
}

.review-buy>div {
    max-width: 1160px;
    margin: auto
}

.review-buy>div:last-child {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 24px;
    display: grid
}

.review-buy a {
    color: #244f53;
    border: 1px solid #dbe6e4;
    border-radius: 16px;
    flex-direction: column;
    padding: 23px;
    text-decoration: none;
    display: flex
}

.review-buy a b {
    font-size: 19px
}

.review-buy a span {
    color: #61787b;
    margin: 5px 0;
    font-size: 12px
}

.review-buy a small {
    color: #006072;
    margin-top: auto;
    font-size: 10px;
    font-weight: 900
}

.review-buy a.shopee {
    background: #fff8f5;
    border-color: #ffd4c7
}

.review-buy a.shopee b {
    color: #e85b2c
}

.review-controls {
    grid-template-columns: 1fr 180px 180px !important;
    gap: 11px !important;
    margin: 25px 0 15px !important;
    display: grid !important
}

.review-controls label span {
    color: #637a7d;
    font-size: 10px;
    font-weight: 800;
    display: block
}

.review-controls input,
.review-controls select {
    box-sizing: border-box;
    color: #415e61;
    width: 100%;
    height: 45px;
    font: inherit;
    background: #fff;
    border: 1px solid #d4e2e0;
    border-radius: 9px;
    padding: 0 12px;
    font-size: 12px
}

.review-count {
    color: #667d80;
    font-size: 12px;
    justify-content: space-between !important;
    margin: 0 0 13px !important;
    display: flex !important
}

.review-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 0 !important;
    display: grid !important
}

.review-grid article {
    min-width: 0;
    display: block
}

.review-grid article>img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 11px;
    width: 100%;
    height: 210px;
    margin-bottom: 13px
}

.review-avatar {
    color: #244a8f;
    background: #edf5ff;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    font-weight: 900;
    display: grid
}

.review-author {
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 10px !important;
    display: flex !important
}

.review-author strong,
.review-author small {
    display: block
}

.review-author small {
    color: #839092;
    font-size: 9px
}

.review-stars {
    color: #e3a722;
    margin-top: 10px;
    font-size: 12px
}

.review-stars small {
    color: #687d80
}

.review-load-more {
    color: #fff;
    background: #244a8f;
    border: 0;
    border-radius: 9px;
    margin: 28px auto 0;
    padding: 13px 22px;
    font-size: 12px;
    font-weight: 900;
    display: block
}

.review-empty {
    text-align: center;
    color: #687d80
}

.mca-timeline,
.mca-media {
    border-top: 1px solid #d7e3e1;
    max-width: 1260px;
    margin: 85px auto 0;
    padding-top: 75px
}

.mca-subhead {
    grid-template-columns: 1fr 430px;
    align-items: end;
    gap: 10px 55px;
    display: grid
}

.mca-subhead span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.mca-subhead h2 {
    margin: 5px 0;
    font-size: 39px
}

.mca-subhead p {
    color: #62787b;
    grid-area: 1/2/3;
    margin: 0;
    font-size: 14px
}

.mca-timeline ol {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 28px 0 18px;
    padding: 0;
    list-style: none;
    display: grid
}

.mca-timeline li {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 16px;
    padding: 22px
}

.mca-timeline li>b {
    color: #9b6b13;
    background: #f5e6c9;
    border-radius: 50%;
    place-items: center;
    width: 38px;
    height: 38px;
    display: grid
}

.mca-timeline li span {
    color: #df3c80;
    margin-top: 18px;
    font-size: 10px;
    font-weight: 900;
    display: block
}

.mca-timeline h3 {
    margin: 4px 0;
    font-size: 21px
}

.mca-timeline li p {
    color: #62787b;
    font-size: 12px
}

.mca-timeline>a {
    color: #006072;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.mca-media-layout {
    grid-template-columns: 1.15fr .85fr;
    gap: 17px;
    margin-top: 28px;
    display: grid
}

.mca-video {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 18px;
    overflow: hidden
}

.mca-video iframe {
    aspect-ratio: 16/9;
    background: #111;
    border: 0;
    width: 100%;
    display: block
}

.mca-video>div {
    justify-content: space-between;
    gap: 15px;
    padding: 16px;
    display: flex
}

.mca-video a,
.mca-gallery-grid>a {
    color: #006072;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-gallery-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    display: grid
}

.mca-gallery-grid figure {
    border-radius: 14px;
    min-height: 150px;
    margin: 0;
    position: relative;
    overflow: hidden
}

.mca-gallery-grid figure:first-child {
    grid-column: 1/3
}

.mca-gallery-grid img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.mca-gallery-grid figcaption {
    background: #fff;
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    bottom: 9px;
    left: 10px
}

.mca-gallery-grid>a {
    text-align: center;
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 10px;
    grid-column: 1/3;
    padding: 12px
}

@media (width<=1000px) {

    .brand-catalogue>.brand-product-grid,
    .brand-parent-guide>div:last-child {
        grid-template-columns: 1fr 1fr
    }

    .review-usps>div:last-child {
        grid-template-columns: repeat(3, 1fr)
    }

    .mca-timeline ol {
        grid-template-columns: 1fr 1fr
    }

    .mca-media-layout {
        grid-template-columns: 1fr
    }
}

@media (width<=700px) {

    .brand-catalogue>.brand-product-grid,
    .brand-parent-guide>div:last-child,
    .review-buy>div:last-child,
    .review-usps>div:last-child {
        grid-template-columns: 1fr
    }

    .brand-parent-guide,
    .review-usps,
    .review-buy {
        padding: 58px 20px
    }

    .review-usps h2,
    .review-buy h2,
    .brand-parent-guide h2 {
        font-size: 32px
    }

    .review-usps h3 {
        min-height: 0
    }

    .review-controls {
        grid-template-columns: 1fr 1fr !important
    }

    .review-controls label:first-child {
        grid-column: 1/3
    }

    .review-grid {
        grid-template-columns: 1fr !important
    }

    .mca-timeline,
    .mca-media {
        margin-top: 60px;
        padding-top: 55px
    }

    .mca-subhead {
        grid-template-columns: 1fr
    }

    .mca-subhead p {
        grid-area: auto
    }

    .mca-subhead h2 {
        font-size: 32px
    }

    .mca-timeline ol {
        grid-template-columns: 1fr
    }

    .mca-video>div {
        flex-direction: column;
        align-items: flex-start
    }

    .mca-gallery-grid {
        grid-template-columns: 1fr
    }

    .mca-gallery-grid figure:first-child,
    .mca-gallery-grid>a {
        grid-column: auto
    }

    .mca-gallery-grid figure {
        min-height: 220px
    }
}

.review-list>.review-controls {
    grid-template-columns: 1fr 180px 180px;
    gap: 12px;
    margin: 28px 0 14px;
    display: grid
}

.review-list>.review-count {
    color: #61787b;
    background: #f3f8f7;
    border-radius: 10px;
    grid-template-columns: none;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 16px;
    padding: 12px 15px;
    display: flex
}

.review-list>.review-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 0;
    display: grid
}

.review-list .review-grid article {
    min-width: 0;
    display: block
}

.review-list .review-grid article>img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 11px;
    width: 100%;
    height: 210px;
    margin-bottom: 13px
}

.review-list .review-avatar {
    color: #244a8f;
    background: #edf5ff;
    border-radius: 50%;
    place-items: center;
    width: 46px;
    height: 46px;
    font-weight: 900;
    display: grid
}

.review-list .review-author {
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    display: flex
}

.review-list .review-stars {
    color: #e3a722;
    margin-top: 11px
}

.review-list .review-stars small {
    color: #61787b
}

.review-list .review-grid article>p {
    white-space: pre-line
}

.review-pagination {
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 30px 0 0;
    display: flex
}

.review-pagination button {
    color: #244f53;
    min-width: 125px;
    font: inherit;
    cursor: pointer;
    background: #fff;
    border: 1px solid #bfd5d3;
    border-radius: 999px;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 900
}

.review-pagination button:last-child {
    color: #fff;
    background: #244a8f;
    border-color: #244a8f
}

.review-pagination button:disabled {
    opacity: .38;
    cursor: not-allowed
}

.review-pagination span {
    color: #61787b;
    font-size: 12px
}

.mca-destinations {
    max-width: 1260px;
    margin: 15px auto 70px;
    padding: 0 30px
}

.mca-destinations>div:first-child span {
    color: var(--pink);
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 900
}

.mca-destinations h2 {
    margin: 6px 0 22px;
    font-size: 36px
}

.mca-destinations>div:last-child {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    display: grid
}

.mca-destinations a {
    min-height: 195px;
    color: var(--ink);
    background: #fff;
    border: 1px solid #dbe6e4;
    border-radius: 18px;
    flex-direction: column;
    padding: 23px;
    text-decoration: none;
    display: flex
}

.mca-destinations a:nth-child(2) {
    background: #fff5f8
}

.mca-destinations a:nth-child(3) {
    background: #f2f8f8
}

.mca-destinations a:nth-child(4) {
    background: #f8f0fb
}

.mca-destinations b {
    font-family: var(--font-editorial);
    font-size: 24px
}

.mca-destinations span {
    color: #61787b;
    margin: 8px 0 18px;
    font-size: 12px;
    line-height: 1.55
}

.mca-destinations strong {
    color: #006072;
    margin-top: auto;
    font-size: 11px
}

.mca-about {
    display: block
}

.mca-about>div:first-child {
    max-width: 790px;
    margin-bottom: 28px
}

.mca-audience-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    display: grid
}

.mca-audience-grid article {
    background: #fff;
    border: 1px solid #dbe6e4;
    border-radius: 18px;
    padding: 27px
}

.mca-audience-grid i {
    color: #df3c80;
    background: #fff0f7;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    font-size: 22px;
    font-style: normal;
    display: grid
}

.mca-audience-grid article:nth-child(2) i {
    color: #9b6b13;
    background: #f5e6c9
}

.mca-audience-grid article:nth-child(3) i {
    color: #765395;
    background: #f1eafa
}

.mca-audience-grid h3 {
    margin: 16px 0 7px;
    font-size: 24px
}

.mca-audience-grid p {
    min-height: 92px;
    margin: 0 0 14px
}

.mca-audience-grid a {
    color: #006072;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-parent-note {
    border-top: 1px solid #dbe3df;
    border-bottom: 1px solid #dbe3df;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: 36px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 26px 30px;
    display: grid
}

.mca-parent-note span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.mca-parent-note h2 {
    margin: 4px 0;
    font-size: 27px
}

.mca-parent-note p {
    color: #61787b;
    margin: 0;
    font-size: 13px
}

@media (width<=900px) {

    .review-list>.review-grid,
    .mca-destinations>div:last-child {
        grid-template-columns: 1fr 1fr
    }

    .mca-audience-grid {
        grid-template-columns: 1fr
    }

    .mca-audience-grid p {
        min-height: 0
    }

    .mca-parent-note {
        grid-template-columns: 1fr;
        gap: 5px
    }
}

@media (width<=600px) {
    .review-list>.review-controls {
        grid-template-columns: 1fr
    }

    .review-controls label:first-child {
        grid-column: auto
    }

    .review-list>.review-grid {
        grid-template-columns: 1fr
    }

    .review-list>.review-count {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px
    }

    .review-pagination {
        justify-content: space-between;
        gap: 8px
    }

    .review-pagination button {
        min-width: 0
    }

    .review-pagination span {
        font-size: 11px
    }

    .mca-destinations {
        margin-bottom: 48px;
        padding: 0 20px
    }

    .mca-destinations h2 {
        font-size: 31px
    }

    .mca-destinations>div:last-child {
        grid-template-columns: 1fr
    }

    .mca-destinations a {
        min-height: 0
    }

    .mca-parent-note {
        margin: 0 20px;
        padding: 22px 0
    }
}

.mca-section-heading {
    max-width: 790px;
    margin-bottom: 28px
}

.mca-section-heading>span,
.mca-year-hub article>span,
.mca-nomination>div>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.mca-section-heading h2,
.mca-nomination h2 {
    margin: 7px 0 10px;
    font-size: 41px;
    line-height: 1.13
}

.mca-section-heading p,
.mca-nomination>div>p {
    color: #60777a;
    margin: 0;
    font-size: 14px
}

.mca-year-hub,
.mca-supermum,
.mca-media-wall,
.mca-gallery-years,
.mca-nomination {
    max-width: 1260px;
    margin: 0 auto;
    padding: 82px 30px
}

.mca-year-hub>div:last-child {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    display: grid
}

.mca-year-hub article {
    background: #fff;
    border: 1px solid #ded9cd;
    border-radius: 20px;
    flex-direction: column;
    min-height: 360px;
    padding: 27px;
    display: flex;
    position: relative;
    overflow: hidden
}

.mca-year-hub article:before {
    content: "";
    background: #f5e6c9;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    position: absolute;
    top: -35px;
    right: -35px
}

.mca-year-hub article:nth-child(2):before {
    background: #f6e7ef
}

.mca-year-hub article:nth-child(3):before {
    background: #dff1ef
}

.mca-year-hub article>b {
    color: #bd861e;
    font-family: var(--font-editorial);
    font-size: 48px;
    line-height: 1;
    position: relative
}

.mca-year-hub article>span {
    margin-top: 22px
}

.mca-year-hub h3 {
    margin: 8px 0;
    font-size: 25px
}

.mca-year-hub article p {
    color: #61787b;
    font-size: 13px
}

.mca-year-hub nav {
    gap: 7px;
    margin-top: auto;
    display: grid
}

.mca-year-hub nav a {
    color: #006072;
    border-top: 1px solid #ece7df;
    padding-top: 8px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-supermum {
    background: #fff
}

.mca-supermum>div:last-child {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    display: grid
}

.mca-supermum article {
    background: linear-gradient(145deg, #fff8fb, #fff);
    border: 1px solid #ead9e2;
    border-radius: 19px;
    padding: 25px
}

.mca-supermum article>div {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.mca-supermum article>div b {
    font-family: var(--font-editorial);
    font-size: 31px
}

.mca-supermum article>div span {
    color: #fff;
    background: #df3c80;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 9px;
    font-weight: 900
}

.mca-supermum article p {
    color: #60777a;
    min-height: 112px;
    font-size: 13px
}

.mca-supermum article a {
    color: #006072;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-media-wall {
    background: #f5f0e8
}

.mca-media-wall>div:nth-child(2) {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    display: grid
}

.mca-media-wall>div:nth-child(2)>a {
    color: #244f53;
    background: #fff;
    border: 1px solid #e4d8c5;
    border-radius: 17px;
    flex-direction: column;
    min-height: 210px;
    padding: 22px;
    text-decoration: none;
    display: flex
}

.mca-outlet {
    color: #213f42;
    letter-spacing: -.02em;
    align-items: center;
    min-height: 42px;
    font-size: 17px;
    font-weight: 900;
    display: flex
}

.mca-media-wall a>span {
    color: #df3c80;
    margin: 12px 0 4px;
    font-size: 10px;
    font-weight: 900
}

.mca-media-wall h3 {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.25
}

.mca-media-wall a>b {
    color: #006072;
    margin-top: auto;
    font-size: 10px
}

.mca-inline-link {
    color: #006072;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex
}

.mca-gallery-years>div:nth-child(2) {
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    display: grid
}

.mca-gallery-years figure {
    background: #fff;
    border: 1px solid #dce5e3;
    border-radius: 19px;
    margin: 0;
    overflow: hidden
}

.mca-gallery-years figure img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 280px;
    display: block
}

.mca-gallery-years figcaption {
    justify-content: space-between;
    gap: 15px;
    padding: 17px;
    display: flex
}

.mca-gallery-years figcaption b {
    font-family: var(--font-editorial);
    font-size: 25px
}

.mca-gallery-years figcaption span {
    color: #60777a;
    text-align: right;
    font-size: 11px
}

.mca-gallery-actions {
    gap: 11px;
    margin-top: 18px;
    display: flex
}

.mca-gallery-actions a {
    color: #006072;
    border: 1px solid #cbdedc;
    border-radius: 9px;
    padding: 12px 16px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.mca-gallery-actions a:first-child {
    color: #fff;
    background: #244f53
}

.mca-nomination {
    color: #fff;
    background: #183f43;
    border-radius: 28px;
    grid-template-columns: .75fr 1.25fr;
    gap: 55px;
    max-width: 1200px;
    display: grid
}

.mca-nomination h2 {
    color: #fff
}

.mca-nomination>div>p {
    color: #c7dada
}

.mca-nomination ul {
    color: #e4efee;
    margin: 25px 0 0;
    padding-left: 20px;
    font-size: 13px
}

.mca-nomination form {
    color: #244f53;
    background: #fff;
    border-radius: 20px;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 26px;
    display: grid
}

.mca-nomination label {
    gap: 5px;
    font-size: 11px;
    font-weight: 900;
    display: grid
}

.mca-nomination input,
.mca-nomination select,
.mca-nomination textarea {
    box-sizing: border-box;
    color: #244f53;
    width: 100%;
    font: inherit;
    background: #fbfdfd;
    border: 1px solid #cfdddb;
    border-radius: 9px;
    padding: 12px;
    font-size: 13px
}

.mca-nomination textarea {
    resize: vertical
}

.mca-nomination .full {
    grid-column: 1/3
}

.mca-consent {
    color: #5d7477;
    align-items: flex-start;
    grid-template-columns: none !important;
    gap: 9px !important;
    font-weight: 500 !important;
    display: flex !important
}

.mca-consent input {
    flex: none;
    width: 16px;
    height: 16px;
    padding: 0
}

.mca-nomination button {
    color: #fff;
    font: inherit;
    cursor: pointer;
    background: #df3c80;
    border: 0;
    border-radius: 9px;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 900
}

.mca-nomination form small {
    color: #728587;
    font-size: 10px
}

@media (width<=1000px) {

    .mca-year-hub>div:last-child,
    .mca-supermum>div:last-child {
        grid-template-columns: 1fr
    }

    .mca-year-hub article {
        min-height: 280px
    }

    .mca-media-wall>div:nth-child(2),
    .mca-gallery-years>div:nth-child(2) {
        grid-template-columns: 1fr 1fr
    }

    .mca-nomination {
        grid-template-columns: 1fr;
        margin: 0 20px
    }
}

@media (width<=650px) {

    .mca-section-heading h2,
    .mca-nomination h2 {
        font-size: 32px
    }

    .mca-year-hub,
    .mca-supermum,
    .mca-media-wall,
    .mca-gallery-years {
        padding: 58px 20px
    }

    .mca-media-wall>div:nth-child(2),
    .mca-gallery-years>div:nth-child(2) {
        grid-template-columns: 1fr
    }

    .mca-media-wall>div:nth-child(2)>a {
        min-height: 170px
    }

    .mca-gallery-years figure img {
        height: 240px
    }

    .mca-gallery-actions {
        flex-direction: column
    }

    .mca-gallery-actions a {
        text-align: center
    }

    .mca-nomination {
        gap: 25px;
        padding: 45px 20px
    }

    .mca-nomination form {
        grid-template-columns: 1fr;
        padding: 18px
    }

    .mca-nomination .full {
        grid-column: auto
    }

    .mca-nomination button {
        width: 100%
    }

    .mca-supermum article p {
        min-height: 0
    }
}

.review-product-visual {
    background: #edf5ff;
    border-radius: 24px;
    min-width: 0;
    position: relative;
    overflow: hidden
}

.review-product-visual>img {
    -o-object-fit: contain;
       object-fit: contain;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 470px;
    padding: 28px;
    display: block
}

.review-product-visual>span {
    color: #244a8f;
    text-align: center;
    letter-spacing: .08em;
    background: #fff;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    bottom: 17px;
    left: 18px;
    right: 18px;
    box-shadow: 0 8px 25px #244a8f1c
}

.review-hero-copy {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.review-hero-copy .review-hero-actions a {
    align-items: center;
    min-height: 48px;
    display: inline-flex
}

.review-quick-buy {
    background: #f7fbfa;
    border: 1px solid #cddedd;
    border-radius: 22px;
    flex-direction: column;
    padding: 28px;
    display: flex;
    box-shadow: 0 18px 42px #173f4310
}

.review-quick-buy>span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 900
}

.review-quick-buy h2 {
    margin: 7px 0 6px;
    font-size: 29px;
    line-height: 1.15
}

.review-quick-buy>p {
    color: #61787b;
    margin: 0 0 18px;
    font-size: 12px;
    line-height: 1.55
}

.review-quick-buy>a {
    color: #244f53;
    background: #fff;
    border: 1px solid #d2e1df;
    border-radius: 12px;
    flex-direction: column;
    margin-top: 9px;
    padding: 14px 15px;
    text-decoration: none;
    display: flex
}

.review-quick-buy>a b {
    font-size: 13px
}

.review-quick-buy>a small {
    color: #61787b;
    margin-top: 3px;
    font-size: 9px
}

.review-quick-buy>a.review-buy-primary {
    color: #fff;
    background: #ee5d2f;
    border-color: #f2a88e
}

.review-quick-buy>a.review-buy-primary small {
    color: #fff
}

.review-quick-buy em {
    color: #7a8b8d;
    margin-top: auto;
    padding-top: 16px;
    font-size: 9px;
    font-style: normal;
    line-height: 1.45
}

.review-page-nav {
    z-index: 8;
    backdrop-filter: blur(10px);
    background: #ffffffef;
    border: 1px solid #dbe6e4;
    border-radius: 999px;
    justify-content: center;
    gap: 8px;
    max-width: 1200px;
    margin: 0 auto 15px;
    padding: 10px 14px;
    display: flex;
    position: sticky;
    top: 0;
    box-shadow: 0 10px 28px #173f430d
}

.review-page-nav a {
    color: #315c60;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none
}

.review-page-nav a:hover,
.review-page-nav a:focus-visible {
    background: #edf6f5
}

.review-page-nav a b {
    color: #df3c80
}

.review-list,
.review-usps,
.review-summary,
.brand-faq {
    scroll-margin-top: 82px
}

@media (width<=1050px) {
    .review-hero.review-hero-commerce {
        grid-template-columns: .82fr 1.18fr
    }

    .review-quick-buy {
        grid-column: 1/3;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        display: grid
    }

    .review-quick-buy>span,
    .review-quick-buy h2,
    .review-quick-buy>p,
    .review-quick-buy em {
        grid-column: 1/4
    }

    .review-quick-buy>a {
        margin-top: 0
    }

    .review-quick-buy em {
        padding-top: 8px
    }
}

@media (width<=760px) {
    .review-hero.review-hero-commerce {
        grid-template-columns: 1fr;
        padding: 40px 20px
    }

    .review-product-visual>img {
        min-height: 330px
    }

    .review-quick-buy {
        grid-column: auto;
        display: flex
    }

    .review-quick-buy>span,
    .review-quick-buy h2,
    .review-quick-buy>p,
    .review-quick-buy em {
        grid-column: auto
    }

    .review-page-nav {
        border-radius: 15px;
        justify-content: flex-start;
        margin: 0 20px 12px;
        position: static;
        overflow-x: auto
    }

    .review-page-nav a {
        flex: none
    }

    .review-hero-copy .review-hero-actions {
        display: block !important
    }

    .review-hero-copy .review-hero-actions a {
        justify-content: center
    }
}

.review-hero.review-hero-commerce {
    grid-template-columns: minmax(340px, .82fr) minmax(520px, 1.18fr);
    align-items: center;
    gap: 58px
}

.review-hero-copy .review-hero-actions {
    flex-wrap: wrap;
    gap: 10px !important;
    display: flex !important
}

.review-hero-copy .review-hero-actions a {
    justify-content: center
}

.review-hero-copy .review-hero-actions .review-buy-now {
    color: #fff;
    background: #ed5b2a;
    box-shadow: 0 9px 24px #ed5b2a28
}

.review-affiliate-note {
    background: #f5faf9;
    border: 1px solid #d9e7e5;
    border-radius: 12px;
    grid-template-columns: 165px 1fr;
    max-width: 650px;
    padding: 14px 16px;
    gap: 14px !important;
    margin: 3px 0 18px !important;
    display: grid !important
}

.review-affiliate-note b {
    color: #244f53;
    font-size: 12px;
    line-height: 1.4
}

.review-affiliate-note span {
    color: #62787b;
    font-size: 11px;
    line-height: 1.55
}

.review-list .review-grid article {
    font-family: var(--font-interface);
    padding: 26px
}

.review-list .review-author strong {
    font-family: var(--font-interface);
    color: #244f53;
    font-size: 14px;
    line-height: 1.4
}

.review-list .review-author small {
    font-family: var(--font-interface);
    font-size: 11px;
    line-height: 1.4
}

.review-list .review-stars {
    font-family: var(--font-interface);
    letter-spacing: .03em;
    font-size: 14px
}

.review-list .review-stars small {
    letter-spacing: 0;
    font-size: 12px
}

.review-product .review-list .review-grid h3 {
    font-family: var(--font-interface);
    color: #244f53;
    margin: 14px 0 9px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45
}

.review-product .review-list .review-grid article>p {
    font-family: var(--font-interface);
    color: #526c70;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75
}

.review-list .review-avatar {
    font-family: var(--font-interface);
    font-size: 16px
}

.review-list>.review-count,
.review-controls input,
.review-controls select,
.review-pagination {
    font-family: var(--font-interface)
}

@media (width<=900px) {
    .review-hero.review-hero-commerce {
        grid-template-columns: .82fr 1.18fr;
        gap: 32px
    }

    .review-affiliate-note {
        grid-template-columns: 1fr;
        gap: 3px !important
    }
}

@media (width<=760px) {
    .review-hero.review-hero-commerce {
        grid-template-columns: 1fr
    }

    .review-hero-copy .review-hero-actions {
        grid-template-columns: 1fr 1fr;
        display: grid !important
    }

    .review-affiliate-note {
        max-width: none
    }

    .review-list .review-grid article {
        padding: 22px
    }

    .review-product .review-list .review-grid article>p {
        font-size: 16px;
        line-height: 1.7
    }
}

@media (width<=430px) {
    .review-hero-copy .review-hero-actions {
        grid-template-columns: 1fr
    }
}

.review-summary>div>small {
    color: #7a8b8d;
    margin-top: 15px;
    font-size: 10px;
    line-height: 1.5;
    display: block
}

html {
    scroll-behavior: smooth
}

.review-page-nav {
    z-index: 20;
    top: 10px
}

.review-ai-summary {
    background: #fff;
    border: 1px solid #cadeda;
    border-left: 4px solid #00b4b8;
    border-radius: 14px;
    margin-top: 24px;
    padding: 20px
}

.review-ai-summary>span {
    color: #df3c80;
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900
}

.review-ai-summary h3 {
    margin: 5px 0 8px;
    font-family: var(--font-interface) !important;
    font-size: 18px !important
}

.review-ai-summary p {
    color: #526c70;
    margin: 0;
    line-height: 1.65;
    font-size: 13px !important
}

.review-ai-summary small {
    color: #77898b;
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.5;
    display: block
}

.review-show-less {
    color: #315c60;
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 12px auto 0;
    padding: 10px 18px;
    font-size: 11px;
    font-weight: 900;
    display: block
}

@media (width<=760px) {
    .review-page-nav {
        z-index: 20;
        margin: 0 12px 12px;
        position: sticky;
        top: 8px
    }

    .review-page-nav a {
        box-sizing: border-box;
        align-items: center;
        min-height: 42px;
        display: flex
    }

    .review-ai-summary {
        padding: 17px
    }
}

.review-price {
    background: #f4f8ff;
    border-left: 4px solid #244a8f;
    grid-template-columns: auto 1fr;
    align-items: end;
    -moz-column-gap: 12px;
         column-gap: 12px;
    margin: 20px 0 14px;
    padding: 16px 18px;
    display: grid !important
}

.review-price>span {
    letter-spacing: .04em;
    grid-column: 1/3;
    font-weight: 800;
    color: #62787b !important;
    font-size: 11px !important
}

.review-price strong {
    color: #244a8f;
    font-family: var(--font-editorial);
    font-size: 34px;
    line-height: 1.1
}

.review-price small {
    color: #6a7e81;
    padding-bottom: 4px;
    font-size: 10px
}

.review-buy-block {
    margin: 0 0 14px
}

.review-buy-block>b {
    color: #244f53;
    margin-bottom: 8px;
    font-size: 13px;
    display: block
}

.review-buy-block>div {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    display: grid
}

.review-buy-block a.review-shop {
    color: #fff;
    text-align: center;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 11px 13px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: flex
}

.review-shop-shopee {
    background: #ee4d2d
}

.review-shop-lazada {
    background: #1a2a7c
}

.review-shop-brand {
    background: #244a8f
}

.review-hero-copy .review-hero-actions {
    margin: 0 0 13px !important
}

.review-hero-copy .review-hero-actions a {
    color: #315c60;
    background: #edf4f4
}

@media (width<=520px) {

    .review-buy-block>div,
    .review-price {
        grid-template-columns: 1fr
    }

    .review-price>span {
        grid-column: auto
    }

    .review-price small {
        padding: 2px 0 0
    }
}

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

.mca-supermum>div.mca-supermum-years {
    grid-template-columns: 1fr;
    gap: 18px;
    display: grid
}

.mca-supermum-years>section {
    background: linear-gradient(145deg, #fff8fb, #fff);
    border: 1px solid #ead9e2;
    border-radius: 20px;
    padding: 25px
}

.mca-supermum-years>section>header {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    display: flex
}

.mca-supermum-years>section>header b {
    font-family: var(--font-editorial);
    font-size: 33px
}

.mca-supermum-years>section>header span {
    color: #fff;
    letter-spacing: .08em;
    background: #df3c80;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 9px;
    font-weight: 900
}

.mca-supermum-years>section>div {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    display: grid
}

.mca-supermum-years article {
    background: #fff;
    border: 1px solid #eadfe4;
    border-radius: 14px;
    flex-direction: column;
    min-height: 120px;
    padding: 18px;
    display: flex
}

.mca-supermum-years article i {
    color: #df3c80;
    font-size: 10px;
    font-style: normal;
    font-weight: 900
}

.mca-supermum-years article h3 {
    margin: 8px 0 4px;
    font-size: 20px;
    line-height: 1.2
}

.mca-supermum-years article p {
    color: #6c7e80;
    min-height: 0;
    margin: auto 0 0;
    font-size: 10px
}

.mca-gallery-years>div.mca-gallery-full {
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    display: grid
}

.mca-gallery-full figure:first-child {
    grid-column: span 2
}

.mca-gallery-full figure img {
    height: 300px
}

.mca-gallery-video {
    background: #fff;
    border: 1px solid #dce5e3;
    border-radius: 20px;
    grid-template-columns: 1.4fr .6fr;
    margin-top: 16px;
    display: grid;
    overflow: hidden
}

.mca-gallery-video iframe {
    aspect-ratio: 16/9;
    background: #111;
    border: 0;
    width: 100%;
    display: block
}

.mca-gallery-video>div {
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    display: flex
}

.mca-gallery-video b {
    font-family: var(--font-editorial);
    font-size: 24px;
    line-height: 1.25
}

.mca-gallery-video span {
    color: #60777a;
    margin-top: 8px;
    font-size: 12px
}

@media (width<=1000px) {
    .mca-supermum-years>section>div {
        grid-template-columns: repeat(2, 1fr)
    }

    .mca-gallery-years>div.mca-gallery-full {
        grid-template-columns: 1fr 1fr
    }

    .mca-gallery-video {
        grid-template-columns: 1fr
    }
}

@media (width<=650px) {
    .mca-proof {
        grid-template-columns: 1fr
    }

    .mca-proof article {
        border-bottom: 1px solid #e8e0d5;
        border-right: 0
    }

    .mca-proof article:last-child {
        border-bottom: 0
    }

    .mca-supermum-years>section {
        padding: 18px
    }

    .mca-supermum-years>section>header {
        flex-direction: column;
        align-items: flex-start
    }

    .mca-supermum-years>section>div {
        grid-template-columns: 1fr
    }

    .mca-supermum-years article {
        min-height: 0
    }

    .mca-gallery-years>div.mca-gallery-full {
        grid-template-columns: 1fr
    }

    .mca-gallery-full figure:first-child {
        grid-column: auto
    }

    .mca-gallery-full figure img {
        height: 230px
    }

    .mca-gallery-video>div {
        padding: 20px
    }

    .mca-timeline ol {
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
        display: flex;
        overflow-x: auto
    }

    .mca-timeline li {
        scroll-snap-align: start;
        flex: 0 0 84%
    }

    .mca-result-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    .mca-year-tabs button {
        min-height: 48px
    }

    .mca-category-tabs button {
        min-height: 42px
    }

    .mca-media-wall>div:nth-child(2)>a {
        min-height: 0
    }
}

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

.mca-winner-grid article {
    align-items: start;
    min-height: 300px
}

.mca-winner-details {
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    margin: 0;
    display: flex
}

.mca-winner-details>div {
    border-bottom: 1px solid #edf1f0;
    padding-bottom: 9px
}

.mca-winner-details dt {
    color: #df3c80;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 900
}

.mca-winner-details dd {
    color: #244f53;
    margin: 3px 0 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4
}

.mca-winner-details>div:nth-child(2) dd {
    font-family: var(--font-editorial);
    font-size: 21px;
    line-height: 1.2
}

.mca-winner-details a {
    margin-top: auto;
    padding-top: 4px
}

.mca-supermum-placeholder {
    text-align: center;
    background: linear-gradient(135deg, #fae8ef, #edf7f6);
    border-radius: 20px 20px 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 180px;
    margin: -25px -25px 20px;
    padding: 24px;
    display: flex !important
}

.mca-supermum-placeholder span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.mca-supermum-placeholder b {
    font-family: var(--font-editorial);
    font-size: 22px;
    line-height: 1.25
}

.mca-supermum-placeholder small {
    color: #6b7f81;
    font-size: 10px
}

.mca-sponsor {
    color: #fff;
    background: linear-gradient(135deg, #204f53, #173e42);
    border-radius: 24px;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 45px;
    max-width: 1180px;
    margin: 10px auto 40px;
    padding: 42px;
    display: grid;
    box-shadow: 0 22px 50px #173f4320
}

.mca-sponsor span {
    color: #f4bece;
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 900
}

.mca-sponsor h2 {
    margin: 7px 0 12px;
    font-size: 36px;
    line-height: 1.15
}

.mca-sponsor p {
    color: #d7e7e5;
    margin: 0;
    font-size: 14px
}

.mca-sponsor>div:last-child {
    flex-direction: column;
    gap: 12px;
    display: flex
}

.mca-sponsor a {
    color: #fff;
    text-align: center;
    background: #df3c80;
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
    box-shadow: 0 10px 24px #0e2f332e
}

.mca-sponsor small {
    color: #bcd2d0;
    font-size: 10px;
    line-height: 1.5
}

@media (width<=1000px) {
    .mca-winner-grid {
        grid-template-columns: 1fr 1fr
    }

    .mca-sponsor {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (width<=650px) {
    .mca-winner-grid {
        grid-template-columns: 1fr
    }

    .mca-winner-grid article {
        grid-template-columns: 50px 1fr;
        gap: 14px;
        min-height: 0;
        padding: 18px
    }

    .mca-seal {
        width: 48px;
        height: 61px
    }

    .mca-winner-details dd {
        font-size: 14px
    }

    .mca-supermum-placeholder {
        height: 150px;
        margin: -18px -18px 18px
    }

    .mca-sponsor {
        grid-template-columns: 1fr;
        gap: 24px;
        margin: 0 20px 30px;
        padding: 28px 22px
    }

    .mca-sponsor h2 {
        font-size: 30px
    }

    .mca-sponsor a {
        min-height: 56px
    }
}

.review-summary {
    grid-template-columns: .82fr 1.18fr;
    align-items: start;
    gap: 45px
}

.review-guide-copy {
    padding-top: 8px
}

.review-guide-copy>small {
    color: #74878a;
    margin-top: 18px;
    font-size: 11px;
    line-height: 1.55;
    display: block
}

.review-guide-benefits {
    gap: 13px !important
}

.review-guide-benefits li {
    grid-template-columns: 54px 1fr;
    align-items: center;
    gap: 15px;
    min-height: 130px;
    display: grid;
    box-shadow: 0 12px 30px #173f4307;
    padding: 20px !important
}

.review-guide-benefits i {
    color: #007f86;
    width: 52px;
    height: 52px;
    font-family: var(--font-interface);
    background: #e2f5f3;
    border-radius: 50%;
    place-items: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    display: grid
}

.review-guide-benefits li:nth-child(2) i {
    color: #df3c80;
    background: #fff0f6
}

.review-guide-benefits li:nth-child(3) i {
    color: #b17b08;
    background: #fff6dc
}

.review-guide-benefits li:nth-child(4) i {
    color: #244a8f;
    background: #edf3ff;
    font-size: 16px
}

.review-guide-benefits li small {
    color: #df3c80;
    letter-spacing: .1em;
    margin-bottom: 4px;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.review-guide-benefits li b {
    font-family: var(--font-interface);
    font-size: 15px
}

.review-guide-benefits li span {
    margin-top: 4px;
    line-height: 1.5
}

.review-ai-summary {
    grid-column: 1/-1;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: 35px;
    margin: 4px 0 0;
    padding: 24px 26px;
    display: grid
}

.review-ai-summary h3 {
    margin: 6px 0 0 !important;
    font-size: 21px !important
}

.review-ai-summary div:last-child p {
    font-size: 14px !important
}

.review-intro b {
    color: #244f53
}

.corporate-page {
    color: #244f53;
    font-family: var(--font-interface);
    background: #fbfaf8;
    font-size: 16px;
    line-height: 1.7
}

.corporate-page h1,
.corporate-page h2,
.corporate-page h3 {
    font-family: var(--font-editorial)
}

.corporate-breadcrumb {
    color: #78898b;
    border-bottom: 1px solid #e0e8e6;
    gap: 10px;
    max-width: 1260px;
    margin: auto;
    padding: 15px 30px;
    font-size: 12px;
    display: flex
}

.corporate-breadcrumb a {
    color: #007c82;
    text-decoration: none
}

.corporate-hero {
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 70px;
    max-width: 1260px;
    margin: auto;
    padding: 76px 30px 66px;
    display: grid
}

.corporate-hero>div>span {
    color: #df3c80;
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 900
}

.corporate-hero h1 {
    letter-spacing: -.035em;
    max-width: 760px;
    margin: 9px 0 18px;
    font-size: 57px;
    line-height: 1.05
}

.corporate-hero p {
    color: #60777a;
    max-width: 730px;
    margin: 0;
    font-size: 18px;
    line-height: 1.65
}

.corporate-hero>div>small {
    color: #78898b;
    margin-top: 17px;
    font-size: 11px;
    display: block
}

.corporate-hero aside {
    background: #eef8f7;
    border: 1px solid #d4e3e1;
    border-radius: 22px;
    padding: 27px
}

.corporate-hero aside>b {
    font-family: var(--font-editorial);
    margin-bottom: 14px;
    font-size: 24px;
    display: block
}

.corporate-hero aside>div {
    color: #47666a;
    border-top: 1px solid #d4e3e1;
    grid-template-columns: 29px 1fr;
    align-items: center;
    padding: 12px 0;
    font-size: 13px;
    display: grid
}

.corporate-hero aside i {
    color: #df3c80;
    background: #fff;
    border-radius: 50%;
    place-items: center;
    width: 23px;
    height: 23px;
    font-style: normal;
    font-weight: 900;
    display: grid
}

.corporate-layout {
    grid-template-columns: 240px 1fr;
    gap: 65px;
    max-width: 1180px;
    margin: 0 auto 70px;
    padding: 0 30px;
    display: grid
}

.corporate-toc {
    background: #fff;
    border: 1px solid #dce6e4;
    border-radius: 16px;
    align-self: start;
    padding: 20px;
    position: sticky;
    top: 25px
}

.corporate-toc>b {
    margin-bottom: 10px;
    font-size: 12px;
    display: block
}

.corporate-toc a {
    color: #47666a;
    border-top: 1px solid #edf1f0;
    grid-template-columns: 30px 1fr;
    gap: 6px;
    padding: 9px 0;
    font-size: 11px;
    line-height: 1.35;
    text-decoration: none;
    display: grid
}

.corporate-toc a span {
    color: #df3c80;
    font-weight: 900
}

.corporate-copy {
    min-width: 0
}

.corporate-copy>section {
    border-bottom: 1px solid #dfe7e5;
    margin-bottom: 45px;
    padding: 0 0 46px;
    scroll-margin-top: 30px
}

.corporate-copy>section:last-child {
    border-bottom: 0
}

.corporate-copy h2 {
    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.18
}

.corporate-copy h3 {
    font-size: 22px
}

.corporate-copy p,
.corporate-copy li {
    color: #5d7478;
    font-size: 15px
}

.corporate-copy li {
    margin-bottom: 10px
}

.corporate-copy a {
    color: #00787e
}

.corporate-offering-grid {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    display: grid
}

.corporate-offering-grid article {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 16px;
    padding: 22px
}

.corporate-offering-grid article>span {
    color: #df3c80;
    font-size: 10px;
    font-weight: 900
}

.corporate-offering-grid h3 {
    font-family: var(--font-interface);
    margin: 7px 0 5px;
    font-size: 18px
}

.corporate-offering-grid p {
    margin: 0;
    font-size: 13px
}

.corporate-principles {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    display: grid
}

.corporate-principles>div {
    background: #eef8f7;
    border-radius: 15px;
    padding: 20px
}

.corporate-principles b {
    font-family: var(--font-editorial);
    font-size: 20px
}

.corporate-principles p {
    margin: 7px 0 0;
    font-size: 12px
}

.corporate-cta {
    background: #df3c80;
    border-radius: 10px;
    padding: 13px 17px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
    color: #fff !important
}

.corporate-facts {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    display: grid
}

.corporate-facts>div {
    background: #fff;
    border: 1px solid #dce7e5;
    border-radius: 12px;
    padding: 16px
}

.corporate-facts dt {
    color: #7a898b;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900
}

.corporate-facts dd {
    margin: 4px 0 0;
    font-weight: 800
}

.corporate-related {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    max-width: 1180px;
    margin: 0 auto 75px;
    padding: 0 30px;
    display: grid
}

.corporate-related a {
    color: #244f53;
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 16px;
    padding: 23px;
    text-decoration: none
}

.corporate-related span {
    color: #df3c80;
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 900;
    display: block
}

.corporate-related b {
    font-family: var(--font-editorial);
    margin-top: 5px;
    font-size: 20px;
    display: block
}

@media (width<=900px) {
    .review-summary {
        grid-template-columns: 1fr
    }

    .review-ai-summary {
        grid-column: auto
    }

    .corporate-hero {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .corporate-layout {
        grid-template-columns: 1fr
    }

    .corporate-toc {
        gap: 8px;
        display: flex;
        position: static;
        overflow-x: auto
    }

    .corporate-toc>b {
        display: none
    }

    .corporate-toc a {
        border: 1px solid #dbe6e4;
        border-radius: 999px;
        flex: none;
        padding: 9px 12px;
        display: block
    }

    .corporate-toc a span {
        margin-right: 5px
    }

    .corporate-principles,
    .corporate-related {
        grid-template-columns: 1fr
    }
}

@media (width<=650px) {
    .review-summary {
        padding: 55px 20px
    }

    .review-guide-benefits {
        grid-template-columns: 1fr !important
    }

    .review-guide-benefits li {
        min-height: 0
    }

    .review-ai-summary {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 20px
    }

    .corporate-hero {
        padding: 50px 20px
    }

    .corporate-hero h1 {
        font-size: 41px
    }

    .corporate-hero p {
        font-size: 16px
    }

    .corporate-layout {
        gap: 35px;
        padding: 0 20px
    }

    .corporate-copy h2 {
        font-size: 31px
    }

    .corporate-copy p,
    .corporate-copy li {
        font-size: 16px
    }

    .corporate-offering-grid,
    .corporate-facts {
        grid-template-columns: 1fr
    }

    .corporate-related {
        padding: 0 20px
    }

    .corporate-toc {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        margin: 0 -20px;
        padding: 13px 20px
    }
}

.corporate-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    display: grid
}

.corporate-action-grid article {
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 17px;
    padding: 24px
}

.corporate-action-grid article>span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 900
}

.corporate-action-grid h3 {
    margin: 7px 0 8px;
    font-size: 22px;
    line-height: 1.2
}

.corporate-action-grid p {
    margin: 0 0 14px;
    font-size: 13px
}

.corporate-action-grid a {
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.corporate-form-mock {
    background: #fff;
    border: 1px solid #d5e4e2;
    border-radius: 19px;
    padding: 27px;
    box-shadow: 0 12px 35px #244f5309
}

.corporate-form-mock>div {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    display: grid
}

.corporate-form-mock label {
    color: #315b5f;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: 900;
    display: flex
}

.corporate-form-mock input,
.corporate-form-mock select,
.corporate-form-mock textarea {
    box-sizing: border-box;
    color: #244f53;
    width: 100%;
    font: 500 14px/1.4 var(--font-interface);
    background: #fbfdfd;
    border: 1px solid #cddfdd;
    border-radius: 10px;
    padding: 12px 13px
}

.corporate-form-mock textarea {
    resize: vertical
}

.corporate-form-mock small {
    color: #7a8c8e;
    margin-top: 13px;
    font-size: 10px;
    display: block
}

.corporate-stage-strip {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    display: grid
}

.corporate-stage-strip a {
    color: #244f53;
    background: #fff0e7;
    border-radius: 17px;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 120px;
    padding: 20px;
    text-decoration: none;
    display: flex
}

.corporate-stage-strip a:nth-child(2) {
    background: #e2f5f3
}

.corporate-stage-strip a:nth-child(3) {
    background: #f1e9f8
}

.corporate-stage-strip a:nth-child(4) {
    background: #e8f2fa
}

.corporate-stage-strip b {
    font-family: var(--font-editorial);
    font-size: 19px;
    line-height: 1.2
}

.corporate-stage-strip span {
    color: #61777a;
    margin-top: 6px;
    font-size: 11px
}

.corporate-faq-list details {
    background: #fff;
    border-top: 1px solid #dce7e5
}

.corporate-faq-list details:last-child {
    border-bottom: 1px solid #dce7e5
}

.corporate-faq-list summary {
    cursor: pointer;
    color: #244f53;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 4px;
    font-size: 15px;
    font-weight: 900;
    list-style: none;
    display: flex
}

.corporate-faq-list summary::-webkit-details-marker {
    display: none
}

.corporate-faq-list summary span {
    color: #df3c80;
    font-size: 21px
}

.corporate-faq-list details[open] summary span {
    transform: rotate(45deg)
}

.corporate-faq-list details p {
    max-width: 800px;
    margin: 0;
    padding: 0 4px 20px;
    font-size: 14px
}

.corporate-media-grid {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    display: grid
}

.corporate-media-grid article {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 18px;
    overflow: hidden
}

.corporate-media-grid img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 210px;
    display: block
}

.corporate-media-grid article>div {
    padding: 21px
}

.corporate-media-grid span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 900
}

.corporate-media-grid h3 {
    margin: 7px 0;
    font-size: 21px;
    line-height: 1.25
}

.corporate-media-grid p {
    margin: 0 0 13px;
    font-size: 13px
}

.corporate-media-grid a {
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.corporate-step-list {
    counter-reset: corporate-step;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.corporate-step-list li {
    counter-increment: corporate-step;
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 16px;
    min-height: 105px;
    padding: 20px 20px 20px 59px;
    position: relative
}

.corporate-step-list li:before {
    content: counter(corporate-step);
    color: #007c82;
    background: #e6f6f5;
    border-radius: 50%;
    place-items: center;
    width: 30px;
    height: 30px;
    font-weight: 900;
    display: grid;
    position: absolute;
    top: 18px;
    left: 18px
}

.corporate-step-list b {
    color: #244f53;
    font-size: 14px;
    display: block
}

.corporate-step-list span {
    color: #60777a;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    display: block
}

.corporate-empty-state {
    text-align: center;
    background: #eaf7f6;
    border-radius: 20px;
    padding: 38px
}

.corporate-empty-state>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.corporate-empty-state h3 {
    margin: 8px 0;
    font-size: 27px
}

.corporate-empty-state p {
    max-width: 650px;
    margin: 0 auto 19px
}

.corporate-brand-feature {
    background: #f7eff7;
    border-radius: 20px;
    grid-template-columns: 220px 1fr;
    align-items: center;
    gap: 35px;
    padding: 27px;
    display: grid
}

.corporate-brand-feature img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
    max-height: 100px
}

.corporate-brand-feature span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 9px;
    font-weight: 900
}

.corporate-brand-feature h3 {
    margin: 7px 0;
    font-size: 27px
}

.corporate-brand-feature p {
    margin: 0 0 15px
}

.corporate-campaign-strip {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    display: grid
}

.corporate-campaign-strip img {
    aspect-ratio: 1.15;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 16px;
    width: 100%;
    display: block
}

.corporate-ecosystem {
    background: #eef8f7;
    border-radius: 20px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 25px;
    padding: 28px;
    display: grid
}

.corporate-ecosystem>div {
    text-align: center
}

.corporate-ecosystem img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 210px;
    max-height: 70px
}

.corporate-ecosystem>span {
    color: #df3c80;
    font-family: var(--font-editorial);
    font-size: 35px
}

.corporate-ecosystem p {
    margin: 10px 0 0;
    font-size: 12px
}

@media (width<=900px) {
    .corporate-stage-strip {
        grid-template-columns: 1fr 1fr
    }

    .corporate-brand-feature {
        grid-template-columns: 160px 1fr
    }

    .corporate-media-grid {
        grid-template-columns: 1fr
    }
}

@media (width<=650px) {

    .corporate-action-grid,
    .corporate-step-list,
    .corporate-form-mock>div {
        grid-template-columns: 1fr
    }

    .corporate-stage-strip {
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: auto
    }

    .corporate-stage-strip a {
        scroll-snap-align: start;
        min-width: 210px
    }

    .corporate-brand-feature {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px
    }

    .corporate-brand-feature img {
        max-width: 180px
    }

    .corporate-campaign-strip {
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: auto
    }

    .corporate-campaign-strip img {
        scroll-snap-align: start;
        min-width: 240px
    }

    .corporate-ecosystem {
        grid-template-columns: 1fr
    }

    .corporate-ecosystem>span {
        text-align: center;
        line-height: 1
    }

    .corporate-media-grid img {
        height: 190px
    }

    .corporate-form-mock {
        padding: 20px
    }
}

.influencer-proof-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
    display: grid
}

.influencer-proof-row>div {
    text-align: center;
    background: #fff;
    border: 1px solid #d6e4e2;
    border-radius: 15px;
    padding: 18px
}

.influencer-proof-row b {
    color: #007c82;
    font-size: 19px;
    display: block
}

.influencer-proof-row span {
    color: #6d8083;
    font-size: 11px;
    display: block
}

.influencer-profile-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    display: grid
}

.influencer-profile-grid article {
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 18px;
    padding: 20px
}

.influencer-avatar {
    color: #fff;
    background: linear-gradient(135deg, #39b8bc, #275c61);
    border-radius: 50%;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 900;
    display: grid;
    box-shadow: 0 0 0 7px #e6f7f5
}

.influencer-profile-grid article:nth-child(2) .influencer-avatar,
.influencer-profile-grid article:nth-child(4) .influencer-avatar {
    background: linear-gradient(135deg, #ed6d96, #d23878);
    box-shadow: 0 0 0 7px #fceaf2
}

.influencer-profile-grid span,
.influencer-case-grid span,
.influencer-award-feature span {
    color: #df3c80;
    letter-spacing: .12em;
    font-size: 8px;
    font-weight: 900
}

.influencer-profile-grid h3 {
    font-family: var(--font-interface);
    margin: 7px 0 4px;
    font-size: 17px
}

.influencer-profile-grid p {
    margin: 0;
    font-size: 12px
}

.influencer-note {
    color: #79898b;
    margin-top: 12px;
    font-size: 10px;
    display: block
}

.influencer-case-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    display: grid
}

.influencer-case-grid article {
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 18px;
    grid-template-columns: 155px 1fr;
    display: grid;
    overflow: hidden
}

.influencer-case-grid img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 190px
}

.influencer-case-grid article>div {
    padding: 20px
}

.influencer-case-grid h3 {
    margin: 5px 0;
    font-size: 21px
}

.influencer-case-grid p {
    margin: 0 0 10px;
    font-size: 12px
}

.influencer-case-grid a {
    font-size: 11px;
    font-weight: 900;
    text-decoration: none
}

.influencer-case-text {
    background: #edf8f7 !important;
    grid-template-columns: 1fr !important
}

.influencer-case-text>div {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.influencer-award-feature {
    background: #173f43;
    border-radius: 22px;
    grid-template-columns: 1.05fr .95fr;
    align-items: stretch;
    display: grid;
    overflow: hidden
}

.influencer-award-feature img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 330px
}

.influencer-award-feature>div {
    padding: 36px
}

.influencer-award-feature h3 {
    color: #fff;
    margin: 9px 0 10px;
    font-size: 30px
}

.influencer-award-feature p {
    color: #d7e7e6
}

.influencer-award-categories {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    display: flex
}

.influencer-award-categories span {
    color: #9c285a;
    background: #f8eaf1;
    border-radius: 99px;
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 900
}

.influencer-award-copy {
    background: #fff;
    border-left: 4px solid #df3c80;
    padding: 18px
}

.influencer-award-copy b {
    color: #244f53
}

@media (width<=900px) {
    .influencer-profile-grid {
        grid-template-columns: 1fr 1fr
    }

    .influencer-case-grid,
    .influencer-award-feature {
        grid-template-columns: 1fr
    }

    .influencer-award-feature img {
        height: 300px;
        min-height: 0
    }
}

@media (width<=650px) {
    .influencer-proof-row {
        display: flex;
        overflow-x: auto
    }

    .influencer-proof-row>div {
        min-width: 145px
    }

    .influencer-profile-grid {
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: auto
    }

    .influencer-profile-grid article {
        scroll-snap-align: start;
        min-width: 220px
    }

    .influencer-case-grid article {
        grid-template-columns: 115px 1fr
    }

    .influencer-case-grid img {
        min-height: 210px
    }

    .influencer-award-feature>div {
        padding: 25px
    }

    .influencer-award-feature h3 {
        font-size: 26px
    }
}

.superapp-hero-card {
    background: linear-gradient(135deg, #dff7f5, #f8ecf3);
    border-radius: 24px;
    grid-template-columns: 220px 1fr;
    align-items: center;
    gap: 36px;
    padding: 34px;
    display: grid
}

.superapp-hero-card>img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    max-height: 190px
}

.superapp-hero-card span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.superapp-hero-card h3 {
    margin: 7px 0 8px;
    font-size: 29px
}

.superapp-hero-card p {
    margin: 0
}

.superapp-store-buttons {
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
    display: flex
}

.superapp-store-buttons a {
    background: #244f53;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    color: #fff !important
}

.superapp-store-buttons a:last-child {
    background: #df3c80
}

.superapp-feature-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    display: grid
}

.superapp-feature-grid article {
    background: #fff;
    border: 1px solid #d7e5e3;
    border-radius: 18px;
    padding: 22px
}

.superapp-feature-grid i {
    color: #007c82;
    background: #e5f6f4;
    border-radius: 12px;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-style: normal;
    display: grid
}

.superapp-feature-grid article:nth-child(2n) i {
    color: #df3c80;
    background: #fceaf2
}

.superapp-feature-grid h3 {
    font-family: var(--font-interface);
    margin: 14px 0 6px;
    font-size: 17px
}

.superapp-feature-grid p {
    margin: 0;
    font-size: 13px
}

.faq-hub {
    color: #244f53;
    font-family: var(--font-interface);
    background: #fbfaf8;
    font-size: 16px;
    line-height: 1.65
}

.faq-hub h1,
.faq-hub h2 {
    font-family: var(--font-editorial)
}

.faq-hub-hero {
    text-align: center;
    max-width: 1200px;
    margin: auto;
    padding: 70px 30px 55px
}

.faq-hub-hero>span {
    color: #df3c80;
    letter-spacing: .16em;
    font-size: 10px;
    font-weight: 900
}

.faq-hub-hero h1 {
    margin: 7px 0 13px;
    font-size: 58px;
    line-height: 1.05
}

.faq-hub-hero>p {
    color: #647a7d;
    max-width: 760px;
    margin: 0 auto;
    font-size: 18px
}

.faq-hub-hero nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
    display: flex
}

.faq-hub-hero nav a {
    color: #315b5f;
    background: #fff;
    border: 1px solid #cfe0de;
    border-radius: 99px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none
}

.faq-hub-layout {
    grid-template-columns: 235px 1fr;
    gap: 60px;
    max-width: 1180px;
    margin: 0 auto 70px;
    padding: 0 30px;
    display: grid
}

.faq-hub-layout>aside {
    background: #fff;
    border: 1px solid #d9e5e3;
    border-radius: 17px;
    align-self: start;
    padding: 18px;
    position: sticky;
    top: 25px
}

.faq-hub-layout>aside b {
    padding: 0 2px 9px;
    font-size: 12px;
    display: block
}

.faq-hub-layout>aside a {
    color: #49696c;
    border-top: 1px solid #edf2f1;
    justify-content: space-between;
    padding: 10px 2px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    display: flex
}

.faq-hub-layout>aside a span {
    color: #007c82;
    background: #e9f6f5;
    border-radius: 50%;
    place-items: center;
    width: 23px;
    height: 23px;
    font-size: 9px;
    display: grid
}

.faq-hub-layout article>section {
    border-bottom: 1px solid #dce6e4;
    margin-bottom: 45px;
    padding: 0 0 48px;
    scroll-margin-top: 25px
}

.faq-hub-layout article>section>span {
    color: #df3c80;
    font-size: 10px;
    font-weight: 900
}

.faq-hub-layout h2 {
    margin: 3px 0 18px;
    font-size: 38px
}

.faq-hub-layout details {
    background: #fff;
    border-top: 1px solid #dce6e4
}

.faq-hub-layout details:last-child {
    border-bottom: 1px solid #dce6e4
}

.faq-hub-layout summary {
    cursor: pointer;
    color: #244f53;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 4px;
    font-weight: 900;
    list-style: none;
    display: flex
}

.faq-hub-layout summary::-webkit-details-marker {
    display: none
}

.faq-hub-layout summary i {
    color: #df3c80;
    font-size: 21px;
    font-style: normal
}

.faq-hub-layout details[open] summary i {
    transform: rotate(45deg)
}

.faq-hub-layout details p {
    color: #5e7478;
    max-width: 800px;
    margin: 0;
    padding: 0 4px 22px;
    font-size: 15px
}

.faq-contact {
    color: #fff;
    text-align: center;
    background: #244f53;
    border-radius: 24px;
    max-width: 1120px;
    margin: 0 auto 75px;
    padding: 45px 30px
}

.faq-contact>span {
    color: #8de0dd;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 900
}

.faq-contact h2 {
    margin: 7px 0;
    font-size: 38px
}

.faq-contact p {
    color: #d8e7e6;
    margin: 0 auto 20px
}

.faq-contact a {
    color: #fff;
    background: #df3c80;
    border-radius: 10px;
    padding: 12px 17px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex
}

.unified-app>a {
    color: inherit;
    flex-direction: column;
    text-decoration: none;
    display: flex
}

@media (width<=900px) {
    .superapp-feature-grid {
        grid-template-columns: 1fr 1fr
    }

    .faq-hub-layout {
        grid-template-columns: 1fr;
        gap: 28px
    }

    .faq-hub-layout>aside {
        gap: 8px;
        display: flex;
        position: static;
        overflow-x: auto
    }

    .faq-hub-layout>aside b {
        display: none
    }

    .faq-hub-layout>aside a {
        border: 1px solid #d9e5e3;
        border-radius: 99px;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 9px 12px
    }

    .faq-hub-layout>aside a span {
        margin-left: 8px
    }
}

@media (width<=650px) {
    .superapp-hero-card {
        grid-template-columns: 1fr;
        padding: 24px
    }

    .superapp-hero-card>img {
        max-width: 165px
    }

    .superapp-feature-grid {
        grid-template-columns: 1fr
    }

    .faq-hub-hero {
        text-align: left;
        padding: 50px 20px 40px
    }

    .faq-hub-hero h1 {
        font-size: 42px
    }

    .faq-hub-hero>p {
        font-size: 16px
    }

    .faq-hub-hero nav {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto
    }

    .faq-hub-hero nav a {
        min-width: -moz-max-content;
        min-width: max-content
    }

    .faq-hub-layout {
        padding: 0 20px
    }

    .faq-hub-layout h2 {
        font-size: 31px
    }

    .faq-hub-layout details p {
        font-size: 16px
    }

    .faq-contact {
        margin: 0 20px 60px;
        padding: 34px 22px
    }

    .faq-contact h2 {
        font-size: 31px
    }
}

.corporate-page {
    flex-direction: column;
    min-height: 100vh;
    display: flex
}

.corporate-page>.unified-topbar {
    flex: none;
    order: 0
}

.corporate-page>.unified-header {
    flex: none;
    order: 1;
    width: 100%
}

.corporate-page>main {
    flex: 1 0 auto;
    order: 2;
    width: 100%
}

.corporate-page>.mct-sticky-enquire {
    order: 3
}

.corporate-page>.unified-footer {
    flex: none;
    order: 4;
    width: 100%;
    margin-top: auto;
    position: static
}

.faq-hub {
    flex-direction: column;
    min-height: 100vh;
    display: flex
}

.faq-hub>.unified-topbar {
    flex: none;
    order: 0
}

.faq-hub>.unified-header {
    flex: none;
    order: 1;
    width: 100%
}

.faq-hub>main {
    flex: 1 0 auto;
    order: 2;
    width: 100%
}

.faq-hub>.unified-footer {
    flex: none;
    order: 3;
    width: 100%;
    margin-top: auto;
    position: static
}

.homepage-shell {
    flex-direction: column;
    min-height: 100vh;
    display: flex
}

.homepage-shell>main {
    flex: 1 0 auto;
    width: 100%
}

.homepage-shell>.unified-footer {
    flex: none;
    width: 100%;
    margin-top: auto;
    position: static
}

.story-page {
    min-height: 100vh;
    color: var(--mh-brand-deep);
    font-family: var(--font-interface);
    background: #fff;
    flex-direction: column;
    display: flex
}

.story-page>main {
    flex: 1 0 auto
}

.story-page>.unified-footer {
    width: 100%;
    margin-top: auto;
    position: static
}

.story-breadcrumb {
    color: #74888a;
    gap: 9px;
    max-width: 1240px;
    margin: auto;
    padding: 15px 30px;
    font-size: 10px;
    display: flex
}

.story-breadcrumb a {
    color: #087e80;
    text-decoration: none
}

.story-category-hero {
    grid-template-columns: 1.4fr .6fr;
    align-items: center;
    gap: 70px;
    max-width: 1240px;
    margin: auto;
    padding: 65px 30px 52px;
    display: grid
}

.story-category-hero>div>span,
.story-section-heading span,
.story-expert-cta span,
.article-section-kicker,
.article-faq>span {
    color: #df3c80;
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 900
}

.story-category-hero h1 {
    margin: 8px 0 16px;
    font-size: 64px;
    line-height: 1
}

.story-category-hero>div>p {
    color: #5e7679;
    max-width: 760px;
    font-size: 18px;
    line-height: 1.65
}

.story-topic-pills {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    display: flex
}

.story-topic-pills a {
    color: #315d60;
    background: #fff;
    border: 1px solid #cfe3e1;
    border-radius: 99px;
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none
}

.story-category-hero aside {
    background: linear-gradient(145deg, #e5f6f4, #fff0f5);
    border-radius: 22px;
    padding: 26px
}

.story-category-hero aside>b {
    font-family: var(--font-editorial);
    font-size: 22px
}

.story-category-hero aside p {
    color: #5d7478;
    font-size: 12px;
    line-height: 1.65
}

.story-category-hero aside a {
    color: #087e80;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.story-answer-strip {
    border-left: 5px solid var(--mh-brand-teal);
    background: #eef8f7;
    border-radius: 0 18px 18px 0;
    max-width: 1180px;
    margin: 0 auto 70px;
    padding: 30px 36px
}

.story-answer-strip>span {
    color: var(--mh-brand-teal);
    letter-spacing: .15em;
    font-size: 8px;
    font-weight: 900
}

.story-answer-strip h2 {
    margin: 5px 0 7px;
    font-size: 26px
}

.story-answer-strip p {
    color: #5b7477;
    margin: 0;
    font-size: 13px;
    line-height: 1.65
}

.story-category-content {
    max-width: 1180px;
    margin: auto;
    padding: 0 30px 80px
}

.story-section-heading {
    justify-content: space-between;
    align-items: end;
    margin-bottom: 28px;
    display: flex
}

.story-section-heading h2 {
    margin: 6px 0 0;
    font-size: 38px
}

.story-section-heading label {
    font-size: 10px;
    font-weight: 800
}

.story-section-heading select {
    background: #fff;
    border: 1px solid #cfe0de;
    border-radius: 9px;
    margin-left: 8px;
    padding: 9px
}

.story-feature-card {
    background: #f0f8f7;
    border-radius: 24px;
    grid-template-columns: 1.05fr .95fr;
    min-height: 390px;
    display: grid;
    overflow: hidden
}

.story-feature-card img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.story-feature-card>div {
    flex-direction: column;
    align-items: flex-start;
    padding: 42px;
    display: flex
}

.story-feature-card span,
.story-card-grid span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 8px;
    font-weight: 900
}

.story-feature-card h2 {
    margin: 10px 0;
    font-size: 34px;
    line-height: 1.16
}

.story-feature-card p,
.story-card-grid p {
    color: #60777a;
    line-height: 1.55
}

.story-feature-card small,
.story-card-grid small {
    color: #7a8d8f;
    font-size: 9px
}

.story-feature-card a,
.story-card-grid a {
    color: #087e80;
    margin-top: auto;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.story-card-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 22px;
    display: grid
}

.story-card-grid article {
    background: #fff;
    border: 1px solid #d9e6e4;
    border-radius: 18px;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.story-card-grid img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 180px
}

.story-card-grid article>div {
    flex-direction: column;
    flex: 1;
    padding: 20px;
    display: flex
}

.story-card-grid h3 {
    margin: 9px 0;
    font-size: 20px;
    line-height: 1.25
}

.story-card-grid p {
    font-size: 11px
}

.story-load-more {
    color: #087e80;
    background: #fff;
    border: 1px solid #8ecbc8;
    border-radius: 99px;
    margin: 34px auto 0;
    padding: 12px 20px;
    font-weight: 900;
    display: block
}

.story-expert-cta {
    color: #fff;
    background: #234f53;
    border-radius: 24px;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    max-width: 1120px;
    margin: 0 auto 78px;
    padding: 35px 40px;
    display: flex
}

.story-expert-cta h2 {
    margin: 5px 0;
    font-size: 31px
}

.story-expert-cta p {
    color: #d2e5e5;
    margin: 0;
    font-size: 11px
}

.story-expert-cta a {
    color: #fff;
    white-space: nowrap;
    background: #df3c80;
    border-radius: 10px;
    padding: 12px 17px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none
}

.article-hero {
    text-align: center;
    max-width: 1050px;
    margin: auto;
    padding: 48px 30px 36px
}

.article-labels {
    justify-content: center;
    gap: 8px;
    display: flex
}

.article-labels span {
    color: #087e80;
    letter-spacing: .12em;
    background: #e7f6f4;
    border-radius: 99px;
    padding: 7px 10px;
    font-size: 8px;
    font-weight: 900
}

.article-labels span:last-child {
    color: #df3c80;
    background: #fff0f5
}

.article-hero h1 {
    max-width: 980px;
    margin: 16px auto;
    font-size: 56px;
    line-height: 1.08
}

.article-hero>p {
    color: #61787b;
    max-width: 740px;
    margin: auto;
    font-size: 17px;
    line-height: 1.55
}

.article-meta {
    color: #74898b;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    margin-top: 24px;
    font-size: 9px;
    display: flex
}

.article-meta b {
    color: #234f53
}

.article-lead-image {
    max-width: 1160px;
    margin: 0 auto 46px
}

.article-lead-image img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 24px;
    width: 100%;
    max-height: 610px;
    display: block
}

.article-lead-image figcaption {
    color: #7a8d8f;
    padding: 8px 5px;
    font-size: 8px
}

.article-shell {
    grid-template-columns: 55px minmax(0, 760px) 230px;
    gap: 35px;
    max-width: 1240px;
    margin: auto;
    padding: 0 30px 80px;
    display: grid
}

.article-share {
    flex-direction: column;
    align-self: start;
    align-items: center;
    gap: 8px;
    display: flex;
    position: sticky;
    top: 110px
}

.article-share b {
    letter-spacing: .14em;
    font-size: 7px
}

.article-share a {
    color: #315d60;
    border: 1px solid #d3e2e0;
    border-radius: 50%;
    place-items: center;
    width: 34px;
    height: 34px;
    text-decoration: none;
    display: grid
}

.article-body {
    min-width: 0
}

.article-body p,
.article-body li {
    color: #506d70;
    font: 400 16px/1.8 var(--font-interface)
}

.article-body h2 {
    margin: 0 0 15px;
    font-size: 38px;
    line-height: 1.17
}

.article-body h3 {
    margin: 28px 0 8px;
    font-size: 24px
}

.article-body>section {
    padding-top: 65px;
    scroll-margin-top: 120px
}

.article-quick-answer {
    background: #eff9f8;
    border: 1px solid #b9deda;
    border-radius: 18px;
    padding: 28px !important
}

.article-quick-answer>span {
    color: #087e80;
    letter-spacing: .15em;
    font-size: 8px;
    font-weight: 900
}

.article-quick-answer h2 {
    margin: 5px 0 8px;
    font-size: 25px
}

.article-quick-answer p {
    margin: 0;
    font-size: 14px
}

.article-quick-answer small {
    color: #768b8d;
    margin-top: 12px;
    font-size: 8px;
    display: block
}

.article-toc {
    background: #fff5f8;
    border-left: 4px solid #df3c80;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin: 24px 0 12px;
    padding: 18px 22px;
    display: flex
}

.article-toc b {
    width: 100%;
    font-size: 10px
}

.article-toc a {
    color: #315d60;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none
}

.article-intro {
    font: 600 19px/1.7 var(--font-editorial) !important;
    color: #315b5f !important
}

.article-benefit-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 22px;
    display: grid
}

.article-benefit-grid div {
    background: #eef8f7;
    border-radius: 15px;
    flex-direction: column;
    padding: 18px;
    display: flex
}

.article-benefit-grid i {
    color: #df3c80;
    font-size: 9px;
    font-style: normal;
    font-weight: 900
}

.article-benefit-grid b {
    margin: 7px 0 4px
}

.article-benefit-grid span {
    color: #627a7d;
    font-size: 10px;
    line-height: 1.5
}

.article-checklist {
    background: #fff2f6;
    border-radius: 18px;
    margin: 25px 0;
    padding: 24px
}

.article-checklist>b {
    font-family: var(--font-editorial);
    font-size: 20px
}

.article-checklist ul {
    margin-bottom: 0;
    padding-left: 20px
}

.article-checklist li {
    margin: 5px 0;
    font-size: 13px
}

.article-comparison {
    border: 1px solid #d6e4e2;
    border-radius: 18px;
    overflow: hidden
}

.comparison-head,
.article-comparison article {
    grid-template-columns: 1.4fr .9fr .55fr;
    align-items: center;
    gap: 16px;
    display: grid
}

.comparison-head {
    color: #fff;
    background: #234f53;
    padding: 12px 18px;
    font-size: 8px
}

.article-comparison article {
    border-top: 1px solid #e3eceb;
    padding: 20px 18px;
    position: relative
}

.article-comparison article.featured {
    background: #eef9f8;
    padding-bottom: 58px
}

.article-comparison article h3 {
    font: 800 16px/1.25 var(--font-interface);
    margin: 3px 0 4px
}

.article-comparison article p {
    margin: 0;
    font-size: 9px;
    line-height: 1.5
}

.article-comparison article>div:first-child>span {
    color: #df3c80;
    font-size: 7px;
    font-weight: 900
}

.article-comparison article>div:nth-child(2) {
    flex-direction: column;
    gap: 5px;
    display: flex
}

.article-comparison article>div:nth-child(2)>b {
    font-size: 10px
}

.article-comparison article small {
    color: #718789;
    font-size: 8px
}

.article-comparison strong {
    font-size: 11px
}

.article-comparison article>a {
    color: #fff;
    background: #df3c80;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 8px;
    font-weight: 900;
    text-decoration: none;
    position: absolute;
    bottom: 17px;
    left: 18px
}

.article-source-note {
    color: #778b8d;
    margin-top: 10px;
    font-size: 8px;
    line-height: 1.5;
    display: block
}

.parentcraft-inline {
    color: #fff;
    background: #234f53;
    border-radius: 22px;
    grid-template-columns: 240px 1fr;
    margin-top: 65px;
    display: grid;
    overflow: hidden;
    padding: 0 !important
}

.parentcraft-inline img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.parentcraft-inline>div {
    padding: 28px
}

.parentcraft-inline span {
    color: #8bdfdb;
    letter-spacing: .12em;
    font-size: 8px;
    font-weight: 900
}

.parentcraft-inline h2 {
    margin: 6px 0 8px;
    font-size: 28px
}

.parentcraft-inline p {
    color: #d1e5e5;
    margin: 0 0 15px;
    font-size: 11px;
    line-height: 1.6
}

.parentcraft-inline a {
    color: #fff;
    font-size: 9px;
    font-weight: 900
}

.article-faq details {
    border-top: 1px solid #d8e5e3
}

.article-faq details:last-child {
    border-bottom: 1px solid #d8e5e3
}

.article-faq summary {
    cursor: pointer;
    justify-content: space-between;
    padding: 17px 3px;
    font-size: 13px;
    font-weight: 900;
    list-style: none;
    display: flex
}

.article-faq summary i {
    color: #df3c80;
    font-size: 18px;
    font-style: normal
}

.article-faq details p {
    margin: 0;
    padding: 0 25px 17px 3px;
    font-size: 13px
}

.article-ending {
    background: linear-gradient(145deg, #e7f7f5, #fff3f7);
    border-radius: 20px;
    margin-top: 50px;
    padding: 30px !important
}

.article-ending h2 {
    font-size: 28px
}

.article-ending p {
    margin-bottom: 0;
    font-size: 13px
}

.article-side {
    align-self: start;
    gap: 12px;
    display: grid;
    position: sticky;
    top: 110px
}

.article-side>div {
    background: #fff;
    border: 1px solid #d8e5e3;
    border-radius: 16px;
    flex-direction: column;
    gap: 8px;
    padding: 21px;
    display: flex
}

.article-side span {
    color: #df3c80;
    letter-spacing: .13em;
    font-size: 7px;
    font-weight: 900
}

.article-side h3 {
    margin: 0;
    font-size: 21px
}

.article-side p {
    color: #647b7e;
    margin: 0;
    font-size: 10px;
    line-height: 1.5
}

.article-side a {
    color: #087e80;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.story-more {
    text-align: center;
    background: #eef8f7;
    padding: 65px max(6vw, 30px)
}

.story-more>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 8px;
    font-weight: 900
}

.story-more h2 {
    margin: 5px 0 25px;
    font-size: 35px
}

.story-more>div {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    max-width: 1100px;
    margin: auto;
    display: grid
}

.story-more a {
    color: #234f53;
    text-align: left;
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    gap: 8px;
    padding: 23px;
    text-decoration: none;
    display: flex
}

.story-more small {
    color: #718789;
    font-size: 8px
}

@media (width<=1000px) {
    .story-category-hero {
        grid-template-columns: 1fr
    }

    .story-card-grid {
        grid-template-columns: 1fr 1fr
    }

    .article-shell {
        grid-template-columns: 1fr
    }

    .article-share {
        flex-direction: row;
        position: static
    }

    .article-side {
        grid-template-columns: 1fr 1fr;
        position: static
    }

    .article-lead-image {
        margin-left: 20px;
        margin-right: 20px
    }

    .article-benefit-grid {
        grid-template-columns: 1fr
    }

    .story-more>div {
        grid-template-columns: 1fr 1fr
    }
}

@media (width<=650px) {
    .story-category-hero {
        gap: 25px;
        padding: 45px 20px 38px
    }

    .story-category-hero h1 {
        font-size: 46px
    }

    .story-answer-strip {
        margin: 0 20px 55px;
        padding: 24px
    }

    .story-category-content {
        padding: 0 20px 60px
    }

    .story-section-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px
    }

    .story-feature-card {
        grid-template-columns: 1fr
    }

    .story-feature-card img {
        height: 240px
    }

    .story-feature-card>div {
        padding: 25px
    }

    .story-card-grid {
        grid-template-columns: 1fr
    }

    .story-expert-cta {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 20px 60px;
        padding: 27px
    }

    .article-hero {
        text-align: left;
        padding: 35px 20px 27px
    }

    .article-labels {
        justify-content: flex-start
    }

    .article-hero h1 {
        font-size: 39px
    }

    .article-meta {
        justify-content: flex-start
    }

    .article-lead-image img {
        border-radius: 16px
    }

    .article-shell {
        padding: 0 20px 60px
    }

    .article-body h2 {
        font-size: 31px
    }

    .comparison-head {
        display: none
    }

    .article-comparison article {
        grid-template-columns: 1fr
    }

    .article-comparison article.featured {
        padding-bottom: 58px
    }

    .parentcraft-inline {
        grid-template-columns: 1fr
    }

    .parentcraft-inline img {
        height: 210px
    }

    .article-side,
    .story-more>div {
        grid-template-columns: 1fr
    }
}

.mca-page {
    --gold: #ac8445;
    --ink: #000;
    --pink: #ac8445;
    color: #000;
    background: #fff;
    font-family: Lexend, Arial, sans-serif
}

.mca-page h1,
.mca-page h2,
.mca-page h3,
.mca-page summary {
    font-family: Lexend, Arial, sans-serif
}

.mca-brand-logo {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
    width: 250px;
    height: auto;
    margin: 0 0 24px;
    display: block
}

.mca-page .mca-breadcrumb {
    color: #6d675f;
    border-color: #eadfcf
}

.mca-page .mca-breadcrumb a {
    color: #7e5d2e
}

.mca-page .mca-hero>div>span,
.mca-page .mca-heading span,
.mca-page .mca-section-heading>span,
.mca-page .mca-nomination>div>span,
.mca-page .mca-about>div>span,
.mca-page .mca-faq>span,
.mca-page .mca-final span {
    color: #ac8445
}

.mca-page .mca-hero a {
    color: #fff;
    background: #000
}

.mca-page .mca-hero a+a {
    color: #000;
    background: #fff;
    border-color: #ddb974
}

.mca-page .mca-hero figure {
    box-shadow: 0 22px 54px #ac844533
}

.mca-page .mca-hero figcaption span,
.mca-page .mca-proof b {
    color: #ac8445
}

.mca-page .mca-proof {
    border-color: #ddc69f
}

.mca-page .mca-proof article {
    border-color: #eadfcf
}

.mca-page .mca-destinations {
    background: #f8f3ea
}

.mca-page .mca-destinations a {
    border-color: #ddc69f
}

.mca-page .mca-destinations a strong {
    color: #7d5c2c
}

.mca-page .mca-explorer {
    background: #f8f3ea
}

.mca-page .mca-year-tabs button {
    color: #000;
    border-color: #d9c8aa
}

.mca-page .mca-year-tabs button.active {
    color: #fff;
    background: #000;
    border-color: #ac8445
}

.mca-page .mca-category-tabs button {
    color: #5d431f;
    border-color: #ddc69f
}

.mca-page .mca-category-tabs button.active {
    color: #000;
    background: #ddb974;
    border-color: #ac8445
}

.mca-page .mca-winner-grid article {
    border-color: #e2d3b9;
    box-shadow: 0 11px 28px #ac844510
}

.mca-page .mca-seal {
    color: #ddb974;
    background: #000;
    box-shadow: inset 0 0 0 3px #ac8445
}

.mca-page .mca-winner-grid article>div:last-child>span,
.mca-page .mca-winner-details dt {
    color: #ac8445
}

.mca-page .mca-winner-grid a,
.mca-page .mca-inline-link {
    color: #765426
}

.mca-page .mca-supermum-years>section {
    background: linear-gradient(145deg, #fff, #f8f1e5);
    border-color: #e1cfaf
}

.mca-page .mca-supermum-years>section>header span {
    background: #ac8445
}

.mca-page .mca-supermum-years article {
    border-color: #eadfcf
}

.mca-page .mca-supermum-years article i {
    color: #ac8445
}

.mca-page .mca-supermum-placeholder {
    background: linear-gradient(135deg, #f1e3ca, #fff)
}

.mca-page .mca-supermum-placeholder span {
    color: #ac8445
}

.mca-page .mca-media-wall {
    background: #f3eadb
}

.mca-page .mca-media-wall>div:nth-child(2)>a {
    color: #000;
    border-color: #dbc6a4
}

.mca-page .mca-media-wall a>span {
    color: #ac8445
}

.mca-page .mca-media-wall a>b {
    color: #765426
}

.mca-page .mca-gallery-years figure,
.mca-page .mca-gallery-video {
    border-color: #ddc69f
}

.mca-page .mca-gallery-actions a {
    color: #765426;
    border-color: #d6bf97
}

.mca-page .mca-gallery-actions a:first-child {
    color: #fff;
    background: #000
}

.mca-page .mca-nomination {
    background: #000
}

.mca-page .mca-nomination form {
    color: #000
}

.mca-page .mca-nomination input,
.mca-page .mca-nomination select,
.mca-page .mca-nomination textarea {
    background: #fff;
    border-color: #d9c8aa
}

.mca-page .mca-nomination button {
    color: #fff;
    background: #ac8445
}

.mca-page .mca-consent {
    color: #554f47
}

.mca-page .mca-audience-grid article {
    border-color: #ddc69f
}

.mca-page .mca-audience-grid i {
    color: #ac8445;
    background: #f3e7d2
}

.mca-page .mca-audience-grid a {
    color: #765426
}

.mca-page .mca-sponsor {
    background: linear-gradient(135deg, #000, #29231b);
    box-shadow: 0 22px 50px #ac84452b
}

.mca-page .mca-sponsor span {
    color: #ddb974
}

.mca-page .mca-sponsor a {
    color: #fff;
    background: #ac8445
}

.mca-page .mca-faq summary span {
    color: #ac8445
}

.mca-page .mca-faq details {
    border-color: #e2d4bc
}

.mca-page .mca-final {
    background: #f0e2ca
}

.mca-page .mca-final>a {
    color: #fff;
    background: #000
}

@media (width<=650px) {
    .mca-brand-logo {
        width: 205px;
        margin-bottom: 20px
    }
}

.provider-profiles>.provider-intro {
    color: #60787b;
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.7
}

.provider-profiles>article {
    background: #fff;
    border: 1px solid #d7e5e3;
    border-radius: 20px;
    margin-top: 16px;
    overflow: hidden
}

.provider-profiles>article.featured {
    border-color: #8dcfcb;
    box-shadow: 0 16px 36px #087e8012
}

.provider-profiles>article>header {
    background: #f6faf9;
    justify-content: space-between;
    gap: 25px;
    padding: 24px 25px;
    display: flex
}

.provider-profiles>article.featured>header {
    background: linear-gradient(135deg, #e5f6f4, #fff3f7)
}

.provider-profiles>article>header span {
    color: #087e80;
    letter-spacing: .13em;
    font-size: 8px;
    font-weight: 900
}

.provider-profiles>article>header h3 {
    font: 800 23px/1.2 var(--font-editorial);
    margin: 6px 0 8px
}

.provider-profiles>article>header p {
    color: #5b7477;
    max-width: 650px;
    margin: 0;
    font-size: 12px;
    line-height: 1.65
}

.provider-profiles>article>header>b {
    color: #fff;
    letter-spacing: .12em;
    white-space: nowrap;
    background: #df3c80;
    border-radius: 999px;
    height: -moz-max-content;
    height: max-content;
    padding: 7px 10px;
    font-size: 7px
}

.provider-facts {
    padding: 22px 25px
}

.provider-facts dl {
    grid-template-columns: 1fr 1fr;
    gap: 0 25px;
    margin: 0;
    display: grid
}

.provider-facts dl>div {
    border-top: 1px solid #e4eceb;
    padding: 12px 0
}

.provider-facts dt {
    color: #7b8e90;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 900
}

.provider-facts dd {
    color: #315b5f;
    margin: 4px 0 0;
    font-size: 11px;
    line-height: 1.55
}

.provider-facts dd a {
    color: #087e80;
    font-weight: 900;
    text-decoration: none
}

.provider-facts nav {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    display: flex
}

.provider-facts nav>a {
    color: #087e80;
    border: 1px solid #bddbd8;
    border-radius: 9px;
    padding: 10px 13px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none
}

.provider-facts nav>a.provider-primary {
    color: #fff;
    background: #df3c80;
    border-color: #df3c80
}

.article-sources {
    background: #f5f8f7;
    border-top: 4px solid #234f53;
    margin-top: 58px;
    padding: 27px !important
}

.article-sources>span {
    color: #087e80;
    letter-spacing: .14em;
    font-size: 8px;
    font-weight: 900
}

.article-sources h2 {
    margin: 5px 0 8px;
    font-size: 26px
}

.article-sources p,
.article-sources li {
    font-size: 11px !important;
    line-height: 1.6 !important
}

.article-sources ul {
    margin-bottom: 0;
    padding-left: 18px
}

@media (width<=650px) {
    .provider-profiles>article>header {
        flex-direction: column;
        align-items: flex-start
    }

    .provider-facts dl {
        grid-template-columns: 1fr
    }

    .provider-facts nav {
        display: grid
    }

    .provider-facts nav>a {
        text-align: center
    }
}

.article-page {
    font-size: 17px;
    overflow-x: hidden
}

.article-page .article-hero h1 {
    font-size: clamp(46px, 5vw, 64px);
    line-height: 1.08
}

.article-page .article-hero>p {
    font-size: 19px;
    line-height: 1.65
}

.article-page .article-labels span {
    font-size: 10px
}

.article-page .article-meta {
    font-size: 12px;
    line-height: 1.5
}

.article-page .article-lead-image figcaption {
    font-size: 11px;
    line-height: 1.5
}

.article-page .article-shell {
    grid-template-columns: 55px minmax(0, 800px) 240px;
    gap: 36px
}

.article-page .article-share b {
    font-size: 9px
}

.article-page .article-share a {
    width: 42px;
    height: 42px
}

.article-page .article-body p,
.article-page .article-body li {
    font-size: 18px;
    line-height: 1.8
}

.article-page .article-body h2 {
    font-size: clamp(34px, 3.4vw, 42px);
    line-height: 1.16
}

.article-page .article-body h3 {
    font-size: 27px;
    line-height: 1.25
}

.article-page .article-quick-answer>span,
.article-page .article-section-kicker,
.article-page .article-faq>span {
    font-size: 10px
}

.article-page .article-quick-answer h2 {
    font-size: 29px
}

.article-page .article-quick-answer p {
    font-size: 17px;
    line-height: 1.75
}

.article-page .article-quick-answer small {
    font-size: 11px;
    line-height: 1.55
}

.article-page .article-toc {
    gap: 10px 12px;
    padding: 21px 24px
}

.article-page .article-toc b {
    font-size: 13px
}

.article-page .article-toc a {
    background: #fff;
    border-radius: 8px;
    align-items: center;
    min-height: 40px;
    padding: 8px 11px;
    font-size: 13px;
    line-height: 1.4;
    display: inline-flex
}

.article-page .article-intro {
    font-size: 21px !important;
    line-height: 1.7 !important
}

.article-page .article-benefit-grid b {
    font-size: 17px;
    line-height: 1.35
}

.article-page .article-benefit-grid span {
    font-size: 14px;
    line-height: 1.6
}

.article-page .article-benefit-grid i {
    font-size: 11px
}

.article-page .article-checklist li {
    font-size: 16px
}

.article-page .comparison-head {
    font-size: 11px
}

.article-page .article-comparison article h3 {
    font-size: 19px
}

.article-page .article-comparison article p {
    font-size: 13px;
    line-height: 1.6
}

.article-page .article-comparison article>div:first-child>span {
    font-size: 9px
}

.article-page .article-comparison article>div:nth-child(2)>b {
    font-size: 13px
}

.article-page .article-comparison article small {
    font-size: 11px;
    line-height: 1.5
}

.article-page .article-comparison strong {
    font-size: 14px
}

.article-page .article-comparison article>a {
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    font-size: 11px;
    display: inline-flex
}

.article-page .article-source-note {
    font-size: 11px;
    line-height: 1.6
}

.article-page .parentcraft-inline span {
    font-size: 10px
}

.article-page .parentcraft-inline p {
    font-size: 15px;
    line-height: 1.7
}

.article-page .parentcraft-inline a {
    align-items: center;
    min-height: 44px;
    font-size: 12px;
    display: inline-flex
}

.article-page .article-faq summary {
    align-items: center;
    min-height: 58px;
    font-size: 17px;
    line-height: 1.45
}

.article-page .article-faq details p {
    font-size: 16px;
    line-height: 1.7
}

.article-page .article-ending p {
    font-size: 16px
}

.article-page .article-side span {
    font-size: 9px
}

.article-page .article-side h3 {
    font-size: 23px
}

.article-page .article-side p {
    font-size: 13px;
    line-height: 1.6
}

.article-page .article-side a {
    align-items: center;
    min-height: 40px;
    font-size: 12px;
    display: inline-flex
}

.article-page .provider-profiles>.provider-intro {
    font-size: 17px;
    line-height: 1.75
}

.article-page .provider-profiles>article>header span {
    font-size: 10px
}

.article-page .provider-profiles>article>header h3 {
    font-size: 28px
}

.article-page .provider-profiles>article>header p {
    font-size: 15px;
    line-height: 1.7
}

.article-page .provider-profiles>article>header>b {
    font-size: 9px
}

.article-page .provider-facts dt {
    font-size: 10px
}

.article-page .provider-facts dd {
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.65
}

.article-page .provider-facts nav>a {
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 11px 14px;
    font-size: 12px;
    display: inline-flex
}

.article-page .article-sources>span {
    font-size: 10px
}

.article-page .article-sources h2 {
    font-size: 29px
}

.article-page .article-sources p,
.article-page .article-sources li {
    font-size: 14px !important;
    line-height: 1.7 !important
}

@media (width<=1100px) {
    .article-page .article-shell {
        grid-template-columns: 1fr;
        padding-left: clamp(24px, 5vw, 48px);
        padding-right: clamp(24px, 5vw, 48px)
    }

    .article-page .article-share {
        flex-direction: row;
        justify-content: flex-start;
        position: static
    }

    .article-page .article-side {
        grid-template-columns: 1fr 1fr;
        position: static
    }
}

@media (width<=650px) {
    .article-page .article-hero {
        padding: 36px 20px 28px
    }

    .article-page .article-hero h1 {
        font-size: clamp(36px, 10vw, 44px);
        line-height: 1.1
    }

    .article-page .article-hero>p {
        font-size: 17px;
        line-height: 1.65
    }

    .article-page .article-meta {
        gap: 9px 14px;
        font-size: 11px
    }

    .article-page .article-lead-image {
        margin: 0 14px 38px
    }

    .article-page .article-shell {
        gap: 28px;
        padding: 0 20px 62px
    }

    .article-page .article-body>section {
        padding-top: 52px
    }

    .article-page .article-body p,
    .article-page .article-body li {
        font-size: 17px;
        line-height: 1.75
    }

    .article-page .article-body h2 {
        font-size: clamp(30px, 8.3vw, 35px)
    }

    .article-page .article-body h3 {
        font-size: 24px
    }

    .article-page .article-quick-answer {
        padding: 22px !important
    }

    .article-page .article-quick-answer p {
        font-size: 16px
    }

    .article-page .article-toc {
        grid-template-columns: 1fr 1fr;
        padding: 18px;
        display: grid
    }

    .article-page .article-toc b {
        grid-column: 1/-1
    }

    .article-page .article-toc a {
        min-height: 44px;
        padding: 9px;
        font-size: 12px
    }

    .article-page .article-intro {
        font-size: 19px !important
    }

    .article-page .article-benefit-grid div {
        padding: 20px
    }

    .article-page .article-comparison article {
        gap: 13px;
        padding: 21px 19px
    }

    .article-page .article-comparison article.featured {
        padding-bottom: 66px
    }

    .article-page .article-comparison article h3 {
        font-size: 20px
    }

    .article-page .article-comparison article p,
    .article-page .article-comparison article>div:nth-child(2)>b {
        font-size: 14px
    }

    .article-page .article-comparison strong {
        font-size: 15px
    }

    .article-page .parentcraft-inline>div {
        padding: 24px
    }

    .article-page .parentcraft-inline p {
        font-size: 15px
    }

    .article-page .article-faq summary {
        font-size: 16px
    }

    .article-page .article-faq details p {
        padding-right: 8px;
        font-size: 15px
    }

    .article-page .article-side {
        grid-template-columns: 1fr
    }

    .article-page .provider-profiles>article>header,
    .article-page .provider-facts {
        padding: 21px 19px
    }

    .article-page .provider-profiles>article>header h3 {
        font-size: 26px
    }

    .article-page .provider-profiles>article>header p {
        font-size: 16px
    }

    .article-page .provider-facts dd {
        font-size: 15px
    }

    .article-page .provider-facts nav>a {
        min-height: 48px;
        font-size: 13px
    }

    .article-page .article-sources {
        padding: 23px 20px !important
    }
}

@media (width<=390px) {
    .article-page .article-toc {
        grid-template-columns: 1fr
    }

    .article-page .article-toc b {
        grid-column: auto
    }

    .article-page .article-shell {
        padding-left: 16px;
        padding-right: 16px
    }
}

.article-page .article-body p>a,
.article-page .article-body li>a {
    color: #087e80;
    text-underline-offset: 3px;
    font-weight: 750;
    text-decoration-thickness: 1.5px
}

.article-page .article-body p>a:hover,
.article-page .article-body li>a:hover {
    color: #df3c80
}

.article-page .article-comparison h3>a {
    color: #234f53;
    text-decoration: none
}

.article-page .article-comparison h3>a:hover {
    color: #087e80;
    text-underline-offset: 3px;
    text-decoration: underline
}

.article-related-links {
    background: #eef8f7;
    border-radius: 20px;
    margin-top: 58px;
    padding: 28px !important
}

.article-related-links>span {
    color: #df3c80;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 900
}

.article-related-links h2 {
    margin: 6px 0 20px;
    font-size: 30px
}

.article-related-links>div {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    display: grid
}

.article-related-links a {
    color: #234f53;
    background: #fff;
    border: 1px solid #d3e7e4;
    border-radius: 13px;
    flex-direction: column;
    justify-content: center;
    min-height: 92px;
    padding: 17px 18px;
    text-decoration: none;
    transition: transform .2s, border-color .2s;
    display: flex
}

.article-related-links a:hover {
    border-color: #83c8c3;
    transform: translateY(-2px)
}

.article-related-links b {
    font-family: var(--font-editorial);
    font-size: 18px;
    line-height: 1.3
}

.article-related-links small {
    color: #667e81;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.5
}

@media (width<=650px) {
    .article-related-links {
        margin-top: 48px;
        padding: 22px 18px !important
    }

    .article-related-links h2 {
        font-size: 28px
    }

    .article-related-links>div {
        grid-template-columns: 1fr
    }

    .article-related-links a {
        min-height: 88px
    }
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}
@charset "UTF-8";
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(127.5, 189, 255);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
  border-color: rgb(178.5, 215.4, 255);
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(127.5, 189, 255);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb {
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0, 86.1, 178.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(183.6, 218.04, 255);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(158.1, 204.84, 255);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 63.96, 132.6);
  border-color: rgb(0, 63.96, 132.6);
}

.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}

.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top], .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right], .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left], .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .b-popover-dark.bs-popover-auto[x-placement^=top], .b-popover-light.bs-popover-auto[x-placement^=top], .b-popover-danger.bs-popover-auto[x-placement^=top], .b-popover-warning.bs-popover-auto[x-placement^=top], .b-popover-info.bs-popover-auto[x-placement^=top], .b-popover-success.bs-popover-auto[x-placement^=top], .b-popover-secondary.bs-popover-auto[x-placement^=top], .b-popover-primary.bs-popover-auto[x-placement^=top], .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .b-popover-dark.bs-popover-auto[x-placement^=right], .b-popover-light.bs-popover-auto[x-placement^=right], .b-popover-danger.bs-popover-auto[x-placement^=right], .b-popover-warning.bs-popover-auto[x-placement^=right], .b-popover-info.bs-popover-auto[x-placement^=right], .b-popover-success.bs-popover-auto[x-placement^=right], .b-popover-secondary.bs-popover-auto[x-placement^=right], .b-popover-primary.bs-popover-auto[x-placement^=right], .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .b-popover-dark.bs-popover-auto[x-placement^=bottom], .b-popover-light.bs-popover-auto[x-placement^=bottom], .b-popover-danger.bs-popover-auto[x-placement^=bottom], .b-popover-warning.bs-popover-auto[x-placement^=bottom], .b-popover-info.bs-popover-auto[x-placement^=bottom], .b-popover-success.bs-popover-auto[x-placement^=bottom], .b-popover-secondary.bs-popover-auto[x-placement^=bottom], .b-popover-primary.bs-popover-auto[x-placement^=bottom], .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left, .b-popover-dark.bs-popover-auto[x-placement^=left], .b-popover-light.bs-popover-auto[x-placement^=left], .b-popover-danger.bs-popover-auto[x-placement^=left], .b-popover-warning.bs-popover-auto[x-placement^=left], .b-popover-info.bs-popover-auto[x-placement^=left], .b-popover-success.bs-popover-auto[x-placement^=left], .b-popover-secondary.bs-popover-auto[x-placement^=left], .b-popover-primary.bs-popover-auto[x-placement^=left], .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

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

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

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

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.align-content-center {
  align-content: center !important;
}

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

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

.align-content-stretch {
  align-content: stretch !important;
}

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

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

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

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

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

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

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

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

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.bv-no-focus-ring:focus {
  outline: none;
}

@media (max-width: 575.98px) {
  .bv-d-xs-down-none {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .bv-d-sm-down-none {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .bv-d-md-down-none {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .bv-d-lg-down-none {
    display: none !important;
  }
}
.bv-d-xl-down-none {
  display: none !important;
}

.form-control.focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.form-control.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.b-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  max-width: 100%;
  max-height: auto;
  text-align: center;
  overflow: visible;
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.b-avatar:focus {
  outline: 0;
}
.b-avatar.btn, .b-avatar[href] {
  padding: 0;
  border: 0;
}
.b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img {
  transition: transform 0.15s ease-in-out;
}
.b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
  transform: scale(1.15);
}
.b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] {
  opacity: 0.65;
  pointer-events: none;
}
.b-avatar .b-avatar-custom,
.b-avatar .b-avatar-text,
.b-avatar .b-avatar-img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
}
.b-avatar .b-avatar-text {
  text-transform: uppercase;
  white-space: nowrap;
}
.b-avatar[href] {
  text-decoration: none;
}
.b-avatar > .b-icon {
  width: 60%;
  height: auto;
  max-width: 100%;
}
.b-avatar .b-avatar-img img {
  width: 100%;
  height: 100%;
  max-height: auto;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-avatar .b-avatar-badge {
  position: absolute;
  min-height: 1.5em;
  min-width: 1.5em;
  padding: 0.25em;
  line-height: 1;
  border-radius: 10em;
  font-size: 70%;
  font-weight: 700;
  z-index: 1;
}

.b-avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
}
.b-avatar-sm .b-avatar-text {
  font-size: calc(0.6rem);
}
.b-avatar-sm .b-avatar-badge {
  font-size: calc(0.42rem);
}

.b-avatar-lg {
  width: 3.5rem;
  height: 3.5rem;
}
.b-avatar-lg .b-avatar-text {
  font-size: calc(1.4rem);
}
.b-avatar-lg .b-avatar-badge {
  font-size: calc(0.98rem);
}

.b-avatar-group .b-avatar-group-inner {
  display: flex;
  flex-wrap: wrap;
}
.b-avatar-group .b-avatar {
  border: 1px solid #dee2e6;
}
.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
  z-index: 1;
}

.b-calendar {
  display: inline-flex;
}
.b-calendar .b-calendar-inner {
  min-width: 250px;
}
.b-calendar .b-calendar-header,
.b-calendar .b-calendar-nav {
  margin-bottom: 0.25rem;
}
.b-calendar .b-calendar-nav .btn {
  padding: 0.25rem;
}
.b-calendar output {
  padding: 0.25rem;
  font-size: 80%;
}
.b-calendar output.readonly {
  background-color: #e9ecef;
  opacity: 1;
}
.b-calendar .b-calendar-footer {
  margin-top: 0.5rem;
}
.b-calendar .b-calendar-grid {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.b-calendar .b-calendar-grid .row {
  flex-wrap: nowrap;
}
.b-calendar .b-calendar-grid-caption {
  padding: 0.25rem;
}
.b-calendar .b-calendar-grid-body .col[data-date] .btn {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  margin: 3px auto;
  padding: 9px 0;
}
.b-calendar .btn:disabled, .b-calendar .btn.disabled, .b-calendar .btn[aria-disabled=true] {
  cursor: default;
  pointer-events: none;
}

.card-img-left {
  border-top-left-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-img-right {
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
  display: none !important;
}
.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
  display: none !important;
}
.dropdown .dropdown-menu:focus {
  outline: none;
}

.b-dropdown-form {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  width: 100%;
  clear: both;
  font-weight: 400;
}
.b-dropdown-form:focus {
  outline: 1px dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}
.b-dropdown-form.disabled, .b-dropdown-form:disabled {
  outline: 0 !important;
  color: #adb5bd;
  pointer-events: none;
}

.b-dropdown-text {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  margin-bottom: 0;
  width: 100%;
  clear: both;
  font-weight: lighter;
}

.custom-checkbox.b-custom-control-lg,
.input-group-lg .custom-checkbox {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-checkbox .custom-control-label::before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-checkbox .custom-control-label::after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 50% 50%;
}

.custom-checkbox.b-custom-control-sm,
.input-group-sm .custom-checkbox {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-checkbox .custom-control-label::before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.2rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-checkbox .custom-control-label::after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background-size: 50% 50%;
}

.custom-switch.b-custom-control-lg,
.input-group-lg .custom-switch {
  padding-left: 2.8125rem;
}
.custom-switch.b-custom-control-lg .custom-control-label,
.input-group-lg .custom-switch .custom-control-label {
  font-size: 1.25rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-switch .custom-control-label::before {
  top: 0.3125rem;
  height: 1.25rem;
  left: -2.8125rem;
  width: 2.1875rem;
  border-radius: 0.625rem;
}
.custom-switch.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-switch .custom-control-label::after {
  top: calc(0.3125rem + 2px);
  left: calc(-2.8125rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  border-radius: 0.625rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
.input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(0.9375rem);
}

.custom-switch.b-custom-control-sm,
.input-group-sm .custom-switch {
  padding-left: 1.96875rem;
}
.custom-switch.b-custom-control-sm .custom-control-label,
.input-group-sm .custom-switch .custom-control-label {
  font-size: 0.875rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-switch .custom-control-label::before {
  top: 0.21875rem;
  left: -1.96875rem;
  width: 1.53125rem;
  height: 0.875rem;
  border-radius: 0.4375rem;
}
.custom-switch.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-switch .custom-control-label::after {
  top: calc(0.21875rem + 2px);
  left: calc(-1.96875rem + 2px);
  width: calc(0.875rem - 4px);
  height: calc(0.875rem - 4px);
  border-radius: 0.4375rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
.input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(0.65625rem);
}

.input-group > .input-group-prepend > .btn-group > .btn,
.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
.input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn-group > .btn,
.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.b-form-btn-label-control.form-control {
  display: flex;
  align-items: stretch;
  height: auto;
  padding: 0;
  background-image: none;
}
.input-group .b-form-btn-label-control.form-control {
  padding: 0;
}

[dir=rtl] .b-form-btn-label-control.form-control, .b-form-btn-label-control.form-control[dir=rtl] {
  flex-direction: row-reverse;
}
[dir=rtl] .b-form-btn-label-control.form-control > label, .b-form-btn-label-control.form-control[dir=rtl] > label {
  text-align: right;
}

.b-form-btn-label-control.form-control > .btn {
  line-height: 1;
  font-size: inherit;
  box-shadow: none !important;
  border: 0;
}
.b-form-btn-label-control.form-control > .btn:disabled {
  pointer-events: none;
}
.b-form-btn-label-control.form-control.is-valid > .btn {
  color: #28a745;
}
.b-form-btn-label-control.form-control.is-invalid > .btn {
  color: #dc3545;
}
.b-form-btn-label-control.form-control > .dropdown-menu {
  padding: 0.5rem;
}
.b-form-btn-label-control.form-control > .form-control {
  height: auto;
  min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
  padding-left: 0.25rem;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  word-break: break-word;
  font-size: inherit;
  white-space: normal;
  cursor: pointer;
}
.b-form-btn-label-control.form-control > .form-control.form-control-sm {
  min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
}
.b-form-btn-label-control.form-control > .form-control.form-control-lg {
  min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
}
.input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control {
  min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control {
  min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.b-form-btn-label-control.form-control[aria-disabled=true], .b-form-btn-label-control.form-control[aria-readonly=true] {
  background-color: #e9ecef;
  opacity: 1;
}
.b-form-btn-label-control.form-control[aria-disabled=true] {
  pointer-events: none;
}
.b-form-btn-label-control.form-control[aria-disabled=true] > label {
  cursor: default;
}

.b-form-btn-label-control.btn-group > .dropdown-menu {
  padding: 0.5rem;
}

.custom-file-label {
  white-space: nowrap;
  overflow-x: hidden;
}

.b-custom-control-lg.custom-file,
.b-custom-control-lg .custom-file-input,
.b-custom-control-lg .custom-file-label,
.input-group-lg.custom-file,
.input-group-lg .custom-file-input,
.input-group-lg .custom-file-label {
  font-size: 1.25rem;
  height: calc(1.5em + 1rem + 2px);
}
.b-custom-control-lg .custom-file-label,
.b-custom-control-lg .custom-file-label:after,
.input-group-lg .custom-file-label,
.input-group-lg .custom-file-label:after {
  padding: 0.5rem 1rem;
  line-height: 1.5;
}
.b-custom-control-lg .custom-file-label,
.input-group-lg .custom-file-label {
  border-radius: 0.3rem;
}
.b-custom-control-lg .custom-file-label::after,
.input-group-lg .custom-file-label::after {
  font-size: inherit;
  height: calc(1.5em + 1rem);
  border-radius: 0 0.3rem 0.3rem 0;
}

.b-custom-control-sm.custom-file,
.b-custom-control-sm .custom-file-input,
.b-custom-control-sm .custom-file-label,
.input-group-sm.custom-file,
.input-group-sm .custom-file-input,
.input-group-sm .custom-file-label {
  font-size: 0.875rem;
  height: calc(1.5em + 0.5rem + 2px);
}
.b-custom-control-sm .custom-file-label,
.b-custom-control-sm .custom-file-label:after,
.input-group-sm .custom-file-label,
.input-group-sm .custom-file-label:after {
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
}
.b-custom-control-sm .custom-file-label,
.input-group-sm .custom-file-label {
  border-radius: 0.2rem;
}
.b-custom-control-sm .custom-file-label::after,
.input-group-sm .custom-file-label::after {
  font-size: inherit;
  height: calc(1.5em + 0.5rem);
  border-radius: 0 0.2rem 0.2rem 0;
}

.was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid {
  background-position: right calc(0.375em + 0.1875rem) center;
}

input[type=color].form-control {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control.form-control-sm,
.input-group-sm input[type=color].form-control {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control.form-control-lg,
.input-group-lg input[type=color].form-control {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control:disabled {
  background-color: #adb5bd;
  opacity: 0.65;
}

.input-group > .custom-range {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .custom-range + .form-control,
.input-group > .custom-range + .form-control-plaintext,
.input-group > .custom-range + .custom-select,
.input-group > .custom-range + .custom-range,
.input-group > .custom-range + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control + .custom-range,
.input-group > .form-control-plaintext + .custom-range,
.input-group > .custom-select + .custom-range,
.input-group > .custom-range + .custom-range,
.input-group > .custom-file + .custom-range {
  margin-left: -1px;
}
.input-group > .custom-range:focus {
  z-index: 3;
}
.input-group > .custom-range:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-range:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-range {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0 0.75rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group > .custom-range {
    transition: none;
  }
}
.input-group > .custom-range:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.input-group > .custom-range:disabled, .input-group > .custom-range[readonly] {
  background-color: #e9ecef;
}

.input-group-lg > .custom-range {
  height: calc(1.5em + 1rem + 2px);
  padding: 0 1rem;
  border-radius: 0.3rem;
}

.input-group-sm > .custom-range {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0 0.5rem;
  border-radius: 0.2rem;
}

.was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid {
  border-color: #28a745;
}
.was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(154.5579710145, 230.9420289855, 172);
}
.was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(154.5579710145, 230.9420289855, 172);
}
.was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(154.5579710145, 230.9420289855, 172);
}
.was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb {
  background-color: #28a745;
  background-image: none;
}
.was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active {
  background-color: rgb(154.5579710145, 230.9420289855, 172);
  background-image: none;
}
.was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track {
  background-color: rgba(40, 167, 69, 0.35);
}
.was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb {
  background-color: #28a745;
  background-image: none;
}
.was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active {
  background-color: rgb(154.5579710145, 230.9420289855, 172);
  background-image: none;
}
.was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track {
  background: rgba(40, 167, 69, 0.35);
}
.was-validated .custom-range:valid ~ .valid-feedback,
.was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback,
.custom-range.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb {
  background-color: #28a745;
  background-image: none;
}
.was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active {
  background-color: rgb(154.5579710145, 230.9420289855, 172);
  background-image: none;
}
.was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower {
  background: rgba(40, 167, 69, 0.35);
}
.was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper {
  background: rgba(40, 167, 69, 0.35);
}

.was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid {
  border-color: #dc3545;
}
.was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(246.3607594937, 205.1392405063, 209.0886075949);
}
.was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(246.3607594937, 205.1392405063, 209.0886075949);
}
.was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(246.3607594937, 205.1392405063, 209.0886075949);
}
.was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb {
  background-color: #dc3545;
  background-image: none;
}
.was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active {
  background-color: rgb(246.3607594937, 205.1392405063, 209.0886075949);
  background-image: none;
}
.was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track {
  background-color: rgba(220, 53, 69, 0.35);
}
.was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb {
  background-color: #dc3545;
  background-image: none;
}
.was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active {
  background-color: rgb(246.3607594937, 205.1392405063, 209.0886075949);
  background-image: none;
}
.was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track {
  background: rgba(220, 53, 69, 0.35);
}
.was-validated .custom-range:invalid ~ .invalid-feedback,
.was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback,
.custom-range.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb {
  background-color: #dc3545;
  background-image: none;
}
.was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active {
  background-color: rgb(246.3607594937, 205.1392405063, 209.0886075949);
  background-image: none;
}
.was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower {
  background: rgba(220, 53, 69, 0.35);
}
.was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper {
  background: rgba(220, 53, 69, 0.35);
}

.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-radio.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-radio .custom-control-label::before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-radio .custom-control-label::after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat 50%/50% 50%;
}

.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-radio.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-radio .custom-control-label::before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-radio .custom-control-label::after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background: no-repeat 50%/50% 50%;
}

.b-rating {
  text-align: center;
}
.b-rating.d-inline-flex {
  width: auto;
}
.b-rating .b-rating-star,
.b-rating .b-rating-value {
  padding: 0 0.25em;
}
.b-rating .b-rating-value {
  min-width: 2.5em;
}
.b-rating .b-rating-star {
  display: inline-flex;
  justify-content: center;
  outline: 0;
}
.b-rating .b-rating-star .b-rating-icon {
  display: inline-flex;
  transition: all 0.15s ease-in-out;
}
.b-rating.disabled, .b-rating:disabled {
  background-color: #e9ecef;
  color: #6c757d;
}
.b-rating:not(.disabled):not(.readonly) .b-rating-star {
  cursor: pointer;
}
.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
  transform: scale(1.5);
}
.b-rating[dir=rtl] .b-rating-star-half {
  transform: scale(-1, 1);
}

.b-form-spinbutton {
  text-align: center;
  overflow: hidden;
  background-image: none;
  padding: 0;
}
[dir=rtl] .b-form-spinbutton:not(.flex-column), .b-form-spinbutton[dir=rtl]:not(.flex-column) {
  flex-direction: row-reverse;
}

.b-form-spinbutton output {
  font-size: inherit;
  outline: 0;
  border: 0;
  background-color: transparent;
  width: auto;
  margin: 0;
  padding: 0 0.25rem;
}
.b-form-spinbutton output > div,
.b-form-spinbutton output > bdi {
  display: block;
  min-width: 2.25em;
  height: 1.5em;
}
.b-form-spinbutton.flex-column {
  height: auto;
  width: auto;
}
.b-form-spinbutton.flex-column output {
  margin: 0 0.25rem;
  padding: 0.25rem 0;
}
.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
  output-width: 100%;
}
.b-form-spinbutton.d-inline-flex:not(.flex-column) {
  width: auto;
}
.b-form-spinbutton .btn {
  line-height: 1;
  box-shadow: none !important;
}
.b-form-spinbutton .btn:disabled {
  pointer-events: none;
}
.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
  transform: scale(1.25);
}
.b-form-spinbutton.disabled, .b-form-spinbutton.readonly {
  background-color: #e9ecef;
}
.b-form-spinbutton.disabled {
  pointer-events: none;
}

.b-form-tags.focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.b-form-tags.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.b-form-tags.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.b-form-tags.disabled {
  background-color: #e9ecef;
}

.b-form-tags-list {
  margin-top: -0.25rem;
}
.b-form-tags-list .b-form-tags-field,
.b-form-tags-list .b-form-tag {
  margin-top: 0.25rem;
}

.b-form-tags-input {
  color: #495057;
}

.b-form-tag {
  font-size: 75%;
  font-weight: normal;
  line-height: 1.5;
  margin-right: 0.25rem;
}
.b-form-tag.disabled {
  opacity: 0.75;
}
.b-form-tag > button.b-form-tag-remove {
  color: inherit;
  font-size: 125%;
  line-height: 1;
  float: none;
  margin-left: 0.25rem;
}

.form-control-sm .b-form-tag {
  line-height: 1.5;
}

.form-control-lg .b-form-tag {
  line-height: 1.5;
}

.media-aside {
  display: flex;
  margin-right: 1rem;
}

.media-aside-right {
  margin-right: 0;
  margin-left: 1rem;
}

.modal-backdrop {
  opacity: 0.5;
}

.b-pagination-pills .page-item .page-link {
  border-radius: 50rem !important;
  margin-left: 0.25rem;
  line-height: 1;
}
.b-pagination-pills .page-item:first-child .page-link {
  margin-left: 0;
}

.popover.b-popover {
  display: block;
  opacity: 1;
  outline: 0;
}
.popover.b-popover.fade:not(.show) {
  opacity: 0;
}
.popover.b-popover.show {
  opacity: 1;
}

.b-popover-primary.popover {
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.b-popover-primary.bs-popover-top > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(183.6, 218.04, 255);
}
.b-popover-primary.bs-popover-top > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(204, 228.6, 255);
}
.b-popover-primary.bs-popover-right > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(183.6, 218.04, 255);
}
.b-popover-primary.bs-popover-right > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(204, 228.6, 255);
}
.b-popover-primary.bs-popover-bottom > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(183.6, 218.04, 255);
}
.b-popover-primary.bs-popover-bottom > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(188.7, 220.68, 255);
}
.b-popover-primary.bs-popover-bottom .popover-header::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(188.7, 220.68, 255);
}
.b-popover-primary.bs-popover-left > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(183.6, 218.04, 255);
}
.b-popover-primary.bs-popover-left > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(204, 228.6, 255);
}
.b-popover-primary .popover-header {
  color: #212529;
  background-color: rgb(188.7, 220.68, 255);
  border-bottom-color: rgb(163.2, 207.48, 255);
}
.b-popover-primary .popover-body {
  color: rgb(0, 63.96, 132.6);
}

.b-popover-secondary.popover {
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.b-popover-secondary.bs-popover-top > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(213.84, 216.36, 218.6);
}
.b-popover-secondary.bs-popover-top > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(225.6, 227.4, 229);
}
.b-popover-secondary.bs-popover-right > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(213.84, 216.36, 218.6);
}
.b-popover-secondary.bs-popover-right > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(225.6, 227.4, 229);
}
.b-popover-secondary.bs-popover-bottom > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(213.84, 216.36, 218.6);
}
.b-popover-secondary.bs-popover-bottom > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(217.4805054152, 219.7776173285, 221.8194945848);
}
.b-popover-secondary.bs-popover-bottom .popover-header::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(217.4805054152, 219.7776173285, 221.8194945848);
}
.b-popover-secondary.bs-popover-left > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(213.84, 216.36, 218.6);
}
.b-popover-secondary.bs-popover-left > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(225.6, 227.4, 229);
}
.b-popover-secondary .popover-header {
  color: #212529;
  background-color: rgb(217.4805054152, 219.7776173285, 221.8194945848);
  border-bottom-color: rgb(203.9480144404, 207.0736462094, 209.8519855596);
}
.b-popover-secondary .popover-body {
  color: rgb(56.16, 60.84, 65);
}

.b-popover-success.popover {
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.b-popover-success.bs-popover-top > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(194.8, 230.36, 202.92);
}
.b-popover-success.bs-popover-top > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(212, 237.4, 217.8);
}
.b-popover-success.bs-popover-right > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(194.8, 230.36, 202.92);
}
.b-popover-success.bs-popover-right > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(212, 237.4, 217.8);
}
.b-popover-success.bs-popover-bottom > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(194.8, 230.36, 202.92);
}
.b-popover-success.bs-popover-bottom > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(201.1435643564, 232.9564356436, 208.4079207921);
}
.b-popover-success.bs-popover-bottom .popover-header::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(201.1435643564, 232.9564356436, 208.4079207921);
}
.b-popover-success.bs-popover-left > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(194.8, 230.36, 202.92);
}
.b-popover-success.bs-popover-left > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(212, 237.4, 217.8);
}
.b-popover-success .popover-header {
  color: #212529;
  background-color: rgb(201.1435643564, 232.9564356436, 208.4079207921);
  border-bottom-color: rgb(183.0495049505, 225.5504950495, 192.7544554455);
}
.b-popover-success .popover-body {
  color: rgb(20.8, 86.84, 35.88);
}

.b-popover-info.popover {
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.b-popover-info.bs-popover-top > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(190.04, 228.96, 235.12);
}
.b-popover-info.bs-popover-top > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(208.6, 236.4, 240.8);
}
.b-popover-info.bs-popover-right > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(190.04, 228.96, 235.12);
}
.b-popover-info.bs-popover-right > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(208.6, 236.4, 240.8);
}
.b-popover-info.bs-popover-bottom > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(190.04, 228.96, 235.12);
}
.b-popover-info.bs-popover-bottom > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(196.8851485149, 231.703960396, 237.2148514851);
}
.b-popover-info.bs-popover-bottom .popover-header::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(196.8851485149, 231.703960396, 237.2148514851);
}
.b-popover-info.bs-popover-left > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(190.04, 228.96, 235.12);
}
.b-popover-info.bs-popover-left > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(208.6, 236.4, 240.8);
}
.b-popover-info .popover-header {
  color: #212529;
  background-color: rgb(196.8851485149, 231.703960396, 237.2148514851);
  border-bottom-color: rgb(177.3603960396, 223.8772277228, 231.2396039604);
}
.b-popover-info .popover-body {
  color: rgb(11.96, 84.24, 95.68);
}

.b-popover-warning.popover {
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.b-popover-warning.bs-popover-top > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(255, 237.64, 185.56);
}
.b-popover-warning.bs-popover-top > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(255, 242.6, 205.4);
}
.b-popover-warning.bs-popover-right > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(255, 237.64, 185.56);
}
.b-popover-warning.bs-popover-right > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(255, 242.6, 205.4);
}
.b-popover-warning.bs-popover-bottom > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(255, 237.64, 185.56);
}
.b-popover-warning.bs-popover-bottom > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(255, 238.775, 190.1);
}
.b-popover-warning.bs-popover-bottom .popover-header::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(255, 238.775, 190.1);
}
.b-popover-warning.bs-popover-left > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(255, 237.64, 185.56);
}
.b-popover-warning.bs-popover-left > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(255, 242.6, 205.4);
}
.b-popover-warning .popover-header {
  color: #212529;
  background-color: rgb(255, 238.775, 190.1);
  border-bottom-color: rgb(255, 232.4, 164.6);
}
.b-popover-warning .popover-body {
  color: rgb(132.6, 100.36, 3.64);
}

.b-popover-danger.popover {
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.b-popover-danger.bs-popover-top > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(245.2, 198.44, 202.92);
}
.b-popover-danger.bs-popover-top > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(248, 214.6, 217.8);
}
.b-popover-danger.bs-popover-right > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(245.2, 198.44, 202.92);
}
.b-popover-danger.bs-popover-right > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(248, 214.6, 217.8);
}
.b-popover-danger.bs-popover-bottom > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(245.2, 198.44, 202.92);
}
.b-popover-danger.bs-popover-bottom > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(245.7405063291, 201.5594936709, 205.7924050633);
}
.b-popover-danger.bs-popover-bottom .popover-header::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(245.7405063291, 201.5594936709, 205.7924050633);
}
.b-popover-danger.bs-popover-left > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(245.2, 198.44, 202.92);
}
.b-popover-danger.bs-popover-left > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(248, 214.6, 217.8);
}
.b-popover-danger .popover-header {
  color: #212529;
  background-color: rgb(245.7405063291, 201.5594936709, 205.7924050633);
  border-bottom-color: rgb(241.9746835443, 179.8253164557, 185.7797468354);
}
.b-popover-danger .popover-body {
  color: rgb(114.4, 27.56, 35.88);
}

.b-popover-light.popover {
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.b-popover-light.bs-popover-top > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(253.04, 253.32, 253.6);
}
.b-popover-light.bs-popover-top > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(253.6, 253.8, 254);
}
.b-popover-light.bs-popover-right > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(253.04, 253.32, 253.6);
}
.b-popover-light.bs-popover-right > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(253.6, 253.8, 254);
}
.b-popover-light.bs-popover-bottom > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(253.04, 253.32, 253.6);
}
.b-popover-light.bs-popover-bottom > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(244.675, 246.15, 247.625);
}
.b-popover-light.bs-popover-bottom .popover-header::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(244.675, 246.15, 247.625);
}
.b-popover-light.bs-popover-left > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(253.04, 253.32, 253.6);
}
.b-popover-light.bs-popover-left > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(253.6, 253.8, 254);
}
.b-popover-light .popover-header {
  color: #212529;
  background-color: rgb(244.675, 246.15, 247.625);
  border-bottom-color: rgb(229.8, 233.4, 237);
}
.b-popover-light .popover-body {
  color: rgb(128.96, 129.48, 130);
}

.b-popover-dark.popover {
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.b-popover-dark.bs-popover-top > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: rgb(198.16, 199.84, 201.52);
}
.b-popover-dark.bs-popover-top > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: rgb(214.4, 215.6, 216.8);
}
.b-popover-dark.bs-popover-right > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: rgb(198.16, 199.84, 201.52);
}
.b-popover-dark.bs-popover-right > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: rgb(214.4, 215.6, 216.8);
}
.b-popover-dark.bs-popover-bottom > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: rgb(198.16, 199.84, 201.52);
}
.b-popover-dark.bs-popover-bottom > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: rgb(206.5170050761, 207.95, 209.3829949239);
}
.b-popover-dark.bs-popover-bottom .popover-header::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(206.5170050761, 207.95, 209.3829949239);
}
.b-popover-dark.bs-popover-left > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: rgb(198.16, 199.84, 201.52);
}
.b-popover-dark.bs-popover-left > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: rgb(214.4, 215.6, 216.8);
}
.b-popover-dark .popover-header {
  color: #212529;
  background-color: rgb(206.5170050761, 207.95, 209.3829949239);
  border-bottom-color: rgb(193.378680203, 195.2, 197.021319797);
}
.b-popover-dark .popover-body {
  color: rgb(27.04, 30.16, 33.28);
}

.b-sidebar-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: visible;
  z-index: calc(1030 + 5);
}

.b-sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  opacity: 0.6;
}

.b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  width: 320px;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
}
.b-sidebar.slide {
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .b-sidebar.slide {
    transition: none;
  }
}
.b-sidebar:not(.b-sidebar-right) {
  left: 0;
  right: auto;
}
.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
  transform: translateX(-100%);
}
.b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
  margin-left: auto;
}
.b-sidebar.b-sidebar-right {
  left: auto;
  right: 0;
}
.b-sidebar.b-sidebar-right.slide:not(.show) {
  transform: translateX(100%);
}
.b-sidebar.b-sidebar-right > .b-sidebar-header .close {
  margin-right: auto;
}
.b-sidebar > .b-sidebar-header {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: center;
}
[dir=rtl] .b-sidebar > .b-sidebar-header {
  flex-direction: row-reverse;
}

.b-sidebar > .b-sidebar-header .close {
  float: none;
  font-size: 1.5rem;
}
.b-sidebar > .b-sidebar-body {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}
.b-sidebar > .b-sidebar-footer {
  flex-grow: 0;
}

.b-skeleton-wrapper {
  cursor: wait;
}

.b-skeleton {
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.12);
  cursor: wait;
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
}
.b-skeleton::before {
  content: " ";
}

.b-skeleton-text {
  height: 1rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}

.b-skeleton-button {
  width: 75px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.b-skeleton-avatar {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
}

.b-skeleton-input {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border: #ced4da solid 1px;
  border-radius: 0.25rem;
}

.b-skeleton-icon-wrapper svg {
  color: rgba(0, 0, 0, 0.12);
}

.b-skeleton-img {
  height: 100%;
  width: 100%;
}

.b-skeleton-animate-wave::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.4), transparent);
  animation: b-skeleton-animate-wave 1.75s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-wave::after {
    background: none;
    animation: none;
  }
}

@keyframes b-skeleton-animate-wave {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.b-skeleton-animate-fade {
  animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-fade {
    animation: none;
  }
}

@keyframes b-skeleton-animate-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.b-skeleton-animate-throb {
  animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-throb {
    animation: none;
  }
}

@keyframes b-skeleton-animate-throb {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.975);
  }
}
.table.b-table.b-table-fixed {
  table-layout: fixed;
}
.table.b-table.b-table-no-border-collapse {
  border-collapse: separate;
  border-spacing: 0;
}
.table.b-table[aria-busy=true] {
  opacity: 0.55;
}
.table.b-table > tbody > tr.b-table-details > td {
  border-top: none !important;
}
.table.b-table > caption {
  caption-side: bottom;
}
.table.b-table.b-table-caption-top > caption {
  caption-side: top !important;
}
.table.b-table > tbody > .table-active,
.table.b-table > tbody > .table-active > th,
.table.b-table > tbody > .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table.b-table.table-hover > tbody > tr.table-active:hover td,
.table.b-table.table-hover > tbody > tr.table-active:hover th {
  color: #212529;
  background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
  background-repeat: no-repeat;
}
.table.b-table > tbody > .bg-active,
.table.b-table > tbody > .bg-active > th,
.table.b-table > tbody > .bg-active > td {
  background-color: rgba(255, 255, 255, 0.075) !important;
}
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
  color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
  background-repeat: no-repeat;
}

.b-table-sticky-header,
.table-responsive,
[class*=table-responsive-] {
  margin-bottom: 1rem;
}
.b-table-sticky-header > .table,
.table-responsive > .table,
[class*=table-responsive-] > .table {
  margin-bottom: 0;
}

.b-table-sticky-header {
  overflow-y: auto;
  max-height: 300px;
}

@media print {
  .b-table-sticky-header {
    overflow-y: visible !important;
    max-height: none !important;
  }
}
@supports (position: sticky) {
  .b-table-sticky-header > .table.b-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
    position: sticky;
    left: 0;
  }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column {
    z-index: 5;
  }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
    z-index: 2;
  }
  .table.b-table > thead > tr > .table-b-table-default,
  .table.b-table > tbody > tr > .table-b-table-default,
  .table.b-table > tfoot > tr > .table-b-table-default {
    color: #212529;
    background-color: #fff;
  }
  .table.b-table.table-dark > thead > tr > .bg-b-table-default,
  .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
  .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
    color: #fff;
    background-color: #343a40;
  }
  .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
    color: #212529;
    background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
    color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
    background-repeat: no-repeat;
  }
}
.table.b-table > thead > tr > [aria-sort],
.table.b-table > tfoot > tr > [aria-sort] {
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0.65em 1em;
}
.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right calc(0.75rem / 2) center;
  padding-right: calc(0.75rem + 0.65em);
}
.table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left calc(0.75rem / 2) center;
  padding-left: calc(0.75rem + 0.65em);
}
.table.b-table > thead > tr > [aria-sort=none],
.table.b-table > tfoot > tr > [aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > [aria-sort=ascending],
.table.b-table > tfoot > tr > [aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > [aria-sort=descending],
.table.b-table > tfoot > tr > [aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=none], .table.b-table.table-dark > tfoot > tr > [aria-sort=none],
.table.b-table > .thead-dark > tr > [aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=ascending], .table.b-table.table-dark > tfoot > tr > [aria-sort=ascending],
.table.b-table > .thead-dark > tr > [aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=descending], .table.b-table.table-dark > tfoot > tr > [aria-sort=descending],
.table.b-table > .thead-dark > tr > [aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=none],
.table.b-table > tfoot > tr > .table-dark[aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=ascending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=descending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right calc(0.3rem / 2) center;
  padding-right: calc(0.3rem + 0.65em);
}
.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left calc(0.3rem / 2) center;
  padding-left: calc(0.3rem + 0.65em);
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
  cursor: pointer;
}
.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 575.98px) {
  .table.b-table.b-table-stacked-sm {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-sm > caption,
  .table.b-table.b-table-stacked-sm > tbody,
  .table.b-table.b-table-stacked-sm > tbody > tr,
  .table.b-table.b-table-stacked-sm > tbody > tr > td,
  .table.b-table.b-table-stacked-sm > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-sm > thead,
  .table.b-table.b-table-stacked-sm > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 767.98px) {
  .table.b-table.b-table-stacked-md {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-md > caption,
  .table.b-table.b-table-stacked-md > tbody,
  .table.b-table.b-table-stacked-md > tbody > tr,
  .table.b-table.b-table-stacked-md > tbody > tr > td,
  .table.b-table.b-table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-md > thead,
  .table.b-table.b-table-stacked-md > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 991.98px) {
  .table.b-table.b-table-stacked-lg {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-lg > caption,
  .table.b-table.b-table-stacked-lg > tbody,
  .table.b-table.b-table-stacked-lg > tbody > tr,
  .table.b-table.b-table-stacked-lg > tbody > tr > td,
  .table.b-table.b-table-stacked-lg > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-lg > thead,
  .table.b-table.b-table-stacked-lg > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 1199.98px) {
  .table.b-table.b-table-stacked-xl {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-xl > caption,
  .table.b-table.b-table-stacked-xl > tbody,
  .table.b-table.b-table-stacked-xl > tbody > tr,
  .table.b-table.b-table-stacked-xl > tbody > tr > td,
  .table.b-table.b-table-stacked-xl > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-xl > thead,
  .table.b-table.b-table-stacked-xl > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
.table.b-table.b-table-stacked {
  display: block;
  width: 100%;
}
.table.b-table.b-table-stacked > caption,
.table.b-table.b-table-stacked > tbody,
.table.b-table.b-table-stacked > tbody > tr,
.table.b-table.b-table-stacked > tbody > tr > td,
.table.b-table.b-table-stacked > tbody > tr > th {
  display: block;
}
.table.b-table.b-table-stacked > thead,
.table.b-table.b-table-stacked > tfoot {
  display: none;
}
.table.b-table.b-table-stacked > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
  display: none;
}
.table.b-table.b-table-stacked > caption {
  caption-side: top !important;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
  content: attr(data-label);
  width: 40%;
  float: left;
  text-align: right;
  overflow-wrap: break-word;
  font-weight: bold;
  font-style: normal;
  padding: 0 calc(1rem / 2) 0 0;
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
  display: block;
  clear: both;
  content: "";
}
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
  display: inline-block;
  width: calc(100% - 40%);
  padding: 0 0 0 calc(1rem / 2);
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row {
  display: none;
}
.table.b-table.b-table-stacked > tbody > tr > :first-child {
  border-top-width: 3px;
}
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
  border-top-width: 3px;
}

.b-time {
  min-width: 150px;
}
.b-time[aria-disabled=true] output, .b-time[aria-readonly=true] output,
.b-time output.disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.b-time[aria-disabled=true] output {
  pointer-events: none;
}
[dir=rtl] .b-time > .d-flex:not(.flex-column) {
  flex-direction: row-reverse;
}

.b-time .b-time-header {
  margin-bottom: 0.5rem;
}
.b-time .b-time-header output {
  padding: 0.25rem;
  font-size: 80%;
}
.b-time .b-time-footer {
  margin-top: 0.5rem;
}
.b-time .b-time-ampm {
  margin-left: 0.5rem;
}

.b-toast {
  display: block;
  position: relative;
  max-width: 350px;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: 0.25rem;
}
.b-toast .toast {
  background-color: rgba(255, 255, 255, 0.85);
}
.b-toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.b-toast.b-toast-solid .toast {
  background-color: white;
}
.b-toast .toast {
  opacity: 1;
}
.b-toast .toast.fade:not(.show) {
  opacity: 0;
}
.b-toast .toast .toast-body {
  display: block;
}

.b-toast-primary .toast {
  background-color: rgba(229.5, 241.8, 255, 0.85);
  border-color: rgba(183.6, 218.04, 255, 0.85);
  color: rgb(0, 63.96, 132.6);
}
.b-toast-primary .toast .toast-header {
  color: rgb(0, 63.96, 132.6);
  background-color: rgba(204, 228.6, 255, 0.85);
  border-bottom-color: rgba(183.6, 218.04, 255, 0.85);
}
.b-toast-primary.b-toast-solid .toast {
  background-color: rgb(229.5, 241.8, 255);
}

.b-toast-secondary .toast {
  background-color: rgba(239.1324909747, 240.1039711191, 240.9675090253, 0.85);
  border-color: rgba(213.84, 216.36, 218.6, 0.85);
  color: rgb(56.16, 60.84, 65);
}
.b-toast-secondary .toast .toast-header {
  color: rgb(56.16, 60.84, 65);
  background-color: rgba(225.6, 227.4, 229, 0.85);
  border-bottom-color: rgba(213.84, 216.36, 218.6, 0.85);
}
.b-toast-secondary.b-toast-solid .toast {
  background-color: rgb(239.1324909747, 240.1039711191, 240.9675090253);
}

.b-toast-success .toast {
  background-color: rgba(230.0940594059, 244.8059405941, 233.4534653465, 0.85);
  border-color: rgba(194.8, 230.36, 202.92, 0.85);
  color: rgb(20.8, 86.84, 35.88);
}
.b-toast-success .toast .toast-header {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgba(212, 237.4, 217.8, 0.85);
  border-bottom-color: rgba(194.8, 230.36, 202.92, 0.85);
}
.b-toast-success.b-toast-solid .toast {
  background-color: rgb(230.0940594059, 244.8059405941, 233.4534653465);
}

.b-toast-info .toast {
  background-color: rgba(228.1247524752, 244.2267326733, 246.7752475248, 0.85);
  border-color: rgba(190.04, 228.96, 235.12, 0.85);
  color: rgb(11.96, 84.24, 95.68);
}
.b-toast-info .toast .toast-header {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgba(208.6, 236.4, 240.8, 0.85);
  border-bottom-color: rgba(190.04, 228.96, 235.12, 0.85);
}
.b-toast-info.b-toast-solid .toast {
  background-color: rgb(228.1247524752, 244.2267326733, 246.7752475248);
}

.b-toast-warning .toast {
  background-color: rgba(255, 248.975, 230.9, 0.85);
  border-color: rgba(255, 237.64, 185.56, 0.85);
  color: rgb(132.6, 100.36, 3.64);
}
.b-toast-warning .toast .toast-header {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgba(255, 242.6, 205.4, 0.85);
  border-bottom-color: rgba(255, 237.64, 185.56, 0.85);
}
.b-toast-warning.b-toast-solid .toast {
  background-color: rgb(255, 248.975, 230.9);
}

.b-toast-danger .toast {
  background-color: rgba(251.7658227848, 236.3341772152, 237.8126582278, 0.85);
  border-color: rgba(245.2, 198.44, 202.92, 0.85);
  color: rgb(114.4, 27.56, 35.88);
}
.b-toast-danger .toast .toast-header {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgba(248, 214.6, 217.8, 0.85);
  border-bottom-color: rgba(245.2, 198.44, 202.92, 0.85);
}
.b-toast-danger.b-toast-solid .toast {
  background-color: rgb(251.7658227848, 236.3341772152, 237.8126582278);
}

.b-toast-light .toast {
  background-color: rgba(255, 255, 255, 0.85);
  border-color: rgba(253.04, 253.32, 253.6, 0.85);
  color: rgb(128.96, 129.48, 130);
}
.b-toast-light .toast .toast-header {
  color: rgb(128.96, 129.48, 130);
  background-color: rgba(253.6, 253.8, 254, 0.85);
  border-bottom-color: rgba(253.04, 253.32, 253.6, 0.85);
}
.b-toast-light.b-toast-solid .toast {
  background-color: white;
}

.b-toast-dark .toast {
  background-color: rgba(227.5383248731, 228.35, 229.1616751269, 0.85);
  border-color: rgba(198.16, 199.84, 201.52, 0.85);
  color: rgb(27.04, 30.16, 33.28);
}
.b-toast-dark .toast .toast-header {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgba(214.4, 215.6, 216.8, 0.85);
  border-bottom-color: rgba(198.16, 199.84, 201.52, 0.85);
}
.b-toast-dark.b-toast-solid .toast {
  background-color: rgb(227.5383248731, 228.35, 229.1616751269);
}

.b-toaster {
  z-index: 1100;
}
.b-toaster .b-toaster-slot {
  position: relative;
  display: block;
}
.b-toaster .b-toaster-slot:empty {
  display: none !important;
}

.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
  position: fixed;
  left: 0.5rem;
  right: 0.5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  position: absolute;
  max-width: 350px;
  width: 100%; /* IE 11 fix */
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  width: 100%;
  max-width: 100%;
}
.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
  width: 100%;
  max-width: 100%;
}
.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full {
  top: 0;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot {
  top: 0.5rem;
}
.b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
  bottom: 0;
}
.b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  bottom: 0.5rem;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
  margin-left: auto;
}
.b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
  margin-right: auto;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
  transition: transform 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
  position: absolute;
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
  transition-delay: 0s;
}
.tooltip.b-tooltip {
  display: block;
  opacity: 0.9;
  outline: 0;
}
.tooltip.b-tooltip.fade:not(.show) {
  opacity: 0;
}
.tooltip.b-tooltip.show {
  opacity: 0.9;
}
.tooltip.b-tooltip.noninteractive {
  pointer-events: none;
}
.tooltip.b-tooltip .arrow {
  margin: 0 0.25rem;
}
.tooltip.b-tooltip.bs-tooltip-right .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.bs-tooltip-left .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
  margin: 0.25rem 0;
}

.tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #007bff;
}
.tooltip.b-tooltip-primary .tooltip-inner {
  color: #fff;
  background-color: #007bff;
}

.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #6c757d;
}
.tooltip.b-tooltip-secondary .tooltip-inner {
  color: #fff;
  background-color: #6c757d;
}

.tooltip.b-tooltip-success.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #28a745;
}
.tooltip.b-tooltip-success .tooltip-inner {
  color: #fff;
  background-color: #28a745;
}

.tooltip.b-tooltip-info.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #17a2b8;
}
.tooltip.b-tooltip-info .tooltip-inner {
  color: #fff;
  background-color: #17a2b8;
}

.tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #ffc107;
}
.tooltip.b-tooltip-warning .tooltip-inner {
  color: #212529;
  background-color: #ffc107;
}

.tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #dc3545;
}
.tooltip.b-tooltip-danger .tooltip-inner {
  color: #fff;
  background-color: #dc3545;
}

.tooltip.b-tooltip-light.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #f8f9fa;
}
.tooltip.b-tooltip-light .tooltip-inner {
  color: #212529;
  background-color: #f8f9fa;
}

.tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #343a40;
}
.tooltip.b-tooltip-dark .tooltip-inner {
  color: #fff;
  background-color: #343a40;
}

.b-icon.bi {
  display: inline-block;
  overflow: visible;
  vertical-align: -0.15em;
}
.b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g {
  transform-origin: center;
  animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
  transform-origin: center;
  animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g {
  transform-origin: center;
  animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g {
  transform-origin: center;
  animation: 2s infinite linear normal b-icon-animation-spin;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
  transform-origin: center;
  animation: 2s infinite linear reverse b-icon-animation-spin;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
  transform-origin: center;
  animation: 1s infinite steps(8) normal b-icon-animation-spin;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
  transform-origin: center;
  animation: 1s infinite steps(8) reverse b-icon-animation-spin;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
    animation: none;
  }
}
.b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g {
  transform-origin: center;
  animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g {
    animation: none;
  }
}

@keyframes b-icon-animation-cylon {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
@keyframes b-icon-animation-cylon-vertical {
  0% {
    transform: translateY(25%);
  }
  100% {
    transform: translateY(-25%);
  }
}
@keyframes b-icon-animation-fade {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-icon-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes b-icon-animation-throb {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.btn .b-icon.bi,
.nav-link .b-icon.bi,
.dropdown-toggle .b-icon.bi,
.dropdown-item .b-icon.bi,
.input-group-text .b-icon.bi {
  font-size: 125%;
  vertical-align: text-bottom;
}

/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/fonts/vendor/bootstrap-icons/bootstrap-icons.woff2?92ea18a81d737146ff044ddb52010366) format("woff2"), url(/fonts/vendor/bootstrap-icons/bootstrap-icons.woff?1295669cd4e305c97f2cfc16d56614b8) format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
  content: "\f67f";
}

.bi-alarm-fill::before {
  content: "\f101";
}

.bi-alarm::before {
  content: "\f102";
}

.bi-align-bottom::before {
  content: "\f103";
}

.bi-align-center::before {
  content: "\f104";
}

.bi-align-end::before {
  content: "\f105";
}

.bi-align-middle::before {
  content: "\f106";
}

.bi-align-start::before {
  content: "\f107";
}

.bi-align-top::before {
  content: "\f108";
}

.bi-alt::before {
  content: "\f109";
}

.bi-app-indicator::before {
  content: "\f10a";
}

.bi-app::before {
  content: "\f10b";
}

.bi-archive-fill::before {
  content: "\f10c";
}

.bi-archive::before {
  content: "\f10d";
}

.bi-arrow-90deg-down::before {
  content: "\f10e";
}

.bi-arrow-90deg-left::before {
  content: "\f10f";
}

.bi-arrow-90deg-right::before {
  content: "\f110";
}

.bi-arrow-90deg-up::before {
  content: "\f111";
}

.bi-arrow-bar-down::before {
  content: "\f112";
}

.bi-arrow-bar-left::before {
  content: "\f113";
}

.bi-arrow-bar-right::before {
  content: "\f114";
}

.bi-arrow-bar-up::before {
  content: "\f115";
}

.bi-arrow-clockwise::before {
  content: "\f116";
}

.bi-arrow-counterclockwise::before {
  content: "\f117";
}

.bi-arrow-down-circle-fill::before {
  content: "\f118";
}

.bi-arrow-down-circle::before {
  content: "\f119";
}

.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}

.bi-arrow-down-left-circle::before {
  content: "\f11b";
}

.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}

.bi-arrow-down-left-square::before {
  content: "\f11d";
}

.bi-arrow-down-left::before {
  content: "\f11e";
}

.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}

.bi-arrow-down-right-circle::before {
  content: "\f120";
}

.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}

.bi-arrow-down-right-square::before {
  content: "\f122";
}

.bi-arrow-down-right::before {
  content: "\f123";
}

.bi-arrow-down-short::before {
  content: "\f124";
}

.bi-arrow-down-square-fill::before {
  content: "\f125";
}

.bi-arrow-down-square::before {
  content: "\f126";
}

.bi-arrow-down-up::before {
  content: "\f127";
}

.bi-arrow-down::before {
  content: "\f128";
}

.bi-arrow-left-circle-fill::before {
  content: "\f129";
}

.bi-arrow-left-circle::before {
  content: "\f12a";
}

.bi-arrow-left-right::before {
  content: "\f12b";
}

.bi-arrow-left-short::before {
  content: "\f12c";
}

.bi-arrow-left-square-fill::before {
  content: "\f12d";
}

.bi-arrow-left-square::before {
  content: "\f12e";
}

.bi-arrow-left::before {
  content: "\f12f";
}

.bi-arrow-repeat::before {
  content: "\f130";
}

.bi-arrow-return-left::before {
  content: "\f131";
}

.bi-arrow-return-right::before {
  content: "\f132";
}

.bi-arrow-right-circle-fill::before {
  content: "\f133";
}

.bi-arrow-right-circle::before {
  content: "\f134";
}

.bi-arrow-right-short::before {
  content: "\f135";
}

.bi-arrow-right-square-fill::before {
  content: "\f136";
}

.bi-arrow-right-square::before {
  content: "\f137";
}

.bi-arrow-right::before {
  content: "\f138";
}

.bi-arrow-up-circle-fill::before {
  content: "\f139";
}

.bi-arrow-up-circle::before {
  content: "\f13a";
}

.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}

.bi-arrow-up-left-circle::before {
  content: "\f13c";
}

.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}

.bi-arrow-up-left-square::before {
  content: "\f13e";
}

.bi-arrow-up-left::before {
  content: "\f13f";
}

.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}

.bi-arrow-up-right-circle::before {
  content: "\f141";
}

.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}

.bi-arrow-up-right-square::before {
  content: "\f143";
}

.bi-arrow-up-right::before {
  content: "\f144";
}

.bi-arrow-up-short::before {
  content: "\f145";
}

.bi-arrow-up-square-fill::before {
  content: "\f146";
}

.bi-arrow-up-square::before {
  content: "\f147";
}

.bi-arrow-up::before {
  content: "\f148";
}

.bi-arrows-angle-contract::before {
  content: "\f149";
}

.bi-arrows-angle-expand::before {
  content: "\f14a";
}

.bi-arrows-collapse::before {
  content: "\f14b";
}

.bi-arrows-expand::before {
  content: "\f14c";
}

.bi-arrows-fullscreen::before {
  content: "\f14d";
}

.bi-arrows-move::before {
  content: "\f14e";
}

.bi-aspect-ratio-fill::before {
  content: "\f14f";
}

.bi-aspect-ratio::before {
  content: "\f150";
}

.bi-asterisk::before {
  content: "\f151";
}

.bi-at::before {
  content: "\f152";
}

.bi-award-fill::before {
  content: "\f153";
}

.bi-award::before {
  content: "\f154";
}

.bi-back::before {
  content: "\f155";
}

.bi-backspace-fill::before {
  content: "\f156";
}

.bi-backspace-reverse-fill::before {
  content: "\f157";
}

.bi-backspace-reverse::before {
  content: "\f158";
}

.bi-backspace::before {
  content: "\f159";
}

.bi-badge-3d-fill::before {
  content: "\f15a";
}

.bi-badge-3d::before {
  content: "\f15b";
}

.bi-badge-4k-fill::before {
  content: "\f15c";
}

.bi-badge-4k::before {
  content: "\f15d";
}

.bi-badge-8k-fill::before {
  content: "\f15e";
}

.bi-badge-8k::before {
  content: "\f15f";
}

.bi-badge-ad-fill::before {
  content: "\f160";
}

.bi-badge-ad::before {
  content: "\f161";
}

.bi-badge-ar-fill::before {
  content: "\f162";
}

.bi-badge-ar::before {
  content: "\f163";
}

.bi-badge-cc-fill::before {
  content: "\f164";
}

.bi-badge-cc::before {
  content: "\f165";
}

.bi-badge-hd-fill::before {
  content: "\f166";
}

.bi-badge-hd::before {
  content: "\f167";
}

.bi-badge-tm-fill::before {
  content: "\f168";
}

.bi-badge-tm::before {
  content: "\f169";
}

.bi-badge-vo-fill::before {
  content: "\f16a";
}

.bi-badge-vo::before {
  content: "\f16b";
}

.bi-badge-vr-fill::before {
  content: "\f16c";
}

.bi-badge-vr::before {
  content: "\f16d";
}

.bi-badge-wc-fill::before {
  content: "\f16e";
}

.bi-badge-wc::before {
  content: "\f16f";
}

.bi-bag-check-fill::before {
  content: "\f170";
}

.bi-bag-check::before {
  content: "\f171";
}

.bi-bag-dash-fill::before {
  content: "\f172";
}

.bi-bag-dash::before {
  content: "\f173";
}

.bi-bag-fill::before {
  content: "\f174";
}

.bi-bag-plus-fill::before {
  content: "\f175";
}

.bi-bag-plus::before {
  content: "\f176";
}

.bi-bag-x-fill::before {
  content: "\f177";
}

.bi-bag-x::before {
  content: "\f178";
}

.bi-bag::before {
  content: "\f179";
}

.bi-bar-chart-fill::before {
  content: "\f17a";
}

.bi-bar-chart-line-fill::before {
  content: "\f17b";
}

.bi-bar-chart-line::before {
  content: "\f17c";
}

.bi-bar-chart-steps::before {
  content: "\f17d";
}

.bi-bar-chart::before {
  content: "\f17e";
}

.bi-basket-fill::before {
  content: "\f17f";
}

.bi-basket::before {
  content: "\f180";
}

.bi-basket2-fill::before {
  content: "\f181";
}

.bi-basket2::before {
  content: "\f182";
}

.bi-basket3-fill::before {
  content: "\f183";
}

.bi-basket3::before {
  content: "\f184";
}

.bi-battery-charging::before {
  content: "\f185";
}

.bi-battery-full::before {
  content: "\f186";
}

.bi-battery-half::before {
  content: "\f187";
}

.bi-battery::before {
  content: "\f188";
}

.bi-bell-fill::before {
  content: "\f189";
}

.bi-bell::before {
  content: "\f18a";
}

.bi-bezier::before {
  content: "\f18b";
}

.bi-bezier2::before {
  content: "\f18c";
}

.bi-bicycle::before {
  content: "\f18d";
}

.bi-binoculars-fill::before {
  content: "\f18e";
}

.bi-binoculars::before {
  content: "\f18f";
}

.bi-blockquote-left::before {
  content: "\f190";
}

.bi-blockquote-right::before {
  content: "\f191";
}

.bi-book-fill::before {
  content: "\f192";
}

.bi-book-half::before {
  content: "\f193";
}

.bi-book::before {
  content: "\f194";
}

.bi-bookmark-check-fill::before {
  content: "\f195";
}

.bi-bookmark-check::before {
  content: "\f196";
}

.bi-bookmark-dash-fill::before {
  content: "\f197";
}

.bi-bookmark-dash::before {
  content: "\f198";
}

.bi-bookmark-fill::before {
  content: "\f199";
}

.bi-bookmark-heart-fill::before {
  content: "\f19a";
}

.bi-bookmark-heart::before {
  content: "\f19b";
}

.bi-bookmark-plus-fill::before {
  content: "\f19c";
}

.bi-bookmark-plus::before {
  content: "\f19d";
}

.bi-bookmark-star-fill::before {
  content: "\f19e";
}

.bi-bookmark-star::before {
  content: "\f19f";
}

.bi-bookmark-x-fill::before {
  content: "\f1a0";
}

.bi-bookmark-x::before {
  content: "\f1a1";
}

.bi-bookmark::before {
  content: "\f1a2";
}

.bi-bookmarks-fill::before {
  content: "\f1a3";
}

.bi-bookmarks::before {
  content: "\f1a4";
}

.bi-bookshelf::before {
  content: "\f1a5";
}

.bi-bootstrap-fill::before {
  content: "\f1a6";
}

.bi-bootstrap-reboot::before {
  content: "\f1a7";
}

.bi-bootstrap::before {
  content: "\f1a8";
}

.bi-border-all::before {
  content: "\f1a9";
}

.bi-border-bottom::before {
  content: "\f1aa";
}

.bi-border-center::before {
  content: "\f1ab";
}

.bi-border-inner::before {
  content: "\f1ac";
}

.bi-border-left::before {
  content: "\f1ad";
}

.bi-border-middle::before {
  content: "\f1ae";
}

.bi-border-outer::before {
  content: "\f1af";
}

.bi-border-right::before {
  content: "\f1b0";
}

.bi-border-style::before {
  content: "\f1b1";
}

.bi-border-top::before {
  content: "\f1b2";
}

.bi-border-width::before {
  content: "\f1b3";
}

.bi-border::before {
  content: "\f1b4";
}

.bi-bounding-box-circles::before {
  content: "\f1b5";
}

.bi-bounding-box::before {
  content: "\f1b6";
}

.bi-box-arrow-down-left::before {
  content: "\f1b7";
}

.bi-box-arrow-down-right::before {
  content: "\f1b8";
}

.bi-box-arrow-down::before {
  content: "\f1b9";
}

.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}

.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}

.bi-box-arrow-in-down::before {
  content: "\f1bc";
}

.bi-box-arrow-in-left::before {
  content: "\f1bd";
}

.bi-box-arrow-in-right::before {
  content: "\f1be";
}

.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}

.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}

.bi-box-arrow-in-up::before {
  content: "\f1c1";
}

.bi-box-arrow-left::before {
  content: "\f1c2";
}

.bi-box-arrow-right::before {
  content: "\f1c3";
}

.bi-box-arrow-up-left::before {
  content: "\f1c4";
}

.bi-box-arrow-up-right::before {
  content: "\f1c5";
}

.bi-box-arrow-up::before {
  content: "\f1c6";
}

.bi-box-seam::before {
  content: "\f1c7";
}

.bi-box::before {
  content: "\f1c8";
}

.bi-braces::before {
  content: "\f1c9";
}

.bi-bricks::before {
  content: "\f1ca";
}

.bi-briefcase-fill::before {
  content: "\f1cb";
}

.bi-briefcase::before {
  content: "\f1cc";
}

.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}

.bi-brightness-alt-high::before {
  content: "\f1ce";
}

.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}

.bi-brightness-alt-low::before {
  content: "\f1d0";
}

.bi-brightness-high-fill::before {
  content: "\f1d1";
}

.bi-brightness-high::before {
  content: "\f1d2";
}

.bi-brightness-low-fill::before {
  content: "\f1d3";
}

.bi-brightness-low::before {
  content: "\f1d4";
}

.bi-broadcast-pin::before {
  content: "\f1d5";
}

.bi-broadcast::before {
  content: "\f1d6";
}

.bi-brush-fill::before {
  content: "\f1d7";
}

.bi-brush::before {
  content: "\f1d8";
}

.bi-bucket-fill::before {
  content: "\f1d9";
}

.bi-bucket::before {
  content: "\f1da";
}

.bi-bug-fill::before {
  content: "\f1db";
}

.bi-bug::before {
  content: "\f1dc";
}

.bi-building::before {
  content: "\f1dd";
}

.bi-bullseye::before {
  content: "\f1de";
}

.bi-calculator-fill::before {
  content: "\f1df";
}

.bi-calculator::before {
  content: "\f1e0";
}

.bi-calendar-check-fill::before {
  content: "\f1e1";
}

.bi-calendar-check::before {
  content: "\f1e2";
}

.bi-calendar-date-fill::before {
  content: "\f1e3";
}

.bi-calendar-date::before {
  content: "\f1e4";
}

.bi-calendar-day-fill::before {
  content: "\f1e5";
}

.bi-calendar-day::before {
  content: "\f1e6";
}

.bi-calendar-event-fill::before {
  content: "\f1e7";
}

.bi-calendar-event::before {
  content: "\f1e8";
}

.bi-calendar-fill::before {
  content: "\f1e9";
}

.bi-calendar-minus-fill::before {
  content: "\f1ea";
}

.bi-calendar-minus::before {
  content: "\f1eb";
}

.bi-calendar-month-fill::before {
  content: "\f1ec";
}

.bi-calendar-month::before {
  content: "\f1ed";
}

.bi-calendar-plus-fill::before {
  content: "\f1ee";
}

.bi-calendar-plus::before {
  content: "\f1ef";
}

.bi-calendar-range-fill::before {
  content: "\f1f0";
}

.bi-calendar-range::before {
  content: "\f1f1";
}

.bi-calendar-week-fill::before {
  content: "\f1f2";
}

.bi-calendar-week::before {
  content: "\f1f3";
}

.bi-calendar-x-fill::before {
  content: "\f1f4";
}

.bi-calendar-x::before {
  content: "\f1f5";
}

.bi-calendar::before {
  content: "\f1f6";
}

.bi-calendar2-check-fill::before {
  content: "\f1f7";
}

.bi-calendar2-check::before {
  content: "\f1f8";
}

.bi-calendar2-date-fill::before {
  content: "\f1f9";
}

.bi-calendar2-date::before {
  content: "\f1fa";
}

.bi-calendar2-day-fill::before {
  content: "\f1fb";
}

.bi-calendar2-day::before {
  content: "\f1fc";
}

.bi-calendar2-event-fill::before {
  content: "\f1fd";
}

.bi-calendar2-event::before {
  content: "\f1fe";
}

.bi-calendar2-fill::before {
  content: "\f1ff";
}

.bi-calendar2-minus-fill::before {
  content: "\f200";
}

.bi-calendar2-minus::before {
  content: "\f201";
}

.bi-calendar2-month-fill::before {
  content: "\f202";
}

.bi-calendar2-month::before {
  content: "\f203";
}

.bi-calendar2-plus-fill::before {
  content: "\f204";
}

.bi-calendar2-plus::before {
  content: "\f205";
}

.bi-calendar2-range-fill::before {
  content: "\f206";
}

.bi-calendar2-range::before {
  content: "\f207";
}

.bi-calendar2-week-fill::before {
  content: "\f208";
}

.bi-calendar2-week::before {
  content: "\f209";
}

.bi-calendar2-x-fill::before {
  content: "\f20a";
}

.bi-calendar2-x::before {
  content: "\f20b";
}

.bi-calendar2::before {
  content: "\f20c";
}

.bi-calendar3-event-fill::before {
  content: "\f20d";
}

.bi-calendar3-event::before {
  content: "\f20e";
}

.bi-calendar3-fill::before {
  content: "\f20f";
}

.bi-calendar3-range-fill::before {
  content: "\f210";
}

.bi-calendar3-range::before {
  content: "\f211";
}

.bi-calendar3-week-fill::before {
  content: "\f212";
}

.bi-calendar3-week::before {
  content: "\f213";
}

.bi-calendar3::before {
  content: "\f214";
}

.bi-calendar4-event::before {
  content: "\f215";
}

.bi-calendar4-range::before {
  content: "\f216";
}

.bi-calendar4-week::before {
  content: "\f217";
}

.bi-calendar4::before {
  content: "\f218";
}

.bi-camera-fill::before {
  content: "\f219";
}

.bi-camera-reels-fill::before {
  content: "\f21a";
}

.bi-camera-reels::before {
  content: "\f21b";
}

.bi-camera-video-fill::before {
  content: "\f21c";
}

.bi-camera-video-off-fill::before {
  content: "\f21d";
}

.bi-camera-video-off::before {
  content: "\f21e";
}

.bi-camera-video::before {
  content: "\f21f";
}

.bi-camera::before {
  content: "\f220";
}

.bi-camera2::before {
  content: "\f221";
}

.bi-capslock-fill::before {
  content: "\f222";
}

.bi-capslock::before {
  content: "\f223";
}

.bi-card-checklist::before {
  content: "\f224";
}

.bi-card-heading::before {
  content: "\f225";
}

.bi-card-image::before {
  content: "\f226";
}

.bi-card-list::before {
  content: "\f227";
}

.bi-card-text::before {
  content: "\f228";
}

.bi-caret-down-fill::before {
  content: "\f229";
}

.bi-caret-down-square-fill::before {
  content: "\f22a";
}

.bi-caret-down-square::before {
  content: "\f22b";
}

.bi-caret-down::before {
  content: "\f22c";
}

.bi-caret-left-fill::before {
  content: "\f22d";
}

.bi-caret-left-square-fill::before {
  content: "\f22e";
}

.bi-caret-left-square::before {
  content: "\f22f";
}

.bi-caret-left::before {
  content: "\f230";
}

.bi-caret-right-fill::before {
  content: "\f231";
}

.bi-caret-right-square-fill::before {
  content: "\f232";
}

.bi-caret-right-square::before {
  content: "\f233";
}

.bi-caret-right::before {
  content: "\f234";
}

.bi-caret-up-fill::before {
  content: "\f235";
}

.bi-caret-up-square-fill::before {
  content: "\f236";
}

.bi-caret-up-square::before {
  content: "\f237";
}

.bi-caret-up::before {
  content: "\f238";
}

.bi-cart-check-fill::before {
  content: "\f239";
}

.bi-cart-check::before {
  content: "\f23a";
}

.bi-cart-dash-fill::before {
  content: "\f23b";
}

.bi-cart-dash::before {
  content: "\f23c";
}

.bi-cart-fill::before {
  content: "\f23d";
}

.bi-cart-plus-fill::before {
  content: "\f23e";
}

.bi-cart-plus::before {
  content: "\f23f";
}

.bi-cart-x-fill::before {
  content: "\f240";
}

.bi-cart-x::before {
  content: "\f241";
}

.bi-cart::before {
  content: "\f242";
}

.bi-cart2::before {
  content: "\f243";
}

.bi-cart3::before {
  content: "\f244";
}

.bi-cart4::before {
  content: "\f245";
}

.bi-cash-stack::before {
  content: "\f246";
}

.bi-cash::before {
  content: "\f247";
}

.bi-cast::before {
  content: "\f248";
}

.bi-chat-dots-fill::before {
  content: "\f249";
}

.bi-chat-dots::before {
  content: "\f24a";
}

.bi-chat-fill::before {
  content: "\f24b";
}

.bi-chat-left-dots-fill::before {
  content: "\f24c";
}

.bi-chat-left-dots::before {
  content: "\f24d";
}

.bi-chat-left-fill::before {
  content: "\f24e";
}

.bi-chat-left-quote-fill::before {
  content: "\f24f";
}

.bi-chat-left-quote::before {
  content: "\f250";
}

.bi-chat-left-text-fill::before {
  content: "\f251";
}

.bi-chat-left-text::before {
  content: "\f252";
}

.bi-chat-left::before {
  content: "\f253";
}

.bi-chat-quote-fill::before {
  content: "\f254";
}

.bi-chat-quote::before {
  content: "\f255";
}

.bi-chat-right-dots-fill::before {
  content: "\f256";
}

.bi-chat-right-dots::before {
  content: "\f257";
}

.bi-chat-right-fill::before {
  content: "\f258";
}

.bi-chat-right-quote-fill::before {
  content: "\f259";
}

.bi-chat-right-quote::before {
  content: "\f25a";
}

.bi-chat-right-text-fill::before {
  content: "\f25b";
}

.bi-chat-right-text::before {
  content: "\f25c";
}

.bi-chat-right::before {
  content: "\f25d";
}

.bi-chat-square-dots-fill::before {
  content: "\f25e";
}

.bi-chat-square-dots::before {
  content: "\f25f";
}

.bi-chat-square-fill::before {
  content: "\f260";
}

.bi-chat-square-quote-fill::before {
  content: "\f261";
}

.bi-chat-square-quote::before {
  content: "\f262";
}

.bi-chat-square-text-fill::before {
  content: "\f263";
}

.bi-chat-square-text::before {
  content: "\f264";
}

.bi-chat-square::before {
  content: "\f265";
}

.bi-chat-text-fill::before {
  content: "\f266";
}

.bi-chat-text::before {
  content: "\f267";
}

.bi-chat::before {
  content: "\f268";
}

.bi-check-all::before {
  content: "\f269";
}

.bi-check-circle-fill::before {
  content: "\f26a";
}

.bi-check-circle::before {
  content: "\f26b";
}

.bi-check-square-fill::before {
  content: "\f26c";
}

.bi-check-square::before {
  content: "\f26d";
}

.bi-check::before {
  content: "\f26e";
}

.bi-check2-all::before {
  content: "\f26f";
}

.bi-check2-circle::before {
  content: "\f270";
}

.bi-check2-square::before {
  content: "\f271";
}

.bi-check2::before {
  content: "\f272";
}

.bi-chevron-bar-contract::before {
  content: "\f273";
}

.bi-chevron-bar-down::before {
  content: "\f274";
}

.bi-chevron-bar-expand::before {
  content: "\f275";
}

.bi-chevron-bar-left::before {
  content: "\f276";
}

.bi-chevron-bar-right::before {
  content: "\f277";
}

.bi-chevron-bar-up::before {
  content: "\f278";
}

.bi-chevron-compact-down::before {
  content: "\f279";
}

.bi-chevron-compact-left::before {
  content: "\f27a";
}

.bi-chevron-compact-right::before {
  content: "\f27b";
}

.bi-chevron-compact-up::before {
  content: "\f27c";
}

.bi-chevron-contract::before {
  content: "\f27d";
}

.bi-chevron-double-down::before {
  content: "\f27e";
}

.bi-chevron-double-left::before {
  content: "\f27f";
}

.bi-chevron-double-right::before {
  content: "\f280";
}

.bi-chevron-double-up::before {
  content: "\f281";
}

.bi-chevron-down::before {
  content: "\f282";
}

.bi-chevron-expand::before {
  content: "\f283";
}

.bi-chevron-left::before {
  content: "\f284";
}

.bi-chevron-right::before {
  content: "\f285";
}

.bi-chevron-up::before {
  content: "\f286";
}

.bi-circle-fill::before {
  content: "\f287";
}

.bi-circle-half::before {
  content: "\f288";
}

.bi-circle-square::before {
  content: "\f289";
}

.bi-circle::before {
  content: "\f28a";
}

.bi-clipboard-check::before {
  content: "\f28b";
}

.bi-clipboard-data::before {
  content: "\f28c";
}

.bi-clipboard-minus::before {
  content: "\f28d";
}

.bi-clipboard-plus::before {
  content: "\f28e";
}

.bi-clipboard-x::before {
  content: "\f28f";
}

.bi-clipboard::before {
  content: "\f290";
}

.bi-clock-fill::before {
  content: "\f291";
}

.bi-clock-history::before {
  content: "\f292";
}

.bi-clock::before {
  content: "\f293";
}

.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}

.bi-cloud-arrow-down::before {
  content: "\f295";
}

.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}

.bi-cloud-arrow-up::before {
  content: "\f297";
}

.bi-cloud-check-fill::before {
  content: "\f298";
}

.bi-cloud-check::before {
  content: "\f299";
}

.bi-cloud-download-fill::before {
  content: "\f29a";
}

.bi-cloud-download::before {
  content: "\f29b";
}

.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}

.bi-cloud-drizzle::before {
  content: "\f29d";
}

.bi-cloud-fill::before {
  content: "\f29e";
}

.bi-cloud-fog-fill::before {
  content: "\f29f";
}

.bi-cloud-fog::before {
  content: "\f2a0";
}

.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}

.bi-cloud-fog2::before {
  content: "\f2a2";
}

.bi-cloud-hail-fill::before {
  content: "\f2a3";
}

.bi-cloud-hail::before {
  content: "\f2a4";
}

.bi-cloud-haze-fill::before {
  content: "\f2a6";
}

.bi-cloud-haze::before {
  content: "\f2a7";
}

.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}

.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}

.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}

.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}

.bi-cloud-lightning::before {
  content: "\f2ac";
}

.bi-cloud-minus-fill::before {
  content: "\f2ad";
}

.bi-cloud-minus::before {
  content: "\f2ae";
}

.bi-cloud-moon-fill::before {
  content: "\f2af";
}

.bi-cloud-moon::before {
  content: "\f2b0";
}

.bi-cloud-plus-fill::before {
  content: "\f2b1";
}

.bi-cloud-plus::before {
  content: "\f2b2";
}

.bi-cloud-rain-fill::before {
  content: "\f2b3";
}

.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}

.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}

.bi-cloud-rain::before {
  content: "\f2b6";
}

.bi-cloud-slash-fill::before {
  content: "\f2b7";
}

.bi-cloud-slash::before {
  content: "\f2b8";
}

.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}

.bi-cloud-sleet::before {
  content: "\f2ba";
}

.bi-cloud-snow-fill::before {
  content: "\f2bb";
}

.bi-cloud-snow::before {
  content: "\f2bc";
}

.bi-cloud-sun-fill::before {
  content: "\f2bd";
}

.bi-cloud-sun::before {
  content: "\f2be";
}

.bi-cloud-upload-fill::before {
  content: "\f2bf";
}

.bi-cloud-upload::before {
  content: "\f2c0";
}

.bi-cloud::before {
  content: "\f2c1";
}

.bi-clouds-fill::before {
  content: "\f2c2";
}

.bi-clouds::before {
  content: "\f2c3";
}

.bi-cloudy-fill::before {
  content: "\f2c4";
}

.bi-cloudy::before {
  content: "\f2c5";
}

.bi-code-slash::before {
  content: "\f2c6";
}

.bi-code-square::before {
  content: "\f2c7";
}

.bi-code::before {
  content: "\f2c8";
}

.bi-collection-fill::before {
  content: "\f2c9";
}

.bi-collection-play-fill::before {
  content: "\f2ca";
}

.bi-collection-play::before {
  content: "\f2cb";
}

.bi-collection::before {
  content: "\f2cc";
}

.bi-columns-gap::before {
  content: "\f2cd";
}

.bi-columns::before {
  content: "\f2ce";
}

.bi-command::before {
  content: "\f2cf";
}

.bi-compass-fill::before {
  content: "\f2d0";
}

.bi-compass::before {
  content: "\f2d1";
}

.bi-cone-striped::before {
  content: "\f2d2";
}

.bi-cone::before {
  content: "\f2d3";
}

.bi-controller::before {
  content: "\f2d4";
}

.bi-cpu-fill::before {
  content: "\f2d5";
}

.bi-cpu::before {
  content: "\f2d6";
}

.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}

.bi-credit-card-2-back::before {
  content: "\f2d8";
}

.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}

.bi-credit-card-2-front::before {
  content: "\f2da";
}

.bi-credit-card-fill::before {
  content: "\f2db";
}

.bi-credit-card::before {
  content: "\f2dc";
}

.bi-crop::before {
  content: "\f2dd";
}

.bi-cup-fill::before {
  content: "\f2de";
}

.bi-cup-straw::before {
  content: "\f2df";
}

.bi-cup::before {
  content: "\f2e0";
}

.bi-cursor-fill::before {
  content: "\f2e1";
}

.bi-cursor-text::before {
  content: "\f2e2";
}

.bi-cursor::before {
  content: "\f2e3";
}

.bi-dash-circle-dotted::before {
  content: "\f2e4";
}

.bi-dash-circle-fill::before {
  content: "\f2e5";
}

.bi-dash-circle::before {
  content: "\f2e6";
}

.bi-dash-square-dotted::before {
  content: "\f2e7";
}

.bi-dash-square-fill::before {
  content: "\f2e8";
}

.bi-dash-square::before {
  content: "\f2e9";
}

.bi-dash::before {
  content: "\f2ea";
}

.bi-diagram-2-fill::before {
  content: "\f2eb";
}

.bi-diagram-2::before {
  content: "\f2ec";
}

.bi-diagram-3-fill::before {
  content: "\f2ed";
}

.bi-diagram-3::before {
  content: "\f2ee";
}

.bi-diamond-fill::before {
  content: "\f2ef";
}

.bi-diamond-half::before {
  content: "\f2f0";
}

.bi-diamond::before {
  content: "\f2f1";
}

.bi-dice-1-fill::before {
  content: "\f2f2";
}

.bi-dice-1::before {
  content: "\f2f3";
}

.bi-dice-2-fill::before {
  content: "\f2f4";
}

.bi-dice-2::before {
  content: "\f2f5";
}

.bi-dice-3-fill::before {
  content: "\f2f6";
}

.bi-dice-3::before {
  content: "\f2f7";
}

.bi-dice-4-fill::before {
  content: "\f2f8";
}

.bi-dice-4::before {
  content: "\f2f9";
}

.bi-dice-5-fill::before {
  content: "\f2fa";
}

.bi-dice-5::before {
  content: "\f2fb";
}

.bi-dice-6-fill::before {
  content: "\f2fc";
}

.bi-dice-6::before {
  content: "\f2fd";
}

.bi-disc-fill::before {
  content: "\f2fe";
}

.bi-disc::before {
  content: "\f2ff";
}

.bi-discord::before {
  content: "\f300";
}

.bi-display-fill::before {
  content: "\f301";
}

.bi-display::before {
  content: "\f302";
}

.bi-distribute-horizontal::before {
  content: "\f303";
}

.bi-distribute-vertical::before {
  content: "\f304";
}

.bi-door-closed-fill::before {
  content: "\f305";
}

.bi-door-closed::before {
  content: "\f306";
}

.bi-door-open-fill::before {
  content: "\f307";
}

.bi-door-open::before {
  content: "\f308";
}

.bi-dot::before {
  content: "\f309";
}

.bi-download::before {
  content: "\f30a";
}

.bi-droplet-fill::before {
  content: "\f30b";
}

.bi-droplet-half::before {
  content: "\f30c";
}

.bi-droplet::before {
  content: "\f30d";
}

.bi-earbuds::before {
  content: "\f30e";
}

.bi-easel-fill::before {
  content: "\f30f";
}

.bi-easel::before {
  content: "\f310";
}

.bi-egg-fill::before {
  content: "\f311";
}

.bi-egg-fried::before {
  content: "\f312";
}

.bi-egg::before {
  content: "\f313";
}

.bi-eject-fill::before {
  content: "\f314";
}

.bi-eject::before {
  content: "\f315";
}

.bi-emoji-angry-fill::before {
  content: "\f316";
}

.bi-emoji-angry::before {
  content: "\f317";
}

.bi-emoji-dizzy-fill::before {
  content: "\f318";
}

.bi-emoji-dizzy::before {
  content: "\f319";
}

.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}

.bi-emoji-expressionless::before {
  content: "\f31b";
}

.bi-emoji-frown-fill::before {
  content: "\f31c";
}

.bi-emoji-frown::before {
  content: "\f31d";
}

.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}

.bi-emoji-heart-eyes::before {
  content: "\f31f";
}

.bi-emoji-laughing-fill::before {
  content: "\f320";
}

.bi-emoji-laughing::before {
  content: "\f321";
}

.bi-emoji-neutral-fill::before {
  content: "\f322";
}

.bi-emoji-neutral::before {
  content: "\f323";
}

.bi-emoji-smile-fill::before {
  content: "\f324";
}

.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}

.bi-emoji-smile-upside-down::before {
  content: "\f326";
}

.bi-emoji-smile::before {
  content: "\f327";
}

.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}

.bi-emoji-sunglasses::before {
  content: "\f329";
}

.bi-emoji-wink-fill::before {
  content: "\f32a";
}

.bi-emoji-wink::before {
  content: "\f32b";
}

.bi-envelope-fill::before {
  content: "\f32c";
}

.bi-envelope-open-fill::before {
  content: "\f32d";
}

.bi-envelope-open::before {
  content: "\f32e";
}

.bi-envelope::before {
  content: "\f32f";
}

.bi-eraser-fill::before {
  content: "\f330";
}

.bi-eraser::before {
  content: "\f331";
}

.bi-exclamation-circle-fill::before {
  content: "\f332";
}

.bi-exclamation-circle::before {
  content: "\f333";
}

.bi-exclamation-diamond-fill::before {
  content: "\f334";
}

.bi-exclamation-diamond::before {
  content: "\f335";
}

.bi-exclamation-octagon-fill::before {
  content: "\f336";
}

.bi-exclamation-octagon::before {
  content: "\f337";
}

.bi-exclamation-square-fill::before {
  content: "\f338";
}

.bi-exclamation-square::before {
  content: "\f339";
}

.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}

.bi-exclamation-triangle::before {
  content: "\f33b";
}

.bi-exclamation::before {
  content: "\f33c";
}

.bi-exclude::before {
  content: "\f33d";
}

.bi-eye-fill::before {
  content: "\f33e";
}

.bi-eye-slash-fill::before {
  content: "\f33f";
}

.bi-eye-slash::before {
  content: "\f340";
}

.bi-eye::before {
  content: "\f341";
}

.bi-eyedropper::before {
  content: "\f342";
}

.bi-eyeglasses::before {
  content: "\f343";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-file-arrow-down-fill::before {
  content: "\f345";
}

.bi-file-arrow-down::before {
  content: "\f346";
}

.bi-file-arrow-up-fill::before {
  content: "\f347";
}

.bi-file-arrow-up::before {
  content: "\f348";
}

.bi-file-bar-graph-fill::before {
  content: "\f349";
}

.bi-file-bar-graph::before {
  content: "\f34a";
}

.bi-file-binary-fill::before {
  content: "\f34b";
}

.bi-file-binary::before {
  content: "\f34c";
}

.bi-file-break-fill::before {
  content: "\f34d";
}

.bi-file-break::before {
  content: "\f34e";
}

.bi-file-check-fill::before {
  content: "\f34f";
}

.bi-file-check::before {
  content: "\f350";
}

.bi-file-code-fill::before {
  content: "\f351";
}

.bi-file-code::before {
  content: "\f352";
}

.bi-file-diff-fill::before {
  content: "\f353";
}

.bi-file-diff::before {
  content: "\f354";
}

.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}

.bi-file-earmark-arrow-down::before {
  content: "\f356";
}

.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}

.bi-file-earmark-arrow-up::before {
  content: "\f358";
}

.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}

.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}

.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}

.bi-file-earmark-binary::before {
  content: "\f35c";
}

.bi-file-earmark-break-fill::before {
  content: "\f35d";
}

.bi-file-earmark-break::before {
  content: "\f35e";
}

.bi-file-earmark-check-fill::before {
  content: "\f35f";
}

.bi-file-earmark-check::before {
  content: "\f360";
}

.bi-file-earmark-code-fill::before {
  content: "\f361";
}

.bi-file-earmark-code::before {
  content: "\f362";
}

.bi-file-earmark-diff-fill::before {
  content: "\f363";
}

.bi-file-earmark-diff::before {
  content: "\f364";
}

.bi-file-earmark-easel-fill::before {
  content: "\f365";
}

.bi-file-earmark-easel::before {
  content: "\f366";
}

.bi-file-earmark-excel-fill::before {
  content: "\f367";
}

.bi-file-earmark-excel::before {
  content: "\f368";
}

.bi-file-earmark-fill::before {
  content: "\f369";
}

.bi-file-earmark-font-fill::before {
  content: "\f36a";
}

.bi-file-earmark-font::before {
  content: "\f36b";
}

.bi-file-earmark-image-fill::before {
  content: "\f36c";
}

.bi-file-earmark-image::before {
  content: "\f36d";
}

.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}

.bi-file-earmark-lock::before {
  content: "\f36f";
}

.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}

.bi-file-earmark-lock2::before {
  content: "\f371";
}

.bi-file-earmark-medical-fill::before {
  content: "\f372";
}

.bi-file-earmark-medical::before {
  content: "\f373";
}

.bi-file-earmark-minus-fill::before {
  content: "\f374";
}

.bi-file-earmark-minus::before {
  content: "\f375";
}

.bi-file-earmark-music-fill::before {
  content: "\f376";
}

.bi-file-earmark-music::before {
  content: "\f377";
}

.bi-file-earmark-person-fill::before {
  content: "\f378";
}

.bi-file-earmark-person::before {
  content: "\f379";
}

.bi-file-earmark-play-fill::before {
  content: "\f37a";
}

.bi-file-earmark-play::before {
  content: "\f37b";
}

.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}

.bi-file-earmark-plus::before {
  content: "\f37d";
}

.bi-file-earmark-post-fill::before {
  content: "\f37e";
}

.bi-file-earmark-post::before {
  content: "\f37f";
}

.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}

.bi-file-earmark-ppt::before {
  content: "\f381";
}

.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}

.bi-file-earmark-richtext::before {
  content: "\f383";
}

.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}

.bi-file-earmark-ruled::before {
  content: "\f385";
}

.bi-file-earmark-slides-fill::before {
  content: "\f386";
}

.bi-file-earmark-slides::before {
  content: "\f387";
}

.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}

.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}

.bi-file-earmark-text-fill::before {
  content: "\f38a";
}

.bi-file-earmark-text::before {
  content: "\f38b";
}

.bi-file-earmark-word-fill::before {
  content: "\f38c";
}

.bi-file-earmark-word::before {
  content: "\f38d";
}

.bi-file-earmark-x-fill::before {
  content: "\f38e";
}

.bi-file-earmark-x::before {
  content: "\f38f";
}

.bi-file-earmark-zip-fill::before {
  content: "\f390";
}

.bi-file-earmark-zip::before {
  content: "\f391";
}

.bi-file-earmark::before {
  content: "\f392";
}

.bi-file-easel-fill::before {
  content: "\f393";
}

.bi-file-easel::before {
  content: "\f394";
}

.bi-file-excel-fill::before {
  content: "\f395";
}

.bi-file-excel::before {
  content: "\f396";
}

.bi-file-fill::before {
  content: "\f397";
}

.bi-file-font-fill::before {
  content: "\f398";
}

.bi-file-font::before {
  content: "\f399";
}

.bi-file-image-fill::before {
  content: "\f39a";
}

.bi-file-image::before {
  content: "\f39b";
}

.bi-file-lock-fill::before {
  content: "\f39c";
}

.bi-file-lock::before {
  content: "\f39d";
}

.bi-file-lock2-fill::before {
  content: "\f39e";
}

.bi-file-lock2::before {
  content: "\f39f";
}

.bi-file-medical-fill::before {
  content: "\f3a0";
}

.bi-file-medical::before {
  content: "\f3a1";
}

.bi-file-minus-fill::before {
  content: "\f3a2";
}

.bi-file-minus::before {
  content: "\f3a3";
}

.bi-file-music-fill::before {
  content: "\f3a4";
}

.bi-file-music::before {
  content: "\f3a5";
}

.bi-file-person-fill::before {
  content: "\f3a6";
}

.bi-file-person::before {
  content: "\f3a7";
}

.bi-file-play-fill::before {
  content: "\f3a8";
}

.bi-file-play::before {
  content: "\f3a9";
}

.bi-file-plus-fill::before {
  content: "\f3aa";
}

.bi-file-plus::before {
  content: "\f3ab";
}

.bi-file-post-fill::before {
  content: "\f3ac";
}

.bi-file-post::before {
  content: "\f3ad";
}

.bi-file-ppt-fill::before {
  content: "\f3ae";
}

.bi-file-ppt::before {
  content: "\f3af";
}

.bi-file-richtext-fill::before {
  content: "\f3b0";
}

.bi-file-richtext::before {
  content: "\f3b1";
}

.bi-file-ruled-fill::before {
  content: "\f3b2";
}

.bi-file-ruled::before {
  content: "\f3b3";
}

.bi-file-slides-fill::before {
  content: "\f3b4";
}

.bi-file-slides::before {
  content: "\f3b5";
}

.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}

.bi-file-spreadsheet::before {
  content: "\f3b7";
}

.bi-file-text-fill::before {
  content: "\f3b8";
}

.bi-file-text::before {
  content: "\f3b9";
}

.bi-file-word-fill::before {
  content: "\f3ba";
}

.bi-file-word::before {
  content: "\f3bb";
}

.bi-file-x-fill::before {
  content: "\f3bc";
}

.bi-file-x::before {
  content: "\f3bd";
}

.bi-file-zip-fill::before {
  content: "\f3be";
}

.bi-file-zip::before {
  content: "\f3bf";
}

.bi-file::before {
  content: "\f3c0";
}

.bi-files-alt::before {
  content: "\f3c1";
}

.bi-files::before {
  content: "\f3c2";
}

.bi-film::before {
  content: "\f3c3";
}

.bi-filter-circle-fill::before {
  content: "\f3c4";
}

.bi-filter-circle::before {
  content: "\f3c5";
}

.bi-filter-left::before {
  content: "\f3c6";
}

.bi-filter-right::before {
  content: "\f3c7";
}

.bi-filter-square-fill::before {
  content: "\f3c8";
}

.bi-filter-square::before {
  content: "\f3c9";
}

.bi-filter::before {
  content: "\f3ca";
}

.bi-flag-fill::before {
  content: "\f3cb";
}

.bi-flag::before {
  content: "\f3cc";
}

.bi-flower1::before {
  content: "\f3cd";
}

.bi-flower2::before {
  content: "\f3ce";
}

.bi-flower3::before {
  content: "\f3cf";
}

.bi-folder-check::before {
  content: "\f3d0";
}

.bi-folder-fill::before {
  content: "\f3d1";
}

.bi-folder-minus::before {
  content: "\f3d2";
}

.bi-folder-plus::before {
  content: "\f3d3";
}

.bi-folder-symlink-fill::before {
  content: "\f3d4";
}

.bi-folder-symlink::before {
  content: "\f3d5";
}

.bi-folder-x::before {
  content: "\f3d6";
}

.bi-folder::before {
  content: "\f3d7";
}

.bi-folder2-open::before {
  content: "\f3d8";
}

.bi-folder2::before {
  content: "\f3d9";
}

.bi-fonts::before {
  content: "\f3da";
}

.bi-forward-fill::before {
  content: "\f3db";
}

.bi-forward::before {
  content: "\f3dc";
}

.bi-front::before {
  content: "\f3dd";
}

.bi-fullscreen-exit::before {
  content: "\f3de";
}

.bi-fullscreen::before {
  content: "\f3df";
}

.bi-funnel-fill::before {
  content: "\f3e0";
}

.bi-funnel::before {
  content: "\f3e1";
}

.bi-gear-fill::before {
  content: "\f3e2";
}

.bi-gear-wide-connected::before {
  content: "\f3e3";
}

.bi-gear-wide::before {
  content: "\f3e4";
}

.bi-gear::before {
  content: "\f3e5";
}

.bi-gem::before {
  content: "\f3e6";
}

.bi-geo-alt-fill::before {
  content: "\f3e7";
}

.bi-geo-alt::before {
  content: "\f3e8";
}

.bi-geo-fill::before {
  content: "\f3e9";
}

.bi-geo::before {
  content: "\f3ea";
}

.bi-gift-fill::before {
  content: "\f3eb";
}

.bi-gift::before {
  content: "\f3ec";
}

.bi-github::before {
  content: "\f3ed";
}

.bi-globe::before {
  content: "\f3ee";
}

.bi-globe2::before {
  content: "\f3ef";
}

.bi-google::before {
  content: "\f3f0";
}

.bi-graph-down::before {
  content: "\f3f1";
}

.bi-graph-up::before {
  content: "\f3f2";
}

.bi-grid-1x2-fill::before {
  content: "\f3f3";
}

.bi-grid-1x2::before {
  content: "\f3f4";
}

.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}

.bi-grid-3x2-gap::before {
  content: "\f3f6";
}

.bi-grid-3x2::before {
  content: "\f3f7";
}

.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}

.bi-grid-3x3-gap::before {
  content: "\f3f9";
}

.bi-grid-3x3::before {
  content: "\f3fa";
}

.bi-grid-fill::before {
  content: "\f3fb";
}

.bi-grid::before {
  content: "\f3fc";
}

.bi-grip-horizontal::before {
  content: "\f3fd";
}

.bi-grip-vertical::before {
  content: "\f3fe";
}

.bi-hammer::before {
  content: "\f3ff";
}

.bi-hand-index-fill::before {
  content: "\f400";
}

.bi-hand-index-thumb-fill::before {
  content: "\f401";
}

.bi-hand-index-thumb::before {
  content: "\f402";
}

.bi-hand-index::before {
  content: "\f403";
}

.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}

.bi-hand-thumbs-down::before {
  content: "\f405";
}

.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}

.bi-hand-thumbs-up::before {
  content: "\f407";
}

.bi-handbag-fill::before {
  content: "\f408";
}

.bi-handbag::before {
  content: "\f409";
}

.bi-hash::before {
  content: "\f40a";
}

.bi-hdd-fill::before {
  content: "\f40b";
}

.bi-hdd-network-fill::before {
  content: "\f40c";
}

.bi-hdd-network::before {
  content: "\f40d";
}

.bi-hdd-rack-fill::before {
  content: "\f40e";
}

.bi-hdd-rack::before {
  content: "\f40f";
}

.bi-hdd-stack-fill::before {
  content: "\f410";
}

.bi-hdd-stack::before {
  content: "\f411";
}

.bi-hdd::before {
  content: "\f412";
}

.bi-headphones::before {
  content: "\f413";
}

.bi-headset::before {
  content: "\f414";
}

.bi-heart-fill::before {
  content: "\f415";
}

.bi-heart-half::before {
  content: "\f416";
}

.bi-heart::before {
  content: "\f417";
}

.bi-heptagon-fill::before {
  content: "\f418";
}

.bi-heptagon-half::before {
  content: "\f419";
}

.bi-heptagon::before {
  content: "\f41a";
}

.bi-hexagon-fill::before {
  content: "\f41b";
}

.bi-hexagon-half::before {
  content: "\f41c";
}

.bi-hexagon::before {
  content: "\f41d";
}

.bi-hourglass-bottom::before {
  content: "\f41e";
}

.bi-hourglass-split::before {
  content: "\f41f";
}

.bi-hourglass-top::before {
  content: "\f420";
}

.bi-hourglass::before {
  content: "\f421";
}

.bi-house-door-fill::before {
  content: "\f422";
}

.bi-house-door::before {
  content: "\f423";
}

.bi-house-fill::before {
  content: "\f424";
}

.bi-house::before {
  content: "\f425";
}

.bi-hr::before {
  content: "\f426";
}

.bi-hurricane::before {
  content: "\f427";
}

.bi-image-alt::before {
  content: "\f428";
}

.bi-image-fill::before {
  content: "\f429";
}

.bi-image::before {
  content: "\f42a";
}

.bi-images::before {
  content: "\f42b";
}

.bi-inbox-fill::before {
  content: "\f42c";
}

.bi-inbox::before {
  content: "\f42d";
}

.bi-inboxes-fill::before {
  content: "\f42e";
}

.bi-inboxes::before {
  content: "\f42f";
}

.bi-info-circle-fill::before {
  content: "\f430";
}

.bi-info-circle::before {
  content: "\f431";
}

.bi-info-square-fill::before {
  content: "\f432";
}

.bi-info-square::before {
  content: "\f433";
}

.bi-info::before {
  content: "\f434";
}

.bi-input-cursor-text::before {
  content: "\f435";
}

.bi-input-cursor::before {
  content: "\f436";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-intersect::before {
  content: "\f438";
}

.bi-journal-album::before {
  content: "\f439";
}

.bi-journal-arrow-down::before {
  content: "\f43a";
}

.bi-journal-arrow-up::before {
  content: "\f43b";
}

.bi-journal-bookmark-fill::before {
  content: "\f43c";
}

.bi-journal-bookmark::before {
  content: "\f43d";
}

.bi-journal-check::before {
  content: "\f43e";
}

.bi-journal-code::before {
  content: "\f43f";
}

.bi-journal-medical::before {
  content: "\f440";
}

.bi-journal-minus::before {
  content: "\f441";
}

.bi-journal-plus::before {
  content: "\f442";
}

.bi-journal-richtext::before {
  content: "\f443";
}

.bi-journal-text::before {
  content: "\f444";
}

.bi-journal-x::before {
  content: "\f445";
}

.bi-journal::before {
  content: "\f446";
}

.bi-journals::before {
  content: "\f447";
}

.bi-joystick::before {
  content: "\f448";
}

.bi-justify-left::before {
  content: "\f449";
}

.bi-justify-right::before {
  content: "\f44a";
}

.bi-justify::before {
  content: "\f44b";
}

.bi-kanban-fill::before {
  content: "\f44c";
}

.bi-kanban::before {
  content: "\f44d";
}

.bi-key-fill::before {
  content: "\f44e";
}

.bi-key::before {
  content: "\f44f";
}

.bi-keyboard-fill::before {
  content: "\f450";
}

.bi-keyboard::before {
  content: "\f451";
}

.bi-ladder::before {
  content: "\f452";
}

.bi-lamp-fill::before {
  content: "\f453";
}

.bi-lamp::before {
  content: "\f454";
}

.bi-laptop-fill::before {
  content: "\f455";
}

.bi-laptop::before {
  content: "\f456";
}

.bi-layer-backward::before {
  content: "\f457";
}

.bi-layer-forward::before {
  content: "\f458";
}

.bi-layers-fill::before {
  content: "\f459";
}

.bi-layers-half::before {
  content: "\f45a";
}

.bi-layers::before {
  content: "\f45b";
}

.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}

.bi-layout-sidebar-inset::before {
  content: "\f45d";
}

.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}

.bi-layout-sidebar::before {
  content: "\f45f";
}

.bi-layout-split::before {
  content: "\f460";
}

.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}

.bi-layout-text-sidebar::before {
  content: "\f462";
}

.bi-layout-text-window-reverse::before {
  content: "\f463";
}

.bi-layout-text-window::before {
  content: "\f464";
}

.bi-layout-three-columns::before {
  content: "\f465";
}

.bi-layout-wtf::before {
  content: "\f466";
}

.bi-life-preserver::before {
  content: "\f467";
}

.bi-lightbulb-fill::before {
  content: "\f468";
}

.bi-lightbulb-off-fill::before {
  content: "\f469";
}

.bi-lightbulb-off::before {
  content: "\f46a";
}

.bi-lightbulb::before {
  content: "\f46b";
}

.bi-lightning-charge-fill::before {
  content: "\f46c";
}

.bi-lightning-charge::before {
  content: "\f46d";
}

.bi-lightning-fill::before {
  content: "\f46e";
}

.bi-lightning::before {
  content: "\f46f";
}

.bi-link-45deg::before {
  content: "\f470";
}

.bi-link::before {
  content: "\f471";
}

.bi-linkedin::before {
  content: "\f472";
}

.bi-list-check::before {
  content: "\f473";
}

.bi-list-nested::before {
  content: "\f474";
}

.bi-list-ol::before {
  content: "\f475";
}

.bi-list-stars::before {
  content: "\f476";
}

.bi-list-task::before {
  content: "\f477";
}

.bi-list-ul::before {
  content: "\f478";
}

.bi-list::before {
  content: "\f479";
}

.bi-lock-fill::before {
  content: "\f47a";
}

.bi-lock::before {
  content: "\f47b";
}

.bi-mailbox::before {
  content: "\f47c";
}

.bi-mailbox2::before {
  content: "\f47d";
}

.bi-map-fill::before {
  content: "\f47e";
}

.bi-map::before {
  content: "\f47f";
}

.bi-markdown-fill::before {
  content: "\f480";
}

.bi-markdown::before {
  content: "\f481";
}

.bi-mask::before {
  content: "\f482";
}

.bi-megaphone-fill::before {
  content: "\f483";
}

.bi-megaphone::before {
  content: "\f484";
}

.bi-menu-app-fill::before {
  content: "\f485";
}

.bi-menu-app::before {
  content: "\f486";
}

.bi-menu-button-fill::before {
  content: "\f487";
}

.bi-menu-button-wide-fill::before {
  content: "\f488";
}

.bi-menu-button-wide::before {
  content: "\f489";
}

.bi-menu-button::before {
  content: "\f48a";
}

.bi-menu-down::before {
  content: "\f48b";
}

.bi-menu-up::before {
  content: "\f48c";
}

.bi-mic-fill::before {
  content: "\f48d";
}

.bi-mic-mute-fill::before {
  content: "\f48e";
}

.bi-mic-mute::before {
  content: "\f48f";
}

.bi-mic::before {
  content: "\f490";
}

.bi-minecart-loaded::before {
  content: "\f491";
}

.bi-minecart::before {
  content: "\f492";
}

.bi-moisture::before {
  content: "\f493";
}

.bi-moon-fill::before {
  content: "\f494";
}

.bi-moon-stars-fill::before {
  content: "\f495";
}

.bi-moon-stars::before {
  content: "\f496";
}

.bi-moon::before {
  content: "\f497";
}

.bi-mouse-fill::before {
  content: "\f498";
}

.bi-mouse::before {
  content: "\f499";
}

.bi-mouse2-fill::before {
  content: "\f49a";
}

.bi-mouse2::before {
  content: "\f49b";
}

.bi-mouse3-fill::before {
  content: "\f49c";
}

.bi-mouse3::before {
  content: "\f49d";
}

.bi-music-note-beamed::before {
  content: "\f49e";
}

.bi-music-note-list::before {
  content: "\f49f";
}

.bi-music-note::before {
  content: "\f4a0";
}

.bi-music-player-fill::before {
  content: "\f4a1";
}

.bi-music-player::before {
  content: "\f4a2";
}

.bi-newspaper::before {
  content: "\f4a3";
}

.bi-node-minus-fill::before {
  content: "\f4a4";
}

.bi-node-minus::before {
  content: "\f4a5";
}

.bi-node-plus-fill::before {
  content: "\f4a6";
}

.bi-node-plus::before {
  content: "\f4a7";
}

.bi-nut-fill::before {
  content: "\f4a8";
}

.bi-nut::before {
  content: "\f4a9";
}

.bi-octagon-fill::before {
  content: "\f4aa";
}

.bi-octagon-half::before {
  content: "\f4ab";
}

.bi-octagon::before {
  content: "\f4ac";
}

.bi-option::before {
  content: "\f4ad";
}

.bi-outlet::before {
  content: "\f4ae";
}

.bi-paint-bucket::before {
  content: "\f4af";
}

.bi-palette-fill::before {
  content: "\f4b0";
}

.bi-palette::before {
  content: "\f4b1";
}

.bi-palette2::before {
  content: "\f4b2";
}

.bi-paperclip::before {
  content: "\f4b3";
}

.bi-paragraph::before {
  content: "\f4b4";
}

.bi-patch-check-fill::before {
  content: "\f4b5";
}

.bi-patch-check::before {
  content: "\f4b6";
}

.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}

.bi-patch-exclamation::before {
  content: "\f4b8";
}

.bi-patch-minus-fill::before {
  content: "\f4b9";
}

.bi-patch-minus::before {
  content: "\f4ba";
}

.bi-patch-plus-fill::before {
  content: "\f4bb";
}

.bi-patch-plus::before {
  content: "\f4bc";
}

.bi-patch-question-fill::before {
  content: "\f4bd";
}

.bi-patch-question::before {
  content: "\f4be";
}

.bi-pause-btn-fill::before {
  content: "\f4bf";
}

.bi-pause-btn::before {
  content: "\f4c0";
}

.bi-pause-circle-fill::before {
  content: "\f4c1";
}

.bi-pause-circle::before {
  content: "\f4c2";
}

.bi-pause-fill::before {
  content: "\f4c3";
}

.bi-pause::before {
  content: "\f4c4";
}

.bi-peace-fill::before {
  content: "\f4c5";
}

.bi-peace::before {
  content: "\f4c6";
}

.bi-pen-fill::before {
  content: "\f4c7";
}

.bi-pen::before {
  content: "\f4c8";
}

.bi-pencil-fill::before {
  content: "\f4c9";
}

.bi-pencil-square::before {
  content: "\f4ca";
}

.bi-pencil::before {
  content: "\f4cb";
}

.bi-pentagon-fill::before {
  content: "\f4cc";
}

.bi-pentagon-half::before {
  content: "\f4cd";
}

.bi-pentagon::before {
  content: "\f4ce";
}

.bi-people-fill::before {
  content: "\f4cf";
}

.bi-people::before {
  content: "\f4d0";
}

.bi-percent::before {
  content: "\f4d1";
}

.bi-person-badge-fill::before {
  content: "\f4d2";
}

.bi-person-badge::before {
  content: "\f4d3";
}

.bi-person-bounding-box::before {
  content: "\f4d4";
}

.bi-person-check-fill::before {
  content: "\f4d5";
}

.bi-person-check::before {
  content: "\f4d6";
}

.bi-person-circle::before {
  content: "\f4d7";
}

.bi-person-dash-fill::before {
  content: "\f4d8";
}

.bi-person-dash::before {
  content: "\f4d9";
}

.bi-person-fill::before {
  content: "\f4da";
}

.bi-person-lines-fill::before {
  content: "\f4db";
}

.bi-person-plus-fill::before {
  content: "\f4dc";
}

.bi-person-plus::before {
  content: "\f4dd";
}

.bi-person-square::before {
  content: "\f4de";
}

.bi-person-x-fill::before {
  content: "\f4df";
}

.bi-person-x::before {
  content: "\f4e0";
}

.bi-person::before {
  content: "\f4e1";
}

.bi-phone-fill::before {
  content: "\f4e2";
}

.bi-phone-landscape-fill::before {
  content: "\f4e3";
}

.bi-phone-landscape::before {
  content: "\f4e4";
}

.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}

.bi-phone-vibrate::before {
  content: "\f4e6";
}

.bi-phone::before {
  content: "\f4e7";
}

.bi-pie-chart-fill::before {
  content: "\f4e8";
}

.bi-pie-chart::before {
  content: "\f4e9";
}

.bi-pin-angle-fill::before {
  content: "\f4ea";
}

.bi-pin-angle::before {
  content: "\f4eb";
}

.bi-pin-fill::before {
  content: "\f4ec";
}

.bi-pin::before {
  content: "\f4ed";
}

.bi-pip-fill::before {
  content: "\f4ee";
}

.bi-pip::before {
  content: "\f4ef";
}

.bi-play-btn-fill::before {
  content: "\f4f0";
}

.bi-play-btn::before {
  content: "\f4f1";
}

.bi-play-circle-fill::before {
  content: "\f4f2";
}

.bi-play-circle::before {
  content: "\f4f3";
}

.bi-play-fill::before {
  content: "\f4f4";
}

.bi-play::before {
  content: "\f4f5";
}

.bi-plug-fill::before {
  content: "\f4f6";
}

.bi-plug::before {
  content: "\f4f7";
}

.bi-plus-circle-dotted::before {
  content: "\f4f8";
}

.bi-plus-circle-fill::before {
  content: "\f4f9";
}

.bi-plus-circle::before {
  content: "\f4fa";
}

.bi-plus-square-dotted::before {
  content: "\f4fb";
}

.bi-plus-square-fill::before {
  content: "\f4fc";
}

.bi-plus-square::before {
  content: "\f4fd";
}

.bi-plus::before {
  content: "\f4fe";
}

.bi-power::before {
  content: "\f4ff";
}

.bi-printer-fill::before {
  content: "\f500";
}

.bi-printer::before {
  content: "\f501";
}

.bi-puzzle-fill::before {
  content: "\f502";
}

.bi-puzzle::before {
  content: "\f503";
}

.bi-question-circle-fill::before {
  content: "\f504";
}

.bi-question-circle::before {
  content: "\f505";
}

.bi-question-diamond-fill::before {
  content: "\f506";
}

.bi-question-diamond::before {
  content: "\f507";
}

.bi-question-octagon-fill::before {
  content: "\f508";
}

.bi-question-octagon::before {
  content: "\f509";
}

.bi-question-square-fill::before {
  content: "\f50a";
}

.bi-question-square::before {
  content: "\f50b";
}

.bi-question::before {
  content: "\f50c";
}

.bi-rainbow::before {
  content: "\f50d";
}

.bi-receipt-cutoff::before {
  content: "\f50e";
}

.bi-receipt::before {
  content: "\f50f";
}

.bi-reception-0::before {
  content: "\f510";
}

.bi-reception-1::before {
  content: "\f511";
}

.bi-reception-2::before {
  content: "\f512";
}

.bi-reception-3::before {
  content: "\f513";
}

.bi-reception-4::before {
  content: "\f514";
}

.bi-record-btn-fill::before {
  content: "\f515";
}

.bi-record-btn::before {
  content: "\f516";
}

.bi-record-circle-fill::before {
  content: "\f517";
}

.bi-record-circle::before {
  content: "\f518";
}

.bi-record-fill::before {
  content: "\f519";
}

.bi-record::before {
  content: "\f51a";
}

.bi-record2-fill::before {
  content: "\f51b";
}

.bi-record2::before {
  content: "\f51c";
}

.bi-reply-all-fill::before {
  content: "\f51d";
}

.bi-reply-all::before {
  content: "\f51e";
}

.bi-reply-fill::before {
  content: "\f51f";
}

.bi-reply::before {
  content: "\f520";
}

.bi-rss-fill::before {
  content: "\f521";
}

.bi-rss::before {
  content: "\f522";
}

.bi-rulers::before {
  content: "\f523";
}

.bi-save-fill::before {
  content: "\f524";
}

.bi-save::before {
  content: "\f525";
}

.bi-save2-fill::before {
  content: "\f526";
}

.bi-save2::before {
  content: "\f527";
}

.bi-scissors::before {
  content: "\f528";
}

.bi-screwdriver::before {
  content: "\f529";
}

.bi-search::before {
  content: "\f52a";
}

.bi-segmented-nav::before {
  content: "\f52b";
}

.bi-server::before {
  content: "\f52c";
}

.bi-share-fill::before {
  content: "\f52d";
}

.bi-share::before {
  content: "\f52e";
}

.bi-shield-check::before {
  content: "\f52f";
}

.bi-shield-exclamation::before {
  content: "\f530";
}

.bi-shield-fill-check::before {
  content: "\f531";
}

.bi-shield-fill-exclamation::before {
  content: "\f532";
}

.bi-shield-fill-minus::before {
  content: "\f533";
}

.bi-shield-fill-plus::before {
  content: "\f534";
}

.bi-shield-fill-x::before {
  content: "\f535";
}

.bi-shield-fill::before {
  content: "\f536";
}

.bi-shield-lock-fill::before {
  content: "\f537";
}

.bi-shield-lock::before {
  content: "\f538";
}

.bi-shield-minus::before {
  content: "\f539";
}

.bi-shield-plus::before {
  content: "\f53a";
}

.bi-shield-shaded::before {
  content: "\f53b";
}

.bi-shield-slash-fill::before {
  content: "\f53c";
}

.bi-shield-slash::before {
  content: "\f53d";
}

.bi-shield-x::before {
  content: "\f53e";
}

.bi-shield::before {
  content: "\f53f";
}

.bi-shift-fill::before {
  content: "\f540";
}

.bi-shift::before {
  content: "\f541";
}

.bi-shop-window::before {
  content: "\f542";
}

.bi-shop::before {
  content: "\f543";
}

.bi-shuffle::before {
  content: "\f544";
}

.bi-signpost-2-fill::before {
  content: "\f545";
}

.bi-signpost-2::before {
  content: "\f546";
}

.bi-signpost-fill::before {
  content: "\f547";
}

.bi-signpost-split-fill::before {
  content: "\f548";
}

.bi-signpost-split::before {
  content: "\f549";
}

.bi-signpost::before {
  content: "\f54a";
}

.bi-sim-fill::before {
  content: "\f54b";
}

.bi-sim::before {
  content: "\f54c";
}

.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}

.bi-skip-backward-btn::before {
  content: "\f54e";
}

.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}

.bi-skip-backward-circle::before {
  content: "\f550";
}

.bi-skip-backward-fill::before {
  content: "\f551";
}

.bi-skip-backward::before {
  content: "\f552";
}

.bi-skip-end-btn-fill::before {
  content: "\f553";
}

.bi-skip-end-btn::before {
  content: "\f554";
}

.bi-skip-end-circle-fill::before {
  content: "\f555";
}

.bi-skip-end-circle::before {
  content: "\f556";
}

.bi-skip-end-fill::before {
  content: "\f557";
}

.bi-skip-end::before {
  content: "\f558";
}

.bi-skip-forward-btn-fill::before {
  content: "\f559";
}

.bi-skip-forward-btn::before {
  content: "\f55a";
}

.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}

.bi-skip-forward-circle::before {
  content: "\f55c";
}

.bi-skip-forward-fill::before {
  content: "\f55d";
}

.bi-skip-forward::before {
  content: "\f55e";
}

.bi-skip-start-btn-fill::before {
  content: "\f55f";
}

.bi-skip-start-btn::before {
  content: "\f560";
}

.bi-skip-start-circle-fill::before {
  content: "\f561";
}

.bi-skip-start-circle::before {
  content: "\f562";
}

.bi-skip-start-fill::before {
  content: "\f563";
}

.bi-skip-start::before {
  content: "\f564";
}

.bi-slack::before {
  content: "\f565";
}

.bi-slash-circle-fill::before {
  content: "\f566";
}

.bi-slash-circle::before {
  content: "\f567";
}

.bi-slash-square-fill::before {
  content: "\f568";
}

.bi-slash-square::before {
  content: "\f569";
}

.bi-slash::before {
  content: "\f56a";
}

.bi-sliders::before {
  content: "\f56b";
}

.bi-smartwatch::before {
  content: "\f56c";
}

.bi-snow::before {
  content: "\f56d";
}

.bi-snow2::before {
  content: "\f56e";
}

.bi-snow3::before {
  content: "\f56f";
}

.bi-sort-alpha-down-alt::before {
  content: "\f570";
}

.bi-sort-alpha-down::before {
  content: "\f571";
}

.bi-sort-alpha-up-alt::before {
  content: "\f572";
}

.bi-sort-alpha-up::before {
  content: "\f573";
}

.bi-sort-down-alt::before {
  content: "\f574";
}

.bi-sort-down::before {
  content: "\f575";
}

.bi-sort-numeric-down-alt::before {
  content: "\f576";
}

.bi-sort-numeric-down::before {
  content: "\f577";
}

.bi-sort-numeric-up-alt::before {
  content: "\f578";
}

.bi-sort-numeric-up::before {
  content: "\f579";
}

.bi-sort-up-alt::before {
  content: "\f57a";
}

.bi-sort-up::before {
  content: "\f57b";
}

.bi-soundwave::before {
  content: "\f57c";
}

.bi-speaker-fill::before {
  content: "\f57d";
}

.bi-speaker::before {
  content: "\f57e";
}

.bi-speedometer::before {
  content: "\f57f";
}

.bi-speedometer2::before {
  content: "\f580";
}

.bi-spellcheck::before {
  content: "\f581";
}

.bi-square-fill::before {
  content: "\f582";
}

.bi-square-half::before {
  content: "\f583";
}

.bi-square::before {
  content: "\f584";
}

.bi-stack::before {
  content: "\f585";
}

.bi-star-fill::before {
  content: "\f586";
}

.bi-star-half::before {
  content: "\f587";
}

.bi-star::before {
  content: "\f588";
}

.bi-stars::before {
  content: "\f589";
}

.bi-stickies-fill::before {
  content: "\f58a";
}

.bi-stickies::before {
  content: "\f58b";
}

.bi-sticky-fill::before {
  content: "\f58c";
}

.bi-sticky::before {
  content: "\f58d";
}

.bi-stop-btn-fill::before {
  content: "\f58e";
}

.bi-stop-btn::before {
  content: "\f58f";
}

.bi-stop-circle-fill::before {
  content: "\f590";
}

.bi-stop-circle::before {
  content: "\f591";
}

.bi-stop-fill::before {
  content: "\f592";
}

.bi-stop::before {
  content: "\f593";
}

.bi-stoplights-fill::before {
  content: "\f594";
}

.bi-stoplights::before {
  content: "\f595";
}

.bi-stopwatch-fill::before {
  content: "\f596";
}

.bi-stopwatch::before {
  content: "\f597";
}

.bi-subtract::before {
  content: "\f598";
}

.bi-suit-club-fill::before {
  content: "\f599";
}

.bi-suit-club::before {
  content: "\f59a";
}

.bi-suit-diamond-fill::before {
  content: "\f59b";
}

.bi-suit-diamond::before {
  content: "\f59c";
}

.bi-suit-heart-fill::before {
  content: "\f59d";
}

.bi-suit-heart::before {
  content: "\f59e";
}

.bi-suit-spade-fill::before {
  content: "\f59f";
}

.bi-suit-spade::before {
  content: "\f5a0";
}

.bi-sun-fill::before {
  content: "\f5a1";
}

.bi-sun::before {
  content: "\f5a2";
}

.bi-sunglasses::before {
  content: "\f5a3";
}

.bi-sunrise-fill::before {
  content: "\f5a4";
}

.bi-sunrise::before {
  content: "\f5a5";
}

.bi-sunset-fill::before {
  content: "\f5a6";
}

.bi-sunset::before {
  content: "\f5a7";
}

.bi-symmetry-horizontal::before {
  content: "\f5a8";
}

.bi-symmetry-vertical::before {
  content: "\f5a9";
}

.bi-table::before {
  content: "\f5aa";
}

.bi-tablet-fill::before {
  content: "\f5ab";
}

.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}

.bi-tablet-landscape::before {
  content: "\f5ad";
}

.bi-tablet::before {
  content: "\f5ae";
}

.bi-tag-fill::before {
  content: "\f5af";
}

.bi-tag::before {
  content: "\f5b0";
}

.bi-tags-fill::before {
  content: "\f5b1";
}

.bi-tags::before {
  content: "\f5b2";
}

.bi-telegram::before {
  content: "\f5b3";
}

.bi-telephone-fill::before {
  content: "\f5b4";
}

.bi-telephone-forward-fill::before {
  content: "\f5b5";
}

.bi-telephone-forward::before {
  content: "\f5b6";
}

.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}

.bi-telephone-inbound::before {
  content: "\f5b8";
}

.bi-telephone-minus-fill::before {
  content: "\f5b9";
}

.bi-telephone-minus::before {
  content: "\f5ba";
}

.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}

.bi-telephone-outbound::before {
  content: "\f5bc";
}

.bi-telephone-plus-fill::before {
  content: "\f5bd";
}

.bi-telephone-plus::before {
  content: "\f5be";
}

.bi-telephone-x-fill::before {
  content: "\f5bf";
}

.bi-telephone-x::before {
  content: "\f5c0";
}

.bi-telephone::before {
  content: "\f5c1";
}

.bi-terminal-fill::before {
  content: "\f5c2";
}

.bi-terminal::before {
  content: "\f5c3";
}

.bi-text-center::before {
  content: "\f5c4";
}

.bi-text-indent-left::before {
  content: "\f5c5";
}

.bi-text-indent-right::before {
  content: "\f5c6";
}

.bi-text-left::before {
  content: "\f5c7";
}

.bi-text-paragraph::before {
  content: "\f5c8";
}

.bi-text-right::before {
  content: "\f5c9";
}

.bi-textarea-resize::before {
  content: "\f5ca";
}

.bi-textarea-t::before {
  content: "\f5cb";
}

.bi-textarea::before {
  content: "\f5cc";
}

.bi-thermometer-half::before {
  content: "\f5cd";
}

.bi-thermometer-high::before {
  content: "\f5ce";
}

.bi-thermometer-low::before {
  content: "\f5cf";
}

.bi-thermometer-snow::before {
  content: "\f5d0";
}

.bi-thermometer-sun::before {
  content: "\f5d1";
}

.bi-thermometer::before {
  content: "\f5d2";
}

.bi-three-dots-vertical::before {
  content: "\f5d3";
}

.bi-three-dots::before {
  content: "\f5d4";
}

.bi-toggle-off::before {
  content: "\f5d5";
}

.bi-toggle-on::before {
  content: "\f5d6";
}

.bi-toggle2-off::before {
  content: "\f5d7";
}

.bi-toggle2-on::before {
  content: "\f5d8";
}

.bi-toggles::before {
  content: "\f5d9";
}

.bi-toggles2::before {
  content: "\f5da";
}

.bi-tools::before {
  content: "\f5db";
}

.bi-tornado::before {
  content: "\f5dc";
}

.bi-trash-fill::before {
  content: "\f5dd";
}

.bi-trash::before {
  content: "\f5de";
}

.bi-trash2-fill::before {
  content: "\f5df";
}

.bi-trash2::before {
  content: "\f5e0";
}

.bi-tree-fill::before {
  content: "\f5e1";
}

.bi-tree::before {
  content: "\f5e2";
}

.bi-triangle-fill::before {
  content: "\f5e3";
}

.bi-triangle-half::before {
  content: "\f5e4";
}

.bi-triangle::before {
  content: "\f5e5";
}

.bi-trophy-fill::before {
  content: "\f5e6";
}

.bi-trophy::before {
  content: "\f5e7";
}

.bi-tropical-storm::before {
  content: "\f5e8";
}

.bi-truck-flatbed::before {
  content: "\f5e9";
}

.bi-truck::before {
  content: "\f5ea";
}

.bi-tsunami::before {
  content: "\f5eb";
}

.bi-tv-fill::before {
  content: "\f5ec";
}

.bi-tv::before {
  content: "\f5ed";
}

.bi-twitch::before {
  content: "\f5ee";
}

.bi-twitter::before {
  content: "\f5ef";
}

.bi-type-bold::before {
  content: "\f5f0";
}

.bi-type-h1::before {
  content: "\f5f1";
}

.bi-type-h2::before {
  content: "\f5f2";
}

.bi-type-h3::before {
  content: "\f5f3";
}

.bi-type-italic::before {
  content: "\f5f4";
}

.bi-type-strikethrough::before {
  content: "\f5f5";
}

.bi-type-underline::before {
  content: "\f5f6";
}

.bi-type::before {
  content: "\f5f7";
}

.bi-ui-checks-grid::before {
  content: "\f5f8";
}

.bi-ui-checks::before {
  content: "\f5f9";
}

.bi-ui-radios-grid::before {
  content: "\f5fa";
}

.bi-ui-radios::before {
  content: "\f5fb";
}

.bi-umbrella-fill::before {
  content: "\f5fc";
}

.bi-umbrella::before {
  content: "\f5fd";
}

.bi-union::before {
  content: "\f5fe";
}

.bi-unlock-fill::before {
  content: "\f5ff";
}

.bi-unlock::before {
  content: "\f600";
}

.bi-upc-scan::before {
  content: "\f601";
}

.bi-upc::before {
  content: "\f602";
}

.bi-upload::before {
  content: "\f603";
}

.bi-vector-pen::before {
  content: "\f604";
}

.bi-view-list::before {
  content: "\f605";
}

.bi-view-stacked::before {
  content: "\f606";
}

.bi-vinyl-fill::before {
  content: "\f607";
}

.bi-vinyl::before {
  content: "\f608";
}

.bi-voicemail::before {
  content: "\f609";
}

.bi-volume-down-fill::before {
  content: "\f60a";
}

.bi-volume-down::before {
  content: "\f60b";
}

.bi-volume-mute-fill::before {
  content: "\f60c";
}

.bi-volume-mute::before {
  content: "\f60d";
}

.bi-volume-off-fill::before {
  content: "\f60e";
}

.bi-volume-off::before {
  content: "\f60f";
}

.bi-volume-up-fill::before {
  content: "\f610";
}

.bi-volume-up::before {
  content: "\f611";
}

.bi-vr::before {
  content: "\f612";
}

.bi-wallet-fill::before {
  content: "\f613";
}

.bi-wallet::before {
  content: "\f614";
}

.bi-wallet2::before {
  content: "\f615";
}

.bi-watch::before {
  content: "\f616";
}

.bi-water::before {
  content: "\f617";
}

.bi-whatsapp::before {
  content: "\f618";
}

.bi-wifi-1::before {
  content: "\f619";
}

.bi-wifi-2::before {
  content: "\f61a";
}

.bi-wifi-off::before {
  content: "\f61b";
}

.bi-wifi::before {
  content: "\f61c";
}

.bi-wind::before {
  content: "\f61d";
}

.bi-window-dock::before {
  content: "\f61e";
}

.bi-window-sidebar::before {
  content: "\f61f";
}

.bi-window::before {
  content: "\f620";
}

.bi-wrench::before {
  content: "\f621";
}

.bi-x-circle-fill::before {
  content: "\f622";
}

.bi-x-circle::before {
  content: "\f623";
}

.bi-x-diamond-fill::before {
  content: "\f624";
}

.bi-x-diamond::before {
  content: "\f625";
}

.bi-x-octagon-fill::before {
  content: "\f626";
}

.bi-x-octagon::before {
  content: "\f627";
}

.bi-x-square-fill::before {
  content: "\f628";
}

.bi-x-square::before {
  content: "\f629";
}

.bi-x::before {
  content: "\f62a";
}

.bi-youtube::before {
  content: "\f62b";
}

.bi-zoom-in::before {
  content: "\f62c";
}

.bi-zoom-out::before {
  content: "\f62d";
}

.bi-bank::before {
  content: "\f62e";
}

.bi-bank2::before {
  content: "\f62f";
}

.bi-bell-slash-fill::before {
  content: "\f630";
}

.bi-bell-slash::before {
  content: "\f631";
}

.bi-cash-coin::before {
  content: "\f632";
}

.bi-check-lg::before {
  content: "\f633";
}

.bi-coin::before {
  content: "\f634";
}

.bi-currency-bitcoin::before {
  content: "\f635";
}

.bi-currency-dollar::before {
  content: "\f636";
}

.bi-currency-euro::before {
  content: "\f637";
}

.bi-currency-exchange::before {
  content: "\f638";
}

.bi-currency-pound::before {
  content: "\f639";
}

.bi-currency-yen::before {
  content: "\f63a";
}

.bi-dash-lg::before {
  content: "\f63b";
}

.bi-exclamation-lg::before {
  content: "\f63c";
}

.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}

.bi-file-earmark-pdf::before {
  content: "\f63e";
}

.bi-file-pdf-fill::before {
  content: "\f63f";
}

.bi-file-pdf::before {
  content: "\f640";
}

.bi-gender-ambiguous::before {
  content: "\f641";
}

.bi-gender-female::before {
  content: "\f642";
}

.bi-gender-male::before {
  content: "\f643";
}

.bi-gender-trans::before {
  content: "\f644";
}

.bi-headset-vr::before {
  content: "\f645";
}

.bi-info-lg::before {
  content: "\f646";
}

.bi-mastodon::before {
  content: "\f647";
}

.bi-messenger::before {
  content: "\f648";
}

.bi-piggy-bank-fill::before {
  content: "\f649";
}

.bi-piggy-bank::before {
  content: "\f64a";
}

.bi-pin-map-fill::before {
  content: "\f64b";
}

.bi-pin-map::before {
  content: "\f64c";
}

.bi-plus-lg::before {
  content: "\f64d";
}

.bi-question-lg::before {
  content: "\f64e";
}

.bi-recycle::before {
  content: "\f64f";
}

.bi-reddit::before {
  content: "\f650";
}

.bi-safe-fill::before {
  content: "\f651";
}

.bi-safe2-fill::before {
  content: "\f652";
}

.bi-safe2::before {
  content: "\f653";
}

.bi-sd-card-fill::before {
  content: "\f654";
}

.bi-sd-card::before {
  content: "\f655";
}

.bi-skype::before {
  content: "\f656";
}

.bi-slash-lg::before {
  content: "\f657";
}

.bi-translate::before {
  content: "\f658";
}

.bi-x-lg::before {
  content: "\f659";
}

.bi-safe::before {
  content: "\f65a";
}

.bi-apple::before {
  content: "\f65b";
}

.bi-microsoft::before {
  content: "\f65d";
}

.bi-windows::before {
  content: "\f65e";
}

.bi-behance::before {
  content: "\f65c";
}

.bi-dribbble::before {
  content: "\f65f";
}

.bi-line::before {
  content: "\f660";
}

.bi-medium::before {
  content: "\f661";
}

.bi-paypal::before {
  content: "\f662";
}

.bi-pinterest::before {
  content: "\f663";
}

.bi-signal::before {
  content: "\f664";
}

.bi-snapchat::before {
  content: "\f665";
}

.bi-spotify::before {
  content: "\f666";
}

.bi-stack-overflow::before {
  content: "\f667";
}

.bi-strava::before {
  content: "\f668";
}

.bi-wordpress::before {
  content: "\f669";
}

.bi-vimeo::before {
  content: "\f66a";
}

.bi-activity::before {
  content: "\f66b";
}

.bi-easel2-fill::before {
  content: "\f66c";
}

.bi-easel2::before {
  content: "\f66d";
}

.bi-easel3-fill::before {
  content: "\f66e";
}

.bi-easel3::before {
  content: "\f66f";
}

.bi-fan::before {
  content: "\f670";
}

.bi-fingerprint::before {
  content: "\f671";
}

.bi-graph-down-arrow::before {
  content: "\f672";
}

.bi-graph-up-arrow::before {
  content: "\f673";
}

.bi-hypnotize::before {
  content: "\f674";
}

.bi-magic::before {
  content: "\f675";
}

.bi-person-rolodex::before {
  content: "\f676";
}

.bi-person-video::before {
  content: "\f677";
}

.bi-person-video2::before {
  content: "\f678";
}

.bi-person-video3::before {
  content: "\f679";
}

.bi-person-workspace::before {
  content: "\f67a";
}

.bi-radioactive::before {
  content: "\f67b";
}

.bi-webcam-fill::before {
  content: "\f67c";
}

.bi-webcam::before {
  content: "\f67d";
}

.bi-yin-yang::before {
  content: "\f67e";
}

.bi-bandaid-fill::before {
  content: "\f680";
}

.bi-bandaid::before {
  content: "\f681";
}

.bi-bluetooth::before {
  content: "\f682";
}

.bi-body-text::before {
  content: "\f683";
}

.bi-boombox::before {
  content: "\f684";
}

.bi-boxes::before {
  content: "\f685";
}

.bi-dpad-fill::before {
  content: "\f686";
}

.bi-dpad::before {
  content: "\f687";
}

.bi-ear-fill::before {
  content: "\f688";
}

.bi-ear::before {
  content: "\f689";
}

.bi-envelope-check-fill::before {
  content: "\f68b";
}

.bi-envelope-check::before {
  content: "\f68c";
}

.bi-envelope-dash-fill::before {
  content: "\f68e";
}

.bi-envelope-dash::before {
  content: "\f68f";
}

.bi-envelope-exclamation-fill::before {
  content: "\f691";
}

.bi-envelope-exclamation::before {
  content: "\f692";
}

.bi-envelope-plus-fill::before {
  content: "\f693";
}

.bi-envelope-plus::before {
  content: "\f694";
}

.bi-envelope-slash-fill::before {
  content: "\f696";
}

.bi-envelope-slash::before {
  content: "\f697";
}

.bi-envelope-x-fill::before {
  content: "\f699";
}

.bi-envelope-x::before {
  content: "\f69a";
}

.bi-explicit-fill::before {
  content: "\f69b";
}

.bi-explicit::before {
  content: "\f69c";
}

.bi-git::before {
  content: "\f69d";
}

.bi-infinity::before {
  content: "\f69e";
}

.bi-list-columns-reverse::before {
  content: "\f69f";
}

.bi-list-columns::before {
  content: "\f6a0";
}

.bi-meta::before {
  content: "\f6a1";
}

.bi-nintendo-switch::before {
  content: "\f6a4";
}

.bi-pc-display-horizontal::before {
  content: "\f6a5";
}

.bi-pc-display::before {
  content: "\f6a6";
}

.bi-pc-horizontal::before {
  content: "\f6a7";
}

.bi-pc::before {
  content: "\f6a8";
}

.bi-playstation::before {
  content: "\f6a9";
}

.bi-plus-slash-minus::before {
  content: "\f6aa";
}

.bi-projector-fill::before {
  content: "\f6ab";
}

.bi-projector::before {
  content: "\f6ac";
}

.bi-qr-code-scan::before {
  content: "\f6ad";
}

.bi-qr-code::before {
  content: "\f6ae";
}

.bi-quora::before {
  content: "\f6af";
}

.bi-quote::before {
  content: "\f6b0";
}

.bi-robot::before {
  content: "\f6b1";
}

.bi-send-check-fill::before {
  content: "\f6b2";
}

.bi-send-check::before {
  content: "\f6b3";
}

.bi-send-dash-fill::before {
  content: "\f6b4";
}

.bi-send-dash::before {
  content: "\f6b5";
}

.bi-send-exclamation-fill::before {
  content: "\f6b7";
}

.bi-send-exclamation::before {
  content: "\f6b8";
}

.bi-send-fill::before {
  content: "\f6b9";
}

.bi-send-plus-fill::before {
  content: "\f6ba";
}

.bi-send-plus::before {
  content: "\f6bb";
}

.bi-send-slash-fill::before {
  content: "\f6bc";
}

.bi-send-slash::before {
  content: "\f6bd";
}

.bi-send-x-fill::before {
  content: "\f6be";
}

.bi-send-x::before {
  content: "\f6bf";
}

.bi-send::before {
  content: "\f6c0";
}

.bi-steam::before {
  content: "\f6c1";
}

.bi-terminal-dash::before {
  content: "\f6c3";
}

.bi-terminal-plus::before {
  content: "\f6c4";
}

.bi-terminal-split::before {
  content: "\f6c5";
}

.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}

.bi-ticket-detailed::before {
  content: "\f6c7";
}

.bi-ticket-fill::before {
  content: "\f6c8";
}

.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}

.bi-ticket-perforated::before {
  content: "\f6ca";
}

.bi-ticket::before {
  content: "\f6cb";
}

.bi-tiktok::before {
  content: "\f6cc";
}

.bi-window-dash::before {
  content: "\f6cd";
}

.bi-window-desktop::before {
  content: "\f6ce";
}

.bi-window-fullscreen::before {
  content: "\f6cf";
}

.bi-window-plus::before {
  content: "\f6d0";
}

.bi-window-split::before {
  content: "\f6d1";
}

.bi-window-stack::before {
  content: "\f6d2";
}

.bi-window-x::before {
  content: "\f6d3";
}

.bi-xbox::before {
  content: "\f6d4";
}

.bi-ethernet::before {
  content: "\f6d5";
}

.bi-hdmi-fill::before {
  content: "\f6d6";
}

.bi-hdmi::before {
  content: "\f6d7";
}

.bi-usb-c-fill::before {
  content: "\f6d8";
}

.bi-usb-c::before {
  content: "\f6d9";
}

.bi-usb-fill::before {
  content: "\f6da";
}

.bi-usb-plug-fill::before {
  content: "\f6db";
}

.bi-usb-plug::before {
  content: "\f6dc";
}

.bi-usb-symbol::before {
  content: "\f6dd";
}

.bi-usb::before {
  content: "\f6de";
}

.bi-boombox-fill::before {
  content: "\f6df";
}

.bi-displayport::before {
  content: "\f6e1";
}

.bi-gpu-card::before {
  content: "\f6e2";
}

.bi-memory::before {
  content: "\f6e3";
}

.bi-modem-fill::before {
  content: "\f6e4";
}

.bi-modem::before {
  content: "\f6e5";
}

.bi-motherboard-fill::before {
  content: "\f6e6";
}

.bi-motherboard::before {
  content: "\f6e7";
}

.bi-optical-audio-fill::before {
  content: "\f6e8";
}

.bi-optical-audio::before {
  content: "\f6e9";
}

.bi-pci-card::before {
  content: "\f6ea";
}

.bi-router-fill::before {
  content: "\f6eb";
}

.bi-router::before {
  content: "\f6ec";
}

.bi-thunderbolt-fill::before {
  content: "\f6ef";
}

.bi-thunderbolt::before {
  content: "\f6f0";
}

.bi-usb-drive-fill::before {
  content: "\f6f1";
}

.bi-usb-drive::before {
  content: "\f6f2";
}

.bi-usb-micro-fill::before {
  content: "\f6f3";
}

.bi-usb-micro::before {
  content: "\f6f4";
}

.bi-usb-mini-fill::before {
  content: "\f6f5";
}

.bi-usb-mini::before {
  content: "\f6f6";
}

.bi-cloud-haze2::before {
  content: "\f6f7";
}

.bi-device-hdd-fill::before {
  content: "\f6f8";
}

.bi-device-hdd::before {
  content: "\f6f9";
}

.bi-device-ssd-fill::before {
  content: "\f6fa";
}

.bi-device-ssd::before {
  content: "\f6fb";
}

.bi-displayport-fill::before {
  content: "\f6fc";
}

.bi-mortarboard-fill::before {
  content: "\f6fd";
}

.bi-mortarboard::before {
  content: "\f6fe";
}

.bi-terminal-x::before {
  content: "\f6ff";
}

.bi-arrow-through-heart-fill::before {
  content: "\f700";
}

.bi-arrow-through-heart::before {
  content: "\f701";
}

.bi-badge-sd-fill::before {
  content: "\f702";
}

.bi-badge-sd::before {
  content: "\f703";
}

.bi-bag-heart-fill::before {
  content: "\f704";
}

.bi-bag-heart::before {
  content: "\f705";
}

.bi-balloon-fill::before {
  content: "\f706";
}

.bi-balloon-heart-fill::before {
  content: "\f707";
}

.bi-balloon-heart::before {
  content: "\f708";
}

.bi-balloon::before {
  content: "\f709";
}

.bi-box2-fill::before {
  content: "\f70a";
}

.bi-box2-heart-fill::before {
  content: "\f70b";
}

.bi-box2-heart::before {
  content: "\f70c";
}

.bi-box2::before {
  content: "\f70d";
}

.bi-braces-asterisk::before {
  content: "\f70e";
}

.bi-calendar-heart-fill::before {
  content: "\f70f";
}

.bi-calendar-heart::before {
  content: "\f710";
}

.bi-calendar2-heart-fill::before {
  content: "\f711";
}

.bi-calendar2-heart::before {
  content: "\f712";
}

.bi-chat-heart-fill::before {
  content: "\f713";
}

.bi-chat-heart::before {
  content: "\f714";
}

.bi-chat-left-heart-fill::before {
  content: "\f715";
}

.bi-chat-left-heart::before {
  content: "\f716";
}

.bi-chat-right-heart-fill::before {
  content: "\f717";
}

.bi-chat-right-heart::before {
  content: "\f718";
}

.bi-chat-square-heart-fill::before {
  content: "\f719";
}

.bi-chat-square-heart::before {
  content: "\f71a";
}

.bi-clipboard-check-fill::before {
  content: "\f71b";
}

.bi-clipboard-data-fill::before {
  content: "\f71c";
}

.bi-clipboard-fill::before {
  content: "\f71d";
}

.bi-clipboard-heart-fill::before {
  content: "\f71e";
}

.bi-clipboard-heart::before {
  content: "\f71f";
}

.bi-clipboard-minus-fill::before {
  content: "\f720";
}

.bi-clipboard-plus-fill::before {
  content: "\f721";
}

.bi-clipboard-pulse::before {
  content: "\f722";
}

.bi-clipboard-x-fill::before {
  content: "\f723";
}

.bi-clipboard2-check-fill::before {
  content: "\f724";
}

.bi-clipboard2-check::before {
  content: "\f725";
}

.bi-clipboard2-data-fill::before {
  content: "\f726";
}

.bi-clipboard2-data::before {
  content: "\f727";
}

.bi-clipboard2-fill::before {
  content: "\f728";
}

.bi-clipboard2-heart-fill::before {
  content: "\f729";
}

.bi-clipboard2-heart::before {
  content: "\f72a";
}

.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}

.bi-clipboard2-minus::before {
  content: "\f72c";
}

.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}

.bi-clipboard2-plus::before {
  content: "\f72e";
}

.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}

.bi-clipboard2-pulse::before {
  content: "\f730";
}

.bi-clipboard2-x-fill::before {
  content: "\f731";
}

.bi-clipboard2-x::before {
  content: "\f732";
}

.bi-clipboard2::before {
  content: "\f733";
}

.bi-emoji-kiss-fill::before {
  content: "\f734";
}

.bi-emoji-kiss::before {
  content: "\f735";
}

.bi-envelope-heart-fill::before {
  content: "\f736";
}

.bi-envelope-heart::before {
  content: "\f737";
}

.bi-envelope-open-heart-fill::before {
  content: "\f738";
}

.bi-envelope-open-heart::before {
  content: "\f739";
}

.bi-envelope-paper-fill::before {
  content: "\f73a";
}

.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}

.bi-envelope-paper-heart::before {
  content: "\f73c";
}

.bi-envelope-paper::before {
  content: "\f73d";
}

.bi-filetype-aac::before {
  content: "\f73e";
}

.bi-filetype-ai::before {
  content: "\f73f";
}

.bi-filetype-bmp::before {
  content: "\f740";
}

.bi-filetype-cs::before {
  content: "\f741";
}

.bi-filetype-css::before {
  content: "\f742";
}

.bi-filetype-csv::before {
  content: "\f743";
}

.bi-filetype-doc::before {
  content: "\f744";
}

.bi-filetype-docx::before {
  content: "\f745";
}

.bi-filetype-exe::before {
  content: "\f746";
}

.bi-filetype-gif::before {
  content: "\f747";
}

.bi-filetype-heic::before {
  content: "\f748";
}

.bi-filetype-html::before {
  content: "\f749";
}

.bi-filetype-java::before {
  content: "\f74a";
}

.bi-filetype-jpg::before {
  content: "\f74b";
}

.bi-filetype-js::before {
  content: "\f74c";
}

.bi-filetype-jsx::before {
  content: "\f74d";
}

.bi-filetype-key::before {
  content: "\f74e";
}

.bi-filetype-m4p::before {
  content: "\f74f";
}

.bi-filetype-md::before {
  content: "\f750";
}

.bi-filetype-mdx::before {
  content: "\f751";
}

.bi-filetype-mov::before {
  content: "\f752";
}

.bi-filetype-mp3::before {
  content: "\f753";
}

.bi-filetype-mp4::before {
  content: "\f754";
}

.bi-filetype-otf::before {
  content: "\f755";
}

.bi-filetype-pdf::before {
  content: "\f756";
}

.bi-filetype-php::before {
  content: "\f757";
}

.bi-filetype-png::before {
  content: "\f758";
}

.bi-filetype-ppt::before {
  content: "\f75a";
}

.bi-filetype-psd::before {
  content: "\f75b";
}

.bi-filetype-py::before {
  content: "\f75c";
}

.bi-filetype-raw::before {
  content: "\f75d";
}

.bi-filetype-rb::before {
  content: "\f75e";
}

.bi-filetype-sass::before {
  content: "\f75f";
}

.bi-filetype-scss::before {
  content: "\f760";
}

.bi-filetype-sh::before {
  content: "\f761";
}

.bi-filetype-svg::before {
  content: "\f762";
}

.bi-filetype-tiff::before {
  content: "\f763";
}

.bi-filetype-tsx::before {
  content: "\f764";
}

.bi-filetype-ttf::before {
  content: "\f765";
}

.bi-filetype-txt::before {
  content: "\f766";
}

.bi-filetype-wav::before {
  content: "\f767";
}

.bi-filetype-woff::before {
  content: "\f768";
}

.bi-filetype-xls::before {
  content: "\f76a";
}

.bi-filetype-xml::before {
  content: "\f76b";
}

.bi-filetype-yml::before {
  content: "\f76c";
}

.bi-heart-arrow::before {
  content: "\f76d";
}

.bi-heart-pulse-fill::before {
  content: "\f76e";
}

.bi-heart-pulse::before {
  content: "\f76f";
}

.bi-heartbreak-fill::before {
  content: "\f770";
}

.bi-heartbreak::before {
  content: "\f771";
}

.bi-hearts::before {
  content: "\f772";
}

.bi-hospital-fill::before {
  content: "\f773";
}

.bi-hospital::before {
  content: "\f774";
}

.bi-house-heart-fill::before {
  content: "\f775";
}

.bi-house-heart::before {
  content: "\f776";
}

.bi-incognito::before {
  content: "\f777";
}

.bi-magnet-fill::before {
  content: "\f778";
}

.bi-magnet::before {
  content: "\f779";
}

.bi-person-heart::before {
  content: "\f77a";
}

.bi-person-hearts::before {
  content: "\f77b";
}

.bi-phone-flip::before {
  content: "\f77c";
}

.bi-plugin::before {
  content: "\f77d";
}

.bi-postage-fill::before {
  content: "\f77e";
}

.bi-postage-heart-fill::before {
  content: "\f77f";
}

.bi-postage-heart::before {
  content: "\f780";
}

.bi-postage::before {
  content: "\f781";
}

.bi-postcard-fill::before {
  content: "\f782";
}

.bi-postcard-heart-fill::before {
  content: "\f783";
}

.bi-postcard-heart::before {
  content: "\f784";
}

.bi-postcard::before {
  content: "\f785";
}

.bi-search-heart-fill::before {
  content: "\f786";
}

.bi-search-heart::before {
  content: "\f787";
}

.bi-sliders2-vertical::before {
  content: "\f788";
}

.bi-sliders2::before {
  content: "\f789";
}

.bi-trash3-fill::before {
  content: "\f78a";
}

.bi-trash3::before {
  content: "\f78b";
}

.bi-valentine::before {
  content: "\f78c";
}

.bi-valentine2::before {
  content: "\f78d";
}

.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}

.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}

.bi-wrench-adjustable::before {
  content: "\f790";
}

.bi-filetype-json::before {
  content: "\f791";
}

.bi-filetype-pptx::before {
  content: "\f792";
}

.bi-filetype-xlsx::before {
  content: "\f793";
}

.bi-1-circle-fill::before {
  content: "\f796";
}

.bi-1-circle::before {
  content: "\f797";
}

.bi-1-square-fill::before {
  content: "\f798";
}

.bi-1-square::before {
  content: "\f799";
}

.bi-2-circle-fill::before {
  content: "\f79c";
}

.bi-2-circle::before {
  content: "\f79d";
}

.bi-2-square-fill::before {
  content: "\f79e";
}

.bi-2-square::before {
  content: "\f79f";
}

.bi-3-circle-fill::before {
  content: "\f7a2";
}

.bi-3-circle::before {
  content: "\f7a3";
}

.bi-3-square-fill::before {
  content: "\f7a4";
}

.bi-3-square::before {
  content: "\f7a5";
}

.bi-4-circle-fill::before {
  content: "\f7a8";
}

.bi-4-circle::before {
  content: "\f7a9";
}

.bi-4-square-fill::before {
  content: "\f7aa";
}

.bi-4-square::before {
  content: "\f7ab";
}

.bi-5-circle-fill::before {
  content: "\f7ae";
}

.bi-5-circle::before {
  content: "\f7af";
}

.bi-5-square-fill::before {
  content: "\f7b0";
}

.bi-5-square::before {
  content: "\f7b1";
}

.bi-6-circle-fill::before {
  content: "\f7b4";
}

.bi-6-circle::before {
  content: "\f7b5";
}

.bi-6-square-fill::before {
  content: "\f7b6";
}

.bi-6-square::before {
  content: "\f7b7";
}

.bi-7-circle-fill::before {
  content: "\f7ba";
}

.bi-7-circle::before {
  content: "\f7bb";
}

.bi-7-square-fill::before {
  content: "\f7bc";
}

.bi-7-square::before {
  content: "\f7bd";
}

.bi-8-circle-fill::before {
  content: "\f7c0";
}

.bi-8-circle::before {
  content: "\f7c1";
}

.bi-8-square-fill::before {
  content: "\f7c2";
}

.bi-8-square::before {
  content: "\f7c3";
}

.bi-9-circle-fill::before {
  content: "\f7c6";
}

.bi-9-circle::before {
  content: "\f7c7";
}

.bi-9-square-fill::before {
  content: "\f7c8";
}

.bi-9-square::before {
  content: "\f7c9";
}

.bi-airplane-engines-fill::before {
  content: "\f7ca";
}

.bi-airplane-engines::before {
  content: "\f7cb";
}

.bi-airplane-fill::before {
  content: "\f7cc";
}

.bi-airplane::before {
  content: "\f7cd";
}

.bi-alexa::before {
  content: "\f7ce";
}

.bi-alipay::before {
  content: "\f7cf";
}

.bi-android::before {
  content: "\f7d0";
}

.bi-android2::before {
  content: "\f7d1";
}

.bi-box-fill::before {
  content: "\f7d2";
}

.bi-box-seam-fill::before {
  content: "\f7d3";
}

.bi-browser-chrome::before {
  content: "\f7d4";
}

.bi-browser-edge::before {
  content: "\f7d5";
}

.bi-browser-firefox::before {
  content: "\f7d6";
}

.bi-browser-safari::before {
  content: "\f7d7";
}

.bi-c-circle-fill::before {
  content: "\f7da";
}

.bi-c-circle::before {
  content: "\f7db";
}

.bi-c-square-fill::before {
  content: "\f7dc";
}

.bi-c-square::before {
  content: "\f7dd";
}

.bi-capsule-pill::before {
  content: "\f7de";
}

.bi-capsule::before {
  content: "\f7df";
}

.bi-car-front-fill::before {
  content: "\f7e0";
}

.bi-car-front::before {
  content: "\f7e1";
}

.bi-cassette-fill::before {
  content: "\f7e2";
}

.bi-cassette::before {
  content: "\f7e3";
}

.bi-cc-circle-fill::before {
  content: "\f7e6";
}

.bi-cc-circle::before {
  content: "\f7e7";
}

.bi-cc-square-fill::before {
  content: "\f7e8";
}

.bi-cc-square::before {
  content: "\f7e9";
}

.bi-cup-hot-fill::before {
  content: "\f7ea";
}

.bi-cup-hot::before {
  content: "\f7eb";
}

.bi-currency-rupee::before {
  content: "\f7ec";
}

.bi-dropbox::before {
  content: "\f7ed";
}

.bi-escape::before {
  content: "\f7ee";
}

.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}

.bi-fast-forward-btn::before {
  content: "\f7f0";
}

.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}

.bi-fast-forward-circle::before {
  content: "\f7f2";
}

.bi-fast-forward-fill::before {
  content: "\f7f3";
}

.bi-fast-forward::before {
  content: "\f7f4";
}

.bi-filetype-sql::before {
  content: "\f7f5";
}

.bi-fire::before {
  content: "\f7f6";
}

.bi-google-play::before {
  content: "\f7f7";
}

.bi-h-circle-fill::before {
  content: "\f7fa";
}

.bi-h-circle::before {
  content: "\f7fb";
}

.bi-h-square-fill::before {
  content: "\f7fc";
}

.bi-h-square::before {
  content: "\f7fd";
}

.bi-indent::before {
  content: "\f7fe";
}

.bi-lungs-fill::before {
  content: "\f7ff";
}

.bi-lungs::before {
  content: "\f800";
}

.bi-microsoft-teams::before {
  content: "\f801";
}

.bi-p-circle-fill::before {
  content: "\f804";
}

.bi-p-circle::before {
  content: "\f805";
}

.bi-p-square-fill::before {
  content: "\f806";
}

.bi-p-square::before {
  content: "\f807";
}

.bi-pass-fill::before {
  content: "\f808";
}

.bi-pass::before {
  content: "\f809";
}

.bi-prescription::before {
  content: "\f80a";
}

.bi-prescription2::before {
  content: "\f80b";
}

.bi-r-circle-fill::before {
  content: "\f80e";
}

.bi-r-circle::before {
  content: "\f80f";
}

.bi-r-square-fill::before {
  content: "\f810";
}

.bi-r-square::before {
  content: "\f811";
}

.bi-repeat-1::before {
  content: "\f812";
}

.bi-repeat::before {
  content: "\f813";
}

.bi-rewind-btn-fill::before {
  content: "\f814";
}

.bi-rewind-btn::before {
  content: "\f815";
}

.bi-rewind-circle-fill::before {
  content: "\f816";
}

.bi-rewind-circle::before {
  content: "\f817";
}

.bi-rewind-fill::before {
  content: "\f818";
}

.bi-rewind::before {
  content: "\f819";
}

.bi-train-freight-front-fill::before {
  content: "\f81a";
}

.bi-train-freight-front::before {
  content: "\f81b";
}

.bi-train-front-fill::before {
  content: "\f81c";
}

.bi-train-front::before {
  content: "\f81d";
}

.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}

.bi-train-lightrail-front::before {
  content: "\f81f";
}

.bi-truck-front-fill::before {
  content: "\f820";
}

.bi-truck-front::before {
  content: "\f821";
}

.bi-ubuntu::before {
  content: "\f822";
}

.bi-unindent::before {
  content: "\f823";
}

.bi-unity::before {
  content: "\f824";
}

.bi-universal-access-circle::before {
  content: "\f825";
}

.bi-universal-access::before {
  content: "\f826";
}

.bi-virus::before {
  content: "\f827";
}

.bi-virus2::before {
  content: "\f828";
}

.bi-wechat::before {
  content: "\f829";
}

.bi-yelp::before {
  content: "\f82a";
}

.bi-sign-stop-fill::before {
  content: "\f82b";
}

.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}

.bi-sign-stop-lights::before {
  content: "\f82d";
}

.bi-sign-stop::before {
  content: "\f82e";
}

.bi-sign-turn-left-fill::before {
  content: "\f82f";
}

.bi-sign-turn-left::before {
  content: "\f830";
}

.bi-sign-turn-right-fill::before {
  content: "\f831";
}

.bi-sign-turn-right::before {
  content: "\f832";
}

.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}

.bi-sign-turn-slight-left::before {
  content: "\f834";
}

.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}

.bi-sign-turn-slight-right::before {
  content: "\f836";
}

.bi-sign-yield-fill::before {
  content: "\f837";
}

.bi-sign-yield::before {
  content: "\f838";
}

.bi-ev-station-fill::before {
  content: "\f839";
}

.bi-ev-station::before {
  content: "\f83a";
}

.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}

.bi-fuel-pump-diesel::before {
  content: "\f83c";
}

.bi-fuel-pump-fill::before {
  content: "\f83d";
}

.bi-fuel-pump::before {
  content: "\f83e";
}

.bi-0-circle-fill::before {
  content: "\f83f";
}

.bi-0-circle::before {
  content: "\f840";
}

.bi-0-square-fill::before {
  content: "\f841";
}

.bi-0-square::before {
  content: "\f842";
}

.bi-rocket-fill::before {
  content: "\f843";
}

.bi-rocket-takeoff-fill::before {
  content: "\f844";
}

.bi-rocket-takeoff::before {
  content: "\f845";
}

.bi-rocket::before {
  content: "\f846";
}

.bi-stripe::before {
  content: "\f847";
}

.bi-subscript::before {
  content: "\f848";
}

.bi-superscript::before {
  content: "\f849";
}

.bi-trello::before {
  content: "\f84a";
}

.bi-envelope-at-fill::before {
  content: "\f84b";
}

.bi-envelope-at::before {
  content: "\f84c";
}

.bi-regex::before {
  content: "\f84d";
}

.bi-text-wrap::before {
  content: "\f84e";
}

.bi-sign-dead-end-fill::before {
  content: "\f84f";
}

.bi-sign-dead-end::before {
  content: "\f850";
}

.bi-sign-do-not-enter-fill::before {
  content: "\f851";
}

.bi-sign-do-not-enter::before {
  content: "\f852";
}

.bi-sign-intersection-fill::before {
  content: "\f853";
}

.bi-sign-intersection-side-fill::before {
  content: "\f854";
}

.bi-sign-intersection-side::before {
  content: "\f855";
}

.bi-sign-intersection-t-fill::before {
  content: "\f856";
}

.bi-sign-intersection-t::before {
  content: "\f857";
}

.bi-sign-intersection-y-fill::before {
  content: "\f858";
}

.bi-sign-intersection-y::before {
  content: "\f859";
}

.bi-sign-intersection::before {
  content: "\f85a";
}

.bi-sign-merge-left-fill::before {
  content: "\f85b";
}

.bi-sign-merge-left::before {
  content: "\f85c";
}

.bi-sign-merge-right-fill::before {
  content: "\f85d";
}

.bi-sign-merge-right::before {
  content: "\f85e";
}

.bi-sign-no-left-turn-fill::before {
  content: "\f85f";
}

.bi-sign-no-left-turn::before {
  content: "\f860";
}

.bi-sign-no-parking-fill::before {
  content: "\f861";
}

.bi-sign-no-parking::before {
  content: "\f862";
}

.bi-sign-no-right-turn-fill::before {
  content: "\f863";
}

.bi-sign-no-right-turn::before {
  content: "\f864";
}

.bi-sign-railroad-fill::before {
  content: "\f865";
}

.bi-sign-railroad::before {
  content: "\f866";
}

.bi-building-add::before {
  content: "\f867";
}

.bi-building-check::before {
  content: "\f868";
}

.bi-building-dash::before {
  content: "\f869";
}

.bi-building-down::before {
  content: "\f86a";
}

.bi-building-exclamation::before {
  content: "\f86b";
}

.bi-building-fill-add::before {
  content: "\f86c";
}

.bi-building-fill-check::before {
  content: "\f86d";
}

.bi-building-fill-dash::before {
  content: "\f86e";
}

.bi-building-fill-down::before {
  content: "\f86f";
}

.bi-building-fill-exclamation::before {
  content: "\f870";
}

.bi-building-fill-gear::before {
  content: "\f871";
}

.bi-building-fill-lock::before {
  content: "\f872";
}

.bi-building-fill-slash::before {
  content: "\f873";
}

.bi-building-fill-up::before {
  content: "\f874";
}

.bi-building-fill-x::before {
  content: "\f875";
}

.bi-building-fill::before {
  content: "\f876";
}

.bi-building-gear::before {
  content: "\f877";
}

.bi-building-lock::before {
  content: "\f878";
}

.bi-building-slash::before {
  content: "\f879";
}

.bi-building-up::before {
  content: "\f87a";
}

.bi-building-x::before {
  content: "\f87b";
}

.bi-buildings-fill::before {
  content: "\f87c";
}

.bi-buildings::before {
  content: "\f87d";
}

.bi-bus-front-fill::before {
  content: "\f87e";
}

.bi-bus-front::before {
  content: "\f87f";
}

.bi-ev-front-fill::before {
  content: "\f880";
}

.bi-ev-front::before {
  content: "\f881";
}

.bi-globe-americas::before {
  content: "\f882";
}

.bi-globe-asia-australia::before {
  content: "\f883";
}

.bi-globe-central-south-asia::before {
  content: "\f884";
}

.bi-globe-europe-africa::before {
  content: "\f885";
}

.bi-house-add-fill::before {
  content: "\f886";
}

.bi-house-add::before {
  content: "\f887";
}

.bi-house-check-fill::before {
  content: "\f888";
}

.bi-house-check::before {
  content: "\f889";
}

.bi-house-dash-fill::before {
  content: "\f88a";
}

.bi-house-dash::before {
  content: "\f88b";
}

.bi-house-down-fill::before {
  content: "\f88c";
}

.bi-house-down::before {
  content: "\f88d";
}

.bi-house-exclamation-fill::before {
  content: "\f88e";
}

.bi-house-exclamation::before {
  content: "\f88f";
}

.bi-house-gear-fill::before {
  content: "\f890";
}

.bi-house-gear::before {
  content: "\f891";
}

.bi-house-lock-fill::before {
  content: "\f892";
}

.bi-house-lock::before {
  content: "\f893";
}

.bi-house-slash-fill::before {
  content: "\f894";
}

.bi-house-slash::before {
  content: "\f895";
}

.bi-house-up-fill::before {
  content: "\f896";
}

.bi-house-up::before {
  content: "\f897";
}

.bi-house-x-fill::before {
  content: "\f898";
}

.bi-house-x::before {
  content: "\f899";
}

.bi-person-add::before {
  content: "\f89a";
}

.bi-person-down::before {
  content: "\f89b";
}

.bi-person-exclamation::before {
  content: "\f89c";
}

.bi-person-fill-add::before {
  content: "\f89d";
}

.bi-person-fill-check::before {
  content: "\f89e";
}

.bi-person-fill-dash::before {
  content: "\f89f";
}

.bi-person-fill-down::before {
  content: "\f8a0";
}

.bi-person-fill-exclamation::before {
  content: "\f8a1";
}

.bi-person-fill-gear::before {
  content: "\f8a2";
}

.bi-person-fill-lock::before {
  content: "\f8a3";
}

.bi-person-fill-slash::before {
  content: "\f8a4";
}

.bi-person-fill-up::before {
  content: "\f8a5";
}

.bi-person-fill-x::before {
  content: "\f8a6";
}

.bi-person-gear::before {
  content: "\f8a7";
}

.bi-person-lock::before {
  content: "\f8a8";
}

.bi-person-slash::before {
  content: "\f8a9";
}

.bi-person-up::before {
  content: "\f8aa";
}

.bi-scooter::before {
  content: "\f8ab";
}

.bi-taxi-front-fill::before {
  content: "\f8ac";
}

.bi-taxi-front::before {
  content: "\f8ad";
}

.bi-amd::before {
  content: "\f8ae";
}

.bi-database-add::before {
  content: "\f8af";
}

.bi-database-check::before {
  content: "\f8b0";
}

.bi-database-dash::before {
  content: "\f8b1";
}

.bi-database-down::before {
  content: "\f8b2";
}

.bi-database-exclamation::before {
  content: "\f8b3";
}

.bi-database-fill-add::before {
  content: "\f8b4";
}

.bi-database-fill-check::before {
  content: "\f8b5";
}

.bi-database-fill-dash::before {
  content: "\f8b6";
}

.bi-database-fill-down::before {
  content: "\f8b7";
}

.bi-database-fill-exclamation::before {
  content: "\f8b8";
}

.bi-database-fill-gear::before {
  content: "\f8b9";
}

.bi-database-fill-lock::before {
  content: "\f8ba";
}

.bi-database-fill-slash::before {
  content: "\f8bb";
}

.bi-database-fill-up::before {
  content: "\f8bc";
}

.bi-database-fill-x::before {
  content: "\f8bd";
}

.bi-database-fill::before {
  content: "\f8be";
}

.bi-database-gear::before {
  content: "\f8bf";
}

.bi-database-lock::before {
  content: "\f8c0";
}

.bi-database-slash::before {
  content: "\f8c1";
}

.bi-database-up::before {
  content: "\f8c2";
}

.bi-database-x::before {
  content: "\f8c3";
}

.bi-database::before {
  content: "\f8c4";
}

.bi-houses-fill::before {
  content: "\f8c5";
}

.bi-houses::before {
  content: "\f8c6";
}

.bi-nvidia::before {
  content: "\f8c7";
}

.bi-person-vcard-fill::before {
  content: "\f8c8";
}

.bi-person-vcard::before {
  content: "\f8c9";
}

.bi-sina-weibo::before {
  content: "\f8ca";
}

.bi-tencent-qq::before {
  content: "\f8cb";
}

.bi-wikipedia::before {
  content: "\f8cc";
}

.bi-alphabet-uppercase::before {
  content: "\f2a5";
}

.bi-alphabet::before {
  content: "\f68a";
}

.bi-amazon::before {
  content: "\f68d";
}

.bi-arrows-collapse-vertical::before {
  content: "\f690";
}

.bi-arrows-expand-vertical::before {
  content: "\f695";
}

.bi-arrows-vertical::before {
  content: "\f698";
}

.bi-arrows::before {
  content: "\f6a2";
}

.bi-ban-fill::before {
  content: "\f6a3";
}

.bi-ban::before {
  content: "\f6b6";
}

.bi-bing::before {
  content: "\f6c2";
}

.bi-cake::before {
  content: "\f6e0";
}

.bi-cake2::before {
  content: "\f6ed";
}

.bi-cookie::before {
  content: "\f6ee";
}

.bi-copy::before {
  content: "\f759";
}

.bi-crosshair::before {
  content: "\f769";
}

.bi-crosshair2::before {
  content: "\f794";
}

.bi-emoji-astonished-fill::before {
  content: "\f795";
}

.bi-emoji-astonished::before {
  content: "\f79a";
}

.bi-emoji-grimace-fill::before {
  content: "\f79b";
}

.bi-emoji-grimace::before {
  content: "\f7a0";
}

.bi-emoji-grin-fill::before {
  content: "\f7a1";
}

.bi-emoji-grin::before {
  content: "\f7a6";
}

.bi-emoji-surprise-fill::before {
  content: "\f7a7";
}

.bi-emoji-surprise::before {
  content: "\f7ac";
}

.bi-emoji-tear-fill::before {
  content: "\f7ad";
}

.bi-emoji-tear::before {
  content: "\f7b2";
}

.bi-envelope-arrow-down-fill::before {
  content: "\f7b3";
}

.bi-envelope-arrow-down::before {
  content: "\f7b8";
}

.bi-envelope-arrow-up-fill::before {
  content: "\f7b9";
}

.bi-envelope-arrow-up::before {
  content: "\f7be";
}

.bi-feather::before {
  content: "\f7bf";
}

.bi-feather2::before {
  content: "\f7c4";
}

.bi-floppy-fill::before {
  content: "\f7c5";
}

.bi-floppy::before {
  content: "\f7d8";
}

.bi-floppy2-fill::before {
  content: "\f7d9";
}

.bi-floppy2::before {
  content: "\f7e4";
}

.bi-gitlab::before {
  content: "\f7e5";
}

.bi-highlighter::before {
  content: "\f7f8";
}

.bi-marker-tip::before {
  content: "\f802";
}

.bi-nvme-fill::before {
  content: "\f803";
}

.bi-nvme::before {
  content: "\f80c";
}

.bi-opencollective::before {
  content: "\f80d";
}

.bi-pci-card-network::before {
  content: "\f8cd";
}

.bi-pci-card-sound::before {
  content: "\f8ce";
}

.bi-radar::before {
  content: "\f8cf";
}

.bi-send-arrow-down-fill::before {
  content: "\f8d0";
}

.bi-send-arrow-down::before {
  content: "\f8d1";
}

.bi-send-arrow-up-fill::before {
  content: "\f8d2";
}

.bi-send-arrow-up::before {
  content: "\f8d3";
}

.bi-sim-slash-fill::before {
  content: "\f8d4";
}

.bi-sim-slash::before {
  content: "\f8d5";
}

.bi-sourceforge::before {
  content: "\f8d6";
}

.bi-substack::before {
  content: "\f8d7";
}

.bi-threads-fill::before {
  content: "\f8d8";
}

.bi-threads::before {
  content: "\f8d9";
}

.bi-transparency::before {
  content: "\f8da";
}

.bi-twitter-x::before {
  content: "\f8db";
}

.bi-type-h4::before {
  content: "\f8dc";
}

.bi-type-h5::before {
  content: "\f8dd";
}

.bi-type-h6::before {
  content: "\f8de";
}

.bi-backpack-fill::before {
  content: "\f8df";
}

.bi-backpack::before {
  content: "\f8e0";
}

.bi-backpack2-fill::before {
  content: "\f8e1";
}

.bi-backpack2::before {
  content: "\f8e2";
}

.bi-backpack3-fill::before {
  content: "\f8e3";
}

.bi-backpack3::before {
  content: "\f8e4";
}

.bi-backpack4-fill::before {
  content: "\f8e5";
}

.bi-backpack4::before {
  content: "\f8e6";
}

.bi-brilliance::before {
  content: "\f8e7";
}

.bi-cake-fill::before {
  content: "\f8e8";
}

.bi-cake2-fill::before {
  content: "\f8e9";
}

.bi-duffle-fill::before {
  content: "\f8ea";
}

.bi-duffle::before {
  content: "\f8eb";
}

.bi-exposure::before {
  content: "\f8ec";
}

.bi-gender-neuter::before {
  content: "\f8ed";
}

.bi-highlights::before {
  content: "\f8ee";
}

.bi-luggage-fill::before {
  content: "\f8ef";
}

.bi-luggage::before {
  content: "\f8f0";
}

.bi-mailbox-flag::before {
  content: "\f8f1";
}

.bi-mailbox2-flag::before {
  content: "\f8f2";
}

.bi-noise-reduction::before {
  content: "\f8f3";
}

.bi-passport-fill::before {
  content: "\f8f4";
}

.bi-passport::before {
  content: "\f8f5";
}

.bi-person-arms-up::before {
  content: "\f8f6";
}

.bi-person-raised-hand::before {
  content: "\f8f7";
}

.bi-person-standing-dress::before {
  content: "\f8f8";
}

.bi-person-standing::before {
  content: "\f8f9";
}

.bi-person-walking::before {
  content: "\f8fa";
}

.bi-person-wheelchair::before {
  content: "\f8fb";
}

.bi-shadows::before {
  content: "\f8fc";
}

.bi-suitcase-fill::before {
  content: "\f8fd";
}

.bi-suitcase-lg-fill::before {
  content: "\f8fe";
}

.bi-suitcase-lg::before {
  content: "\f8ff";
}

.bi-suitcase::before {
  content: "豈";
}

.bi-suitcase2-fill::before {
  content: "更";
}

.bi-suitcase2::before {
  content: "車";
}

.bi-vignette::before {
  content: "賈";
}

.bi-bluesky::before {
  content: "\f7f9";
}

.bi-tux::before {
  content: "滑";
}

.bi-beaker-fill::before {
  content: "串";
}

.bi-beaker::before {
  content: "句";
}

.bi-flask-fill::before {
  content: "龜";
}

.bi-flask-florence-fill::before {
  content: "龜";
}

.bi-flask-florence::before {
  content: "契";
}

.bi-flask::before {
  content: "金";
}

.bi-leaf-fill::before {
  content: "喇";
}

.bi-leaf::before {
  content: "奈";
}

.bi-measuring-cup-fill::before {
  content: "懶";
}

.bi-measuring-cup::before {
  content: "癩";
}

.bi-unlock2-fill::before {
  content: "羅";
}

.bi-unlock2::before {
  content: "蘿";
}

.bi-battery-low::before {
  content: "螺";
}

.bi-anthropic::before {
  content: "裸";
}

.bi-apple-music::before {
  content: "邏";
}

.bi-claude::before {
  content: "樂";
}

.bi-openai::before {
  content: "洛";
}

.bi-perplexity::before {
  content: "烙";
}

.bi-css::before {
  content: "珞";
}

.bi-javascript::before {
  content: "落";
}

.bi-typescript::before {
  content: "酪";
}

.bi-fork-knife::before {
  content: "駱";
}

.bi-globe-americas-fill::before {
  content: "亂";
}

.bi-globe-asia-australia-fill::before {
  content: "卵";
}

.bi-globe-central-south-asia-fill::before {
  content: "欄";
}

.bi-globe-europe-africa-fill::before {
  content: "爛";
}

:root {
  --teal: #06b3b7;
  --teal-dark: #245a5c;
  --logo-teal: #63c7cd;
  --aqua: #ddf3f2;
  --cream: #f8f5f1;
  --rose: #cf96a0;
  --soft-pink: #fcecf5;
  --coral: #ee6368;
  --yellow: #f5b823;
  --light-blue: #aad9e3;
  --purple: #4e3861;
  --ink: #245a5c;
  --muted: #60777a;
  --line: #cfe5e4;
}

body {
  font-family: "Lexend", sans-serif;
  background-color: #F9F9F9;
  color: #000000;
}

.container {
  padding: 24px 30px 30px;
}

@media (min-width: 1200px) {
  .container-careplus {
    max-width: 840px !important;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==============================================================
   UTILITIES
   ============================================================== */
/* Small helper classes like spacing, display, colors */
.font9 {
  font-weight: 400;
  font-size: 9px !important;
  line-height: 15px;
}

.font10 {
  font-weight: 400;
  font-size: 10px !important;
  line-height: 13.62px;
}

.font12 {
  font-size: 12px !important;
  font-weight: 400;
  line-height: 16px;
}

.font14 {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 21px;
}

.font16 {
  font-size: 16px !important;
  line-height: 24px;
}

.font18 {
  font-size: 18px !important;
  line-height: 27px;
}

.font20 {
  font-size: 20px !important;
  line-height: 24px;
}

.font24 {
  font-size: 24px !important;
  line-height: 29.05px;
}

.font30 {
  font-size: 30px !important;
}

.font32 {
  font-size: 32px !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.title-color {
  color: #404041 !important;
}

.color-dark-gray {
  color: #404041 !important;
}

.color-gray {
  color: #686868 !important;
}

.color-pink {
  color: #F94B7D !important;
}

.color-orange {
  color: #F04E21 !important;
}

.pill {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border-radius: 30px;
}

a:hover:not(.nav-link, .danger-link) {
  color: #000000;
  text-decoration: none;
}

.btn-main {
  color: #fff !important;
  background: #01B4B8 !important;
  border-radius: 50rem !important;
}

.btn-orange {
  color: #fff !important;
  background-color: rgb(240, 78, 33) !important;
  border-radius: 50rem !important;
}

.btn-cancel {
  color: black !important;
  background: transparent !important;
  border-radius: 50rem !important;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #888888;
  background-color: #fff;
  border-color: #fff;
}

.btn-pink {
  color: #fff;
  background: #df3c80;
  border-radius: 50rem;
}

.btn-grey {
  color: #fff !important;
  background-color: #A8A8A8 !important;
  border-radius: 24px !important;
}

.btn-blue-lagoon {
  color: #fff !important;
  background-color: var(--teal) !important;
  border-radius: 24px !important;
}

.btn-orange-outline {
  color: #F04E21 !important;
  background: #fff !important;
  border-radius: 50rem !important;
  border: 2px solid #F04E21 !important;
}

.btn-blue-lagoon-outline {
  color: var(--teal) !important;
  background: #fff !important;
  border-radius: 50rem !important;
  border: 1px solid var(--teal) !important;
}

.header-title {
  color: #404041;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0%;
}

.ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.bg-white {
  background: white;
}

.word-wrap-fix {
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

.image-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

/* ==============================================================
   FORM ELEMENTS
   ============================================================== */
/* Inputs, buttons, dropdowns, etc */
.form-control {
  border-radius: 10px !important;
  border: 1px solid #fff !important;
  color: #888888;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  padding: 0.625rem 1.25rem 0.625rem 0.75rem;
}

.form-control:disabled {
  background-color: #EBE8E8 !important;
  border-color: #EBE8E8 !important;
  color: #888888;
  font-size: 16px;
  font-weight: 400;
}

.form-control.input-grey {
  flex: 1;
  background-color: #F6F6F6;
  color: #888888;
  border: none;
}

select.form-control {
  background: #fff url("/images/ic_arrow_down.png") right 0.75rem center/20px no-repeat;
}

.dropdown-full-width > .dropdown-toggle {
  width: 100%;
  background-color: #F6F6F6;
  border: 1px solid #fff;
  text-align: left;
  padding: 10px;
  border-radius: 4px;
  color: #888888;
}

.dropdown-full-width-white > .dropdown-toggle {
  display: flex !important;
  width: 100% !important;
  max-width: 230px !important;
  overflow: hidden;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #fff;
  text-align: left;
  padding: 10px;
  border-radius: 4px;
  color: #888888;
}

#dashboard-web .dropdown-full-width-white > .dropdown-toggle {
  max-width: 27vw !important;
}

.dropdown-toggle::after {
  content: none; /* Removes the default arrow */
  display: none; /* Hides the pseudo-element */
}

/* Dropdown menu styling */
.dropdown-menu-full-width {
  width: 100%;
  border: 1px solid #fff;
  background-color: #F6F6F6;
}

.dropdown-menu-full-width-white {
  width: 100%;
  border: 1px solid #fff;
  background-color: #fff;
}

.dropdown-item {
  white-space: normal !important;
}

/* Icon styling for the dropdown items */
.dropdown-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.general-radio {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url("/images/ic_radio_unselected_2.png");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-top: 3px;
}

.general-radio.selected {
  background-image: url("/images/ic_radio_selected.png");
}

/* ==============================================================
   GENERAL LAYOUT
   ============================================================== */
/* For structural or layout helpers like containers, flex, grids */
.menu-container {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.menu-container .category-item {
  text-align: center;
}
.menu-container .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  background-color: #F9F9F9;
}
.menu-container .mh-card-img-top {
  margin: auto;
}
@media (max-width: 767px) {
  .menu-container {
    flex-wrap: nowrap;
  }
  .menu-container .category-item {
    min-width: 20%;
  }
  .menu-container .mh-card-img-top {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .menu-container .card {
    padding: 0.5rem;
  }
  .menu-container .mh-card-img-top {
    width: 50px;
    margin: auto;
  }
}
.menu-container .category-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #686868;
}

.tab-container {
  display: flex;
  width: 100%;
  gap: 8px;
}
.tab-container .tab-button {
  flex: 1;
  padding: 10px 20px;
  border: none;
  background-color: #AFB1B6;
  color: white;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: 0.2px;
  border-radius: 12px;
}
.tab-container .tab-button.active {
  background-color: #df3c80;
}

.tab-content {
  padding: 20px 0;
}

.slick-banner .slick-dots li button::before {
  content: "" !important;
}
.slick-banner .custom-dot li {
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.5019607843);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
}
.slick-banner .custom-dot li.slick-active {
  background-color: #df3c80;
}

/* ==============================================================
   COMMON COMPONENTS
   ============================================================== */
/* Reusable UI components */
.square-banner {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.square-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.rectangle-banner {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .rectangle-banner {
    height: auto;
    max-height: 225px;
  }
}
@media (min-width: 768px) {
  .rectangle-banner {
    height: auto;
    max-height: 720px;
  }
}
.rounded-banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

.merchant-logo-rounded {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}

.item-image {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.scrollable-content {
  max-height: 60vh;
  overflow-y: auto;
  width: 100%;
}

.sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 1000;
  border-top: 1px solid #F3F2F2;
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  min-height: 70px;
  max-height: 80vh;
}
.sticky-bottom .scrollable-content {
  max-height: 50vh;
  overflow-y: auto;
  width: 100%;
}

.top-radius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.sticky-bottom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.sticky-bottom-overlay.dialog {
  z-index: 9999;
}

.sticky-bottom.dialog {
  z-index: 1001;
  max-height: 80vh; /* LIMIT to 80% screen height */
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 1200px) {
  .sticky-bottom-overlay.dialog .sticky-bottom.dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    bottom: auto;
    width: 700px;
    transform: translate(-50%, -50%);
    margin-top: 0;
    padding: 70px 150px;
    border-radius: 0;
  }
  .sticky-bottom.dialog.small-dialog {
    padding: 30px !important;
    width: 440px !important;
  }
  .sticky-bottom-overlay.dialog .sticky-bottom.dialog.web-dialog-radius {
    border-radius: 20px;
  }
}
.slick-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.slick-wrapper {
  max-width: 90%;
  max-height: 90vh;
}

.box-radius-grey {
  border-radius: 10px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background: #F6F6F6;
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}

.expand-container {
  width: 100%;
  margin: auto;
}
.expand-container .expand-item {
  position: relative;
  padding: 16px 0;
  cursor: pointer;
}
.expand-container .expand-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #ccc;
  margin-left: -30px;
  margin-right: -30px;
}
.expand-container .expand-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #404041;
}
.expand-container .expand-answer {
  margin-top: 8px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 400;
  color: #686868;
}
.expand-container .arrow-icon {
  width: 20px;
  transition: transform 0.3s ease;
}
.expand-container .arrow-icon.rotated {
  transform: rotate(180deg);
}

.center-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.center-dialog-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  min-height: 200px;
}

.voucher-frame {
  position: relative;
  border-top: 1px solid #F94B7D;
  border-right: 1px solid #F94B7D;
  border-bottom: 1px solid #F94B7D;
  border-left: none;
}

.voucher-frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: url("/images/bg_voucher_left.png") no-repeat;
  background-size: cover;
  z-index: 1;
}

/* ==============================================================
   PAGE SPECIFIC
   ============================================================== */
/* Classes used only in specific pages */
@media (min-width: 1200px) {
  #purchase-overview .purchase-overview-address-container {
    margin-right: auto;
    margin-left: auto;
    padding: 0px 30px;
  }
}
#purchase-overview .purchase-overview-container {
  background: white;
  border-radius: 5px;
  box-shadow: 0px -4px 0px 0px #F2E5D8 inset;
  padding-top: 10px;
}
#purchase-overview .purchase-overview-container > div:not(:first-child),
#purchase-overview .purchase-overview-container-2 > div:not(:first-child) {
  padding: 10px;
}
#purchase-overview .purchase-overview-container-2 {
  border: 1px solid #C5C5C5;
  background: white;
  border-radius: 5px;
  padding-top: 10px;
}
#purchase-overview .badge-view-shop {
  position: relative;
  right: 0;
  top: 0;
  background-color: #01B5B9;
  color: #fff;
  padding: 5px 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
  white-space: nowrap;
}
#purchase-overview .item-voucher-selected {
  background: rgba(240, 78, 33, 0.1019607843);
  color: #F04E21;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;
  padding: 3px 5px;
}
#purchase-overview .quantity-selector-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#purchase-overview .quantity-selector-container .quantity-controls {
  justify-content: space-between;
  opacity: 1;
  border: 1px solid #F3F2F2;
}
#purchase-overview .quantity-selector-container .quantity {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 0 10px;
}
#purchase-overview .quantity-selector-container .minus-btn,
#purchase-overview .quantity-selector-container .plus-btn {
  background-color: #F3F2F2;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #B6A3A3;
  transition: color 0.3s ease;
}
#purchase-overview .voucher-frame {
  position: relative;
  border-top: 1px solid #F94B7D;
  border-right: 1px solid #F94B7D;
  border-bottom: 1px solid #F94B7D;
  border-left: none;
}
#purchase-overview .voucher-frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: url("/images/bg_voucher_left.png") no-repeat;
  background-size: cover;
  z-index: 1;
}
#purchase-overview .custom-radio {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/images/ic_radio_unselected.png");
  background-size: cover;
  cursor: pointer;
}
#purchase-overview .custom-radio.selected {
  background-image: url("/images/ic_radio_selected.png");
}

#library .item-card {
  background: white;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #EFEFF0;
  width: 100%;
}
@media (min-width: 768px) {
  #library .item-card {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #library .item-card {
    width: 100%;
  }
}
#library .item-media {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 6px;
}

#dashboard .item-card {
  width: 100%;
}
@media (min-width: 768px) {
  #dashboard .item-card {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #dashboard .item-card {
    width: calc(50% - 10px);
  }
}
#dashboard .item-media {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 6px;
}

#my-ticket {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#my-ticket .my-ticket-container {
  background: white;
  border-radius: 12px;
  border: 1px solid #EFEFF0;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 15px;
  margin-left: 0;
  margin-right: 0;
}
#my-ticket .my-ticket-container img.item-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

.category-scrollx-container {
  display: flex;
  flex-wrap: wrap;
}
.category-scrollx-container .category-item {
  text-align: center;
}
.category-scrollx-container .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  background-color: transparent;
}
.category-scrollx-container .card img.avatar-img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #D1D1D1;
  margin: auto;
}
.category-scrollx-container .mh-card-img-top {
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .category-scrollx-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .category-scrollx-container .category-item {
    min-width: 25%;
  }
  .category-scrollx-container img.avatar-img {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 768px) {
  .category-scrollx-container .card {
    padding: 0.5rem;
  }
  .category-scrollx-container img.avatar-img {
    width: 100px;
    height: 100px;
  }
}
.category-scrollx-container .category-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.category-scrollx-container .selected .card {
  background-color: var(--filter-selected-border-color);
  border-radius: 6px;
}
.category-scrollx-container .selected .category-title {
  color: #FFFFFF;
}

#community .month-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns */
  gap: 20px;
  width: 100%;
  margin-top: 30px;
}
#community .month-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #19191B;
}
#community .join-button {
  display: inline-block;
  background-color: #1BD741;
  color: white;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  transition: background-color 0.3s ease;
  width: 100%;
  max-width: 180px;
  height: auto;
  border-radius: 100px;
  padding: 10px 20px;
  border-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
#community .join-button:hover {
  background-color: #1ebe57;
}
@media screen and (max-width: 375px) {
  #community .join-button {
    font-size: 12px;
    padding: 8px 14px;
  }
}

#dashboard-web .web-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#dashboard-web .dashboard-header {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 5px;
}
#dashboard-web .header-left-icon {
  width: 160px;
  height: auto;
}
#dashboard-web .header-logo {
  height: 50px;
}
#dashboard-web .language-select {
  width: 120px;
}
#dashboard-web .dashboard-middle-details {
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
#dashboard-web .middle-layout {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: stretch;
  flex: 2;
}
#dashboard-web .details-left {
  flex: 1;
}
#dashboard-web .details-right {
  flex: 1;
}
#dashboard-web .panel-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#dashboard-web .details-top,
#dashboard-web .details-bottom {
  flex: 1;
}
#dashboard-web .details-top {
  background-color: #F6F6F6;
  padding: 25px;
  min-width: 0;
}
#dashboard-web .dashboard-bottom-list {
  background-color: #fff;
  margin: 40px 70px;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #E2E3E4;
  flex-grow: 1;
}
#dashboard-web .dashboard-footer {
  background-color: #fff;
  border-top: 1px solid #E2E3E4;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  color: #686868;
}

.html_content {
  font-size: 14px !important;
}

@media (min-width: 1300px) {
  .container {
    padding: 0px 0px 0px 0px !important;
    max-width: 1200px;
  }
}
@media (min-width: 1200px) {
  .sticky-bottom {
    position: inherit;
    margin-top: 20px;
  }
}
.review-container {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}

.review-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(to top, white, transparent); /* fade out effect */
  pointer-events: none;
}

.review-container.expanded {
  max-height: none;
  overflow: visible;
}

.review-container.expanded::after {
  display: none;
}

.review-text {
  white-space: pre-wrap; /* preserves line breaks */
}

.ellipsis-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

@media (max-width: 767px) {
  .right-desktop-img-bg {
    display: none !important;
  }
}
.container {
  padding: 10px 10px !important;
}

.floating-home {
  display: none;
}

@media (max-width: 768px) {
  h1 {
    font-size: 23px;
  }
}
#dashboard-web .dropdown-menu {
  z-index: 100000 !important;
}

.my-profilev2 .profile-title {
  font-weight: 400;
  font-size: 12px;
}
.my-profilev2 .social-title-selection {
  width: 100%;
  margin-top: 5px;
}
.my-profilev2 .social-title-selection .selector {
  background: transparent;
  position: relative;
}
.my-profilev2 .social-title-selection .selector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.my-profilev2 .social-title-selection .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(102, 102, 102, 0.6705882353);
  border-right: 2px solid rgba(102, 102, 102, 0.6705882353);
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.my-profilev2 .social-title-selection .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.my-profilev2 .social-title-selection .selector .label {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  width: 100%;
}
.my-profilev2 .social-title-selection ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: 1px solid gainsboro;
  position: absolute;
  z-index: 1;
  height: 90px;
  overflow: auto;
  background: #fff;
}
.my-profilev2 .social-title-selection li {
  padding: 10px;
  color: #666;
  margin-top: 2px;
}
.my-profilev2 .social-title-selection li:hover {
  color: white;
  background: rgb(0, 180, 184);
}
.my-profilev2 .social-title-selection .current {
  background: rgb(0, 180, 184);
  color: white;
}
.my-profilev2 .social-title-selection .hidden {
  visibility: hidden;
}
.my-profilev2 .social-title-selection .visible {
  visibility: visible;
}
.my-profilev2 .input-label-content {
  position: relative;
  margin-top: 10px;
}
.my-profilev2 .input-label-content .prefix {
  position: absolute;
  left: 15px;
  top: 16.5px;
  font-size: 15px;
  color: #888888;
}
.my-profilev2 .input-label-content .address-prefix {
  position: absolute;
  right: 15px;
  top: 15px;
}
.my-profilev2 .input-content::-webkit-input-placeholder {
  color: #888;
}
.my-profilev2 .input-content {
  font-size: 16px;
  display: block;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  background: transparent;
  color: #888888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
}
.my-profilev2 .input-content:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.my-profilev2 .marital-status {
  display: flex;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  justify-content: space-around;
  width: 100%;
}
.my-profilev2 .marital-option {
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 205px;
  transition: background-color 0.3s ease;
  color: rgb(66, 66, 66);
  justify-content: center;
}
.my-profilev2 .marital-option.selected {
  background: linear-gradient(180deg, #FEE2E8 0%, #F9CFDD 100%);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  border-radius: 15px;
}
.my-profilev2 .address-label {
  display: flex;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  justify-content: space-around;
  width: 100%;
}
.my-profilev2 .label-option {
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 145px;
  transition: background-color 0.3s ease;
  color: rgb(66, 66, 66);
}
.my-profilev2 .label-option.selected {
  background: rgb(252, 185, 19);
  box-shadow: 0px 2px 0 rgb(252, 185, 19), inset 0px -2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}
.my-profilev2 .address-default-shipping {
  display: flex;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  justify-content: space-around;
  width: 100%;
}
.my-profilev2 .shipping-option {
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 205px;
  transition: background-color 0.3s ease;
  color: rgb(66, 66, 66);
  justify-content: center;
}
.my-profilev2 .shipping-option.selected {
  background: rgb(252, 185, 19);
  box-shadow: 0px 2px 0 rgb(252, 185, 19), inset 0px -2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}
.my-profilev2 .submit-profile-btn {
  font-weight: 600;
  color: #fff;
  /* position: absolute; */
  background-color: rgb(0, 180, 184);
  bottom: 0;
  padding: 13px;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  border-radius: 100px;
  cursor: pointer;
}

.update-address .input-content {
  background: #F6F6F6;
  color: #888888;
  border: none;
  box-shadow: none;
  font-weight: 300;
}
.update-address .input-content:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.update-address label {
  font-size: 14px;
  margin-top: 15px;
}

.color-black {
  color: #000000;
}

.color-black2 {
  color: #14142B;
}

.color-black3 {
  color: #1B1B1B;
}

.color-primary {
  color: #01B4B8 !important;
}

.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-decoration-none {
  text-decoration: none !important;
}

.btn-outline-secondary {
  border-radius: 50rem !important;
  min-width: 130px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.careplus-newmom {
  font-family: "Lexend", sans-serif;
}
.careplus-newmom h1, .careplus-newmom h2, .careplus-newmom h3, .careplus-newmom h4, .careplus-newmom h5, .careplus-newmom h6, .careplus-newmom .h1, .careplus-newmom .h2, .careplus-newmom .h3, .careplus-newmom .h4, .careplus-newmom .h5, .careplus-newmom .h6 {
  font-family: "Lexend", sans-serif !important;
}
.careplus-newmom .newmom-dashboard-app, .careplus-newmom .newmom-webinar-app {
  padding: 20px !important;
  overflow-y: auto;
}
.careplus-newmom .newmom-dashboard-app h2, .careplus-newmom .newmom-webinar-app h2 {
  font-size: 24px;
  font-weight: 700;
  color: #404041;
  text-align: left;
  width: 100%;
  margin: 15px 0;
}
.careplus-newmom .newmom-dashboard-app h5,
.careplus-newmom .newmom-dashboard-app p, .careplus-newmom .newmom-webinar-app h5,
.careplus-newmom .newmom-webinar-app p {
  text-align: left;
}
.careplus-newmom .newmom-webinar-app {
  display: flex;
  flex-direction: column;
}
.careplus-newmom .newmom-webinar-app .tnc-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 5%;
  color: #000 !important;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc,
.careplus-newmom .newmom-webinar-app .tnc-section .faq {
  flex: 1;
  min-width: 300px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc h5,
.careplus-newmom .newmom-webinar-app .tnc-section .faq h5 {
  font-weight: 700;
  font-size: 24px;
  color: #404041;
  margin: 20px 0px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box {
  border: 1px solid #C5C5C5;
  background-color: #F6F6F6;
  border-radius: 10px;
  font-weight: 400;
  font-size: 14px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box hr {
  margin: 0;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .tnc-detail-text {
  color: #898989;
  font-size: 16px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .tnc-detail-text .faq-ques {
  color: #404041;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .tnc-detail-text .bi-plus {
  color: #404041;
  font-size: 25px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .tnc-detail-text .line {
  background-color: #898989;
  height: 1px;
  width: 15px;
  border-radius: 2px;
  height: 2px;
  cursor: pointer;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .content {
  padding: 20px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .content ol {
  padding: 0 15px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .content li {
  margin-bottom: 10px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .tnc-box .answer {
  padding: 15px;
  font-size: 14px;
}
.careplus-newmom .newmom-webinar-app .tnc-section .expand_item .tnc-detail-text {
  color: #898989;
}
.careplus-newmom .newmom-webinar-app .tnc-section .expand_item .tnc-detail-text .faq-ques {
  color: #898989;
}
.careplus-newmom .newmom-dashboard {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.careplus-newmom .newmom-dashboard .banner {
  width: 100%;
  max-width: 900px;
}
.careplus-newmom .newmom-dashboard .newmom-content {
  text-align: center;
}
.careplus-newmom .newmom-dashboard .newmom-content h5 {
  font-weight: 700;
  font-size: 24px;
  color: #404041;
  margin-top: 20px;
}
.careplus-newmom .newmom-dashboard .newmom-content p {
  font-size: 16px;
  font-weight: 400;
  color: #686868;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 15px;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys.selected {
  flex-wrap: wrap;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box {
  border: 1px solid #AFB1B6;
  background-color: #EFEFF0;
  color: #030303 !important;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 300px;
  transition: all 0.3s ease;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box.selected {
  max-width: 480px;
  background-color: #FFFFFF !important;
  border-color: #7D7D7D;
  flex-direction: row;
  gap: 20px;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box.journey-box-app.selected {
  max-width: 400px;
  background-color: transparent !important;
  border: none;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box.journey-box-app.selected .label {
  color: #00999E;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box img {
  max-width: 80px;
  width: 100%;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box span {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  color: #030303 !important;
}
.careplus-newmom .newmom-dashboard .newmom-content .journeys .journey_box .desc {
  margin-top: 6px;
  color: #828282 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left;
}
.careplus-newmom .newmom-dashboard .tnc-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 5%;
  color: #000 !important;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc,
.careplus-newmom .newmom-dashboard .tnc-section .faq {
  flex: 1;
  min-width: 300px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc h5,
.careplus-newmom .newmom-dashboard .tnc-section .faq h5 {
  font-weight: 700;
  font-size: 24px;
  color: #404041;
  margin: 20px 0px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box {
  border: 1px solid #C5C5C5;
  background-color: #F6F6F6;
  border-radius: 10px;
  font-weight: 400;
  font-size: 14px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box hr {
  margin: 0;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .tnc-detail-text {
  color: #898989;
  font-size: 16px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .tnc-detail-text .faq-ques {
  color: #404041;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .tnc-detail-text .bi-plus {
  color: #404041;
  font-size: 25px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .tnc-detail-text .line {
  background-color: #898989;
  height: 1px;
  width: 15px;
  border-radius: 2px;
  height: 2px;
  cursor: pointer;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .content {
  padding: 20px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .content ol {
  padding: 0 15px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .content li {
  margin-bottom: 10px;
}
.careplus-newmom .newmom-dashboard .tnc-section .tnc-box .answer {
  padding: 15px;
  font-size: 14px;
}
.careplus-newmom .newmom-dashboard .tnc-section .expand_item .tnc-detail-text {
  color: #898989;
}
.careplus-newmom .newmom-dashboard .tnc-section .expand_item .tnc-detail-text .faq-ques {
  color: #898989;
}
.careplus-newmom .newmom-dashboard .form-section {
  margin-top: 10px;
}
.careplus-newmom .newmom-dashboard .form-section h5 {
  font-weight: 700;
  font-size: 24px;
  color: #404041;
  margin-top: 20px;
}
.careplus-newmom .newmom-dashboard .newmom-banner {
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  position: relative;
  overflow: hidden;
}
.careplus-newmom .newmom-dashboard {
  /* image fills the 16:9 box */
}
.careplus-newmom .newmom-dashboard .newmom-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  display: block;
}
@media (min-width: 769px) {
  .careplus-newmom .newmom-dashboard .newmom-banner {
    padding-top: 0;
    height: 435px;
  }
  .careplus-newmom .newmom-dashboard .newmom-narrow-container {
    padding: 0 3rem;
  }
}
.careplus-newmom .newmom-form {
  width: 100%;
}
.careplus-newmom .newmom-form .form-box {
  border: 1px solid #C5C5C5;
  background: #F6F6F6;
  color: #404041;
  border-radius: 10px;
  margin-top: 13px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.careplus-newmom .newmom-form .form-box .form-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
.careplus-newmom .newmom-form .form-box .form-title h5 {
  font-weight: 400 !important;
  font-size: 16px !important;
  margin: 0 !important;
}
.careplus-newmom .newmom-form .form-box .form-title .confirm_btn {
  font-weight: 400;
  font-size: 12px;
  color: var(--teal);
  background-color: #CCF0F1;
  padding: 5px 8px;
  border-radius: 5px;
}
.careplus-newmom .newmom-form .form-box .form-title .confirm_btn.pending_btn {
  color: #D8990E;
  background-color: #FEF1D0;
}
.careplus-newmom .newmom-form .form-box .form-detail {
  background-color: #fff;
  padding: 20px;
  border-radius: 0px 0px 10px 10px;
  border-top: 1px solid #C5C5C5;
}
.careplus-newmom .newmom-form .form-box .form-detail p {
  font-weight: 400;
  font-size: 14px;
  color: #828282;
  text-align: end;
  margin-bottom: 10px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form {
  display: flex;
  flex-direction: column;
}
.careplus-newmom .newmom-form .form-box .form-detail .form label {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px !important;
  margin-top: 20px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .required::before {
  content: "* ";
  font-size: 14px;
  position: relative;
  line-height: 12px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .custom-input {
  flex: 1;
  background-color: #F6F6F6;
  color: #888888;
  padding: 9px 15px;
  border: none;
  border-radius: 10px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 55px;
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none; /* Firefox */
  appearance: none;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .custom-input::-webkit-input-placeholder {
  color: #888888;
  text-align: left !important;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .custom-input:focus {
  outline: none;
  box-shadow: none;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix {
  flex: 0 0 auto;
  min-width: 100px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .MobileSelector {
  background: transparent;
  position: relative;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .MobileSelector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .MobileSelector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .MobileSelector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .MobileSelector .PrefixText {
  display: block;
  padding: 13px;
  font-size: 16px;
  color: #888;
  background-color: #F6F6F6;
  border-radius: 10px;
  width: 100%;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .prefix-options {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  position: absolute;
  z-index: 1;
  height: auto;
  overflow: auto;
  background: #fff;
  margin-top: 10px;
  border-radius: 15px;
  top: 46px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .prefix-value {
  padding: 10px;
  color: #888888;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  gap: 10px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .prefix-value:hover {
  color: white;
  background: rgb(0, 180, 184);
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .current {
  background: rgb(0, 180, 184);
  color: white;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .hidden {
  visibility: hidden;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .mobile-prefix .prefix .visible {
  visibility: visible;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .course-selected-option {
  background-color: #F6F6F6;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #D3D3D3;
  width: 100%;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .course-selected-option .title {
  font-weight: 500;
  color: #888888;
  font-size: 16px;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .course-selected-option .subtitle {
  color: rgb(130, 130, 130);
  font-weight: 400;
  font-size: 10px;
  text-align: left;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .course-selected-option .custom-icon {
  color: #CCA59D;
}
.careplus-newmom .newmom-form .form-box .form-detail .form .input-group .course-selected-option .custom-check-icon {
  color: #F94B7D;
}
.careplus-newmom .newmom-form .form-box .form-detail .form-btn {
  width: 100%;
  border: none;
  background-color: #A7A7A7;
  color: #FFFFFF;
  border-radius: 100px;
  padding: 12px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}
.careplus-newmom .newmom-form .form-box .form-detail .form-btn.completed {
  background-color: var(--teal);
}
.careplus-newmom .newmom-form .submit_btn {
  width: 100%;
  border: none;
  background-color: #01B4B8;
  color: #FFFFFF;
  border-radius: 100px;
  padding: 12px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}
.careplus-newmom .newmom-form .submit_btn:disabled {
  background-color: #A7A7A7;
  cursor: not-allowed;
}
.careplus-newmom .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}
.careplus-newmom .popup .content {
  max-width: 700px;
  width: 100%;
  background-color: white;
  display: flex;
  align-items: stretch;
  border-radius: 20px;
  height: 360px;
}
.careplus-newmom .popup .content img {
  max-width: 300px;
  width: 100%;
  border-radius: 20px 0px 0px 20px;
}
.careplus-newmom .popup .content .content_left {
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.careplus-newmom .popup .content .content_left h5 {
  font-size: 20px;
  font-weight: 700;
}
.careplus-newmom .popup .content .content_left p {
  font-weight: 400;
  font-size: 14px;
  color: #828282;
  text-align: center;
}
.careplus-newmom .popup .content .content_left .action_btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: 10%;
}
.careplus-newmom .popup .content .content_left .action_btns .signin_btn {
  background-color: rgb(0, 96, 114);
  color: #fff;
  border-radius: 25px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 5px;
  text-align: center;
  cursor: pointer;
}
.careplus-newmom .popup .content .content_left .action_btns .signout_btn {
  background-color: #fff;
  border: 1px solid rgb(0, 96, 114);
  color: rgb(0, 96, 114);
}
.careplus-newmom .btn-newmom-orange {
  border: 2px #F04E21 solid;
  border-color: #F04E21;
  color: #F04E21;
  border-radius: 50rem !important;
}
.careplus-newmom .btn-newmom-orange:hover {
  background-color: #F04E21;
  color: #FFFFFF;
}
.careplus-newmom .form-success-btn {
  max-width: 300px;
  width: 100%;
}
.careplus-newmom .dropdown-row {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.careplus-newmom .dropdown-row .left-col {
  flex: 1;
  min-width: 0;
}
.careplus-newmom .dropdown-row .right-col {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.careplus-newmom .dropdown-row .right-col .small-select {
  min-width: 150px;
}
@media (max-width: 768px) {
  .careplus-newmom .dropdown-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .careplus-newmom .dropdown-row .left-col {
    width: 100%;
  }
  .careplus-newmom .dropdown-row .right-col {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    gap: 0;
  }
  .careplus-newmom .dropdown-row .right-col .small-select {
    width: 48%;
    min-width: 0;
  }
}
.careplus-newmom #newmom-item .item-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.careplus-newmom #newmom-item .item-card {
  display: flex;
  gap: 10px;
  background: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
.careplus-newmom #newmom-item .card-left {
  width: 240px;
  height: 240px;
  flex-shrink: 0;
  overflow: hidden;
}
.careplus-newmom #newmom-item .card-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careplus-newmom #newmom-item .card-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.careplus-newmom #newmom-item .card-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.careplus-newmom #newmom-item .item-tag {
  font-size: 12px;
  background: #EEF2F5;
  color: #178989;
  padding: 5px 10px;
  border-radius: 3px;
  white-space: nowrap;
}
.careplus-newmom #newmom-item .share-icon {
  width: 16px;
  height: 18px;
  cursor: pointer;
}
.careplus-newmom #newmom-item .card-info, .careplus-newmom #newmom-item .detail-content {
  margin-top: 6px;
  flex-grow: 1;
}
.careplus-newmom #newmom-item .card-info .item-title, .careplus-newmom #newmom-item .detail-content .item-title {
  font-size: 20px;
  font-weight: 700;
  color: #404041;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.careplus-newmom #newmom-item .card-info .item-desc, .careplus-newmom #newmom-item .detail-content .item-desc {
  font-size: 14px;
  color: #686868;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.careplus-newmom #newmom-item .card-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.careplus-newmom #newmom-item .card-bottom .btn-learn {
  padding: 10px;
  font-size: 16px;
  border-radius: 99px;
  background: #01B4B8;
  color: white;
  border: none;
}
.careplus-newmom #newmom-item .load-more-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 90px 0 0 0;
}
.careplus-newmom #newmom-item .load-more-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid #01B4B8;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  color: #01B4B8;
  cursor: pointer;
}
.careplus-newmom #newmom-item .load-more-btn img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 769px) {
  .careplus-newmom #newmom-item .item-card {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .careplus-newmom #newmom-item .item-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 768px) {
  .careplus-newmom #newmom-item .item-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
    border: none;
    padding: 10px;
    border-radius: 10px;
  }
  .careplus-newmom #newmom-item {
    /* Row 1 + 2 container */
  }
  .careplus-newmom #newmom-item .card-header {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background-color: #fff;
    border: none;
    padding: 0px;
  }
  .careplus-newmom #newmom-item {
    /* Image */
  }
  .careplus-newmom #newmom-item .card-image {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    overflow: hidden;
  }
  .careplus-newmom #newmom-item .card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .careplus-newmom #newmom-item {
    /* Right side */
  }
  .careplus-newmom #newmom-item .card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
  }
  .careplus-newmom #newmom-item .card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .careplus-newmom #newmom-item .item-desc {
    font-size: 12px;
  }
  .careplus-newmom #newmom-item .card-extra {
    font-size: 14px;
    color: #686868;
  }
  .careplus-newmom #newmom-item .card-action .btn-learn {
    padding: 10px;
    font-size: 16px;
    border-radius: 99px;
    background: #01B4B8;
    color: white;
    border: none;
    width: 100%;
  }
  .careplus-newmom #newmom-item .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.careplus-newmom .detail-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.careplus-newmom .detail-container .detail-card {
  display: flex;
  background: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}
.careplus-newmom .detail-container .detail-image {
  width: 40%;
  min-height: 420px;
}
.careplus-newmom .detail-container .detail-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careplus-newmom .detail-container .detail-content {
  flex: 1;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 55%;
}
.careplus-newmom .detail-container .detail-action {
  margin-top: auto;
}
.careplus-newmom #rounded-avatar-grid .member-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 30px;
  margin-top: 24px;
}
.careplus-newmom #rounded-avatar-grid .member-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.careplus-newmom #rounded-avatar-grid .member-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 8px;
}
.careplus-newmom #rounded-avatar-grid .member-name {
  font-size: 14px !important;
  font-weight: 500;
  font-family: Lexend;
  line-height: 18px;
  color: #1B1B1B;
  /* allow 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 768px) {
  .careplus-newmom #rounded-avatar-grid .member-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 15px;
    padding-bottom: 8px;
  }
  .careplus-newmom #rounded-avatar-grid .member-card {
    flex: 0 0 auto;
    width: 100px;
    text-align: center;
  }
  .careplus-newmom #rounded-avatar-grid .member-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .careplus-newmom #rounded-avatar-grid {
    /* Optional: hide scrollbar but keep scrollable */
  }
  .careplus-newmom #rounded-avatar-grid .member-grid::-webkit-scrollbar {
    display: none;
  }
}
.careplus-newmom #square-avatar-grid .sponsor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
  width: 100%;
  margin-top: 24px;
}
.careplus-newmom #square-avatar-grid .sponsor-item {
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  overflow: hidden;
}
.careplus-newmom #square-avatar-grid .sponsor-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .careplus-newmom #square-avatar-grid .sponsor-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 15px;
    padding-bottom: 8px;
  }
  .careplus-newmom #square-avatar-grid .sponsor-item {
    flex: 0 0 auto;
    width: 85px;
  }
  .careplus-newmom #square-avatar-grid .sponsor-item img {
    width: 85px;
    height: 85px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .careplus-newmom #square-avatar-grid .sponsor-grid::-webkit-scrollbar {
    display: none;
  }
}

#registration .loginSignupDialog .dialog-content, #dashboard .loginSignupDialog .dialog-content {
  padding: 16px;
}
#registration .loginSignupDialog .dialog-banner, #dashboard .loginSignupDialog .dialog-banner {
  display: none;
}
@media (min-width: 769px) {
  #registration .loginSignupDialog .web-dialog-radius, #dashboard .loginSignupDialog .web-dialog-radius {
    padding: 0;
  }
  #registration .loginSignupDialog .dialog-content, #dashboard .loginSignupDialog .dialog-content {
    padding: 40px 160px;
  }
  #registration .loginSignupDialog .dialog-banner, #dashboard .loginSignupDialog .dialog-banner {
    display: block;
    width: 100%;
    padding: 0;
  }
  #registration .loginSignupDialog .banner-image, #dashboard .loginSignupDialog .banner-image {
    width: 100%;
    height: auto;
    display: block;
  }
}

.newmom-voucher-frame {
  background: linear-gradient(139.81deg, #FDF8F8 13.1%, #F5EFEF 68.43%);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
}

.newmom-form-control {
  border-radius: 10px !important;
  border: 1px solid #C5C5C5 !important;
  color: #888888 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.onboarding {
  position: relative;
}
.onboarding img {
  width: 100%;
}
.onboarding .onboarding_step1 {
  height: calc(100vh - 100px);
  position: relative;
}
.onboarding .onboarding_step1 .swiper-container {
  margin: 0 !important;
}
.onboarding .onboarding_step1 .swiper-container .swiper-pagination {
  top: 15px;
  width: 100px;
}
.onboarding .onboarding_step1 .swiper-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.99);
}
.onboarding .onboarding_step1 .swiper-container .swiper-pagination-bullet-active {
  background-color: #fff !important;
}
.onboarding .onboarding_step1 .content_app {
  bottom: 0 !important;
  min-height: 40% !important;
}
.onboarding .onboarding_step1 .content {
  background-color: #fff;
  position: absolute;
  bottom: -100px;
  width: 100%;
  min-height: 50%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  right: 0;
  left: 0;
  z-index: 2;
}
.onboarding .onboarding_step1 .content .content_box {
  padding: 25px;
}
.onboarding .onboarding_step1 .content .content_box .title {
  color: #414040;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  margin: 5px 0;
}
.onboarding .onboarding_step1 .content .content_box span {
  color: #686868;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.onboarding .onboarding_step1 .content .content_box .sign_in {
  background-color: var(--teal);
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 100px;
  font-weight: 500;
  width: 100%;
  font-size: 16px;
  margin-top: 20px;
}
.onboarding .onboarding_step1 .content .content_box .sign_out {
  background-color: #fff;
  color: var(--teal);
  border: 1px solid var(--teal);
  margin-top: 10px;
}
.onboarding .onboarding_step1 .content .content_box .guest_text {
  color: #D8990E;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 30px;
}
.onboarding .onboarding_step1 .content .content_box .language_country {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.onboarding .onboarding_step1 .content .content_box .language_country .content_text {
  color: #686868;
  font-weight: 400;
  font-size: 14px;
}
.onboarding .onboarding_step1 .content .content_box .language_country .value {
  color: var(--teal);
  font-weight: 700;
  font-size: 16px;
}
.onboarding .onboarding_step1 .content .content_box .language_country .journey_value {
  display: flex;
  gap: 10px;
}
.onboarding .onboarding_step1 .content .content_box .language_country .journey_value .value_box {
  background-color: #C7C7C7;
  color: #686868;
  font-weight: 400;
  font-size: 14px;
  border-radius: 100px;
  padding: 5px 15px;
}
.onboarding .onboarding_step1 .content .content_box .language_country .journey_value .selected {
  background-color: var(--teal);
  color: #FFFFFF;
}
.onboarding .onboarding_step1 .content .content_box .btm_line {
  width: 100%;
  height: 1px;
  background-color: #F0F0F0;
  margin: 20px 0;
}
.onboarding .onboarding_step2 .top_content {
  background-image: linear-gradient(74.03deg, #00999E 22.44%, rgba(0, 153, 158, 0) 93.73%), url(/icons/onboarding/flower.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px;
  line-height: 30px;
}
.onboarding .onboarding_step2 .top_content .title {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 24px;
  margin-top: 15px;
}
.onboarding .onboarding_step2 .top_content .progress {
  color: rgb(252, 185, 19);
  margin: 20px 0;
  width: 100%;
  height: 8px;
}
.onboarding .onboarding_step2 .top_content .progress-bar {
  background-color: rgb(252, 185, 19);
}
.onboarding .onboarding_step2 .content {
  background-color: #fff;
  position: relative;
  top: -20px;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  right: 0;
  left: 0;
  padding: 30px;
}
.onboarding .onboarding_step2 .content .title {
  color: rgb(65, 64, 64);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  margin-bottom: 10px;
}
.onboarding .onboarding_step2 .content .subtitle {
  color: rgb(104, 104, 104);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.onboarding .onboarding_step2 .content .warning_box {
  background-color: rgb(240, 240, 240);
  padding: 13px;
  border-radius: 10px;
  display: flex;
  font-size: 14px;
  align-items: center;
  font-weight: 400;
  line-height: 17.5px;
  color: rgb(136, 136, 136);
  gap: 10px;
  margin-top: 15px;
}
.onboarding .onboarding_step2 .content .warning_box img {
  width: 30px;
}
.onboarding .onboarding_step2 .content .social-title-selection {
  width: 100%;
}
.onboarding .onboarding_step2 .content .social-title-selection .selector {
  background: transparent;
  position: relative;
}
.onboarding .onboarding_step2 .content .social-title-selection .selector .arrow {
  box-sizing: border-box;
  position: relative;
  left: 91%;
  bottom: 35px;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.onboarding .onboarding_step2 .content .social-title-selection .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.onboarding .onboarding_step2 .content .social-title-selection .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.onboarding .onboarding_step2 .content .social-title-selection .selector .label {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #888888;
  background-color: #F6F6F6;
  border-radius: 10px;
  width: 100%;
  font-weight: 400;
}
.onboarding .onboarding_step2 .content .social-title-selection ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  position: absolute;
  z-index: 1;
  height: auto;
  overflow: auto;
  background: #fff;
  margin-top: 10px;
  border-radius: 15px;
  top: 49px;
}
.onboarding .onboarding_step2 .content .social-title-selection li {
  padding: 10px;
  color: #888888;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #EBE8E8;
}
.onboarding .onboarding_step2 .content .social-title-selection li:hover {
  color: white;
  background: rgb(0, 180, 184);
}
.onboarding .onboarding_step2 .content .social-title-selection .current {
  background: rgb(0, 180, 184);
  color: white;
}
.onboarding .onboarding_step2 .content .social-title-selection .hide {
  display: none;
}
.onboarding .onboarding_step2 .content .social-title-selection .hidden {
  visibility: hidden;
}
.onboarding .onboarding_step2 .content .social-title-selection .visible {
  visibility: visible;
}
.onboarding .onboarding_step2 .privacy_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window {
  max-width: 430px;
  width: 90%;
  padding: 20px 25px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 98%;
  max-height: 800px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window h5 {
  font-size: 25px;
  font-weight: 700;
  color: #000000;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window span {
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0;
  color: #686868;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box {
  background-color: #F0F0F0;
  padding: 15px;
  border-radius: 10px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid #D3D3D3;
  flex: 1;
  overflow: auto;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .journey_text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .journey_text img {
  width: 70px;
  border-radius: 100px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .journey_text h5 {
  color: #404041;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .journey_text span {
  color: #686868;
  font-weight: 400;
  font-size: 14px;
  line-height: 17.5px;
  margin-top: 3px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .info_title {
  color: #5F5F66;
  font-weight: 500;
  font-size: 16px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .gray_box .info_text {
  color: #686868;
  font-weight: 400;
  font-size: 14px;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .agree_btn {
  background-color: var(--teal);
  color: #fff;
  padding: 12px;
  width: 100%;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-top: 25px;
  cursor: pointer;
}
.onboarding .onboarding_step2 .privacy_popup .popup_window .close_btn {
  background-color: #A7A7A7;
  margin-top: 10px;
}
.onboarding .onboarding_step2 .pregnant_journey {
  display: flex;
  flex-direction: column;
  margin: 30px 0;
  gap: 15px;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .journey_content_img {
  width: 100px;
  border-radius: 15px;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .journey_content_text {
  display: flex;
  flex-direction: column;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .journey_content_text .title {
  color: #404041;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .journey_content_text .subtitle {
  color: #828282;
  font-weight: 400;
  font-size: 14px;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .custom-switch .custom-control-label::before {
  background-color: #C7C7C7;
  border: none;
  top: 0.39rem;
  height: 1.5rem;
  left: -2.8125rem;
  width: 3rem;
  border-radius: 1.3rem;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .custom-switch .custom-control-label::after {
  background-color: #FFFFFF;
  width: calc(1.3rem - 2px);
  height: calc(1.3rem - 1px);
  top: calc(0.3125rem + 3.1px);
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FCB913;
  background-color: #FCB913;
}
.onboarding .onboarding_step2 .pregnant_journey .journey_content .custom-control-input:checked ~ .custom-control-label::after {
  left: calc(-2.8125rem + 10.5px);
}
.onboarding .start_btn {
  background-color: var(--teal);
  color: #fff;
  position: absolute;
  padding: 12px;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  text-align: center;
  bottom: 0px;
  border-radius: 100px;
  font-weight: 500;
}
.onboarding .btn_row {
  width: 100%;
  z-index: 10;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  bottom: 0;
}
.onboarding .btn_row .next_btn {
  background-color: var(--teal);
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 100px;
  font-weight: 500;
  width: 90%;
  font-size: 16px;
}
.onboarding .btn_row .back_btn {
  background-color: #A7A7A7;
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 100px;
  width: 90%;
  font-weight: 500;
  font-size: 16px;
}

.privacy_policy {
  padding: 7px 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  overflow: auto;
}
.privacy_policy .journey_text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.privacy_policy .journey_text img {
  width: 70px;
  border-radius: 100px;
}
.privacy_policy .journey_text h5 {
  color: #404041;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.privacy_policy .journey_text span {
  color: #686868;
  font-weight: 400;
  font-size: 14px;
  line-height: 17.5px;
  margin-top: 3px;
}
.privacy_policy .info_title {
  color: #5F5F66;
  font-weight: 500;
  font-size: 16px;
}
.privacy_policy .info_text {
  color: #686868;
  font-weight: 400;
  font-size: 14px;
}

.bgimage-200 {
  background: url(/icons/login/login-img.png) center center no-repeat, linear-gradient(rgba(0, 0, 0, 0.678), rgba(0, 0, 0, 0.678));
  background-blend-mode: overlay;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.bgimage-400 {
  background: url(/icons/login/login-img.png) center center no-repeat, linear-gradient(rgba(0, 0, 0, 0.678), rgba(0, 0, 0, 0.678));
  background-blend-mode: overlay;
  background-size: cover;
  min-height: 100vh;
  position: relative;
  color: #ffffff;
}

.item-200 {
  margin-top: 40%;
}

.sign-in-text {
  font-size: 25px;
  color: #ffffff;
}

.text {
  font-size: 15px;
  color: #ffffff;
}

.logo-text {
  border: 1px solid #ffffff;
  height: 60px;
  border-radius: 30px;
  width: 90%;
  margin-left: 10px;
}

.textinlogo {
  font-size: 18px;
  color: #ffffff;
}

.input-custom {
  background-color: #EEF3F7 !important;
  border: 0px;
}

.input-custom:focus {
  background-color: #ffffff !important;
}

.form-label {
  float: left !important;
}

.login-btn {
  width: 150px;
  background-color: #2DA7AC;
  color: white;
}

.pass-icon {
  margin-left: -40px;
  z-index: 999;
  margin-top: 11px;
  color: grey;
}

.div-height-custom {
  height: 100vh;
}

.padding-remove-x-side {
  padding-left: 0px;
  padding-right: 0px;
}

.margin-remove-x-side {
  margin-left: 0px;
  margin-right: 0px;
}

.default-textcolor-heading {
  color: #2DA7AC !important;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.subcopy {
  color: #424242 !important;
  font-size: 16px;
  font-weight: 500;
}

.form-label-mmy {
  color: #6E7173;
  font-style: normal;
  font-size: 16px;
}

.tnc-font {
  color: #6E7173;
}

::-moz-placeholder {
  color: #6E7173;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  color: #6E7173;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #6E7173;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #6E7173;
}

.global-app-style > .container:first-child {
  padding-left: 0px;
  padding-right: 0px;
}

.textsignwith,
.text-noaccountreg {
  font-size: 18px;
  font-weight: 500;
  color: white;
}

.text-noaccountreg_loginemail {
  font-size: 18px;
  color: #6E7173;
  font-weight: 500;
}

.btn-sign-email {
  background-color: white;
  color: #6E7173;
  border-color: white;
}

.btn-sign-email:focus,
.btn-sign-email:active,
.btn-sign-email:hover,
.btn-sign-email:disabled {
  background-color: #EEF3F7 !important;
  color: #6E7173 !important;
  border-color: #EEF3F7 !important;
}

.btn-sign-fb {
  background-color: #3A5693;
  color: #ffffff !important;
  border-color: #3A5693;
}

.btn-sign-fb:focus,
.btn-sign-fb:active,
.btn-sign-fb:hover {
  background-color: #3A5693 !important;
  color: #ffffff !important;
  border-color: #3A5693 !important;
  box-shadow: unset !important;
}

.btn-login {
  background-color: #2DA7AC;
  color: #ffffff;
  border-color: #2DA7AC;
}

.btn-loginv2 {
  background-color: #2DA7AC;
  color: #ffffff;
  border-color: #2DA7AC;
  width: 120px;
}

.btn-login:focus,
.btn-login:active,
.btn-login:hover,
.btn-login:disabled {
  background-color: #2DA7AC !important;
  color: #ffffff !important;
  border-color: #2DA7AC !important;
}

.btn-loginv2:focus,
.btn-loginv2:active,
.btn-loginv2:hover,
.btn-loginv2:disabled {
  background-color: #2DA7AC !important;
  color: #ffffff !important;
  border-color: #2DA7AC !important;
}

.text-description {
  font-size: 16px;
  color: white;
}

.div-bottom-reg {
  background-color: #2DA7AC;
  min-height: 55px;
  color: #ffffff;
}

.href-register,
.href-login {
  color: inherit;
}

.href-register:hover,
.href-register:active,
.href-login:hover,
.href-login:active {
  color: inherit;
  text-decoration: unset;
}

.icon-goback-chevron {
  position: absolute;
  top: 15px;
  left: 15px;
}

.form-label {
  float: left !important;
}

.login-btn {
  width: 150px;
  background-color: #2DA7AC;
  color: white;
}

.pass-icon {
  margin-left: -40px;
  z-index: 999;
  margin-top: 11px;
  color: grey;
}

.middleline-text {
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  color: #6E7173;
}

.middleline-text:before,
.middleline-text:after {
  background-color: #E0E0E0;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 44%;
}

.middleline-text:before {
  right: 1em;
  margin-left: -50%;
}

.middleline-text:after {
  left: 1em;
  margin-right: -50%;
}

.container-top-margin {
  margin-top: 60px;
}

.input-custom-float {
  border: none;
  background-color: transparent !important;
  color: #6E7173;
  border-radius: 0px;
  height: 55px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #000000;
}

.floating-label {
  pointer-events: none;
  position: absolute;
  padding-left: 15px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: text;
  color: #6E7173;
}

.input-custom-float:not(:-moz-placeholder) + .floating-label {
  top: 5px;
  /* -webkit-transform: scale(0.7) translateY(-10%) translateX(-8.5px);
  transform: scale(0.7) translateY(-10%) translateX(-8.5px); */
  font-size: 12px;
}

.input-custom-float:focus + .floating-label,
.input-custom-float:not(:placeholder-shown) + .floating-label {
  top: 5px;
  /* -webkit-transform: scale(0.7) translateY(-10%) translateX(-8.5px);
  transform: scale(0.7) translateY(-10%) translateX(-8.5px); */
  font-size: 12px;
}

.input-custom-float:not(:-moz-placeholder) {
  padding-top: 24px;
}

.input-custom-float:not(:placeholder-shown) {
  padding-top: 24px;
}

.input-custom-float,
.floating-label {
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.input-custom-float:focus {
  background-color: transparent;
}

.div-fixbottom {
  z-index: 999;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 500px;
  background-color: #ffffff;
}

.password-input-col .input-group {
  position: static;
}

.web-input {
  width: 100%;
}

.app-input {
  width: 100%;
}

.app-btn {
  font-size: 15px;
  width: 100px;
}

.web-btn {
  margin-right: 10px;
}

.login-btn {
  width: 150px;
  background-color: #2DA7AC;
  color: white;
}

.pass-icon {
  margin-left: -40px;
  z-index: 999;
  margin-top: 11px;
  color: grey;
}

.bgpass-200 {
  background: url(/icons/login/mmy_logo_header.png) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  position: relative;
}

.bgpass-400 {
  background: url(/icons/login/mmy_logo_header.png) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  position: relative;
}

.signup-with-mobile {
  border: 1px solid #2DA7AC;
  background-color: #2DA7AC;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.error-message {
  color: #cc0033;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0;
}

.return_err {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  gap: 10px;
}
.return_err .back_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.return_err .back_btn span {
  background-color: #00b4b8;
  color: white;
  white-space: nowrap;
  padding: 10px;
  border-radius: 99px;
  font-size: 15px;
  text-align: center;
  width: 100%;
}

.notification {
  background-color: rgb(243, 247, 251);
  padding: 10px;
  height: 100vh;
  overflow: auto;
}
.notification .mark_as_read {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 22.62px;
  text-align: left;
  color: rgb(45, 167, 172);
  gap: 5px;
}
.notification .unread {
  background-color: rgba(235, 232, 232, 0.26);
}
.notification .read {
  background-color: #fff;
}
.notification .notification_box {
  border: 1px solid rgb(229, 229, 229);
  border-radius: 8px;
  margin: 10px 0;
}
.notification .notification_box .noti_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(36, 36, 36);
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
}
.notification .notification_box .noti_header img {
  width: 19px;
}
.notification .notification_box .noti_header .date_time {
  font-weight: 500;
  font-size: 10px;
  color: rgb(104, 104, 104);
}
.notification .notification_box .line {
  width: 100%;
  height: 1px;
  background-color: rgb(229, 229, 229);
}
.notification .notification_box .notification_content {
  padding: 10px;
}
.notification .notification_box .notification_content .dot_box {
  display: flex;
  justify-content: flex-end;
}
.notification .notification_box .notification_content .dot_box .dot {
  border-radius: 100px;
  border: 1px solid rgb(45, 167, 172);
  width: 7px;
  height: 7px;
}
.notification .notification_box .notification_content .dot_box .clicked_dot {
  border-radius: 100px;
  background-color: rgb(45, 167, 172);
  width: 7px;
  height: 7px;
}
.notification .notification_box .notification_content h5 {
  color: rgb(36, 36, 36);
  font-weight: 600;
  font-size: 12px;
}
.notification .notification_box .notification_content .content {
  color: rgb(97, 97, 97);
  font-weight: 400;
  font-size: 12px;
}

.login_v2 {
  background-color: #EDA0A1;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.login_v2 .img_box {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  flex-shrink: 0;
  width: 100%;
}
.login_v2 .img_box img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.login_v2 .content {
  background-color: #fff;
  position: relative;
  width: 100%;
  flex: 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px 30px 30px 30px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.login_v2 .content h1 {
  color: #414040;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  flex-shrink: 0;
}
.login_v2 .content .almost_there {
  color: #FCB913;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.200000003px;
  display: flex;
  justify-content: flex-end;
}
.login_v2 .content .completed {
  color: #0AC400;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.200000003px;
  display: flex;
  justify-content: flex-end;
}
.login_v2 .content .progress {
  color: rgb(252, 185, 19);
  margin-bottom: 15px;
  width: 100%;
  height: 8px;
  flex-shrink: 0;
}
.login_v2 .content .progress-bar {
  background-color: rgb(252, 185, 19);
}
.login_v2 .content .green {
  color: #0AC400;
}
.login_v2 .content .green .progress-bar {
  background-color: #0AC400;
}
.login_v2 .content .step_container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.login_v2 .content .mobile_no_box {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-direction: column;
  text-align: center;
  flex-shrink: 0;
}
.login_v2 .content .mobile_no_box span {
  color: #686868;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.login_v2 .content .mobile_input_box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  flex-shrink: 0;
}
.login_v2 .content .mobile_input_box .prefix {
  width: 30%;
}
.login_v2 .content .mobile_input_box .prefix .selector {
  background: transparent;
  position: relative;
}
.login_v2 .content .mobile_input_box .prefix .selector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.login_v2 .content .mobile_input_box .prefix .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.login_v2 .content .mobile_input_box .prefix .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.login_v2 .content .mobile_input_box .prefix .selector .label {
  display: block;
  padding: 13px;
  font-size: 16px;
  color: #888;
  background-color: #F6F6F6;
  border-radius: 10px;
  width: 100%;
}
.login_v2 .content .mobile_input_box .prefix ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  position: absolute;
  z-index: 1;
  height: auto;
  overflow: auto;
  background: #fff;
  margin-top: 10px;
  border-radius: 15px;
  top: 46px;
}
.login_v2 .content .mobile_input_box .prefix li {
  padding: 10px;
  color: #888888;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  gap: 10px;
}
.login_v2 .content .mobile_input_box .prefix li:hover {
  color: white;
  background: rgb(0, 180, 184);
}
.login_v2 .content .mobile_input_box .prefix .current {
  background: rgb(0, 180, 184);
  color: white;
}
.login_v2 .content .mobile_input_box .prefix .hidden {
  visibility: hidden;
}
.login_v2 .content .mobile_input_box .prefix .visible {
  visibility: visible;
}
.login_v2 .content .mobile_input_box .mobile_input {
  background-color: #F6F6F6;
  color: #888888;
  padding: 13px;
  border: none;
  border-radius: 10px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
}
.login_v2 .content .btn_action {
  margin-top: auto;
  padding-top: 20px;
  width: 100%;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}
.login_v2 .content .next_btn {
  background-color: var(--teal);
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 100px;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
}
.login_v2 .content .back {
  background-color: #A7A7A7;
}
.login_v2 .content .otp-text {
  font-size: 12.5px;
  color: #797979;
}
.login_v2 .content .otp-container-mobile {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 20px;
  gap: 8px;
  flex-shrink: 0;
}
.login_v2 .content .otp-box-mobile {
  width: 100%;
  max-width: 50px;
  height: 45px;
  font-size: 20px;
  text-align: center;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  background-color: #F6F6F6;
  color: #686868;
}
.login_v2 .content .otp-box-mobile:focus {
  border: 1px solid rgb(211, 211, 211);
}
.login_v2 .content .custom_input_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
  flex-shrink: 0;
}
.login_v2 .content .custom_input_box .register_input {
  background-color: #F6F6F6;
  color: #888888;
  padding: 13px;
  border: none;
  border-radius: 10px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
}
.login_v2 .content .log_text {
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  color: #686868;
  margin-top: 12px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.login_v2 .content .log_text .contact {
  font-weight: 700;
  color: var(--teal);
}

.event-banner::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.event-banner {
  margin: 4px 0px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.shop-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.shop-container .shop-item {
  flex: 0 0 50%;
  text-align: center;
  margin: 10px 5px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .shop-container .shop-item {
    flex: 0 0 calc(25% - 20px);
  }
}
.shop-container .shop-item:first-child {
  margin-left: 0;
}
.shop-container .shop-item:last-child {
  margin-right: 0;
}
.shop-container .card {
  background-color: transparent;
  border: none;
}
.shop-container .shop-image-container {
  position: relative;
  width: 150px;
  height: 150px;
}
.shop-container .shop-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.shop-container .shop-logo {
  top: -20px;
  position: relative;
  z-index: 1;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 800px;
  background-color: #fff;
  width: 40px;
}
.shop-container .shop-logo-bg {
  background-color: #fff;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 100%;
}
.shop-container .shop-title-container {
  top: -20px;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.shop-container .shop-title-container p {
  color: #1B1B1B;
}

.event-item {
  margin: 25px 0px;
}

.affiliate-program {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 15px;
  gap: 15px;
  min-height: 80vh;
  justify-content: center;
}
.affiliate-program .title {
  color: #404041;
  font-weight: 600;
  font-size: 20px;
  line-height: 9.58px;
  text-align: center;
}
.affiliate-program .subtitle {
  color: #828282;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
}
.affiliate-program .banners {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 95%;
  cursor: pointer;
}
.affiliate-program .tools {
  width: 100%;
  margin-top: 30px;
}
.affiliate-program .tools .title {
  color: #404041;
  font-weight: 600;
  font-size: 20px;
  line-height: 9.58px;
  text-align: center;
}
.affiliate-program .tools .tool-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 15px;
}
.affiliate-program .tools .tool-grid .icon-bg {
  background-color: #CCF0F1;
  box-shadow: 0px 2px 3px #66D2D4;
  transition: 0.2s;
  cursor: pointer;
}
.affiliate-program .tools .tool-grid .icon-bg:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px #66D2D4;
}
.affiliate-program .tools .tool-grid .icon-title {
  color: #424242;
  font-weight: 300;
  font-size: 9px;
  text-align: center;
  width: 60px;
}

.mct-form {
  padding: 0 15px;
  overflow: auto;
}
.mct-form .title {
  color: #000000;
  font-weight: 400;
  font-size: 11px;
}
.mct-form .profile-user-avatar {
  width: 60px;
  height: 60px;
  cursor: pointer;
  border-radius: 100%;
}
.mct-form .name {
  color: #586767;
  font-weight: 500;
  font-size: 15px;
}
.mct-form .email {
  color: #708283;
  font-weight: 300;
  font-size: 11px;
}
.mct-form .ques-title {
  color: #404041;
  font-weight: 400;
  font-size: 15px;
}
.mct-form .ques-subtitle {
  color: #708283;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.mct-form .acc-status {
  display: flex;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  justify-content: space-around;
  width: 100%;
}
.mct-form .acc-option {
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 205px;
  transition: background-color 0.3s ease;
  color: rgb(66, 66, 66);
  justify-content: center;
}
.mct-form .input-label-content {
  position: relative;
  margin-top: 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.mct-form .input-label-content .prefix {
  position: absolute;
  left: 15px;
  top: 15px;
}
.mct-form .input-label-content .rightPrefix {
  position: absolute;
  right: 15px;
  cursor: pointer;
  bottom: 18px;
}
.mct-form .input-content::-webkit-input-placeholder {
  color: #888;
}
.mct-form .input-content {
  font-size: 15px;
  display: block;
  width: 100%;
  height: 60px;
  padding: 10px;
  background: transparent;
  color: #888888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-form .input-content:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.mct-form .hint {
  font-size: 11px;
  color: gray;
  margin-top: 5px;
}
.mct-form .toggle-selection {
  width: 100%;
  margin-top: 5px;
}
.mct-form .toggle-selection .selector {
  background: transparent;
  position: relative;
}
.mct-form .toggle-selection .selector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.mct-form .toggle-selection .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(54, 51, 51, 0.67);
  border-right: 2px solid rgba(54, 51, 51, 0.67);
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.mct-form .toggle-selection .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.mct-form .toggle-selection .selector .label {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  font-weight: 400;
}
.mct-form .toggle-selection ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  -o-object-position: center 12%;
     object-position: center 12%;
  margin: 0;
  font-size: 16px;
  border: 1px solid gainsboro;
  position: absolute;
  z-index: 1;
  overflow: auto;
  background: #fff;
}
.mct-form .toggle-selection li {
  padding: 10px;
  color: #666;
  margin-top: 2px;
}
.mct-form .toggle-selection li:hover {
  color: white;
  background: rgb(0, 180, 184);
}
.mct-form .toggle-selection .current {
  background: rgb(0, 180, 184);
  color: white;
}
.mct-form .toggle-selection .hidden {
  visibility: hidden;
}
.mct-form .toggle-selection .visible {
  visibility: visible;
}
.mct-form .submit-btn {
  font-weight: 600;
  color: #fff;
  background-color: rgb(0, 180, 184);
  bottom: 0;
  padding: 13px;
  width: 100%;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 20px;
  border-radius: 100px;
  cursor: pointer;
  margin-top: 30px;
}
.mct-form .address_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-form .address_popup .popup_window {
  max-width: 400px;
  width: 90%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  overflow: auto;
}
.mct-form .address_popup .popup_window h5 {
  font-size: 15px;
}
.mct-form .address_popup .popup_window .address-info-box-detail {
  background: linear-gradient(rgb(255, 255, 255), rgb(239, 251, 255));
  margin: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 3px 0 rgb(223, 229, 231), inset 2px 0px 3px rgba(255, 255, 255, 0.2);
  width: 100%;
}
.mct-form .address_popup .popup_window .address-info-box-detail:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px #66D2D4;
}
.mct-form .address_popup .popup_window .address-info-box-detail .user-address-name {
  color: rgb(92, 88, 88);
  font-weight: 600;
  font-size: 14px;
}
.mct-form .address_popup .popup_window .address-info-box-detail .address-info-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(132, 98, 98);
}
.mct-form .address_popup .popup_window .address-info-box-detail .address-info-text .address-btn {
  color: rgb(240, 78, 33);
  background-color: transparent;
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  border: 1px solid rgb(240, 78, 33);
  cursor: pointer;
}
.mct-form .address_popup .popup_window .address-info-box-detail .address-info-text .selected {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
}
.mct-form .address_popup .popup_window .address-info-box-detail .address-info-text .address-edit-btn {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-form .address_popup .popup_window .cancel-btn {
  color: #fff;
  background-color: gray;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-form .address_popup .popup_window .confirm-btn {
  color: #fff;
  background-color: rgb(0, 180, 184);
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-form .address_popup .popup_window .add-btn {
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 13px;
  padding: 7px 19px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 13px;
  cursor: pointer;
}
.mct-form .progress_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-form .progress_popup .popup_window {
  max-width: 500px;
  width: 100%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  gap: 10px;
}
.mct-form .progress_popup .popup_window .progress-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(250, 248, 252);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
}
.mct-form .progress_popup .popup_window .progress-box .title {
  color: rgb(0, 0, 0);
  font-weight: 400;
  font-size: 14px;
}
.mct-form .progress_popup .popup_window .progress-box .subtitle {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 10px;
}
.mct-form .progress_popup .popup_window .progress-box .update-btn {
  background: rgb(0, 180, 184);
  color: #fff;
  border-radius: 99px;
  font-weight: 600;
  font-size: 10px;
  padding: 6px 10px;
}
.mct-form .progress_popup .popup_window .progress-box-complete {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(238, 238, 238);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
}
.mct-form .progress_popup .popup_window .progress-box-complete .title {
  color: rgb(0, 0, 0);
  font-weight: 400;
  font-size: 14px;
}
.mct-form .progress_popup .popup_window .progress-box-complete .subtitle {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 10px;
}
.mct-form .progress_popup .popup_window .progress-box-complete .update-btn {
  background: transparent;
  color: rgb(0, 180, 184);
  border-radius: 99px;
  font-weight: 600;
  font-size: 10px;
  padding: 6px 10px;
}
.mct-form .progress_popup .popup_window span {
  font-size: 15px;
  color: #000;
  font-weight: 600;
}

.mct-infopage {
  padding-bottom: 20px;
}
.mct-infopage .slick-prev {
  left: -12px;
  z-index: 90;
  width: 30px;
  height: 30px;
}
.mct-infopage .slick-next {
  right: -9px;
  z-index: 90;
  width: 30px;
  height: 30px;
}
.mct-infopage .slick-prev:before,
.mct-infopage .slick-next:before {
  font-family: "slick";
  font-size: 37px;
  line-height: 1;
  opacity: 0.75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mct-infopage .AffiliateBanner_app {
  background-image: url(/icons/profilev2/affiliate-bg.png);
  background-color: #FEC40D;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #6B0000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-blend-mode: overlay;
  padding: 0 10px;
  height: 65px;
}
.mct-infopage .AffiliateBanner_app .banner-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}
.mct-infopage .AffiliateBanner_app .banner-text {
  font-size: 11.5px;
  font-weight: 400;
}
.mct-infopage .AffiliateBanner_app .banner-btn {
  background: #EC1C24;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 10.2px;
  border-radius: 100px;
  padding: 6px 15px;
  margin: 0 5px;
  text-align: center;
  white-space: nowrap;
}
.mct-infopage .AffiliateBanner {
  background-image: url(/icons/profilev2/affiliate-bg.png);
  background-color: #FEC40D;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #6B0000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-blend-mode: overlay;
  padding: 0 10px;
  height: 55px;
}
.mct-infopage .AffiliateBanner .banner-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
}
.mct-infopage .AffiliateBanner .banner-text {
  font-size: 11.5px;
  font-weight: 400;
}
.mct-infopage .AffiliateBanner .banner-btn {
  background: #EC1C24;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 10.2px;
  border-radius: 100px;
  padding: 6px 15px;
  margin: 0 5px;
  text-align: center;
}
.mct-infopage .slides {
  padding: 0 3px;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  cursor: pointer;
}
.mct-infopage .slides .sponsor-box {
  align-items: center;
  background: #fff;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  border: 1px solid #f3f4f5;
  height: 100px;
  width: 100px;
  padding: 10px;
}
.mct-infopage .slides .sponsor-box img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.mct-infopage .slickSlides {
  padding: 0 2px;
  height: 100%;
  cursor: pointer;
}
.mct-infopage .slickSlides .slickborder {
  border: 2px solid rgb(228, 228, 228);
  border-radius: 6.14px;
  min-height: 235px;
  display: flex;
  flex-direction: column;
  max-width: 210px;
}
.mct-infopage .slickSlides .slickborder img {
  width: 100%;
  height: 150px;
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.mct-infopage .slickSlides .slickborder .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  padding: 0 5px;
  min-height: auto;
}
.mct-infopage .onGoingSlide {
  padding: 0 3px;
  margin: 3px 0px;
  cursor: pointer;
}
.mct-infopage .slick-track {
  display: flex !important;
  align-items: stretch;
}
.mct-infopage .slick-slide {
  height: inherit !important;
}
.mct-infopage .slick-slide > div {
  height: 100%;
}
.mct-infopage .view-all {
  font-size: 12px;
  text-align: end;
  cursor: pointer;
  color: grey;
  padding: 0 5px;
}
.mct-infopage .profile-card {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 15px;
  width: 100%;
  height: 125px;
  background-color: #fff;
  display: flex;
  background-image: url("/icons/affiliate/bg.svg");
  background-position: right;
  background-repeat: no-repeat;
  justify-content: center;
  border: 1px solid #F4F4F4;
}
.mct-infopage .profile-card .text-id {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  color: #BAAB9A;
}
.mct-infopage .profile-card .text-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-infopage .profile-card .upd-btn {
  background-color: #EDE1D1;
  color: #A07A49;
  font-weight: 400;
  font-size: 10px;
  padding: 4px 16px;
  border-radius: 100px;
  cursor: pointer;
}
.mct-infopage .profile-card .action-btn {
  background-color: #FFF8EA;
  border-radius: 100px;
  padding: 7px 15px;
  color: #895B20;
  font-weight: 400;
  font-size: 10px;
  width: 157px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
}
.mct-infopage .profile-card .action-btn-campaign {
  background-color: #714949;
  padding: 12px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-left-radius: 15px;
}
.mct-infopage .profile-card .action-btn-review {
  background-color: #9F1D20;
  padding: 12px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-right-radius: 15px;
}
@media (min-width: 992px) {
  .mct-infopage .profile-card .action-btn-campaign {
    max-width: 200px;
  }
  .mct-infopage .profile-card .action-btn-review {
    max-width: 200px;
  }
}
.mct-infopage .profile-card .profile-actions {
  justify-content: center;
  gap: 10px;
  padding: 0 10px 10px;
}
.mct-infopage .profile-card .profile-actions .action-btn-campaign,
.mct-infopage .profile-card .profile-actions .action-btn-review {
  width: 40%;
  max-width: 40%;
  flex: 0 0 40%;
  border-radius: 10px;
}
.mct-infopage .profile-card .bg {
  position: absolute;
  right: 0;
  width: 94px;
  right: 8px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 1px;
}
.mct-infopage .steps-grid {
  display: flex;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.mct-infopage .steps-grid .steps_info {
  flex: 0 0 calc(50% - 2px);
  max-width: calc(50% - 2px);
}
@media (min-width: 576px) {
  .mct-infopage .steps-grid {
    flex-wrap: nowrap;
  }
  .mct-infopage .steps-grid .steps_info {
    flex: 1 1 0;
    max-width: none;
  }
}
.mct-infopage .steps_info {
  border: 1.05px solid #FCB712;
  background-color: #FFF9EB;
  border-radius: 11px;
  flex: 1;
  height: 100px;
  padding: 3px 5px;
  position: relative;
}
.mct-infopage .steps_info .number {
  color: #FFC830;
  font-weight: 600;
  font-size: 14px;
}
.mct-infopage .steps_info img {
  position: absolute;
  right: 6px;
  z-index: 1;
  top: 16px;
}
.mct-infopage .steps_info .step_text {
  font-size: 9.4px;
  font-weight: 300;
  line-height: 12px;
  text-align: right;
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  right: 4px;
  align-items: flex-end;
  padding: 0 2px;
  top: 42px;
  gap: 4px;
}
.mct-infopage .steps_info .step_text .title {
  font-weight: 600;
  font-size: 17px;
}
.mct-infopage .steps_info .step_text .subtitle {
  width: 75%;
  font-size: 14px;
  margin-top: 2px;
}
.mct-infopage .steps_info::after {
  content: "";
  background: url("/icons/affiliate/rectangle.svg") no-repeat right center;
  background-size: 90%;
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  left: 0;
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px;
}
.mct-infopage .verticalBanner {
  background: linear-gradient(180deg, #FFCE3B 0%, #FCB913 100%);
  border-radius: 10px;
  width: 90px;
  height: 148px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.mct-infopage .verticalBanner .no-box {
  background-color: #fff;
  color: #FFC830;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  width: 36px;
  margin-top: 10px;
  text-align: center;
  justify-content: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.mct-infopage .verticalBanner .banner-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5px;
}
.mct-infopage .verticalBanner .banner-text .title {
  font-weight: 600;
  font-size: 9px;
  color: #fff;
  text-align: center;
  margin-top: 3px;
}
.mct-infopage .verticalBanner .banner-text .subtitle {
  font-weight: 300;
  font-size: 8px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  margin-top: 3px;
}
.mct-infopage .verticalBanner:nth-child(2) {
  background: linear-gradient(180deg, #EC1C24 0%, #9F1D20 100%);
}
.mct-infopage .verticalBanner:nth-child(2) .no-box {
  color: #A31E21;
}
.mct-infopage .verticalBanner:nth-child(3) {
  background: linear-gradient(180deg, #B6802C 0%, #8F5A24 100%);
}
.mct-infopage .verticalBanner:nth-child(3) .no-box {
  color: #915C25;
}
.mct-infopage .verticalBanner:nth-child(4) {
  background: linear-gradient(180deg, #FFF8EA 0%, #6D6E70 100%);
}
.mct-infopage .verticalBanner:nth-child(4) .no-box {
  color: #727374;
}
.mct-infopage .see-review {
  color: #6B0000;
  font-weight: 600;
  font-size: 11px;
  background-color: #FCB913;
  border-radius: 100px;
  padding: 5px 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  max-width: 300px;
  width: 70%;
}
.mct-infopage .buy-now {
  color: #fff;
  font-weight: 600;
  font-size: 9px;
  background-color: #EC1C24;
  border-radius: 100px;
  padding: 5px 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mct-infopage .rating {
  display: flex;
  flex-direction: column;
  width: 185px;
  height: 300px;
  border-radius: 6.14px;
  align-items: center;
  gap: 5px;
  border: 2px solid #F27A53;
  position: relative;
}
.mct-infopage .rating .new-tag {
  position: absolute;
  top: -7px;
  left: 0;
}
.mct-infopage .rating .new-tag-res {
  position: absolute;
  top: -7px;
  left: 0;
}
.mct-infopage .rating .img-box {
  background-color: #FEF8E8;
}
.mct-infopage .rating .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  min-height: auto;
}
.mct-infopage .rating .small-text {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: center;
  color: #818181;
}
.mct-infopage .rating .rate-btn {
  background-color: #EC1C24;
  color: #fff;
  border-radius: 100px;
  padding: 2px 15px;
  margin-top: 3px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.mct-infopage .rating .stars-rating {
  display: inline-block;
}
.mct-infopage .rating .stars-rating .star {
  width: 50px;
  height: 50px;
  background: conic-gradient(#FDCB5A 0% 25%, #FDB62F 25% 50%, #F8883D 50% 75%, #FDB62F 75% 100%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.mct-infopage .rating .stars-rating .filled {
  filter: none;
}
.mct-infopage .Secrating {
  border: none;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: column;
  width: 185px;
  height: 299px;
  border-radius: 6.14px;
  align-items: center;
  gap: 5px;
}
.mct-infopage .Secrating .img-box {
  background-color: #FEF8E8;
}
.mct-infopage .Secrating .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  min-height: auto;
}
.mct-infopage .Secrating .small-text {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: center;
  color: #818181;
}
.mct-infopage .Secrating .rate-btn {
  background-color: #EC1C24;
  color: #fff;
  border-radius: 100px;
  padding: 2px 15px;
  margin-top: 3px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.mct-infopage .Secrating .stars-rating {
  display: inline-block;
}
.mct-infopage .Secrating .stars-rating .star {
  width: 50px;
  height: 50px;
  background: conic-gradient(#FDCB5A 0% 25%, #FDB62F 25% 50%, #F8883D 50% 75%, #FDB62F 75% 100%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.mct-infopage .Secrating .stars-rating .filled {
  filter: none;
}
.mct-infopage .community .title {
  color: #6B0000;
  font-weight: 600;
  font-size: 17px;
}
.mct-infopage .community .slickSlide {
  padding: 0 3px;
  height: 100%;
  cursor: pointer;
}
.mct-infopage .community .slickSlide .community-box {
  align-items: center;
  background: #fff;
  border-radius: 7px;
  display: flex;
  justify-content: center;
}
.mct-infopage .community .slickSlide .community-box img {
  height: 260px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 12%;
     object-position: center 12%;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.mct-infopage .community .slickSlide .winner-box img {
  height: 260px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 12%;
     object-position: center 12%;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.mct-infopage .community .slick-track {
  display: flex !important;
  align-items: stretch;
}
.mct-infopage .community .slick-slide {
  height: inherit !important;
}
.mct-infopage .community .slick-slide > div {
  height: 100%;
}
.mct-infopage .ig-btn {
  text-align: center;
  border-radius: 3px;
  background-color: #E1306C;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 5px 15px;
  cursor: pointer;
}
.mct-infopage .fb-btn {
  text-align: center;
  border-radius: 3px;
  background-color: #4267B2;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 5px 15px;
  cursor: pointer;
}
.mct-infopage .tester-btn {
  background-color: #EC1C24;
  color: #fff;
  padding: 12px 10px;
  width: 95%;
  border-radius: 100px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.mct-infopage .noti_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-infopage .noti_popup .popup_window {
  max-width: 400px;
  width: 100%;
  padding: 30px 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  gap: 15px;
}
.mct-infopage .noti_popup .popup_window .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
}
.mct-infopage .noti_popup .popup_window .subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}
.mct-infopage .noti_popup .popup_window .noti-btn {
  background-color: #EC1C24;
  color: #fff;
  padding: 10px;
  width: 100%;
  border-radius: 100px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.mct-infopage .gallery {
  display: grid;
  grid-gap: 9px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.mct-infopage .gallery img {
  width: 100%;
  height: auto;
}
.mct-infopage .gallery .main-image {
  grid-row-end: span 2;
  grid-column: span 2;
}
.mct-infopage .gallery .horizontal {
  grid-row-end: span 1;
}
.mct-infopage .gallery .vertical {
  grid-row: span 1;
}
.mct-infopage .address_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-infopage .address_popup .popup_window {
  max-width: 450px;
  width: 100%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 5px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.mct-infopage .address_popup .popup_window h5 {
  font-size: 15px;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail {
  background: linear-gradient(rgb(255, 255, 255), rgb(239, 251, 255));
  margin: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 3px 0 rgb(223, 229, 231), inset 2px 0px 3px rgba(255, 255, 255, 0.2);
  width: 100%;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px #66D2D4;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail .user-address-name {
  color: rgb(92, 88, 88);
  font-weight: 600;
  font-size: 14px;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail .address-info-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(132, 98, 98);
}
.mct-infopage .address_popup .popup_window .address-info-box-detail .address-info-text .address-btn {
  color: rgb(240, 78, 33);
  background-color: transparent;
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  border: 1px solid rgb(240, 78, 33);
  cursor: pointer;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail .address-info-text .selected {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
}
.mct-infopage .address_popup .popup_window .address-info-box-detail .address-info-text .address-edit-btn {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-infopage .address_popup .popup_window .cancel-btn {
  color: #fff;
  background-color: gray;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-infopage .address_popup .popup_window .confirm-btn {
  color: #fff;
  background-color: rgb(0, 180, 184);
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-infopage .address_popup .popup_window .add-btn {
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 13px;
  padding: 7px 19px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 13px;
  cursor: pointer;
}

.mct-dashboard .dashboard_tester {
  display: flex;
  justify-content: center;
  padding: 10px;
  background-color: #FCB712;
}
.mct-dashboard .profile-card {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 15px;
  width: 381px;
  height: 200px;
  background-color: #fff;
  display: flex;
  background-image: url("/icons/affiliate/big-bg.svg");
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  border: 1px solid #F4F4F4;
}
.mct-dashboard .profile-card .number {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
}
.mct-dashboard .profile-card .text {
  color: #BAAB9A;
  font-size: 12px;
  font-weight: 500;
  white-space: pre-line;
  text-align: center;
}
.mct-dashboard .profile-card .text-id {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  color: #BAAB9A;
}
.mct-dashboard .profile-card .text-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-dashboard .profile-card .non-tester-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-dashboard .profile-card .join-campaign-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  padding: 8px 13px;
  cursor: pointer;
  margin-top: 10px;
}
.mct-dashboard .profile-card .action-btn-campaign {
  background-color: #714949;
  padding: 7px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-left-radius: 15px;
}
@media (min-width: 992px) {
  .mct-dashboard .profile-card .action-btn-campaign {
    max-width: 200px;
  }
  .mct-dashboard .profile-card .action-btn-review {
    max-width: 200px;
  }
}
.mct-dashboard .profile-card .action-btn-review {
  background-color: #9F1D20;
  padding: 7px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-right-radius: 15px;
}
.mct-dashboard .profile-card .upd-btn {
  background-color: #EDE1D1;
  color: #A07A49;
  font-weight: 400;
  font-size: 10px;
  padding: 4px 16px;
  border-radius: 100px;
  cursor: pointer;
}
.mct-dashboard .profile-card .action-btn {
  background-color: #FFF8EA;
  border-radius: 100px;
  padding: 7px 15px;
  color: #895B20;
  font-weight: 400;
  font-size: 10px;
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
}
.mct-dashboard .profile-card .bg {
  position: absolute;
  right: 0;
  width: 94px;
  right: 8px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 1px;
}
.mct-dashboard .white-bg .mct-tab {
  position: relative;
  background-color: #fff;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  top: 12px;
  height: auto;
}
.mct-dashboard .white-bg .mct-tab .nav {
  display: flex;
}
.mct-dashboard .white-bg .mct-tab .nav .nav_item {
  flex: 1;
  text-align: center;
  padding: 2px 10px;
  font-size: 14px;
  color: #424242;
  cursor: pointer;
  font-weight: 300;
}
.mct-dashboard .white-bg .mct-tab .nav .active_nav {
  border-bottom: solid 3px #424242;
  color: #424242;
  font-weight: 500;
}
.mct-dashboard .white-bg .mct-tab .mct_section {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card {
  box-shadow: none;
  border-radius: 0;
  max-width: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 175px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .newend-tag {
  position: absolute;
  top: 0;
  width: 70px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
  top: 7px;
  padding: 4px 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 91px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .item-img {
  width: 175px;
  height: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .review-Jointitle {
  font-weight: 800;
  font-size: 11px;
  white-space: pre-line;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .info .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .disabled {
  background-color: #CBCBCB;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 10px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: auto;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .newend-tag {
  position: absolute;
  top: 0;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
  top: 7px;
  padding: 2px 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 91px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .item-img {
  width: 175px;
  height: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info .review-Jointitle {
  font-weight: 800;
  font-size: 11px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .disabled {
  background-color: #CBCBCB;
  color: #fff;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 10px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail {
  background-color: #fff;
  width: 100%;
  color: #424242;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px 11px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content {
  display: flex;
  flex-direction: column;
  color: #424242;
  font-size: 10px;
  padding: 10px 0px 0px 0px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .expand-icon {
  transform: rotate(180deg);
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .view-content {
  font-size: 11px;
  width: 100%;
  height: 110px;
  padding: 10px;
  background: transparent;
  color: #424242;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .review-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason {
  display: flex;
  background-color: #FCF7EF;
  border-radius: 10px;
  border: 2px dotted #F2E2CC;
  flex-direction: column;
  padding: 15px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason .title {
  color: #A07A49;
  font-weight: 600;
  font-size: 12px;
}
.mct-dashboard .white-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason .text {
  color: #000000;
  font-weight: 300;
  font-size: 10px;
  text-align: justify;
  margin-top: 10px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 175px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .newend-tag {
  position: absolute;
  top: 0;
  width: 65px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 8px;
  top: 7px;
  padding: 2px 7px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 68px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .item-img {
  width: 150px;
  height: 175px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .review-Jointitle {
  font-weight: 800;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .info .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .disabled {
  background-color: #CBCBCB;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 6px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: auto;
  flex-direction: column;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .newend-tag {
  position: absolute;
  top: 0;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 8px;
  top: 7px;
  padding: 2px 7px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 68px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .item-img {
  width: 150px;
  height: 175px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .review-Jointitle {
  font-weight: 800;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 6px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail {
  background-color: #fff;
  width: 100%;
  color: #424242;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px 11px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content {
  display: flex;
  flex-direction: column;
  color: #424242;
  font-size: 10px;
  padding: 10px 0px 0px 0px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .expand-icon {
  transform: rotate(180deg);
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .view-content {
  font-size: 11px;
  width: 100%;
  height: 110px;
  padding: 10px;
  background: transparent;
  color: #424242;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .review-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason {
  display: flex;
  background-color: #FCF7EF;
  border-radius: 10px;
  border: 2px dotted #F2E2CC;
  flex-direction: column;
  padding: 15px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason .title {
  color: #A07A49;
  font-weight: 600;
  font-size: 12px;
}
.mct-dashboard .white-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason .text {
  color: #000000;
  font-weight: 300;
  font-size: 10px;
  text-align: justify;
  margin-top: 10px;
}
.mct-dashboard .AffiliateBanner_guest {
  background-image: url(/icons/profilev2/affiliate-bg.png);
  background-position: center;
  background-color: #FEC40D;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #6B0000;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-blend-mode: overlay;
  padding: 10px;
  height: auto;
  margin: 0 20px;
}
.mct-dashboard .AffiliateBanner_guest .banner-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}
.mct-dashboard .AffiliateBanner_guest .banner-text {
  font-size: 14px;
  font-weight: 400;
}
.mct-dashboard .AffiliateBanner_guest .banner-btn {
  background: #EC1C24;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  border-radius: 100px;
  padding: 4px;
  text-align: center;
  width: 100px;
}
.mct-dashboard .yellow-bg {
  background-color: #FDC951;
  position: relative;
  top: -74px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.mct-dashboard .yellow-bg .mct-tab {
  position: relative;
  background-color: #fff;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  top: 12px;
  height: auto;
  padding: 50px 0px;
}
.mct-dashboard .yellow-bg .mct-tab .nav {
  display: flex;
}
.mct-dashboard .yellow-bg .mct-tab .nav .nav_item {
  flex: 1;
  text-align: center;
  padding: 2px 10px;
  font-size: 14px;
  color: #424242;
  cursor: pointer;
  font-weight: 300;
}
.mct-dashboard .yellow-bg .mct-tab .nav .active_nav {
  border-bottom: solid 3px #424242;
  color: #424242;
  font-weight: 500;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card {
  box-shadow: none;
  border-radius: 0;
  max-width: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 175px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .newend-tag {
  position: absolute;
  top: 0;
  width: 70px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
  top: 7px;
  padding: 4px 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 91px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .item-img {
  width: 175px;
  height: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .review-Jointitle {
  font-weight: 800;
  font-size: 11px;
  white-space: pre-line;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .info .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .disabled {
  background-color: #CBCBCB;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 10px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: auto;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .newend-tag {
  position: absolute;
  top: 0;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
  top: 7px;
  padding: 2px 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 91px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .item-img {
  width: 175px;
  height: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info .review-Jointitle {
  font-weight: 800;
  font-size: 11px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .disabled {
  background-color: #CBCBCB;
  color: #fff;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 13px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 10px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail {
  background-color: #fff;
  width: 100%;
  color: #424242;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px 11px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content {
  display: flex;
  flex-direction: column;
  color: #424242;
  font-size: 10px;
  padding: 10px 0px 0px 0px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .expand-icon {
  transform: rotate(180deg);
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .view-content {
  font-size: 11px;
  width: 100%;
  height: 110px;
  padding: 10px;
  background: transparent;
  color: #424242;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .review-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason {
  display: flex;
  background-color: #FCF7EF;
  border-radius: 10px;
  border: 2px dotted #F2E2CC;
  flex-direction: column;
  padding: 15px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason .title {
  color: #A07A49;
  font-weight: 600;
  font-size: 12px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section .review_card_review .review-detail .review-content .reject-reason .text {
  color: #000000;
  font-weight: 300;
  font-size: 10px;
  text-align: justify;
  margin-top: 10px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 175px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .newend-tag {
  position: absolute;
  top: 0;
  width: 65px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 8px;
  top: 7px;
  padding: 2px 7px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 68px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .item-img {
  width: 150px;
  height: 175px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .review-Jointitle {
  font-weight: 800;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .info .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 12px;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .disabled {
  background-color: #CBCBCB;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
  cursor: pointer;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 6px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review {
  box-shadow: none;
  border-radius: 0;
  max-width: 385px;
  width: 100%;
  position: relative;
  margin-bottom: 11px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  background-color: #FFFAEB;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: auto;
  flex-direction: column;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .newend-tag {
  position: absolute;
  top: 0;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .point {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 8px;
  top: 7px;
  padding: 2px 7px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  left: 68px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .item-img {
  width: 150px;
  height: 175px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info {
  align-self: stretch;
  padding: 10px;
  color: rgb(137, 91, 32);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .review-Bigtitle {
  font-weight: 800;
  font-size: 14px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .review-Jointitle {
  font-weight: 800;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .review-subtitle {
  font-weight: 500;
  font-size: 10px;
  white-space: pre-line;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .review-date {
  font-weight: 500;
  font-size: 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .info .review-reject {
  font-weight: 400;
  font-size: 9px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .brief-btn {
  background-color: rgb(252, 185, 19);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .get-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  padding: 3px 8px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .status-btn {
  background: rgb(242, 226, 204);
  color: rgb(160, 122, 73);
  padding: 3px 6px;
  font-weight: 400;
  font-size: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .status_approve {
  color: #FFFFFF;
  background-color: #72B53A;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .status_pending {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #FCB913;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .status_reject {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  padding: 4px 10px;
  position: absolute;
  right: -10px;
  bottom: -16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #EC1C24 !important;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .active {
  border: 1px solid #EF9317;
  color: #EF9317;
  background-color: transparent;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail {
  background-color: #fff;
  width: 100%;
  color: #424242;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px 11px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content {
  display: flex;
  flex-direction: column;
  color: #424242;
  font-size: 10px;
  padding: 10px 0px 0px 0px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .expand-icon {
  transform: rotate(180deg);
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .view-content {
  font-size: 11px;
  width: 100%;
  height: 110px;
  padding: 10px;
  background: transparent;
  color: #424242;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .review-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason {
  display: flex;
  background-color: #FCF7EF;
  border-radius: 10px;
  border: 2px dotted #F2E2CC;
  flex-direction: column;
  padding: 15px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason .title {
  color: #A07A49;
  font-weight: 600;
  font-size: 12px;
}
.mct-dashboard .yellow-bg .mct-tab .mct_section_res .review_card_review .review-detail .review-content .reject-reason .text {
  color: #000000;
  font-weight: 300;
  font-size: 10px;
  text-align: justify;
  margin-top: 10px;
}
.mct-dashboard .tnc_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-dashboard .tnc_popup .popup_window {
  max-width: 430px;
  width: 100%;
  padding: 20px 0px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  gap: 15px;
}
.mct-dashboard .address_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-dashboard .address_popup .popup_window {
  max-width: 400px;
  width: 100%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.mct-dashboard .address_popup .popup_window h5 {
  font-size: 15px;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail {
  background: linear-gradient(rgb(255, 255, 255), rgb(239, 251, 255));
  margin: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 3px 0 rgb(223, 229, 231), inset 2px 0px 3px rgba(255, 255, 255, 0.2);
  width: 100%;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px #66D2D4;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail .user-address-name {
  color: rgb(92, 88, 88);
  font-weight: 600;
  font-size: 14px;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail .address-info-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(132, 98, 98);
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail .address-info-text .address-btn {
  color: rgb(240, 78, 33);
  background-color: transparent;
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  border: 1px solid rgb(240, 78, 33);
  cursor: pointer;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail .address-info-text .selected {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
}
.mct-dashboard .address_popup .popup_window .address-info-box-detail .address-info-text .address-edit-btn {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-dashboard .address_popup .popup_window .cancel-btn {
  color: #fff;
  background-color: gray;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-dashboard .address_popup .popup_window .confirm-btn {
  color: #fff;
  background-color: rgb(0, 180, 184);
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-dashboard .address_popup .popup_window .add-btn {
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 13px;
  padding: 7px 19px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 13px;
  cursor: pointer;
}

.mct-product .product-hero {
  position: relative;
  margin-bottom: 12px;
}
.mct-product .product-hero-bg {
  display: block;
  width: 100%;
}
.mct-product .product-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0 12px;
  z-index: 1;
  pointer-events: none;
}
.mct-product .product-hero-content > * {
  pointer-events: auto;
}
.mct-product .product-hero-panel {
  width: 100%;
}
@media (min-width: 992px) {
  .mct-product .product-hero-panel {
    position: relative;
    margin-top: -200px;
  }
}
.mct-product .guest_view {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mct-product .guest_view .guest_btn {
  display: flex;
  gap: 20px;
  padding: 0 20px;
}
.mct-product .guest_view .guest_btn .action-btn-campaign {
  padding: 12px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
}
.mct-product .guest_view .guest_btn .action-btn-review {
  padding: 12px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
}
@media (min-width: 992px) {
  .mct-product .guest_view .guest_btn .action-btn-campaign,
  .mct-product .guest_view .guest_btn .action-btn-review {
    width: 300px;
    max-width: 300px;
    flex: 0 0 300px;
  }
}
.mct-product .guest_view .AffiliateBanner_app_guest {
  background-image: url(/icons/profilev2/affiliate-bg.png);
  background-position: center;
  background-color: #FEC40D;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #6B0000;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-blend-mode: overlay;
  padding: 10px;
  height: auto;
  margin: 0 20px;
}
.mct-product .guest_view .AffiliateBanner_app_guest .banner-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}
.mct-product .guest_view .AffiliateBanner_app_guest .banner-text {
  font-size: 11.5px;
  font-weight: 400;
}
.mct-product .guest_view .AffiliateBanner_app_guest .banner-btn {
  background: #EC1C24;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  border-radius: 100px;
  padding: 4px;
  text-align: center;
  white-space: nowrap;
  width: 100px;
}
.mct-product .AffiliateBanner_guest {
  background-image: url(/icons/profilev2/affiliate-bg.png);
  background-position: center;
  background-color: #FEC40D;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #6B0000;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-blend-mode: overlay;
  padding: 10px;
  height: auto;
  margin: 0 20px;
}
.mct-product .AffiliateBanner_guest .banner-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}
.mct-product .AffiliateBanner_guest .banner-text {
  font-size: 14px;
  font-weight: 400;
}
.mct-product .AffiliateBanner_guest .banner-btn {
  background: #EC1C24;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  border-radius: 100px;
  padding: 4px;
  text-align: center;
  width: 100px;
}
.mct-product .load_more_btn {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.mct-product .load_more_btn span {
  background-color: #F04E21;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
}
.mct-product .profile-card {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 15px;
  width: 90%;
  height: 125px;
  background-color: #fff;
  display: flex;
  background-image: url("/icons/affiliate/bg.svg");
  background-position: right;
  background-repeat: no-repeat;
  justify-content: center;
  border: 1px solid #F4F4F4;
}
.mct-product .profile-card .text-id {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  color: #BAAB9A;
}
.mct-product .profile-card .text-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-product .profile-card .text-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-product .profile-card .non-tester-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
.mct-product .profile-card .join-campaign-btn {
  background-color: rgb(236, 28, 36);
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  padding: 8px 13px;
  cursor: pointer;
  margin-top: 10px;
}
.mct-product .profile-card .upd-btn {
  background-color: #EDE1D1;
  color: #A07A49;
  font-weight: 400;
  font-size: 10px;
  padding: 4px 16px;
  border-radius: 100px;
  cursor: pointer;
}
.mct-product .profile-card .action-btn {
  background-color: #FFF8EA;
  border-radius: 100px;
  padding: 7px 15px;
  color: #895B20;
  font-weight: 400;
  font-size: 10px;
  width: 157px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
}
.mct-product .profile-card .action-btn-campaign {
  padding: 7px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-left-radius: 15px;
}
.mct-product .profile-card .action-btn-review {
  padding: 7px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  cursor: pointer;
  border-bottom-right-radius: 15px;
}
.mct-product .profile-card .bg {
  position: absolute;
  right: 0;
  width: 94px;
  right: 8px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 1px;
}
.mct-product .bannerTitle {
  display: flex;
  flex-direction: column;
  color: #B9842C;
  align-items: center;
  line-height: 14px;
  padding: 0 16px;
}
.mct-product .bannerTitle .bannerTitle1 {
  font-weight: 600;
  font-size: 13px;
}
.mct-product .bannerTitle .bannerTitle2 {
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 1px;
}
.mct-product .bannerTitle .bannerTitle3 {
  font-weight: 350;
  font-size: 8px;
  line-height: 15px;
}
.mct-product .bannerTitle .bannerTitle4 {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  width: 300px;
  line-height: 24px;
  margin-top: 23px;
  color: rgb(143, 90, 36);
}
@media (min-width: 992px) {
  .mct-product .bannerTitle .bannerTitle1 {
    font-size: 20px;
  }
  .mct-product .bannerTitle .bannerTitle2 {
    font-size: 28px;
    margin-top: 10px;
  }
  .mct-product .bannerTitle .bannerTitle3 {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
  }
  .mct-product .bannerTitle .bannerTitle4 {
    font-size: 32px;
    line-height: 32px;
    margin-top: 20px;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mct-product .bannerTitle {
    margin-top: 30px;
  }
}
.mct-product .product-listing {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.mct-product .product-listing .sortFilter {
  width: 100%;
}
.mct-product .product-listing .sortFilter .search-input-wrap {
  position: relative;
}
.mct-product .product-listing .sortFilter .search-input-wrap .search-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  opacity: 0.7;
  pointer-events: none;
}
.mct-product .product-listing .sortFilter input {
  color: #6C6C6C;
  background-color: #F3F5F8;
  height: 54px;
  box-shadow: none;
  border-radius: 12px;
  font-size: 15px;
  padding-right: 42px;
}
.mct-product .product-listing .sortFilter .selector {
  color: #6C6C6C;
  background-color: #F3F5F8;
  height: 54px;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 15px;
  justify-content: space-between;
  border-radius: 12px;
  border: none;
}
.mct-product .product-listing .sortFilter .selector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.mct-product .product-listing .sortFilter .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(54, 51, 51, 0.67);
  border-right: 2px solid rgba(54, 51, 51, 0.67);
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.mct-product .product-listing .sortFilter .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.mct-product .product-listing .sortFilter .selector .label {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  font-weight: 400;
}
.mct-product .product-listing .sortFilter ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  border: 1px solid rgba(220, 220, 220, 0.431372549);
  position: absolute;
  z-index: 1;
  overflow: auto;
  background: #fff;
  width: 185px;
  border-radius: 3px;
}
.mct-product .product-listing .sortFilter li {
  padding: 10px;
  color: #895B20;
}
.mct-product .product-listing .sortFilter li:hover {
  background-color: rgb(255, 248, 234);
  color: #895B20;
}
.mct-product .product-listing .sortFilter .current {
  background-color: rgb(255, 248, 234);
  color: #895B20;
}
.mct-product .product-listing .sortFilter .hidden {
  visibility: hidden;
}
.mct-product .product-listing .sortFilter .visible {
  visibility: visible;
  height: auto;
}
.mct-product .product-listing .small_rating {
  max-width: 170px !important;
}
.mct-product .product-listing .small_rating .product-img {
  max-width: 170px !important;
}
.mct-product .product-listing .rating {
  width: 100%;
  border-radius: 6.14px;
  padding-bottom: 10px;
  align-items: center;
  gap: 5px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  background: rgb(255, 250, 235);
}
.mct-product .product-listing .rating .product-img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.mct-product .product-listing .rating .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  min-height: 30px;
}
.mct-product .product-listing .rating .small-text {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: center;
  color: #818181;
}
.mct-product .product-listing .rating .review-btn {
  background-color: rgb(252, 185, 19);
  color: rgb(107, 0, 0);
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  white-space: nowrap;
}
.mct-product .product-listing .rating .buy-btn {
  background-color: #EC1C24;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  white-space: nowrap;
}
.mct-product .product-listing .rating .small {
  font-size: 8px;
}
.mct-product .product-listing .rating .stars-rating {
  display: inline-block;
}
.mct-product .product-listing .rating .stars-rating .star {
  width: 50px;
  height: 50px;
  background: conic-gradient(#FDCB5A 0% 25%, #FDB62F 25% 50%, #F8883D 50% 75%, #FDB62F 75% 100%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.mct-product .product-listing .rating .stars-rating .filled {
  filter: none;
}

.mct-product-detail .load_btn {
  color: #895B20;
  background-color: rgb(255, 248, 234);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  margin: 10px 0px;
  padding: 5px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 5px;
}
.mct-product-detail .banner {
  width: 100%;
  display: flex;
  text-align: center;
  height: 300px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mct-product-detail .banner img {
  width: 100%;
}
.mct-product-detail .product-detail {
  background: linear-gradient(180deg, #FFFAEB 0%, #FFFEFB 100%);
}
.mct-product-detail .product-detail .rating-box {
  background-color: rgb(255, 188, 0);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 10px;
  border-radius: 10px;
  justify-content: center;
}
.mct-product-detail .product-detail .rating-box .review-total-point {
  font-weight: 900;
  font-size: 36px;
}
.mct-product-detail .product-detail .rating-box .review-total {
  font-weight: 300;
  font-size: 10px;
  text-decoration: underline;
}
.mct-product-detail .product-detail .rating-box .star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.mct-product-detail .product-detail .rating-box .star:before,
.mct-product-detail .product-detail .rating-box .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.mct-product-detail .product-detail .rating-box .star:after {
  transform: rotate(35deg);
}
.mct-product-detail .product-detail .rating-box .star-rating {
  display: inline-block;
}
.mct-product-detail .product-detail .rating-box .star-rating .filled {
  color: #fff !important;
  /* color of filled stars */
  filter: none;
}
.mct-product-detail .product-detail .rate-btn {
  background-color: #EC1C24;
  color: #fff;
  border-radius: 100px;
  padding: 4px 15px;
  margin-top: 3px;
  font-size: 12px;
  text-align: center;
  margin-top: 7px;
  cursor: pointer;
}
.mct-product-detail .product-detail .product-info {
  display: flex;
  flex-direction: column;
}
.mct-product-detail .product-detail .product-info .info-title {
  color: rgb(48, 48, 49);
  font-weight: 600;
  font-size: 12px;
}
.mct-product-detail .product-detail .product-info .info-desc-main {
  color: #303031;
  font-weight: 600;
  font-size: 11px;
  margin-top: 2px;
}
.mct-product-detail .product-detail .product-info .info-desc {
  font-weight: 400;
  font-size: 10px;
  color: #303031;
  line-height: 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mct-product-detail .product-detail .buy-now {
  color: #fff;
  font-weight: 600;
  font-size: 9px;
  background-color: #EC1C24;
  border-radius: 100px;
  padding: 5px 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mct-product-detail .product-listing-filter {
  display: flex;
  justify-content: space-around;
  margin: 0 10px;
}
.mct-product-detail .product-listing-filter .sortFilter {
  width: 100%;
}
.mct-product-detail .product-listing-filter .sortFilter .selector {
  color: #895B20;
  background-color: rgb(255, 248, 234);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  font-weight: 400;
  font-size: 10px;
  display: flex;
  align-items: center;
  max-width: 185px;
  width: 100%;
  padding: 8px 15px;
  justify-content: space-between;
  border-radius: 100px;
}
.mct-product-detail .product-listing-filter .sortFilter .selector .arrow {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 33%;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.mct-product-detail .product-listing-filter .sortFilter .selector .arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 30%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(54, 51, 51, 0.67);
  border-right: 2px solid rgba(54, 51, 51, 0.67);
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.mct-product-detail .product-listing-filter .sortFilter .selector .expanded {
  transform: rotateZ(180deg) translateY(0px);
}
.mct-product-detail .product-listing-filter .sortFilter .selector .label {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  font-weight: 400;
}
.mct-product-detail .product-listing-filter .sortFilter ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 10px;
  border: 1px solid rgba(220, 220, 220, 0.431372549);
  position: absolute;
  z-index: 1;
  overflow: auto;
  background: #fff;
  width: 185px;
  border-radius: 3px;
}
.mct-product-detail .product-listing-filter .sortFilter li {
  padding: 10px;
  color: #895B20;
}
.mct-product-detail .product-listing-filter .sortFilter li:hover {
  background-color: rgb(255, 248, 234);
  color: #895B20;
}
.mct-product-detail .product-listing-filter .sortFilter .current {
  background-color: rgb(255, 248, 234);
  color: #895B20;
}
.mct-product-detail .product-listing-filter .sortFilter .hidden {
  visibility: hidden;
}
.mct-product-detail .product-listing-filter .sortFilter .visible {
  visibility: visible;
  height: auto;
}
.mct-product-detail .product-listing-review {
  padding: 16px;
}
.mct-product-detail .product-listing-review .title {
  color: rgb(107, 0, 0);
  font-weight: 600;
  font-size: 17px;
}
.mct-product-detail .product-listing-review .reviewer-icon {
  background-color: rgb(0, 180, 184);
  color: #fff;
}
.mct-product-detail .product-listing-review .reviewer-name {
  color: rgb(48, 48, 49);
  font-weight: 500;
  font-size: 10px;
}
.mct-product-detail .product-listing-review .reviewer-loc {
  color: rgb(48, 48, 49);
  font-weight: 200;
  font-size: 8px;
}
.mct-product-detail .product-listing-review .reviewer-review {
  color: rgb(48, 48, 49);
  font-weight: 300;
  font-size: 10px;
}

.mct-campaign {
  background-color: #fff;
}
.mct-campaign .img-bg {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 300px;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mct-campaign .img-bg img {
  width: 100%;
  transform: scaleY(1.3);
  image-rendering: optimizeQuality;
  image-rendering: -webkit-optimize-contrast;
}
.mct-campaign .product-detail {
  background-color: rgb(255, 250, 235);
  padding: 16px 20px;
  color: rgb(137, 91, 32);
  font-weight: 800;
  font-size: 18px;
  min-height: 120px;
  position: relative;
}
.mct-campaign .product-detail .new {
  background-color: rgb(236, 28, 36);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  padding: 3px 15px;
}
.mct-campaign .product-detail .point {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border-radius: 100px;
  font-weight: 600;
  font-size: 12px;
  padding: 3px 10px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  color: rgb(66, 66, 66);
}
.mct-campaign .yellow-bg {
  background: rgba(255, 221, 124, 0.3);
  position: relative;
  top: -8px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.mct-campaign .yellow-bg .mct-tab {
  position: relative;
  background: rgb(255, 254, 251);
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  top: 12px;
  height: auto;
  padding: 20px 0px;
}
.mct-campaign .yellow-bg .mct-tab .nav {
  display: flex;
}
.mct-campaign .yellow-bg .mct-tab .nav .nav_item {
  flex: 1;
  text-align: center;
  padding: 2px;
  font-size: 14px;
  color: #424242;
  cursor: pointer;
  font-weight: 300;
}
.mct-campaign .yellow-bg .mct-tab .nav .active_nav {
  border-bottom: solid 3px #424242;
  color: #424242;
  font-weight: 500;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #fff;
  margin: 15px 20px 25px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  gap: 5px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .desc-title {
  font-weight: 600;
  font-size: 15px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .period {
  color: rgb(129, 127, 127);
  font-weight: 600;
  font-size: 11px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .period h5 {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .summary {
  color: #817F7F;
  font-weight: 300;
  font-size: 10px;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: justify;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .summary strong {
  color: #817F7F;
  font-weight: 600;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .summary span {
  font-size: 11px !important;
  text-align: justify;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .summary a {
  white-space: pre-wrap;
  font-family: Arial;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .ans {
  color: rgb(129, 127, 127);
  font-weight: 300;
  font-size: 10px;
  margin-top: 20px;
  text-align: justify;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .ans li {
  margin: 5px 0px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .ans h5 {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .req-text {
  color: rgb(66, 66, 66);
  font-weight: 300;
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .req-text h5 {
  font-weight: 600;
  font-size: 15px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .req-text-list {
  color: rgb(66, 66, 66);
  font-weight: 300;
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  white-space: pre-line;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .req-note {
  border-radius: 10px;
  border: 1px dashed #F2E2CC;
  background: #FCF7EF;
  display: flex;
  padding: 15px;
  flex-direction: column;
  gap: 10px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .req-note .req-note-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(66, 66, 66);
  white-space: pre-line;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .pending_approve {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .pending_approve h5 {
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .pending_approve img {
  width: 100px;
  margin: 10px 0;
}
.mct-campaign .yellow-bg .mct-tab .mctcampaign_section .pending_approve span {
  font-weight: 400;
  font-size: 13px;
}
.mct-campaign .yellow-bg .mct-tab .free-sample-btn {
  border-radius: 99px;
  background: #EC1C24;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px 15px;
  cursor: pointer;
  position: relative;
}
.mct-campaign .yellow-bg .mct-tab .okay-btn {
  border-radius: 99px;
  background: #00B4B8;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px 15px;
  cursor: pointer;
  position: relative;
  bottom: -50px;
}
.mct-campaign .yellow-bg .mct-tab .go-brief-btn {
  border-radius: 99px;
  background: linear-gradient(180deg, #FFCE3B 0%, #FCB913 100%);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 14px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px;
  cursor: pointer;
  text-align: center;
  position: relative;
  width: 100%;
}
.mct-campaign .yellow-bg .mct-tab .add-cart-btn {
  border-radius: 99px;
  background: #F04E21;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 10px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.mct-campaign .yellow-bg .mct-tab .disabled {
  border-radius: 99px;
  background: #CBCBCB;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 10px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px;
  text-align: center;
  position: relative;
}
.mct-campaign .yellow-bg .mct-tab .reject-btn {
  border-radius: 99px;
  background: #00B4B8;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 5px 15px;
  cursor: pointer;
  position: relative;
  bottom: -50px;
}
.mct-campaign .tnc_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-campaign .tnc_popup .popup_window_cart {
  max-width: 430px;
  width: 100%;
  padding: 20px 0px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  gap: 10px;
}
.mct-campaign .tnc_popup .popup_window_cart h6 {
  font-size: 18px;
  margin: 10px;
  font-weight: 600;
}
.mct-campaign .tnc_popup .popup_window_cart img {
  max-width: 150px;
  width: 100%;
}
.mct-campaign .tnc_popup .popup_window_cart span {
  font-size: 13px;
  text-align: center;
  padding: 10px 20px;
}
.mct-campaign .tnc_popup .popup_window_cart .view-cart-btn {
  border-radius: 99px;
  background: #00B4B8;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 11px 0;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  max-width: 80%;
  cursor: pointer;
}
.mct-campaign .tnc_popup .popup_window_cart .cancel-btn {
  border-radius: 99px;
  background: rgb(203, 203, 203);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  /* width: auto; */
  width: 100%;
  max-width: 200px;
  cursor: pointer;
}
.mct-campaign .tnc_popup .small_screen {
  height: calc(100vh - 50px);
  overflow: auto;
  padding-top: 159px !important;
}
.mct-campaign .tnc_popup .popup_window {
  max-width: 430px;
  width: 100%;
  padding: 20px 0px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  gap: 15px;
}
.mct-campaign .tnc_popup .popup_window .tnc-title {
  font-size: 18px;
  font-weight: 600;
  color: rgb(0, 0, 0);
  margin-bottom: 10px;
}
.mct-campaign .tnc_popup .popup_window .desc-title {
  font-weight: 600;
  font-size: 15px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #fff;
  margin: 0px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  gap: 5px;
  width: 90%;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .req-text {
  color: rgb(66, 66, 66);
  font-weight: 300;
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .req-text h5 {
  font-weight: 600;
  font-size: 15px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .req-text-list {
  color: rgb(66, 66, 66);
  font-weight: 300;
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  white-space: pre-line;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .req-note {
  border-radius: 10px;
  border: 1px dashed #F2E2CC;
  background: #FCF7EF;
  display: flex;
  padding: 15px;
  flex-direction: column;
  gap: 10px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .req-note .req-note-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(66, 66, 66);
  white-space: pre-line;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkbox-custom {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 300;
  font-size: 10px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkbox-custom input {
  z-index: 1;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: -39px;
  top: 0;
  width: 100px;
  height: 100px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 2px solid #000;
  /* Adjusted border color */
  border-radius: 3px;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkbox-custom:hover input ~ .checkmark {
  background-color: #fff;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkbox-custom input:checked ~ .checkmark:after {
  display: block;
}
.mct-campaign .tnc_popup .popup_window .tnc_section .checkbox-custom .checkmark:after {
  content: "";
  left: 4.5px;
  top: 0.5px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.mct-campaign .tnc_popup .popup_window .cfm-btn {
  border-radius: 99px;
  background: #EC1C24;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 11px 0;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  max-width: 200px;
  cursor: pointer;
}
.mct-campaign .tnc_popup .popup_window .cancel-btn {
  border-radius: 99px;
  background: rgb(203, 203, 203);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  /* width: auto; */
  width: 100%;
  max-width: 200px;
  cursor: pointer;
}
.mct-campaign .address_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-campaign .address_popup .popup_window {
  max-width: 450px;
  width: 100%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 5px;
  height: calc(100vh - 100px);
  overflow-y: auto;
}
.mct-campaign .address_popup .popup_window h5 {
  font-size: 15px;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail {
  background: linear-gradient(rgb(255, 255, 255), rgb(239, 251, 255));
  margin: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 3px 0 rgb(223, 229, 231), inset 2px 0px 3px rgba(255, 255, 255, 0.2);
  width: 100%;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px #66D2D4;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail .user-address-name {
  color: rgb(92, 88, 88);
  font-weight: 600;
  font-size: 14px;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail .address-info-text {
  font-weight: 400;
  font-size: 11px;
  color: rgb(132, 98, 98);
}
.mct-campaign .address_popup .popup_window .address-info-box-detail .address-info-text .address-btn {
  color: rgb(240, 78, 33);
  background-color: transparent;
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  border: 1px solid rgb(240, 78, 33);
  cursor: pointer;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail .address-info-text .selected {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
}
.mct-campaign .address_popup .popup_window .address-info-box-detail .address-info-text .address-edit-btn {
  color: #fff;
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-campaign .address_popup .popup_window .cancel-btn {
  color: #fff;
  background-color: gray;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-campaign .address_popup .popup_window .confirm-btn {
  color: #fff;
  background-color: rgb(0, 180, 184);
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 10px 8px 1px 0px;
  cursor: pointer;
}
.mct-campaign .address_popup .popup_window .add-btn {
  background-color: rgb(240, 78, 33);
  font-weight: 600;
  font-size: 13px;
  padding: 7px 19px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 13px;
  cursor: pointer;
}

.mct-review .banner {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 300px;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mct-review .banner img {
  width: 100%;
}
.mct-review .point {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(180deg, #FBFBFB 0%, #EBF1F1 100%);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
  padding: 3px 10px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  color: rgb(180, 176, 176);
}
.mct-review .img-border {
  border: 1px solid rgba(223, 223, 223, 0.6588235294);
  max-width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
}
.mct-review .title {
  color: #000000;
  font-weight: 400;
  font-size: 11px;
}
.mct-review .ques-title {
  color: #000000;
  font-weight: 400;
  font-size: 15px;
}
.mct-review .ques-subtitle {
  color: #708283;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.mct-review .acc-status {
  display: flex;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  justify-content: space-around;
  width: 100%;
}
.mct-review .acc-option {
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 48%;
  transition: background-color 0.3s ease;
  color: #424242;
  justify-content: center;
}
.mct-review .acc-option .review-point {
  font-size: 8px;
  color: #B4B0B0;
  font-weight: 500;
}
.mct-review .acc-option.selected {
  background: #00B4B8;
  border-radius: 15px;
  color: #fff;
}
.mct-review .acc-option.selected .review-point {
  font-size: 8px;
  color: #fff;
  font-weight: 500;
}
.mct-review .input-label-content {
  position: relative;
  margin-top: 5px;
  width: 100%;
  display: flex;
  align-items: center;
}
.mct-review .input-label-content .prefix {
  position: absolute;
  left: 15px;
}
.mct-review .input-label-content .rightPrefix {
  position: absolute;
  right: 15px;
  cursor: pointer;
}
.mct-review .input-content-text::-webkit-input-placeholder {
  color: #888;
}
.mct-review .input-content-text {
  font-size: 13px;
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px;
  background: transparent;
  color: #888888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-review .input-content-text:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.mct-review .input-content-textarea::-webkit-input-placeholder {
  color: #888;
}
.mct-review .input-content-textarea {
  font-size: 13px;
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px;
  background: transparent;
  color: #888888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-review .input-content-textarea:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.mct-review .add-photo-btn {
  background-color: #F6E8C8;
  border-radius: 100px;
  border: 1px solid #E2B75D;
  padding: 12px;
  color: #E2B75D;
  font-size: 13px;
}
.mct-review .add-photo-btn .small-point {
  color: rgb(255, 255, 255);
  font-size: 9px;
}
.mct-review .star-title {
  font-size: 12px;
  font-weight: 500;
  color: #424242;
}
.mct-review .submit-btn {
  font-weight: 600;
  color: #fff;
  background-color: #EC1C24;
  bottom: 0;
  padding: 13px;
  width: 100%;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 20px;
  border-radius: 100px;
  cursor: pointer;
  margin-top: 30px;
  position: relative;
}
.mct-review .shop-btn {
  font-size: 12px;
  color: #424242;
  font-weight: 400;
  border-radius: 100px;
  width: 100%;
  background-color: #FFBC00;
  text-align: center;
  padding: 13px;
}
.mct-review .input-label-content {
  position: relative;
  margin-top: 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.mct-review .input-label-content .prefix {
  position: absolute;
  left: 15px;
  top: 15px;
}
.mct-review .input-label-content .rightPrefix {
  position: absolute;
  right: 15px;
  cursor: pointer;
  bottom: 18px;
}
.mct-review .input-label-content .input-content::-webkit-input-placeholder {
  color: #888;
}
.mct-review .input-label-content .input-content {
  font-size: 15px;
  display: block;
  width: 100%;
  height: 60px;
  padding: 10px;
  background: transparent;
  color: #888888;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.mct-review .input-label-content .input-content:focus {
  outline: none;
  border: 1px solid rgb(211, 211, 211);
}
.mct-review .successPopUp {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mct-review .successPopUp .popup_window {
  width: 100%;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.mct-review .successPopUp .popup_window .pending_approve {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.mct-review .successPopUp .popup_window .pending_approve h5 {
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px;
}
.mct-review .successPopUp .popup_window .pending_approve img {
  width: 100px;
  margin: 10px 0;
}
.mct-review .successPopUp .popup_window .pending_approve span {
  font-weight: 400;
  font-size: 13px;
}
.mct-review .successPopUp .popup_window .pending_approve .go-dashboard {
  border-radius: 99px;
  background: #00B4B8;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  display: flex;
  padding: 11px 0;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  max-width: 380px;
  cursor: pointer;
}

.mct_btn {
  border-radius: 12px;
}
.mct_btn.btn_red {
  background-color: #EC1C24;
}
.mct_btn.btn_grey {
  background-color: #AFB1B6;
}

.campaign-status-tabs {
  gap: 24px;
}

.status-item {
  cursor: pointer;
  text-align: left;
  font-weight: 200;
  border-bottom: 2px solid transparent;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
}

.status-item.active {
  border-bottom: 4px solid #000;
  font-weight: 700;
}

.campaign-card-row {
  display: flex;
  align-items: normal !important;
}
.campaign-card-row .product-img {
  max-width: 200px;
}
@media (max-width: 992px) {
  .campaign-card-row .product-img {
    max-width: 150px;
  }
}
.campaign-card-row .campaign_title {
  text-align: left !important;
  color: #895B20;
  font-weight: 700;
  font-size: 17px;
}
.campaign-card-row .campaign_sub {
  color: #895B20;
  font-weight: normal;
  font-size: 15px;
}
.campaign-card-row .campaign-btn-row-container {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
@media (max-width: 992px) {
  .campaign-card-row .product-img {
    max-width: 150px;
  }
  .campaign-card-row .campaign-btn-row-container {
    width: -moz-fit-content;
    width: fit-content;
    position: unset;
    margin: 10px;
  }
}

.color-mct-grey {
  color: #94A3B8 !important;
}

.brief-whattodo-container {
  margin-top: 15px;
  border-radius: 5px;
  border: 1px solid #00B4B8;
}
.brief-whattodo-container .header {
  background-color: #00B4B8;
  color: #fff;
  padding: 10px;
}
.brief-whattodo-container .content {
  padding: 15px;
  color: #404041;
  background-color: rgba(0, 180, 184, 0.2);
}
.brief-whattodo-container.danger {
  border: 1px solid #EC1C24;
}
.brief-whattodo-container.danger .header {
  background-color: #EC1C24;
}
.brief-whattodo-container.danger .content {
  background-color: #fff;
  color: #EC1C24;
}

.mct-review-form .input-content {
  background: #F7F9FC !important;
  border: 1px solid #F1F4F7 !important;
  box-shadow: none !important;
}

.mct-rating-container {
  background: #F7F9FC !important;
}
.mct-rating-container .mct-rating-attribute {
  border-bottom: 1px solid #F1F4F7;
  padding: 10px 10px;
}

.media-mct-content {
  padding-left: 50px !important;
}

.mct-tag {
  padding: 10px;
  color: white;
}

.product-media {
  flex-shrink: 0;
}

.product-content {
  flex: 1;
}

.status-btn {
  cursor: default;
  pointer-events: none;
  text-align: center;
}

.status-btn.is-rejected {
  background: #ec1c24;
  color: #fff;
}

.status-btn.is-verifying {
  background: #fcb913;
}

.status-btn.is-accepted {
  background: #72b53a;
  color: #fff;
}

.mct-order-tracking-page {
  min-height: 100vh;
  padding: 16px 12px 28px;
}
.mct-order-tracking-page .loading-wrap {
  text-align: center;
  margin-top: 160px;
}
.mct-order-tracking-page .tracking-content {
  width: 100%;
  margin: 0 auto;
}
.mct-order-tracking-page .order-card,
.mct-order-tracking-page .status-card,
.mct-order-tracking-page .events-card {
  background: #FFFFFF;
  border-radius: 12px;
  border-bottom: 4px solid #e1d8ca;
  padding: 14px;
  margin-bottom: 14px;
}
.mct-order-tracking-page .order-top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.mct-order-tracking-page .product-image {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #fff;
}
.mct-order-tracking-page .order-summary {
  width: 100%;
}
.mct-order-tracking-page .product-title {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  color: #222;
  margin: 0 0 6px;
}
.mct-order-tracking-page .total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mct-order-tracking-page .total-label {
  color: #4e4e4e;
  font-weight: 600;
  font-size: 14px;
}
.mct-order-tracking-page .total-value {
  color: #F04E21;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
}
.mct-order-tracking-page .order-meta-grid {
  margin-top: 20px;
}
.mct-order-tracking-page .meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
}
.mct-order-tracking-page .meta-label {
  color: #5e5e5e;
  font-size: 14px;
}
.mct-order-tracking-page .meta-value-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mct-order-tracking-page .meta-value {
  color: #F04E21;
  font-size: 14px;
  font-weight: 400;
}
.mct-order-tracking-page .date_time_row .meta-value {
  color: #846262;
}
.mct-order-tracking-page .copy-btn {
  border: 1px solid #c6b6a1;
  border-radius: 2px;
  background: #fffdf8;
  color: #F04E21;
  font-size: 11px;
  line-height: 1;
  padding: 4px 6px;
}
.mct-order-tracking-page .status-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mct-order-tracking-page .status-item {
  position: relative;
  min-height: 34px;
  padding-left: 26px;
}
.mct-order-tracking-page .status-dot {
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #d7d7d7;
  border: 2px solid #e9e9e9;
}
.mct-order-tracking-page .status-dot.active {
  background: #2dbcbc;
  border-color: #b6f0f0;
}
.mct-order-tracking-page .status-line {
  position: absolute;
  left: 6px;
  top: 16px;
  width: 2px;
  height: 18px;
  background: #dbdbdb;
}
.mct-order-tracking-page .status-line.active {
  background: #8fd9d9;
}
.mct-order-tracking-page .status-text {
  font-size: 16px;
  color: #a8a8a8;
}
.mct-order-tracking-page .status-text.active {
  color: #2aafaf;
  font-weight: 600;
}
.mct-order-tracking-page .events-title {
  color: #303030;
  font-size: 16px;
  margin: 0 0 8px;
}
.mct-order-tracking-page .events-list {
  display: grid;
  gap: 8px;
}
.mct-order-tracking-page .event-item {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ece5d9;
  padding: 10px;
}
.mct-order-tracking-page .event-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.mct-order-tracking-page .event-process {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.mct-order-tracking-page .event-date {
  color: #7b7b7b;
  font-size: 12px;
}
.mct-order-tracking-page .event-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #666;
  font-size: 12px;
}
.mct-order-tracking-page .empty-state {
  margin-top: 80px;
  text-align: center;
  color: #666;
}
@media (max-width: 576px) {
  .mct-order-tracking-page .product-title {
    font-size: 16px;
  }
  .mct-order-tracking-page .total-value {
    font-size: 16px;
  }
}

.campaign-page .campaign-banner img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 420px;
}
.campaign-page .campaign-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2933;
  margin-bottom: 1.5rem;
}
.campaign-page .campaign-form-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 1.5rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.campaign-page .campaign-cta-wrap {
  display: flex;
  justify-content: flex-start;
}
.campaign-page .campaign-cta-btn {
  border: 0;
  border-radius: 999px;
  background: #01b4b8;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.9rem 2rem;
  box-shadow: 0 14px 30px rgba(1, 180, 184, 0.22);
  width: 50%;
  margin-top: 1rem;
}
@media (max-width: 992px) {
  .campaign-page .campaign-cta-btn {
    width: 80%;
  }
}
.campaign-page .campaign-html img {
  max-width: 100%;
  height: auto;
}
.campaign-page .campaign-state {
  color: #52606d;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .campaign-page .campaign-title {
    font-size: 1.5rem;
  }
  .campaign-page .campaign-form-card {
    padding: 1rem;
    border-radius: 18px;
  }
}

.mct-product-detail-page {
  background: #fff;
  min-height: 100vh;
  padding: 0;
}
.mct-product-detail-page .mct-product-detail {
  margin: 0 auto;
  background: #fff;
  color: #282828;
  padding-bottom: 24px;
}
.mct-product-detail-page .product-banner img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 220px;
}
.mct-product-detail-page .product-hero-layout {
  display: block;
}
.mct-product-detail-page .product-info {
  min-width: 0;
}
.mct-product-detail-page .score-summary {
  margin: 0;
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  padding: 14px;
}
.mct-product-detail-page .score-card {
  background: #f3b703;
  border-radius: 14px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 8px;
  text-align: center;
  min-height: 132px;
}
.mct-product-detail-page .score-number {
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
}
.mct-product-detail-page .score-stars {
  color: #fcb913;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 1;
}
.mct-product-detail-page .score-card .score-stars {
  color: #ffffff;
  font-size: 13px;
  margin-top: 8px;
}
.mct-product-detail-page .score-reviews {
  color: #ffffff;
  margin-top: 8px;
  text-decoration: underline;
  font-size: 10px;
  line-height: 1;
}
.mct-product-detail-page .score-breakdown {
  align-content: center;
  border: none;
  border-collapse: collapse;
  width: 100%;
}
.mct-product-detail-page .score-breakdown td {
  border: none;
  padding: 2px 6px 2px 0;
  font-size: 14px;
  line-height: 1.2;
  vertical-align: middle;
}
.mct-product-detail-page .score-breakdown td.score-stars {
  font-size: 15px;
  white-space: nowrap;
  text-align: left;
}
.mct-product-detail-page .product-copy {
  background: #fff;
  padding: 24px 20px;
}
.mct-product-detail-page .product-copy h1 {
  font-size: 18px;
  line-height: 1.25;
  margin: 0;
  font-weight: 800;
}
.mct-product-detail-page .product-copy .brand {
  margin-top: 8px;
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 600;
}
.mct-product-detail-page .product-copy .description {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #383838;
}
.mct-product-detail-page .shop-now {
  background: #F3F5F8;
  padding: 24px 20px;
}
.mct-product-detail-page .shop-now h2 {
  margin: 0;
  font-size: 23px;
  font-weight: 800;
  text-transform: uppercase;
}
.mct-product-detail-page .shop-now p {
  margin: 12px 0 16px;
  font-size: 16.5px;
  line-height: 1.4;
  color: #414141;
}
.mct-product-detail-page .shop-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mct-product-detail-page .shop-card {
  background: #ffffff;
  border-radius: 14px;
  border: 2px solid #f3b703;
  min-height: 86px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2f2f2f;
  text-decoration: none;
}
.mct-product-detail-page .shop-name {
  font-size: 12px;
  font-weight: 700;
}
.mct-product-detail-page .shop-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mct-product-detail-page .shop-platform-icon {
  width: 26px;
  height: 26px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .mct-product-detail-page .shop-name, .mct-product-detail-page .shop-price {
    color: #895B20;
  }
}
.mct-product-detail-page .shop-price {
  font-size: 14px;
  color: #6b5128;
  font-weight: 600;
}
.mct-product-detail-page .shop-arrow {
  font-size: 21px;
  line-height: 1;
  color: #2d2d2d;
}
.mct-product-detail-page .reviews-section {
  background: #fff;
  padding: 22px 20px;
}
.mct-product-detail-page .reviews-section h2 {
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 800;
}
.mct-product-detail-page .review-summary {
  background: #036e7f;
  color: #f8ffff;
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 16px;
}
.mct-product-detail-page .summary-title {
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px;
}
.mct-product-detail-page .review-summary p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.45;
}
.mct-product-detail-page .rate-btn {
  margin-top: 14px;
  width: 100%;
  border: 2px solid #1eb8c6;
  border-radius: 999px;
  background: transparent;
  color: #1ed4e3;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
}
.mct-product-detail-page .review-filter-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}
.mct-product-detail-page .review-filter-row .selector {
  min-height: 58px;
  border-radius: 12px;
  border: 1px solid #d7dbe0;
  font-size: 14px;
  color: #6d7280;
  padding-left: 12px;
}
.mct-product-detail-page .review-card {
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 16px 0;
}
.mct-product-detail-page .review-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.mct-product-detail-page .review-user {
  display: flex;
  gap: 10px;
  align-items: center;
}
.mct-product-detail-page .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #0ea5ad;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.mct-product-detail-page .name {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.2;
}
.mct-product-detail-page .meta {
  font-size: 14px;
  color: #6f6f6f;
  line-height: 1.2;
}
.mct-product-detail-page .review-title {
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 700;
  color: #2f2f2f;
}
.mct-product-detail-page .review-content {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.4;
  color: #3a3a3a;
  white-space: pre-line;
}
.mct-product-detail-page .review-images {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mct-product-detail-page .review-images img {
  width: 104px;
  height: 104px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  background: #ddd;
}
.mct-product-detail-page .empty-review,
.mct-product-detail-page .mct-empty-state {
  color: #7a7a7a;
  text-align: center;
  padding: 24px 12px;
  font-size: 15px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .mct-product-detail-page .product-hero-layout {
    display: grid;
    grid-template-columns: 3fr 7fr;
    align-items: stretch;
  }
  .mct-product-detail-page .review-card {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "user stars" "body stars";
    -moz-column-gap: 16px;
         column-gap: 16px;
    align-items: start;
  }
  .mct-product-detail-page .review-head {
    display: flex;
  }
  .mct-product-detail-page .review-user {
    grid-area: user;
  }
  .mct-product-detail-page .review-body {
    grid-area: body;
  }
  .mct-product-detail-page .review-card .score-stars {
    grid-area: stars;
    align-self: start;
    white-space: nowrap;
    font-size: 15px;
  }
  .mct-product-detail-page .shop-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mct-product-detail-page .product-banner {
    margin: 0;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .mct-product-detail-page .mct-product-detail {
    max-width: 100%;
  }
  .mct-product-detail-page .shop-now {
    background: #FFFAEB;
  }
  .mct-product-detail-page .score-summary {
    display: block;
    grid-template-columns: 124px 1fr;
    padding: 12px;
  }
  .mct-product-detail-page .score-card {
    min-height: 122px;
  }
  .mct-product-detail-page .score-number {
    font-size: 22px;
  }
  .mct-product-detail-page .score-card .score-stars {
    font-size: 12px;
  }
  .mct-product-detail-page .score-reviews {
    font-size: 13px;
  }
  .mct-product-detail-page .score-row {
    font-size: 14px;
  }
  .mct-product-detail-page .score-row .score-stars {
    font-size: 14px;
  }
  .mct-product-detail-page .product-copy h1 {
    font-size: 14px;
  }
  .mct-product-detail-page .product-copy .brand {
    font-size: 12px;
  }
  .mct-product-detail-page .product-copy .description {
    font-size: 12px;
  }
  .mct-product-detail-page .shop-now h2 {
    font-size: 16px;
  }
  .mct-product-detail-page .shop-now p {
    font-size: 12px;
  }
  .mct-product-detail-page .shop-name {
    font-size: 14px;
  }
  .mct-product-detail-page .shop-price {
    font-size: 12px;
  }
  .mct-product-detail-page .shop-arrow {
    font-size: 14px;
  }
  .mct-product-detail-page .reviews-section h2 {
    font-size: 16px;
  }
  .mct-product-detail-page .summary-title {
    font-size: 14px;
  }
  .mct-product-detail-page .review-summary p {
    font-size: 12px;
  }
  .mct-product-detail-page .rate-btn {
    font-size: 14px;
    padding: 8px;
  }
  .mct-product-detail-page .review-filter-row .selector {
    min-height: 48px;
    font-size: 12px;
  }
  .mct-product-detail-page .name {
    font-size: 14px;
  }
  .mct-product-detail-page .meta {
    font-size: 6.5px;
  }
  .mct-product-detail-page .review-content,
  .mct-product-detail-page .review-title {
    font-size: 13px;
  }
}

#MMY-app .unified-topbar,
#MMY-app .unified-header,
#MMY-app .unified-footer,
#MMY-app .experts-page {
  font-family: "Poppins", sans-serif;
}

#MMY-app .unified-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

#MMY-app .unified-nav-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

#MMY-app .unified-nav-item {
  position: relative;
}

#MMY-app .unified-mega-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 40;
  width: min(1100px, 100vw - 32px);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
  padding: 18px;
  gap: 16px;
}

#MMY-app .unified-mega-menu a {
  font-size: 10px !important;
  font-weight: 600 !important;
}

#MMY-app .unified-mega-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#MMY-app .unified-mega-col strong {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #723A1D;
}

#MMY-app .unified-mega-col a {
  font-size: 10px;
  line-height: 1.45;
  font-weight: 300 !important;
  color: #2D241C;
}

#MMY-app .unified-mega-col a:hover {
  color: #8E4D2A;
}

#MMY-app .unified-header .unified-logo img,
#MMY-app .unified-footer .unified-footer-grid img {
  max-width: 180px;
  height: auto;
}

#MMY-app .new-home-hero-banners {
  margin: 0 auto 24px;
  padding: 0 16px;
}

#MMY-app .new-home-hero-banners .hero-banner-image {
  width: 100%;
  border-radius: 18px;
  display: block;
}

#MMY-app .new-home-loading {
  margin: 24px auto;
  padding: 16px;
  max-width: 1200px;
  text-align: center;
  border-radius: 12px;
  background: #FFF8EC;
  color: #723A1D;
}

#MMY-app .new-home-content a {
  color: inherit;
}

@media (max-width: 768px) {
  #MMY-app .unified-nav-wrap {
    flex-wrap: wrap;
  }
  #MMY-app .unified-mega-menu {
    position: static;
    width: 100%;
    margin-top: 10px;
    grid-template-columns: 1fr;
  }
  #MMY-app .new-home-hero-banners {
    padding: 0 12px;
    margin-bottom: 16px;
  }
}
.new-btn-primary {
  background-color: var(--teal);
  color: #fff;
}

.new-btn-secondary {
  color: var(--teal-dark);
  border: 1px solid var(--teal);
  background: #fff;
}

.new-btn {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 22px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

#MMY-app .unified-header {
  position: relative;
}

#MMY-app .unified-mega-menu.pregnancy-menu {
  padding: 0;
}

#MMY-app .unified-mega-menu.pregnancy-menu .pregnancy-mega {
  display: grid;
  gap: 16px;
  padding: 18px;
  width: 100%;
}

#MMY-app .unified-mega-menu.pregnancy-menu .mega-column h2 {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
  color: #245a5c;
}

#MMY-app .unified-mega-menu.pregnancy-menu .mega-column p {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #5c7174;
}

#MMY-app .unified-mega-menu.pregnancy-menu .mega-link-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .mega-link-list a {
  color: #245a5c;
  font-size: 13px;
  font-weight: 500 !important;
  text-decoration: none;
}

#MMY-app .unified-mega-menu.pregnancy-menu .mega-link-list a:hover {
  color: #06b3b7;
}

#MMY-app .unified-mega-menu.pregnancy-menu .pregnancy-features {
  display: grid;
  gap: 10px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-menu-card {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 12px;
  padding: 10px;
  border-radius: 12px;
  background: #f8f5f1;
  text-decoration: none;
  border: 1px solid #e7dfd8;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-brand-thumb {
  width: 86px;
  height: 86px;
  border-radius: 10px;
  overflow: hidden;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-brand-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-menu-card > div:last-child > span {
  display: block;
  font-size: 10px;
  letter-spacing: 0.07em;
  color: #6f8184;
  font-weight: 700;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-menu-card h2 {
  font-size: 16px;
  margin-top: 3px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-menu-card p {
  margin-top: 4px;
  font-size: 12px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .programme-menu-card strong {
  display: inline-block;
  margin-top: 6px;
  color: #245a5c;
  font-size: 12px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .maternity-shop .shop-group + .shop-group {
  margin-top: 12px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .maternity-shop h2 {
  font-size: 15px;
  margin: 2px 0 8px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .maternity-shop a,
#MMY-app .unified-mega-menu.pregnancy-menu .brand-menu a {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 6px;
  color: #245a5c;
  text-decoration: none;
}

#MMY-app .unified-mega-menu.pregnancy-menu .pregnancy-review-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  color: #245a5c;
  text-decoration: none;
  font-size: 12.5px;
}

#MMY-app .unified-mega-menu.pregnancy-menu .pregnancy-review-list a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #e7f4f4;
  color: #245a5c;
  font-size: 11px;
  font-weight: 700;
}

#MMY-app .unified-mega-menu.pregnancy-menu .brand-menu {
  margin-top: 10px;
}

#MMY-app .unified-header.unified-header--fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 120;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

#MMY-app .unified-header-spacer {
  height: 92px;
}

@media (max-width: 768px) {
  #MMY-app .unified-mega-menu.pregnancy-menu .pregnancy-mega {
    grid-template-columns: 1fr;
  }
  #MMY-app .unified-header-spacer {
    height: 84px;
  }
}