:root {
    --color-primary: #E32c26;
    --color-secondary: #FDB32B;
    --color-secondary-dark: #F78E36;
    --color-secondary-darken: #953e00;
    --color-secondary-lighten: #FFF4D9;
    --color-white: #FFFFFF;
    --color-light: #F4F4F4;
    --color-dark: #666666;
    --color-darken: #333333;
    --color-grey: #999999;
    --color-black: #000000;
    --color-anchor: #004ecf;
    --color-success: #157B11;
    --color-success-light: #24A148;
    --color-success-lighter: #00AF5A;
    --color-danger: #DA1E28;
    --color-danger-light: #FFCDCC;
    --color-danger-lighter: #ffefef;
    --color-teal: #257469;
    --color-teal-light: #008A69;
    --color-readonly-icon: #777777;
    --color-rgb-white: 255 255 255;
    --color-rgb-black: 0 0 0;
    --color-rgb-primary: 227 44 38;
    --color-rgb-dark: 102 102 102;
    --zindex-1: 1000;
    --zindex-2: 1100;
    --zindex-3: 1200;
    --zindex-4: 1300;
    --zindex-5: 1400;
    --z-index-top: 1401;
    --zindex-6: 1500;
    --zindex-7: 1600;
    --zindex-8: 1700;
    --zindex-9: 1800;
    --zindex-10: 1900;
    --backdrop-white: rgba(var(--color-rgb-white) / 60%);
    --backdrop-black: rgba(var(--color-rgb-black) / 50%);
    --color-body-background: #E5E5E5;
    --color-body-color: #333333;
    --color-text-muted: #666666;
    --color-input-border: #9E9E9E;
    --color-input-focus: #5090FF;
    --color-input-label-disabled: #CECECE;
    --color-border: #D7D7D7;
    --color-nophoto-bg: #cecece;
    --font-weight-lighter: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-base: 0.4rem;
    --radius-large: 0.8rem;
    --radius-xlarge: 1.6rem;
    --radius-xxlarge: 3.2rem;
    --radius-pill: 10rem;
    --radius-round: 50%;
    --shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    --shadow-2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    --shadow-3: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    --shadow-4: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    --shadow-5: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    --shadow-hover: 0px 3px 6px #00000029;
    --star-rating: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 45' overflow='visible' xml:space='preserve'%3E%3Cpath fill='none' d='M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23666666' d='M7.5,17.5l-1.3,3L5.9,21L5.4,21l-3.2,0.4l2.4,2.4l0.4,0.4l-0.1,0.5l-0.6,3.3L7,26.5l0.5-0.3L8,26.5l2.8,1.6 l-0.6-3.3l-0.1-0.5l0.4-0.4l2.4-2.4L9.6,21L9.1,21l-0.2-0.5L7.5,17.5 M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5 L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23FEB42B' d='M2.9,15l4.6-2.7l4.6,2.7l-1-5.5L15,5.7L9.8,5L7.5,0L5.3,5L0,5.7l3.9,3.8L2.9,15z M12.2,35.4L9.8,35l-2.3-5 l-2.3,5L0,35.7l0,0l0,0l3.9,3.8l-1,5.5l0,0v0l4.6-2.7l4.6,2.7v0l0,0l-0.4-2.2l-0.6-3.2l2.4-2.4l1.4-1.4l0,0l0,0L12.2,35.4z M10.4,38.8l-0.4,0.4l0.1,0.5l0.6,3.3L8,41.5l-0.5-0.3v-8.7l1.3,3L9.1,36L9.6,36l3.2,0.4L10.4,38.8z'/%3E%3C/svg%3E");
    --primary-gradient: transparent linear-gradient(181deg, #FFEFD1 0%, #FFD27E 100%) 0% 0% no-repeat padding-box;
    --font-size-base: 1.6rem
}

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: #fff0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

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

body {
    margin: 0;
    color: var(--color-darken);
    background-color: var(--color-body-background);
    font-size: var(--font-size-base)
}

a {
    background-color: #fff0;
    color: var(--color-anchor);
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

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

b,strong {
    font-weight: bolder
}

img {
    border-style: none
}

p {
    line-height: 2.4rem;
    color: var(--color-darken)
}

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

button,input {
    overflow: visible;
    outline: 0
}

button,select {
    text-transform: none;
    outline: 0;
    border: 0
}

textarea {
    overflow: auto
}

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

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    opacity: 0;
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

table {
    --color-table-head-bg: #001935;
    border-collapse: collapse;
    margin: 1rem 0;
    width: 100%;
    border-spacing: 0
}

table th {
    background: var(--color-table-head-bg);
    color: var(--color-white)
}

table td {
    color: var(--color-darken)
}

table td,table th {
    border: .1rem solid var(--color-dark);
    text-align: left;
    padding: 1.5rem 2rem;
    font-size: 1.4rem
}

@media (min-width: 576px) {
    .sk-container {
        width:100%;
        max-width: 132rem
    }

    .sk-container.sk-container-small {
        max-width: 54rem
    }

    .sk-container.sk-container-medium {
        max-width: 72rem
    }

    .sk-container.sk-container-large {
        max-width: 96rem
    }

    .sk-container.sk-container-xlarge {
        max-width: 114rem
    }
}

.sk-container,.sk-container-fluid {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.sk-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

[class^=sk-col-],[class^=sk-col] {
    position: relative;
    width: 100%;
    min-height: .1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.sk-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.sk-col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.sk-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.sk-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.sk-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.sk-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.sk-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.sk-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.sk-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.sk-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.sk-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.sk-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.sk-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.sk-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media(max-width: 576px) {
    .no-x-padding {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 576px) {
    .sk-col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    .sk-col-fluid {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 62.5%;
    line-height: 1.3
}

h1,.title-primary,.title-xxlarge {
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 2rem
}

h2,.title-xlarge {
    font-size: 2rem;
    line-height: 130%;
    margin-bottom: 1.8rem
}

h3,.title-large {
    font-size: 1.8rem;
    line-height: 130%;
    margin-bottom: 1.6rem
}

h4,.title-medium {
    font-size: 1.6rem;
    line-height: 120%;
    margin-bottom: 1.4rem
}

h5,.title-small {
    font-size: 1.4rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

h6,.title-xsmall {
    font-size: 1.2rem;
    line-height: 120%;
    margin-bottom: 1rem
}

h1,h2,h3,h4,h5,h6,.title-primary,.title-xlarge,.title-large,.title-medium,.title-small,.title-xsmall {
    font-weight: var(--font-weight-bold);
    margin-top: 0;
    color: var(--color-darken)
}

h1::first-letter,h2::first-letter,h3::first-letter,h4::first-letter,h5::first-letter,h6::first-letter,.title-primary::first-letter,.title-xlarge::first-letter,.title-large::first-letter,.title-medium::first-letter,.title-small::first-letter,.title-xsmall::first-letter {
    text-transform: capitalize
}

.title-color-primary {
    color: var(--color-primary)
}

@media(min-width: 769px) {
    h1,.title-primary {
        font-size:4.2rem;
        line-height: 120%
    }

    h2,.title-xlarge {
        font-size: 2.4rem;
        line-height: 130%
    }

    h3,.title-large {
        font-size: 2rem;
        line-height: 130%
    }

    h4,.title-medium {
        font-size: 1.8rem;
        line-height: 130%
    }

    h5,.title-small {
        font-size: 1.6rem;
        line-height: 140%
    }

    h6,.title-xsmall {
        font-size: 1.4rem;
        line-height: 140%
    }
}

.sk-h1,.sk-h2,.sk-h3,.sk-h4,.sk-h5,.sk-h6 {
    margin-bottom: 1.6rem;
    font-weight: var(--font-weight-bold)
}

.sk-h1 {
    font-size: 3.6rem;
    line-height: 5.4rem
}

.sk-h2 {
    font-size: 3.2rem;
    line-height: 4.8rem
}

.sk-h3 {
    font-size: 2.8rem;
    line-height: 4.2rem
}

.sk-h4 {
    font-size: 2.2rem;
    line-height: 3.3rem
}

.sk-h5 {
    font-size: 1.8rem;
    line-height: 2.7rem
}

.sk-h6 {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width: 1200px) {
    .sk-h1 {
        font-size:4.2rem;
        line-height: 5.8rem
    }

    .sk-h2 {
        font-size: 3.6rem;
        line-height: 5.4rem
    }

    .sk-h3 {
        font-size: 3.2rem;
        line-height: 4.8rem
    }

    .sk-h4 {
        font-size: 2.8rem;
        line-height: 4.2rem
    }

    .sk-h5 {
        font-size: 2.4rem;
        line-height: 3.6rem
    }

    .sk-h6 {
        font-size: 1.8rem;
        line-height: 2.7rem
    }
}

.sk-lead-text {
    font-size: 1.8rem;
    line-height: 2.7rem
}

.sk-lead-text-small {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width: 1200px) {
    .sk-lead-text {
        font-size:2rem;
        line-height: 3rem
    }

    .sk-lead-text-small {
        font-size: 1.8rem;
        line-height: 2.7rem
    }
}

.sk-body-text-1 {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.sk-body-text-2 {
    font-size: 1.2rem;
    line-height: 1.8rem
}

@media(min-width: 1200px) {
    .sk-body-text-1 {
        font-size:1.6rem;
        line-height: 2.4rem
    }

    .sk-body-text-2 {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.sk-caption-text,.sk-caption-text-small,.sk-caption-text-large {
    color: var(--color-dark)
}

.sk-caption-text-small {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.sk-caption-text {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.sk-caption-text-large {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width: 1200px) {
    .sk-caption-text-small {
        font-size:1.4rem;
        line-height: 2.1rem
    }

    .sk-caption-text {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .sk-caption-text-large {
        font-size: 1.8rem;
        line-height: 2.7rem
    }
}

.sk-overline-text {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .166rem
}

.sk-small {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--color-dark)
}

.button {
    --color-base-button: #E5E5E5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    letter-spacing: 0;
    cursor: pointer;
    border-radius: var(--radius-base);
    user-select: none;
    font-weight: var(--font-weight-semibold);
    overflow: visible;
    position: relative;
    height: 3.8rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    background: var(--color-base-button);
    color: var(--color-darken);
    line-height: 1.5;
    min-width: 6.4rem;
    border: .1rem solid var(--color-base-button)
}

.button::first-letter {
    text-transform: capitalize
}

.button:hover {
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%),0 3px 6px rgb(0 0 0 / 8%)
}

.button.primary {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary)
}

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

.button.primary .button-icon,.button.primary .icon,.button.secondary .icon {
    fill: var(--color-white);
    background: none
}

.button.line-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-white)
}

.button.button-icon.line-primary .icon,.button.line-primary .icon {
    fill: currentColor
}

.button.secondary {
    background: var(--color-secondary-dark);
    color: var(--color-white);
    border-color: var(--color-secondary-dark)
}

.button.white {
    background: var(--color-white);
    color: var(--color-primary);
    border-color: var(--color-white)
}

.button.button-icon.white .icon,.button.white .icon {
    fill: currentColor
}

.button.gray {
    border-color: var(--color-border);
    color: var(--color-darken);
    background: var(--color-white)
}

.button.flat-gray {
    color: var(--color-dark);
    box-shadow: none;
    background: none;
    border: 0
}

.button.link {
    color: var(--color-anchor);
    box-shadow: none;
    background: none;
    border: 0
}

.button.button-icon.link .icon,.button.link .icon {
    fill: currentColor
}

.button.dark {
    color: var(--color-white);
    background: var(--color-dark);
    border-color: var(--color-dark);
    box-shadow: none
}

.button.flat-link {
    color: var(--color-anchor);
    box-shadow: none;
    background: var(--color-light);
    border-color: var(--color-light)
}

.button.success {
    background: var(--color-teal);
    color: var(--color-white);
    border-color: var(--color-teal)
}

.button.line-success {
    border-color: var(--color-teal);
    color: var(--color-teal);
    background: var(--color-white)
}

.button.xlarge {
    padding: 0 2.4rem;
    height: 5.6rem;
    font-size: 2rem
}

.button.large {
    padding: 0 2rem;
    height: 4.8rem;
    font-size: 1.8rem
}

.button.small {
    padding: 0 1.2rem;
    height: 3.2rem;
    font-size: 1.4rem
}

.button.xsmall {
    padding: 0 .8rem;
    height: 2.8rem;
    font-size: 1.2rem
}

.btn-group.inline {
    display: flex;
    align-items: center;
    gap: 1rem
}

.btn-group.block,.button.block {
    width: 100%
}

.btn-group.block .button {
    margin: 0 auto
}

.btn-group.wrap {
    flex-wrap: wrap
}

.btn-group.flex-grow .button {
    flex-grow: 1
}

@media(max-width: 768px) {
    .btn-group.mobile-wrap {
        flex-wrap:wrap
    }

    .btn-order-1 {
        order: 1
    }

    .btn-group.mobile-block,.button.mobile-block {
        width: 100%
    }
}

@media(min-width: 768px) {
    .btn-group.extend .button,.btn-group .button.extend {
        padding-left:6rem;
        padding-right: 6rem
    }

    .btn-group.extend-large .button,.btn-group .button.extend-large {
        padding-left: 9rem;
        padding-right: 9rem
    }

    .button.semi-block {
        width: 70%
    }
}

@media(max-width: 576px) {
    .button {
        font-size:1.4rem;
        padding: .6rem 1.5rem
    }

    .button.large {
        font-size: 1.6rem
    }
}

@media(max-width: 350px) {
    .button.msmall {
        padding:.4rem 1rem
    }

    .button.medium,.button.large,.button.xlarge {
        font-size: 1.4rem
    }
}

.button[class*="line-"].disabled,.button[class*="line-"]:disabled,.button.disabled,.button:disabled,.button.disabled *,.button:disabled * {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
    filter: grayscale(1);
    background: var(--color-body-background);
    border-color: var(--color-border);
    color: var(--color-darken);
    fill: var(--color-darken)
}

.button.half-disabled {
    opacity: .5
}

.button.radius {
    border-radius: var(--radius-pill);
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%),0 3px 6px rgb(0 0 0 / 8%);
    padding-left: 2rem;
    padding-right: 2rem
}

.button.no-x-padding {
    padding-left: 0;
    padding-right: 0
}

.button .btn-icon-left {
    margin-right: .8rem
}

.button.no-shadow {
    box-shadow: none
}

.button.button-icon {
    height: 3.8rem;
    width: 3.8rem;
    padding: 0;
    min-width: inherit;
    transition: all 500ms ease
}

.button.small.button-icon {
    height: 3.2rem;
    width: 3.2rem
}

.button.large.button-icon {
    height: 4.8rem;
    width: 4.8rem
}

.button.xlarge.button-icon {
    height: 5.6rem;
    width: 5.6rem
}

.button .leading-icon,.button .trailing-icon {
    pointer-events: none
}

.button .leading-icon {
    margin-right: .6rem
}

.button .trailing-icon {
    margin-left: .6rem
}

.button.xlarge .leading-icon {
    margin-right: 1.2rem
}

.button.xlarge .trailing-icon {
    margin-left: 1.2rem
}

.button.xsmall .leading-icon {
    margin-left: 0
}

.button.xsmall .trailing-icon {
    margin-right: 0
}

.button.round {
    border-radius: var(--radius-round)
}

.sk-card {
    background: var(--color-white);
    position: relative;
    border-radius: var(--radius-base);
    transition: .3s cubic-bezier(.4,0,.2,1);
    transition-property: color,background-color;
    will-change: color,background-color;
    padding: 1.5rem
}

.sk-card.sk-radius-large {
    border-radius: var(--radius-large)
}

.sk-card.sk-radius-xlarge {
    border-radius: var(--radius-xlarge)
}

.sk-card.border,.sk-card.sk-border {
    border: .1rem solid var(--color-border);
    box-shadow: none
}

.sk-card.shadow,.sk-card.sk-shadow {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 1px 5px 0 rgb(0 0 0 / 12%)
}

.sk-card.sk-hover:hover {
    z-index: 2;
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%),0 8px 10px 1px rgb(0 0 0 / 14%),0 3px 14px 2px rgb(0 0 0 / 12%)
}

.sk-card.no-bleeding {
    padding: 0
}

.gutter-negative {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.hide,.sk-hide {
    display: none!important
}

.show,.sk-show {
    display: flex!important
}

.error-text {
    font-size: 1.2rem;
    color: var(--color-danger);
    display: none
}

.error-text .icon {
    margin-right: .2rem
}

.error-text.align-center {
    justify-content: center
}

.error-text.filled {
    background: var(--color-danger-lighter);
    border-radius: var(--radius-base);
    padding: .8rem;
    font-size: 1.4rem;
    justify-content: center
}

.error-text.show {
    display: block
}

.sk-error-text {
    color: var(--color-danger)
}

.sk-success-text {
    color: var(--color-success)
}

.sk-warning-text {
    color: var(--color-warning)
}

.sk-font-regular {
    font-weight: var(--font-weight-regular)
}

.sk-font-medium {
    font-weight: var(--font-weight-medium)
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.sk-flex {
    display: flex!important
}

.sk-flex-wrap {
    flex-wrap: wrap!important
}

.sk-flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-gap-xsmall {
    gap: .5rem
}

.flex-gap-small {
    gap: 1rem
}

.flex-gap-base {
    gap: 1.5rem
}

.flex-gap-large {
    gap: 2rem
}

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

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

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

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

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

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

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

.flex-noshrink {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.sk-vertical-center {
    display: flex;
    align-items: center;
    height: 100%
}

.no-scroll,.no-scroll-1 {
    overflow: hidden!important
}

@media(max-width: 992px) {
    .no-scroll-mobile {
        overflow:hidden!important
    }
}

.view-more {
    color: var(--color-anchor);
    cursor: pointer;
    text-decoration: underline;
    font-size: 1.4rem
}

.view-more.dark {
    color: var(--color-dark)
}

.view-more.no-link {
    cursor: default
}

.view-more.no-underline {
    text-decoration: none
}

.required {
    color: var(--color-primary)
}

.border-top {
    border-top: .5rem solid var(--color-light)
}

.border-line-top {
    border-top: .1rem solid var(--color-border)
}

.border-line-bottom {
    border-bottom: .1rem solid var(--color-border)
}

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

.sk-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sk-line-clamp.sk-line-2 {
    -webkit-line-clamp: 2
}

.sk-line-clamp.sk-line-3 {
    -webkit-line-clamp: 3
}

.sk-line-clamp.sk-line-4 {
    -webkit-line-clamp: 4
}

.sk-line-clamp.sk-line-5 {
    -webkit-line-clamp: 5
}

.link-text {
    font-size: 1.3rem;
    color: var(--color-anchor);
    cursor: pointer
}

.padding-0 {
    padding: 0!important
}

.padding-base {
    padding: 1.5rem
}

.padding-large {
    padding: 3rem
}

.padding-xlarge {
    padding: 6rem
}

.padding-top-0 {
    padding-top: 0!important
}

.padding-bottom-0 {
    padding-bottom: 0!important
}

.no-margin {
    margin: 0!important
}

.margin-top-0 {
    margin-top: 0!important
}

.margin-bottom-0 {
    margin-bottom: 0!important
}

.margin-top-small {
    margin-top: 0.8rem!important
}

.margin-top {
    margin-top: 1.6rem!important
}

.margin-top-large {
    margin-top: 2.4rem!important
}

.margin-top-xlarge {
    margin-top: 4.8rem!important
}

.margin-bottom {
    margin-bottom: 1.6rem!important
}

.margin-bottom-large {
    margin-bottom: 2.4rem!important
}

.margin-bottom-xlarge {
    margin-bottom: 4.8rem!important
}

.margin-start-auto {
    margin-left: auto!important
}

.margin-end-auto {
    margin-right: auto!important
}

.sk-clickable {
    cursor: pointer
}

.rupee:before {
    content: "\20B9";
    font-family: Arial,Helvetica,sans-serif;
    font-weight: var(--font-weight-regular);
    font-size: 89%
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        display:none
    }
}

.sk-radio li {
    margin: .5rem 0
}

.sk-radio label {
    line-height: 1.8rem;
    font-size: 1.4rem
}

.sk-radio [type="radio"]:not(:checked),.sk-radio [type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sk-radio [type="radio"]:not(:checked)+label,.sk-radio [type="radio"]:checked+label {
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 2rem;
    font-size: 1.4rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.sk-radio [type="radio"]+label:before,.sk-radio [type="radio"]+label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease
}

.sk-radio [type="radio"]:not(:checked)+label:before,.sk-radio [type="radio"]:not(:checked)+label:after,.sk-radio [type="radio"]:checked+label:before,.sk-radio [type="radio"]:checked+label:after {
    border-radius: var(--radius-round)
}

.sk-radio [type="radio"]:not(:checked)+label:before,.sk-radio [type="radio"]:not(:checked)+label:after {
    border: .2rem solid var(--color-input-border)
}

.sk-radio [type="radio"]:not(:checked)+label:after {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sk-radio [type="radio"]:checked+label:before {
    border: .2rem solid #fff0
}

.sk-radio [type="radio"]:checked+label:before,.sk-radio [type="radio"]:checked+label:after {
    border: .2rem solid var(--color-primary)
}

.sk-radio [type="radio"]:checked+label:after {
    background-color: var(--color-primary);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.sk-radio [type="radio"].tabbed:focus+label:before {
    -webkit-box-shadow: 0 0 0 1rem rgb(0 0 0 / .1);
    box-shadow: 0 0 0 1rem rgb(0 0 0 / .1)
}

.sk-radio [type="radio"]:disabled:checked+label:before {
    border: .2rem solid rgb(0 0 0 / .42)
}

.sk-radio [type="radio"]:disabled:checked+label:after {
    border: none;
    background-color: rgb(0 0 0 / .42)
}

.sk-radio [type="radio"]:disabled:not(:checked)+label:before,.sk-radio [type="radio"]:disabled:checked+label:before {
    background-color: #fff0;
    border-color: rgb(0 0 0 / .42)
}

.sk-radio [type="radio"]:disabled+label {
    color: rgb(0 0 0 / .42)
}

.sk-radio [type="radio"]:disabled:not(:checked)+label:before {
    border-color: rgb(0 0 0 / .42)
}

.sk-radio [type="radio"]:disabled:checked+label:after {
    background-color: rgb(0 0 0 / .42);
    border-color: #949494
}

.sk-radio.inline ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.sk-radio.inline li {
    margin-right: 1.2rem
}

.sk-checkbox.inline ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.sk-checkbox li {
    margin: 1rem 0
}

.sk-checkbox [type="checkbox"]:not(:checked),.sk-checkbox [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sk-checkbox [type="checkbox"]+label:not(.lever) {
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 .5rem;
    line-height: 2rem;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.sk-checkbox [type="checkbox"]+label:not(.lever):before {
    content: '';
    position: absolute;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    z-index: 0;
    border: .2rem solid var(--color-input-border);
    border-radius: .1rem;
    -webkit-transition: .2s;
    transition: .2s
}

.sk-checkbox [type="checkbox"]:not(:checked):disabled+label:not(.lever):before {
    border: none;
    background-color: rgb(0 0 0 / .42)
}

.sk-checkbox [type="checkbox"].tabbed:focus+label:not(.lever):after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: var(--radius-round);
    -webkit-box-shadow: 0 0 0 1rem rgb(0 0 0 / .1);
    box-shadow: 0 0 0 1rem rgb(0 0 0 / .1);
    background-color: rgb(0 0 0 / .1);
    border-color: var(--color-input-border);
    background-color: rgb(0 0 0 / .1)
}

.sk-checkbox [type="checkbox"]:checked+label:not(.lever):before {
    left: .1rem;
    width: .7rem;
    height: 1.3rem;
    border-top: .2rem solid #fff0;
    border-left: .2rem solid #fff0;
    border-right: .2rem solid var(--color-primary);
    border-bottom: .2rem solid var(--color-primary);
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 120% 100%;
    transform-origin: 130% 110%;
    top: 0;
    bottom: 0;
    margin: auto
}

.sk-checkbox [type="checkbox"]:checked:disabled+label:before {
    border-right: .2rem solid rgb(0 0 0 / .42);
    border-bottom: .2rem solid rgb(0 0 0 / .42)
}

.sk-checkbox [type="checkbox"]+label:not(.lever):after {
    border-radius: var(--radius-base)
}

.sk-checkbox [type="checkbox"]+label:not(.lever):before,.sk-checkbox [type="checkbox"]+label:not(.lever):after {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;
    transition: border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;
    z-index: 1
}

.sk-checkbox [type="checkbox"]:not(:checked)+label:not(.lever):before {
    width: .7rem;
    height: 1.3rem;
    border: .3rem solid #fff0;
    left: .1rem;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 120% 100%;
    transform-origin: 130% 110%;
    top: 0;
    bottom: 0;
    margin: auto
}

.sk-checkbox [type="checkbox"]:not(:checked)+label:not(.lever):after {
    height: 2rem;
    width: 2rem;
    border: .2rem solid var(--color-input-border);
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.sk-checkbox [type="checkbox"]:checked+label:not(.lever):after {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 2rem;
    border: .2rem solid var(--color-primary);
    background-color: #fff0;
    z-index: 0
}

.sk-checkbox [type="checkbox"].tabbed:checked:focus+label:not(.lever):after {
    border-radius: var(--radius-base);
    background-color: #fff0;
    border-color: var(--color-primary)
}

.sk-checkbox [type="checkbox"]:disabled:not(:checked)+label:not(.lever):before {
    background-color: #fff0;
    border: .2rem solid #fff0
}

.sk-checkbox [type="checkbox"]:disabled:not(:checked)+label:not(.lever):after {
    border-color: #fff0;
    background-color: var(--color-input-border)
}

.sk-checkbox [type="checkbox"]:disabled:checked+label:not(.lever):before {
    background-color: #fff0
}

.sk-checkbox [type="checkbox"]:disabled:checked+label:not(.lever):after {
    background-color: var(--color-input-border);
    border-color: var(--color-input-border)
}

.sk-checkbox.sk-xsmall [type="checkbox"]:checked+label:not(.lever):after,.sk-checkbox.sk-xsmall [type="checkbox"]:not(:checked)+label:not(.lever):after {
    width: 1.6rem;
    height: 1.6rem
}

.sk-checkbox.sk-xsmall [type="checkbox"]+label:not(.lever) {
    padding-left: 2.5rem
}

.sk-checkbox.sk-xsmall [type="checkbox"]:checked+label:not(.lever):before {
    width: .6rem;
    height: 1rem
}

::-webkit-input-placeholder {
    font-weight: var(--font-weight-regular);
    color: var(--color-dark)
}

::-moz-placeholder {
    font-weight: var(--font-weight-regular);
    color: var(--color-dark)
}

:-ms-input-placeholder {
    font-weight: var(--font-weight-regular);
    color: var(--color-dark)
}

:-o-input-placeholder {
    font-weight: var(--font-weight-regular);
    color: var(--color-dark)
}

.prevent-event {
    pointer-events: none
}

.text-field>input {
    border: .1rem solid var(--color-grey);
    border-radius: var(--radius-base);
    height: 4.8rem;
    width: 100%;
    font-size: 1.6rem;
    color: var(--color-darken);
    padding: 1.5rem;
    text-overflow: ellipsis;
    font-weight: var(--font-weight-semibold);
    position: relative
}

.text-field.disabled {
    opacity: .5
}

.text-field>input[disabled] {
    opacity: .4;
    pointer-events: none;
    background: var(--color-light)
}

.text-field>input[disabled]+label {
    pointer-events: none;
    color: var(--color-input-label-disabled)
}

.text-field>input[disabled]+label .required {
    color: var(--color-input-label-disabled)
}

.text-field {
    position: relative
}

.text-field.label-inside input,.text-field .multi-select,.text-field>.placeholder,.text-field .sk-event-group {
    border: .1rem solid var(--color-grey);
    border-radius: var(--radius-base);
    height: 4.8rem;
    width: 100%;
    font-size: 1.4rem;
    color: var(--color-darken);
    padding: 2.6rem 6rem 1rem 1.5rem;
    text-overflow: ellipsis
}

.text-field .multi-select,.text-field .sk-event-group {
    cursor: pointer
}

.text-field.label-inside label {
    cursor: text;
    position: absolute;
    font-size: 1.2rem;
    top: 1rem;
    left: 1.6rem;
    color: var(--color-anchor);
    z-index: 1
}

.text-field.small>input {
    height: 3.8rem;
    padding: .6rem 1.2rem
}

.text-field.small>.icon {
    height: 3.8rem
}

.text-field>.icon,.text-field .multi-select .icon,.text-field .sk-event-group .icon {
    position: absolute;
    height: 4.8rem;
    fill: var(--color-readonly-icon);
    bottom: 0;
    top: 0;
    z-index: 1
}

.text-field.input-icon input,.text-field.trailing-icon input {
    padding-right: 5rem
}

.text-field.left>.icon,.text-field.leading-icon .icon {
    left: 1.5rem;
    right: auto
}

.text-field>.icon,.text-field.trailing-icon input+label+.icon {
    right: 1.5rem;
    left: auto
}

.text-field.input-icon.left input,.text-field.leading-icon input {
    padding-left: 5rem
}

.text-field.input-icon .icon {
    z-index: 0
}

.text-field .icon.current-location,.text-field .icon.sk-clickable {
    fill: var(--color-anchor);
    cursor: pointer
}

.text-field.select-upward .show-list {
    bottom: 6rem
}

.text-field .indication {
    position: absolute;
    right: 1.5rem;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    font-size: 1.2rem;
    color: var(--color-grey);
    opacity: 0
}

.text-field.border-label-over>input:valid+label+.indication {
    opacity: 1
}

.text-field .icon-clear {
    position: absolute;
    right: 0;
    margin: auto 0;
    top: 0;
    bottom: 0;
    width: 5rem;
    fill: var(--color-dark);
    cursor: pointer
}

.text-field.border-label-over {
    position: relative
}

.text-field.border-label-over>label,.text-field.border-label-over .default-over,.text-field .sk-event-group>label {
    cursor: text;
    position: absolute;
    font-size: 1.6rem;
    top: 1.3rem;
    left: 0;
    color: var(--color-dark);
    z-index: 0;
    left: 1.5rem;
    transition: all .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    overflow: hidden;
    text-align: left;
    pointer-events: none;
    padding: 0 .2rem;
    line-height: normal
}

.text-field.border-label-over>input:focus+label,.text-field.border-label-over>input:valid+label,.text-field.border-label-over>input[disabled]+label,.text-field.border-label-over>input[readonly]+label {
    top: -.9rem;
    left: 1.5rem;
    background: var(--color-white);
    font-weight: 400;
    z-index: 2;
    font-size: 1.2rem;
    width: auto
}

.text-field.border-label-over>input:focus+label {
    color: var(--color-input-focus)
}

.text-field.border-label-over>input:focus {
    border: .2rem solid var(--color-input-focus)
}

.text-field.border-label-over .multi-select,.text-field.border-label-over>.placeholder,.text-field.border-label-over .sk-event-group {
    padding: 1.5rem
}

.text-field.border-label-over.input-icon .multi-select,.text-field.border-label-over .sk-event-group {
    padding-right: 5rem
}

.text-field.small>label {
    top: .9rem
}

.text-field.leading-icon>label {
    left: 5rem
}

.text-field.trailing-icon>label {
    max-width: 75%
}

.text-field.leading-text .text-prefix {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 4.8rem;
    padding: 0 1.5rem;
    font-weight: var(--font-weight-medium)
}

.text-field.leading-text>input,.text-field.leading-text>label {
    padding-left: 5.5rem
}

.text-action-group {
    display: flex
}

.text-action-group .text-field {
    flex-grow: 1
}

.text-action-group .text-field>input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.text-action-group .text-field+.trailing-action {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-shrink: 0;
    font-weight: var(--font-weight-bold)
}

@media(max-width: 375px) {
    .text-action-group .text-field+.trailing-action {
        padding:0 1rem
    }
}

.text-multi-select .sk-event-group {
    position: relative
}

.text-multi-select .sk-selected-text {
    display: flex;
    font-weight: var(--font-weight-semibold)
}

.text-multi-select .sk-selected-text span {
    flex-shrink: 0;
    margin-left: .5rem
}

.text-multi-select .sk-overflow-list li {
    padding: 1rem 1.5rem;
    margin: 0
}

.sk-date-picker .sk-date-input {
    background: url(https://lscdn.blob.core.windows.net/content/images/skIconCalendarBlue.svg) 97% 50% no-repeat;
    -webkit-appearance: none
}

@supports (-moz-appearance: none) {
    .sk-date-picker .sk-date-input {
        background:none
    }
}

.sk-date-picker .sk-date-input::-webkit-inner-spin-button {
    display: none
}

.sk-date-picker .sk-date-input::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 3.8rem;
    opacity: 0;
    cursor: pointer;
    padding: 0
}

.sk-date-picker .sk-date-input::-webkit-datetime-edit {
    position: absolute
}

.text-area textarea {
    border: .1rem solid var(--color-grey);
    border-radius: var(--radius-base);
    height: 8rem;
    width: 100%;
    font-size: 1.6rem;
    color: var(--color-darken);
    padding: 1.5rem;
    text-overflow: ellipsis;
    position: relative;
    resize: none;
    line-height: 1.5
}

.text-area textarea:focus {
    outline: none!important;
    border: .1rem solid var(--color-grey)
}

.text-area.large textarea {
    height: 20rem
}

.text-area .count,.sk-character-counter {
    font-size: 1.2rem;
    color: var(--color-dark);
    display: flex;
    justify-content: flex-end;
    margin-top: .5rem
}

.text-area.border-label-over {
    position: relative
}

.text-area.border-label-over>label {
    cursor: text;
    position: absolute;
    font-size: 1.4rem;
    top: 1.8rem;
    color: var(--color-dark);
    z-index: 0;
    left: 1.5rem;
    transition: all .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
    text-align: left;
    pointer-events: none
}

.text-area.border-label-over>textarea:focus+label,.text-area.border-label-over>textarea:valid+label,.text-area.border-label-over>textarea[disabled]+label,.text-area.border-label-over>textarea[readonly]+label {
    top: -.7rem;
    left: 1.5rem;
    background: var(--color-white);
    font-weight: 400;
    z-index: 2;
    font-size: 1.2rem;
    width: auto
}

.text-area.border-label-over>textarea:focus+label {
    color: var(--color-input-focus)
}

.text-area.border-label-over>textarea:focus {
    border: .2rem solid var(--color-input-focus)
}

.text-area.border-label-over.error>label {
    color: var(--color-primary)
}

.text-select {
    position: relative
}

.text-select select {
    border: .1rem solid var(--color-grey);
    border-radius: var(--radius-base);
    height: 4.8rem;
    width: 100%;
    font-size: 1.4rem;
    color: var(--color-darken);
    padding: 1.3rem 5rem 1.3rem 1.5rem;
    -webkit-appearance: none;
    background-color: var(--color-white);
    text-overflow: ellipsis
}

.text-select option {
    color: var(--color-darken);
    font-weight: var(--font-weight-regular)
}

.text-select option:disabled {
    color: var(--color-input-label-disabled)
}

.text-select.label-inside label {
    cursor: text;
    position: absolute;
    font-size: 1.2rem;
    top: 1rem;
    left: 1.6rem;
    color: var(--color-anchor)
}

.text-select .icon,.text-field .sk-event-group .icon {
    position: absolute;
    right: 1rem;
    height: 4.8rem;
    fill: var(--color-readonly-icon);
    top: 0;
    pointer-events: none
}

.text-select.small>select {
    height: 3.8rem;
    padding: .6rem 1.2rem
}

.text-select.label-inside.small select,.text-select.small .icon {
    height: 3.8rem
}

.text-select.input-icon select {
    z-index: 1;
    position: relative;
    background: none;
    cursor: pointer
}

.text-select.input-icon .icon {
    z-index: 0;
    pointer-events: none
}

.text-select.border-label-over label {
    cursor: text;
    position: absolute;
    font-size: 1.6rem;
    top: -.7rem;
    left: 0;
    color: var(--color-dark);
    z-index: 91;
    left: 1.5rem;
    background: var(--color-white)
}

.text-select.border-label-over label,.text-field.border-label-over .default-over {
    top: -.7rem;
    left: 1.5rem;
    background: var(--color-white);
    color: var(--color-dark);
    font-weight: 400;
    z-index: 2;
    font-size: 1.2rem;
    transition: all .2s;
    padding: 0rem .5rem
}

.text-field.border-label-over .default-over {
    width: auto
}

.text-field.error>input,.text-area.error>textarea,.text-area.alert>textarea,.text-field.error>.sk-event-group,.text-select.error>select {
    border-color: var(--color-primary);
    border-width: .2rem
}

.text-field.border-label-over.error>label,.text-field.border-label-over.error .sk-event-group label,.text-select.border-label-over.error select {
    color: var(--color-primary)
}

.sk-helper-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sk-helper-line .sk-helper-text,.sk-helper-line .sk-error-text,.sk-helper-line .sk-char-counter {
    font-size: 1.2rem;
    letter-spacing: .04rem;
    margin-top: .3rem
}

.sk-helper-line .sk-helper-text {
    color: var(--color-grey)
}

.sk-helper-line .sk-char-counter {
    color: var(--color-dark);
    margin-left: auto
}

.sk-menu.flat-gray,.sk-menu .sk-menu-nav.flat-gray {
    background: var(--color-light)
}

.sk-menu.flat-white,.sk-menu.flat-white .sk-menu-nav {
    background: var(--color-white)
}

.sk-menu .sk-menu-nav {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    border-bottom: .1rem solid var(--color-border);
    transition: all 1s ease
}

.sk-menu .sk-menu-nav a {
    padding: 0 2rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    border-bottom: .3rem solid #fff0;
    color: var(--color-dark);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 1.6rem
}

.sk-menu .sk-menu-nav a:hover {
    background: var(--color-light)
}

.sk-menu .sk-menu-nav a.active {
    border-color: #c52b26;
    color: #c52b26
}

.sk-menu.sticky-bottom {
    position: sticky;
    top: 5.6rem;
    z-index: 11;
    padding: 0
}

.sk-menu.no-gap {
    margin: 0
}

.sk-menu.secondary .sk-menu-nav a {
    font-size: 1.4rem;
    font-weight: 500
}

@media (max-width: 992px) {
    .sk-menu .sk-container {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .sk-menu.no-bottom-sticky {
        bottom:auto
    }

    .sk-menu .sk-menu-nav::-webkit-scrollbar,.sk-menu .sk-menu-nav::-webkit-scrollbar-thumb {
        width: 5px;
        height: 0;
        border-radius: var(--radius-xlarge);
        background-clip: padding-box
    }

    .sk-menu .sk-menu-nav::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
        color: #fff0
    }

    .sk-menu .sk-menu-nav:hover::-webkit-scrollbar-thumb {
        color: rgb(0 0 0 / .3)
    }
}

@media (max-width: 576px) {
    .sk-menu .sk-menu-nav a {
        font-size:1.6rem
    }

    .sk-menu.mobile-primary .sk-menu-nav {
        background: var(--color-white)
    }

    .sk-menu.mobile-primary a {
        border: 0
    }

    .sk-menu.mobile-primary a:hover {
        background: #fff0
    }

    .sk-menu.mobile-primary span {
        border-bottom: .3rem solid #fff0;
        font-weight: var(--font-weight-semibold);
        padding-bottom: .2rem
    }

    .sk-menu.mobile-primary a.active span {
        border-color: #c52b26;
        color: #c52b26
    }

    .sk-menu.mobile-sticky .sk-menu-nav {
        background: #c52b26
    }

    .sk-menu.mobile-sticky span {
        color: var(--color-body-background)
    }

    .sk-menu.mobile-sticky a.active span {
        border-color: var(--color-white);
        color: var(--color-white)
    }
}

.sk-menu .badge {
    --color-mobile-menu-bg: #760007;
    --color-web-menu-text: #A80400;
    background-color: var(--color-mobile-menu-bg);
    color: var(--color-white);
    font-size: 1.2rem;
    border-radius: var(--radius-pill);
    padding: 0 .6rem;
    text-align: center;
    margin: 0 .5rem .6rem 0;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 576px) {
    .sk-menu .badge {
        background:var(--color-danger-lighter);
        color: var(--color-web-menu-text);
        border: .1rem solid var(--color-danger-light);
        margin-bottom: 0
    }
}

.sk-fab {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: #3270cd;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: var(--radius-round);
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%),0 5px 8px 0 rgb(0 0 0 / 14%),0 1px 14px 0 rgb(0 0 0 / 12%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer
}

.sk-fab.elevated {
    bottom: 6rem
}

.sk-fab.secondary {
    background: #E2A22D
}

.sk-fab span {
    display: none
}

.sk-fab.static {
    position: static
}

@media(min-width: 768px) {
    .sk-fab {
        bottom:4rem;
        width: auto;
        border-radius: var(--radius-pill);
        padding: 0 2rem
    }

    .sk-fab span {
        font-size: 1.8rem;
        color: var(--color-white);
        margin-left: .5rem;
        display: block
    }

    .sk-fab.static {
        height: 4.5rem
    }

    .sk-fab.static.icon-only {
        padding: 0;
        width: 4.5rem
    }
}

.ratings {
    margin: 1rem 0;
    display: flex;
    align-items: center;
    line-height: normal
}

.ratings span {
    margin-right: 1rem;
    color: var(--color-darken);
    font-size: 1.4rem
}

.ratings.small [class*=star],.ratings.medium [class*="star"] {
    background-image: var(--star-rating),var(--star-rating),var(--star-rating),var(--star-rating),var(--star-rating);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -300rem
}

.ratings.small [class*=star] {
    background-size: 1.5rem 4.5rem;
    width: 8.1rem;
    height: 1.5rem
}

.ratings.small .star0 {
    background-position: center left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star0-5 {
    background-position: bottom left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star1 {
    background-position: top left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star1-5 {
    background-position: top left,bottom left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star2 {
    background-position: top left,top left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star2-5 {
    background-position: top left,top left 1.6rem,bottom left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star3 {
    background-position: top left,top left 1.6rem,top left 3.2rem,center left 4.8rem,center left 6.4rem
}

.ratings.small .star3-5 {
    background-position: top left,top left 1.6rem,top left 3.2rem,bottom left 4.8rem,center left 6.4rem
}

.ratings.small .star4 {
    background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,center left 6.4rem
}

.ratings.small .star4-5 {
    background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,bottom left 6.4rem
}

.ratings.small .star5 {
    background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,top left 6.4rem
}

.ratings.medium [class*="star"] {
    background-size: 2rem 6rem;
    width: 11rem;
    height: 2rem
}

.ratings.medium .star0 {
    background-position: center left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star0-5 {
    background-position: bottom left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star1 {
    background-position: top left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star1-5 {
    background-position: top left,bottom left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star2 {
    background-position: top left,top left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star2-5 {
    background-position: top left,top left 2.2rem,bottom left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star3 {
    background-position: top left,top left 2.2rem,top left 4.4rem,center left 6.6rem,center left 8.8rem
}

.ratings.medium .star3-5 {
    background-position: top left,top left 2.2rem,top left 4.4rem,bottom left 6.6rem,center left 8.8rem
}

.ratings.medium .star4 {
    background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,center left 8.8rem
}

.ratings.medium .star4-5 {
    background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,bottom left 8.8rem
}

.ratings.medium .star5 {
    background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,top left 8.8rem
}

.ratings-group.inline {
    display: flex;
    align-items: center
}

.ratings-group.inline b {
    margin-left: .5rem
}

.ratings-group.inline .ratings {
    margin: 0
}

.ratings-group.inline.align-center {
    justify-content: center
}

.sk-tabs .sk-tabs-nav {
    display: flex;
    overflow-x: auto
}

.sk-tabs .sk-tabs-nav a,.sk-tabs .sk-tabs-nav .sk-tabs-item {
    padding: 0 2rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: .3rem solid #fff0;
    color: var(--color-dark);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0
}

.sk-tabs .sk-tabs-nav a.active,.sk-tabs .sk-tabs-nav a.sk-active,.sk-tabs .sk-tabs-nav .sk-tabs-item.active,.sk-tabs .sk-tabs-nav .sk-tabs-item.sk-active {
    border-color: #c52b26;
    color: #c52b26
}

.sk-tabs .sk-tabs-nav a .icon,.sk-tabs .sk-tabs-nav .sk-tabs-item .icon {
    fill: #666
}

.sk-tabs .sk-tabs-nav a.active .icon,.sk-tabs .sk-tabs-nav a.sk-active .icon,.sk-tabs .sk-tabs-nav .sk-tabs-item.active .icon,.sk-tabs .sk-tabs-nav .sk-tabs-item.sk-active .icon {
    fill: #c52b26
}

.sk-tabs .sk-tabs-nav .sk-indicator {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.sk-tabs .sk-tabs-nav .sk-indicator:before {
    content: "";
    border-top: .3rem solid var(--color-primary);
    opacity: 0;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%
}

.sk-tabs .sk-tabs-item.sk-active .sk-indicator:before {
    opacity: 1
}

.sk-tabs .sk-tab-content {
    padding: 1rem
}

.sk-tabs .sk-tab-content.no-bleeding {
    padding-left: 0;
    padding-right: 0
}

.sk-tabs .sk-tab {
    display: none
}

.sk-tabs .sk-tab.active,.sk-tabs .sk-tab.sk-active {
    display: block
}

.sk-tabs-nav.flat-bg {
    background: var(--color-light)
}

@media(max-width: 576px) {
    .sk-tabs .sk-tabs-nav .sk-tabs-item {
        padding:0 1.5rem
    }
}

.sk-chips>.sk-title {
    font-size: 1.3rem;
    color: var(--color-dark);
    display: block;
    margin-bottom: 1rem
}

.sk-chips.sk-nowrap {
    display: flex;
    align-items: center;
    overflow: auto
}

.sk-chips.sk-nowrap .sk-chip {
    margin-bottom: 0;
    flex-shrink: 0
}

.filter-chips .chips-group {
    display: flex
}

.sk-chips .sk-chip {
    height: 3.2rem;
    padding: 0 1.2rem;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: var(--radius-pill);
    font-size: 1.4rem;
    line-height: 3.2rem;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0 .5rem .5rem 0;
    border: .1rem solid var(--color-input-border);
    justify-content: center;
    background: var(--color-white);
    cursor: pointer
}

.sk-chips.sk-large .sk-chip {
    height: 3.8rem
}

.sk-chips .sk-chip a {
    color: var(--color-darken)
}

.sk-chips.sk-rounded .sk-chip {
    border-radius: var(--radius-base)
}

.sk-chips .sk-chip.sk-base-fill,.sk-chips .sk-chip.selected {
    background: var(--color-body-background);
    border: .1rem solid var(--color-border)
}

.sk-chips .sk-chip:hover {
    background: var(--color-light)
}

.sk-chips.sk-primary .sk-chip {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.sk-chips.sk-primary .sk-chip .icon {
    fill: var(--color-primary)
}

.sk-chips .icon {
    flex-shrink: 0
}

.sk-chips .sk-disabled .icon {
    background: var(--color-input-label-disabled)
}

.sk-chips .icon.right {
    margin-left: .6rem
}

.sk-chips .icon.left {
    margin-right: .6rem
}

.sk-chips .icon.close {
    padding: .2rem;
    fill: var(--color-dark)
}

.sk-chips .icon.close-circle {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-round);
    background: var(--color-dark);
    fill: var(--color-white);
    padding: .3rem
}

.sk-chips .sk-disabled {
    color: var(--color-input-label-disabled);
    border: .1rem solid var(--color-input-label-disabled)
}

.sk-chips .icon.tick {
    fill: var(--color-dark);
    padding: .25rem;
    display: none
}

.sk-chips .sk-chip.selected .icon.tick {
    display: block
}

.sk-chips.sk-chip-filled .sk-chip {
    background: var(--color-body-background)
}

.sk-chips.sk-chip-filled .sk-chip.selected {
    background: var(--color-dark);
    color: var(--color-white)
}

.sk-chips.sk-chip-filled .sk-chip.selected .icon {
    fill: var(--color-white)
}

.sk-radio.chips,.sk-checkbox.chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem
}

.sk-radio.chips li,.sk-checkbox.chips li {
    margin: 0;
    max-width: 100%;
    position: relative;
    scroll-snap-align: start
}

.sk-radio.chips.block li,.sk-checkbox.chips.block li {
    flex: 0 0 100%;
    display: flex;
    justify-content: center
}

.sk-radio.chips label,.sk-checkbox.chips label {
    max-width: 100%
}

.sk-radio.chips [type="radio"]:checked+label span,.sk-checkbox.chips [type="checkbox"]:checked+label span {
    width: calc(100% - 2.5rem)
}

.sk-radio.chips label span,.sk-checkbox.chips label span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sk-radio.chips [type="radio"]:not(:checked)+label,.sk-checkbox.chips [type="checkbox"]:not(:checked)+label {
    border: .1rem solid var(--color-input-border);
    padding: .8rem 1.5rem
}

.sk-radio.chips [type="radio"]:checked+label,.sk-checkbox.chips [type="checkbox"]:checked+label {
    padding: .8rem 1.5rem
}

.sk-radio.chips [type="radio"]:not(:checked)+label,.sk-radio.chips [type="radio"]:checked+label,.sk-checkbox.chips [type="checkbox"]:not(:checked)+label,.sk-checkbox.chips [type="checkbox"]:checked+label {
    border-radius: var(--radius-pill);
    border: .1rem solid var(--color-input-border);
    transition: none
}

.sk-radio.chips.sk-small [type="radio"]:not(:checked)+label,.sk-checkbox.chips.sk-small [type="checkbox"]:not(:checked)+label {
    padding: .3rem 1.5rem
}

.sk-radio.chips.sk-small [type="radio"]:checked+label,.sk-checkbox.chips.sk-small [type="checkbox"]:checked+label {
    padding: .3rem 1rem
}

.sk-radio.chips [type="radio"]:not(:checked)+label:before,.sk-radio.chips [type="radio"]:not(:checked)+label:after,.sk-radio.chips [type="radio"]:checked+label:before,.sk-radio.chips [type="radio"]:checked+label:after,.sk-checkbox.chips [type="checkbox"]:not(:checked)+label:before,.sk-checkbox.chips [type="checkbox"]:not(:checked)+label:after,.sk-checkbox.chips [type="checkbox"]:checked+label:before,.sk-checkbox.chips [type="checkbox"]:checked+label:after {
    border: 0;
    width: auto;
    height: auto;
    transform: rotateZ(0);
    position: static;
    margin: 0;
    transition: none
}

.sk-radio.chips [type="radio"]:checked+label,.sk-checkbox.chips [type="checkbox"]:checked+label {
    border-color: var(--color-primary);
    color: var(--color-primary);
    gap: 0 .5rem
}

.sk-radio.chips [type="radio"]:checked+label:before,.sk-checkbox.chips [type="checkbox"]:checked+label:before {
    content: '';
    background: center no-repeat url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.243' height='10.871' viewBox='0 0 16.243 11.871'%3e%3cpath id='Icon_feather-check' data-name='Icon feather-check' d='M18,9,9.75,17.25,6,13.5' transform='translate(-3.879 -6.879)' fill='none' stroke='%23e32c26' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3c/svg%3e");
    width: 1.8rem;
    height: 1.8rem
}

.sk-radio.sk-disabled *,.sk-radio.sk-disabled [type="radio"]:not(:checked)+label,.sk-radio.sk-disabled [type="radio"]:checked+label,.sk-radio.sk-disabled [type="radio"]:checked+label:before,.sk-radio .sk-disabled *,.sk-radio .sk-disabled [type="radio"]:not(:checked)+label,.sk-radio .sk-disabled [type="radio"]:checked+label,.sk-radio .sk-disabled [type="radio"]:checked+label:before,.sk-radio.chips [type="radio"]:disabled+label,.sk-checkbox.chips [type="checkbox"]:disabled+label,.sk-radio.chips [type="radio"]:checked:disabled+label,.sk-checkbox.chips [type="checkbox"]:checked:disabled+label,.sk-radio.chips [type="radio"].sk-disabled+label,.sk-checkbox.chips [type="checkbox"].sk-disabled+label,.sk-radio.chips [type="radio"]:checked.sk-disabled+label,.sk-checkbox.chips [type="checkbox"]:checked.sk-disabled+label {
    color: rgb(0 0 0 / .42);
    pointer-events: none;
    border-color: rgb(0 0 0 / .15)
}

.sk-radio.sk-disabled [type="radio"]:checked+label:before,.sk-radio .sk-disabled [type="radio"]:checked+label:before,.sk-radio [type="radio"]:checked.sk-disabled+label:before {
    filter: grayscale(100%);
    opacity: .4
}

.sk-radio.chips [type="radio"]:checked:disabled+label:before,.sk-checkbox.chips [type="checkbox"]:checked:disabled+label:before,.sk-radio.chips [type="radio"]:checked.sk-disabled+label:before,.sk-checkbox.chips [type="checkbox"]:checked.sk-disabled+label:before {
    color: rgb(0 0 0 / .3)
}

.sk-radio.chips.primary-filled [type="radio"]:not(:checked)+label,.sk-checkbox.chips.primary-filled [type="checkbox"]:not(:checked)+label {
    background: var(--color-chip-bg);
    border-color: var(--color-chip-border);
    color: var(--color-white)
}

.sk-radio.chips.primary-filled [type="radio"]:checked+label,.sk-checkbox.chips.primary-filled [type="checkbox"]:checked+label {
    background: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-darken);
    font-weight: var(--font-weight-semibold)
}

.secondary-filled,.secondary-outline {
    --color-secondary-filled-bg: #EBEBEB
}

.sk-radio.chips.secondary-filled [type="radio"]:not(:checked)+label,.sk-checkbox.chips.secondary-filled [type="checkbox"]:not(:checked)+label {
    background: var(--color-secondary-filled-bg);
    border-color: var(--color-light);
    color: var(--color-darken)
}

.sk-radio.chips.secondary-filled [type="radio"]:checked+label,.sk-checkbox.chips.secondary-filled [type="checkbox"]:checked+label {
    font-weight: var(--font-weight-semibold);
    transition: none
}

.sk-radio.chips.secondary-filled [type="radio"]:disabled+label,.sk-checkbox.chips.secondary-filled [type="checkbox"]:disabled+label,.sk-radio.chips.secondary-filled [type="radio"]:checked:disabled+label,.sk-checkbox.chips.secondary-filled [type="checkbox"]:checked:disabled+label,.sk-radio.chips.secondary-filled [type="radio"].sk-disabled+label,.sk-checkbox.chips.secondary-filled [type="checkbox"].sk-disabled+label,.sk-radio.chips.secondary-filled [type="radio"]:checked.sk-disabled+label,.sk-checkbox.chips.secondary-filled [type="checkbox"]:checked.sk-disabled+label {
    color: rgb(0 0 0 / .2);
    border: none
}

.sk-radio.chips.secondary-filled [type="radio"]:not(:checked)+label:hover,.sk-checkbox.chips.secondary-filled [type="checkbox"]:not(:checked)+label:hover {
    border-color: var(--color-gray)
}

.sk-radio.chips.no-selected-icon [type="radio"]:checked+label span,.sk-checkbox.chips.no-selected-icon [type="checkbox"]:checked+label span {
    width: 100%
}

.sk-radio.chips.no-selected-icon [type="radio"]:checked+label:before,.sk-checkbox.chips.no-selected-icon [type="checkbox"]:checked+label:before {
    display: none
}

.sk-radio.chips.primary-selected-chip [type="radio"]:checked+label {
    background: var(--color-primary);
    color: var(--color-white)
}

.sk-radio.chips.secondary-outline [type="radio"]:not(:checked)+label,.sk-checkbox.chips.secondary-outline [type="checkbox"]:not(:checked)+label {
    background: var(--color-secondary-filled-bg);
    border-color: var(--color-light);
    color: var(--color-darken)
}

.sk-radio.chips.secondary-outline [type="radio"]:checked+label,.sk-checkbox.chips.secondary-outline [type="checkbox"]:checked+label {
    border-color: var(--color-black);
    color: var(--color-black);
    gap: 0 .5rem
}

.sk-radio.chips.secondary-outline [type="radio"]:checked+label:before,.sk-checkbox.chips.secondary-outline [type="checkbox"]:checked+label:before {
    content: '';
    background: center no-repeat url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.243' height='10.871' viewBox='0 0 16.243 11.871'%3e%3cpath id='Icon_feather-check' data-name='Icon feather-check' d='M18,9,9.75,17.25,6,13.5' transform='translate(-3.879 -6.879)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3c/svg%3e")
}

@media (max-width: 768px) {
    .sk-radio.chips.secondary-outline.sk-nowrap [type="radio"]:checked+label,.sk-checkbox.chips.secondary-outline.sk-nowrap [type="checkbox"]:checked+label {
        flex-wrap:nowrap
    }
}

.sk-radio .title-label,.sk-checkbox .title-label {
    font-size: 1.4rem;
    margin-bottom: .5rem;
    display: block
}

@media (max-width: 768px) {
    .sk-radio.chips.sk-nowrap,.sk-checkbox.chips.sk-nowrap {
        flex-wrap:initial;
        overflow: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

    .sk-radio.chips.sk-edges,.sk-checkbox.chips.sk-edges,.sk-chips.sk-edges {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .sk-radio.chips.sk-edges>li,.sk-checkbox.chips.sk-edges>li,.sk-chips.sk-edges .sk-chip {
        scroll-margin-left: 1.5rem
    }

    .sk-radio.chips.sk-edges>li:first-child,.sk-checkbox.chips.sk-edges>li:first-child,.sk-chips.sk-edges .sk-chip:first-child {
        margin-left: 1.5rem
    }

    .sk-radio.chips.sk-edges>li:last-child,.sk-checkbox.chips.sk-edges>li:last-child,.sk-chips.sk-edges .sk-chip:last-child {
        margin-right: 1.5rem
    }

    .sk-radio.chips.sk-edges-large,.sk-checkbox.chips.sk-edges-large,.sk-chips.sk-edges-large {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .sk-radio.chips.sk-edges-large>li,.sk-checkbox.chips.sk-edges-large>li,.sk-chips.sk-edges-large .sk-chip {
        scroll-margin-left: 3rem
    }

    .sk-radio.chips.sk-edges-large>li:first-child,.sk-checkbox.chips.sk-edges-large>li:first-child,.sk-chips.sk-edges-large .sk-chip:first-child {
        margin-left: 3rem
    }

    .sk-radio.chips.sk-edges-large>li:last-child,.sk-checkbox.chips.sk-edges-large>li:last-child,.sk-chips.sk-edges-large .sk-chip:last-child {
        margin-right: 3rem
    }
}

@media(min-width: 768px) {
    .sk-body::-webkit-scrollbar,.sk-panel-fluid>.sk-inner::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar,.sk-custom-scroll::-webkit-scrollbar,.sk-select-body::-webkit-scrollbar,.expose-over-panel .expose-body::-webkit-scrollbar,.sk-overflow-list::-webkit-scrollbar {
        width:.5rem
    }

    .sk-body::-webkit-scrollbar-track,.sk-panel-fluid>.sk-inner::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track,.sk-custom-scroll::-webkit-scrollbar-track,.sk-select-body::-webkit-scrollbar-track,.expose-over-panel .expose-body::-webkit-scrollbar-track,.sk-overflow-list::-webkit-scrollbar-track {
        background: #fff0
    }

    .sk-body::-webkit-scrollbar-thumb,.sk-panel-fluid>.sk-inner::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb,.sk-custom-scroll::-webkit-scrollbar-thumb,.sk-select-body::-webkit-scrollbar-thumb,.expose-over-panel .expose-body::-webkit-scrollbar-thumb,.sk-overflow-list::-webkit-scrollbar-thumb {
        background: #D1D1D1;
        border-radius: var(--radius-pill)
    }

    .custom-scroll,.sk-custom-scroll {
        padding-right: 1rem
    }
}

.content-fade-wrap {
    max-height: 25rem;
    overflow: hidden;
    position: relative
}

.content-fade-wrap.small {
    max-height: 25rem
}

.content-fade-wrap .content-fade-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 6rem 0 3rem 0;
    background-image: -moz-linear-gradient(top,transparent,var(--color-white));
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(1,var(--color-white)))
}

.sk-tooltip {
    position: relative;
    display: inline-block;
    color: #006080
}

.sk-tooltip .tooltip-text {
    visibility: hidden;
    position: absolute;
    width: 20rem;
    background-color: #555;
    color: var(--color-white);
    text-align: center;
    padding: 1rem;
    border-radius: var(--radius-large);
    z-index: 1;
    opacity: 0;
    transition: opacity .6s
}

.sk-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.sk-tooltip .tooltip-top {
    bottom: 125%;
    left: 50%;
    transform: translatex(-50%)
}

.sk-tooltip .tooltip-right {
    left: auto;
    right: 0;
    transform: translatex(0)
}

.sk-tooltip .tooltip-left {
    left: 0;
    right: auto;
    transform: translatex(0)
}

.sk-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    border-width: .8rem;
    border-style: solid;
    border-color: #555 #fff0 #fff0 #fff0
}

.sk-tooltip .tooltip-top::after {
    top: 100%;
    left: 50%;
    transform: translatex(-50%)
}

.sk-tooltip .tooltip-right::after {
    left: auto;
    right: 10%
}

.sk-tooltip.show .tooltip-text {
    opacity: 1;
    visibility: visible
}

.sk-tooltip-rich {
    position: relative;
    display: inline-block
}

.sk-tooltip-rich .sk-close {
    position: absolute;
    right: .5rem;
    top: .5rem;
    padding: 1rem;
    fill: var(--color-dark);
    cursor: pointer
}

.sk-tooltip-rich .sk-tooltip-wrapper {
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s;
    position: absolute;
    top: 100%;
    left: 50%;
    bottom: auto;
    transform: translateX(-50%);
    padding-top: .5rem
}

.sk-tooltip-rich.sk-tooltip-top .sk-tooltip-wrapper,.sk-tooltip-rich.sk-tooltip-bottom .sk-tooltip-wrapper {
    left: 50%;
    transform: translateX(-50%)
}

.sk-tooltip-rich.sk-tooltip-left .sk-tooltip-wrapper,.sk-tooltip-rich.sk-tooltip-right .sk-tooltip-wrapper {
    top: 50%;
    transform: translateX(50%);
    transform: translateY(-50%)
}

.sk-tooltip-rich.sk-tooltip-top .sk-tooltip-wrapper {
    top: auto;
    bottom: 100%;
    padding: 0 0 .5rem 0
}

.sk-tooltip-rich.sk-tooltip-right .sk-tooltip-wrapper {
    left: 100%;
    padding: 0 0 0 .5rem
}

.sk-tooltip-rich.sk-tooltip-bottom .sk-tooltip-wrapper {
    top: 100%;
    bottom: auto;
    padding: .5rem 0 0 0
}

.sk-tooltip-rich.sk-tooltip-left .sk-tooltip-wrapper {
    left: auto;
    right: 100%;
    padding: 0 .5rem 0 0
}

.sk-tooltip-rich .sk-tooltip-inner {
    color: var(--color-white);
    background-color: var(--color-black);
    border-radius: var(--radius-xlarge);
    padding: 1.5rem;
    width: max-content;
    max-width: 35rem;
    max-height: 20rem;
    overflow-y: auto
}

.sk-tooltip-rich .sk-tooltip-wrapper.sk-light .sk-tooltip-inner {
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    color: var(--color-body-color)
}

.sk-tooltip-rich .sk-tooltip-wrapper.sk-tooltip-rich-enabled .sk-tooltip-inner {
    padding: 1.5rem
}

.sk-tooltip-rich .sk-tooltip-trigger {
    display: flex;
    align-items: center;
    color: var(--color-body-color);
    cursor: pointer;
    z-index: 1;
    font-weight: 400
}

.sk-tooltip-rich:hover .sk-tooltip-wrapper,.sk-tooltip-rich:hover .sk-tooltip-wrapper:hover {
    opacity: 1;
    visibility: visible;
    display: block
}

.sk-tooltip-rich .sk-tooltip-inner * {
    font-size: 1.4rem;
    color: var(--color-white)
}

.sk-tooltip-rich .sk-light .sk-tooltip-inner * {
    color: var(--color-darken)
}

.helper-text {
    margin: .5rem 0 0 1.5rem
}

.helper-text .icon {
    fill: var(--color-primary);
    margin-right: .5rem
}

.helper-text span {
    font-size: 1.2rem;
    color: var(--color-dark)
}

.sk-empty-state {
    position: relative;
    width: 100%;
    display: none
}

.sk-empty-state .sk-empty-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.sk-empty-state .sk-image {
    height: 20rem
}

@media (max-width: 768px) {
    .sk-empty-state .sk-empty-inner {
        padding:var(--gutter-base)
    }
}

.sk-overflow-list {
    display: none;
    background: var(--color-white);
    box-shadow: var(--shadow-2);
    border-radius: var(--radius-base);
    line-height: 1.5rem;
    list-style-type: none;
    color: var(--color-darken);
    position: absolute;
    width: 100%;
    min-width: max-content;
    z-index: 10;
    top: 101%
}

.sk-overflow-list ul {
    flex-wrap: wrap;
    flex-grow: 1;
    padding: 0;
    margin: 0
}

.sk-overflow-list li {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .8rem 1.6rem;
    cursor: pointer;
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    line-height: normal;
    text-align: left
}

.sk-overflow-list li:not(.sk-noresult):hover {
    background: #f5f5f5
}

.sk-overflow-list li.sk-noresult {
    color: var(--color-dark);
    background: var(--color-danger-lighter)
}

.sk-overflow-list .sk-list-data {
    flex-grow: 1
}

.sk-overflow-list .sk-list-data .sk-link {
    color: var(--color-darken)
}

.sk-overflow-list .sk-list-tag {
    font-size: 1.3rem;
    color: var(--color-grey);
    margin-left: 1rem
}

.sk-text-select,.sk-text-field,.sk-autocomplete {
    position: relative
}

.sk-text-select .sk-event-group,.sk-text-field .sk-event-group,.sk-autocomplete .sk-event-group {
    border: .1rem solid var(--color-grey);
    border-radius: var(--radius-base);
    width: 100%;
    font-size: 1.6rem;
    color: var(--color-dark-1);
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    background: var(--color-white);
    height: 3.8rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0 1.6rem
}

.sk-text-select .sk-event-group,.sk-autocomplete .sk-event-group {
    cursor: pointer
}

.sk-text-select .sk-selected-text,.sk-autocomplete .sk-selected-text {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: calc(100% - 2rem);
    height: auto;
    border: 0;
    padding: 0;
    border-radius: inherit;
    -webkit-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal;
    text-align: left;
    color: var(--color-dark)
}

.sk-text-select .sk-selected-text strong,.sk-autocomplete .sk-selected-text strong {
    color: var(--color-darken)
}

.sk-text-select .sk-event-group>.sk-icons,.sk-text-field .sk-event-group>.sk-icons,.sk-autocomplete .sk-event-group>.sk-icons {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    user-select: none;
    flex-shrink: 0
}

.sk-text-select .sk-event-group .icon,.sk-text-field .sk-event-group .icon,.sk-autocomplete .sk-event-group .icon {
    fill: var(--color-dark)
}

.sk-text-select .sk-trailing-icon,.sk-text-field .sk-trailing-icon,.sk-autocomplete .sk-trailing-icon {
    position: absolute;
    right: 0;
    width: 4.8rem
}

.sk-autocomplete .sk-event-group .icon.sk-action-icon {
    fill: var(--color-anchor)
}

.sk-text-select .sk-overflow-list,.sk-text-field .sk-overflow-list,.sk-autocomplete .sk-overflow-list {
    left: 0;
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-y: auto;
    overflow-y: overlay
}

.sk-autocomplete .sk-close.sk-filled .icon {
    background: var(--color-black);
    fill: var(--color-white);
    padding: .3rem;
    border-radius: var(--radius-pill);
    width: 1.6rem;
    height: 1.6rem
}

.sk-text-select .sk-overflow-list {
    flex-wrap: wrap
}

.sk-text-select .sk-overflow-list li {
    line-height: 1.2;
    white-space: normal;
    text-align: left;
    margin: 0
}

.sk-text-select.sk-large .sk-event-group {
    height: 4.8rem
}

.sk-autocomplete .sk-overflow-list .sk-checkbox li {
    margin: 0
}

.sk-text-select .sk-helper-line .sk-helper-text,.sk-text-field .sk-helper-line .sk-helper-text,.sk-autocomplete .sk-helper-line .sk-helper-text,.sk-text-select .sk-helper-line .sk-error-text,.sk-text-field .sk-helper-line .sk-error-text,.sk-autocomplete .sk-helper-line .sk-error-text,.sk-text-select .sk-helper-line .sk-char-counter,.sk-text-field .sk-helper-line .sk-char-counter,.sk-autocomplete .sk-helper-line .sk-char-counter {
    display: none
}

.sk-text-select .sk-helper-line:has(.sk-show)+.sk-overflow-wrapper .sk-overflow-list {
    top: calc(100% - 1.6rem)
}

.sk-autocomplete .sk-action-icon .icon {
    width: 4.8rem;
    height: 100%;
    padding: 1.4rem;
    right: 0;
    background: var(--color-primary);
    fill: var(--color-white);
    border-radius: 0 var(--radius-base) var(--radius-base) 0;
    cursor: pointer
}

.sk-autocomplete .sk-event-group .sk-chip {
    margin-bottom: 0
}

.sk-text-select .sk-badge,.sk-autocomplete .sk-badge,.sk-text-field .sk-badge {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: .2rem
}

.sk-text-select .sk-badge .icon,.sk-autocomplete .sk-badge .icon,.sk-text-field .sk-badge .icon {
    width: 2rem;
    height: 2rem;
    fill: var(--color-white)
}

@media (min-width: 769px) {
    .sk-text-select .sk-overflow-list,.sk-text-field .sk-overflow-list {
        max-height:25rem
    }
}

.sk-overflow-list.sk-height-auto,.sk-overflow-list.sk-height-auto {
    max-height: inherit
}

.sk-overflow-list.sk-width-auto,.sk-overflow-list.sk-width-auto {
    min-width: inherit;
    max-width: inherit;
    width: auto
}

.sk-overflow-list.sk-overflow-small {
    width: 20rem
}

.sk-overflow-list.sk-overflow-medium {
    width: 40rem
}

.sk-overflow-list.sk-overflow-large {
    width: 60rem
}

.sk-overflow-list.sk-overflow-xlarge {
    width: 80rem
}

.sk-text-select .sk-select-inner-group {
    width: 100%
}

.sk-text-select .sk-select-group-title {
    font-size: 1.2rem;
    width: 100%;
    background: var(--color-light);
    padding: .8rem 1.6rem;
    color: var(--color-dark)
}

.sk-text-select .sk-checkbox li {
    padding: 0 1.6rem
}

.sk-text-select .sk-checkbox label {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.sk-text-field .sk-input {
    border: 0;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    height: 100%;
    background: #fff0
}

.sk-text-field.sk-large>.sk-event-group,.sk-autocomplete.sk-large>.sk-event-group {
    height: 4.8rem
}

.sk-autocomplete .sk-selected-data {
    display: flex;
    align-items: center;
    gap: 1rem
}

.sk-overflow-wrapper .sk-selected-data {
    padding: .8rem 1.6rem
}

.sk-selected-data .sk-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .5rem
}

.sk-selected-data .sk-chips .sk-chip {
    margin: 0
}

.sk-autocomplete .sk-selectmore-label {
    color: var(--color-dark)
}

@media (min-width: 768px) {
    .sk-autocomplete.sk-overdropdown .sk-select-panel {
        margin-top:-3.8rem
    }

    .sk-autocomplete.sk-overdropdown.sk-large .sk-select-panel {
        margin-top: -4.8rem
    }

    .sk-autocomplete.sk-overdropdown.sk-large .sk-select-inner {
        margin: 0
    }

    .sk-autocomplete.sk-overdropdown .sk-overflow-wrapper .sk-text-field {
        padding: 0
    }

    .sk-autocomplete.sk-overdropdown.sk-large .sk-event-group {
        height: 4.8rem
    }
}

@media (max-width: 370px) {
    .sk-autocomplete .sk-selectmore-label {
        font-size:1.4rem
    }
}

@media(max-width: 576px) {
    .sk-text-select.sk-select-floating .sk-overflow-list {
        position:fixed;
        top: auto;
        right: 0;
        bottom: 2rem;
        left: 0;
        margin: 0 auto;
        z-index: 101;
        min-width: inherit;
        width: calc(100% - 4rem);
        max-height: calc(100% - 10rem);
        border-radius: var(--radius-xxlarge);
        background: var(--color-white);
        animation: scale-up 100ms ease-in-out
    }

    .sk-text-select.sk-select-floating .sk-backdrop {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / .5);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        animation: fadeIn 0.2s linear
    }

    .sk-text-select.sk-select-floating .sk-overflow-list ul>li {
        padding: 1.5rem 2rem;
        border-bottom: .1rem solid var(--color-border)
    }

    .sk-text-select.sk-select-floating .sk-overflow-list .sk-radio>li>label {
        width: 100%;
        font-weight: var(--font-weight-medium);
        font-size: 1.6rem
    }

    .sk-text-select.sk-select-floating .sk-overflow-list .sk-radio.sk-align-end>li>label {
        padding-left: 0
    }

    .sk-text-select.sk-select-floating .sk-radio.sk-align-end [type="radio"]+label:before,.sk-text-select.sk-select-floating .sk-radio.sk-align-end [type="radio"]+label:after {
        left: auto;
        right: 1rem;
        top: auto;
        width: 2.4rem;
        height: 2.4rem
    }
}

.sk-thumbnail {
    width: 11rem;
    height: 11rem;
    border-radius: var(--radius-xlarge);
    position: relative;
    border: .1rem solid var(--color-light)
}

.sk-thumbnail .sk-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-xlarge)
}

.sk-thumbnail.sk-thumbnail-contain {
    display: flex;
    align-items: center;
    justify-content: center
}

.sk-thumbnail.sk-thumbnail-contain .sk-image {
    object-fit: contain;
    width: auto;
    height: auto
}

.sk-thumbnail.sk-thumbnail-round,.sk-thumbnail.sk-thumbnail-round .sk-image,.sk-thumbnail.sk-thumbnail-round .sk-thumbnail-text,.sk-thumbnail.sk-thumbnail-round.sk-thumbnail-small,.sk-thumbnail.sk-thumbnail-round.sk-thumbnail-small .sk-image {
    border-radius: var(--radius-round)
}

.sk-thumbnail .sk-thumbnail-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6rem;
    background: var(--color-body-background);
    color: var(--color-grey);
    width: 100%;
    height: 100%;
    font-weight: var(--font-weight-bold);
    border-radius: var(--radius-xlarge)
}

.sk-thumbnail .sk-thumbnail-count {
    background: var(--color-darken);
    color: var(--color-white);
    border-radius: var(--radius-base);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    padding: .3rem .8rem;
    gap: .5rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    cursor: pointer
}

.sk-thumbnail .sk-icon {
    fill: var(--color-white);
    width: 1.6rem;
    height: 1.5rem
}

.sk-thumbnail .sk-nophoto {
    background: var(--color-body-background);
    border-radius: var(--radius-xlarge);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem
}

.sk-thumbnail .sk-nophoto .icon {
    width: 3.5rem;
    height: 3.5rem;
    fill: var(--color-readonly-icon)
}

.sk-thumbnail .sk-nophoto .sk-image {
    object-fit: contain
}

.sk-thumbnail.sk-thumbnail-small {
    width: 11rem;
    height: 11rem;
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-small .sk-image {
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-small .sk-thumbnail-text {
    font-size: 4rem
}

.sk-thumbnail.sk-thumbnail-small .sk-thumbnail-count {
    font-size: 1.2rem;
    padding: .3rem .6rem;
    right: 1rem;
    bottom: 1rem
}

.sk-thumbnail.sk-thumbnail-small .sk-nophoto {
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-xsmall {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-xsmall .sk-image {
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-xsmall .sk-thumbnail-text {
    font-size: 3rem;
    border-radius: var(--radius-large)
}

.sk-thumbnail.sk-thumbnail-xsmall .sk-nophoto {
    border-radius: var(--radius-large)
}

@media (min-width: 769px) {
    .sk-thumbnail {
        width:20rem;
        height: 13rem
    }

    .sk-thumbnail .sk-thumbnail-count {
        font-size: 1.6rem;
        padding: .5rem .8rem;
        right: 1.5rem;
        bottom: 1.5rem
    }

    .sk-thumbnail .sk-icon {
        fill: var(--color-white);
        width: 1.8rem;
        height: 1.8rem
    }
}

.sk-badge {
    border-radius: var(--radius-base);
    padding: .4rem;
    font-size: 1rem;
    font-weight: var(--font-weight-medium,500);
    line-height: .8rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-flex;
    align-items: center;
    color: var(--color-white);
    background: var(--color-danger);
    user-select: none;
    flex-shrink: 0
}

.sk-badge-round {
    border-radius: var(--radius-round)
}

.sk-badge-primary {
    background: var(--color-primary)
}

.sk-bottom-nav {
    --color-dark-nav-bg: #666666;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-shadow: var(--box-shadow-2)
}

.sk-bottom-nav .sk-button {
    height: 6.6rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--color-body-color);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0%;
    align-items: center;
    justify-content: center;
    padding: 0;
    user-select: none;
    text-transform: none;
    position: relative
}

.sk-bottom-nav .sk-button .sk-icons {
    margin: 0
}

.sk-bottom-nav .sk-button .sk-icons svg {
    fill: currentColor;
    margin: auto;
    height: 1.6rem;
    width: 1.6rem
}

.sk-bottom-nav .sk-bottom-nav-label {
    line-height: normal
}

.sk-bottom-nav .sk-active {
    color: var(--color-primary)
}

.sk-bottom-nav .sk-button.sk-disabled {
    border: none;
    background: transparent!important
}

.sk-bottom-nav .sk-badge {
    position: absolute;
    top: .8rem;
    left: 50%;
    font-size: 1rem;
    padding: .2rem
}

.sk-bottom-nav .sk-button:hover {
    box-shadow: none
}

.sk-bottom-nav-enabled {
    padding-bottom: 6.6rem
}

.sk-bottom-nav.sk-nav-dark,.sk-bottom-nav.sk-nav-dark .sk-button {
    background: var(--color-dark-nav-bg)
}

.sk-bottom-nav.sk-nav-dark .sk-button:hover {
    background: var(--color-dark)
}

.sk-bottom-nav.sk-nav-dark .sk-button {
    color: var(--color-white);
    border-left: .1rem solid var(--color-input-border)
}

.sk-bottom-nav .sk-badge {
    width: 1.4rem;
    height: 1.4rem
}

.sk-bottom-nav .sk-badge .icon {
    width: 1rem;
    height: 1rem;
    fill: var(--color-white)
}

@media (max-width: 768px) {
    body:has(.sk-bottom-nav) {
        padding-bottom:6.6rem
    }
}

@media(max-width: 350px) {
    .sk-bottom-nav .sk-bottom-nav-label {
        font-size:1.1rem
    }
}

.sk-carousel {
    position: relative;
    margin-bottom: .1rem;
    width: 100%
}

.sk-carousel .sk-carousel-inner {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    gap: 1.6rem;
    padding: 0 .1rem
}

.sk-carousel.sk-nogutter .sk-carousel-inner {
    padding: 0
}

.sk-carousel .sk-carousel-item {
    max-width: 32rem;
    width: 90%;
    flex-shrink: 0;
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base);
    margin-top: .8rem;
    margin-bottom: .8rem;
    background: var(--color-white);
    position: relative
}

.sk-carousel.sk-noborder .sk-carousel-item {
    border: 0
}

.sk-carousel.sk-shadow .sk-carousel-item {
    border: 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24);
    margin-bottom: .5rem
}

.sk-carousel .sk-carousel-item .sk-card {
    margin-bottom: 0
}

.sk-carousel.sk-carousel-center .sk-carousel-inner {
    margin: 0 auto
}

.sk-carousel.sk-carousel-center .sk-carousel-item {
    max-width: 100%;
    width: 100%
}

@media (min-width: 992px) {
    .sk-carousel.sk-carousel-center .sk-carousel-inner {
        padding:0
    }

    .sk-carousel.sk-item-web-center .sk-carousel-inner {
        justify-content: center
    }
}

.sk-carousel .sk-carousel-dots {
    display: flex;
    justify-content: center;
    margin-top: 1.6rem
}

.sk-carousel .sk-carousel-dots .sk-dot {
    width: .5rem;
    height: .5rem;
    border: .1rem solid var(--color-dark);
    margin: .4rem;
    border-radius: var(--radius-round);
    transition: all 500ms ease
}

.sk-carousel .sk-carousel-dots .sk-dot.sk-active {
    background-color: var(--color-dark)
}

.sk-carousel .sk-carousel-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sk-carousel .sk-carousel-nav .sk-icons {
    cursor: pointer;
    font-size: 4.8rem;
    color: var(--color-dark);
    display: block
}

.sk-carousel .sk-carousel-nav .sk-prev,.sk-carousel .sk-carousel-nav .sk-next {
    position: absolute;
    top: 52%;
    transform: translateY(-52%);
    z-index: 1
}

.sk-carousel .sk-carousel-nav .sk-prev {
    left: 0
}

.sk-carousel .sk-carousel-nav .sk-next {
    right: 0
}

.sk-carousel.sk-nogutter .sk-carousel-nav .sk-prev {
    left: -2rem
}

.sk-carousel.sk-nogutter .sk-carousel-nav .sk-next {
    right: -2rem
}

.sk-carousel-nav .sk-icons svg {
    background: var(--color-white);
    border-radius: var(--radius-round);
    fill: var(--color-darken);
    padding: .5rem;
    box-shadow: 0 8px 12px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24);
    transition: all 200ms ease
}

.sk-carousel-nav .sk-icons svg:hover {
    transform: scale(1.3)
}

@media(min-width: 1280px) {
    .sk-carousel.sk-nogutter .sk-carousel-nav .sk-prev {
        left:-2rem
    }

    .sk-carousel.sk-nogutter .sk-carousel-nav .sk-next {
        right: -2rem
    }
}

@media(min-width: 992px) {
    .sk-carousel.sk-wrap .sk-carousel-inner {
        flex-wrap:wrap
    }

    .sk-carousel .sk-carousel-inner {
        overflow-x: hidden;
        padding: 0 2rem;
        gap: calc(3rem - 0.1rem)
    }

    .sk-carousel.sk-navless .sk-carousel-inner {
        padding: 0
    }

    .sk-carousel.sk-gap-small .sk-carousel-inner {
        gap: 1rem
    }

    .sk-carousel .sk-carousel-item {
        max-width: 100%;
        width: calc(100% / 5 - 2.4rem)
    }

    .sk-carousel.sk-items-1 .sk-carousel-item {
        width: 100%
    }

    .sk-carousel.sk-items-2 .sk-carousel-item {
        width: calc(100% / 2 - 1.5rem)
    }

    .sk-carousel.sk-items-2-5 .sk-carousel-item {
        width: calc(100% / 2.5 - 1.5rem)
    }

    .sk-carousel.sk-items-3 .sk-carousel-item {
        width: calc(100% / 3 - 2rem)
    }

    .sk-carousel.sk-items-3-5 .sk-carousel-item {
        width: calc(100% / 3.5 - 2rem)
    }

    .sk-carousel.sk-items-4 .sk-carousel-item {
        width: calc(100% / 4 - 2.2rem)
    }

    .sk-carousel.sk-items-6 .sk-carousel-item {
        width: calc(100% / 6 - 2.5rem)
    }

    .sk-carousel.sk-items-7 .sk-carousel-item {
        width: calc(100% / 7 - 2.5rem)
    }

    .sk-carousel.sk-items-8 .sk-carousel-item {
        width: calc(100% / 8 - 2.5rem)
    }

    .sk-carousel.sk-gap-small .sk-carousel-inner {
        padding: 0 1rem
    }

    .sk-carousel.sk-items-3.sk-gap-small .sk-carousel-item {
        width: calc(100% / 3 - 0.6rem)
    }

    .sk-carousel .sk-carousel-nav {
        opacity: 1;
        transition: 300ms ease-in
    }

    .sk-carousel .sk-carousel-nav .sk-prev {
        left: 0
    }

    .sk-carousel .sk-carousel-nav .sk-next {
        right: 0
    }

    .sk-carousel .sk-prev.sk-disabled .sk-icons,.sk-carousel .sk-next.sk-disabled .sk-icons {
        cursor: not-allowed
    }

    .sk-carousel .sk-prev.sk-disabled svg,.sk-carousel .sk-next.sk-disabled svg {
        pointer-events: none;
        fill: var(--color-border)
    }

    .sk-nav-small .sk-carousel-nav .sk-icons svg {
        width: 3rem;
        height: 3rem
    }
}

@media(min-width: 992px) and (max-width:1280px) {
    .sk-carousel.sk-nogutter .sk-carousel-nav .sk-prev {
        left:-1rem
    }

    .sk-carousel.sk-nogutter .sk-carousel-nav .sk-next {
        right: -1rem
    }
}

@media(max-width: 992px) {
    .sk-carousel.sk-mobile-native-scroll .sk-carousel-inner {
        overflow-x:auto
    }

    .sk-carousel .sk-carousel-item {
        scroll-snap-align: start
    }

    .sk-carousel.sk-item-small .sk-carousel-item {
        max-width: 25rem
    }

    .sk-carousel.sk-item-xsmall .sk-carousel-item {
        max-width: 20rem
    }

    .sk-carousel.sk-item-xxsmall .sk-carousel-item {
        max-width: 15rem
    }

    .sk-carousel .sk-carousel-nav {
        display: none
    }

    .sk-carousel.sk-mobile-small .sk-carousel-item {
        max-width: 12.5rem
    }

    .sk-carousel.sk-edges .sk-carousel-inner {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .sk-carousel.sk-edges .sk-carousel-item {
        scroll-margin-left: 1.5rem
    }

    .sk-carousel.sk-edges .sk-carousel-item:first-child {
        margin-left: 1.5rem
    }

    .sk-carousel.sk-edges .sk-carousel-item:last-child {
        margin-right: 1.5rem
    }

    .sk-carousel.sk-edges-large .sk-carousel-inner {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .sk-carousel.sk-edges-large .sk-carousel-item {
        scroll-margin-left: 3rem
    }

    .sk-carousel.sk-edges-large .sk-carousel-item:first-child {
        margin-left: 3rem
    }

    .sk-carousel.sk-edges-large .sk-carousel-item:last-child {
        margin-right: 3rem
    }

    .sk-carousel.sk-edges-large .sk-carousel-item {
        width: 80%
    }
}

@media(max-width: 360px) {
    .sk-carousel .sk-carousel-item {
        max-width:30rem
    }
}

.sk-loader {
    display: none
}

.sk-panel,.sk-select-panel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 991;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    display: none;
    margin: 0;
    padding: 0;
    animation: slide-right 0.1s linear
}

@media(min-width: 768px) {
    .sk-panel.on-page {
        position:static
    }

    .sk-panel.on-page .left-nav {
        position: absolute;
        right: 0
    }

    .sk-panel.on-page:after {
        display: none
    }

    .sk-panel.on-page .sk-inner {
        width: 100%;
        max-height: inherit;
        box-shadow: none;
        z-index: revert
    }

    .sk-panel.on-page .sk-header,.sk-panel.on-page .sk-footer {
        box-shadow: none;
        min-height: inherit
    }

    .sk-panel.on-page .sk-footer .btn-group {
        margin-top: 0
    }
}

.sk-switch,.sk-switch * {
    -webkit-tap-highlight-color: #fff0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sk-switch label {
    cursor: pointer;
    font-size: 1.4rem;
    color: var(--color-dark);
    display: flex;
    align-items: center
}

.sk-switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.sk-switch.primary label input[type=checkbox]:checked+.lever {
    background-color: #f7a4a1
}

.sk-switch.green label input[type=checkbox]:checked+.lever {
    background-color: #AFE0C7
}

.sk-switch label input[type=checkbox]:checked+.lever:before,.sk-switch label input[type=checkbox]:checked+.lever:after {
    left: 1.8rem
}

.sk-switch.primary label input[type=checkbox]:checked+.lever:after {
    background-color: var(--color-primary)
}

.sk-switch.green label input[type=checkbox]:checked+.lever:after {
    background-color: #18AA47
}

.sk-switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 3.6rem;
    height: 1.4rem;
    background-color: rgb(0 0 0 / .38);
    border-radius: var(--radius-pill);
    margin-right: 1rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 1.3rem
}

.sk-switch label .lever:before,.sk-switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-round);
    left: 0;
    top: -.3rem;
    -webkit-transition: left 0.3s ease,background .3s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease;
    transition: left 0.3s ease,background .3s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease;
    transition: left 0.3s ease,background .3s ease,box-shadow 0.1s ease,transform .1s ease;
    transition: left 0.3s ease,background .3s ease,box-shadow 0.1s ease,transform .1s ease,-webkit-box-shadow 0.1s ease,-webkit-transform .1s ease
}

.sk-switch label .lever:before {
    background-color: rgb(38 166 154 / .15)
}

.sk-switch label .lever:after {
    background-color: var(--color-white);
    -webkit-box-shadow: 0 3px 1px -2px rgb(0 0 0 / .2),0 2px 2px 0 rgb(0 0 0 / .14),0 1px 5px 0 rgb(0 0 0 / .12);
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / .2),0 2px 2px 0 rgb(0 0 0 / .14),0 1px 5px 0 rgb(0 0 0 / .12)
}

.sk-switch.sk-small label .lever {
    width: 2.8rem;
    height: 1.2rem
}

.sk-switch.sk-small label input[type=checkbox]:checked+.lever:before,.sk-switch.sk-small label input[type=checkbox]:checked+.lever:after {
    left: 1.3rem
}

.sk-switch.sk-small label .lever:before,.sk-switch.sk-small label .lever:after {
    width: 1.7rem;
    height: 1.7rem
}

.sk-switch-cover label .lever {
    width: 4rem;
    height: 2rem
}

.sk-switch-cover label .lever:before,.sk-switch-cover label .lever:after {
    left: .2rem;
    top: .1rem;
    height: 1.8rem;
    width: 1.8rem
}

.sk-switch-cover label input[type=checkbox]:checked+.lever:before,.sk-switch-cover label input[type=checkbox]:checked+.lever:after {
    left: 2rem
}

.sk-switch-cover.green label input[type=checkbox]:checked+.lever {
    background-color: #18AA47
}

.sk-switch-cover.teal label input[type=checkbox]:checked+.lever {
    background-color: #35897E
}

.sk-switch-cover.green label input[type=checkbox]:checked+.lever:after {
    background-color: var(--color-white)
}

.sk-switch-cover.sk-small label .lever:before,.sk-switch-cover.sk-small label .lever:after {
    width: 1rem;
    height: 1rem
}

.sk-switch-cover.sk-small label input[type=checkbox]:checked+.lever:before,.sk-switch-cover.sk-small label input[type=checkbox]:checked+.lever:after {
    left: 1.7rem
}

.sk-bottom-sheet,.sk-select-bottomsheet {
    height: 100%;
    box-sizing: border-box;
    display: none;
    z-index: 200
}

.sk-bottom-sheet:after,.sk-select-bottomsheet:after {
    content: '';
    position: fixed;
    background: rgb(0 0 0 / .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    animation: fadeIn 0.2s linear
}

.sk-bottom-sheet.no-backdrop:after,.sk-select-bottomsheet.no-backdrop:after {
    display: none
}

.sk-bottom-sheet .sk-inner,.sk-select-bottomsheet .sk-select-inner {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--color-white);
    z-index: 9992;
    width: 100%;
    max-height: 90%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    width: 100%
}

.sk-select-bottomsheet .sk-select-inner {
    border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0
}

.sk-bottom-sheet.show,.sk-select-bottomsheet.show {
    display: block
}

.sk-bottom-sheet .sk-header,.sk-select-bottomsheet .sk-select-header {
    display: flex;
    align-items: center;
    height: 5.5rem;
    padding: 0 1.5rem;
    position: relative;
    flex-shrink: 0
}

.sk-bottom-sheet .sk-header .right-nav,.sk-bottom-sheet .sk-header .left-nav,.sk-select-bottomsheet .sk-select-header .right-nav,.sk-select-bottomsheet .sk-select-header .left-nav {
    height: 100%;
    width: 5rem;
    text-align: center;
    cursor: pointer
}

.sk-bottom-sheet .sk-header .left-nav,.sk-select-bottomsheet .sk-select-header .left-nav {
    margin: 0 1rem 0 -1.5rem
}

.sk-bottom-sheet .sk-header .right-nav,.sk-select-bottomsheet .sk-select-header .right-nav {
    position: absolute;
    right: 1rem;
    height: 100%
}

.sk-bottom-sheet .right-nav .icon,.sk-bottom-sheet .left-nav .icon,.sk-select-bottomsheet .right-nav .icon,.sk-select-bottomsheet .left-nav .icon {
    height: 100%
}

.sk-bottom-sheet .sk-header .icon-back,.sk-select-bottomsheet .sk-select-header .icon-back {
    margin-right: 1.5rem;
    height: 5.4rem;
    cursor: pointer
}

.sk-bottom-sheet .sk-header .title,.sk-select-bottomsheet .sk-select-header .title {
    font-size: 1.8rem;
    color: var(--color-darken);
    font-weight: var(--font-weight-semibold)
}

.sk-bottom-sheet .sk-body,.sk-select-bottomsheet .sk-select-body {
    flex: 1 1 auto;
    overflow: auto;
    position: relative;
    scroll-behavior: smooth;
    margin-top: .5rem;
    overscroll-behavior: none
}

.sk-bottom-sheet .gutter-space,.sk-select-bottomsheet .gutter-space {
    padding: 1.5rem
}

.sk-bottom-sheet .section-wrap,.sk-select-bottomsheet .section-wrap {
    margin-top: 0
}

.sk-bottom-sheet .sk-footer,.sk-select-bottomsheet .sk-select-footer {
    position: sticky;
    bottom: 0
}

.sk-bottom-sheet .sk-footer .btn-group,.sk-select-bottomsheet .sk-select-footer .btn-group {
    padding: 1.3rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white)
}

.sk-bottom-sheet .sk-header.no-shadow,.sk-bottom-sheet .sk-footer.no-shadow {
    box-shadow: none
}

.sk-bottom-sheet .sk-header-inner {
    width: 100%
}

@media(min-width: 768px) {
    .sk-bottom-sheet {
        align-items:center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        outline: none;
        position: fixed;
        z-index: 991;
        top: 0;
        display: none
    }

    .sk-bottom-sheet.show {
        display: flex;
        animation: fadeIn 0.1s linear
    }

    .sk-bottom-sheet .sk-inner {
        border-radius: var(--radius-base);
        background-color: var(--color-white);
        width: 60rem;
        padding: 0;
        margin: 2rem auto;
        position: relative;
        outline: none;
        transition: all 100ms ease 0s;
        box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%),0 9px 46px 8px rgb(0 0 0 / 12%),0 11px 15px -7px rgb(0 0 0 / 20%);
        z-index: 9992;
        height: 62rem;
        overflow: hidden
    }

    .sk-bottom-sheet.sk-large .sk-inner {
        width: 80rem
    }

    .sk-bottom-sheet.sk-radius-large .sk-inner {
        border-radius: var(--radius-xxlarge)
    }

    .sk-bottom-sheet .sk-header {
        box-shadow: 0 0 .5rem 0 #bbb;
        background: var(--color-white)
    }

    .sk-bottom-sheet:after {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / .5);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        animation: fadeIn 0.1s linear
    }

    .sk-bottom-sheet .sk-footer {
        box-shadow: 0 0 .5rem 0 #bbb
    }

    .sk-bottom-sheet.small .sk-inner {
        width: 40rem;
        height: auto
    }
}

@media(max-width: 768px) {
    .sk-bottom-sheet .sk-inner,.sk-select-bottomsheet .sk-select-inner {
        animation:slide-up 0.2s cubic-bezier(.4,0,1,1)
    }

    .sk-bottom-sheet.sk-radius-large .sk-inner {
        border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0
    }

    .sk-bottom-sheet.sk-full-height .sk-inner {
        height: 100%;
        max-height: 100%
    }
}

.sk-bottom-surface {
    height: 100%;
    box-sizing: border-box;
    display: none
}

.sk-bottom-surface .sk-inner {
    position: fixed;
    bottom: 0;
    background-color: var(--color-white);
    z-index: 9992;
    overflow-y: auto;
    width: 100%;
    box-shadow: 0 10px 5px rgb(0 0 0 / 56%),0 -10px 100px rgb(0 0 0 / 56%);
    animation: slide-up 0.1s linear
}

.sk-bottom-surface.show {
    display: block
}

.sk-bottom-surface .sk-body {
    overflow: auto;
    position: relative
}

.sk-bottom-surface .close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.sk-bottom-surface .close svg {
    fill: var(--color-dark);
    cursor: pointer;
    padding: 1rem
}

.sk-bottom-surface .close.filled svg {
    fill: var(--color-darken);
    padding: .4rem;
    border: .1rem solid var(--color-dark);
    width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--radius-round);
    background: var(--color-white)
}

.sk-bottom-Persistent {
    display: flex;
    justify-content: center;
    height: 100%;
    box-sizing: border-box
}

.sk-bottom-Persistent .sk-inner {
    position: fixed;
    bottom: 0;
    background-color: var(--color-white);
    z-index: 10;
    overflow-y: auto;
    width: 100%;
    box-shadow: 0 0 0 rgb(0 0 0 / 46%),0 0 20px rgb(0 0 0 / 46%);
    transition: all 300ms ease;
    border-radius: var(--radius-large) var(--radius-large) 0 0
}

.sk-bottom-Persistent.sk-show .sk-inner {
    transform: translateY(0)
}

.sk-bottom-Persistent .sk-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1.5rem;
    cursor: pointer
}

.sk-bottom-Persistent.sk-show .sk-header {
    cursor: default
}

.sk-bottom-Persistent .sk-header .title {
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    width: calc(100% - 4rem)
}

.sk-bottom-Persistent .sk-header .sub-title {
    font-size: 1.2rem;
    font-weight: var(--font-weight-regular);
    width: 100%
}

.sk-bottom-Persistent .sk-header .title,.sk-bottom-Persistent .sk-header .sub-title {
    transition: 500ms all ease
}

.sk-bottom-Persistent .sk-header .right-nav {
    cursor: pointer;
    padding: 1rem;
    transition: all 500ms ease
}

.sk-bottom-Persistent.sk-show .sk-header .right-nav {
    transform: rotate(180deg)
}

.sk-bottom-Persistent .sk-body {
    overflow: auto;
    position: relative
}

@media (min-width: 576px) {
    .sk-bottom-Persistent .sk-inner {
        max-width:calc(132rem - 3rem);
        width: calc(100% - 3rem)
    }
}

@media (min-width: 992px) and (max-width:1366px) {
    .sk-bottom-Persistent .sk-inner {
        max-width:calc(132rem - 6rem);
        width: calc(100% - 6rem)
    }
}

.sk-surface-prompt {
    position: absolute;
    bottom: 0;
    box-shadow: 0 0 0 rgb(0 0 0 / 46%),0 0 20px rgb(0 0 0 / 46%);
    transition: all 300ms ease;
    transform: translateY(200%);
    width: 90%;
    left: 0;
    right: 0;
    margin: 2rem auto;
    border-radius: var(--radius-large)
}

.sk-surface-prompt.sk-show {
    transform: translateY(0)
}

.sk-surface-prompt .sk-prompt-inner {
    background-color: var(--color-white);
    z-index: 10;
    overflow-y: auto;
    border-radius: var(--radius-large)
}

.sk-surface-prompt .sk-prompt-body {
    overflow: auto;
    position: relative
}

.chips-menu {
    background-color: #5f5f5f;
    display: flex;
    align-items: center;
    padding: 1.5rem .5rem;
    overflow-x: auto;
    white-space: nowrap;
    border-radius: var(--radius-base);
    margin: 1rem 0
}

.chips-menu.sticky-bottom {
    position: sticky;
    top: 5.6rem;
    z-index: 10
}

.chips-menu .chip {
    background-color: #929290;
    color: var(--color-white);
    font-size: 1.4rem;
    padding: .5rem 1rem;
    border-radius: var(--radius-base);
    margin: 0 .5rem;
    text-decoration: none
}

.chips-menu.bg-white {
    background: var(--color-white);
    border-bottom: .1rem solid var(--color-border)
}

.chips-menu.pills .chip {
    border-radius: var(--radius-pill);
    border: .1rem solid var(--color-danger-light);
    background: none;
    color: var(--color-dark);
    cursor: pointer
}

.chips-menu.pills .chip:hover {
    background: var(--color-danger-lighter)
}

@media (min-width: 768px) {
    .chips-menu {
        padding:1.5rem
    }

    .chips-menu .chip {
        font-size: 1.6rem;
        padding: 1rem 3rem
    }
}

.sk-dropdown-button {
    overflow: inherit
}

.sk-dropdown-list {
    position: absolute;
    top: 2.5rem;
    right: 0;
    background: var(--color-white);
    display: none;
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%),0 8px 10px 1px rgb(0 0 0 / 14%),0 3px 14px 2px rgb(0 0 0 / 12%);
    border-radius: var(--radius-large);
    min-width: 15rem;
    padding: 1rem 0;
    z-index: 2
}

.sk-dropdown-list.show {
    display: block
}

.sk-dropdown-list li {
    font-size: 1.5rem;
    transition: all 0.1s;
    color: var(--color-darken);
    padding: 10px 15px;
    cursor: pointer;
    white-space: nowrap
}

.sk-dropdown-list li:hover {
    background: var(--color-light)
}

.sk-alert {
    position: relative;
    padding: 1.5rem;
    border: .1rem solid #fff0;
    border-radius: var(--radius-base);
    font-size: 1.6rem;
    line-height: normal
}

.sk-alert.primary {
    color: #A2191F;
    background-color: #FFF1F1;
    border-color: #FFF1F1
}

.sk-alert.secondary {
    color: #684E00;
    background-color: #FCF6C5;
    border-color: #FCF6C5
}

.sk-alert.success {
    color: #0E6027;
    background-color: #DEFBE6;
    border-color: #DEFBE6
}

.sk-alert.danger {
    color: #A2191F;
    background-color: #FFF1F1;
    border-color: #FFF1F1
}

.sk-alert.warning {
    color: #684E00;
    background-color: #FCF6C5;
    border-color: #FCF6C5
}

.sk-alert.info {
    color: #0043CE;
    background-color: #EDF5FF;
    border-color: #EDF5FF
}

.sk-alert.light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.sk-alert.dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

@media (max-width: 768px) {
    .sk-alert {
        font-size:1.4rem
    }
}

.sk-toast {
    background: var(--color-darken);
    color: var(--color-white);
    position: fixed;
    bottom: 8rem;
    left: 0;
    right: 0;
    z-index: 99991;
    font-size: 1.3rem;
    padding: 1rem 1.5rem;
    border-radius: var(--radius-base);
    text-align: left;
    width: calc(100% - 3rem);
    margin: 0 auto;
    line-height: normal;
    max-width: 40rem;
    -webkit-animation: slide-up .2s linear;
    display: block;
    box-shadow: 0 0 3px #00000048
}

.sk-toast.hide {
    display: none
}

.sk-loader {
    z-index: var(--zindex-7)
}

.sk-loader .sk-loader-inner {
    height: 100%;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sk-spinner-loader {
    position: relative;
    width: 3.8rem;
    height: 3.8rem
}

.sk-spinner-loader .sk-circular {
    animation: sprocess-rotate 2s linear infinite;
    -webkit-animation: sprocess-rotate 2s linear infinite;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sk-spinner-loader .sk-path {
    stroke-dasharray: 89,200;
    stroke-dashoffset: 0;
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;
    stroke-linecap: round;
    stroke-width: 3;
    stroke-miterlimit: 10
}

@keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes sprocess-color {
    100%,0% {
        stroke: var(--color-primary)
    }
}

@-webkit-keyframes sprocess-color {
    100%,0% {
        stroke: var(--color-primary)
    }
}

@keyframes sprocess-white-color {
    0% {
        stroke: var(--color-white)
    }

    100% {
        stroke: var(--color-white)
    }
}

@keyframes sprocess-current-color {
    0% {
        stroke: currentColor
    }

    100% {
        stroke: currentColor
    }
}

.sk-loader-surface:after,.sk-loader-cover:after {
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    width: 100%
}

.sk-loader.sk-loader-surface {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sk-loader.sk-loader-surface:after {
    background: var(--backdrop-white);
    position: absolute
}

.sk-loader.sk-loader-surface .sk-loader-inner {
    justify-content: center
}

.sk-loader.sk-loader-cover {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.sk-loader.sk-loader-cover:after {
    position: fixed
}

.sk-loader.sk-loader-cover .sk-loader-inner {
    justify-content: center
}

.sk-loader.sk-loader-cover:after {
    background: var(--backdrop-black)
}

.sk-loader.sk-light-backdrop:after {
    background: var(--backdrop-white)
}

.sk-loader-cover .sk-spinner-loader .sk-path {
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-white-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-white-color 3s ease-in-out infinite
}

.sk-loader-cover.sk-light-backdrop .sk-spinner-loader .sk-path {
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite
}

.sk-loader-status {
    margin: 1.5rem auto;
    max-width: 30rem;
    text-align: center;
    line-height: 2.4rem
}

.sk-loader.sk-small .sk-spinner-loader {
    width: 3rem;
    height: 3rem
}

.sk-loader.sk-large .sk-spinner-loader {
    width: 4.8rem;
    height: 4.8rem
}

.sk-loader.sk-xlarge .sk-spinner-loader {
    width: 5.6rem;
    height: 5.6rem
}

.sk-dot-loader {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    animation: dot-loader 1.5s infinite linear
}

@keyframes dot-loader {
    0% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 40%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }

    16.667% {
        box-shadow: 9984px -3px 0 0 rgb(var(--color-rgb-primary) / 100%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }

    33.333% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 30%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }

    50% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 30%),9999px -3px 0 0 rgb(var(--color-rgb-primary) / 100%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }

    66.667% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 30%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }

    83.333% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 30%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px -3px 0 0 rgb(var(--color-rgb-primary) / 100%)
    }

    100% {
        box-shadow: 9984px 0 0 0 rgb(var(--color-rgb-primary) / 30%),9999px 0 0 0 rgb(var(--color-rgb-primary) / 30%),10014px 0 0 0 rgb(var(--color-rgb-primary) / 30%)
    }
}

.sk-collapse {
    padding: 0
}

.sk-collapse .sk-group {
    border-top: .1rem solid var(--color-border);
    position: relative;
    flex-wrap: wrap
}

.sk-collapse .sk-group:first-child {
    border-top: 0
}

.sk-collapse .sk-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%
}

.sk-collapse .sk-label .title,.sk-collapse .sk-label .title-medium {
    font-size: 1.6rem;
    width: 100%;
    padding-right: 5rem;
    font-weight: var(--font-weight-semibold);
    margin: 1.5rem 0
}

.sk-collapse .sk-group.show .title,.sk-collapse .sk-group.show .title-medium {
    color: var(--color-secondary-darken)
}

.sk-collapse .sk-data {
    display: none;
    animation: fadeIn 0.1s linear
}

.sk-collapse .sk-data p {
    margin: .5rem 0 1.5rem 0;
    font-size: 1.6rem;
    text-align: justify
}

.sk-collapse .sk-data .content-list li {
    font-size: 1.6rem;
    line-height: 2.2rem;
    list-style-position: inside;
    margin: .8rem 0;
    list-style-type: disc;
    padding-left: 1.5rem
}

.sk-collapse .sk-group.show .sk-data {
    display: block;
    margin: 0 0 1.5rem 0;
    width: 100%
}

.sk-collapse .sk-group .title-small {
    padding: 2rem 4rem 2rem 0;
    margin: 0;
    color: var(--color-darken);
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.sk-collapse .icon.down-chevron {
    position: absolute;
    right: .8rem;
    transform: rotate(180deg);
    transition: all 0.5s;
    fill: var(--color-dark)
}

.sk-collapse .sk-group.show .down-chevron {
    transform: rotate(0)
}

.sk-panel.sk-panel-order-0 {
    z-index: 990
}

.sk-panel.sk-panel-order-2 {
    z-index: 992
}

.sk-panel.sk-panel-order-3 {
    z-index: 993
}

.sk-panel.show,.sk-select-panel.show {
    display: block
}

.sk-panel .sk-inner,.sk-select-panel .sk-select-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: var(--color-white);
    background-clip: padding-box;
    outline: 0;
    height: 100%;
    border: 0;
    border-radius: 0;
    z-index: 9992
}

.sk-panel.auto-height .sk-inner {
    min-height: 60%;
    height: auto
}

.sk-panel .sk-header,.sk-select-panel .sk-select-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    min-height: 5.5rem;
    padding: 0 4rem 0 1.5rem;
    box-shadow: 0 0 .5rem 0 #bbb;
    background: var(--color-white);
    position: relative
}

.sk-panel .sk-header .icon,.sk-select-panel .sk-select-inner .icon {
    fill: var(--color-darken)
}

.sk-panel .sk-header.blue-bg {
    --color-header-bg: #001935;
    background: var(--color-header-bg)
}

.sk-panel .sk-header.blue-bg .title {
    color: var(--color-white)
}

.sk-panel .sk-header.blue-bg .icon {
    fill: var(--color-white)
}

.sk-panel .sk-header .title,.sk-select-panel .sk-select-header .title {
    font-size: 2rem;
    color: var(--color-darken);
    font-weight: var(--font-weight-semibold);
    max-width: calc(100% - 5rem);
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sk-panel .sk-header .title small {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--color-grey);
    line-height: normal
}

.sk-panel .sk-header .right-nav,.sk-panel .sk-header .left-nav,.sk-select-panel .sk-select-header .left-nav {
    height: 100%;
    width: 5rem;
    text-align: center;
    cursor: pointer
}

.sk-panel .sk-header .left-nav,.sk-select-panel .sk-select-header .left-nav {
    margin-left: -1.5rem
}

.sk-panel .sk-header .right-nav {
    position: absolute;
    right: 0
}

.sk-panel .right-nav .icon,.sk-panel .left-nav .icon,.sk-select-panel .left-nav .icon {
    height: 100%
}

.sk-panel .sk-header .icon-close,.sk-select-panel .sk-select-header .icon-close {
    margin-left: 1.5rem;
    height: 5.4rem;
    width: 5rem;
    padding: 1rem 1.7rem;
    fill: var(--color-dark);
    position: absolute;
    right: 0;
    cursor: pointer;
    display: none
}

.sk-panel.sk-invisible-header .sk-header {
    box-shadow: none
}

.sk-panel.sk-invisible-header .sk-logo {
    display: none
}

.sk-panel .sk-body,.sk-select-panel .sk-select-body {
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative;
    scroll-behavior: smooth;
    margin-top: .5rem
}

.sk-panel .sk-close,.sk-select-panel .sk-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.5rem;
    cursor: pointer
}

.sk-panel .sk-close .icon,.sk-select-panel .sk-close .icon {
    fill: var(--color-dark)
}

.sk-panel .sk-footer,.sk-select-panel .sk-select-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    box-shadow: 0 0 .5rem 0 #bbb;
    width: 100%;
    z-index: 100
}

.sk-panel .sk-header.no-shadow,.sk-panel .sk-footer.no-shadow {
    box-shadow: none
}

.sk-panel .sk-footer .btn-group,.sk-select-panel .sk-select-footer .btn-group {
    padding: 1.5rem;
    justify-content: center;
    background: var(--color-white);
    width: 100%
}

.sk-panel .sk-footer .btn-group.no-padding {
    padding: 0
}

.sk-footer .wrap .block {
    width: 100%
}

.sk-panel .section-wrap.bg-gray {
    background-color: var(--color-light)
}

.sk-panel .sk-footer .button,.sk-select-panel .sk-select-footer .button {
    margin: 0 .5rem
}

.sk-panel .btn-group.space-between {
    justify-content: space-between
}

.sk-panel .btn-group.wrap {
    flex-wrap: wrap
}

.sk-panel.right {
    right: 0
}

.sk-panel .section-wrap {
    padding: 1.5rem;
    margin-top: 0;
    width: 100%
}

@media(min-width: 992px) {
    .sk-panel .section-wrap.padding-large {
        padding:3rem
    }

    .sk-panel .section-wrap.padding-xlarge {
        padding: 6rem
    }
}

.sk-panel .sk-footer .space-between {
    justify-content: space-between
}

.sk-panel .sk-body .sk-toast {
    position: absolute;
    bottom: 2rem
}

.sk-panel .sk-body .sk-toast {
    position: absolute;
    bottom: 2rem
}

.sk-panel.mobile-on-page {
    position: static;
    animation: none
}

.sk-panel.mobile-on-page .left-nav {
    position: absolute;
    right: 0
}

.sk-panel.mobile-on-page:after {
    display: none
}

.sk-panel.mobile-on-page .sk-inner {
    width: 100%;
    max-height: inherit;
    box-shadow: none;
    z-index: revert
}

.sk-panel.mobile-on-page .sk-header,.sk-panel.mobile-on-page .sk-footer {
    box-shadow: none;
    min-height: inherit
}

.sk-panel.mobile-on-page .sk-footer .btn-group {
    margin-top: 0
}

.sk-panel .sk-header.sk-header-primary {
    background: var(--color-primary)
}

.sk-panel .sk-header.sk-header-primary .title {
    color: var(--color-white)
}

.sk-panel .sk-header.sk-header-primary .right-nav .icon {
    fill: var(--color-white)
}

@media(min-width: 768px) {
    .sk-panel {
        align-items:center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        outline: none;
        background-color: #fff0
    }

    .sk-panel.show {
        display: flex;
        animation: fadeIn 0.1s linear
    }

    .sk-panel:after {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / .3);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        animation: fadeIn 0.1s cubic-bezier(.4,0,.2,1)
    }

    .sk-panel.no-backdrop:after {
        display: none
    }

    .sk-panel .sk-inner {
        border-radius: var(--radius-base);
        background-color: var(--color-white);
        width: 60rem;
        padding: 0;
        margin: 2rem auto;
        position: relative;
        outline: none;
        transition: all 500ms ease 0s;
        box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%),0 9px 46px 8px rgb(0 0 0 / 12%),0 11px 15px -7px rgb(0 0 0 / 20%);
        z-index: 9992;
        height: calc(100% - 2rem);
        overflow: hidden
    }

    .sk-panel .sk-header .icon-close {
        margin-left: 1.5rem;
        height: 5.4rem;
        width: 5rem;
        padding: 1rem 1.7rem;
        fill: var(--color-dark);
        position: absolute;
        right: 0;
        cursor: pointer;
        display: none
    }

    .sk-panel .sk-header.padding-large {
        padding: 2rem 3rem 0 3rem
    }

    .sk-panel .sk-header.padding-large .right-nav {
        right: 1.5rem
    }

    .sk-panel .sk-footer .btn-group.padding-large {
        padding: 0 3rem 3rem 3rem
    }
}

@media(min-width: 1400px) {
    .sk-panel .sk-inner {
        max-height:80vh
    }
}

.sk-panel-fluid {
    animation: slide-bottom 0.3s linear
}

.sk-panel-fluid>.sk-inner {
    transition: 500ms all ease;
    height: fit-content
}

.sk-panel-fluid>.sk-inner>.sk-body {
    flex: 0 0 auto;
    transition: 500ms all ease
}

.sk-panel-fluid:after {
    content: '';
    position: fixed;
    background: rgb(0 0 0 / .3);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    animation: fadeIn 0.6s cubic-bezier(.4,0,.2,1)
}

.sk-panel-fluid>.sk-inner>.sk-footer {
    position: sticky;
    bottom: 0
}

.sk-panel-fluid>.sk-inner>.sk-header,.sk-panel-fluid>.sk-inner>.sk-footer {
    box-shadow: none
}

.sk-panel-fluid .sk-inner {
    border-radius: var(--radius-base)
}

.sk-panel-fluid .sk-inner .sk-header {
    border-radius: var(--radius-base) var(--radius-base) 0 0
}

.sk-panel-fluid>.sk-inner>.sk-header {
    padding: 0 2rem
}

.sk-panel-fluid .section-wrap,.sk-panel-fluid>.sk-inner>.sk-footer .btn-group {
    padding: 2rem
}

.sk-panel-fluid .sk-inner .sk-footer,.sk-panel-fluid .sk-inner .sk-footer .btn-group {
    border-radius: 0 0 var(--radius-base) var(--radius-base)
}

.sk-panel-fluid .sk-panel.auto-complete .sk-inner {
    height: calc(100% - 2rem)
}

@media (min-width: 768px) {
    .sk-panel-fluid,.sk-panel-fluid .sk-panel {
        align-items:flex-start
    }

    .sk-panel-fluid>.sk-inner>.sk-header {
        padding: 0 3rem
    }

    .sk-panel-fluid .section-wrap,.sk-panel-fluid>.sk-inner>.sk-footer .btn-group {
        padding: 3rem
    }
}

@media (min-width: 1400px) {
    .sk-panel-fluid>.sk-inner {
        min-height:inherit;
        max-height: inherit;
        height: max-content
    }
}

@media (max-width: 768px) {
    .sk-panel-fluid .sk-inner {
        margin:1rem
    }

    .sk-panel-fluid .sk-panel.auto-complete {
        animation-name: slide-up
    }
}

.sk-select-panel {
    background: var(--color-white)
}

.sk-select-panel .sk-overflow-list,.sk-select-bottomsheet .sk-overflow-list {
    position: static;
    display: flex;
    min-height: inherit;
    box-shadow: none
}

.sk-select-panel .sk-text-field {
    padding: 1.6rem
}

@media(min-width: 768px) {
    .sk-select-panel,.sk-select-bottomsheet {
        animation:none;
        position: absolute;
        top: 3.8rem;
        height: auto;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 24%);
        z-index: 12
    }

    .sk-large .sk-select-panel,.sk-large .sk-select-bottomsheet {
        top: 4.8rem
    }

    .sk-select-panel .sk-select-header,.sk-select-bottomsheet .sk-select-header {
        display: none
    }

    .sk-select-panel .sk-select-body,.sk-select-bottomsheet .sk-select-body {
        overflow-y: hidden;
        max-height: 25rem;
        margin-top: 0
    }

    .sk-select-panel,.sk-select-bottomsheet,.sk-select-panel .sk-select-inner,.sk-select-bottomsheet .sk-select-inner {
        border-radius: var(--radius-base)
    }

    .sk-select-panel .sk-overflow-list,.sk-select-bottomsheet .sk-overflow-list {
        max-height: 18rem
    }

    .sk-select-panel .sk-overflow-wrapper .sk-selected-data,.sk-select-bottomsheet .sk-overflow-wrapper .sk-selected-data {
        max-height: 18rem;
        overflow-y: auto;
        flex-direction: column;
        align-items: flex-start
    }

    .sk-select-panel .sk-overflow-inner,.sk-select-bottomsheet .sk-overflow-inner {
        max-height: 18rem;
        overflow-y: auto;
        overflow-y: overlay
    }

    .sk-select-panel .sk-overflow-inner .sk-overflow-list,.sk-select-bottomsheet .sk-overflow-inner .sk-overflow-list {
        max-height: max-content;
        overflow-y: hidden
    }

    .sk-select-panel .sk-select-web-header,.sk-select-bottomsheet .sk-select-web-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 1.5rem;
        border-bottom: .1rem solid var(--color-border)
    }

    .sk-select-panel .sk-select-web-header .title,.sk-select-bottomsheet .sk-select-web-header .title {
        font-weight: var(--font-weight-bold)
    }

    .sk-select-panel .sk-select-web-header .button,.sk-select-bottomsheet .sk-select-web-header .button {
        min-width: inherit
    }

    .sk-select-bottomsheet {
        width: 100%
    }

    .sk-select-bottomsheet:after {
        display: none
    }

    .sk-select-bottomsheet .sk-select-inner {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background: var(--color-white);
        background-clip: padding-box;
        outline: 0;
        height: 100%;
        border: 0;
        border-radius: 0;
        z-index: 9992
    }
}

@media (max-width: 768px) {
    body:has(.sk-select-panel.sk-show),body:has(.sk-select-bottomsheet.sk-show) {
        overflow:hidden
    }

    .sk-select-panel .sk-overflow-list,.sk-select-bottomsheet .sk-overflow-list {
        max-height: calc(100vh - 13rem)
    }
}

.sk-drawer {
    position: fixed;
    z-index: 991;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    left: 0;
    right: auto;
    bottom: 0;
    overflow: hidden;
    display: none
}

.sk-drawer.sk-drawer-right {
    left: auto;
    right: 0
}

.sk-drawer.show {
    animation: fadeIn 0.3s linear
}

.sk-drawer .sk-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background: var(--color-white);
    height: 100%;
    width: 100%;
    z-index: 9992;
    animation: slide-left .3s linear
}

.sk-drawer.sk-drawer-right .sk-inner {
    animation: slide-right .3s linear
}

.sk-drawer .sk-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    min-height: 5.5rem;
    padding: 0 4rem 0 1.5rem;
    box-shadow: 0 0 .5rem 0 #bbb;
    position: relative
}

.sk-drawer .sk-header .title {
    font-size: 2rem;
    color: var(--color-darken);
    font-weight: var(--font-weight-semibold);
    max-width: calc(100% - 5rem);
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal
}

.sk-drawer .sk-header .right-nav,.sk-drawer .sk-header .left-nav {
    height: 100%;
    width: 5rem;
    text-align: center;
    cursor: pointer
}

.sk-drawer .sk-header .right-nav {
    position: absolute;
    right: 0
}

.sk-drawer .sk-header .icon {
    height: 100%
}

.sk-drawer .sk-body {
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative;
    scroll-behavior: smooth;
    margin-top: .5rem;
    overscroll-behavior: none;
    padding-bottom: 10rem
}

.sk-drawer .sk-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.sk-drawer .sk-close svg {
    fill: var(--color-dark);
    cursor: pointer;
    padding: 1rem
}

.sk-drawer .sk-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    box-shadow: 0 0 .5rem 0 #bbb;
    width: 100%;
    z-index: 100
}

.sk-drawer .section-wrap {
    margin-top: 0
}

@media(min-width: 768px) {
    .sk-drawer .sk-inner {
        width:42rem
    }

    .sk-drawer:after {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / .3);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        animation: fadeIn 0.6s cubic-bezier(.4,0,.2,1)
    }
}

