/**
 * Media Queries 1
 *
 */
/* .foo {
   @include screen(large) {
     width: 20%;
   }
   @include screen(med) {
     width: 40%;
   }
   @include screen(med-small) {
     width: 60%;
   }
   @include screen(small) {
     width: 80%;
   }
   @include screen(custom, max, 400) {
     width: 100%;
   }
 }*/
/*
@mixin containerMiddle() {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
/**
 * Placeholders
 *
 */
/**
 * headings h1-h6
 *
 */
/**
 * External Fonts
 *
 */
/* SCSS */
/**
 * Responsive ratio
 *
 */
.swinlane-panel-container-content-form {
    display: flex;
    position: relative;
}

.swimlane-panel-container-content-iconbutton {
    background: none;
    border: none;
    position: absolute;

    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    color: #7f8c8d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    transition: color 0.2s;

    &:hover {
        color: #3498db;
    }

    &:disabled {
        color: #bdc3c7;
        cursor: not-allowed;
    }
}

.swim-lane-result-results-viewbutton {
    display: block;
    width: 100%;
    padding: 0.75rem;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    &:hover {
        background-color: #2980b9;
    }
}

.swim-lane-result-resultscontainerborder {
    box-shadow: 13px 13px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1000;
    position: absolute;
    overscroll-behavior-x: none;
}

.swim-lane-resultcontent {
    max-width: 100%;
}

.swim-lane-result-resultscontainer {
    max-height: 500px;
    height: auto;
    overflow-y: auto;
    width: 100%;
    background-color: white;
    overscroll-behavior-x: contain;
}

.swim-lane-result-searchcontainer {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 1rem;
    overscroll-behavior-x: contain;

    &:hover {
        cursor: pointer;
        background-color: #f9f9f9;
    }

    &:last-child {
        border-bottom: none;
    }
}

.resultcontent {
    flex: 1;
}

.swim-lane-resultimage {
    width: 100px;
    height: 75px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.Search-snipit {
    color: #4d5156;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    font-family: 'Bilo';
}

@media screen and (max-width: 640px) {
    .Search-snipit {
        display: none;
    }
}

.progress-bar-filler-style {
    height: 100%;
    background-color: green;
    border-radius: inherit;
    text-align: center;
}

.progress-bar-label-style-on {
    color: white;
}

.progress-bar-label-style-off {
    color: black;
}

.swinlane-panel-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: var(--font-weight-bold);
    font-family: Renogare;
}

.swinlane-panel-custom-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;

    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: var(--font-weight-bold);
    font-family: Renogare;
}

@media screen and (max-width: 640px) {
    .swinlane-panel-text {
        font-size: 1rem;
    }

    .swinlane-panel-container-content-input {
        font-size: 1rem !important;
    }

    .swinlane-panel-container-content-input::placeholder {
        font-size: 0.9rem !important;
    }
}

.swinlane-panel-container-content-input {
    width: 100%;
    padding: 12px 45px 12px 45px;
    border-radius: 25px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
    line-height: 2;
    font-family: Renogare;
}

.loadingSSO {
    font-weight: bold;
    display: inline-block;
    font-size: 0.875rem;
    clip-path: inset(0 1.4ch 0 0);
    animation: l 1s steps(4) infinite;
    cursor: wait;
}

@keyframes l {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}