@media(max-width: 768px) {
    .sk-drawer {
        width:100%
    }
}

@media(max-width: 768px) {
    .sk-drawer.sk-bottomsheet-mobile {
        box-sizing:border-box;
        right: auto
    }

    .sk-drawer.sk-bottomsheet-mobile:after {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / .5);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        animation: fadeIn 0.2s linear
    }

    .sk-drawer.sk-bottomsheet-mobile .sk-inner {
        position: fixed;
        bottom: 0;
        z-index: 9992;
        height: auto;
        max-height: 85%;
        overflow-y: auto;
        animation: slide-up 0.3s linear
    }

    .sk-drawer.sk-bottomsheet-mobile .sk-header .left-nav {
        margin: 0 1rem 0 -1.5rem
    }
}

.sk-popup {
    background-color: #fff0;
    position: fixed;
    z-index: 992;
    width: 100%;
    height: 100%;
    top: 0;
    box-sizing: border-box;
    overflow: auto;
    align-items: center;
    display: none;
    left: 0;
    right: 0
}

.sk-popup:after {
    content: '';
    position: fixed;
    background: rgb(0 0 0 / .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    animation: fadeIn 0.2s linear
}

.sk-popup.show {
    display: block
}

.sk-popup .sk-inner {
    height: auto;
    width: calc(100% - 2rem);
    max-width: 38rem;
    background: #fff0;
    z-index: 9992;
    margin: 0 auto
}

.sk-popup .sk-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

.sk-popup .sk-header .title {
    font-size: 2rem;
    font-weight: var(--font-weight-semibold)
}

.sk-popup .sk-header .right-nav {
    position: static;
    display: flex
}

.sk-popup .sk-body {
    height: auto;
    overflow: auto;
    position: relative;
    scroll-behavior: smooth;
    width: 100%;
    margin: 0 auto;
    border-radius: var(--radius-xlarge);
    padding: 2rem;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%),0 10px 10px rgb(0 0 0 / 22%)
}

.sk-popup .sk-body .button {
    margin: 1rem .5rem
}

.sk-popup .graphics.cover {
    margin: -2rem -2rem 2rem -2rem;
    background: var(--color-body-background)
}

.sk-popup .graphics.cover .icon {
    width: 100%
}

.sk-popup .avatar {
    margin-bottom: 3rem
}

.sk-popup .avatar .icon {
    margin-bottom: 1rem
}

.sk-popup .avatar .sub-text {
    font-size: 1.4rem;
    color: var(--color-dark)
}

.sk-popup .btn-group.wrap {
    flex-wrap: wrap;
    max-width: calc(100% - 4rem);
    margin: 0 auto
}

.sk-popup .btn-group.wrap .button {
    width: 100%;
    margin: .5rem 0
}

.sk-popup .close-popup {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.sk-popup .close-popup svg {
    fill: var(--color-dark);
    cursor: pointer;
    padding: 1rem
}

.sk-popup .close-popup.filled {
    top: 1rem;
    right: 1rem
}

.sk-popup .close-popup.filled svg {
    fill: var(--color-900);
    padding: .4rem;
    border: .1rem solid var(--color-dark);
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-round);
    background: var(--color-white)
}

.sk-popup.no-padding .sk-body {
    padding: 0
}

@media(min-width: 768px) {
    .sk-popup {
        left:0;
        right: 0
    }

    .sk-popup .sk-body {
        width: 100%
    }

    .sk-popup.large .sk-inner,.sk-popup.large .sk-body {
        max-width: 50rem
    }

    .sk-popup.xlarge .sk-inner,.sk-popup.xlarge .sk-body {
        max-width: 90rem
    }

    .sk-popup .graphics.cover {
        height: 11rem
    }

    .sk-popup .btn-group.wrap {
        max-width: calc(100% - 20rem)
    }
}