a {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.dropdown-item.is-active:after {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100%;
    background: currentColor;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.dropdown-nav {
    color: var(--primary-charcoal);
    line-height: 1.5;
}

.dropdown-nav::-webkit-scrollbar-track {
    background-color: var(--primary-aluminium);
}

.dropdown-nav::-webkit-scrollbar {
    width: 4px;
    background-color: var(--primary-aluminium);
}

.dropdown-nav::-webkit-scrollbar-thumb {
    background-color: var(--primary-charcoal);
}

:root {
    /*  --page-margin: 6vw;
    --page-width: 1200px;
    --entry-width: 1100px;
    --header-height: 5rem;
    --border-radius: 8px;
    --card-image-height: 2rem;
    --line-height: 1.5;
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    --headings-weight: 700;
    --headings-transform: none;*/
    /*  --gray-1: #343435;
    --gray-2: #6D6E6F;
    --light: #D5D5D5;
    --lighter: #F3F3F3;
    --color: #4252E5;
    --color-rgb: 66, 82, 229;
    --text-color: #1D1D1D;
    --headings-color: #4252E5;*/
    --baby-teal: #E1EFEF;
    --mauve: #8E7778;
    --muted: #DEDFDF;
    --primary-aluminium: #DEDFDF;
    --primary-red: #D5473E;
    --primary-charcoal: #2C2E31;
    --primary-black: #0A0A0A;
    --secondary-baby-teal: rgba(225, 239, 239, 0.6);
    --secondary-mauve: #8E7778;
    --secondary-tea: #61C2B5;
    --menu-hover: #F5F8FA;
    --white: #ffffff;
    --light-gray1: #F7F7F7;
    --light-gray2: #D9D9D9;
    --medium-gray1: #BFBFBF;
    --medium-gray2: #8C8C8C;
    --dark-gray1: #595959;
    --dark-gray2: #262626;
    --black: #000000;
    --success-light1: #F0FEFC;
    --success-light2: #9EFAEB;
    --success-light3: #3DF5D6;
    --success-detail: #0AC2A3;
    --success-dark1: #07836E;
    --success-dark2: #056151;
    --success-dark3: #04493D;
    --warning-light1: #FFF2E6;
    --warning-light2: #FFD9B3;
    --warning-light3: #FFB366;
    --warning-detail: #FF8C1A;
    --warning-dark1: #E67300;
    --warning-dark2: #994D00;
    --warning-dark3: #663300;
    --error-light1: #FEF0F2;
    --error-light2: #FCB6BC;
    --error-light3: #F96C78;
    --error-detail: #F62537;
    --error-dark1: #C40918;
    --error-dark2: #930612;
    --error-dark3: #490309;
    --font-weight-extar-light: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 600;
}

/*:root {
  --search-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.897 13.737-3.5564-3.5564c-0.0674-0.0674-0.1553-0.1026-0.249-0.1026h-0.3867c0.9228-1.0692 1.4823-2.4608 1.4823-3.9842 0-3.366-2.7274-6.0934-6.0934-6.0934-3.366 0-6.0934 2.7274-6.0934 6.0934 0 3.366 2.7274 6.0934 6.0934 6.0934 1.5234 0 2.9149-0.5595 3.9842-1.4823v0.3867c0 0.0937 0.0381 0.1816 0.1026 0.249l3.5564 3.5564c0.1377 0.1377 0.3604 0.1377 0.4981 0l0.662-0.662c0.1377-0.1377 0.1377-0.3604 0-0.4981zm-8.8032-2.9559c-2.5897 0-4.6873-2.0975-4.6873-4.6872s2.0976-4.6873 4.6873-4.6873 4.6872 2.0976 4.6872 4.6873-2.0975 4.6872-4.6872 4.6872z' fill='%234252E5'/%3E%3C/svg%3E%0A");
  --search-icon-hover: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.897 13.737-3.5564-3.5564c-0.0674-0.0674-0.1553-0.1026-0.249-0.1026h-0.3867c0.9228-1.0692 1.4823-2.4608 1.4823-3.9842 0-3.366-2.7274-6.0934-6.0934-6.0934-3.366 0-6.0934 2.7274-6.0934 6.0934 0 3.366 2.7274 6.0934 6.0934 6.0934 1.5234 0 2.9149-0.5595 3.9842-1.4823v0.3867c0 0.0937 0.0381 0.1816 0.1026 0.249l3.5564 3.5564c0.1377 0.1377 0.3604 0.1377 0.4981 0l0.662-0.662c0.1377-0.1377 0.1377-0.3604 0-0.4981zm-8.8032-2.9559c-2.5897 0-4.6873-2.0975-4.6873-4.6872s2.0976-4.6873 4.6873-4.6873 4.6872 2.0976 4.6872 4.6873-2.0975 4.6872-4.6872 4.6872z' fill='%23101011'/%3E%3C/svg%3E%0A");
  --search-icon-white: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.897 13.737-3.5564-3.5564c-0.0674-0.0674-0.1553-0.1026-0.249-0.1026h-0.3867c0.9228-1.0692 1.4823-2.4608 1.4823-3.9842 0-3.366-2.7274-6.0934-6.0934-6.0934-3.366 0-6.0934 2.7274-6.0934 6.0934 0 3.366 2.7274 6.0934 6.0934 6.0934 1.5234 0 2.9149-0.5595 3.9842-1.4823v0.3867c0 0.0937 0.0381 0.1816 0.1026 0.249l3.5564 3.5564c0.1377 0.1377 0.3604 0.1377 0.4981 0l0.662-0.662c0.1377-0.1377 0.1377-0.3604 0-0.4981zm-8.8032-2.9559c-2.5897 0-4.6873-2.0975-4.6873-4.6872s2.0976-4.6873 4.6873-4.6873 4.6872 2.0976 4.6872 4.6873-2.0975 4.6872-4.6872 4.6872z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
}*/
@media all and (min-width: 56.25em) {
    :root {
        --header-height: 4.5rem;
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

* {
    box-sizing: border-box;
}

b,
strong {
    font-weight: 500;
}

button,
input,
optgroup,
select,
textarea {
    line-height: 1.3;
}

html {
    line-height: 1.4;
}

body {
    color: var(--primary-charcoal);
    font-family: bilo, sans-serif;
    font-style: normal;
    font-weight: var(--font-weight-normal);
}

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

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

[type=button],
[type=submit],
button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

/*----- Picture -----*/
picture {
    display: block;
    position: relative;
}

img,
svg {
    vertical-align: middle;
}

.img-fluid {
    max-width: 100%;
    height: 84px;
}

@media screen and (max-width: 640px) {
    .img-fluid {
        height: 36px;
    }
}

@font-face {
    font-family: "iconfont";
    /* Project id 3984191 */
    src: url("fonts/iconfont.woff2?t=1680072623472") format("woff2"), url("fonts/iconfont.woff?t=1680072623472") format("woff"), url("fonts/iconfont.ttf?t=1680072623472") format("truetype");
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont-lock-closed:before {
    content: "\e71a";
}

.iconfont-tiktok:before {
    content: "\e600";
}

.iconfont-youtube:before {
    content: "\e649";
}

.iconfont-linked_in:before {
    content: "\e601";
}

.iconfont-Cardio:before {
    content: "\e719";
}

.iconfont-heart-o:before {
    content: "\e715";
}

.iconfont-facebook:before {
    content: "\e606";
}

.iconfont-instagram:before {
    content: "\e6e3";
}

.iconfont-twitter:before {
    content: "\e777";
}

.iconfont-star:before {
    content: "\e8e9";
}

.iconfont-check:before {
    content: "\e703";
}

.iconfont-chevron-double-left:before {
    content: "\e704";
}

.iconfont-chevron-double-right:before {
    content: "\e705";
}

.iconfont-chevron-left:before {
    content: "\e706";
}

.iconfont-arrow-narrow-down:before {
    content: "\e707";
}

.iconfont-dots-vertical:before {
    content: "\e708";
}

.iconfont-chevron-right:before {
    content: "\e709";
}

.iconfont-logout:before {
    content: "\e70a";
}

.iconfont-user:before {
    content: "\e70b";
}

.iconfont-heart:before {
    content: "\e70c";
}

.iconfont-x-circle:before {
    content: "\e70d";
}

.iconfont-exclamation1:before {
    content: "\e70e";
}

.iconfont-check-circle:before {
    content: "\e70f";
}

.iconfont-information-circle1:before {
    content: "\e710";
}

.iconfont-eye:before {
    content: "\e711";
}

.iconfont-eye-off:before {
    content: "\e712";
}

.iconfont-arrow-right:before {
    content: "\e713";
}

.iconfont-bell:before {
    content: "\e714";
}

.iconfont-chevron-down:before {
    content: "\e716";
}

.iconfont-chevron-up:before {
    content: "\e717";
}

.iconfont-arrow-narrow-right:before {
    content: "\e718";
}

.iconfont-arrow-left:before {
    -webkit-text-stroke-width: 1px;
    content: "\e8ea";
}

.iconfont-identification:before {
    content: "\e697";
}

.iconfont-currency-euro:before {
    content: "\e698";
}

.iconfont-lightning-bolt:before {
    content: "\e699";
}

.iconfont-receipt-refund:before {
    content: "\e69a";
}

.iconfont-mail-open:before {
    content: "\e69b";
}

.iconfont-dots-horizontal:before {
    content: "\e69c";
}

.iconfont-download:before {
    content: "\e69d";
}

.iconfont-exclamation-circle:before {
    content: "\e69e";
}

.iconfont-menu-alt-1:before {
    content: "\e69f";
}

.iconfont-globe-alt:before {
    content: "\e6a0";
}

.iconfont-cursor-click:before {
    content: "\e6a1";
}

.iconfont-receipt-tax:before {
    content: "\e6a2";
}

.iconfont-exclamation:before {
    content: "\e6a3";
}

.iconfont-device-mobile:before {
    content: "\e6a4";
}

.iconfont-folder-add:before {
    content: "\e6a6";
}

.iconfont-document:before {
    content: "\e6a7";
}

.iconfont-photograph:before {
    content: "\e6a8";
}

.iconfont-database:before {
    content: "\e6a9";
}

.iconfont-key:before {
    content: "\e6aa";
}

.iconfont-login:before {
    content: "\e6ab";
}

.iconfont-emoji-happy:before {
    content: "\e6ac";
}

.iconfont-duplicate:before {
    content: "\e6ad";
}

.iconfont-Noresults:before {
    content: "\e6ae";
}

.iconfont-inbox-in:before {
    content: "\e6af";
}

.iconfont-minus:before {
    content: "\e6b0";
}

.iconfont-office-building:before {
    content: "\e6b1";
}

.iconfont-information-circle:before {
    content: "\e6b2";
}

.iconfont-plus:before {
    content: "\e6b3";
}

.iconfont-Dumbbells:before {
    content: "\e6b4";
}

.iconfont-save2:before {
    content: "\e6b5";
}

.iconfont-rewind:before {
    content: "\e6b6";
}

.iconfont-menu-alt-2:before {
    content: "\e6b7";
}

.iconfont-play:before {
    content: "\e6b8";
}

.iconfont-puzzle:before {
    content: "\e6b9";
}

.iconfont-link:before {
    content: "\e6ba";
}

.iconfont-sort-ascending:before {
    content: "\e6bb";
}

.iconfont-share:before {
    content: "\e6bc";
}

.iconfont-shield-exclamation:before {
    content: "\e6bd";
}

.iconfont-gift:before {
    content: "\e6be";
}

.iconfont-sort-descending:before {
    content: "\e6bf";
}

.iconfont-printer:before {
    content: "\e6c0";
}

.iconfont-status-online:before {
    content: "\e6c1";
}

.iconfont-scissors:before {
    content: "\e6c2";
}

.iconfont-presentation-chart-line:before {
    content: "\e6c3";
}

.iconfont-stop:before {
    content: "\e6c4";
}

.iconfont-reply:before {
    content: "\e6c5";
}

.iconfont-sparkles:before {
    content: "\e6c6";
}

.iconfont-sun:before {
    content: "\e6c7";
}

.iconfont-Rope:before {
    content: "\e6c8";
}

.iconfont-shield-check:before {
    content: "\e6c9";
}

.iconfont-switch-vertical:before {
    content: "\e6ca";
}

.iconfont-terminal:before {
    content: "\e6cb";
}

.iconfont-document-add:before {
    content: "\e6cc";
}

.iconfont-location-marker:before {
    content: "\e6cd";
}

.iconfont-finger-print:before {
    content: "\e6ce";
}

.iconfont-document-text:before {
    content: "\e6cf";
}

.iconfont-a-StrenghtCategory:before {
    content: "\e6d0";
}

.iconfont-filter:before {
    content: "\e6d1";
}

.iconfont-trending-up:before {
    content: "\e6d2";
}

.iconfont-ticket:before {
    content: "\e6d3";
}

.iconfont-thumb-up:before {
    content: "\e6d4";
}

.iconfont-trending-down:before {
    content: "\e6d5";
}

.iconfont-truck:before {
    content: "\e6d6";
}

.iconfont-thumb-down:before {
    content: "\e6d7";
}

.iconfont-upload:before {
    content: "\e6d8";
}

.iconfont-trash:before {
    content: "\e6d9";
}

.iconfont-presentation-chart-bar:before {
    content: "\e6da";
}

.iconfont-save-as:before {
    content: "\e6db";
}

.iconfont-search:before {
    content: "\e6dc";
}

.iconfont-selector:before {
    content: "\e6dd";
}

.iconfont-rss:before {
    content: "\e6de";
}

.iconfont-server:before {
    content: "\e6df";
}

.iconfont-shopping-bag:before {
    content: "\e6e0";
}

.iconfont-speakerphone:before {
    content: "\e6e1";
}

.iconfont-a-StretchCategory:before {
    content: "\e6e2";
}

.iconfont-status-offline:before {
    content: "\e6e4";
}

.iconfont-table:before {
    content: "\e6e5";
}

.iconfont-user-remove:before {
    content: "\e6e6";
}

.iconfont-user-circle:before {
    content: "\e6e7";
}

.iconfont-volume-up:before {
    content: "\e6e8";
}

.iconfont-volume-off:before {
    content: "\e6e9";
}

.iconfont-x:before {
    content: "\e6ea";
}

.iconfont-users:before {
    content: "\e6eb";
}

.iconfont-zoom-in:before {
    content: "\e6ec";
}

.iconfont-user-group:before {
    content: "\e6ed";
}

.iconfont-zoom-out:before {
    content: "\e6ee";
}

.iconfont-a-Yogamat:before {
    content: "\e6ef";
}

.iconfont-phone:before {
    content: "\e6f0";
}

.iconfont-tag:before {
    content: "\e6f1";
}

.iconfont-search-circle:before {
    content: "\e6f2";
}

.iconfont-template:before {
    content: "\e6f3";
}

.iconfont-save:before {
    content: "\e6f4";
}

.iconfont-view-boards:before {
    content: "\e6f5";
}

.iconfont-wifi:before {
    content: "\e6f6";
}

.iconfont-video-camera:before {
    content: "\e6f7";
}

.iconfont-pause:before {
    content: "\e6f8";
}

.iconfont-pencil:before {
    content: "\e6f9";
}

.iconfont-pencil-alt:before {
    content: "\e6fa";
}

.iconfont-phone-missed-call:before {
    content: "\e6fb";
}

.iconfont-question-mark-circle:before {
    content: "\e6fc";
}

.iconfont-user-add:before {
    content: "\e6fd";
}

.iconfont-view-list:before {
    content: "\e6fe";
}

.iconfont-view-grid:before {
    content: "\e6ff";
}

.iconfont-refresh:before {
    content: "\e700";
}

.iconfont-view-grid-add:before {
    content: "\e701";
}

.iconfont-phone-incoming:before {
    content: "\e702";
}

.iconfont-close:before {
    content: "\e67e";
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.message {
    text-align: center;
    font-size: 14px;
    height: 1px;
}

.error-message {
    color: red;
}

.input-change {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--secondary-tea);
    right: 0.75rem;
    pointer-events: auto;
}

.input-change--primary {
    color: var(--primary-charcoal);
}

.form-label {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin-bottom: 0.375rem;
}

label {
    display: inline-block;
}

.form-control {
    display: block;
    width: 100%;
    padding: 1em 0.75rem;
    font-size: 1rem;
    font-weight: var(--font-weight-light);
    color: var(--primary-charcoal);
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #D9D9D9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    color: var(--primary-charcoal);
    background-color: #E1EFEF;
    outline: 0;
    /*border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25);*/
    border-color: var(--primary-charcoal);
}

.form-control::placeholder {
    color: var(--primary-charcoal);
}

.form-control.wait {
    color: var(--primary-charcoal);
    background-color: #E1EFEF !important;
    outline: 0;
    border-color: var(--primary-charcoal);
}

.form-control-large {
    font-size: 16px;
    font-size: 1rem;
}

.form-control.disabled-normal {
    pointer-events: none;
}

.form-control-medium {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.8em 0.75rem;
}

.form-control-small {
    font-size: 12px;
    font-size: 0.75rem;
}

.form-control.disabled,
.form-control:disabled,
fieldset:disabled .form-control {
    pointer-events: none;
    opacity: 0.5;
}

/*.is-invalid{
  border-color: var(--primary-red);
  background-color:#FEF0F2;
}*/
.has-error .form-label {
    color: var(--primary-red);
}

.has-error .form-control {
    border-color: var(--primary-red);
    background-color: #FEF0F2;
}

.has-error .form-check-label {
    color: var(--primary-red);
}

.has-error .form-check-input {
    border-color: var(--primary-red);
}

.help-block,
.invalid-feedback {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: var(--font-weight-light);
    margin-top: 0.25rem;
}

.has-error .help-block,
.has-error .invalid-feedback {
    color: var(--primary-red);
}

.invalid-feedback {
    color: var(--primary-red);
}

input.placeholder,
textarea.placeholder {
    font-weight: var(--font-weight-light);
    color: var(--medium-gray1);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-weight: var(--font-weight-light);
    color: var(--medium-gray1);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-weight: var(--font-weight-light);
    color: var(--medium-gray1);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-weight: var(--font-weight-light);
    color: var(--medium-gray1);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-weight: var(--font-weight-light);
    color: var(--medium-gray1);
}

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

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group .iconfont-eye {
    font-size: 0.8rem;
}

.input-group .iconfont-chevron-down,
.input-group .iconfont-chevron-up {
    font-size: 0.5rem;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.375rem;
    min-width: 40px;
}

.input-group-left {
    margin-right: -40px;
    position: relative;
    z-index: 1;
    padding-left: 14px;
}

.input-group-right {
    margin-left: -40px;
    position: relative;
    z-index: 1;
    justify-content: flex-end;
    padding-right: 14px;
}

.input-group .left-has-icon {
    padding-left: 40px;
}

.input-group .right-has-icon {
    padding-right: 40px;
}

.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.form-group.disabled {
    pointer-events: none;
}

.form-group.disabled .form-control {
    background-color: var(--light-gray1);
}

.form-group.disabled .iconfont {
    color: var(--medium-gray1);
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

@media screen and (max-width: 640px) {
    .my-fav-btn-group {
        flex-direction: column;
        row-gap: 1rem;
    }
}

.btn-group-width {
    width: 385px;
}

@media screen and (max-width: 640px) {
    .btn-group-width {
        width: 100%;
        padding-right: 15px;
    }
}

.dropdown {
    position: relative;
}

.dropdown-toggle {
    position: relative;
    white-space: nowrap;
}

.dropdown-toggle::after {
    font-size: 0.4375rem;
    line-height: 100%;
    content: "\e716";
    font-family: iconfont;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.9375rem;
}

.dropdown.is-show .dropdown-toggle::after {
    content: "\e717";
}

.dropdown-toggle.is-show::after {
    content: "\e717";
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    background: var(--white);
    border-radius: 0.5rem;
    top: 100%;
    left: 0;
    box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.06);
    padding: 1.5rem 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
    display: none;
}

.dropdown .dropdown-menu {
    right: 0;
}

.dropdown.is-show .dropdown-menu {
    display: block;
}

.dropdown-menu.is-show {
    display: block;
}

.dropdown-nav {
    font-weight: var(--font-weight-medium);
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
}

.dropdown-nav[data-max-row="2"] {
    max-height: calc(1.5rem*2*2);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-nav[data-max-row="3"] {
    max-height: calc(1.5rem*2*3);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-nav[data-max-row="4"] {
    max-height: calc(1.5rem*2*4);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-nav[data-max-row="5"] {
    max-height: calc(1.5rem*2*5);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-nav[data-max-row="6"] {
    max-height: calc(1.5rem*2*6);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.75rem 1rem;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.is-active {
    background-color: var(--menu-hover);
}

/*
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}*/
.form-check {
    display: block;
    position: relative;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check-input {
    border-radius: 4px;
    width: 1em;
    height: 1em;
    /*margin-top: 0.25em;
  vertical-align: top;*/
    background-color: var(--bs-form-check-bg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--medium-gray1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.form-check-input:checked {
    background-color: var(--primary-charcoal);
    border-color: var(--primary-charcoal);
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.alert {
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-weight: var(--font-weight-medium);
}

.alert .iconfont {
    font-size: 1.25rem;
    line-height: 1;
}

.alert-danger {
    background-color: var(--error-light1);
    color: var(--error-detail);
}

.alert .alert-error-prompt {
    word-wrap: break-word;
    flex-shrink: 1;
    min-width: 0;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: bilo, sans-serif;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.1666666667;
}

h2,
.h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2222222222;
}

@media screen and (max-width: 640px) {

    h2,
    .h2 {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

h3,
.h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2857142857;
}

@media screen and (max-width: 640px) {

    h3,
    .h3 {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

h4,
.h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
}

@media screen and (max-width: 640px) {

    h4,
    .h4 {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

h5,
.h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
}

@media screen and (max-width: 640px) {

    h5,
    .h5 {
        font-size: 16px;
        font-size: 1rem;
    }
}

h6,
.h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
}

@media screen and (max-width: 640px) {

    h6,
    .h6 {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

/*
h7{
  @extend %headline;
  @include font-size(14px);
  line-height:(18/14);
}
*/
.display-6,
.display-5,
.display-4,
.display-3,
.display-2,
.display-1 {
    text-transform: uppercase;
    font-family: Renogare;
    font-weight: 400;
}

.display-1 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.1428571429;
}

@media screen and (max-width: 640px) {
    .display-1 {
        font-size: 48px;
        font-size: 3rem;
    }
}

.display-2 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.1666666667;
}

@media screen and (max-width: 640px) {
    .display-2 {
        font-size: 36px;
        font-size: 2.25rem;
    }
}

.display-3 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1666666667;
}

@media screen and (max-width: 640px) {
    .display-3 {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.display-4 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.1428571429;
}

@media screen and (max-width: 640px) {
    .display-4 {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.display-5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 640px) {
    .display-5 {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

.display-6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
}

@media screen and (max-width: 640px) {
    .display-6 {
        font-size: 16px;
        font-size: 1rem;
    }
}

/*%headline {
  font-family: bilo, sans-serif;
  font-weight: var(--font-weight-medium);
}*/
.body-error,
.body-4,
.body-3,
.body-2,
.body-1 {
    font-family: Bilo;
    font-weight: var(--font-weight-light);
}

.body-1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5555555556;
}

.body-2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.body-3 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
}

.body-4 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333333;
}

.body-error {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
}

@media screen and (max-width: 640px) {
    .body-error {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

.link:hover {
    text-decoration: underline;
    font-weight: var(--font-weight-medium);
}

.link-small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333333;
}

.link-medium {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
}

.link-large {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.link.disabled {
    pointer-events: none;
    color: var(--medium-gray1);
}

.link .iconfont {
    font-size: 0.65em;
}

.light-font {
    font-weight: var(--font-weight-light);
}

.bold-font {
    font-weight: var(--font-weight-medium);
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.btn {
    color: var(--primary-charcoal);
    cursor: pointer;
    font-size: false;
    display: inline-block;
    text-align: center;
    background: transparent;
    border-radius: 50em;
    border: 0 none;
    line-height: 1.3;
}

.btn:not(.btn-circle) .iconfont {
    font-size: 70%;
}

.btn-large {
    font-size: 16px;
    font-size: 1rem;
    padding: 1em 2em;
}

.btn-medium {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1em 2em;
}

.btn-small {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0.6em 2em;
}

.btn-circle {
    width: 3.3em;
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
}

.btn-circle.btn-small {
    width: 2.5em;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.5;
}

.btn {
    /*&-box{
    border-radius: calculateRem(8px);
  }*/
}

.btn-select {
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    border-radius: 0.5rem;
    color: var(--black);
    cursor: pointer;
    font-size: "";
    display: inline-block;
    text-align: center;
    background: "";
    border: 1px solid var(--light-gray2);
    background-color: var(--white);
    text-align: left;
}

.btn-select:hover,
.btn-select:active,
.btn-select:focus,
.btn-select.is-show {
    color: var(--primary-charcoal);
    border-color: var(--primary-charcoal);
    background-color: #F5F8FA;
}

.btn-dark {
    color: var(--white);
    cursor: pointer;
    font-size: "";
    display: inline-block;
    text-align: center;
    background: var(--primary-charcoal);
}

.btn-dark:hover {
    color: var(--white);
    background-color: var(--primary-black);
}

.btn-outline {
    color: var(--black);
    cursor: pointer;
    font-size: "";
    display: inline-block;
    text-align: center;
    background: "";
    border: 1px solid currentColor;
    width: max-content;
}

.btn-outline:hover {
    color: var(--primary-charcoal);
    background-color: #F5F8FA;
}

.btn-outline.btn-circle {
    width: calc(3.3em + 2px);
}

.btn-outline.btn-circle.btn-small {
    width: calc(2.5em + 2px);
}

.btn-outline-light {
    color: var(--black);
    cursor: pointer;
    font-size: "";
    display: inline-block;
    text-align: center;
    background: "";
    border: 1px solid var(--primary-aluminium);
}

.btn-outline-light:hover {
    color: var(--primary-charcoal);
    background-color: var(--secondary-baby-teal);
    border-color: var(--secondary-tea);
}

@media screen and (max-width: 640px) {
    .btn-outline-light:hover {
        background-color: transparent;
        border-color: var(--primary-aluminium);
    }
}

.btn-outline-light.is-active {
    color: var(--primary-charcoal);
    background-color: var(--secondary-baby-teal);
    border-color: var(--secondary-tea);
}

.btn-outline-light.btn-circle {
    width: calc(3.3em + 2px);
}

.btn-outline-light.btn-circle.btn-small {
    width: calc(2.5em + 2px);
}

.btn-outline-light.btn-small {
    font-size: 1rem;
    padding: 0.3em 1em;
}

.btn-outline-light.btn-small .iconfont {
    font-size: 0.4375rem;
}

/*.btn{
  &-link{
    @include button1(var(--primary-charcoal), transparent);
    &:hover{
      color:var(--white);
      background-color:var(--primary-black);
    }
  }
}*/
.btn-light {
    color: var(--black);
    cursor: pointer;
    font-size: "";
    display: inline-block;
    text-align: center;
    background: var(--white);
}

.btn-light:hover {
    color: var(--primary-charcoal);
    background-color: #F5F8FA;
}

.btn-light.disabled,
.btn-light:disabled {
    opacity: 1;
    color: var(--medium-gray1);
    background-color: var(--light-gray1);
}

.btn-light.btn-small {
    background-color: #DFF1FF;
}

.btn-light.btn-small:hover {
    color: var(--primary-charcoal);
    background-color: #F5F8FA;
}

.btn-light.btn-small.disabled,
.btn-light.btn-small:disabled {
    opacity: 1;
    color: var(--medium-gray2);
    background-color: var(--light-gray1);
}

.btn-block {
    display: block;
    width: 100%;
}

.country-btn {
    color: #cccccc;
    font-size: 16px;
    padding-top: 12.8px;
    padding-bottom: 12.8px;
}

.country-btn::after {
    color: var(--black);
}

/*img[loading] {
  opacity: 0
}

img.is-loaded {
  opacity: 1;
  transition: all 1s cubic-bezier(.215,.61,.355,1)
}*/
.loader-page {
    position: absolute;
    z-index: 1050;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-widget {
    position: relative;
}

.loader-spinner {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader {
    display: inline-block;
    color: #ffffff;
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

.loader.gray {
    color: #999;
}

@keyframes mltShdSpin {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*<header class="slick-header">
<h2 class="slick-title">HOT OFFERS</h2>
<a href="#" class="slick-view-all"></a>
</header>*/
.slick-header {
    display: flex;
    padding-bottom: 1rem;
    gap: 1rem;
}

@media screen and (max-width: 640px) {
    .slick-header {
        gap: 0.5rem;
    }
}

.slick-title {
    margin: 0;
    font-size: 28px;
    font-size: 1.75rem;
    font-family: "Renogare";
    font-style: normal;
    font-weight: 400;
    line-height: 1.14em;
    text-transform: uppercase;
}

@media screen and (max-width: 640px) {
    .slick-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.slick-view-all {
    color: var(--primary-red);
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42;
    align-self: center;
}

@media screen and (max-width: 640px) {
    .slick-view-all {
        line-height: 1;
    }
}

.slick-view-all .iconfont {
    font-size: 0.8em;
}

.slick-item {
    margin-top: 0.25rem;
    margin-right: 1.5rem;
}

@media screen and (max-width: 640px) {
    .slick-item {
        margin-right: 0.25rem;
    }
}

.slick-normal .slick-list {
    margin-right: -1.5rem;
}

.slick-normal .slick-track {
    margin-left: 0;
}

@media (min-width: 641px) {
    .slick-band .slick-list {
        margin-right: -1.5rem;
    }

    .slick-band .slick-track {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .slick-band .slick-list {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .slick-band .slick-item {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.slick-band__media {
    border-radius: 8px;
    border: 1px solid #E1EFEF;
    overflow: hidden;
}

.slick-mobile {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
}

.slick-mobile::-webkit-scrollbar {
    display: none;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.modal-backdrop {
    position: fixed;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.fade .modal-dialog {
    --bs-modal-margin: 2rem;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    display: flex;
    align-items: flex-start;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
    position: relative;
    margin: var(--bs-modal-margin);
}

@media (min-width: 750px) {
    .modal.fade .modal-dialog {
        margin-right: auto;
        margin-left: auto;
    }
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 3;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

@media (min-width: 641px) {
    .modal-dialog {
        width: 732px;
        margin: 5.5rem auto;
    }
}

@media screen and (max-width: 640px) {
    .modal-dialog {
        margin: 0;
        margin-top: 76px;
    }
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 24px 24px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    overflow: hidden;
    outline: 0;
    width: 100%;
    /*-webkit-box-shadow: 0 3px 9px rgba(0,0,0,50%);
  box-shadow: 0 3px 9px rgba(0,0,0,50%);
  @media(min-width:768px){
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,50%);
    box-shadow: 0 5px 15px rgba(0,0,0,50%);
  }*/
}

@media screen and (max-width: 640px) {
    .modal-content {
        border: 0;
        border-radius: 8px 8px 0 0;
        background: white;
        min-height: calc(100vh - 76px);
    }
}

@media screen and (max-width: 640px) {
    .modal-content--lock {
        background: var(--dark-gray2);
    }
}

.modal-body {
    position: relative;
    padding: 3.5rem 2.5rem;
}

.close-button {
    /* Reset */
    background-color: transparent;
    border-color: transparent;
    /* Cursor */
    cursor: pointer;
    /* Size */
    /* Used to position the inner */
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 2;
    padding: 0;
    border: none;
    line-height: 1em;
}

.navbar__body .close-button {
    top: 1.875rem;
    right: 1.875rem;
}

.modal-content-user-profile,
.modal-dialog-user-profile {
    max-width: 480px;
}

.modal-content-popup-profile,
.modal-dialog-popup-profile {
    max-width: 450px;
}

@media (min-width: 641px) {
    .modal-dialog-logout {
        width: 480px;
        margin: 5.5rem auto;
    }
}

@media screen and (max-width: 640px) {
    .modal-dialog-logout {
        margin: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .modal-content-logout {
        min-height: 276px;
        width: 100%;
    }
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px);
}

.add-favorite {
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    padding: 0.7em 2em;
}

.add-favorite .iconfont {
    font-size: 16px;
    font-size: 1rem;
    vertical-align: middle;
}

.reward-detail__banner {
    position: relative;
    z-index: 2;
}

.reward-detail__banner img {
    width: 100%;
}

.reward-detail__headline {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.reward-detail__body {
    padding: 1.5rem;
}

@media screen and (max-width: 640px) {
    .reward-detail__body {
        padding: 1rem;
    }
}

.detail-message-box {
    background-color: var(--secondary-baby-teal);
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.terms-conditions-tips {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

@media screen and (max-width: 640px) {
    .terms-conditions-tips {
        flex-direction: column;
        text-align: center;
    }
}

.terms-conditions-tips .h4 {
    margin-bottom: 4px;
}

.terms-conditions-tips p {
    color: var(--dark-gray1);
    margin-bottom: 0;
}

.terms-conditions-tips__center {
    width: 100%;
    text-align: center;
}

.copy-discount-code {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px dashed var(--secondary-tea);
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: 0.5rem;
    /*  &__text{
      @include font-size(28px);
      font-weight: var(--font-weight-medium);
    }
    &__copycode{

    }*/
}

.copy-discount-code .body-3 {
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}

@media screen and (max-width: 640px) {
    .copy-discount-code {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
}

.code-text-area {
    flex-wrap: wrap;
    flex: 1;
}

.code-text {
    display: inline-block;
}

.copy-icon {
    width: 150px;
    padding: auto;
}

.reward-barcode {
    border: 1px solid var(--secondary-tea);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.terms-conditions-level {
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-radius: 8px 8px 0 0;
}

.reward-detail--lock {
    color: var(--white);
    background-color: var(--dark-gray2);
}

.reward-detail--lock .body-3 {
    color: var(--light-gray2);
}

.reward-detail--lock .detail-message-box {
    background-color: transparent;
    border: 1px solid var(--dark-gray1);
    border-radius: 0 0 8px 8px;
}

.reward-detail--lock .reward-detail__headline {
    display: flex;
    align-items: center;
}

.reward-detail--lock .reward-detail__headline .iconfont {
    font-size: 26px;
    font-size: 1.625rem;
}

.reward-detail--lock .faq-title {
    border-color: var(--dark-gray1);
}

.upgrade-sliver-info {
    border: 1px dashed var(--secondary-tea);
    border-radius: 0.5rem;
    background-color: transparent;
    padding: 1rem 1.5rem;
    text-align: center;
}

.avatar {
    font-size: 12px;
    font-size: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--white);
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    /*
  &.is-online:after {
    position: absolute;
    top: -2px;
    right: -2px;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    overflow: hidden;
    background: var(--teal);
    border: 1px solid var(--white);
  }
  */
}

.avatar-medium {
    font-size: 12px;
    font-size: 0.75rem;
    width: 2rem;
    height: 2rem;
}

.avatar-large {
    font-size: 14px;
    font-size: 0.875rem;
    width: 2.5rem;
    height: 2.5rem;
}

.avatar-x-large {
    font-size: 16px;
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
}

.avatar-2x-large {
    font-size: 24px;
    font-size: 1.5rem;
    width: 4.5rem;
    height: 4.5rem;
    background-color: #ccdf23;
}

.avatar .iconfont {
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #F5F8FA;
    display: inline-flex;
    position: absolute;
    top: -1px;
    right: -1px;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid var(--white);
    align-items: center;
    justify-content: center;
}

.avatar img {
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*.card{
  &--slick{
    padding-right:calculateRem(24px);
  }
}*/
.card {
    width: 100%;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.card img {
    transition: all 0.5s ease-in 0.1s;
}

.card__body {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    padding: 1rem;
}

.card__title__search_results {
    font-family: Renogare;
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;

    font-size: 1.125rem;
    display: block;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.card__title {
    font-family: Renogare;
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.card__text {
    font-weight: var(--font-weight-light);
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    margin-top: 0.25rem;
    text-transform: uppercase;
}

@media screen and (max-width: 640px) {
    .card__title {
        font-size: 0.8rem;
    }

    .card__title__search_results {
        font-size: 0.8rem;

    }

    .card__text {
        font-size: 0.85rem;
    }
}

.card__badge,
.card__lock {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--white);
    background-color: var(--primary-red);
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 100%;
    text-align: center;
    line-height: 2.625rem;
    position: absolute;
    z-index: 3;
    left: 4px;
    top: 4px;
}

.card__lock {
    color: var(--primary-charcoal);
    font-size: 1.25rem;
    background-color: var(--white);
    left: auto;
    right: 4px;
}

.card:hover {
    top: -4px;
}

/*.panel {
  display: none;
}*/
.faq-question {
    position: relative;
    border-bottom: 1px solid var(--secondary-baby-teal);
}

.faq-question .iconfont {
    font-size: 8.5px;
    font-size: 0.53125rem;
    position: absolute;
    margin-top: 0.4rem;
    left: 2px;
    z-index: 2;
    user-select: none;
    transition: 0.2s ease;
}

.faq-title {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 1rem;
    padding-left: 1.75rem;
    display: block;
    cursor: pointer;
}

.faq-content {
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.faq-content.in {
    opacity: 1;
    height: auto;
    z-index: 0;
}

/*.panel:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}*/
.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio .ratio__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.ratio-7x10 {
    --bs-aspect-ratio: 142.8571428571%;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1186px;
    padding-left: 15px;
    padding-right: 15px;
}

.my-rewards-band-slider {
    padding-right: 0;
}

/*
.mobile-nospace{
  @include screen(small) {
    margin-left:-15px;
    margin-right:-15px;
  }
}*/
.grid {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.g-col-1 {
    grid-column: span 1;
}

.g-col-2 {
    grid-column: span 2;
}

.g-col-3 {
    grid-column: span 3;
}

.g-col-4 {
    grid-column: span 4;
}

.g-col-5 {
    grid-column: span 5;
}

.g-col-6 {
    grid-column: span 6;
}

.g-col-7 {
    grid-column: span 7;
}

.g-col-8 {
    grid-column: span 8;
}

.g-col-9 {
    grid-column: span 9;
}

.g-col-10 {
    grid-column: span 10;
}

.g-col-11 {
    grid-column: span 11;
}

.g-col-12 {
    grid-column: span 12;
}

@media screen and (min-width: 640px) {
    .g-col-md-1 {
        grid-column: span 1;
    }

    .g-col-md-2 {
        grid-column: span 2;
    }

    .g-col-md-3 {
        grid-column: span 3;
    }

    .g-col-md-4 {
        grid-column: span 4;
    }

    .g-col-md-5 {
        grid-column: span 5;
    }

    .g-col-md-6 {
        grid-column: span 6;
    }

    .g-col-md-7 {
        grid-column: span 7;
    }

    .g-col-md-8 {
        grid-column: span 8;
    }

    .g-col-md-9 {
        grid-column: span 9;
    }

    .g-col-md-10 {
        grid-column: span 10;
    }

    .g-col-md-11 {
        grid-column: span 11;
    }

    .g-col-md-12 {
        grid-column: span 12;
    }
}

@media screen and (min-width: 960px) {
    .g-col-lg-1 {
        grid-column: span 1;
    }

    .g-col-lg-2 {
        grid-column: span 2;
    }

    .g-col-lg-3 {
        grid-column: span 3;
    }

    .g-col-lg-4 {
        grid-column: span 4;
    }

    .g-col-lg-5 {
        grid-column: span 5;
    }

    .g-col-lg-6 {
        grid-column: span 6;
    }

    .g-col-lg-7 {
        grid-column: span 7;
    }

    .g-col-lg-8 {
        grid-column: span 8;
    }

    .g-col-lg-9 {
        grid-column: span 9;
    }

    .g-col-lg-10 {
        grid-column: span 10;
    }

    .g-col-lg-11 {
        grid-column: span 11;
    }

    .g-col-lg-12 {
        grid-column: span 12;
    }
}

/*$device-xs: 540px;
$device-sm: 768px;
$device-md: 992px;
$device-lg: 1200px;*/
.flex-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 1em;
}

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

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

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

@media (min-width: 1186px) {
    .flex-container {
        max-width: 1186px;
    }
}

.d-flex {
    display: flex !important;
}

.flex-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    /*  @media (max-width:640px) {
      margin-left:-0.5rem;
      margin-right:-0.5rem;
    }*/
}

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

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

.flex-row--align-h-center {
    justify-content: center;
}

.flex-row--align-h-right {
    justify-content: flex-end;
}

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

.flex-col-xs-1,
.flex-col-sm-1,
.flex-col-md-1,
.flex-col-lg-1 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-1 {
        width: calc(100% * (1 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-1 {
        width: calc(100% * (1 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-1 {
        width: calc(100% * (1 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-1 {
        width: calc(100% * (1 / 12));
    }
}

.flex-col-xs-2,
.flex-col-sm-2,
.flex-col-md-2,
.flex-col-lg-2 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-2 {
        width: calc(100% * (2 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-2 {
        width: calc(100% * (2 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-2 {
        width: calc(100% * (2 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-2 {
        width: calc(100% * (2 / 12));
    }
}

.flex-col-xs-3,
.flex-col-sm-3,
.flex-col-md-3,
.flex-col-lg-3 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-3 {
        width: calc(100% * (3 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-3 {
        width: calc(100% * (3 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-3 {
        width: calc(100% * (3 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-3 {
        width: calc(100% * (3 / 12));
    }
}

.flex-col-xs-4,
.flex-col-sm-4,
.flex-col-md-4,
.flex-col-lg-4 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-4 {
        width: calc(100% * (4 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-4 {
        width: calc(100% * (4 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-4 {
        width: calc(100% * (4 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-4 {
        width: calc(100% * (4 / 12));
    }
}

.flex-col-xs-5,
.flex-col-sm-5,
.flex-col-md-5,
.flex-col-lg-5 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-5 {
        width: calc(100% * (5 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-5 {
        width: calc(100% * (5 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-5 {
        width: calc(100% * (5 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-5 {
        width: calc(100% * (5 / 12));
    }
}

.flex-col-xs-6,
.flex-col-sm-6,
.flex-col-md-6,
.flex-col-lg-6 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-6 {
        width: calc(100% * (6 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-6 {
        width: calc(100% * (6 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-6 {
        width: calc(100% * (6 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-6 {
        width: calc(100% * (6 / 12));
    }
}

.flex-col-xs-7,
.flex-col-sm-7,
.flex-col-md-7,
.flex-col-lg-7 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-7 {
        width: calc(100% * (7 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-7 {
        width: calc(100% * (7 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-7 {
        width: calc(100% * (7 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-7 {
        width: calc(100% * (7 / 12));
    }
}

.flex-col-xs-8,
.flex-col-sm-8,
.flex-col-md-8,
.flex-col-lg-8 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-8 {
        width: calc(100% * (8 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-8 {
        width: calc(100% * (8 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-8 {
        width: calc(100% * (8 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-8 {
        width: calc(100% * (8 / 12));
    }
}

.flex-col-xs-9,
.flex-col-sm-9,
.flex-col-md-9,
.flex-col-lg-9 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-9 {
        width: calc(100% * (9 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-9 {
        width: calc(100% * (9 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-9 {
        width: calc(100% * (9 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-9 {
        width: calc(100% * (9 / 12));
    }
}

.flex-col-xs-10,
.flex-col-sm-10,
.flex-col-md-10,
.flex-col-lg-10 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-10 {
        width: calc(100% * (10 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-10 {
        width: calc(100% * (10 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-10 {
        width: calc(100% * (10 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-10 {
        width: calc(100% * (10 / 12));
    }
}

.flex-col-xs-11,
.flex-col-sm-11,
.flex-col-md-11,
.flex-col-lg-11 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-11 {
        width: calc(100% * (11 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-11 {
        width: calc(100% * (11 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-11 {
        width: calc(100% * (11 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-11 {
        width: calc(100% * (11 / 12));
    }
}

.flex-col-xs-12,
.flex-col-sm-12,
.flex-col-md-12,
.flex-col-lg-12 {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
}

@media (min-width: 640px) {
    .flex-col-xs-12 {
        width: calc(100% * (12 / 12));
    }
}

@media (min-width: 768px) {
    .flex-col-sm-12 {
        width: calc(100% * (12 / 12));
    }
}

@media (min-width: 1024px) {
    .flex-col-md-12 {
        width: calc(100% * (12 / 12));
    }
}

@media (min-width: 1186px) {
    .flex-col-lg-12 {
        width: calc(100% * (12 / 12));
    }
}

.card-group-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
}

@media screen and (max-width: 1175px) {
    .card-group-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 640px) {
    .card-group-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

.header {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    height: 4rem;
    align-items: center;
    justify-content: space-between;
    background: var(--header-background);
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.header .navbar__toggle {
    margin-right: 0.6875rem;
}

.header .user-avatar {
    margin-right: 0.625rem;
}

@media screen and (max-width: 640px) {
    .header {
        height: 3.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.header .logo {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header .logoPoints {
    width: auto;
    position: absolute;
    left: 180px;
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .header .logoPoints {
        width: auto;
        position: absolute;
        left: 140px;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 640px) {
    .header .logo {
        width: 9.375rem;
        left: 4rem;
        transform: translateX(0);
    }
}

.header .partner-portal-logo img {
    height: 40px;
    width: auto;
}

@media screen and (max-width: 640px) {
    .header .partner-portal-logo img {
        height: 2rem;
    }
}

.header .partner-portal-only-logo {
    width: auto;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.logo-image {
    height: 4rem;
}

@media screen and (max-width: 640px) {
    .logo-image {
        object-fit: contain;
        height: 3.5rem;
    }
}

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

.user-name {
    padding-right: 0.625rem;
    color: var(--header-color);
}

@media screen and (max-width: 640px) {
    .user-name {
        display: none;
    }
}

.navbar-name {
    font-size: 16px;
    font-size: 1rem;
}

a.navbar-name.lifestyle-label {
    margin-left: 1rem;
}

.user-menu {
    align-self: normal;
}

.user-area {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
    align-items: center;
}

.user-menu-points {
    align-self: normal;
}

@media screen and (max-width: 640px) {
    .user-menu-points {
        padding-left: 63vw;
        max-width: "120px"
    }
}

.user-area-points {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;

    align-items: center;
}

@media screen and (max-width: 640px) {
    .user-area-points {
        text-align: right;
        width: auto;
    }
}

.nav-search {
    position: relative;
    margin-right: 1.5625rem;
    /*  .nav-search-form{
      display:none;
    }*/
}

@media screen and (max-width: 640px) {
    .nav-search {
        position: static;
    }
}

.nav-search-points {
    position: relative;
    margin-right: 1.5625rem;
    /*  .nav-search-form{
      display:none;
    }*/
}

@media screen and (max-width: 640px) {
    .nav-search-points {
        position: static;
        margin-right: 0px;
    }
}

.nav-search .iconfont {
    color: var(--header-color);
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem;
}

.nav-search-points .iconfont {
    color: var(--header-color);
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem;
}

.nav-search.is-active .nav-search-form {
    opacity: 1;
    visibility: visible;
}

.nav-search.is-active .iconfont-search {
    transition: none;
    visibility: hidden;
}

@media screen and (max-width: 640px) {
    .nav-search.is-active .iconfont-search {
        visibility: visible;
    }
}

.nav-search-form {
    transition: all 0.3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 246px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    background: var(--header-background);
}

.nav-search-form .form-control {
    color: var(--header-color);
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--header-color);
    padding-left: 0;
    background: none;
}

.nav-search-form .form-control.placeholder {
    color: var(--header-color);
    opacity: 0.8;
}

.nav-search-form .form-control:-moz-placeholder {
    color: var(--header-color);
    opacity: 0.8;
}

.nav-search-form .form-control::-moz-placeholder {
    color: var(--header-color);
    opacity: 0.8;
}

.nav-search-form .form-control:-ms-input-placeholder {
    color: var(--header-color);
    opacity: 0.8;
}

.nav-search-form .form-control::-webkit-input-placeholder {
    color: var(--header-color);
    opacity: 0.8;
}

.nav-search-form .input-group-right {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.nav-search-form .input-group-right .iconfont {
    font-size: 16px;
    font-size: 1rem;
}

@media screen and (max-width: 640px) {
    .nav-search-form {
        padding: 0 20px 10px;
        top: 100%;
        left: 0;
        right: 0;
        transform: translateY(0);
    }
}

.dropdown--user {
    display: flex;
    align-self: auto;
    height: 100%;
    align-items: center;
    position: static;
}

.dropdown--user .dropdown-toggle {
    color: var(--header-color);
}

.dropdown--user .dropdown-toggle:after {
    position: static;
}

.dropdown--user .dropdown-menu {
    font-size: 18px;
    font-size: 1.125rem;
    min-width: 15.625rem;
    right: 0;
    left: auto;
    /*    padding-top:calculateRem(25px);
      padding-bottom:calculateRem(25px);*/
}

@media screen and (max-width: 640px) {
    .dropdown--user .dropdown-menu {
        width: 100vw;
    }
}

.dropdown--user .dropdown-menu a {
    display: block;
    padding: 0.625rem 1.5625rem;
}

.dropdown--user .dropdown-menu a:hover {
    color: inherit;
    background-color: var(--baby-teal);
}

.navbar-name {
    color: var(--header-color);
}

@media screen and (max-width: 640px) {
    .navbar-name {
        display: none;
    }
}

.navbar {
    display: flex;
}

.navbar__toggle {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    display: block;
    line-height: 1;
    overflow: visible;
    padding: 0;
    text-transform: none;
}

.navbar__toggle-box {
    width: 24px;
    height: 18px;
    display: flex;
    position: relative;
    align-items: center;
}

.navbar__toggle-inner {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.navbar__toggle.is-active .navbar__toggle-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar__toggle.is-active .navbar__toggle-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
    -o-transition: top 75ms ease, opacity 75ms ease 0.12s;
    transition: top 75ms ease, opacity 75ms ease 0.12s;
}

.navbar__toggle.is-active .navbar__toggle-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -o-transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

.navbar__toggle-inner,
.navbar__toggle-inner::after,
.navbar__toggle-inner::before {
    width: 22px;
    height: 2px;
    text-indent: -9999px;
    background-color: var(--header-color);
    position: absolute;
    -webkit-transition: opacity 0.14s ease-out, -webkit-transform;
    transition: opacity 0.14s ease-out, -webkit-transform;
    -o-transition: transform, opacity 0.14s ease-out;
    transition: transform, opacity 0.14s ease-out;
    transition: transform, opacity 0.14s ease-out, -webkit-transform;
}

.navbar__toggle-inner::before {
    content: "";
    display: block;
    top: -6px;
}

.navbar__toggle-inner::after {
    content: "";
    display: block;
    bottom: -6px;
}

.navbar__toggle:focus,
.navbar__toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar__body {
    margin: 0;
    padding: 0;
    background: var(--white);
    box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.0588235294);
    height: 100vh;
    left: 0;
    max-width: 360px;
    width: 260px;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    z-index: 1050;
}

@media screen and (max-width: 640px) {
    .navbar__body {
        width: 360px;
    }
}

.navbar__body.is-hidden {
    left: -260px;
}

@media screen and (max-width: 640px) {
    .navbar__body.is-hidden {
        left: -360px;
    }
}

.navbar__menu {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
    padding-top: 3rem;
    margin: 0;
    list-style: none;
}

.navbar__menu a {
    display: block;
    padding: 0.875rem 1.5rem;
    text-decoration: none;
}

.navbar__menu a:hover,
.navbar__menu a.is-active {
    color: inherit;
    background-color: var(--baby-teal);
}

.navbar__menu a.is-active:after {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100%;
    background: currentColor;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.footer {
    font-weight: var(--font-weight-light);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1.5625rem;
    color: var(--header-color);
    background: var(--primary-charcoal);
    padding: 1.5rem;
    line-height: 1.5;
}

.footer-points {
    font-weight: var(--font-weight-light);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1.5625rem;
    color: var(--header-color);
    background: var(--primary-charcoal);
    padding: 1.5rem;
    line-height: 1.5;
    margin-left: 50px;
}

.footer__copyright {
    font-weight: var(--font-weight-light);
    color: var(--header-color);
}

.footer__brand {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    margin-right: auto;
    cursor: pointer;
}

.footer__contactus {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    margin-left: auto;
    cursor: pointer;
}

.footer__social {
    font-size: 20px;
    font-size: 1.25rem;
    display: flex;
    column-gap: 1.1875rem;
    /*    a{
        display:inline-block;
        padding:0 1em;
      }*/
}

@media screen and (max-width: 640px) {
    .footer {
        flex-wrap: wrap;
        row-gap: 1.25rem;
    }

    .footer-points {
        flex-wrap: wrap;
        row-gap: 1.25rem;
        margin-left: 0;
    }

    .footer__copyright {
        width: 100%;
    }

    .footer__social {
        margin-right: auto;
    }
}

/*.prev-icon{

}
.next-icon{

}

.slick-prev{


}
.slick-next{

}*/
.home-hero-slick {
    position: relative;
}

.home-hero-slick .iconfont-lock-closed {
    transform: scale(1.8);
    display: inline-block;
}

.home-hero-slick .slick-picture {
    position: relative;
}

.home-hero-slick .slick-picture img {
    width: 100%;
    object-fit: cover;
    /*aspect-ratio: 16/5;
  @include screen(small){
    aspect-ratio: 3/4;
  }*/
}

.home-hero-slick .slick-picture video {
    width: 100%;
    object-fit: cover;
    /*aspect-ratio: 16/5;
  @include screen(small){
    aspect-ratio: 3/4;
  }*/
}

.home-hero-slick .slick-picture:before {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0.01%, rgba(0, 0, 0, 0) 76.96%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

@media screen and (max-width: 640px) {
    .home-hero-slick .slick-picture:before {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0.01%, rgba(0, 0, 0, 0) 76.96%);
    }
}

.home-hero-slick .slick-prev {
    left: 24px;
    z-index: 2;
}

@media screen and (max-width: 640px) {
    .home-hero-slick .slick-prev {
        left: 1rem;
        width: 24px;
        height: 24px;
    }

    .home-hero-slick .slick-prev:before {
        font-size: 9px;
    }
}

.home-hero-slick .slick-next {
    right: 24px;
}

@media screen and (max-width: 640px) {
    .home-hero-slick .slick-next {
        right: 1rem;
        width: 24px;
        height: 24px;
    }

    .home-hero-slick .slick-next:before {
        font-size: 9px;
    }
}

.home-hero-slick .slick-arrow {
    /*    width:calculateRem(20px);
      height:calculateRem(20px);
      border-radius: 100%;
      background:red;*/
}

.home-hero__lock {
    position: absolute;
    z-index: 2;
    bottom: 1.5rem;
    right: 1.5rem;
}

@media screen and (max-width: 640px) {
    .home-hero__lock {
        bottom: 1rem;
        right: 1rem;
    }
}

.home-hero__body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
    z-index: 3;
    width: 40%;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .home-hero__body {
        top: auto;
        left: 0;
        bottom: 2rem;
        right: 0;
        width: 100%;
        transform: translateY(0);
    }
}

.home-hero__title {
    color: var(--white);
    font-family: Renogare;
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;
    font-size: 36px;
    font-size: 2.25rem;
    margin: 0;
}

@media screen and (max-width: 640px) {
    .home-hero__title {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.home-hero__tro {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    font-size: 28px;
    font-size: 1.75rem;
}

@media screen and (max-width: 640px) {
    .home-hero__tro {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
}

.home-hero__brand {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    left: 55%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-hero__brand img {
    object-fit: contain;
    max-width: 90%;
    max-height: 90%;
}

@media screen and (max-width: 640px) {
    .home-hero .btn {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.banner-rewards {
    box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.0392156863);
    border: 1px solid #DEDFDF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 112px;
    padding: 1.5rem;
    cursor: pointer;
}

.banner-rewards__logos {
    display: flex;
    column-gap: 2rem;
    min-width: 250px;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

.banner-rewards__tro {
    font-weight: bold;
    max-width: 460px;
    margin-left: auto;
    text-align: right;
    padding-right: 2rem;
    font-family: Renogare;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
}

@media screen and (max-width: 640px) {
    .banner-rewards {
        flex-direction: column;
    }

    .banner-rewards__logos {
        column-gap: 1.5rem;
    }

    .banner-rewards__tro {
        padding: 1rem;
        text-align: center;
    }
}

.disnep-logo {
    height: 46px;
}

@media screen and (max-width: 640px) {
    .disnep-logo {
        height: 40px;
    }
}

.starbucks-logo {
    height: auto;
    width: auto;
    max-height: 64px;
    max-width: 64px;
}

@media screen and (max-width: 640px) {
    .starbucks-logo {
        height: auto;
        width: auto;
        max-height: 60px;
        max-width: 60px;
    }
}

.amazon-logo {
    height: 55px;
}

@media screen and (max-width: 640px) {
    .amazon-logo {
        height: 50px;
    }
}

.single-hero {
    position: relative;
}

.single-hero__section {
    position: relative;
}

.single-hero__picture {
    position: relative;
    width: 100%;
}

.single-hero__picture img {
    width: 100%;
}

.single-hero__picture:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

@media screen and (max-width: 640px) {
    .single-hero__picture {
        position: absolute;
    }
}

.single-hero__cont {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    left: 10%;
}

.single-hero__body {
    color: var(--white);
    width: 50%;
}

.single-hero__title {
    font-family: "Renogare";
    color: var(--white);
    font-weight: var(--font-weight-normal);
    font-size: 36px;
    font-size: 2.25rem;
    margin: 0;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 640px) {
    .single-hero__title {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.single-hero__tro {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 28px;
    font-size: 1.75rem;
}

@media screen and (max-width: 640px) {
    .single-hero__tro {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
}

.single-hero__brand {
    object-fit: contain;
    max-width: 80%;
    max-height: 80%;
}

@media screen and (max-width: 640px) {
    .single-hero__brand {
        max-height: none;
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .single-hero .btn {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .single-hero picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .single-hero__cont {
        position: relative;
        flex-direction: column;
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .single-hero__body {
        text-align: center;
        width: 100%;
        padding: 2rem 0;
    }
}

.best-sports-brands {
    border-bottom: 1px solid transparent;
    --margin-bottom: 60px;
    margin-bottom: calc(-1 * var(--margin-bottom));
}

@media (min-width: 641px) {
    .best-sports-brands {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media screen and (max-width: 640px) {
    .best-sports-brands {
        --margin-bottom: 250px;
    }
}

@media (min-width: 641px) {
    .best-sports-brands {
        border-radius: 8px;
    }
}

.best-sports-brands__media {
    text-align: center;
}

.best-sports-brands__media img {
    display: inline-block !important;
}

.slick-sports-brands .slick-item {
    margin-right: 0;
    padding-left: 3.8%;
    padding-right: 3.8%;
}

@media screen and (max-width: 640px) {
    .slick-sports-brands {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .slick-sports-brands .slick-item {
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .slick-sports-brands .slick-arrow {
        width: 24px;
        height: 24px;
    }

    .slick-sports-brands .slick-arrow:before {
        font-size: 9px;
    }

    .slick-sports-brands .slick-prev {
        left: 2rem;
    }

    .slick-sports-brands .slick-next {
        right: 2rem;
    }
}

.about-us-section {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .about-us-section {
        padding-top: 250px;
    }
}

.about-us {
    border-bottom: 1px solid transparent;
    /*max-width:1392px;
  @include horizontal-center;*/
}

@media (min-width: 641px) {
    .about-us {
        border-radius: 8px;
    }
}

@media (min-width: 641px) {
    .about-us {
        margin-left: 24px;
        margin-right: 24px;
    }
}

.onsport-could-thousands {
    border-bottom: 1px solid transparent;
    /*max-width:1392px;
  @include horizontal-center;*/
}

@media (min-width: 641px) {
    .onsport-could-thousands {
        border-radius: 8px;
    }
}

@media (min-width: 641px) {
    .onsport-could-thousands {
        margin-left: 24px;
        margin-right: 24px;
    }
}

.onsport-could-thousands-section {
    margin-left: auto;
    margin-right: auto;
    max-width: 684px;
}

.save-thousands {
    text-align: center;
    padding: 2rem;
}

.onsport-thousands-lists {
    flex-wrap: nowrap;
    gap: 24px;
}

.onsport-thousands-lists .headline {
    position: relative;
}

.onsport-thousands-lists .headline .iconfont {
    font-size: 11px;
    position: absolute;
    right: 100%;
    top: 0.4rem;
    padding-right: 0.7rem;
    vertical-align: middle;
}

@media screen and (max-width: 640px) {
    .onsport-thousands-lists {
        padding-left: 1.7rem;
        flex-wrap: wrap;
    }
}

.frequently-asked-questions {
    margin-left: auto;
    margin-right: auto;
    max-width: 684px;
}

.frequently-asked-questions .faq-question .iconfont {
    left: auto;
    right: 2px;
}

.frequently-asked-questions .faq-title {
    padding-left: 0;
    border-color: var(--primary-aluminium);
}

@media (min-width: 641px) {
    .frequently-asked-questions .faq-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.faqs-title {
    margin-left: 1rem;
    margin-right: 1rem;
}

.brands-groups {
    background-color: var(--light-gray1);
}

.search-result-text {
    display: flex;
    flex-direction: column;
    column-gap: 0.5rem;
}

.search-result-text .display-4 {
    margin: 0;
    word-break: break-all;
}

@media screen and (max-width: 640px) {
    .search-result-text .display-4 {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

.exclusive-discounts {
    display: grid;
    justify-items: stretch;
    gap: 20px;
    grid-auto-rows: minmax(max-content, 0px);
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-auto-flow: row;
    align-self: center;
    min-width: 0px;
    order: 2;
    min-height: 160px;
    height: max-content;
    width: 100%;
}

.exclusive-discounts__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.exclusive-discounts__media {
    border-radius: 8px;
    border: 1px solid #E1EFEF;
    overflow: hidden;
    width: 170px;
    height: 100px;
    text-align: center;
}

.exclusive-discounts__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.exclusive-discounts__text {
    padding-top: 0.5rem;
}

.slick-exclusive-discounts {
    min-height: 160px;
}

[data-page=index] {
    background: url() center center no-repeat;
    background-size: cover;
}

[data-page=index] .header {
    justify-content: center;
}

[data-page=index],
[data-page=index] body {
    min-height: 100%;
}

.splash {
    --max-width: 448px;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 143px;
    min-height: calc(100vh - 4rem);
}

@media screen and (max-width: 640px) {
    .splash {
        min-height: calc(100vh - 3.5rem);
    }
}

.splash .display-2 {
    margin-bottom: 1.5rem;
}

.splash-join-onsport {
    padding-left: 1rem;
    padding-right: 1rem;
}

.splash-header {
    max-width: var(--max-width);
}

.splash-login {
    background-color: var(--white);
    border-radius: 8px;
    max-width: var(--max-width);
    padding: 48px;
}

@media screen and (max-width: 640px) {
    [data-page=index] {
        background: #eeeced url() center 18rem no-repeat;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 640px) and (max-width: 640px) {
    .splash {
        padding: 1rem;
    }
}

@media screen and (max-width: 640px) {
    .splash .display-2 {
        font-size: 28px;
        font-size: 1.75rem;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .splash-login {
        padding: 2.0625rem;
    }
}

.success-message {
    text-align: center;
}

.success-message .iconfont {
    color: var(--success-detail);
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
}

.full-page {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 640px) {
    .full-page {
        background-color: #eeeced;
        background-size: 100% auto;
    }
}

.full-page--login {
    background: url() center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 640px) {
    .full-page--login {
        background: #eeeced url() center 19rem no-repeat;
        background-size: 100% auto;
    }
}

.full-page--partner-sign {
    background-image: url(../images/splash/hunter-bryant.jpg);
}

@media screen and (max-width: 640px) {
    .full-page--partner-sign {
        background-image: url(../images/splash/hunter-bryant-mobile.jpg);
        background-color: #f1f3f2;
        background-position: center 15rem;
        background-size: 100% auto;
    }
}

.full-page--partner-join .splash-login,
.full-page--partner-join .splash-header {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 640px) {
    .full-page--partner-join {
        background-position: left bottom;
        background-size: auto 100%;
    }
}

.error-page {
    text-align: center;
    margin-top: 5.8125rem;
    margin-bottom: 5.8125rem;
}

.error-page .display-3 {
    margin-top: 2.3125rem;
}

.user-detail {
    padding: 4rem 3rem 3rem;
}

@media screen and (max-width: 640px) {
    .user-detail {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.user-detail__header {
    /*    display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;*/
    text-align: center;
}

@media screen and (max-width: 640px) {
    .user-detail__header .display-4 {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.user-detail__body {
    margin-top: 2.375rem;
}

.progress-survey {
    height: 0.25rem;
    background-color: var(--primary-aluminium);
    border-radius: 50em;
    display: flex;
    margin-bottom: 2.5rem;
}

.progress-survey__bar {
    transition: width 0.6s ease;
    background-color: var(--primary-charcoal);
    border-radius: 50em;
}

.interests-tags {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.interests-tags .item {
    /*    font-weight: var(--font-weight-medium);
      border:1px solid var(--primary-aluminium);
      padding:calculateRem(8px) calculateRem(12px);
      border-radius: 50em;*/
    /*    line-height: 1;*/
    display: inline-flex;
    align-items: center;
    gap: 6px;
    -webkit-column-gap: 6px;
    /*    .iconfont{
        font-size:calculateRem(7px);
      }
      &:hover,&.is-active{
        border-color:var(--secondary-tea);
        color:var(--primary-charcoal);
        background-color:var(--secondary-baby-teal);
      }*/
}

.range-exercise-hours {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.range-exercise-hours::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background: var(--range-exercise-hours);
    border-color: transparent;
    border-radius: 1rem;
}

.range-exercise-hours::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #61C2B5;
    border: 2px solid white;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

.range-exercise-hours__value {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
}

.range-exercise-hours__value .is-active:after {
    content: "";
    width: 0;
    height: 0;
    /*        border-style: solid;
          border-width: 0 5px 10px 5px;
          border-color: transparent transparent #007bff transparent;*/
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent var(--secondary-tea) transparent;
    border-top: none;
    border-bottom-width: 8px;
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: -1px;
}

.range-exercise-hours__value li {
    flex: 1;
    text-align: right;
    position: relative;
}

.range-exercise-hours__value li:first-child {
    flex: 0;
}

.radios-fitness-inspirations {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    gap: 0.5rem;
    line-height: 1.125;
}

.radios-fitness-inspirations .iconfont {
    font-size: 1.625rem;
    padding-bottom: 0.25rem;
}

.radios-fitness-inspirations .item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0.5rem;
    border: 1px solid var(--primary-aluminium);
    transition: all 0.3s ease-in;
}

.radios-fitness-inspirations .item.is-active,
.radios-fitness-inspirations .item:hover {
    background-color: var(--secondary-baby-teal);
    border-color: var(--secondary-tea);
}

.track-fitness {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.track-fitness--center {
    justify-content: center;
}

.choose-your-plan {
    background-color: black;
    padding: 2.5rem 1rem 7.5rem;
    border-top: 1px solid #595959;
}

.container-plan-selection {
    max-width: 1440px;
    margin-top: -6rem;
}

.plan-selection {
    --gap: 1rem;
    --col: 4;
    --flex-width: calc((100% - var(--gap)*(var(--col) - 1))/var(--col));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: var(--gap);
}

@media (max-width: 991px) {
    .plan-selection {
        --col: 2;
    }
}

@media (max-width: 640px) {
    .plan-selection {
        --col: 1;
    }
}

.plan-selection__item {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.0588235294);
    border-radius: 8px;
    background-color: var(--white);
    width: var(--flex-width);
    padding: 1.5rem;
}

.plan-selection__item:nth-child(1) .plan-selection__title {
    background-color: #E1EFEF;
}

.plan-selection__item:nth-child(2) .plan-selection__title {
    background-color: #EDDDD4;
}

.plan-selection__item:nth-child(3) .plan-selection__title {
    background-color: #E9E9E9;
}

.plan-selection__item:nth-child(4) .plan-selection__title {
    background-color: #D0C6B7;
}

.plan-selection__item p {
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 640px) {
    .plan-selection__item p {
        margin-bottom: 1rem;
    }
}

.plan-selection__item .price {
    margin-top: auto;
}

.plan-selection__item .btn {
    margin-top: 3rem;
}

@media screen and (max-width: 640px) {
    .plan-selection__item .btn {
        margin-top: 1.5rem;
    }
}

.plan-selection__title {
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 640px) {
    .plan-selection__title {
        margin-bottom: 1rem;
    }
}

.hidden {
    display: none;
}

@media screen and (min-width: 641px) {
    .hidden-up {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .hidden-down {
        display: none;
    }
}

.disabled {
    pointer-events: none;
}

.position-relative {
    position: relative;
}

.text-center {
    text-align: center;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/*figure {
  margin: 0 0 30px;

  .modal & {
    margin-bottom: 50px;
  }

  img {
    display: block;
    margin: 0 auto;
  }

  figcaption {
    //@include box-sizing();
    //color: $gray-3;
    //@include font-size(13);
    line-height: 1.5;
    margin: 15px 0;
  }

  a {
    display: block;
    position: relative;
    vertical-align: top;
  }
}*/
.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-light {
    font-weight: var(--font-weight-light) !important;
}

.fw-normal {
    font-weight: var(--font-weight-normal) !important;
}

.fw-medium {
    font-weight: var(--font-weight-medium) !important;
}

.fw-semibold {
    font-weight: var(--font-weight-semi-bold) !important;
}

.fw-bold {
    font-weight: var(--font-weight-bold) !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.me-auto {
    margin-right: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 2rem !important;
}

.me-6 {
    margin-right: 2.5rem !important;
}

.me-7 {
    margin-right: 3rem !important;
}

.me-8 {
    margin-right: 3.5rem !important;
}

.me-9 {
    margin-right: 4rem !important;
}

.me-10 {
    margin-right: 4.5rem !important;
}

.me-11 {
    margin-right: 5rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 2rem !important;
}

.ms-6 {
    margin-left: 2.5rem !important;
}

.ms-7 {
    margin-left: 3rem !important;
}

.ms-8 {
    margin-left: 3.5rem !important;
}

.ms-9 {
    margin-left: 4rem !important;
}

.ms-10 {
    margin-left: 4.5rem !important;
}

.ms-11 {
    margin-left: 5rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

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

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.mt-6 {
    margin-top: 2.5rem !important;
}

.mt-7 {
    margin-top: 3rem !important;
}

.mt-8 {
    margin-top: 3.5rem !important;
}

.mt-9 {
    margin-top: 4rem !important;
}

.mt-10 {
    margin-top: 4.5rem !important;
}

.mt-11 {
    margin-top: 5rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

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

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.mb-6 {
    margin-bottom: 2.5rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}

.mb-8 {
    margin-bottom: 3.5rem !important;
}

.mb-9 {
    margin-bottom: 4rem !important;
}

.mb-10 {
    margin-bottom: 4.5rem !important;
}

.mb-11 {
    margin-bottom: 5rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 2rem !important;
}

.me-6 {
    margin-right: 2.5rem !important;
}

.me-7 {
    margin-right: 3rem !important;
}

.me-8 {
    margin-right: 3.5rem !important;
}

.me-9 {
    margin-right: 4rem !important;
}

.me-10 {
    margin-right: 4.5rem !important;
}

.me-11 {
    margin-right: 5rem !important;
}

.p-auto {
    padding: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}

.p-6 {
    padding: 2.5rem !important;
}

.p-7 {
    padding: 3rem !important;
}

.p-8 {
    padding: 3.5rem !important;
}

.p-9 {
    padding: 4rem !important;
}

.p-10 {
    padding: 4.5rem !important;
}

.p-11 {
    padding: 5rem !important;
}

.pt-auto {
    padding-top: auto !important;
}

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

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 2rem !important;
}

.pt-6 {
    padding-top: 2.5rem !important;
}

.pt-7 {
    padding-top: 3rem !important;
}

.pt-8 {
    padding-top: 3.5rem !important;
}

.pt-9 {
    padding-top: 4rem !important;
}

.pt-10 {
    padding-top: 4.5rem !important;
}

.pt-11 {
    padding-top: 5rem !important;
}

.pb-auto {
    padding-bottom: auto !important;
}

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

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 2rem !important;
}

.pb-6 {
    padding-bottom: 2.5rem !important;
}

.pb-7 {
    padding-bottom: 3rem !important;
}

.pb-8 {
    padding-bottom: 3.5rem !important;
}

.pb-9 {
    padding-bottom: 4rem !important;
}

.pb-10 {
    padding-bottom: 4.5rem !important;
}

.pb-11 {
    padding-bottom: 5rem !important;
}

@media screen and (max-width: 640px) {
    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 2rem !important;
    }

    .mt-sm-6 {
        margin-top: 2.5rem !important;
    }

    .mt-sm-7 {
        margin-top: 3rem !important;
    }

    .mt-sm-8 {
        margin-top: 3.5rem !important;
    }

    .mt-sm-9 {
        margin-top: 4rem !important;
    }

    .mt-sm-10 {
        margin-top: 4.5rem !important;
    }

    .mt-sm-11 {
        margin-top: 5rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 2.5rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 3.5rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 4rem !important;
    }

    .mb-sm-10 {
        margin-bottom: 4.5rem !important;
    }

    .mb-sm-11 {
        margin-bottom: 5rem !important;
    }

    .pt-sm-auto {
        padding-top: auto !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 2rem !important;
    }

    .pt-sm-6 {
        padding-top: 2.5rem !important;
    }

    .pt-sm-7 {
        padding-top: 3rem !important;
    }

    .pt-sm-8 {
        padding-top: 3.5rem !important;
    }

    .pt-sm-9 {
        padding-top: 4rem !important;
    }

    .pt-sm-10 {
        padding-top: 4.5rem !important;
    }

    .pt-sm-11 {
        padding-top: 5rem !important;
    }

    .pb-sm-auto {
        padding-bottom: auto !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 2.5rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 3rem !important;
    }

    .pb-sm-8 {
        padding-bottom: 3.5rem !important;
    }

    .pb-sm-9 {
        padding-bottom: 4rem !important;
    }

    .pb-sm-10 {
        padding-bottom: 4.5rem !important;
    }

    .pb-sm-11 {
        padding-bottom: 5rem !important;
    }
}

.text-danger {
    color: var(--primary-red);
}

.text-success {
    color: var(--secondary-tea);
}

/*.alert {
  position: relative;
  padding: calculateRem(24px);
  border-radius: 8px;

  &-info {
    background-color: var(--baby-teal);
  }
}*/
.shadow-2x-large,
.shadow-x-large,
.shadow-large,
.shadow-medium,
.shadow-small,
.shadow-x-small {
    border-radius: 8px;
}

.shadow-x-small {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.shadow-small {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
}

.shadow-medium {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
}

.shadow-large {
    box-shadow: 0px 24px 24px rgba(0, 0, 0, 0.04);
}

.shadow-x-large {
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.06);
}

.shadow-2x-large {
    box-shadow: 0px 56px 56px rgba(0, 0, 0, 0.08);
}

.object-fit-cover {
    object-fit: cover !important;
}

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

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

.mw-700 {
    max-width: 700px;
}

.has-search-input {
    margin-top: 2rem;
}

@media screen and (max-width: 640px) {
    .has-search-input {
        margin-top: 3rem;
    }
}

.no-search-input {
    margin-top: 2rem;
}

@media screen and (max-width: 640px) {
    .no-search-input {
        margin-top: 1rem;
    }
}

.pt-message {
    padding-top: 0.5rem !important;
}

.mb-message {
    margin-bottom: 1.5rem !important;
}

.qr-code-image {
    width: 180px;
    height: 180px;
    min-width: 180px;
    min-height: 180px;
    max-width: 180px;
    max-height: 180px;
}

/*# sourceMappingURL=main.css.map */