@media(max-width: 768px) {
    .sk-popup .sk-body {
        max-height:calc(100vh - 2rem)
    }

    .sk-popup .graphics.cover {
        height: 7.6rem
    }
}

.sk-progress {
    width: 100%;
    overflow: hidden;
    height: .2rem;
    background-color: var(--color-light);
    border-radius: var(--radius-base)
}

.sk-progress-bar {
    background-color: #34a12f;
    width: 0%;
    height: 100%;
    transition: all 0.5s ease
}

.sk-progress.primary .sk-progress-bar {
    background-color: var(--color-primary)
}

@media (min-width: 768px) {
    .sk-progress {
        height:.5rem
    }
}

.photo-upload-grid .title-small {
    margin-bottom: 1rem;
    font-weight: var(--font-weight-regular);
    color: var(--color-dark)
}

.photo-upload-grid ul {
    display: flex;
    justify-content: center
}

.photo-upload-grid li {
    margin: 0 .5rem
}

.photo-upload-grid .item {
    border-radius: var(--radius-base);
    border: .2rem solid #fff0;
    padding: .2rem;
    width: 8.2rem;
    height: 8.2rem
}

.photo-upload-grid .item.error {
    border-color: var(--color-danger)
}

.photo-upload-grid .item-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #F4F4F4;
    border-radius: var(--radius-base);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid var(--color-border)
}

.photo-upload-grid .item img,.photo-upload-grid .item video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-base);
    opacity: .9;
    cursor: default
}

.photo-upload-grid .item .thumbnail-info {
    position: absolute;
    right: 1rem;
    bottom: .5rem;
    pointer-events: none;
    z-index: 1
}

.photo-upload-grid .item .backdrop {
    content: '';
    background: rgb(0 0 0 / .3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: default
}

.photo-upload-grid .delete {
    width: 1.6rem;
    height: 1.6rem;
    background: var(--color-white);
    position: absolute;
    top: .5rem;
    right: .5rem;
    border-radius: var(--radius-round)
}

.photo-upload-grid .delete .icon {
    padding: .4rem;
    fill: var(--color-dark)
}

.photo-upload-grid .dot-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.photo-upload-grid .upload {
    display: flex;
    cursor: pointer;
    position: relative;
    width: 8.2rem;
    height: 8.2rem;
    border: .2rem solid #fff0;
    padding: .2rem
}

.photo-upload-grid .upload input {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    cursor: pointer
}

.photo-upload-grid .file-custom {
    z-index: 5;
    height: 100%;
    width: 100%;
    border-radius: var(--radius-base);
    background-color: #F4F4F4;
    border: .2rem dashed var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center
}

.photo-upload-grid .file-custom svg {
    fill: var(--color-dark)
}

.photo-upload-grid .upload.disabled {
    opacity: .4;
    user-select: none;
    pointer-events: none
}

.photo-upload-grid .error-text {
    margin: .5rem 0
}

.sk-gallery .sk-inner {
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    border-radius: 0
}

.sk-gallery .sk-header {
    background: rgb(0 0 0);
    box-shadow: none
}

.sk-gallery .sk-header .icon {
    fill: var(--color-white)
}

.sk-panel .sk-header .left-nav {
    margin-left: -1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.sk-gallery .left-nav span {
    color: var(--color-white);
    font-size: 1.4rem
}

.sk-gallery .sk-header .title {
    color: var(--color-white)
}

.sk-gallery .sk-body {
    background: rgb(0 0 0 / .9);
    padding: 0;
    margin: 0;
    height: 100%
}

.sk-gallery .sk-tabs-nav {
    position: fixed;
    top: 0;
    z-index: 92;
    width: calc(100% - 10rem);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 5.5rem
}

.sk-gallery .sk-tabs-nav .sk-tabs-item {
    color: rgb(255 255 255 / .6);
    height: 5.5rem
}

.sk-gallery .sk-tabs-nav .sk-tabs-item.active,.sk-gallery .sk-tabs-nav .sk-tabs-item.sk-active {
    color: var(--color-white)
}

.sk-gallery .sk-tab {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100vh - 8rem)
}

.sk-gallery .sk-tab.active,.sk-gallery .sk-tab.sk-active {
    display: flex
}

.sk-gallery .sk-tab img,.sk-gallery .sk-tab video {
    max-width: 100%;
    max-height: 100%
}

.sk-gallery .sk-tab video {
    width: 100%;
    height: 100%
}

.sk-gallery .sk-tab .tag-name,.sk-gallery .sk-tab .sk-media-label {
    position: absolute;
    bottom: 0;
    color: var(--color-white);
    padding: 3rem 0;
    width: calc(100% - 12rem);
    margin: 0 auto;
    text-align: center
}

.sk-gallery .gallery-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.sk-gallery .gallery-nav .icon {
    cursor: pointer;
    width: 5rem;
    height: 5rem;
    padding: 1.4rem;
    margin: 1rem
}

.sk-gallery .gallery-nav .icon:hover {
    background: var(--color-darken);
    border-radius: var(--radius-round)
}

.sk-gallery .sk-tab iframe {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .sk-gallery .sk-tabs-nav {
        justify-content:center
    }

    .sk-gallery .gallery-nav .icon {
        margin: 2rem
    }

    .sk-gallery .sk-tab iframe {
        width: 80%;
        height: 80%
    }
}

@media (max-width: 768px) {
    .sk-gallery.sk-panel {
        animation:scale-up 100ms ease-in-out
    }
}

.sk-gallery .sk-carousel {
    width: 100%;
    height: calc(100vh - 8rem)
}

.sk-gallery .sk-carousel-item {
    background: #fff0
}

.sk-gallery .sk-carousel-item,.sk-gallery .sk-carousel-item .image {
    height: calc(100vh - 8rem);
    max-width: 100%;
    width: 100%;
    border: 0
}

.sk-gallery .sk-carousel-item .image {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sk-gallery .sk-carousel-inner {
    scroll-padding-left: 0;
    overflow: hidden
}

.sk-gallery .sk-carousel .sk-carousel-nav {
    display: flex
}

.animate-carousel {
    transition: 3000ms ease
}

.sk-popover {
    display: none
}

.sk-popover.sk-backdrop.sk-show:after {
    content: '';
    position: fixed;
    background: rgb(0 0 0 / .3);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    animation: fadeIn 500ms linear
}

.sk-popover .sk-inner {
    background: var(--color-white);
    box-shadow: 0 30px 50px #00000029;
    border-radius: var(--radius-large);
    padding: 3rem;
    z-index: 1;
    position: absolute;
    left: -50%;
    right: -50%;
    transition: all 500ms ease
}

.sk-popover:has(.sk-popover) body {
    overflow: hidden
}

.sk-popover .sk-inner:after {
    content: "";
    position: absolute;
    border-width: 1.2rem;
    border-style: solid;
    border-color: var(--color-white) #fff0 #fff0 #fff0;
    top: 100%;
    left: 50%;
    transform: translatex(-50%)
}

.sk-popover.sk-popover-bottom .sk-inner:after {
    top: -2.4rem;
    border-color: #fff0 #fff0 var(--color-white) #fff0
}

.sk-popover .sk-body {
    overflow-y: auto;
    scroll-behavior: smooth;
    overscroll-behavior: none
}

.sk-popover .sk-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.sk-popover .sk-close svg {
    fill: var(--color-dark);
    cursor: pointer;
    padding: 1rem
}

.sk-popover .sk-close.sk-filled svg {
    fill: var(--color-900);
    padding: .4rem;
    border: .1rem solid var(--color-dark);
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-round);
    background: var(--color-white)
}

.sk-expansion-panels {
    padding: 0
}

.sk-expansion-panels .sk-expansion-inner {
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    border-top: .1rem solid var(--color-border)
}

.sk-expansion-panels .sk-expansion-inner:first-child {
    border-top: 0
}

.sk-expansion-panels .sk-expansion-header {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    width: 100%;
    position: relative
}

.sk-expansion-panels .sk-header-content {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    width: calc(100% - 2.5rem)
}

.sk-expansion-panels .sk-expansion-action {
    padding: 0;
    text-align: left;
    line-height: 1.25;
    width: 100%;
    justify-content: space-between;
    display: flex
}

.sk-expansion-panels .sk-expansion-action .sk-icons {
    flex-shrink: 0;
    transition: all 500ms ease
}

.sk-expansion-panels .sk-expansion-action .sk-icons .icon {
    fill: var(--color-dark);
    transition: all 500ms ease
}

.sk-expansion-inner.sk-active .sk-expansion-action .sk-icons .icon {
    transform: rotate(180deg)
}

.sk-expansion-inner .sk-expansion-content {
    display: none;
    width: 100%;
    padding-bottom: 1.5rem
}

.sk-expansion-inner.sk-active .sk-expansion-content {
    display: flex;
    flex-wrap: wrap
}

header {
    background-color: var(--color-white);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 20;
    border-bottom: .1rem solid var(--color-light)
}

header .sk-container {
    align-items: center;
    display: flex;
    height: 5.6rem;
    position: relative
}

header .brand-logo {
    display: flex;
    align-items: center
}

.hamburger-menu {
    display: flex;
    align-items: center;
    padding: .8rem .5rem;
    margin-right: 1.5rem;
    cursor: pointer;
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base)
}

.hamburger-menu svg {
    fill: var(--color-dark)
}

.header-nav {
    text-align: right;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    gap: 1rem
}

.header-nav .nav {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    padding: 1.5rem 1rem
}

.header-nav .icon-search {
    fill: var(--color-dark)
}

.header-nav .badge {
    background: var(--color-secondary-lighten);
    color: var(--color-darken);
    font-size: 1.2rem;
    padding: 0 .5rem;
    border-radius: var(--radius-base);
    font-weight: var(--font-weight-bold);
    border: .1rem solid var(--color-secondary-dark);
    margin-left: .5rem
}

.header-nav .button.flat-gray {
    font-weight: var(--font-weight-regular);
    color: var(--color-darken)
}

@media(max-width: 768px) {
    .header-nav .link-button .button {
        padding:0;
        min-width: inherit;
        border: 0
    }
}

@media(max-width: 350px) {
    header .brand-logo svg {
        width:8.5rem
    }
}

.fixed-action {
    display: none
}

@media(max-width: 768px) {
    .fixed-action {
        position:sticky;
        bottom: 0;
        display: block;
        z-index: 1
    }

    .fixed-action .button {
        border-radius: 0
    }
}

.btn-group.sticky {
    position: sticky;
    bottom: 0;
    background: var(--color-white);
    padding: 1.5rem;
    margin: 0 -1.5rem;
    z-index: 10;
    border-radius: 0 0 var(--radius-large) var(--radius-large)
}

.btn-group.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: var(--color-white);
    padding: 1rem 2rem;
    z-index: 1;
    margin: 0
}

.btn-group.primary-sticky {
    position: sticky;
    bottom: 4.8rem;
    z-index: 1;
    background: var(--color-white);
    padding: 1rem
}

.btn-group .sk-tooltip {
    display: block
}

.btn-group .sk-tooltip .tooltip-text {
    font-size: 1.2rem;
    width: auto
}

@media (min-width: 768px) {
    .btn-group.sticky {
        padding:2rem 0
    }
}

.auto-complete .search-wrap {
    padding: .5rem
}

.auto-complete .search-wrap input {
    border: .1rem solid var(--color-border);
    padding: 1rem;
    width: 100%;
    height: 3.8rem;
    font-size: 1.4rem
}

.auto-complete .search-wrap .icon-close {
    margin-left: 1.5rem;
    height: 3.8rem;
    width: 3.8rem;
    color: var(--color-dark);
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 1.4rem;
    z-index: 1;
    display: none
}

.auto-complete .ac-menu .ac-group-label {
    padding: .8rem 1.5rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-dark)
}

.auto-complete .ac-menu {
    height: 100%;
    overflow-y: auto
}

.auto-complete .ac-menu li {
    line-height: normal;
    text-align: left
}

.auto-complete .ac-menu a {
    color: var(--color-darken);
    text-decoration: none;
    display: block;
    padding: .8rem 1.5rem;
    font-size: 1.4rem
}

.auto-complete .ac-menu a:hover {
    background: var(--color-light)
}

.auto-complete .bottom {
    border-top: .1rem solid var(--color-border);
    border-bottom: .1rem solid var(--color-border);
    background-color: var(--color-light)
}

.auto-complete .bottom a {
    padding: .5rem 1.5rem;
    color: var(--color-darken);
    font-size: 1.4rem;
    display: block;
    line-height: normal
}

@media (min-width: 768px) {
    .auto-complete .search-wrap {
        padding:1.5rem;
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--color-white)
    }

    .auto-complete .ac-menu .ac-group-label,.auto-complete .ac-menu a {
        padding: .8rem 1.5rem
    }

    .auto-complete.dropdown.sk-panel {
        background-color: var(--color-white);
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
        position: absolute;
        top: 4rem;
        bottom: auto;
        overflow: inherit;
        max-height: 50rem;
        align-items: flex-start;
        height: auto;
        animation: inherit
    }

    .auto-complete.dropdown.sk-panel.left {
        left: 0;
        right: auto
    }

    .auto-complete.dropdown.sk-panel.right {
        left: auto;
        right: 0;
        width: auto
    }

    .auto-complete.dropdown .sk-inner {
        margin: 0;
        height: auto
    }

    .auto-complete.dropdown .sk-header {
        display: none
    }

    .auto-complete.dropdown .sk-body {
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .auto-complete.sk-panel {
        left:0
    }

    .auto-complete .search-wrap {
        padding: 1.5rem;
        position: sticky;
        top: 0;
        background: var(--color-white)
    }
}

.section-wrap {
    padding: 1.5rem;
    background: var(--color-white);
    margin-top: 1rem;
    border-radius: var(--radius-base);
    scroll-margin-top: 11.5rem
}

.section-wrap.no-padding {
    padding: 0
}

@media(min-width: 992px) {
    .section-wrap.padding-large {
        padding:3rem
    }

    .section-wrap.padding-xlarge {
        padding: 6rem
    }
}

@media (max-width: 768px) {
    .section-wrap.padding-xlarge {
        padding:4rem 1.5rem
    }
}

.city-search {
    display: flex;
    align-items: center;
    flex: auto;
    font-size: 1.4rem;
    margin: 0 1rem;
    color: var(--color-dark);
    position: relative
}

.city-search.prime .selected-city {
    display: flex;
    align-items: center;
    border-radius: var(--radius-pill);
    border: .1rem solid var(--color-border);
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 .5rem;
    background: var(--color-light);
    cursor: pointer
}

.city-search.prime .selected-city.disabled {
    pointer-events: none;
    user-select: none
}

.city-search.prime .selected-city.disabled .down-chevron {
    display: none
}

.city-search .selected-city .sd-link {
    cursor: pointer;
    color: var(--color-darken);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 .5rem
}

.city-search .selected-city .icon.pin-location {
    fill: var(--color-primary)
}

.city-search .down-chevron {
    fill: var(--color-darken);
    cursor: pointer
}

@media (min-width: 768px) {
    .city-search {
        margin:0 1.5rem
    }

    .city-search .auto-complete {
        width: 25rem
    }

    .city-search .sk-inner {
        width: 25rem
    }

    .city-search .ac-menu {
        height: calc(30rem - 10rem)
    }
}

@media (max-width: 576px) {
    .city-search .selected-city .sd-link {
        max-width:7rem
    }
}

@media (max-width: 350px) {
    .city-search .selected-city .sd-link {
        max-width:5rem
    }
}

.breadcrumbs {
    font-size: 1.2rem;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.breadcrumbs a {
    color: var(--color-darken);
    text-decoration: none
}

.breadcrumbs a:after {
    content: '/';
    padding: 0 5px
}

.breadcrumbs.no-margin {
    margin: 0;
    border-top: .1rem solid var(--color-border)
}

@media (min-width: 768px) {
    .breadcrumbs {
        font-size:1.4rem
    }
}

.promo-wrap .promo-item {
    border: .1rem solid var(--color-border);
    background-color: var(--color-white);
    transition: all 300ms ease;
    border-radius: var(--radius-xlarge);
    overflow: hidden;
    padding: 1.5rem
}

.promo-wrap .promo-item:hover {
    box-shadow: 0 3px 6px #00000029
}

.grid-item {
    display: grid;
    grid-gap: 1.5rem;
    padding-bottom: .6rem
}

.grid-item.grid-gap-large {
    grid-gap: 2rem
}

.grid-item.grid-gap-xlarge {
    grid-gap: 3.5rem
}

.grid-item>div,.grid-item>.item {
    border: .1rem solid var(--color-border);
    padding: 1.5rem;
    border-radius: var(--radius-base);
    scroll-snap-align: start;
    background-color: var(--color-white);
    position: relative
}

.grid-item.grid-no-padding .item {
    padding: 0
}

.grid-item.grid-no-border .item {
    border: 0
}

.grid-item.grid-no-padding .content {
    padding: 1.5rem;
    text-align: center
}

.grid-item.grid-no-padding .title-medium {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    max-width: 20rem;
    margin: 0 auto 1.4rem auto
}

.grid-item.grid-no-padding .photo {
    height: 10rem;
    overflow: hidden
}

.grid-item.grid-no-padding .photo img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media(min-width: 992px) {
    .grid-item {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }

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

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

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

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

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

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

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

    .grid-item.grid-gap-large {
        grid-gap: 3rem
    }

    .grid-item.grid-gap-xlarge {
        grid-gap: 6rem
    }

    .grid-item-3 .item-block {
        grid-column: auto / span 3
    }
}

@media (max-width: 1270px) {
    .grid-item.grid-mobile-list {
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-auto-flow: revert
    }

    .grid-item.grid-mobile-list .item {
        min-width: inherit
    }
}

@media(max-width: 992px) {
    .grid-item {
        grid-auto-flow:column
    }

    .grid-item>div,.grid-item>.item {
        min-width: 29rem
    }

    .grid-item.grid-item-small>div,.grid-item.grid-item-small>.item {
        min-width: 25rem
    }

    .grid-item.grid-item-xsmall>div,.grid-item.grid-item-xsmall>.item {
        min-width: 20rem
    }

    .grid-item.grid-item-xxsmall>div,.grid-item.grid-item-xxsmall>.item {
        min-width: 15rem
    }

    .grid-item.grid-mobile-list {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .grid-item.sk-edges {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .grid-item.sk-edges>div,.grid-item.sk-edges>.item {
        scroll-margin-left: 1.5rem
    }

    .grid-item.sk-edges>div:first-child,.grid-item.sk-edges>.item:first-child {
        margin-left: 1.5rem
    }

    .grid-item.sk-edges>div:last-child,.grid-item.sk-edges>.item:last-child {
        margin-right: 1.5rem
    }

    .grid-item.sk-edges-large {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .grid-item.sk-edges-large>div,.grid-item.sk-edges-large>.item {
        scroll-margin-left: 3rem
    }

    .grid-item.sk-edges-large>div:first-child,.grid-item.sk-edges-large>.item:first-child {
        margin-left: 3rem
    }

    .grid-item.sk-edges-large>div:last-child,.grid-item.sk-edges-large>.item:last-child {
        margin-right: 3rem
    }
}

@media(max-width: 576px) {
    .grid-item.grid-mobile-list {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

@media (max-width: 992px) {
    .scroll-wrap {
        white-space:nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

    .scroll-wrap.grid-item>div,.scroll-wrap.grid-item>.item {
        white-space: normal
    }

    .scroll-wrap-hero {
        background: var(--color-light);
        padding: 1.5rem;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .scroll-wrap-hero .grid-item .item {
        background: var(--color-white)
    }
}

.terms-condition {
    font-size: 1.3rem;
    text-align: left;
    margin-top: 1rem;
    line-height: normal;
    padding: 0 .5rem;
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .title-xlarge .caption {
        font-size:1.6rem
    }

    .web-hide {
        display: none!important
    }
}

@media (max-width: 768px) {
    .mobile-hide {
        display:none!important
    }
}

.ripple-element {
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0)
}

.ripple-element:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle,var(--color-black) 10%,transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10,10);
    opacity: 0;
    transition: transform .5s,opacity 1s
}

.ripple-element:active:after {
    transform: scale(0,0);
    opacity: .2;
    transition: 0s
}

.button,.sk-tabs .sk-tabs-nav a,.sk-tabs .sk-tabs-nav div,.sk-fab .sk-fab-inner,.sk-collapse .sk-label,.sk-menu .sk-menu-nav a,.sk-chips .sk-chip {
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0)
}

.button:after,.sk-tabs .sk-tabs-nav a:after,.sk-tabs .sk-tabs-nav div:after,.sk-fab .sk-fab-inner:after,.sk-collapse .sk-label:after,.sk-menu .sk-menu-nav a:after,.sk-chips .sk-chip:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle,var(--color-black) 10%,transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10,10);
    opacity: 0;
    transition: transform .5s,opacity 1s
}

.button:active:after,.sk-tabs .sk-tabs-nav a:active:after,.sk-tabs .sk-tabs-nav div:active:after,.sk-fab .sk-fab-inner:active:after,.sk-collapse .sk-label:active:after,.sk-menu .sk-menu-nav a:active:after,.sk-chips .sk-chip:active:after {
    transform: scale(0,0);
    opacity: .2;
    transition: 0s
}

.main-container .side-bar {
    display: none
}

.main-container {
    margin-top: 1rem
}

@media(min-width: 1270px) {
    .main-container.col-two {
        display:grid;
        grid-template-columns: calc(100% - 36.5rem) auto;
        gap: 1.5rem
    }

    .main-container .side-bar {
        display: block;
        width: 35rem
    }

    .main-container .side-inner.sticky {
        position: sticky;
        top: 6.7rem
    }

    .main-container .side-bar .sk-card {
        margin-bottom: 1rem
    }

    .main-container.sidebar-small {
        grid-template-columns: calc(100% - 31.5rem) auto
    }

    .main-container.sidebar-small .side-bar {
        width: 32.5rem
    }

    .main-container.gap-large {
        gap: 3rem;
        grid-template-columns: calc(100% - 35.5rem) auto
    }
}

@-webkit-keyframes slide-top {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes slide-top {
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes slide-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes slide-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-up {
    0% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes scale-up {
    0% {
        opacity: 0;
        -moz-transform: scale(.8)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animated.slower {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-duration: calc(var(--animate-duration)*4);
    animation-duration: calc(var(--animate-duration)*4)
}

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

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

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

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

.animated.repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

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

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

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@keyframes bounceWave {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-1rem)
    }

    100% {
        transform: translateY(0)
    }
}

.bounceWave {
    -webkit-animation-name: bounceWave;
    animation-name: bounceWave
}

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

    50% {
        transform: translateX(-.5rem)
    }

    100% {
        transform: translateX(0)
    }
}

.bounceFlat {
    -webkit-animation-name: bounceFlat;
    animation-name: bounceFlat
}

@-webkit-keyframes ShineAnimation {
    from {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left,#fff0 0%,#fff0 45%,rgb(255 255 255 / .2) 48%,rgb(255 255 255 / .5) 50%,rgb(255 255 255 / .2) 52%,#fff0 57%,#fff0 100%);
        background-position: -50rem -50rem;
        background-size: 100rem 100rem
    }

    to {
        background-repeat: no-repeat;
        background-position: 50rem 50rem
    }
}

.button-shine {
    animation: ShineAnimation 2s infinite
}

@keyframes bounceIn {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
        opacity: 1
    }

    40% {
        transform: translateY(-3.5rem)
    }

    60% {
        transform: translateY(-1.5rem)
    }
}

.button-shine-center::before,.button-shine-center::after {
    content: "";
    height: 100%;
    width: 15%;
    background: rgb(255 255 255 / .3);
    position: absolute;
    transform: skewX(15deg);
    left: auto;
    right: auto;
    opacity: 1;
    animation: 2s linear infinite
}

.button-shine-center::before {
    animation-name: animate
}

.button-shine-center::after {
    animation-name: animates
}

@keyframes animate {
    0% {
        left: 50%
    }

    100% {
        left: -150%
    }
}

@keyframes animates {
    0% {
        right: 50%
    }

    100% {
        right: -150%
    }
}

.expose-content {
    position: relative
}

.expose-content p {
    font-size: 1.4rem;
    margin: 0;
    line-height: 2rem
}

.expose-content .view-more {
    background: var(--color-white);
    padding: 0 .5rem
}

.sk-avatar {
    width: 4.2rem;
    height: 4.2rem;
    line-height: 4.2rem;
    text-align: center;
    font-size: 1.8rem;
    background: var(--color-grey);
    color: var(--color-white);
    border-radius: var(--radius-round);
    margin-right: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase
}

.sk-avatar .sk-image {
    border-radius: var(--radius-round);
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-color: var(--color-white)
}

.sk-avatar .sk-avatar-title {
    color: var(--color-white);
    text-transform: uppercase
}

.sk-avatar-group .sk-avatar-name {
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
    display: block
}

.sk-avatar-group .sk-avatar-name a {
    color: var(--color-darken)
}

.sk-avatar-group .sk-avatar-tag {
    font-size: 1.2rem
}

.random-avatar-bg .random-avatar-item:nth-child(10n+1) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+1) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+1) .initial {
    background: #264764
}

.random-avatar-bg .random-avatar-item:nth-child(10n+2) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+2) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+2) .initial {
    background: #1FC0CB
}

.random-avatar-bg .random-avatar-item:nth-child(10n+3) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+3) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+3) .initial {
    background: #ECB83D
}

.random-avatar-bg .random-avatar-item:nth-child(10n+4) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+4) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+4) .initial {
    background: #DF604F
}

.random-avatar-bg .random-avatar-item:nth-child(10n+5) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+5) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+5) .initial {
    background: #3B3B40
}

.random-avatar-bg .random-avatar-item:nth-child(10n+6) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+6) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+6) .initial {
    background: #BF754B
}

.random-avatar-bg .random-avatar-item:nth-child(10n+7) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+7) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+7) .initial {
    background: #0C5A44
}

.random-avatar-bg .random-avatar-item:nth-child(10n+8) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+8) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+8) .initial {
    background: #947767
}

.random-avatar-bg .random-avatar-item:nth-child(10n+9) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+9) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+9) .initial {
    background: #1477C7
}

.random-avatar-bg .random-avatar-item:nth-child(10n+10) .sk-avatar,.random-avatar-bg .random-avatar-item:nth-child(10n+10) .sk-thumbnail-text,.random-avatar-bg .random-avatar-item:nth-child(10n+10) .initial {
    background: #C80713
}

.random-avatar-bg .random-avatar-item .sk-thumbnail-text {
    color: var(--color-white)
}

.sk-sticky {
    position: sticky!important
}

.sk-sticky-top-2 {
    top: 5.6rem;
    z-index: var(--zindex-2)
}

.sk-sticky-top-1 {
    top: 0;
    z-index: 10
}

.whatsapp-option {
    padding: 1.5rem 0;
    width: 100%
}

.whatsapp-option .sk-switch {
    width: 100%
}

.whatsapp-option .sk-icons {
    display: flex;
    align-items: center
}

.whatsapp-option svg,.whatsapp-option .icon {
    margin-right: .5rem
}

.whatsapp-option label {
    display: flex;
    justify-content: space-between
}

.whatsapp-option .sk-switch .lever {
    margin: 0
}

.whatsapp-option.filled {
    background: var(--color-light);
    padding: 1rem 1.5rem;
    border-radius: var(--radius-base);
    margin-top: -3.5rem;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: 300ms ease
}

.whatsapp-option.filled.show {
    margin-top: .2rem;
    visibility: visible;
    opacity: 1
}

.whatsapp-option.filled .sk-icons {
    font-size: 1.2rem
}

@media(min-width: 768px) {
    .whatsapp-option {
        width:70%;
        margin: 0 auto
    }
}

.form-wrapper .item-row {
    width: 100%;
    margin-bottom: 2.5rem;
    text-align: left
}

.premium-badge {
    display: inline-block;
    vertical-align: middle
}

.premium-badge.category-king-43 {
    fill: #9672d6
}

.premium-badge.miracle-50 {
    fill: #fd91b5
}

.premium-badge.miracle-60 {
    fill: #e6646e
}

.premium-badge.most-preferred-40 {
    fill: #69a0f7
}

.premium-badge.mpm-advantage-44 {
    fill: #ffaa67
}

.premium-badge.preferred-30 {
    fill: #65c4bc
}

.premium-badge.preferred-plus-35 {
    fill: #78c3fc
}

.premium-badge.silver-20 {
    fill: #fdd865
}

.premium-badge.silver-26 {
    fill: #a9d679
}

@media (max-width: 992px) {
    .premium-badge {
        display:none
    }
}

footer.section-wrap {
    background-color: var(--color-light);
    margin-top: 0
}

footer strong {
    color: var(--color-darken);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    flex: 100%
}

footer .sk-container {
    min-height: 7.2rem;
    justify-content: space-between
}

footer div {
    display: flex;
    flex: 100%;
    flex-wrap: wrap;
    align-items: center
}

footer .sk-collapse .sk-group .title-small {
    padding: 1.5rem 0;
    font-size: 1.6rem
}

footer a {
    text-decoration: none;
    padding: .5rem 0;
    margin-right: 2rem;
    color: var(--color-darken);
    display: block;
    font-size: 1.4rem
}

footer a:hover {
    color: var(--color-dark)
}

footer .sk-collapse+.footer-bottom {
    border-top: .1rem solid var(--color-border);
    margin-top: 1rem;
    padding: 1.5rem 0
}

footer .footer-bottom {
    color: var(--color-darken);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%
}

footer .footer-bottom svg {
    fill: var(--color-dark)
}

footer .footer-bottom svg:hover {
    filter: brightness(.6)
}

footer span {
    font-size: 1.3rem;
    margin-top: 1rem
}

footer .social-media-group {
    justify-content: center;
    gap: 1.5rem
}

footer .social-media-group a {
    display: flex;
    margin: 0;
    padding: 0
}

@media (min-width: 992px) {
    footer .sk-collapse .sk-group {
        padding-bottom:1.5rem
    }

    footer .sk-label {
        pointer-events: none
    }

    footer .sk-collapse .sk-group .sk-data,footer .sk-collapse .sk-group.show .sk-data {
        display: flex;
        margin: 0
    }

    footer .sk-collapse .sk-group .title-small {
        padding-top: 1.5rem;
        padding-bottom: .5rem
    }

    footer .down-chevron {
        display: none
    }

    footer span {
        width: 100%
    }

    footer .footer-bottom {
        flex-wrap: nowrap;
        gap: 1.5rem
    }

    footer .social-media-group {
        justify-content: flex-start;
        order: 2
    }

    footer .footer-bottom span {
        width: auto;
        flex-grow: 1;
        flex-shrink: 0;
        margin: 0
    }
}

@media (max-width: 768px) {
    footer .sk-container {
        padding:0
    }

    .sk-chat-bar+footer {
        padding-bottom: 7rem
    }
}

@media (min-width: 768px) {
    .category-search .auto-complete {
        width:40rem
    }

    .category-search .sk-inner {
        width: 40rem
    }

    .category-search .sk-body {
        padding-bottom: 0;
        margin-top: 0
    }

    .category-search .ac-menu {
        height: calc(40rem - 10rem)
    }

    .category-search .search-wrap {
        background: var(--color-light);
        padding: 0;
        border-radius: var(--radius-base) var(--radius-base) 0 0
    }

    .category-search .search-wrap input {
        height: 5rem;
        font-size: 1.6rem;
        border: 0;
        background: var(--color-light)
    }

    .category-search .sk-footer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        box-shadow: none;
        width: auto
    }

    .category-search.sk-panel .sk-footer .btn-group {
        width: auto;
        padding: .8rem
    }

    .category-search .sk-footer .button {
        font-size: 1.4rem;
        font-weight: var(--font-weight-regular)
    }
}

.otp-wrap {
    padding: 2.5rem 0;
    text-align: center;
    width: 100%
}

.otp-wrap .title-large {
    margin: 1rem 0;
    justify-content: center
}

.otp-wrap .caption {
    font-size: 1.4rem;
    margin: 1rem 0;
    display: block
}

.otp-wrap .caption.light {
    color: var(--color-dark);
    font-size: 1.2rem
}

.otp-wrap .resend-otp {
    font-size: 1.3rem;
    color: var(--color-anchor);
    cursor: pointer
}

.otp-wrap .resend-otp .timer {
    margin: 0 2rem
}

.otp-wrap .resend-otp.disable {
    color: var(--color-input-label-disabled);
    user-select: none
}

.otp-wrap .verify {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 8rem 0
}

.otp-wrap .verify span {
    width: 100%;
    font-size: 1.4rem;
    color: var(--color-darken)
}

.otp-wrap .verify a {
    width: 100%;
    font-size: 2.2rem;
    color: var(--color-darken);
    text-decoration: none;
    font-weight: var(--font-weight-bold)
}

.otp-wrap .icon-call {
    margin: 2rem 0 3rem 0
}

.otp-wrap .otp-block {
    margin: 3rem 0 1rem 0;
    padding-left: 3rem
}

.otp-wrap .otp-input {
    position: relative;
    width: 26rem;
    height: 6.5rem;
    margin: 0 auto;
    padding-left: 1.8rem
}

.otp-wrap .otp-block .error-text,.otp-wrap .otp-block .error-lcf-text {
    margin-left: -3rem;
    justify-content: center
}

.otp-wrap .otp-block input {
    letter-spacing: 4.4rem;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #fff0;
    font-size: 2.6rem;
    font-weight: 600;
    z-index: 50;
    position: relative;
    color: var(--color-darken);
    font-family: sans-serif
}

.otp-wrap .otp-block input:-webkit-autofill {
    -webkit-background-clip: text
}

.otp-wrap .otp-input span {
    width: 5rem;
    height: 5rem;
    border-bottom: .1rem solid var(--color-dark);
    position: absolute;
    top: .6rem
}

.otp-wrap .otp-input .box-1 {
    left: 0
}

.otp-wrap .otp-input .box-2 {
    left: 5.9rem
}

.otp-wrap .otp-input .box-3 {
    left: 11.8rem
}

.otp-wrap .otp-input .box-4 {
    left: 17.7rem
}

.otp-wrap .otp-input .last-box {
    position: absolute;
    width: 3rem;
    height: 5rem;
    background: var(--color-white);
    right: 0;
    z-index: 999;
    border: 0
}

.otp-wrap .btn-group {
    margin: 1.5rem 0
}

.otp-wrap .otp-input.otp-large {
    width: 33rem;
    padding-left: 1.2rem
}

.otp-wrap .otp-large input {
    letter-spacing: 3.5rem
}

.otp-wrap .otp-input.otp-large span {
    width: 4rem
}

.otp-wrap .otp-input.otp-large .box-1 {
    left: 0
}

.otp-wrap .otp-input.otp-large .box-2 {
    left: 5rem
}

.otp-wrap .otp-input.otp-large .box-3 {
    left: 10rem
}

.otp-wrap .otp-input.otp-large .box-4 {
    left: 15rem
}

.otp-wrap .otp-input.otp-large .box-5 {
    left: 20rem
}

.otp-wrap .otp-input.otp-large .box-6 {
    left: 25rem
}

.missed-call {
    margin-top: 3rem;
    position: relative
}

.missed-call .median {
    display: flex;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin: 0 auto 3rem auto
}

.missed-call .median:before,.missed-call .median:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.missed-call .median:before {
    content: 'OR';
    border: .1rem solid var(--color-body-background);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-round);
    background: var(--color-white);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.missed-call .median:after {
    content: '';
    border-top: .1rem solid var(--color-border);
    width: 90%
}

.missed-call b {
    font-size: 1.8rem
}

.missed-call .btn-group {
    margin: 3rem 0 1rem 0
}

.missed-call .button-icon {
    fill: var(--color-primary);
    display: inline
}

.otp-alpha.otp-wrap {
    border-top: .1rem solid var(--color-border);
    padding: 1.5rem
}

.otp-alpha.otp-wrap .title-large {
    font-size: 1.6rem
}

.otp-alpha .otp-block {
    margin-top: 0
}

.otp-alpha .otp-input span {
    border-bottom: .1rem solid var(--color-dark)
}

.otp-alpha .otp-input .last-box {
    border: 0
}

.otp-alpha .more-option {
    max-width: 40rem;
    margin: 5rem auto 0 auto
}

.otp-alpha .caption .link-text {
    margin-left: .5rem
}

.otp-alpha .action-group {
    justify-content: center
}

.otp-alpha .action-group .btn-group {
    margin: 3rem 0 0 0
}

.otp-alpha .action-group .button {
    padding: .5rem 1rem;
    width: 100%;
    max-width: 18rem;
    margin: .8rem auto;
    height: 4.6rem
}

.otp-alpha .action-group .group {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-left: 1.5rem
}

.otp-alpha .action-group .button.dark {
    background: #1786f3;
    border-color: #1786f3
}

.otp-alpha .action-group span {
    font-size: 1.4rem
}

.otp-alpha .action-group .group span,.otp-alpha .action-group .tooltip-text {
    font-size: 1.2rem
}

.otp-alpha .missed-call-group {
    background: var(--color-light);
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base);
    padding: 1.5rem;
    margin: .8rem auto 0 auto;
    max-width: 18rem
}

.otp-alpha .missed-call-group .btn-group {
    margin: 3rem 0 0 0
}

.otp-alpha .missed-call-group .link-text {
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: underline
}

.terms-condition {
    font-size: 1.2rem;
    margin-top: .5rem;
    line-height: normal;
    text-align: center;
    color: #777
}

.terms-condition a {
    color: #6E3C3C;
    text-decoration: none
}

.terms-condition label {
    font-size: 1.2rem!important;
    gap: .2rem
}

.sidebar-menu {
    --color-menu-link: #003674;
    left: 0;
    right: auto;
    width: 100%;
    background: #fff0;
    -webkit-animation: slide-left .1s linear;
    -moz-animation: slide-left .1s linear
}

.sidebar-menu:after {
    content: '';
    position: fixed;
    background: rgb(0 0 0 / .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    animation: fadeIn 0.1s linear
}

.sidebar-menu .sk-inner {
    height: 100%;
    margin: 0;
    max-height: 100%;
    border-radius: 0
}

.sidebar-menu .sk-header {
    border-bottom: .1rem solid var(--color-border)
}

.sidebar-menu .sk-header .icon-close {
    display: block
}

.sidebar-menu .sk-header span {
    font-size: 1.6rem;
    color: var(--color-darken);
    font-weight: var(--font-weight-bold);
    width: 100%;
    text-align: left
}

.sidebar-menu .sk-group {
    border-top: .1rem solid var(--color-border)
}

.sidebar-menu .sk-group a {
    text-decoration: none;
    color: var(--color-white);
    display: block;
    font-size: 1.4rem;
    padding: 1.2rem 1.5rem
}

.sidebar-menu .sk-group a:hover {
    background: var(--color-light)
}

.sidebar-menu .sk-group.show a {
    color: var(--color-darken)
}

.sidebar-menu .sk-group .title {
    margin: 0;
    font-weight: var(--font-weight-regular)
}

.sidebar-menu .sk-group.show .title {
    color: var(--color-darken);
    font-weight: 600
}

.sidebar-menu .sk-group .title,.sidebar-menu .sk-group.link a {
    padding: 1.2rem 1.5rem
}

.sidebar-menu .sk-group .sk-label {
    background-color: #FFF5E6;
    color: var(--color-darken);
    font-weight: var(--font-weight-regular);
    cursor: pointer;
    width: 100%
}

.sidebar-menu .sk-group.show .sk-label {
    background-color: #FFD27E
}

.sidebar-menu .sk-group.link a {
    color: var(--color-menu-link)
}

.sidebar-menu .sk-label .down-chevron {
    right: 1.5rem;
    fill: var(--color-dark)
}

.sidebar-menu .sk-group.show .sk-data {
    margin: .5rem 0
}

.sidebar-menu .user-name {
    display: block;
    font-size: 1.6rem;
    padding: 1.2rem 1.5rem;
    border-bottom: .1rem solid var(--color-border)
}

.sidebar-menu .menu-link {
    display: block;
    text-decoration: none;
    color: var(--color-menu-link);
    padding: 1.2rem 1.5rem
}

.sidebar-menu .menu-link:hover {
    background: var(--color-light)
}

.sidebar-menu .menu-strip {
    background-color: #FFF5E6;
    color: var(--color-darken);
    font-weight: var(--font-weight-regular);
    cursor: pointer;
    display: block;
    padding: 1.2rem 1.5rem;
    text-decoration: none;
    border-top: .1rem solid var(--color-border)
}

.sidebar-menu.show:after {
    opacity: 1;
    visibility: visible
}

@media(min-width: 768px) {
    .sidebar-menu .sk-inner {
        width:40rem
    }

    .sidebar-menu .menu-strip {
        font-size: 1.6rem
    }
}

@media(max-width: 768px) {
    .sidebar-menu .sk-inner {
        max-width:40rem;
        width: 90%;
        z-index: 9992
    }
}

.disclaimer p {
    font-size: 1.2rem;
    margin-top: 0;
    line-height: normal;
    color: var(--gray-600)
}

.disclaimer .title-small {
    margin-bottom: .5rem
}

.media-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem
}

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

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

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

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

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

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

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

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

.media-grid.grid-10 {
    grid-template-columns: repeat(10,1fr)
}

.media-grid .grid {
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base);
    position: relative;
    height: 16rem;
    overflow: hidden
}

.media-grid .grid img,.media-grid .grid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    border-radius: var(--radius-base);
    transition: 500ms ease
}

.media-grid .play {
    background-color: var(--color-white);
    width: 3rem;
    height: 3rem;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5rem .8rem .5rem 1.1rem;
    margin: auto;
    text-align: center;
    border-radius: var(--radius-round);
    opacity: .8;
    cursor: pointer
}

.media-grid .play:before {
    content: '';
    width: 0;
    height: 0;
    border-top: .6rem solid #fff0;
    border-bottom: .6rem solid #fff0;
    border-left: .8rem solid var(--color-grey);
    display: inline-block
}

.media-grid .backdrop,.media-grid .grid .more {
    content: '';
    background: rgb(0 0 0 / .3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.media-grid .grid .more {
    background: rgb(0 0 0 / .5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.4rem;
    color: var(--color-white);
    z-index: 1
}

.media-grid .grid .more span {
    display: block;
    text-align: center
}

.media-grid .grid:hover img,.media-grid .grid:hover video {
    transform: scale(1.1)
}

.media-grid .grid:hover .play {
    background: var(--color-primary)
}

.media-grid .grid:hover .play:before {
    border-left-color: var(--color-white)
}

.media-grid.grid-item .item {
    padding: 0
}

.media-grid.media-small .grid {
    width: 8.2rem;
    height: 8.2rem
}

.media-grid.media-xsmall .grid {
    width: 6.4rem;
    height: 6.4rem
}

@media(max-width: 576px) {
    .media-grid {
        grid-template-columns:repeat(3,1fr);
        gap: 1rem
    }

    .media-grid .grid {
        height: 11rem
    }
}

.sk-pagination ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 100%;
    width: 100%;
    list-style-type: none
}

.sk-pagination li {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 3.2rem;
    width: 3.2rem;
    color: var(--color-dark);
    text-decoration: none;
    font-weight: 500;
    border-radius: var(--radius-base);
    border: .1rem solid var(--color-border);
    cursor: pointer;
    user-select: none;
    background: var(--color-white)
}

.sk-pagination li.disabled {
    opacity: .5;
    pointer-events: none
}

.sk-pagination li:has(span) {
    border: 0;
    pointer-events: none;
    width: auto;
    background: none
}

.sk-pagination .sk-icon {
    fill: var(--color-dark)
}

.sk-pagination .sk-active .sk-icon {
    fill: var(--color-white)
}

.sk-pagination .sk-active,.sk-pagination li.sk-active:hover {
    background: var(--color-white);
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.sk-pagination li:hover {
    background: var(--color-light)
}

.sk-pagination.sk-short li {
    width: auto;
    height: 3.6rem;
    padding: 0 3rem
}

.sk-popup .push-user-alert {
    background: #FFFDF8;
    padding: 4rem 0
}

.push-user-alert .step {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.push-user-alert .step img {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.push-user-alert .step p {
    max-width: 80%
}

.push-user-alert .title-large,.push-user-alert .title-xlarge {
    width: 70%;
    margin: 2rem 0
}

progress {
    height: 1rem;
    width: 100%
}

progress,progress[value]::-webkit-progress-bar {
    background-color: #eaeaea;
    border-radius: var(--radius-pill);
    border: none!important
}

progress,progress[value]::-webkit-progress-value {
    border-radius: var(--radius-pill);
    background-color: #eaeaea
}

progress[value]::-webkit-progress-value {
    background-color: #feb42b
}

progress::-moz-progress-bar {
    background-color: #feb42b;
    border-radius: var(--radius-pill)
}

.expose-over-panel {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background: var(--color-white);
    border-radius: var(--radius-base);
    animation: slide-up 0.3s linear
}

.expose-over-panel.hide {
    transform: translateY(-100%)
}

.expose-over-panel {
    transform: translateY(0)
}

.expose-over-panel .expose-header {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.expose-over-panel .expose-header .icon {
    cursor: pointer;
    padding: 1.5rem
}

.expose-over-panel p,.expose-over-panel ul li {
    font-size: 1.4rem;
    margin-top: 0
}

.expose-over-panel .expose-body {
    padding: 0 2rem;
    overflow-y: auto;
    height: calc(100% - 5rem)
}

.spinner-tick-loader .checkmark-circle {
    stroke-width: 8;
    stroke-miterlimit: 10;
    stroke: var(--color-teal);
    fill: none
}

.spinner-tick-loader .checkmark-circle.active {
    animation: stroke 1.5s cubic-bezier(.65,0,.45,1) forwards
}

.spinner-tick-loader {
    background-color: var(--color-white);
    z-index: 1
}

.spinner-tick-loader svg {
    width: 9.8rem;
    height: 9.8rem;
    border-radius: var(--radius-round);
    display: block;
    stroke-width: 4;
    stroke: var(--color-teal);
    stroke-miterlimit: 10;
    margin: .8rem
}

.spinner-tick-loader .checkmark-check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-linecap: round
}

.spinner-tick-loader .checkmark-check.active {
    animation: stroke 0.3s cubic-bezier(.65,0,.45,1) .5s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px var(--color-white)
    }
}

.progress-dot-loader:after {
    content: ' .';
    animation: textDot 1s steps(5,end) infinite
}

@keyframes textDot {
    0%,20% {
        color: #fff0;
        text-shadow: .25em 0 0 #fff0,.5em 0 0 #fff0
    }

    40% {
        color: rgb(0 0 0);
        text-shadow: .25em 0 0 #fff0,.5em 0 0 #fff0
    }

    60% {
        text-shadow: .25em 0 0 rgb(0 0 0),.5em 0 0 #fff0
    }

    80%,100% {
        text-shadow: .25em 0 0 rgb(0 0 0),.5em 0 0 rgb(0 0 0)
    }
}

.whatsapp-widget {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 11;
    transform: translateY(100vh);
    transition: all 500ms ease;
    cursor: pointer
}

.whatsapp-widget.push-top {
    bottom: 20rem
}

.whatsapp-widget.push-top-base {
    bottom: 6rem
}

.whatsapp-widget.show {
    transform: translateY(0)
}

.whatsapp-widget .widget-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.whatsapp-widget .label {
    background-color: var(--color-teal);
    color: var(--color-white);
    font-size: 1.4rem;
    padding: 1rem 1.5rem 1rem 2rem;
    border-radius: var(--radius-pill);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    position: absolute;
    left: .5rem;
    width: 0;
    height: 3.8rem;
    opacity: 0;
    visibility: hidden;
    transition: all 100ms ease;
    overflow: hidden;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%),0 5px 8px 0 rgb(0 0 0 / 14%),0 1px 14px 0 rgb(0 0 0 / 12%);
    display: flex;
    align-items: center
}

.whatsapp-widget .icon {
    position: relative;
    z-index: 1
}

.whatsapp-widget.show .label {
    animation: widthChange 300ms;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    min-width: max-content
}

.pulse-animation:before {
    position: absolute;
    content: " ";
    background-color: #10b418;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 100%;
    animation-fill-mode: both;
    opacity: .6;
    animation: pulse-circle 1.8s ease-out;
    animation-iteration-count: infinite;
    z-index: 1;
    left: -1rem
}

@-webkit-keyframes pulse-circle {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.3);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(.6);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(.9);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse-circle {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(.3);
        opacity: 1
    }

    50% {
        transform: scale(.6);
        opacity: .6
    }

    75% {
        transform: scale(.9);
        opacity: .3
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@media(min-width: 992px) {
    .whatsapp-widget {
        bottom:5rem;
        left: auto
    }

    .whatsapp-widget.push-top {
        bottom: 15rem
    }

    .whatsapp-widget .icon {
        width: 5.8rem;
        height: 5.8rem
    }

    .whatsapp-widget .label {
        height: 4.2rem;
        left: 1.5rem
    }

    .whatsapp-widget .widget-inner:before {
        width: 9rem;
        height: 9rem;
        left: -1.6rem
    }
}

@media(min-width: 1600px) {
    .whatsapp-widget {
        left:5%
    }
}

@media(max-width: 576px) {
    .whatsapp-widget.icon-only {
        bottom:7.8rem
    }

    .whatsapp-widget.icon-only .label {
        display: none
    }

    .whatsapp-widget.icon-only .icon {
        animation: none
    }
}

@keyframes widthChange {
    to {
        width: 100%;
        padding-left: 5rem;
        opacity: 1;
        visibility: visible
    }
}

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

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

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

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(1);
        transform: translate3d(0,10px,0) scaleY(1)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(1);
        transform: translate3d(0,-5px,0) scaleY(1)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.section-wrap {
    padding: 3rem 0;
    margin-top: 0
}

footer.section-wrap {
    padding: 1.5rem
}

@media (min-width: 769px) {
    .section-wrap {
        padding:8rem 0
    }

    .section-wrap .sk-h4 {
        font-size: 3.6rem;
        margin-bottom: 4rem
    }
}

.hero-banner {
    background: var(--color-white);
    padding: 1.5rem 0
}

.hero-banner-content .sk-h4 {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 2.8rem
}

.hero-banner-visuals {
    margin: 1.5rem 0
}

.hero-thumb-group {
    display: flex;
    justify-content: space-between;
    max-width: 36rem;
    margin: 1.5rem auto 0 auto
}

.hero-banner-image {
    margin: 0 auto
}

.hero-banner-inner>.btn-group {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto
}

@media (min-width: 769px) {
    .hero-banner-inner {
        display:flex;
        align-items: center;
        justify-content: center
    }

    .hero-banner-content .sk-h4 {
        font-size: 3.2rem;
        line-height: 3.8rem;
        text-align: left;
        max-width: 100%
    }

    .hero-banner-inner .btn-group {
        text-align: left
    }

    .hero-banner-inner .hero-banner-content {
        max-width: 28rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5rem
    }

    .hero-banner-visuals {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 3rem
    }

    .hero-banner-image {
        width: 100%;
        height: 100%;
        max-width: 30rem;
        max-height: 23rem;
        flex-grow: 1
    }

    .hero-thumb-group {
        gap: 1.5rem
    }

    .hero-thumb-group .hero-banner-thumb {
        width: 10rem;
        height: 10rem
    }
}

@media (min-width: 1200px) {
    .hero-banner-content .sk-h4 {
        font-size:4.8rem;
        line-height: 6rem
    }

    .hero-banner-inner .hero-banner-content {
        max-width: 50rem
    }

    .hero-banner-visuals {
        flex-wrap: nowrap;
        width: 70rem
    }

    .hero-banner-image {
        max-width: 50rem;
        max-height: 43rem
    }

    .hero-thumb-group {
        flex-direction: column
    }

    .hero-thumb-group .hero-banner-thumb {
        width: 12.5rem;
        height: 12.5rem
    }
}

.career-brand-value {
    background: #1E2222
}

.career-brand-value ul {
    padding-left: 2rem
}

.career-brand-value .sk-h4,.career-brand-value .sk-h5,.career-brand-value li {
    color: var(--color-white)
}

.career-brand-value li {
    list-style-type: disc;
    margin-top: 1.5rem
}

.career-brand-value .sk-tab-content {
    padding: 0
}

.career-brand-value .sk-tabs-nav {
    margin: 1.5rem 0 3rem 0;
    justify-content: center;
    gap: 0 1.5rem
}

.career-brand-value .sk-tabs-nav .sk-tabs-item {
    padding: 0
}

.career-brand-value .sk-tabs-nav .sk-tabs-item.sk-active {
    color: var(--color-white);
    border-color: var(--color-white)
}

.career-brand-visual {
    border-radius: var(--radius-xlarge);
    overflow: hidden
}

.career-brand-inner .hero-banner-thumb {
    transition: all 500ms ease;
    width: 100%
}

.career-brand-inner:hover .hero-banner-thumb {
    transform: scale(1.1)
}

@media (min-width: 576px) {
    .career-brand-value .sk-tabs-nav {
        gap:0 3rem
    }
}

@media (min-width: 769px) {
    .career-brand-value .sk-tabs-nav {
        justify-content:center;
        gap: 5rem;
        margin: 4rem 0
    }

    .career-brand-value .sk-tabs-nav .sk-tabs-item {
        font-size: 2rem;
        color: #ACACAC
    }

    .career-brand-inner {
        display: flex;
        justify-content: center;
        gap: 4rem
    }

    .career-brand-value li {
        max-width: 40rem
    }
}

@media (min-width: 1200px) {
    .career-brand-visual {
        flex-grow:1;
        max-width: 50rem;
        max-height: 30rem
    }

    .hero-banner-thumb {
        width: 100%;
        height: 100%
    }

    .career-brand-inner {
        gap: 6rem
    }
}

@media (max-width: 768px) {
    .career-brand-value .sk-tabs-nav .sk-tabs-item {
        font-size:1.4rem;
        height: 3.2rem;
        border-width: .1rem;
        border-color: #7E7E7E
    }

    .career-brand-content {
        margin-top: 3rem
    }
}

.career-about-brand .sk-thumbnail {
    width: 20rem;
    height: 20rem;
    overflow: hidden
}

.career-about-brand .sk-image {
    transition: all 500ms ease
}

.career-about-brand .promo-item:hover .sk-image {
    transform: scale(1.1)
}

.career-about-brand .sk-h5 {
    margin: 1.5rem 0
}

.career-about-brand .sk-lead-text-small {
    font-size: 1.6rem
}

.career-about-brand .primary-group {
    max-width: 90%
}

@media (min-width: 992px) {
    .career-about-brand .sk-thumbnail {
        width:25rem;
        height: 25rem
    }
}

@media (max-width: 768px) {
    .career-about-brand .sk-h5 {
        line-height:2.6rem
    }
}

.career-brand-story .brand-story-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 2rem;
    position: relative;
    z-index: 1
}

.career-brand-story .story-grid-item {
    display: flex;
    align-items: center;
    padding: 3rem 1rem;
    text-align: center;
    background: #F4F3F9;
    border-radius: var(--radius-xlarge)
}

.career-brand-story .sk-h1 {
    color: #2697D7;
    margin-bottom: 0;
    width: 100%
}

.career-story-banner {
    height: 30rem;
    position: relative;
    margin-top: -5rem
}

.career-story-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.career-story-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgb(0 0 0 / .7)
}

.story-item-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%
}

.career-over-content {
    position: absolute;
    z-index: 1;
    color: var(--color-white);
    padding: 2rem;
    top: 20%;
    max-width: 100rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (min-width: 576px) {
    .career-over-content {
        top:35%
    }
}

@media (min-width: 769px) {
    .career-brand-story {
        padding:4rem 0
    }

    .career-story-banner {
        height: 45rem
    }

    .career-brand-story .brand-story-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 5rem;
        max-width: 90%;
        margin: 0 auto
    }

    .career-brand-story .story-grid-item {
        height: 20rem
    }
}

@media (min-width: 1200px) {
    .career-over-content .sk-lead-text-small {
        font-size:2.4rem;
        font-weight: var(--font-weight-lighter);
        line-height: 3.2rem
    }
}

.career-fun-group {
    position: relative;
    overflow: hidden;
    background: var(--color-light);
    border-radius: var(--radius-xlarge);
    max-width: 115rem;
    margin: 0 auto
}

.career-bg-top,.career-bg-bottom {
    position: absolute
}

@media (min-width: 769px) {
    .career-bg-top,.career-bg-bottom {
        width:100%
    }

    .career-bg-top {
        top: 0;
        left: 0;
        right: 0
    }

    .career-bg-bottom {
        left: 0;
        bottom: 0
    }

    .career-fun-inner {
        display: flex;
        justify-content: space-around;
        position: relative;
        gap: 1.5rem;
        padding: 6rem 6rem 2rem 6rem;
        gap: 2rem;
        z-index: 1
    }

    .career-bg-top {
        max-width: 55rem;
        left: 24%
    }

    .career-bg-bottom {
        bottom: 0;
        max-width: 55rem
    }

    .career-fun-inner .career-thumb-2 {
        margin-top: 8rem
    }

    .career-story-thumb {
        margin-bottom: 3rem
    }
}

@media (min-width: 992px) {
    .career-fun-inner {
        padding-top:10rem;
        gap: 4rem
    }

    .career-bg-top,.career-bg-bottom {
        max-width: 70rem
    }

    .career-fun-inner .career-thumb-2 {
        margin-top: 12rem
    }
}

@media (min-width: 1200px) {
    .career-bg-top {
        max-width:80rem
    }

    .career-bg-bottom {
        max-width: 90rem
    }
}

@media (max-width: 768px) {
    .career-fun-group {
        max-width:36rem;
        margin: 0 auto
    }

    .career-fun-mobile-inner {
        column-count: 2;
        padding: 1.5rem;
        position: relative;
        z-index: 1
    }

    .career-fun-mobile-inner .career-story-thumb {
        margin-bottom: 1.5rem
    }

    .career-fun-mobile-inner .career-thumb-1 {
        margin-top: 10rem
    }

    .career-bg-top {
        top: 0;
        width: 130%;
        max-width: 130%
    }

    .career-bg-bottom {
        bottom: 0;
        width: 200%;
        max-width: 200%;
        left: -150%
    }
}

.career-openings {
    background: #F4F3F9
}

.career-openings .sk-carousel-item {
    border-radius: var(--radius-xlarge)
}

.career-openings .sk-carousel-item {
    padding: 1.5rem 2.5rem
}

.career-openings .promo-item {
    height: 100%;
    position: relative;
    color: var(--color-dark);
}

.career-openings .sk-body-text-1 {
    padding-bottom: 3rem;
    font-size: 1.4rem
}

.career-openings small {
    color: #1B8C26;
    font-size: 1.2rem;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0
}

.career-mailto .sk-link {
    color: #2697d7;
    text-decoration: underline
}

.career-mailto {
    padding-top: 5rem;
    font-size: 2rem
}

.career-detail .job-type {
    color: #2D9331;
    margin-top: 1.5rem;
    background: #DEEBDF;
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: var(--radius-base)
}

.career-detail .sk-h6 {
    margin-bottom: 1rem
}

.career-detail p {
    margin-top: 0
}

.career-detail li {
    list-style-type: disc;
    margin: .5rem 0 0 2rem;
    line-height: 2.4rem
}

.career-detail .preference-highlight {
    background: #FEF62B;
    display: inline-block;
    padding: .5rem 1rem;
    font-weight: var(--font-weight-medium)
}

.career-detail .job-desc-group {
    margin-top: 3rem
}

.career-detail .job-desc-item {
    margin-bottom: 2rem
}

.career-detail .sk-chip {
    pointer-events: none;
    margin-bottom: 0
}

@media (min-width: 769px) {
    .career-detail .job-desc-group {
        margin-top:3rem
    }

    .career-detail .job-desc-item {
        margin-bottom: 3rem
    }
}

@media (max-width: 768px) {
    .career-detail .chips-group {
        display:flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .career-detail .sk-chips {
        flex-wrap: wrap
    }

    .career-detail .sk-chip {
        margin-right: 0
    }
}