:root {--app-color: #8F63EC;
    --background-secondary: #F7F7F7;
    --live-chat-channels: #7BD137;
    --voice-call-channels: #8F63EC;
    --border-primary: #EAEAEA;
    --app-overlay-black-color: #272727e6;
    --smart-banner-background: radial-gradient(circle at 50% 50%, #9a6bff, #9a6bff 29%, #622bd8 72%);
    --add-credit-card-zen-mode-container-background-color: #E9DDED;
    --no-payment-method-img-width: 185px;
    --connect-btn-max-width: 200px;
    --specialities-shadow: none;
    --advispr-specialities-mobile-direction: row;
    --min-price-text-display: unset;
    --duration-item-price-container-background-color: #F7F7F7;
    --recommended-advisor-price-flex-direction: row;
    --recommended-advisor-price-align: center;
    --pice-text-container-margin-left: 13px;
    --duration-item-price-container-border-radius: 8px;
    --duration-item-selected-price-container-background-color: #FFFFFF;
    --duration-option-xfm-label-color: #7BD137;
    --advisor-preview-xfm-label-background: #7FD14A;
    --advisor-preview-xfm-label-border-radius: 8px;
    --advisor-busy-color: #FF5A5A;
    --mbw-general-light: #FFFFFF;
    --mbw-general-dark: #27292F;
    --mbw-background-primary: #FFFFFF;
    --mbw-background-secondary: #F7F7F7;
    --mbw-text-primary: #121212;
    --mbw-text-secondary: #636570;
    --mbw-text-tertiary: #FFFFFF;
    --mbw-default-border: #EAEAEA;
    --mbw-default-shadow-color: #F7F7F7;
    --mbw-icon-primary: #121212;
    --mbw-icon-secondary: #7C7F89;
    --mbw-icon-tertiary: #FFFFFF;
    --mbw-button-border-radius: 0.625rem;
    --mbw-button-primary: #8755F4;
    --mbw-button-primary-hover: #A479FF;
    --mbw-button-primary-dissabled: #C3C5CA;
    --mbw-button-secondary: #121212;
    --mbw-button-secondary-hover: #8F63EC;
    --mbw-button-secondary-disabled: #c3c5ca;
    --mbw-chat-color: #62DD13;
    --mbw-voice-color: #8755F4;
    --mbw-video-color: #1CB4FF;
    --mbw-error-color: #FF5A5A;
    --mbw-warning-color: #FF8717;
    --mbw-info-color: #8755F4;
    --mbw-success-color: #7BD137;
    --mbw-muted-color: #9C9C9C;
    --mbw-branding-primary: #8755F4;
    --mbw-branding-secondary: #FF8717;
    --mbw-red-accent-color: #FF5A5A;
    --mbw-orange-accent-color: #FF8717;
    --mbw-yellow-accent-color: #FFB222;
    --mbw-green-accent-color: #62DD13;
    --mbw-sky-blue-accent-color: #1CB4FF;
    --mbw-blue-accent-color: #4F60FF;
    --mbw-purple-accent-color: #8755F4;
    --mbw-possitive-accent-color: #62DD13;
    --mbw-negative-accent-color: #FF5A5A;
    --wbw-marketing-banner-first-color: #B38FFF;
    --mbw-marketing-banner-second-color: #8957f5;
    --mbw-marketing-banner-rotation: 93deg;
    --mbw-duration-item-selected-fg-color: #8F63EC;
    --mbw-duration-item-selected-bg-color: #8755f41a;
    --mbw-select-duration-arrows-color: #8F63EC;
    --mbw-duration-item-price-bg-color: #FFFFFF;
    --mbw-duration-item-price-fg-color: #121212;
    --mbw-duration-item-selected-price-fg-color: #8F63EC;
    --app-ai-summary-background-color: #F3EEFE;
    --app-blue-snap-input-border-radius: 6px;
    --app-blue-snap-input-border-color: var(--app-border-primary-color);
    --app-blue-snap-placeholder-text-color: var(--app-text-secondary);
    --app-blue-snap-input-border-focus-color: var(--app-color);
    --app-blue-snap-input-error-color: var(--app-error-red);
    --coupon-bg-color-large-active: linear-gradient(90deg, #8755f4 -3.11%, #fc8d3c 100%);
    --mbw-duration-item-row-gap-lg: 0rem;
    --app-default-btn-lg-border-radius: 0.5rem;
    --app-default-btn-md-border-radius: 0.375rem;
    --app-default-btn-sm-border-radius: 0.25rem;
    --app-default-btn-xs-border-radius: 0.125rem;
    --app-online-indicator-color: #73C940;
    --app-busy-indicator-color: #FF5050;
    --app-offline-indicator-color: #BBBBBB;
    --app-badge-border-radius: 0.375rem;
    --app-payment-sources-border-radius: 0.938rem;
    --app-busy-label-color: #FD4848;
    --app-positive-feedback-btn-color: #58be00;
    --app-negative-feedback-btn-color: #ff5050;
    --app-new-advisor-badge-color: #7FD14A;
    --app-filter-switcher-color: #7FD14A;
    --app-personal-section-border-color: #73C940;
    --app-sale-price-text-color: #62C124;
    --app-rating-bg-color: #FFECBC;
    --app-rating-on-img-bg-color: #FFECBC;
    --mbw-font-family: "Poppins";
    --app-topup-icon-bg: #8755F41A;
    --mbw-input-focus-color: #8755F4;
    --app-filter-btn-border-color: #EAEAEA;
    --gemified-background-gradient-top-color: #F2ECFF;
    --advisor-verify-gradient-start-color: #B38FFF;
    --advisor-verify-gradient-end-color: #8957F5;
    --satisfaction-guaranteed-border-color: #E9DFFF;
    --satisfaction-guaranteed-background-color: #F8F5FF;
    --satisfaction-guaranteed-title-color: #8755F4;
    --satisfaction-guaranteed-text-color: #766E8B;
    --scrollbar-width: 15px;
    --window-width: 2544;
    --window-height: 1189px;
    --header-height: 64px;
    --invisible-scrollbar-width: 0px;
}
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: var(--mbw-font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--app-color);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--app-color);
}
a:active {
  color: var(--app-color);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img, svg {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-variant-numeric: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}

/* Popovers */
.popoverContentRadius24 {
  border-radius: 24px;
}

.popoverOverlayContainer {
  position: absolute;
  top: -70px;
}

.rootContent--pdrmU{
    position: relative;
    width: 100%;
    justify-content: center;
    display: flex;
    background-color: #fff;
    background: linear-gradient(180deg, var(--topGradientColor), #FFF);
    background-size: 100% 300px;
    background-repeat: no-repeat;
}
.pageTitleNameText--rzL_M {
    font-weight: 700;
    font-size: 44px;
    color: var(--textColor);
    margin: 0;
}
.pageTitleDescription--Gi5sc {
    font-size: 20px;
    font-weight: 400;
    color: var(--textColor);
}

@keyframes animation-bzdot9--R503R {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

:root {
    --scrollbar-width: 0px;
    --invisible-scrollbar-width: 0px;
    --app-error-red: #F55151;
    --app-border-gray: #C7C7C7;
    --app-box-shadow-gray: rgba(0, 0, 0, 0.0745098039);
    --app-white: #FFFFFF;
    --app-black: #000000;
    --app-purple: #8F63EC;
    --app-chars-gray: #7D7D7D;
    --app-border-light-gray: #E7E7E7;
    --app-border-shadow-light-gray: rgba(0, 0, 0, 0.0784313725);
    --app-border-shadow-gray: rgba(202, 202, 202, 0.2509803922);
    --app-default-btn-shadow-color: #5C30BB;
    --app-disabled-btn-color: #ACAFB6;
    --app-overlay-black: var(--app-overlay-black-color);
    --app-orange: #F89B22;
    --app-background-color: #FFFFFF;
    --app-background-secondary-color: #FFFFFF;
    --app-background-gray-color: #F7F7F7;
    --app-text-primary: #121212;
    --app-text-secondary: #7D7D7D;
    --app-border-primary-color: #C7C7C7;
    --app-default-btn-color: var(--app-color);
    --app-skeleton-primary-color: #eee;
    --app-skeleton-secondary-color: #f5f5f5;
    --app-apple-pay-background-color: white;
    --app-apple-pay-style: white-outline;
    --app-offer-expired-background-secondary-color: #F2F5FF;
    --app-offer-expired-border-color: #DFE2EF
}

.darkTheme--UUTyc {
    --app-background-color: #27292F;
    --background-secondary: #27292F;
    --app-background-secondary-color: #383A40;
    --app-background-gray-color: #383A40;
    --app-text-primary: #EEEEEE;
    --app-text-secondary: #9C9C9C;
    --app-border-primary-color: #505155;
    --app-default-btn-color: var(--app-color);
    --app-skeleton-primary-color: #213243;
    --app-skeleton-secondary-color: #283954;
    --app-apple-pay-style: white;
    --app-apple-pay-background-color: white;
    --app-offer-expired-background-secondary-color: #383A40;
    --app-offer-expired-border-color: #505155;
    --add-credit-card-zen-mode-container-background-color: #383A40
}

body {
    background-color: #FFFFFF;
    background-color: var(--app-background-color);
    min-width: 100%
}

.layout--G3_G_ {
    display: flex
}

@keyframes animation-bzdot9--BNxuN {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.appRoot--OOAPJ {
    flex-direction: column;
    background-color: var(--app-background-color);
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%
}

.drawerHolder--xjyYP {
    margin-top: -64px;
    height: 100vh;
    max-height: 100vh
}

.rootHeader--WbrpR {
    width: 100%;
    top: 0;
    position: sticky;
    flex: 1 1;
    z-index: 13
}

.rootContent--pdrmU {
    position: relative;
    width: 100%;
    justify-content: center;
    display: flex;
    background-color: #fff;
    background: linear-gradient(180deg, var(--topGradientColor), #FFF);
    background-size: 100% 300px;
    background-repeat: no-repeat
}

.container--L0bAd {
    width: 100%;
    max-width: 100%;
    align-self: center;
    justify-self: center;
    margin-left: 0px;
    margin-right: 0px;
    position: inherit
}

@media only screen and (max-width: 480px) {
    .container--L0bAd {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .container--L0bAd {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .container--L0bAd {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .container--L0bAd {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .container--L0bAd {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .container--L0bAd {
        max-width:1440px
    }
}

.fullHeightContainer--NFZtT {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: calc(var(--window-height) - var(--header-height));
    justify-content: space-between
}

.childrenContainer--DRYVx {
    height: 100%
}

.closeButton--fukm4 {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0
}

.headerTitle--jmDN7 {
    color: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center;
    padding-left: 12px;
    font-weight: 500
}

.transparentOverlay--caXT3 {
    min-height: 100%;
    min-width: 100%;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    z-index: 1000
}

.drawer--YalKV {
    width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    display: var(--display);
    flex-direction: column;
    z-index: 1000;
    background-color: #fff
}

.drawerMask--gZRNd {
    display: var(--display);
    transition: transform .3s cubic-bezier(0.78, 0.14, 0.15, 0.86) 0s,width .3s cubic-bezier(0.78, 0.14, 0.15, 0.86) 0s;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background-color: rgba(0,0,0,.45)
}

.invisibleScrollBar--ravL8 {
    background-color: #f0f0f0;
    position: relative;
    z-index: 13;
    width: var(--invisible-scrollbar-width)
}

.smartBannerContainer--VUQ9g {
    right: 0px;
    margin-right: 20px;
    margin-bottom: 17px;
    position: fixed;
    justify-content: flex-end;
    text-align: center;
    display: flex;
    bottom: 0;
    z-index: 1000
}

.smartBanner--X9PqG {
    width: 98px;
    height: 98px;
    justify-content: center;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.2);
    background-image: var(--smart-banner-background);
    border-radius: 100%;
    border: none;
    outline: 0
}

.smartBannerTitle--mJ4FF {
    fill: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase
}

.iosIcon--Co97A {
    position: absolute
}

.androidIcon--BbQkk {
    position: absolute;
    padding-left: 8px;
    padding-top: 5px
}

.cancelBtnContainer--rlGY1 {
    width: 26px;
    height: 26px;
    position: absolute;
    padding: 5px;
    bottom: 25px;
    right: -5px;
    visibility: hidden;
    border: none;
    outline: 0
}

.cancelButton--cZa5u {
    width: 21px;
    height: 20px;
    flex-grow: 0;
    background: url(/ca_packs/media/src/app/components/shared/smart_banner/img/cancel_button-6ec83488c0a8d0e8b208..svg);
    visibility: visible;
    border: none;
    outline: 0
}

@keyframes animation-bzdot9--FzEvA {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.psychicApplyHerModalContent--aNfXC {
    align-self: center
}

.psychicApplyHerModalXContent--dxzih {
    color: #b7bcbd;
    border: none;
    display: flex;
    align-content: center;
    justify-content: flex-end
}

.psychicApplyHerModalXButton--Aule6,.psychicApplyHerModalXButton--Aule6:hover,.psychicApplyHerModalXButton--Aule6:focus {
    color: #b7bcbd;
    border: none;
    margin-right: 10px;
    margin-top: 10px
}

.psychicApplyHerModalHeader--EBUK7 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    color: #000
}

.psychicApplyHerModalBody--C4CrC {
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px
}

.psychicApplyHerModalLink--UCYzL {
    color: var(--app-color);
    white-space: nowrap
}

.psychicApplyHerModalButton--qCCld,.psychicApplyHerModalButton--qCCld:hover,.psychicApplyHerModalButton--qCCld:focus {
    background-color: var(--app-color);
    color: #fff;
    border: none;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: 80%
}

.menuDividers--h4pYW {
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #f0f0f0
}

.languageSign--Pbkf9 {
    color: var(--app-color);
    align-self: flex-end;
    text-transform: capitalize
}

.cashbackInactive--U6U3V {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: #b7bcbd
}

.cashbackActive--Az1n4 {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: #75cd55
}

.sideMenu--R0V7n {
    padding-left: 24px;
    padding-top: 12px;
    bottom: 0;
    background-color: #fff
}

@media only screen and (max-width: 1080px) {
    .sideMenu--R0V7n {
        padding-left:10px
    }
}

.sideMenuHeaderLogoContainer--eIAbI {
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px
}

@media only screen and (max-width: 1080px) {
    .sideMenuHeaderLogoContainer--eIAbI {
        padding-left:10px
    }
}

.sideMenuItem--FyNlr,.sideMenuItem--FyNlr:hover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: rgba(0,0,0,.85)
}

.actionLink--oHWCL {
    color: #000;
    cursor: pointer;
    width: 100%
}

.actionLink--oHWCL:hover {
    color: var(--app-color)
}

.menuItemIcon--yHghL {
    min-width: 16px;
    width: 16px;
    height: 16px
}

.sideMenuItemTitleContainer--by7j7 {
    display: flex;
    align-items: center
}

.menuItemTitle--CfEBu {
    color: #616c70;
    padding-left: 10px !important;
    font-size: 15px
}

.menuItemTitleActive--_D_TW {
    color: var(--app-color);
    padding-left: 10px !important;
    font-size: 15px
}

.menuItemTitleBold--CHLiN {
    color: #616c70;
    font-size: 14px;
    font-weight: 700
}

.menuItemTitleBoldActive--pVeFk {
    color: var(--app-color);
    font-size: 14px;
    font-weight: 700
}

.sideMenuItemContainer--vPSZ1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 0;
    margin-right: 20px !important
}

.badgeContainer--wAcKG {
    display: flex;
    align-items: center;
    justify-content: center
}

.badge--Qt5y6 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f44
}

.drawer--hV7On {
    width: 300px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: var(--display);
    flex-direction: column;
    z-index: 1000;
    background-color: #fff;
    overflow: scroll
}

.drawer--hV7On::-webkit-scrollbar {
    width: 10px
}

.drawer--hV7On::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)
}

.drawer--hV7On::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0)
}

.drawer--hV7On::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0)
}

.drawerMask--mXhDM {
    display: var(--display);
    transition: transform .3s cubic-bezier(0.78, 0.14, 0.15, 0.86) 0s,width .3s cubic-bezier(0.78, 0.14, 0.15, 0.86) 0s;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background-color: rgba(0,0,0,.45)
}

.container--q0T1I {
    position: relative;
    padding: .4rem .7rem
}

.badgeContainer--_Pi8K {
    font-size: .7rem;
    min-height: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background: red
}

.badgeContainerAsChild--b4TLn {
    position: absolute;
    right: 0;
    top: 0
}

.badgeText--AprDR {
    color: #fff;
    padding: 0 6px
}

.badgeContainer--Wa2jc {
    background: #81007f
}

.messageImage--HcXLS {
    margin-right: 6px
}

.messageImage--HcXLS use {
    fill: var(--app-color)
}

.messageContainer--emelr {
    display: flex;
    flex-direction: row;
    align-items: center
}

@keyframes animation-bzdot9--Fki8v {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.specialitiesArrow--BQXS4 {
    width: 10px;
    height: 5px;
    align-self: center
}

.specialitiesContainer--oD0fK {
    margin-left: 24px
}

.specialitiesArrowBtn--LObqA {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    align-items: center
}

.specialitiesArrowBtnLogedIn--I4QvO {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: 0;
    padding: 8px 6px;
    display: flex;
    align-items: center
}

@keyframes animation-bzdot9--F50mL {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.headerContainer--ZJCPa {
    height: 64px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex
}

.headerContent--w5agA {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px
}

@media only screen and (max-width: 1080px) {
    .headerContent--w5agA {
        padding-left:10px;
        padding-right: 10px
    }
}

.contentHolder--JVpC4 {
    display: flex
}

@media only screen and (max-width: 480px) {
    .contentHolder--JVpC4 {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .contentHolder--JVpC4 {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .contentHolder--JVpC4 {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .contentHolder--JVpC4 {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .contentHolder--JVpC4 {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .contentHolder--JVpC4 {
        max-width:1440px
    }
}

.contentHolder--JVpC4 {
    width: 100%;
    justify-content: space-between;
    position: relative
}

a {
    color: #586164
}

a:hover {
    color: var(--app-color)
}

.title--mNJSV {
    font-size: 1.2em;
    color: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center
}

.headerTitle--EzGzO {
    display: table;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center;
    padding-left: 12px;
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    letter-spacing: .02em
}

@media only screen and (max-width: 480px) {
    .headerTitle--EzGzO {
        padding-left:10px;
        font-size: 14px
    }
}

@media only screen and (max-width: 320px) {
    .headerTitle--EzGzO {
        font-size:12px;
        padding-left: 5px
    }
}

.headerTitleTM--wZxQ6 {
    display: table-cell;
    font-size: 7px;
    vertical-align: top
}

.profilePicture--cE__g {
    width: 45px;
    height: 45px;
    border-radius: 17px;
    -o-object-fit: cover;
    object-fit: cover
}

.balanceLabel--NIuQo {
    background-color: var(--app-color);
    border-radius: 2px;
    color: #fff;
    padding-right: 5px;
    padding-left: 5px;
    font-size: .8rem
}

.popoverContainer--uNsWu {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.popoverItem--CEguW {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    text-align: left;
    color: #121212;
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px
}

.popoverItem--CEguW:hover {
    background: #f7f7f7;
    color: #121212
}

.divider--zLSAE {
    height: .5px;
    background-color: silver;
    margin-top: 25px
}

.backArrow--JBZSM {
    color: var(--app-color);
    font-size: 1em
}

.transparentHeader--ozLB3 {
    position: sticky;
    width: 100%;
    padding-left: 10px;
    background: linear-gradient(black, transparent 100%);
    height: 60px;
    z-index: 13
}

.whiteBackArrow--D9UMS {
    color: #fff;
    font-size: 26px
}

.badgeContainerRow--T0N7x>* {
    margin-right: 10px
}

.left--JbqDa.innerWrapper--Why51,.right--t9iDO.innerWrapper--Why51 {
    flex: 1 1;
    display: flex;
    align-items: center;
    min-width: -webkit-min-content
}

.centerTitle--jRayo {
    display: flex;
    align-items: center
}

.right--t9iDO.innerWrapper--Why51 {
    justify-content: flex-end
}

.signInButtonsContainer--1R_QI {
    display: flex;
    flex-direction: row
}

.loginButtonContainer--r7uit {
    display: flex;
    padding-left: 18px;
    padding-right: 18px;
    color: #fff;
    outline: 0;
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .loginButtonContainer--r7uit {
        font-size:14px;
        height: 38px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.signIn--elaId {
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 21px;
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .signIn--elaId {
        font-size:14px;
        height: 38px;
        margin-right: 10px
    }
}

.loginButtonContainer--r7uit:hover {
    cursor: pointer
}

.avatar--e_6rk,.avatar--e_6rk:hover,.avatar--e_6rk:focus {
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    align-self: center;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    outline: none;
    -o-object-fit: cover;
    object-fit: cover;
    width: 44px;
    height: 44px;
    border-radius: 22px
}

.popoverAvatar--OAqsg {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    display: flex;
    align-self: center;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    outline: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.profileInfoContainer--Qclw_ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    font-weight: 500
}

.profileInfoContainerDivider--Tti9L {
    width: 12px
}

.infoContainer--CxAMf {
    flex: 1 1;
    display: flex;
    justify-content: flex-end;
    min-width: -webkit-min-content
}

.badge--XKuBz {
    position: absolute;
    top: -8px;
    right: -3px
}

.menuButton--uALyj {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0;
    padding: 0;
    position: relative
}

.menuButton--uALyj:focus {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0
}

.menuButton--uALyj:hover {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0
}

.menuButtonImg--glEIe {
    width: 22px;
    height: 18px
}

.headerLink--ANL2m {
    display: flex;
    align-items: center;
    margin-left: 16px;
    line-height: inherit
}

.profileInfoPopoverContainer--pifaK {
    position: absolute;
    right: 0px;
    flex-direction: column;
    display: var(--display);
    justify-content: center
}

.profileInfoPopoverInnerContainer--dmrE6 {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 14px;
    left: 0;
    z-index: 1030;
    font-weight: normal;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.profileInfoPopoverTopArrow--P9FY7 {
    right: 16px;
    top: 6px;
    border-top-color: #fff;
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: #fff;
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: rgba(0,0,0,0);
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.profileInfoPopoverInner--seDtg {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 0 8px rgba(0,0,0,.15) \9 ;
    margin-top: 10px;
    padding: 27px 22px 33px 25px
}

.profileInfoPopoverTitle--doVn8 {
    min-width: 244px;
    margin-bottom: 25px;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8
}

.profileInfoPopoverInnerContent--GCfry {
    color: rgba(0,0,0,.65);
    display: flex;
    justify-content: center;
    align-items: center
}

.profilePopoverHeaderAvatarContainer--lBV1n {
    display: flex;
    align-items: center;
    justify-content: center
}

.popoverItemText--YW63V {
    width: 100%
}

.headerLogoContainer--DQP7b {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: "nowrap"
}

.headerLogoH1Container--ZDNAt {
    margin: 0
}

.logoImg--iGSCR {
    width: 40px;
    height: 40px
}

.searchContainer--DhMSY {
    background-color: #fff;
    display: flex;
    height: 100%;
    flex-direction: row;
    font-size: 18px;
    font-weight: 500;
    padding-left: 18px;
    border-radius: 8px;
    width: 100%;
    margin-right: 10px;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .searchContainer--DhMSY {
        font-size:15px;
        margin-bottom: 9px;
        padding-left: 10px
    }
}

.searchField--QZbcz,.searchField--QZbcz:hover,.searchField--QZbcz:active,.searchField--QZbcz:focus {
    display: flex;
    border: none;
    width: 100%;
    line-height: 0;
    outline: none;
    color: #000
}

.searchField--QZbcz::-moz-placeholder {
    color: #ababab;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.searchField--QZbcz::placeholder {
    color: #ababab;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

@media only screen and (max-width: 1080px) {
    .searchField--QZbcz::-moz-placeholder {
        font-size:13px
    }

    .searchField--QZbcz::placeholder {
        font-size: 13px
    }
}

.searchField--QZbcz:-moz-placeholder {
    text-overflow: ellipsis
}

.searchField--QZbcz:placeholder-shown {
    text-overflow: ellipsis
}

.inputSearchIconContainer--ILa17 {
    display: flex;
    align-items: center;
    padding-right: 11px
}

@media only screen and (max-width: 1080px) {
    .inputSearchIconContainer--ILa17 {
        display:none
    }
}

.inputSearchIcon--deOYB {
    display: flex;
    width: 21px;
    height: 20px
}

@media only screen and (max-width: 1080px) {
    .inputSearchIcon--deOYB {
        display:none
    }
}

.searchButton--zl5Mn {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 8px;
    padding-left: 17px;
    padding-right: 17px;
    color: #fff;
    background-color: var(--app-color);
    font-weight: 500;
    line-height: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 54px
}

@media only screen and (max-width: 1080px) {
    .searchButton--zl5Mn {
        height:44px
    }
}

.searchButtonTitle--WfnYC {
    display: flex;
    width: 100%;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (max-width: 1080px) {
    .searchButtonTitle--WfnYC {
        display:none
    }
}

.searchButtonIcon--g7xbu {
    display: none;
    width: 21px;
    height: 20px
}

@media only screen and (max-width: 1080px) {
    .searchButtonIcon--g7xbu {
        display:flex
    }
}

.searchInput--KWmPn {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: row;
    padding-left: 0px;
    line-height: 0;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .searchInput--KWmPn {
        height:44px;
        font-size: 15px;
        padding: 0
    }
}

.autocomplete--XZBH3 {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    color: #000;
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.autocompleteSearchBar--mCJli {
    left: -18px;
    width: calc(100% + 18px)
}

@media only screen and (max-width: 1080px) {
    .autocompleteSearchBar--mCJli {
        left:-10px;
        width: calc(100% + 65px)
    }
}

.autocompleteHeaderSearch--fwgYx {
    top: calc(100% + 18px) !important;
    left: 0;
    width: 100%
}

.autocompleteItem--llGbd {
    display: flex;
    align-items: center;
    padding: 0px 16px;
    cursor: pointer
}

.autocompleteItem--llGbd:last-child {
    border-bottom: none
}

.autocompleteItem--llGbd:hover {
    background-color: #f8f8f8
}

.autocompleteAvatar--enJsx {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    flex-shrink: 0
}

@media only screen and (max-width: 1080px) {
    .autocompleteAvatar--enJsx {
        width:36px;
        height: 36px;
        margin-right: 10px
    }
}

.autocompleteNickname--gUOhx {
    flex: 1 1;
    font-size: 18px;
    line-height: 1.4
}

.autocompleteNickname--gUOhx strong {
    font-weight: 700;
    color: var(--app-color)
}

@media only screen and (max-width: 1080px) {
    .autocompleteNickname--gUOhx {
        font-size:16px
    }
}

.autocompleteLoading--dvQEt {
    padding: 12px 0;
    text-align: center;
    color: #666;
    font-size: 14px
}

@media only screen and (max-width: 1080px) {
    .autocompleteLoading--dvQEt {
        padding:10px 0;
        font-size: 13px
    }
}

.headerSearchAndProfileContainer--WVTrA {
    display: flex;
    flex-direction: row;
    align-items: center
}

.headerSearchMainContainer--nCrXO {
    display: flex
}

@media only screen and (max-width: 1080px) {
    .headerSearchMainContainer--nCrXO {
        display:none
    }
}

.headerSearchButton--t8pEi {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    margin-right: 21px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25)
}

.headerSearchButton--t8pEi:hover {
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25)
}

.headerSearchButtonImg--EzyD4 {
    width: 20px;
    height: 20px
}

.headerSearchLineContainer--V5Z2l {
    width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    z-index: 15
}

.headerSearchLineContainer--V5Z2l form {
    display: flex;
    flex: 1 1
}

.headerSearchLineSearchIconAndInputContainer--wKc8l {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px
}

.headerSearchLineDivider--CsWUP {
    width: 100%;
    height: 1px;
    background-color: #cacaca
}

.headerSearchLineForm--WMrGS {
    width: 100%;
    margin-left: 14px
}

.headerSearchLineInput--hzIsS,.headerSearchLineInput--hzIsS:hover,.headerSearchLineInput--hzIsS:focus {
    width: 100%;
    color: #000;
    border: none;
    height: 40px;
    outline: none
}

.headerSearchLineInput--hzIsS::-moz-placeholder {
    color: #ababab;
    font-size: 18px;
    font-weight: 500
}

.headerSearchLineInput--hzIsS::placeholder {
    color: #ababab;
    font-size: 18px;
    font-weight: 500
}

.headerSearchLineButton--iuug7 {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    height: 44px;
    background-color: var(--app-color);
    border-radius: var(--app-default-btn-lg-border-radius);
    border: none;
    margin-left: 15px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px
}

.headerSearchLineCloseButton--seZNk {
    padding: 0;
    border: 0;
    background-color: #fff;
    margin-left: 22px;
    cursor: pointer
}

.headerSearchLineCloseButtonImg--mnJBx {
    width: 23px;
    height: 23px
}

.headerSearchLineInputContainer--hURFP {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.headerSearchLineSearchCloseButtonContainer--vYje3 {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    margin-right: 20px
}

.headerSearchGreyIcon--B5NfG {
    width: 20px;
    height: 20px
}

.headerAffiliatePromoBannerContainer--ppnmx {
    width: 100%
}

.profilePopoverHeaderWrapper--rhruR {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.profilePopoverHeaderRightSide--tstsM {
    display: flex;
    flex-direction: column;
    row-gap: 7px
}

.avatarContainer--jZsOf {
    display: flex;
    flex-direction: column;
    align-items: center
}

.avatarIconContainer--Bhe8n {
    position: relative;
    bottom: 10px;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    background: var(--app-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.nicknameContainer--KtadD {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #121212;
    max-width: 200px;
    word-wrap: break-word
}

.nicknameContainer--KtadD.empty--E6XzV {
    font-size: 14px;
    line-height: 19.6px;
    color: #616c6f
}

.addCreditsButton--zTp2Z {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    height: 26px;
    padding: 0px 5px;
    background: var(--app-color);
    width: -moz-max-content;
    width: max-content;
    gap: 1px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 20px
}

.addCreditsButton--zTp2Z:hover {
    color: #fff
}

.addCreditsButton--zTp2Z span {
    padding: 1px 3px
}

@keyframes animation-bzdot9--N_nwa {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--P7Yhk {
    font-size: 1rem;
    min-width: 315px;
    padding: 15px;
    padding-bottom: 30px
}

.titleContainer--Jb5yz {
    display: flex;
    align-items: center;
    justify-content: center
}

.radioBtnContainer--bV7Pe {
    border-radius: 4px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

dialog.languagePopupContainer--l4tJj {
    padding: 0;
    width: 315px;
    row-gap: 0
}

.radioBtnLeft--VmIbQ {
    background: #fff;
    color: gray;
    padding: .5rem;
    flex-grow: 1;
    outline: none;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.radioBtnRight--HrTr9 {
    background: #fff;
    color: gray;
    padding: .5rem;
    flex-grow: 1;
    outline: none;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.radioBtnSelected--d2buK {
    background: gray;
    color: #fff;
    border: 1px solid gray
}

.closeBtnContainer--zOQam {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 15px
}

.closeBtn--sBbsI {
    border: none;
    background: rgba(0,0,0,0);
    width: 44px;
    height: 44px;
    cursor: pointer
}

.advisorNotProvideServicesPopupContainer--MurxA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    max-width: 420px
}

.advisorNotProvideServicesPopupTitle--yBVxC {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.advisorNotProvideServicesPopupBody--GICL6 {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px
}

.advisorNotProvideServicesPopupButtonsContainer--bQuH8 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.advisorNotProvideServicesPopupButtonContainer--oVXoo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.advisorNotProvideServicesPopupButtonContainer--oVXoo:first-of-type {
    margin-right: 20px
}

.advisorNotProvideServicesPopupContinueReadingButton--kiiu8 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: 1px solid var(--app-border-gray);
    padding: 10px;
    width: 100%;
    font-weight: 700;
    border-radius: var(--app-default-btn-sm-border-radius)
}

.advisorNotProvideServicesPopupExploreOthersButton--XVnj9 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: 1px solid var(--app-border-gray);
    padding: 10px;
    background-color: var(--app-color);
    color: var(--app-white);
    width: 100%;
    font-weight: 700;
    border-radius: var(--app-default-btn-sm-border-radius)
}

@keyframes animation-bzdot9--u8l4J {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.rootContainer--g8jig {
    display: flex;
    justify-content: center
}

.container--cgp95 {
    max-width: 920px;
    width: 100%
}

.contentDiv--PiJ2f {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--app-border-primary-color)
}

@media only screen and (max-width: 1080px) {
    .contentDiv--PiJ2f {
        border-radius:0;
        border-radius: initial;
        border: medium none currentcolor;
        border: initial
    }
}

.listContent--S9vCr {
    background-color: var(--app-background-color);
    display: block
}

.listItemContent--vSUxS,.arrowListItem--WinSr {
    padding: 1em;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    color: var(--app-text-primary)
}

.arrowListItem--WinSr:hover {
    color: var(--app-color);
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .arrowListItem--WinSr:hover {
        color:inherit
    }
}

.passwordInput--cCfzl {
    text-align: right;
    font-weight: bold;
    background-color: var(--app-background-color);
    font-size: 1rem;
    border: none
}

.passwordInput--cCfzl:hover {
    text-align: right;
    font-weight: bold;
    background-color: var(--app-background-color);
    font-size: 1rem;
    border: none
}

.passwordInput--cCfzl:focus {
    background-color: var(--app-background-color);
    border: none;
    outline: 0 !important
}

.emailInputError--rXWag {
    border-color: var(--app-error-red) !important
}

.emailError--Mwbgq {
    color: var(--app-error-red);
    font-size: .875rem;
    margin-top: .5em
}

.emailEditHeader--Q8rcx {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 28px;
    padding-top: 50px;
    padding-right: 11px
}

@media only screen and (max-width: 1080px) {
    .emailEditHeader--Q8rcx {
        padding-bottom:17px;
        padding-top: 30px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.emailEditBackButton--XkvAE {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .emailEditBackButton--XkvAE {
        padding-right:10px
    }
}

.emailEditTitle--UM2bs {
    color: #000;
    font-size: 44px;
    font-weight: 500;
    margin: 0
}

@media only screen and (max-width: 1080px) {
    .emailEditTitle--UM2bs {
        font-size:26px
    }
}

.emailEditContainer--GDmZG {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 40px 200px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (max-width: 1080px) {
    .emailEditContainer--GDmZG {
        padding:20px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .emailEditContainer--GDmZG {
        padding:40px 100px
    }
}

.emailEditForm--Hvjhx {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.emailEditLabel--k4OXr {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.85);
    margin: 0
}

.emailEditInputWrapper--gtZ3q {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.emailEditInput--J58G4 {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    height: 50px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 16px;
    color: var(--app-text-primary);
    width: 100%;
    box-sizing: border-box
}

.emailEditInput--J58G4::-moz-placeholder {
    color: #ababab
}

.emailEditInput--J58G4::placeholder {
    color: #ababab
}

.emailEditInput--J58G4:focus {
    outline: none;
    border-color: var(--app-color)
}

.emailEditInput--J58G4:disabled {
    opacity: .6;
    cursor: not-allowed
}

.emailEditInput--J58G4.emailInputError--rXWag {
    border-color: var(--app-error-red)
}

.emailEditButton--Ae3sv {
    background-color: #7a4ae2;
    color: #fff;
    border: none;
    border-radius: var(--app-default-btn-lg-border-radius);
    height: 48px;
    padding: 0 16px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s
}

.emailEditButton--Ae3sv:hover:not(:disabled) {
    opacity: .9
}

.emailEditButton--Ae3sv:disabled {
    opacity: .6;
    cursor: not-allowed
}

.emailEditButtonDisabled--lHuSl {
    opacity: .6;
    cursor: not-allowed
}

.emailSuccess--lrGUt {
    color: var(--app-color);
    font-size: .875rem;
    margin-top: .5em
}

.phoneEditContainer--3qmnP {
    border-radius: 8px;
    padding: 40px 200px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (max-width: 1080px) {
    .phoneEditContainer--3qmnP {
        padding:20px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .phoneEditContainer--3qmnP {
        padding:40px 100px
    }
}

.phoneEditSuccessContainer--gLfHZ {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 48px
}

.phoneEditSuccessContent--fkVrt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 48px
}

.phoneEditBackupEmailCard--HvilG {
    width: 100%;
    max-width: 363px
}

.phoneEditContinueButton--EZyVq {
    background-color: #7a4ae2;
    color: #fff;
    border: none;
    border-radius: var(--app-default-btn-lg-border-radius);
    height: 48px;
    padding: 0 16px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s;
    width: 100%;
    max-width: 363px
}

.phoneEditContinueButton--EZyVq:hover {
    opacity: .9
}

.phoneEditContinueButton--EZyVq:disabled {
    opacity: .6;
    cursor: not-allowed
}

.phoneLoginIconContainer--pZcee {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.phoneLoginIconCircle--OErMw {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.phoneLoginIconCircle--OErMw svg {
    width: 70px;
    height: 70px
}

@media only screen and (max-width: 1080px) {
    .phoneLoginIconCircle--OErMw svg {
        width:50px;
        height: 50px
    }
}

.phoneLoginTitleContainer--KRXOv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    text-align: center
}

.phoneLoginTitle--mWpsu {
    font-weight: 700;
    font-size: 37px;
    line-height: 56px;
    color: #000;
    margin: 0;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .phoneLoginTitle--mWpsu {
        font-size:26px;
        line-height: 40px
    }
}

.phoneLoginSubtitle--zNfPe {
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #000;
    margin: 0;
    width: 100%
}

.signOutContainer--NyXUW {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0
}

.signOutContainerModal--Mjc2_ {
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.signOutButton--RhMad {
    width: 157px;
    height: 50px
}

.signOutButtonModal--D1XuS {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    text-align: left;
    color: #121212;
    cursor: pointer;
    border: none;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%
}

.signOutButtonModal--D1XuS:hover {
    background: #f7f7f7
}

.signOutImage--QJoNK {
    width: 24px;
    height: 24px;
    padding: 5px 0;
    margin-left: -8px
}

.popoverLogoutImage--c9sU7 {
    width: 24px;
    height: 24px
}

.signOutButtonModal--D1XuS .signOutImage--QJoNK {
    width: 20px;
    margin-left: -2px
}

.signOutImage--QJoNK :focus {
    color: var(--app-orange)
}

.arrow--B7geI {
    color: var(--app-orange);
    width: 14px;
    height: 14px
}

.notificationPreferencesSpinerContainer--vK5O2 {
    width: 44px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.listTitle--ojjEh {
    padding: 1em;
    background-color: var(--background-secondary);
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    border-bottom: solid 1px var(--app-border-primary-color);
    border-top: solid 1px var(--app-border-primary-color)
}

@media only screen and (max-width: 1080px) {
    .listTitle--ojjEh {
        flex-direction:column
    }
}

.listContent--S9vCr:first-of-type .listTitle--ojjEh:first-of-type {
    border-top: 0;
    border-top: initial
}

@media only screen and (max-width: 1080px) {
    .listContent--S9vCr:first-of-type .listTitle--ojjEh:first-of-type {
        border-top:1px solid var(--app-border-primary-color)
    }
}

.fullDivider--xdDKa {
    background-color: var(--app-border-primary-color);
    height: 1px
}

.marginDivider--Djeq6 {
    background-color: var(--app-border-primary-color);
    height: 1px;
    margin-left: 1em
}

.signOutYesBtnContainer--XC52F {
    border-right: solid var(--app-border-primary-color) 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%
}

.signOutCancelBtnContainer--B2Wcp {
    width: 100%
}

.signOutYesButton--OZlrw,.signOutYesButton--OZlrw:hover,.filterYesButton--WplNM:focus {
    color: var(--app-color);
    width: 100%;
    border: none;
    background: rgba(0,0,0,0);
    cursor: pointer
}

.signOutCancelButton--vnF_I,.signOutCancelButton--vnF_I:hover,.signOutCancelButton--vnF_I:focus {
    color: var(--app-error-red);
    width: 100%;
    border: none;
    background: rgba(0,0,0,0);
    cursor: pointer
}

.footer--yNV2t {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid var(--app-border-primary-color) 1px;
    text-align: center
}

.signOutContentContainer--oNh8J {
    width: 100%;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.signOutHeader--BtbS3 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 10px;
    font-size: 1.3em;
    color: var(--app-text-primary)
}

.signOutBody--_3DwQ {
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px
}

.linkContainer--JvAM4 {
    color: rgba(0,0,0,.65);
    width: 100%;
    height: 100%;
    display: flex
}

.modalSignOutText--A0_IZ {
    width: 100%
}

.userEmailContainer--RFj03 {
    display: flex;
    align-items: center;
    color: var(--app-text-secondary);
    font-weight: 400;
    font-size: 14px
}

@media only screen and (max-width: 1080px) {
    .userEmailContainer--RFj03 {
        justify-content:space-between
    }
}

.userEmailSentToContainer--rcog8 {
    display: flex;
    align-items: center;
    font-size: 14px
}

@media only screen and (max-width: 1080px) {
    .userEmailSentToContainer--rcog8 {
        width:100%
    }
}

.userEmailText--v2GJw {
    color: var(--app-text-primary);
    padding-left: 10px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: end
}

@media only screen and (max-width: 1080px) {
    .userEmailText--v2GJw {
        width:100%
    }
}

.userEmailText--v2GJw::before {
    content: " "
}

.blockedAdvisorsContent--V5tbz {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem
}

@media only screen and (max-width: 1080px) {
    .blockedAdvisorsContent--V5tbz {
        padding:0 10px
    }
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW {
    position: sticky;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 1rem;
    border-radius: .5rem;
    background: #f7f7f7
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .span--T0HW9 {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.8509803922)
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .searchInputContainer--LxFwQ {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    padding-inline:1rem;max-height: 50px;
    border-radius: inherit;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0)
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .searchInputContainer--LxFwQ:has(input:focus) {
    border: 1px solid var(--app-color)
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .searchInputContainer--LxFwQ svg {
    flex-shrink: 0
}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .searchInputContainer--LxFwQ input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    font-size: 1rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin-block:5px}

.blockedAdvisorsContent--V5tbz .searchContainer--d0lvW .searchInputContainer--LxFwQ .clearSearchBtn--QGr_8 {
    background: none;
    display: flex;
    outline: none;
    border: none
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 {
    display: flex;
    flex-direction: column;
    row-gap: .625rem
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    border: 1px solid #e4e4e4;
    border-radius: .5rem;
    background: #fff;
    cursor: pointer
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf .avatar--gnigX {
    display: flex;
    border-radius: 50%;
    width: 3.75rem;
    height: 3.75rem
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf .name--uxlAz {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    flex-grow: 1
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf button {
    display: flex;
    align-items: center;
    padding: .594rem 1rem;
    border-radius: .5rem;
    border: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer;
    height: -moz-max-content;
    height: max-content
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf button.unblock--EDoWD {
    background: #7bd137
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .listItem--NghSf button.block--pkHAq {
    background: #ff6a6a;
    -moz-column-gap: .313rem;
    column-gap: .313rem
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .empty--EXh6P {
    padding: 7.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
    text-align: center
}

.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .empty--EXh6P p,.blockedAdvisorsContent--V5tbz .listWrapper--urOQ2 .empty--EXh6P h3 {
    margin: 0
}

.blockModalTitle--Lp6E6 {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.blockModalBody--Vg5AE {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.blockModalBody--Vg5AE .blockModalDescription--BXjUX {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 1rem;
    row-gap: 1.875rem
}

.blockModalBody--Vg5AE .blockModalDescription--BXjUX h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U {
    border-radius: radius-m;
    border: .5px solid #dfe2ef;
    padding: 0 1rem;
    border-radius: .625rem
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
    cursor: pointer
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 input[type=radio] {
    position: absolute;
    left: -9999px
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 input[type=radio]:checked+.radioMarker--RXvhu:before {
    box-shadow: inset 0 0 0 .438rem var(--app-color),0px 2px 4px 0px rgba(0,0,0,.0745098039) inset
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 .radioMarker--RXvhu:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    transition: .25s ease;
    box-shadow: inset 0 0 0 .031rem #dfe2ef,0px 2px 4px 0px rgba(0,0,0,.0745098039) inset
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 .optionText--Ul35V {
    display: flex;
    align-items: center;
    border-bottom: .5px solid #dfe2ef;
    width: 100%;
    padding-block:1rem}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8:last-of-type .optionText--Ul35V {
    border: none
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 .otherReason--NSK79 {
    width: 100%;
    border-radius: .625rem;
    padding: .781rem .125rem .781rem .75rem;
    border: 1px solid var(--app-border-primary-color)
}

.blockModalBody--Vg5AE .blockReasonsContainer--zIE7U .blockReasonItem--r___8 .otherReason--NSK79:focus {
    border-color: var(--mbw-info-color)
}

.blockModalBody--Vg5AE .blockModalSubmitBtn--OKMUX {
    width: 100%;
    padding: .688rem 0;
    outline: none;
    border: none;
    background-color: var(--app-color);
    border-radius: var(--app-default-btn-lg-border-radius);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer
}

.blockModalBody--Vg5AE .blockModalSubmitBtn--OKMUX:disabled {
    opacity: .7;
    cursor: not-allowed
}

.phoneUpdateContainer--NWBSt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 16px
}

.phoneUpdateContent--zwuMB {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 24px
}

@media(max-width: 768px) {
    .phoneUpdateContent--zwuMB {
        padding-right:5px;
        padding-left: 5px
    }
}

.phoneUpdateTitleContainer--ZWiqe {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center
}

.phoneUpdateTitle--8EbxL {
    font-weight: 700;
    font-size: 37px;
    line-height: 56px;
    color: #000;
    margin: 0
}

@media only screen and (max-width: 1080px) {
    .phoneUpdateTitle--8EbxL {
        font-size:18px;
        line-height: 140%
    }
}

.phoneUpdateSubtitle--D5Cm4 {
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #000;
    margin: 0
}

@media only screen and (max-width: 1080px) {
    .phoneUpdateSubtitle--D5Cm4 {
        font-size:14px
    }
}

.phoneUpdateCard--cJZpS {
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 20px;
    padding: 24px;
    width: 100%;
    max-width: 363px
}

.phoneUpdateCard--cJZpS .phoneEntryInputWrapper--Endl7 {
    border: none;
    padding: 0
}

@media(max-width: 768px) {
    .phoneUpdateCard--cJZpS {
        max-width:334px
    }
}

.phoneUpdateCardContent--abgg2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%
}

.phoneUpdateCard--cJZpS .phoneUpdateCardContent--abgg2 .phoneUpdateInputWrapper--P32I3 {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    border: none;
    padding: 0
}

.phoneUpdatePhoneInputContainer--D7Zka {
    display: flex;
    width: 100%;
    position: relative
}

.phoneUpdateCountrySelector--T3xcr {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px 10px 0;
    border-bottom: .5px solid #dfe2ef;
    border-top: none;
    border-left: none;
    border-right: none;
    background: rgba(0,0,0,0);
    cursor: pointer
}

.phoneUpdateCountrySelector--T3xcr ul.phoneUpdateCountryDropdown--YFVOu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.phoneUpdateCountrySelector--T3xcr ul.phoneUpdateCountryDropdown--YFVOu .search--eUTg_ {
    padding: 10px 0 6px 0px
}

.phoneUpdateCountrySelector--T3xcr ul.phoneUpdateCountryDropdown--YFVOu input {
    height: 40px;
    border-radius: 12px !important;
    margin-left: 0 !important;
    width: 100%
}

.phoneUpdateCountrySelector--T3xcr ul.phoneUpdateCountryDropdown--YFVOu li {
    padding: 7px 12px !important
}

.phoneUpdateCountryDropdown--YFVOu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    max-height: 200px;
    overflow-y: auto
}

.phoneUpdateCountrySearch--KJoH1 {
    padding: 10px 0 6px 0px
}

.phoneUpdateCountryCode--jJIxG {
    flex: 1 1;
    display: flex;
    align-items: center;
    border-bottom: .5px solid #dfe2ef;
    padding: 10px 10px 10px 0
}

.phoneUpdatePhoneInputContainer--D7Zka input.phoneUpdateInput--whr35 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    border: none;
    border-bottom: .5px solid #dfe2ef;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 10px 10px 10px 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    color: #000;
    letter-spacing: -0.1px;
    outline: none;
    border-radius: 0;
    background: rgba(0,0,0,0)
}

.phoneUpdatePhoneInputContainer--D7Zka input.phoneUpdateInput--whr35::-moz-placeholder {
    color: #949494
}

.phoneUpdatePhoneInputContainer--D7Zka input.phoneUpdateInput--whr35::placeholder {
    color: #949494
}

.phoneUpdatePhoneInputContainer--D7Zka input.phoneUpdateInput--whr35:focus {
    border-bottom-color: #8F63EC;
    border-bottom-color: var(--app-color, #8F63EC)
}

.phoneUpdatePhoneInputContainer--D7Zka input.phoneUpdateInput--whr35:disabled {
    opacity: .6;
    cursor: not-allowed
}

.phoneUpdateInputError--xei7w {
    border-bottom-color: #e05959 !important
}

.phoneUpdateError--jz6xN {
    color: #e05959;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    text-align: left
}

.phoneUpdateHelperText--_8x9b {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #9f9f9f;
    letter-spacing: -0.065px;
    margin: 0;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .phoneUpdateHelperText--_8x9b {
        font-size:11px
    }
}

.phoneUpdateEmailLink--tKZHY {
    text-decoration: underline;
    text-underline-position: from-font;
    cursor: pointer
}

.phoneUpdateEmailLink--tKZHY:hover {
    opacity: .8
}

.phoneUpdateButton--vHxPE {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 363px;
    height: 48px;
    padding: 0 16px;
    border-radius: var(--app-default-btn-lg-border-radius);
    background-color: #8F63EC;
    background-color: var(--app-color, #8F63EC);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease;
    outline: none
}

.phoneUpdateButton--vHxPE:hover:not(:disabled) {
    opacity: .9
}

.phoneUpdateButton--vHxPE:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed
}

@media(max-width: 768px) {
    .phoneUpdateButton--vHxPE {
        max-width:334px
    }
}

.phoneUpdateButtonDisabled--RBsgS {
    background-color: #d3d3d3 !important
}

.phoneEntryContainer--vpKx4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    gap: 16px;
    padding-top: 0
}

@media(max-width: 768px) {
    .phoneEntryContainer--vpKx4 {
        gap:24px;
        padding-top: 24px
    }
}

.phoneEntryContent--OIqRM {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 36px
}

@media(max-width: 768px) {
    .phoneEntryContent--OIqRM {
        gap:24px;
        padding-right: 5px;
        padding-left: 5px
    }
}

.phoneEntryForm--MtY2i {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 363px;
    align-items: center
}

@media(max-width: 768px) {
    .phoneEntryForm--MtY2i {
        max-width:334px
    }
}

.phoneEntrySubmitButton--aVaZp {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 363px;
    height: 48px;
    padding: 0 16px;
    border-radius: var(--app-default-btn-lg-border-radius);
    background-color: #7a4ae2;
    background-color: var(--app-color, #7a4ae2);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease;
    outline: none
}

.phoneEntrySubmitButton--aVaZp:hover:not(:disabled) {
    opacity: .9
}

.phoneEntrySubmitButton--aVaZp:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed
}

.phoneEntrySubmitButtonDisabled--cwqz4 {
    background-color: #d3d3d3 !important
}

.phoneEntryTermsContainer--bDSjO {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    max-width: 363px
}

.phoneEntryTermsCheckbox--y3gdd {
    margin-top: 4px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.phoneEntryTermsLabel--RrdFW {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #636570;
    cursor: pointer;
    flex: 1 1
}

.phoneEntryTermsLink--FX6Fs {
    color: #8F63EC;
    color: var(--app-color, #8F63EC);
    text-decoration: underline
}

.phoneEntryTermsLink--FX6Fs:hover {
    text-decoration: none
}

dialog.blockReasonPopover--o2JIl {
    width: 500px;
    gap: 1rem;
    padding: 1.5rem 1rem 1rem 1rem
}

@media screen and (max-width: 48rem) {
    dialog.blockReasonPopover--o2JIl {
        width:100%
    }
}

dialog.phoneChangeConfirmationModalPopover--Au4Zf {
    padding: 0;
    border-radius: 16px
}

@media screen and (max-width: 48rem) {
    dialog.phoneChangeConfirmationModalPopover--Au4Zf {
        width:100%;
        max-width: 375px
    }
}

.phoneChangeConfirmationModalContainer--u9DFD {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 343px;
    padding: 16px;
    background-color: #fff;
    border-radius: 16px
}

@media screen and (max-width: 48rem) {
    .phoneChangeConfirmationModalContainer--u9DFD {
        width:100%;
        max-width: 375px
    }
}

.phoneChangeConfirmationModalTitle--OKGd_ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    width: 100%;
    gap: 10px
}

.phoneChangeConfirmationModalTitle--OKGd_ svg {
    width: 24px;
    height: 24px
}

.phoneChangeConfirmationModalTitleText--vJlLI {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: #121212;
    text-align: start;
    margin: 0
}

.phoneChangeConfirmationModalBody--F8OhL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin-bottom: 6px
}

.phoneChangeConfirmationModalBodyText--cAckc {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #121212;
    text-align: start;
    margin: 0
}

.phoneChangeConfirmationModalButton--s7RFl {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border-radius: var(--app-default-btn-lg-border-radius);
    background-color: #8F63EC;
    background-color: var(--app-color, #8F63EC);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease,opacity .2s ease;
    outline: none
}

.phoneChangeConfirmationModalButton--s7RFl:hover:not(:disabled) {
    opacity: .9
}

.phoneChangeConfirmationModalButton--s7RFl:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed
}

.phoneEditTokenValidationLoader--hUbPX {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    width: 100%
}

.phoneEditTokenValidationLoaderSpinner--Qr_LE {
    width: 44px;
    height: 44px
}

dialog.phoneEditTokenErrorPopover--YykNQ {
    padding: 0;
    border-radius: 16px
}

@media screen and (max-width: 48rem) {
    dialog.phoneEditTokenErrorPopover--YykNQ {
        width:100%;
        max-width: 375px
    }
}

.phoneEditTokenErrorContainer--FDG9w {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 343px;
    padding: 16px;
    background-color: #fff;
    border-radius: 16px
}

@media screen and (max-width: 48rem) {
    .phoneEditTokenErrorContainer--FDG9w {
        width:100%;
        max-width: 375px
    }
}

.phoneEditTokenErrorBody--KVvg_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 100%
}

.phoneEditTokenErrorText--cOxpY {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #121212;
    text-align: start;
    margin: 0
}

.phoneEditTokenErrorButton--xKKtc {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border-radius: var(--app-default-btn-lg-border-radius);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    border: 1px solid #e1e1e1;
    box-shadow: 0 -3px 0 0 #f7f7f7 inset;
    cursor: pointer;
    transition: background-color .2s ease,opacity .2s ease;
    outline: none
}

.phoneEditTokenErrorButton--xKKtc:hover:not(:disabled) {
    opacity: .9
}

.popupOverlay--vbYOt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    background-color: rgba(0,0,0,.65);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.mobileContainer--Xf0GX {
    width: 100%;
    height: 100%;
    position: fixed;
    overscroll-behavior-x: none
}

.popupContainer--tX0ar {
    width: 63%;
    height: 65%;
    position: fixed
}

.header--WWQnb {
    width: 100%;
    display: flex;
    text-align: left;
    border-bottom: #d3d3d3 1px solid;
    align-items: center;
    height: 50px;
    margin-bottom: 1px;
    background-color: #fff;
    justify-content: center
}

.cropperFrame--M53ML {
    position: relative;
    width: 100%;
    height: calc(100% - 100px)
}

.mobileCroperFrame--n_nhi {
    position: relative;
    width: 100%;
    height: calc(100% - 100px)
}

.footer--yW_Ic {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 10px;
    background-color: #fff;
    align-items: center;
    touch-action: pan-y
}

.confirmButton--w_aLL {
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: var(--app-color);
    border: none;
    border-radius: var(--app-default-btn-sm-border-radius);
    cursor: pointer
}

.cancelButton--h8erj {
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #acafb6;
    border: none;
    margin-right: 10px;
    border-radius: var(--app-default-btn-sm-border-radius);
    cursor: pointer
}

dialog .cropperPopupContent--wex7q {
    display: flex;
    justify-content: center;
    align-items: center
}

.loaderConteiner--DoW_3 {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.7)
}

.loaderConteinerHide--q21dP {
    display: none
}

.loader--d6Nuj {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: var(--loaderContainerSize);
    height: var(--loaderContainerSize)
}

.loader--d6Nuj div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: var(--loaderSize);
    height: var(--loaderSize);
    margin: 10px;
    border: var(--loaderBorder) solid var(--loaderColor);
    border-radius: 50%;
    animation: loader--d6Nuj 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--loaderColor) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.loader--d6Nuj div:nth-child(1) {
    animation-delay: -0.45s
}

.loader--d6Nuj div:nth-child(2) {
    animation-delay: -0.3s
}

.loader--d6Nuj div:nth-child(3) {
    animation-delay: -0.15s
}

@keyframes loader--d6Nuj {
    0% {
        transform: rotate(0deg)
    }

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

.antSliderHandle--JOZx7 {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: -1px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,.65);
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer
}

.sliderTrack--gVh_a {
    position: absolute;
    z-index: 1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    height: 8px;
    background-color: var(--app-color)
}

.sliderRoot--xKkOa {
    display: flex;
    width: 100%;
    justify-items: center;
    height: 5px;
    position: relative;
    background-color: #ddd;
    border-radius: 2px;
    touch-action: pan-y
}

.rail--HmXQ1 {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 2px
}

.button--HxDTz {
    border: none;
    background: none;
    outline: none
}

.marketingImage2Items--sTM3i {
    width: 69px;
    height: 76px
}

.marketingImage1ItemContainer--ebM3u {
    display: flex;
    height: 80px;
    align-items: flex-end
}

.marketingImage1Item--VEiPR {
    width: 136px;
    height: 68px
}

.topBannerContainer--xdGql {
    display: flex;
    width: 100%;
    --mbw-fs-h4-sm: 1.1rem;
    --mbw-fs-h4-md: 1.2rem;
    --mbw-fs-h4-lg: 1.2rem;
    --mbw-line-height-medium: 1.2;
    --mbw-line-height-large: 1.2
}

.topBannerContainerOverlay--nrFlq {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    z-index: 10
}

@keyframes animation-bzdot9--RK8EC {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.footerHolder--tiJEl {
    background: var(--background-secondary);
    position: relative;
    margin-top: 84px;
    width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
    margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2)
}

@media only screen and (max-width: 480px) {
    .footerContent--OQswX {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .footerContent--OQswX {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .footerContent--OQswX {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .footerContent--OQswX {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .footerContent--OQswX {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .footerContent--OQswX {
        max-width:1440px
    }
}

.footerContent--OQswX {
    margin: 0 auto;
    padding: 70px 0px 50px 0px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .footerContent--OQswX {
        margin:0 10px;
        padding: 30px 0px 55px 0px
    }
}

@keyframes animation-bzdot9--Ng9Bg {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContainer--ymhQ4 {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    left: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.specialtyContentAreaContainer--i3Y3o {
    margin-left: 10px;
    margin-right: 10px
}

.specialtyContentArea--WPa1w {
    width: 100%;
    margin-top: 80px;
    border: solid 1px #eaeaea;
    background-color: #fff;
    padding: 25px 30px;
    border-radius: 20px
}

.articleTitle--r7YY2 {
    margin: 0 0 7px 0;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: #000
}

@media only screen and (max-width: 1080px) {
    .articleTitle--r7YY2 {
        font-size:22px
    }
}

.articleSubtitle--sBoI1 {
    margin: 0 0 7px 0;
    font-weight: 400;
    font-size: 20px;
    text-align: left;
    color: #000
}

@media only screen and (max-width: 1080px) {
    .articleSubtitle--sBoI1 {
        font-size:17px
    }
}

.articleTextBox--CDu0t {
    text-align: left;
    color: #565656;
    display: inline-block
}

.showMoreOrLessBtn--g2fdr {
    display: inline;
    border: 0px;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    color: #000;
    cursor: pointer;
    padding: 0
}

@media only screen and (max-width: 1080px) {
    .showMoreOrLessBtn--g2fdr {
        font-size:14px;
        line-height: 1
    }
}

.articleText--iO7KU {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    color: #565656;
    display: block;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .articleText--iO7KU {
        font-size:14px;
        line-height: 1.5
    }
}

@keyframes animation-bzdot9--WI1Y1 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.text--jqiqc {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    margin-top: 18px;
    white-space: pre-wrap;
    display: -webkit-box;
}

@media only screen and (max-width: 1080px) {
    .text--jqiqc {
        font-size:15px;
        margin-top: 0;
        line-height: 22px
    }
}

.readMoreBtn--sQaeu {
    font-weight: 700;
    font-size: 20px;
    border: none;
    background-color: rgba(0,0,0,0);
    padding: 0;
    padding-left: 3px;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .readMoreBtn--sQaeu {
        font-size:15px
    }
}

.skeleton--_2xg9 {
    width: 148px !important;
    margin-left: 9px;
    height: 207px !important
}

@media only screen and (max-width: 1080px) {
    .skeleton--_2xg9 {
        width:100px !important;
        margin-left: 9px;
        height: 147px !important
    }
}

.ellipsisContainer--w8UDc {
    white-space: nowrap;
    overflow: hidden
}

.ellipsisText--sLE8v{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: var(--rows);
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word
}

.ellipsisText--sLE8v--content{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: var(--rows);
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word
}

.ellipsisText--sLE8v * {
    display: inline
}

@keyframes animation-bzdot9--Jz5ZD {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.navigationStackBarContainer--hN7m4 {
    height: 66px;
    min-height: 66px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    background-color: rgba(0,0,0,0)
}

.navigationStackBarContentHolder--f8Luc {
    width: 100%;
    display: flex
}

@media only screen and (max-width: 480px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .navigationStackBarContentHolder--f8Luc {
        max-width:1440px
    }
}

.navigationStackBarContentHolder--f8Luc {
    width: 100%;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .navigationStackBarContentHolder--f8Luc {
        padding-left:10px;
        padding-right: 10px
    }
}

.navigationItemContainer--CN4mt {
    display: flex;
    align-items: center;
    justify-content: center
}

.navigationItemTitle--NYz8i,.navigationItemTitle--NYz8i:hover {
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textColor)
}

@media only screen and (max-width: 1080px) {
    .navigationItemTitle--NYz8i,.navigationItemTitle--NYz8i:hover {
        font-size:12px;
        font-weight: 700;
        margin-right: 16px
    }
}

.navigationItemArrow--sSOR_ {
    display: flex;
    width: 5px;
    height: 15px;
    margin-right: 20px;
    color: var(--textColor)
}

@media only screen and (max-width: 1080px) {
    .navigationItemArrow--sSOR_ {
        width:4px;
        height: 13px;
        margin-right: 16px
    }
}

@keyframes animation-bzdot9--gCUws {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContentContainer--MAC1m {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 80px
}

@media only screen and (max-width: 1080px) {
    .mainContentContainer--MAC1m {
        margin-top:40px
    }
}

.sectionHeader--yuQ9j {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    align-items: center;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeader--yuQ9j {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .sectionHeader--yuQ9j {
        margin-bottom:10px
    }
}

.sectionHeaderSeparator--Q0Ngy {
    width: 22px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeaderSeparator--Q0Ngy {
        width:9px
    }
}

.sectionIcon--DKv1X {
    width: 50px;
    height: 50px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionIcon--DKv1X {
        width:25px;
        height: 25px
    }
}

.advisorContainer--pp2Tt {
    border: solid #f1f1f1 1px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex-direction: row;
    transition: all .3s ease;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 31px;
    padding-right: 45px
}

@media only screen and (max-width: 990px) {
    .advisorContainer--pp2Tt {
        flex-direction:column;
        padding: 10px
    }
}

.avatarHolder--k0Il9 {
    position: relative;
    width: 30%;
    transition: all .3s ease;
    min-height: 100%;
    min-width: 382px
}

@media only screen and (max-width: 990px) {
    .avatarHolder--k0Il9 {
        width:100%;
        min-width: 0;
        min-width: initial
    }
}

.avatarContainer--joIZT {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .avatarContainer--joIZT {
        width:100%;
        margin-right: 0px
    }
}

.advisorInfoContainer--Ypbz3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-left: 31px;
    min-height: 100%
}

@media only screen and (max-width: 990px) {
    .advisorInfoContainer--Ypbz3 {
        margin-left:0px
    }
}

.advisorInfoHeader--q7WbF {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .advisorInfoHeader--q7WbF {
        display:none
    }
}

.advisorTitle--HZY7H {
    font-weight: 700;
    font-size: 34px;
    line-height: 51px
}

.advisorSubtitle--PJMas {
    font-weight: 400;
    font-size: 22px;
    color: dimgray;
    line-height: 33px
}

.rating--JtRRp {
    display: flex;
    background-color: #ffecbc;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.footer--R9nN9 {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    transition: all .3s ease;
    margin-bottom: 31px
}

@media only screen and (max-width: 990px) {
    .footer--R9nN9 {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 990px) {
    .footer--R9nN9.v2--TAErj {
        flex-direction:row;
        justify-content: space-between
    }
}

.staffPickDescription--Rgr5l {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 3s ease;
    word-break: break-all
}

@media only screen and (max-width: 990px) {
    .staffPickDescription--Rgr5l {
        line-height:22px;
        font-size: 15px;
        padding-bottom: 0px;
        height: auto;
        height: initial
    }
}

.advisorViewLink--PA5Yn {
    width: 100%;
    color: #000
}

.advisorViewLink--PA5Yn:hover {
    color: #000
}

.serviceTitleContainer--nd13x {
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .serviceTitleContainer--nd13x {
        padding-top:10px;
        padding-bottom: 10px;
        margin-bottom: 0px !important
    }
}

.previewAdvisorCTAContainer--ys_JC {
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--ys_JC {
        display:none
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--ys_JC {
        display:none
    }
}

.imgContainerHolder--WFN1A {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.statusLabel--b3spB {
    display: flex;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 2px 25px 2px 25px
}

@media only screen and (max-width: 1080px) {
    .statusLabel--b3spB {
        font-size:10px;
        padding: 3px 7px 2px 7px
    }
}

.imgContainerHolder--WFN1A::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.imgContainer--jSHLb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    flex-direction: column
}

.statusContainer--cEZwt {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.image--VmYts {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover
}

.advisorCountryContainer--nlDJ5 {
    top: 0px;
    left: 18px;
    margin-bottom: 7px;
    width: 32px;
    height: 23px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    box-sizing: content-box;
    z-index: 1
}

@media only screen and (max-width: 1080px) {
    .advisorCountryContainer--nlDJ5 {
        left:8px;
        width: 16px;
        height: 11px;
        margin-bottom: 0px;
        border-radius: 3px;
        border: 1px solid #fff;
        box-sizing: content-box
    }
}

.indicatorContainer--C6Xlc {
    border-radius: 20px;
    justify-content: center;
    align-self: center;
    z-index: 9;
    position: absolute;
    padding: 3px;
    background-color: #fff
}

.onlineIndicator--B5Hfp {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: var(--app-online-indicator-color);
    z-index: 10;
    display: flex;
    justify-content: center
}

.offlineIndicator--S8oR1 {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: var(--app-offline-indicator-color);
    z-index: 10;
    display: flex;
    justify-content: center
}

.busyIndicator--XrDmx {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: var(--app-busy-indicator-color);
    z-index: 10;
    display: flex;
    justify-content: center
}

.indicatorSkeleton--srpV4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--gCUws 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.indicatorSkeleton--srpV4 * {
    display: none
}

.indicatorSkeleton--srpV4 {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: "transpared";
    z-index: 10;
    display: flex;
    justify-content: center;
    min-width: 101px;
    min-height: 24px
}

@media only screen and (max-width: 1080px) {
    .indicatorSkeleton--srpV4 {
        min-width:52px;
        min-height: 20px
    }
}

.newAdvisorText--ER6QX {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding-left: 3px
}

.ratingText--Vl2vl {
    padding-left: 6px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.ratingTextSkeleton--LSja4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--gCUws 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.ratingTextSkeleton--LSja4 * {
    display: none
}

.ratingTextSkeleton--LSja4 {
    width: 20px;
    height: 20px
}

.ratingContainer--UDHsE {
    display: flex;
    align-items: center;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px !important;
    font-weight: 500;
    font-size: 20px;
    height: 36px;
    min-width: 83px;
    border: 1px solid #eaeaea;
    background: var(--app-rating-bg-color)
}

.ratingContainer--UDHsE.new--ivXaI {
    background: var(--app-new-advisor-badge-color)
}

@media only screen and (max-width: 1080px) {
    .ratingContainer--UDHsE {
        height:32px;
        font-size: 17px;
        padding-right: 11px;
        padding-left: 11px
    }
}

.ratingContainerSkeleton--dC3ht {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--gCUws 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.ratingContainerSkeleton--dC3ht * {
    display: none
}

.advisorNickNameContainer--ncJUR {
    color: #fff
}

.serviceTitleContainer--nd13x {
    color: #fff
}

.rateAndFavouriteContainer--HfL8A {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 70%)
}

.rateAndFavouriteContainer--HfL8A .ratingContainer--UDHsE:not(.new--ivXaI) {
    background: var(--app-rating-on-img-bg-color)
}

.playVideoBtnContainerHolder--qJS4q,.playVideoBtnContainerHolderKA--hE2MU {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 36px
}

@media only screen and (max-width: 1080px) {
    .playVideoBtnContainerHolder--qJS4q,.playVideoBtnContainerHolderKA--hE2MU {
        min-height:20px
    }
}

.playVideoBtnContainer--b6anH {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 44px;
    height: 44px;
    right: calc((44px - 23px)/-2)
}

@media only screen and (max-width: 1080px) {
    .playVideoBtnContainer--b6anH {
        right:calc((44px - 10px)/-2)
    }
}

.playVideoBtnContainerKA--wF4pX {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 36px;
    height: 36px;
    right: calc((36px - 23px)/-2)
}

@media only screen and (max-width: 1080px) {
    .playVideoBtnContainerKA--wF4pX {
        width:18px;
        height: 18px;
        right: calc((18px - 10px)/-2)
    }
}

.playVideoImg--gGeFL {
    width: 23px;
    height: 30px
}

@media only screen and (max-width: 1080px) {
    .playVideoImg--gGeFL {
        width:10px;
        height: 14px
    }
}

@media only screen and (max-width: 1080px) {
    .nickNameAndServiseTitleConatiner--M518D {
        padding-bottom:14px !important;
        padding-left: 10px !important;
        padding-right: 5px !important
    }
}

.readingSinceAndCountItemContainer--NcsJZ {
    display: flex;
    width: 100%
}

.starImg--QUMMT {
    width: 21px;
    height: 19px
}

.personal--Wizlo {
    width: 100%;
    height: 100%
}

.personal--Wizlo .statusLabel--b3spB {
    display: none
}

.personal--Wizlo .statusContainer--cEZwt {
    height: 6px
}

.personal--Wizlo .indicatorContainer--C6Xlc {
    top: -6px;
    width: 70%
}

.personal--Wizlo .indicatorSkeleton--srpV4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--gCUws 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.personal--Wizlo .indicatorSkeleton--srpV4 * {
    display: none
}

.personal--Wizlo .indicatorSkeleton--srpV4 {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: "transpared";
    z-index: 10;
    display: flex;
    justify-content: center;
    min-width: 62px;
    min-height: 3px
}

@media only screen and (max-width: 1080px) {
    .personal--Wizlo .indicatorSkeleton--srpV4 {
        min-width:58px;
        min-height: 3px
    }
}

.personal--Wizlo .rateAndFavouriteContainer--HfL8A {
    display: none
}

.personal--Wizlo .nickNameAndServiseTitleConatiner--M518D {
    display: none
}

.personal--Wizlo .onlineIndicator--B5Hfp {
    height: 3px
}

.personal--Wizlo .offlineIndicator--S8oR1 {
    height: 3px
}

.personal--Wizlo .busyIndicator--XrDmx {
    height: 3px
}

.personal--Wizlo .statusContainer--cEZwt {
    height: 3px
}

.personal--Wizlo .indicatorContainer--C6Xlc {
    top: -4px;
    width: 70%
}

@media only screen and (max-width: 1080px) {
    .personal--Wizlo .rateAndFavouriteContainer--HfL8A {
        position:absolute;
        top: 0px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 11;
        width: 100%;
        border-radius: 10px
    }

    .personal--Wizlo .playVideoBtnContainer--b6anH {
        display: none
    }

    .personal--Wizlo .playVideoBtnContainerKA--wF4pX {
        display: none
    }

    .personal--Wizlo .ratingContainer--UDHsE {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 15px;
        min-width: 42px
    }

    .personal--Wizlo .newAdvisorText--ER6QX {
        font-size: 8px;
        font-weight: 700;
        color: #fff;
        padding-left: 3px;
        line-height: 1
    }

    .personal--Wizlo .starImg--QUMMT {
        width: 8px;
        height: 8px
    }

    .personal--Wizlo .ratingText--Vl2vl {
        padding-left: 2px;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        color: #000
    }

    .personal--Wizlo .favouriteContainer--aDLfG {
        display: none
    }

    .personal--Wizlo .nickNameAndServiseTitleConatiner--M518D {
        display: none
    }

    .personal--Wizlo .statusContainer--cEZwt {
        height: 4px
    }

    .personal--Wizlo .indicatorContainer--C6Xlc {
        top: -4px
    }
}

.badge--iH0ZN,.advisors_from_country--c_uTW {
    width: 100%
}

.badge--iH0ZN .imgContainerHolder--WFN1A,.advisors_from_country--c_uTW .imgContainerHolder--WFN1A {
    position: relative;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-radius: 0;
    overflow: hidden
}

.badge--iH0ZN .image--VmYts,.advisors_from_country--c_uTW .image--VmYts {
    width: 100%;
    border-radius: 0px;
    overflow: hidden
}

.badge--iH0ZN .rateAndFavouriteContainer--HfL8A,.advisors_from_country--c_uTW .rateAndFavouriteContainer--HfL8A {
    position: absolute;
    top: 0px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 11;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.badge--iH0ZN .ratingContainer--UDHsE,.advisors_from_country--c_uTW .ratingContainer--UDHsE {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 51px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 36px;
    min-width: 83px
}

.badge--iH0ZN .starImg--QUMMT,.advisors_from_country--c_uTW .starImg--QUMMT {
    width: 18px;
    height: 18px
}

.badge--iH0ZN .ratingText--Vl2vl,.advisors_from_country--c_uTW .ratingText--Vl2vl {
    padding-left: 6px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.badge--iH0ZN .newAdvisorText--ER6QX,.advisors_from_country--c_uTW .newAdvisorText--ER6QX {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding-left: 3px;
    line-height: 1
}

.badge--iH0ZN .favouriteContainer--aDLfG,.advisors_from_country--c_uTW .favouriteContainer--aDLfG {
    display: none
}

.badge--iH0ZN .favoriteImg--G3C9U,.advisors_from_country--c_uTW .favoriteImg--G3C9U {
    width: 28px;
    height: 26px
}

.badge--iH0ZN .nickNameAndServiseTitleConatiner--M518D,.advisors_from_country--c_uTW .nickNameAndServiseTitleConatiner--M518D {
    position: absolute;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 25px;
    line-height: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
    padding-top: 10px
}

.badge--iH0ZN .nickNameContainer--AErAt,.advisors_from_country--c_uTW .nickNameContainer--AErAt {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.badge--iH0ZN .nickNameText--LoWuQ,.advisors_from_country--c_uTW .nickNameText--LoWuQ {
    width: 100%;
    max-width: 100%;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.badge--iH0ZN .serviceTitleContainer--nd13x,.advisors_from_country--c_uTW .serviceTitleContainer--nd13x {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.badge--iH0ZN .serviceTitleText--AOJGz,.advisors_from_country--c_uTW .serviceTitleText--AOJGz {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #e4e4e4
}

@media only screen and (max-width: 1080px) {
    .badge--iH0ZN .imgContainerHolder--WFN1A,.advisors_from_country--c_uTW .imgContainerHolder--WFN1A {
        position:relative;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-radius: 0;
        overflow: hidden
    }

    .badge--iH0ZN .image--VmYts,.advisors_from_country--c_uTW .image--VmYts {
        width: 100%;
        border-radius: 0px;
        overflow: hidden
    }

    .badge--iH0ZN .rateAndFavouriteContainer--HfL8A,.advisors_from_country--c_uTW .rateAndFavouriteContainer--HfL8A {
        position: absolute;
        top: 0px;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 11;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .badge--iH0ZN .ratingContainer--UDHsE,.advisors_from_country--c_uTW .ratingContainer--UDHsE {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 20px;
        min-width: 44px
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .badge--iH0ZN .ratingContainer--UDHsE,.advisors_from_country--c_uTW .ratingContainer--UDHsE {
        padding-left:5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px
    }
}

@media only screen and (max-width: 1080px) {
    .badge--iH0ZN .starImg--QUMMT,.advisors_from_country--c_uTW .starImg--QUMMT {
        width:10px;
        height: 10px
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .badge--iH0ZN .starImg--QUMMT,.advisors_from_country--c_uTW .starImg--QUMMT {
        width:10px;
        height: 10px
    }
}

@media only screen and (max-width: 1080px) {
    .badge--iH0ZN .ratingText--Vl2vl,.advisors_from_country--c_uTW .ratingText--Vl2vl {
        padding-left:6px;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        color: #000
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .badge--iH0ZN .ratingText--Vl2vl,.advisors_from_country--c_uTW .ratingText--Vl2vl {
        padding-left:3px;
        font-size: 10px
    }
}

@media only screen and (max-width: 1080px) {
    .badge--iH0ZN .newAdvisorText--ER6QX,.advisors_from_country--c_uTW .newAdvisorText--ER6QX {
        font-size:8px;
        line-height: 1
    }

    .badge--iH0ZN .favoriteImg--G3C9U,.advisors_from_country--c_uTW .favoriteImg--G3C9U {
        width: 13px;
        height: 11px
    }

    .badge--iH0ZN .advisorNickNameContainer--ncJUR,.advisors_from_country--c_uTW .advisorNickNameContainer--ncJUR {
        display: none
    }

    .badge--iH0ZN .serviceTitleContainer--nd13x,.advisors_from_country--c_uTW .serviceTitleContainer--nd13x {
        display: none
    }
}

.staff_pick--OsLKF {
    width: 100%;
    height: 100%
}

.staff_pick--OsLKF .rateAndFavouriteContainer--HfL8A {
    position: absolute;
    top: 0px;
    padding: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 11;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.staff_pick--OsLKF .imgContainerHolder--WFN1A {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.staff_pick--OsLKF .favouriteContainer--aDLfG {
    display: none
}

.staff_pick--OsLKF .ratingContainer--UDHsE {
    display: none
}

.staff_pick--OsLKF .newAdvisorText--ER6QX {
    display: none
}

.staff_pick--OsLKF .favoriteImg--G3C9U {
    width: 28px;
    height: 26px
}

.staff_pick--OsLKF .nickNameAndServiseTitleConatiner--M518D {
    display: none
}

.staff_pick--OsLKF .image--VmYts {
    width: 100%;
    border-radius: 20px;
    overflow: hidden
}

.staff_pick--OsLKF .playVideoBtnContainerKA--wF4pX {
    width: 44px;
    height: 44px;
    right: auto;
    right: initial;
    left: -7px
}

.staff_pick--OsLKF .playVideoImgKA--GprpG {
    width: 44px;
    height: 44px
}

@media only screen and (max-width: 1080px) {
    .staff_pick--OsLKF {
        display:flex;
        align-items: center;
        justify-content: center
    }

    .staff_pick--OsLKF .mainContainer--gdb1e {
        width: 100%;
        max-width: 355px;
        max-height: 355px
    }

    .staff_pick--OsLKF .imgContainerHolder--WFN1A {
        position: relative;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .staff_pick--OsLKF .imgContainerHolder--WFN1A {
        border-bottom-left-radius:10px;
        border-bottom-right-radius: 10px;
        max-width: 355px;
        max-height: 355px
    }
}

@media only screen and (max-width: 1080px) {
    .staff_pick--OsLKF .image--VmYts {
        width:100%;
        border-radius: 10px;
        overflow: hidden
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .staff_pick--OsLKF .image--VmYts {
        border-radius:0px
    }
}

@media only screen and (max-width: 1080px) {
    .staff_pick--OsLKF .rateAndFavouriteContainer--HfL8A {
        position:absolute;
        top: 0px;
        padding: 18px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 11;
        width: 100%;
        border-radius: 10px;
        gap: 10px
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .staff_pick--OsLKF .ratingContainer--UDHsE {
        padding-left:5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 31px;
        min-width: 72px
    }
}

@media only screen and (max-width: 1080px) {
    .staff_pick--OsLKF .newAdvisorText--ER6QX {
        display:flex;
        font-size: 8px;
        font-weight: 700;
        color: #fff;
        padding-left: 3px
    }

    .staff_pick--OsLKF .favouriteContainer--aDLfG {
        display: none
    }

    .staff_pick--OsLKF .favoriteImg--G3C9U {
        width: 32px;
        height: 29px
    }

    .staff_pick--OsLKF .nickNameAndServiseTitleConatiner--M518D {
        display: none
    }
}

@media only screen and (max-width: 1080px)and (max-width: 990px) {
    .staff_pick--OsLKF .nickNameAndServiseTitleConatiner--M518D {
        position:absolute;
        z-index: 2;
        width: 100%;
        line-height: 1;
        display: flex;
        flex-direction: column;
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 25px !important;
        padding-top: 10px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)
    }
}

@media only screen and (max-width: 1080px) {
    .staff_pick--OsLKF .nickNameContainer--AErAt {
        width:100%;
        max-width: 100%;
        display: inline;
        display: initial
    }

    .staff_pick--OsLKF .nickNameText--LoWuQ {
        width: 100%;
        max-width: 100%;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        line-height: normal
    }

    .staff_pick--OsLKF .serviceTitleContainer--nd13x {
        width: 100%;
        max-width: 100%;
        display: inline;
        display: initial;
        padding-top: 5px
    }

    .staff_pick--OsLKF .serviceTitleText--AOJGz {
        width: 100%;
        max-width: 100%;
        font-size: 17px;
        font-weight: 400;
        color: #c6c6c6
    }

    .staff_pick--OsLKF .readingSinceAndCountItemContainer--NcsJZ {
        display: none
    }

    .staff_pick--OsLKF .statusLabel--b3spB {
        display: flex;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        padding: 2px 25px 2px 25px
    }

    .staff_pick--OsLKF .playVideoImg--gGeFL {
        width: 23px;
        height: 30px
    }

    .staff_pick--OsLKF .playVideoBtnContainerHolderKA--hE2MU {
        justify-content: flex-start
    }

    .staff_pick--OsLKF .playVideoBtnContainerKA--wF4pX {
        position: relative;
        width: 31px;
        height: 31px;
        left: auto;
        left: initial
    }

    .staff_pick--OsLKF .playVideoImgKA--GprpG {
        width: 31px;
        height: 31px
    }
}

@media only screen and (max-width: 990px) {
    .staff_pick--OsLKF .ratingContainer--UDHsE {
        padding-left:8px;
        padding-right: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .staff_pick--OsLKF .starImg--QUMMT {
        width: 16px;
        height: 16px
    }

    .staff_pick--OsLKF .ratingText--Vl2vl {
        padding-left: 6px;
        font-size: 17px;
        font-weight: 500;
        line-height: 1;
        color: #000
    }
}

.badge_end_to_end--eOvtD {
    width: 100%;
    height: 100%
}

.badge_end_to_end--eOvtD .statusLabel--b3spB {
    display: none
}

.badge_end_to_end--eOvtD .imgContainerHolder--WFN1A {
    position: relative;
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

.badge_end_to_end--eOvtD .image--VmYts {
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

.badge_end_to_end--eOvtD .rateAndFavouriteContainer--HfL8A {
    position: absolute;
    top: 0px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 11;
    width: 100%;
    border-radius: 15px
}

.badge_end_to_end--eOvtD .ratingContainer--UDHsE {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 51px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 24px;
    min-width: 56px
}

.badge_end_to_end--eOvtD .starImg--QUMMT {
    width: 13px;
    height: 12px
}

.badge_end_to_end--eOvtD .ratingText--Vl2vl {
    padding-left: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.badge_end_to_end--eOvtD .newAdvisorText--ER6QX {
    display: flex;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding-left: 3px;
    line-height: 1
}

.badge_end_to_end--eOvtD .favouriteContainer--aDLfG {
    display: none
}

.badge_end_to_end--eOvtD .favoriteImg--G3C9U {
    width: 28px;
    height: 26px
}

.badge_end_to_end--eOvtD .nickNameAndServiseTitleConatiner--M518D {
    position: absolute;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 25px;
    padding-top: 10px;
    line-height: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.badge_end_to_end--eOvtD .nickNameContainer--AErAt {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.badge_end_to_end--eOvtD .nickNameText--LoWuQ {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.badge_end_to_end--eOvtD .serviceTitleContainer--nd13x {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.badge_end_to_end--eOvtD .serviceTitleText--AOJGz {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #dadada
}

.badge_end_to_end--eOvtD .onlineIndicator--B5Hfp {
    height: 6px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .onlineIndicator--B5Hfp {
        height:4px
    }
}

.badge_end_to_end--eOvtD .offlineIndicator--S8oR1 {
    height: 6px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .offlineIndicator--S8oR1 {
        height:4px
    }
}

.badge_end_to_end--eOvtD .busyIndicator--XrDmx {
    height: 6px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .busyIndicator--XrDmx {
        height:4px
    }
}

.badge_end_to_end--eOvtD .statusContainer--cEZwt {
    height: 6px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .statusContainer--cEZwt {
        height:4px
    }
}

.badge_end_to_end--eOvtD .indicatorContainer--C6Xlc {
    top: -6px;
    width: 70%
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .indicatorContainer--C6Xlc {
        top:-4px
    }
}

.badge_end_to_end--eOvtD .indicatorSkeleton--srpV4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--gCUws 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.badge_end_to_end--eOvtD .indicatorSkeleton--srpV4 * {
    display: none
}

.badge_end_to_end--eOvtD .indicatorSkeleton--srpV4 {
    width: 100%;
    min-height: 2px;
    border-radius: 31px;
    background-color: "transpared";
    z-index: 10;
    display: flex;
    justify-content: center;
    min-width: 152px;
    min-height: 6px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .indicatorSkeleton--srpV4 {
        min-width:60px;
        min-height: 4px
    }
}

.badge_end_to_end--eOvtD .playVideoBtnContainerHolder--qJS4q,.badge_end_to_end--eOvtD .playVideoBtnContainerHolderKA--hE2MU {
    min-height: 25px
}

.badge_end_to_end--eOvtD .playVideoImg--gGeFL {
    width: 20px;
    height: 25px
}

.badge_end_to_end--eOvtD .playVideoImgKA--GprpG {
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .playVideoImgKA--GprpG {
        width:18px;
        height: 18px
    }
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--eOvtD .imgContainerHolder--WFN1A {
        position:relative;
        width: 100%;
        border-radius: 10px;
        overflow: hidden
    }

    .badge_end_to_end--eOvtD .image--VmYts {
        width: 100%;
        border-radius: 10px;
        overflow: hidden
    }

    .badge_end_to_end--eOvtD .rateAndFavouriteContainer--HfL8A {
        position: absolute;
        top: 0px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 11;
        width: 100%;
        border-radius: 10px
    }

    .badge_end_to_end--eOvtD .playVideoBtnContainer--b6anH {
        display: none
    }

    .badge_end_to_end--eOvtD .playVideoBtnContainerKA--wF4pX {
        display: none
    }

    .badge_end_to_end--eOvtD .ratingContainer--UDHsE {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 15px;
        min-width: 35px
    }

    .badge_end_to_end--eOvtD .starImg--QUMMT {
        width: 8px;
        height: 8px
    }

    .badge_end_to_end--eOvtD .ratingText--Vl2vl {
        padding-left: 3px;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        color: #000
    }

    .badge_end_to_end--eOvtD .newAdvisorText--ER6QX {
        font-size: 8px;
        line-height: 1
    }

    .badge_end_to_end--eOvtD .favouriteContainer--aDLfG {
        display: none
    }

    .badge_end_to_end--eOvtD .favoriteImg--G3C9U {
        width: 13px;
        height: 11px
    }

    .badge_end_to_end--eOvtD .nickNameAndServiseTitleConatiner--M518D {
        display: none
    }

    .badge_end_to_end--eOvtD .statusContainer--cEZwt {
        height: 4px
    }

    .badge_end_to_end--eOvtD .indicatorContainer--C6Xlc {
        top: -4px
    }
}

.searchResult--fnzr1,.someOtherAdvisor--IXPaD,.homePageAllAdvisors--qrVw9,.recommendedCarousel--a2yJs {
    width: 100%
}

.searchResult--fnzr1 .imgContainerHolder--WFN1A,.someOtherAdvisor--IXPaD .imgContainerHolder--WFN1A,.homePageAllAdvisors--qrVw9 .imgContainerHolder--WFN1A,.recommendedCarousel--a2yJs .imgContainerHolder--WFN1A {
    position: relative;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 0;
    overflow: hidden
}

.searchResult--fnzr1 .image--VmYts,.someOtherAdvisor--IXPaD .image--VmYts,.homePageAllAdvisors--qrVw9 .image--VmYts,.recommendedCarousel--a2yJs .image--VmYts {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    overflow: hidden
}

.searchResult--fnzr1 .rateAndFavouriteContainer--HfL8A,.someOtherAdvisor--IXPaD .rateAndFavouriteContainer--HfL8A,.homePageAllAdvisors--qrVw9 .rateAndFavouriteContainer--HfL8A,.recommendedCarousel--a2yJs .rateAndFavouriteContainer--HfL8A {
    position: absolute;
    top: 0px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 11;
    width: 100%
}

.searchResult--fnzr1 .ratingContainer--UDHsE,.someOtherAdvisor--IXPaD .ratingContainer--UDHsE,.homePageAllAdvisors--qrVw9 .ratingContainer--UDHsE,.recommendedCarousel--a2yJs .ratingContainer--UDHsE {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 51px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 36px;
    min-width: 83px
}

.searchResult--fnzr1 .starImg--QUMMT,.someOtherAdvisor--IXPaD .starImg--QUMMT,.homePageAllAdvisors--qrVw9 .starImg--QUMMT,.recommendedCarousel--a2yJs .starImg--QUMMT {
    width: 18px;
    height: 18px
}

.searchResult--fnzr1 .ratingText--Vl2vl,.someOtherAdvisor--IXPaD .ratingText--Vl2vl,.homePageAllAdvisors--qrVw9 .ratingText--Vl2vl,.recommendedCarousel--a2yJs .ratingText--Vl2vl {
    padding-left: 6px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.searchResult--fnzr1 .newAdvisorText--ER6QX,.someOtherAdvisor--IXPaD .newAdvisorText--ER6QX,.homePageAllAdvisors--qrVw9 .newAdvisorText--ER6QX,.recommendedCarousel--a2yJs .newAdvisorText--ER6QX {
    display: flex;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding-left: 3px;
    line-height: 1
}

.searchResult--fnzr1 .favouriteContainer--aDLfG,.someOtherAdvisor--IXPaD .favouriteContainer--aDLfG,.homePageAllAdvisors--qrVw9 .favouriteContainer--aDLfG,.recommendedCarousel--a2yJs .favouriteContainer--aDLfG {
    display: none
}

.searchResult--fnzr1 .favoriteImg--G3C9U,.someOtherAdvisor--IXPaD .favoriteImg--G3C9U,.homePageAllAdvisors--qrVw9 .favoriteImg--G3C9U,.recommendedCarousel--a2yJs .favoriteImg--G3C9U {
    width: 28px;
    height: 26px
}

.searchResult--fnzr1 .nickNameAndServiseTitleConatiner--M518D,.someOtherAdvisor--IXPaD .nickNameAndServiseTitleConatiner--M518D,.homePageAllAdvisors--qrVw9 .nickNameAndServiseTitleConatiner--M518D,.recommendedCarousel--a2yJs .nickNameAndServiseTitleConatiner--M518D {
    position: absolute;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 25px;
    padding-top: 10px;
    line-height: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)
}

.searchResult--fnzr1 .nickNameContainer--AErAt,.someOtherAdvisor--IXPaD .nickNameContainer--AErAt,.homePageAllAdvisors--qrVw9 .nickNameContainer--AErAt,.recommendedCarousel--a2yJs .nickNameContainer--AErAt {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.searchResult--fnzr1 .nickNameText--LoWuQ,.someOtherAdvisor--IXPaD .nickNameText--LoWuQ,.homePageAllAdvisors--qrVw9 .nickNameText--LoWuQ,.recommendedCarousel--a2yJs .nickNameText--LoWuQ {
    width: 100%;
    max-width: 100%;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.searchResult--fnzr1 .serviceTitleContainer--nd13x,.someOtherAdvisor--IXPaD .serviceTitleContainer--nd13x,.homePageAllAdvisors--qrVw9 .serviceTitleContainer--nd13x,.recommendedCarousel--a2yJs .serviceTitleContainer--nd13x {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.searchResult--fnzr1 .serviceTitleText--AOJGz,.someOtherAdvisor--IXPaD .serviceTitleText--AOJGz,.homePageAllAdvisors--qrVw9 .serviceTitleText--AOJGz,.recommendedCarousel--a2yJs .serviceTitleText--AOJGz {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #e4e4e4
}

@media only screen and (max-width: 1080px) {
    .searchResult--fnzr1 .imgContainerHolder--WFN1A,.someOtherAdvisor--IXPaD .imgContainerHolder--WFN1A,.homePageAllAdvisors--qrVw9 .imgContainerHolder--WFN1A,.recommendedCarousel--a2yJs .imgContainerHolder--WFN1A {
        position:relative;
        width: 100%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        overflow: hidden
    }

    .searchResult--fnzr1 .image--VmYts,.someOtherAdvisor--IXPaD .image--VmYts,.homePageAllAdvisors--qrVw9 .image--VmYts,.recommendedCarousel--a2yJs .image--VmYts {
        width: 100%;
        border-radius: 0px;
        overflow: hidden
    }

    .searchResult--fnzr1 .rateAndFavouriteContainer--HfL8A,.someOtherAdvisor--IXPaD .rateAndFavouriteContainer--HfL8A,.homePageAllAdvisors--qrVw9 .rateAndFavouriteContainer--HfL8A,.recommendedCarousel--a2yJs .rateAndFavouriteContainer--HfL8A {
        position: absolute;
        top: 0px;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 11;
        width: 100%
    }

    .searchResult--fnzr1 .ratingContainer--UDHsE,.someOtherAdvisor--IXPaD .ratingContainer--UDHsE,.homePageAllAdvisors--qrVw9 .ratingContainer--UDHsE,.recommendedCarousel--a2yJs .ratingContainer--UDHsE {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 51px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 21px;
        min-width: 50px
    }

    .searchResult--fnzr1 .starImg--QUMMT,.someOtherAdvisor--IXPaD .starImg--QUMMT,.homePageAllAdvisors--qrVw9 .starImg--QUMMT,.recommendedCarousel--a2yJs .starImg--QUMMT {
        width: 10px;
        height: 10px
    }

    .searchResult--fnzr1 .ratingText--Vl2vl,.someOtherAdvisor--IXPaD .ratingText--Vl2vl,.homePageAllAdvisors--qrVw9 .ratingText--Vl2vl,.recommendedCarousel--a2yJs .ratingText--Vl2vl {
        padding-left: 3px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        color: #000
    }

    .searchResult--fnzr1 .newAdvisorText--ER6QX,.someOtherAdvisor--IXPaD .newAdvisorText--ER6QX,.homePageAllAdvisors--qrVw9 .newAdvisorText--ER6QX,.recommendedCarousel--a2yJs .newAdvisorText--ER6QX {
        font-size: 8px;
        line-height: 1
    }

    .searchResult--fnzr1 .favoriteImg--G3C9U,.someOtherAdvisor--IXPaD .favoriteImg--G3C9U,.homePageAllAdvisors--qrVw9 .favoriteImg--G3C9U,.recommendedCarousel--a2yJs .favoriteImg--G3C9U {
        width: 13px;
        height: 11px
    }

    .searchResult--fnzr1 .advisorNickNameContainer--ncJUR,.someOtherAdvisor--IXPaD .advisorNickNameContainer--ncJUR,.homePageAllAdvisors--qrVw9 .advisorNickNameContainer--ncJUR,.recommendedCarousel--a2yJs .advisorNickNameContainer--ncJUR {
        display: none
    }

    .searchResult--fnzr1 .serviceTitleContainer--nd13x,.someOtherAdvisor--IXPaD .serviceTitleContainer--nd13x,.homePageAllAdvisors--qrVw9 .serviceTitleContainer--nd13x,.recommendedCarousel--a2yJs .serviceTitleContainer--nd13x {
        display: none
    }
}

.recommendedAdvisor--bcqYu .ratingContainer--UDHsE {
    padding: 7px;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 0;
    min-width: initial;
    height: auto;
    height: initial
}

.recommendedAdvisor--bcqYu .ratingText--Vl2vl {
    font-size: 16px;
    font-weight: 600
}

.recommendedAdvisor--bcqYu .starImg--QUMMT {
    width: 17px;
    height: 16px
}

.recommendedCarousel--a2yJs .imgContainerHolder--WFN1A {
    border-radius: 20px 0px 0px 20px
}

.recommendedCarousel--a2yJs .image--VmYts {
    border-radius: 20px 0px 0px 20px
}

@media only screen and (max-width: 1080px) {
    .recommendedCarousel--a2yJs .statusLabel--b3spB {
        font-size:8px;
        padding: 1px 7px 1px 7px
    }

    .recommendedCarousel--a2yJs .imgContainerHolder--WFN1A {
        border-radius: 0;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }

    .recommendedCarousel--a2yJs .image--VmYts {
        border-radius: 0px
    }
}

.profileSmallAvatar--WtcQA {
    width: 100%
}

.profileSmallAvatar--WtcQA .imgContainerHolder--WFN1A {
    position: relative;
    width: 100%;
    border-radius: 6px;
    overflow: hidden
}

.profileSmallAvatar--WtcQA .image--VmYts {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    overflow: hidden
}

.profileSmallAvatar--WtcQA .rateAndFavouriteContainer--HfL8A {
    display: none
}

.profileSmallAvatar--WtcQA .favoriteImg--G3C9U {
    width: 1px;
    height: 1px
}

.profileSmallAvatar--WtcQA .nickNameAndServiseTitleConatiner--M518D {
    display: none
}

.profileSmallAvatar--WtcQA .statusContainer--cEZwt {
    display: none
}

@keyframes animation-bzdot9--Mjjhj {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContentContainer--YH40r {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 80px
}

@media only screen and (max-width: 1080px) {
    .mainContentContainer--YH40r {
        margin-top:40px
    }
}

.sectionHeader--SuuB4 {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    align-items: center;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeader--SuuB4 {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .sectionHeader--SuuB4 {
        margin-bottom:10px
    }
}

.sectionHeaderSeparator--j0VpR {
    width: 22px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeaderSeparator--j0VpR {
        width:9px
    }
}

.sectionIcon--PT9eg {
    width: 50px;
    height: 50px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionIcon--PT9eg {
        width:25px;
        height: 25px
    }
}

.advisorContainer--bZgR2 {
    border: solid #f1f1f1 1px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex-direction: row;
    transition: all .3s ease;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 31px;
    padding-right: 45px
}

@media only screen and (max-width: 990px) {
    .advisorContainer--bZgR2 {
        flex-direction:column;
        padding: 10px
    }
}

.avatarHolder--MipgR {
    position: relative;
    width: 30%;
    transition: all .3s ease;
    min-height: 100%;
    min-width: 382px
}

@media only screen and (max-width: 990px) {
    .avatarHolder--MipgR {
        width:100%;
        min-width: 0;
        min-width: initial
    }
}

.avatarContainer--J4C9C {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .avatarContainer--J4C9C {
        width:100%;
        margin-right: 0px
    }
}

.advisorInfoContainer--_vRiO {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-left: 31px;
    min-height: 100%
}

@media only screen and (max-width: 990px) {
    .advisorInfoContainer--_vRiO {
        margin-left:0px
    }
}

.advisorInfoHeader--X2L2Q {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .advisorInfoHeader--X2L2Q {
        display:none
    }
}

.advisorTitle--rjnyx {
    font-weight: 700;
    font-size: 34px;
    line-height: 51px
}

.advisorSubtitle--PA8FY {
    font-weight: 400;
    font-size: 22px;
    color: dimgray;
    line-height: 33px
}

.rating--uPyix {
    display: flex;
    background-color: #ffecbc;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.footer--XppAq {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    transition: all .3s ease;
    margin-bottom: 31px
}

@media only screen and (max-width: 990px) {
    .footer--XppAq {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 990px) {
    .footer--XppAq.v2--cEzvI {
        flex-direction:row;
        justify-content: space-between
    }
}

.staffPickDescription--sKoE6 {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 3s ease;
    word-break: break-all
}

@media only screen and (max-width: 990px) {
    .staffPickDescription--sKoE6 {
        line-height:22px;
        font-size: 15px;
        padding-bottom: 0px;
        height: auto;
        height: initial
    }
}

.advisorViewLink--oAyNV {
    width: 100%;
    color: #000
}

.advisorViewLink--oAyNV:hover {
    color: #000
}

.serviceTitleContainer--B1LD9 {
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .serviceTitleContainer--B1LD9 {
        padding-top:10px;
        padding-bottom: 10px;
        margin-bottom: 0px !important
    }
}

.previewAdvisorCTAContainer--CxB8J {
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--CxB8J {
        display:none
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--CxB8J {
        display:none
    }
}

.readingsSinceContainer--bmZqo {
    white-space: nowrap
}

.readingsSinceMobileContainer--NuVKQ {
    white-space: nowrap
}

.default--Favhy {
    align-items: flex-end;
    overflow: visible
}

@media only screen and (max-width: 1080px) {
    .default--Favhy {
        flex-direction:column;
        align-items: flex-start;
        display: flex !important
    }
}

.default--Favhy .countContainer--Lz3v9 {
    align-items: flex-end;
    margin-right: 5px;
    font-weight: 600
}

@media only screen and (max-width: 1080px) {
    .default--Favhy .countContainer--Lz3v9 {
        line-height:14px;
        display: flex
    }
}

.default--Favhy .readingsSinceContainer--bmZqo {
    flex-direction: row;
    font-weight: 400;
    font-size: 20px
}

@media only screen and (max-width: 1080px) {
    .default--Favhy .readingsSinceContainer--bmZqo {
        font-size:13px;
        width: auto;
        margin-left: 0;
        margin-right: 20px
    }
}

.default--Favhy .readingsSinceMobileContainer--NuVKQ {
    display: none !important
}

.onHomePageSecriceContainer--lsta9 {
    color: #000;
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width: 1080px) {
    .onHomePageSecriceContainer--lsta9 {
        display:none !important
    }
}

.onHomePageSecriceContainer--lsta9 .countContainer--Lz3v9 {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 700
}

.onHomePageSecriceContainer--lsta9 .readingsSinceContainer--bmZqo {
    font-size: 20px;
    font-weight: 400
}

.onHomePageSecriceContainer--lsta9 .readingsSinceMobileContainer--NuVKQ {
    display: none !important
}

@media only screen and (max-width: 1439px) {
    .onHomePageSecriceContainer--lsta9 .readingsSinceContainer--bmZqo {
        font-size:18px
    }

    .onHomePageSecriceContainer--lsta9 .countContainer--Lz3v9 {
        margin-right: 5px;
        font-size: 18px;
        font-weight: 650
    }
}

@media only screen and (max-width: 1279px) {
    .onHomePageSecriceContainer--lsta9 .readingsSinceContainer--bmZqo {
        display:none !important
    }

    .onHomePageSecriceContainer--lsta9 .readingsSinceMobileContainer--NuVKQ {
        display: inline !important;
        display: initial !important;
        font-size: 18px;
        font-weight: 400
    }

    .onHomePageSecriceContainer--lsta9 .countContainer--Lz3v9 {
        margin-right: 5px;
        font-size: 18px;
        font-weight: 600
    }
}

.onHomePageAdvisorAvatar--MLoJB {
    display: none !important;
    color: #fff;
    width: 100%;
    max-width: 100%;
    text-align: center
}

@media only screen and (max-width: 1080px) {
    .onHomePageAdvisorAvatar--MLoJB {
        display:inline !important;
        display: initial !important
    }
}

.onHomePageAdvisorAvatar--MLoJB .countContainer--Lz3v9 {
    font-size: 10px;
    font-weight: 700
}

.onHomePageAdvisorAvatar--MLoJB .readingsSinceContainer--bmZqo {
    display: none !important
}

.onHomePageAdvisorAvatar--MLoJB .readingsSinceMobileContainer--NuVKQ {
    font-size: 10px;
    font-weight: 400;
    margin-left: 2px
}

.onHomePageAdvisorFromCountryAvatar--Xaicc {
    display: none !important;
    color: #fff;
    width: 100%;
    max-width: 100%;
    text-align: left
}

@media only screen and (max-width: 1080px) {
    .onHomePageAdvisorFromCountryAvatar--Xaicc {
        display:inline !important;
        display: initial !important
    }
}

.onHomePageAdvisorFromCountryAvatar--Xaicc .countContainer--Lz3v9 {
    font-size: 10px;
    font-weight: 700
}

.onHomePageAdvisorFromCountryAvatar--Xaicc .readingsSinceContainer--bmZqo {
    display: none !important
}

.onHomePageAdvisorFromCountryAvatar--Xaicc .readingsSinceMobileContainer--NuVKQ {
    font-size: 10px;
    font-weight: 400;
    margin-left: 2px
}

.staffPick--ycD4a {
    width: 100%;
    display: flex !important;
    border-left: solid #eaeaea 1px;
    line-height: 1;
    flex-direction: column;
    transition: all .3s ease;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 4%;
    justify-content: center;
    overflow: visible;
    overflow: initial
}

@media only screen and (max-width: 990px) {
    .staffPick--ycD4a {
        display:none !important;
        border-left: none;
        margin-top: 23px;
        padding-left: 0px;
        margin-left: 0px
    }
}

.staffPick--ycD4a .readingsSinceContainer--bmZqo {
    display: none !important
}

@media only screen and (max-width: 990px) {
    .staffPick--ycD4a {
        flex-direction:row;
        justify-content: flex-start;
        align-items: flex-end;
        border-left: none;
        margin-top: 23px;
        padding-left: 0px;
        margin-left: 0px
    }
}

.staffPick--ycD4a .countContainer--Lz3v9 {
    margin-right: 5px;
    font-size: 26px;
    font-weight: 700
}

@media only screen and (max-width: 990px) {
    .staffPick--ycD4a .countContainer--Lz3v9 {
        font-size:17px
    }
}

.staffPick--ycD4a .readingsSinceContainer--bmZqo {
    font-size: 20px;
    font-weight: 400;
    transition: all .3s ease;
    margin-left: 0px;
    line-height: 21px
}

@media only screen and (max-width: 1280px) {
    .staffPick--ycD4a .readingsSinceContainer--bmZqo {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .staffPick--ycD4a .readingsSinceContainer--bmZqo {
        font-size:17px
    }
}

.staffPick--ycD4a .readingsSinceMobileContainer--NuVKQ {
    white-space: pre-wrap
}

@media only screen and (max-width: 1080px) {
    .staffPick--ycD4a .readingsSinceMobileContainer--NuVKQ {
        white-space:nowrap
    }
}

.staffPickMobile--Yrm_p {
    display: none !important
}

.staffPickMobile--Yrm_p .readingsSinceMobileContainer--NuVKQ {
    display: none !important
}

@media only screen and (max-width: 990px) {
    .staffPickMobile--Yrm_p {
        display:flex !important
    }
}

.staffPickMobile--Yrm_p .countContainer--Lz3v9 {
    margin-right: 5px;
    font-size: 26px;
    font-weight: 700
}

@media only screen and (max-width: 990px) {
    .staffPickMobile--Yrm_p .countContainer--Lz3v9 {
        font-size:17px
    }
}

.staffPickMobile--Yrm_p .readingsSinceContainer--bmZqo {
    font-size: 20px;
    font-weight: 400;
    transition: all .3s ease;
    margin-left: 0px
}

@media only screen and (max-width: 1280px) {
    .staffPickMobile--Yrm_p .readingsSinceContainer--bmZqo {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .staffPickMobile--Yrm_p .readingsSinceContainer--bmZqo {
        font-size:17px
    }
}

.recommendAdvisor--oTQrW {
    align-items: flex-start;
    overflow: visible
}

.recommendAdvisor--oTQrW .countContainer--Lz3v9 {
    align-items: flex-start;
    margin-right: 0px;
    font-weight: 600;
    font-size: 18px;
    margin-right: 5px
}

.recommendAdvisor--oTQrW .readingsSinceContainer--bmZqo {
    white-space: nowrap;
    flex-direction: row;
    font-weight: 400;
    font-size: 18px
}

.recommendAdvisor--oTQrW .readingsSinceMobileContainer--NuVKQ {
    display: none
}

@keyframes animation-bzdot9--Cp93T {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.closeImg--CVL1j {
    width: 40px;
    height: 40px
}

.profileImageContainer--hKtb7 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    flex-direction: column
}

.reactPlayerContainer--rqVMH {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--reactPlayerContainerWidth);
    height: var(--reactPlayerContainerHeight);
    max-width: 600px;
    max-height: 600px
}

@media only screen and (max-width: 1080px) {
    .reactPlayerContainer--rqVMH {
        max-width:none;
        max-width: initial;
        max-height: none;
        max-height: initial
    }
}

.playerContent--C6YUi {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    z-index: 10000;
    padding-bottom: 25px
}

.playBtnContainer--mErMo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.playButtonimg--p2XLA {
    z-index: 2;
    width: 61px;
    height: 61px;
    cursor: pointer
}

.playButtonimgKA--CmYlu {
    z-index: 2;
    width: 44px;
    height: 44px;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .playButtonimgKA--CmYlu {
        width:31px;
        height: 31px
    }
}

.closeButton--i5Wd9 {
    position: absolute;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 10;
    outline: 0;
    top: var(--closeButtonTop);
    right: var(--closeButtonRight)
}

dialog.videoPopoverContainer--aUe3u {
    -webkit-mask-image: unset;
    background-color: rgba(0,0,0,0)
}

.player--kAMsD {
    outline: 0
}

.player--kAMsD video {
    outline: 0
}

@keyframes animation-bzdot9--yvyNK {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.ratingContainer--tVf7r {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #ffecbc;
    border-radius: 51px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.starImg--nocPO {
    width: 16px;
    height: 16px
}

.ratingText--xTrOd {
    padding-left: 6px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1
}

.notifyContainer--ldkwd {
    padding-left: 6px;
    padding-right: 8px
}

.favouriteContainer--r77ut {
    padding-left: 6px;
    padding-right: 8px
}

.shareContainer--jO_2o {
    padding-left: 6px;
    padding-right: 8px
}

.topIconImgBlack--zLRQl {
    display: flex;
    width: 38px;
    height: 38px;
    margin-right: 20px
}

@media only screen and (max-width: 1080px) {
    .topIconImgBlack--zLRQl {
        display:none;
        margin-right: 10px
    }
}

.topIconImgWhite--B49lB {
    display: none;
    width: 38px;
    height: 38px
}

@media only screen and (max-width: 1080px) {
    .topIconImgWhite--B49lB {
        display:flex
    }
}

.notifyMeTooltipContainer--WE5C0 {
    position: absolute;
    top: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 12
}

.notifyMeTooltipContainer--WE5C0:before,.notifyMeTooltipContainer--WE5C0:after {
    position: absolute;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

.notifyMeTooltipContainer--WE5C0:hover:before,.notifyMeTooltipContainer--WE5C0:hover:after,.notifyMeTooltipContainer--WE5C0:focus:before,.notifyMeTooltipContainer--WE5C0:focus:after {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.notifyMeTooltipContainer--WE5C0:before {
    z-index: 1001;
    border: 6px solid rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    content: ""
}

.notifyMeTooltipContainer--WE5C0:after {
    z-index: 1000;
    padding: 8px 10px 8px 10px;
    background-color: #000;
    background-color: rgba(51,51,51,.9);
    color: #fff;
    white-space: nowrap;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2
}

.notifyMeTooltipContainer--WE5C0:before,.notifyMeTooltipContainer--WE5C0:after,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:before,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:after {
    top: 100%;
    bottom: auto;
    left: 0
}

.notifyMeTooltipContainer--WE5C0:before,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:before {
    margin-top: -12px;
    margin-bottom: 0;
    margin-left: 12px;
    border-top-color: rgba(0,0,0,0);
    border-bottom-color: #000;
    border-bottom-color: rgba(51,51,51,.9)
}

.notifyMeTooltipContainer--WE5C0:focus:before,.notifyMeTooltipContainer--WE5C0:focus:after,.notifyMeTooltipContainer--WE5C0:hover:before,.notifyMeTooltipContainer--WE5C0:hover:after,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:focus:before,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:focus:after,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:hover:before,.notifyMeTooltipContainer--WE5C0.tooltip-bottom--SVHxj:hover:after {
    transform: translateY(8px)
}

.nickNameText--Hk_yW {
    width: 100%;
    max-width: 100%;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    color: #fff
}

.serviceTitleContainer--PvIBi {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial
}

.serviceTitleText--xMVuD {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #e4e4e4
}

.iconsSectionContainer--YQhVU {
    display: flex;
    flex-direction: row
}

.iconButton--H8KJt {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    position: relative
}

.iconButton--H8KJt:hover {
    cursor: pointer
}

.popoverOverlay--Mz_dZ {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 10;
    background-color: rgba(0,0,0,.7)
}

.sticky_icons--Y6W1b .topIconImgBlack--zLRQl {
    display: flex
}

@media only screen and (max-width: 1080px) {
    .sticky_icons--Y6W1b .topIconImgBlack--zLRQl {
        width:30px;
        height: 34px;
        margin-right: 5px
    }
}

.sticky_icons--Y6W1b .topIconImgWhite--B49lB {
    display: none
}

.terminatedAdvisor--iC6Bk .iconsSectionContainer--YQhVU {
    display: none
}

@keyframes animation-bzdot9--wFy89 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.advisorRecommendContainer--wHbbZ {
    display: flex;
    width: 100%;
    max-width: 600px;
    flex-direction: row;
    border-radius: 20px;
    align-items: flex-start;
    flex: 1 0
}

.advisorInfo--vT6n1 {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid #eaeaea;
    background: #fff;
    align-items: flex-start;
    flex: 1 0;
    color: #000
}

.basicInfoContainer--GgPDl {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 30px;
    align-items: flex-start;
    justify-content: space-between
}

.ratingContainer--qNcru {
    display: flex
}

.advsiorTitleContainer--QCTkv {
    display: flex;
    flex-direction: column
}

.avatarHolder--w9BEJ {
    width: 205px;
    height: 205px
}

.advisorViewLink--ZFYzX {
    width: 100%;
    height: 100%
}

.advisrNickName--DmaTc {
    font-size: 22px;
    font-weight: 700
}

.advisorServiceTitleContainer--Gil78 {
    color: #9d9d9d;
    font-size: 18px;
    font-weight: 400
}

.bottomSection--VwgHo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 5px;
    flex-direction: column
}

.recommendedCarouselContainer--hVuZ2 {
    display: flex;
    justify-content: flex-start
}

.recommendedCarousel--u9BVA {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch
}

@media only screen and (max-width: 1080px) {
    .recommendedCarousel--u9BVA {
        display:none
    }
}

.recommendedCarouselMobile--qH6Nf {
    display: none;
    padding: 0 15px
}

@media only screen and (max-width: 1080px) {
    .recommendedCarouselMobile--qH6Nf {
        display:flex;
        flex-direction: column;
        overflow: scroll
    }
}

.recommendedCarouselMobile--qH6Nf .recommendedAdvisors--cSE_g {
    display: flex;
    flex-direction: row;
    gap: 15px;
    overflow: scroll
}

.recommendAdvisor--h5hS0 .iconsSectionContainer--JEEiJ {
    display: none
}

.recommendAdvisor--h5hS0 .badgeContainer--jNXFx {
    display: none
}

.wrapperFreeMinutes--Y1A3B {
    width: 100%
}

@keyframes animation-bzdot9--VvzR4 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.optionHolder--rOjLc {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

.error--gdeHF {
    display: flex;
    color: #e34545;
    font-size: 10px;
    margin-top: 5px
}

.noOptionsButton--Nr3tF {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: solid #cbcbcb .5px;
    height: 44px;
    border-radius: 4px;
    margin-bottom: 12px;
    background-color: var(--bgColor);
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    display: flex
}

.availableOptionButton--jsURs {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: var(--app-background-secondary-color);
    border: .5px solid var(--app-border-primary-color);
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    height: 64px;
    border-radius: 6px;
    border-radius: var(--app-payment-sources-border-radius, 6px);
    padding: 24px 18px;
    display: flex;
    justify-content: flex-end
}

.availableOptionButtonTextContainer--thyMV {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: flex-start;
    font-size: 15px;
    font-weight: 700
}

.paymentArrow--N7klQ {
    width: 10px;
    height: 32px
}

.optionName--awxiQ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    width: -moz-max-content;
    width: max-content;
    color: var(--app-text-primary)
}

.paypalImg--V5OOn {
    width: 68px;
    height: 32px;
    padding-right: 14px
}

.iapImg--Tqqns {
    width: 15px;
    height: 22px;
    padding-right: 14px
}

.selectOptions--p4qD5 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.container--c94oL {
    background-color: var(--app-background-color);
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 40px;
    align-self: center;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .container--c94oL {
        padding-bottom:20px;
        align-self: center
    }
}

.buyButtonContainer--ZXlN0 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1080px) {
    .buyButtonContainer--ZXlN0 {
        padding-left:20px;
        padding-right: 20px
    }
}

.buyButton--Xc2uP {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    font-weight: 500;
    border-radius: 10px;
    border-radius: var(--app-default-btn-lg-border-radius, 10px);
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 16px
}

.buyButtonAFFILIATE_PROMO_POPUP--T8Uk8 {
    height: 50px
}

.disabledBuyButton--ni7kU {
    background-color: #acafb6
}

.method--r7Y_D {
    display: flex;
    color: #000;
    font-size: 13px;
    padding-top: 20px;
    padding-bottom: 20px
}

.priceInfo--hP6BZ {
    font-size: 10px;
    color: #5f5f5f;
    text-align: center;
    display: flex;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-right: 40px
}

.priceInfoStar--KgUf7 {
    color: #fd9246;
    font-size: 17px;
    font-weight: 500;
    padding-right: 3px;
    display: inline
}

.sourceImg--aBavO {
    margin-right: 10px
}

.cardImage--aGHw_ {
    border: 1px #c9c9c9 solid;
    border-radius: 5px;
    background-color: #fff;
    margin-right: 15px
}

.noThanksLink--S8InD {
    border: none;
    background-color: var(--app-background-color);
    cursor: pointer;
    color: var(--app-color);
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500
}

.offerTermsLink--tca2S {
    border: none;
    background-color: #fff;
    cursor: pointer;
    color: #8a11ba;
    font-size: 14px;
    font-weight: 500
}

.offerTermsLink--tca2S:hover {
    color: #8a11ba
}

.offerExpiresDateContainer--UMLQf {
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 13px;
    text-align: center;
    width: 100%;
    color: var(--app-text-primary);
    line-height: 42px;
    background-color: var(--app-offer-expired-background-secondary-color);
    border: 1px solid var(--app-offer-expired-border-color);
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    border-radius: 5px;
    padding: 15px;
    line-height: 18px
}

.offerExpiresDateBoldText--S4LV7 {
    font-weight: 700
}

.offerExpiresBrIfNeed--GoCyU {
    display: none
}

@media only screen and (max-width: 480px) {
    .offerExpiresBrIfNeed--GoCyU {
        display:flex
    }
}

.buttonTitleContainer--vHLRL {
    text-align: center
}

.buttonTitleText--pZbgX {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.buttonTitleBonus--qd_sZ {
    color: #fff;
    font-size: 12px
}

.addPaymentOption--mUNH2 {
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    border-radius: 6px
}

.topBorder--G6k1K {
    border-top: 1px solid var(--app-border-primary-color)
}

.addPaymentOptionsContainer--bRA_I {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1080px) {
    .addPaymentOptionsContainer--bRA_I {
        padding-left:20px;
        padding-right: 20px
    }
}

.paymentOption--fYFE5 {
    background-color: var(--app-background-secondary-color);
    border: 1px solid var(--app-border-primary-color);
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    border-radius: 6px;
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px
}

.applePayNotSupported--sAZuM {
    color: #707070;
    font-size: 12px;
    text-align: center;
    padding-top: 20px
}

.addApplePayOption--Rv3s_ {
    color: var(--app-black);
    border: 1px solid var(--app-black);
    border-radius: 8px;
    padding: 5px;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    height: 44px;
    text-align: center
}

.paymentPopupDialogContainer--HDyzA {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    text-align: center;
    max-width: 400px;
    min-height: 300px;
    min-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
    color: "#000000"
}

.addApllePayButton--M0FfO {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%
}

.processAppleButtonContainer--kgJci {
    height: 100%;
    width: 100%;
    cursor: pointer
}

@keyframes animation-bzdot9--_BfH3 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.paymentMethodBtn--vSXrh {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    max-width: 645px;
    width: 100%
}

.sourceErrorContainer--ueD7r {
    padding-right: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceErrorContainer--ueD7r {
        padding-right:10px
    }
}

.sourceNameContainer--_f9cD {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.skeleton--L6hCD:first-of-type {
    margin-top: 0
}

.loadingContent--MEmme {
    height: 50px
}

.skeleton--L6hCD {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--_BfH3 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--L6hCD * {
    display: none
}

.skeleton--L6hCD:first-of-type {
    margin-top: 0
}

.sourceContainer_purchase--LUjh1 {
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_purchase--LUjh1 {
        padding-top:15px
    }
}

.sourceContainer_purchase--LUjh1 .mobileSource--Gp7LE {
    height: 64px;
    background-color: var(--app-background-secondary-color);
    align-items: center;
    display: flex;
    width: 100%;
    border: .5px solid var(--app-border-primary-color);
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    border-radius: 6px;
    border-radius: var(--app-payment-sources-border-radius, 6px);
    padding: 24px 18px
}

.sourceContainer_purchase--LUjh1 .sourceImg--oXpvp {
    width: 48px;
    height: 32px
}

.sourceContainer_purchase--LUjh1 .sourceImgGP--z0XPz {
    width: 75px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_purchase--LUjh1 .sourceImgGP--z0XPz {
        width:70px
    }
}

.sourceContainer_purchase--LUjh1 .sourceImgChangingSource--WJ1Cv {
    width: 48px;
    height: 32px
}

.sourceContainer_purchase--LUjh1 .sourceImgChangingSourceGP--yPd9S {
    width: 65px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_purchase--LUjh1 .sourceImgChangingSourceGP--yPd9S {
        width:60px
    }
}

.sourceContainer_purchase--LUjh1 .sourceShortInfo--LApnm {
    text-align: left;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: var(--app-text-primary)
}

.sourceContainer_purchase--LUjh1 .defaultText--pYgfh {
    font-size: 11px;
    font-weight: 500;
    color: var(--app-text-secondary)
}

.sourceContainer_purchase--LUjh1 .errorText--HqK4S {
    color: #e34545;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 3px
}

.sourceContainer_purchase--LUjh1 .errorImg--nCxIS {
    width: 15px;
    height: 15px
}

.sourceContainer_purchase--LUjh1 .paymentArrow--SkF5o {
    width: 10px
}

.sourceContainer_purchase--LUjh1 .skeleton--L6hCD {
    height: 50px;
    max-width: 645px;
    margin-top: 20px
}

.sourceContainer_purchase--LUjh1:first-child {
    padding-top: 0px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_purchase--LUjh1:last-child {
        padding-bottom:5px
    }
}

.sourceContainer_wallet--FpC7y {
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y {
        padding-top:15px
    }
}

.sourceContainer_wallet--FpC7y .mobileSource--Gp7LE {
    height: 150px;
    background-color: var(--app-background-secondary-color);
    align-items: center;
    display: flex;
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    border-radius: 10px;
    border: .5px solid #c7c7c7;
    box-shadow: 0px 8px 16px rgba(0,0,0,.03);
    border-radius: 6px;
    border-radius: var(--app-payment-sources-border-radius, 6px);
    padding: 40px 37px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .mobileSource--Gp7LE {
        height:64px;
        padding: 24px 18px
    }
}

.sourceContainer_wallet--FpC7y .sourceImg--oXpvp {
    width: 71px;
    height: 46px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .sourceImg--oXpvp {
        width:48px;
        height: 32px
    }
}

.sourceContainer_wallet--FpC7y .sourceImgGP--z0XPz {
    width: 85px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .sourceImgGP--z0XPz {
        width:60px
    }
}

.sourceContainer_wallet--FpC7y .sourceImgChangingSource--WJ1Cv {
    width: 48px;
    height: 32px
}

.sourceContainer_wallet--FpC7y .sourceImgChangingSourceGP--yPd9S {
    width: 65px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .sourceImgChangingSourceGP--yPd9S {
        width:60px
    }
}

.sourceContainer_wallet--FpC7y .sourceShortInfo--LApnm {
    text-align: left;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .sourceShortInfo--LApnm {
        font-weight:700;
        font-size: 16px;
        line-height: 18px;
        padding: 0 15px
    }
}

.sourceContainer_wallet--FpC7y .defaultText--pYgfh {
    font-size: 18px;
    font-weight: 400;
    color: var(--app-text-secondary)
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .defaultText--pYgfh {
        font-weight:500;
        font-size: 11px
    }
}

.sourceContainer_wallet--FpC7y .errorText--HqK4S {
    color: #e34545;
    font-size: 16px;
    font-weight: 400
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .errorText--HqK4S {
        font-weight:500;
        font-size: 10px
    }
}

.sourceContainer_wallet--FpC7y .errorImg--nCxIS {
    width: 30px;
    height: 30px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .errorImg--nCxIS {
        width:15px;
        height: 15px
    }
}

.sourceContainer_wallet--FpC7y .paymentArrow--SkF5o {
    width: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .paymentArrow--SkF5o {
        width:10px;
        height: 32px
    }
}

.sourceContainer_wallet--FpC7y .skeleton--L6hCD {
    height: 150px;
    max-width: 645px;
    margin-top: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y .skeleton--L6hCD {
        height:86px
    }
}

.sourceContainer_wallet--FpC7y:first-child {
    padding-top: 0px
}

@media only screen and (max-width: 1080px) {
    .sourceContainer_wallet--FpC7y:last-child {
        padding-bottom:5px
    }
}

.notSupportedOption--EFTX_ {
    font-size: 13px;
    color: var(--app-text-secondary);
    margin-bottom: 16px;
    padding-left: 15px;
    padding-right: 15px
}

.notSupportedContainer--agNNx {
    display: flex;
    flex-direction: column
}

@keyframes animation-bzdot9--RFsre {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--H6my1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: var(--app-text-primary);
    background-color: var(--app-background-color);
    min-width: 475px
}

@media screen and (max-width: 48rem) {
    .container--H6my1 {
        min-width:auto
    }
}

.containerWithIcon--LagwW {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .containerWithIcon--LagwW {
        max-width:auto
    }
}

.dialogContainer--X3d1S {
    width: 100%;
    height: 100%;
    background: var(--app-background-color);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.priceHolder--mA7GM {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1080px) {
    .priceHolder--mA7GM {
        padding-left:20px;
        padding-right: 20px
    }
}

.flexCenteredDiv--a630G {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.flexCenteredDiv--a630G:first-of-type {
    border: var(--app-price-holder-border);
    background-color: var(--app-price-holder-background-color)
}

.detailsButton--b0ET8,.detailsButton--b0ET8:focus,.detailsButton--b0ET8:hover,.detailsButton--b0ET8:active {
    border: none;
    background: none;
    cursor: pointer;
    outline: 0
}

.detailsButtonText--LWUMC {
    color: var(--app-po-mbv-text-color, var(--app-color));
    font-size: 15px;
    border: 2px var(--app-po-mbv-text-color, var(--app-color));
    border-bottom-style: dashed;
    margin-bottom: 5px;
    margin-top: 10px
}

.topImageContainer--GnBUt {
    width: 100%;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    z-index: 101
}

.topImageContainer--GnBUt .topImage--TTaCa {
    width: 56px;
    height: 56px
}

.details-enter--bVNwJ {
    opacity: 0;
    background-color: red
}

.details-enter-active--D9N7q {
    opacity: 1;
    background-color: red;
    transition: opacity 500ms ease-in
}

.details-exit--Qfu3G {
    opacity: 1;
    background-color: gray
}

.details-exit-active--BFt5K {
    opacity: 0;
    background-color: gray;
    transition: opacity 500ms ease-in
}

.bottomContainer--OHLJd {
    width: 100%;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top: 20px;
    padding: 40px
}

.bottomContainer--OHLJd:before {
    height: 10px;
    width: 10px;
    top: 0;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid #fff;
    content: ""
}

.accountInfoTitle--COjh6 {
    color: #666;
    font-size: 11px
}

.buyButton--wmsjo {
    background-color: var(--color);
    border-radius: var(--app-default-btn-sm-border-radius);
    padding: 10px;
    margin-top: 10px
}

.priceTitle--iaF2q {
    font-size: 48px;
    font-weight: 700;
    padding-top: 15px;
    color: var(--app-text-primary)
}

.priceTitleSkeleton--T5jQs {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--RFsre 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.priceTitleSkeleton--T5jQs * {
    display: none
}

.priceTitleSkeleton--T5jQs {
    width: 80px;
    height: 40px
}

.detailsView--XZkij {
    font-size: 14px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px
}

@media only screen and (max-width: 1080px) {
    .detailsView--XZkij {
        margin-bottom:20px
    }
}

.detailsViewText--qAL2q {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding-top: 10px;
    letter-spacing: 0;
    text-align: right
}

.divider--lVvIr {
    height: 1px;
    border: 1px #d9d9d8;
    border-bottom-style: dotted;
    margin-top: 5px
}

.infoStar--SmBrn {
    color: #fd9246;
    font-size: var(--size)
}

.info--bq8eM {
    color: #fd9246;
    font-size: 11px;
    padding-bottom: 10px
}

.backButton--fHy0E {
    top: 0;
    left: 0;
    z-index: 150;
    padding: 10px;
    background: none;
    border: none;
    position: absolute
}

.example-enter--dq4Bs {
    background: #ff0;
    transition: background 1s ease-in
}

.example-enter--dq4Bs.example-enter-active--U0sr0 {
    background: #fff
}

.example-leave--DOD6H {
    opacity: 1;
    transition: opacity .5s ease-in
}

.example-leave--DOD6H.example-leave-active--kiM2s {
    opacity: .01
}

.purpleText--U6GKX {
    color: #8a11ba;
    display: inline-block
}

.affiliatePromoPopupBodyAFFILIATE_PROMO_POPUP--UPPZZ {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin-top: 15px;
    display: block
}

.titleContainer--ObMGM {
    width: 100%
}

.titleAFFILIATE_PROMO_POPUP--xUc6b {
    font-size: 22px !important;
    font-weight: bold;
    text-align: center;
    width: 100%
}

.titleSIDE_MENU--aTF3L {
    font-size: 22px !important;
    font-weight: bold;
    text-align: center;
    width: 100%
}

.closeBtn--NwhVw {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    align-self: flex-end;
    display: flex;
    margin-right: 20px
}

.closeImg--uoRVj {
    width: 15px
}

.purchaseFeesLable--VY_oy {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-text-secondary);
    font-size: 12px;
    padding: 5px
}

.purchaseExtraPriceLabel--o8ovA {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-text-secondary);
    font-size: 14px
}

.marketingBanner--b07P3 {
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1080px) {
    .marketingBanner--b07P3 {
        padding-left:20px;
        padding-right: 20px
    }
}

.marketingBanner--b07P3 {
    display: flex;
    width: 100%
}

@keyframes animation-bzdot9--XZ0C4 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.skeleton--zrmR4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--XZ0C4 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--zrmR4 * {
    display: none
}

.wallet--iBZ91 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 40px
}

@media only screen and (max-width: 1080px) {
    .wallet--iBZ91 {
        margin-top:0px
    }
}

.wallet--iBZ91 .titlePaymentMethods--YGrn0 {
    display: flex;
    color: #000;
    font-weight: 700;
    font-size: 54px;
    width: 100%;
    white-space: nowrap
}

@media only screen and (max-width: 1080px) {
    .wallet--iBZ91 .titlePaymentMethods--YGrn0 {
        display:none
    }
}

.wallet--iBZ91 .backArrow--WAFkM {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 8px;
    border: 1px solid var(--app-border-gray);
    box-shadow: inset 0px -4px 0px var(--app-border-shadow-gray);
    background: url(/ca_packs/media/src/common/payment_methods_list/payment_methods_list_title/img/back_arrow_default-b77423dee94374348abc..svg);
    background-size: 10px 18px;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 1080px) {
    .wallet--iBZ91 .backArrow--WAFkM {
        display:flex;
        width: 76px;
        height: 34px;
        background: url(/ca_packs/media/src/common/payment_methods_list/payment_methods_list_title/img/back_arrow_default_with_back_text-07f9209fecde7cbb7814..svg);
        background-size: 54px 14px;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 0;
        margin-left: 20px;
        margin-top: 20px
    }
}

.wallet--iBZ91 .closeBtn--mf5IP {
    display: none
}

.wallet--iBZ91 .titleRowItems--GV9lE {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .wallet--iBZ91 .titleRowItems--GV9lE {
        justify-content:flex-start
    }
}

.purchase--mNF9p {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 25px 35px 0px 35px;
    position: sticky;
    top: 0px;
    background-color: var(--app-background-color);
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .purchase--mNF9p {
        padding:0 15px;
        padding-top: 15px;
        padding-bottom: 10px
    }
}

.purchase--mNF9p .titlePaymentMethods--YGrn0 {
    display: flex;
    font-weight: 700;
    font-size: 22px;
    width: 100%;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

@media only screen and (max-width: 1080px) {
    .purchase--mNF9p .titlePaymentMethods--YGrn0 {
        font-size:16px
    }
}

.purchase--mNF9p .backArrowContainer--z0yRk {
    display: flex;
    align-items: center
}

.purchase--mNF9p .backArrow--WAFkM {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--app-border-gray);
    box-shadow: inset 0px -4px 0px var(--app-border-shadow-gray);
    background: url(/ca_packs/media/src/common/payment_methods_list/payment_methods_list_title/img/back_arrow_default-b77423dee94374348abc..svg);
    background-size: 6px 12px;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 1080px) {
    .purchase--mNF9p .backArrow--WAFkM {
        border:none;
        box-shadow: none;
        background: url(/ca_packs/media/src/common/payment_methods_list/payment_methods_list_title/img/back_arrow-4248875cbd936bc574ca..svg);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center
    }
}

.purchase--mNF9p .closeBtncontainer--jfi7C {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.purchase--mNF9p .closeBtn--mf5IP {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    width: 35px;
    height: 35px;
    position: absolute;
    justify-content: center
}

.purchase--mNF9p .closeImg--oBSMG {
    width: 17px;
    height: 17px
}

@media only screen and (max-width: 1080px) {
    .purchase--mNF9p .closeImg--oBSMG {
        width:14px;
        height: 14px
    }
}

.purchase--mNF9p .titleRowItems--GV9lE {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    height: 50px
}

@media only screen and (max-width: 1080px) {
    .purchase--mNF9p .titleRowItems--GV9lE {
        height:35px
    }
}

@keyframes animation-bzdot9--i6LrG {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.toastContainerHiden--HcFPL {
    position: fixed;
    width: 100%;
    padding: 0 10px;
    display: flex;
    z-index: 999999;
    bottom: 35px;
    transition: all .2s;
    justify-content: center;
    right: 0
}

@media only screen and (max-width: 1080px) {
    .toastContainerHiden--HcFPL {
        bottom:var(--bottom)
    }
}

.toastContainerHiden--HcFPL {
    animation: fadeOut--hjjNt .7s;
    visibility: hidden
}

.toastContainer--ib1rk {
    position: fixed;
    width: 100%;
    padding: 0 10px;
    display: flex;
    z-index: 999999;
    bottom: 35px;
    transition: all .2s;
    justify-content: center;
    right: 0
}

@media only screen and (max-width: 1080px) {
    .toastContainer--ib1rk {
        bottom:var(--bottom)
    }
}

.toastContainer--ib1rk {
    animation: fadeIn--qRNxD .7s
}

.toastMessage--gyvsq {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width: 1080px) {
    .toastMessage--gyvsq {
        font-size:12px
    }
}

.toast--_Bypx {
    background: #000;
    transition: .3s ease;
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    padding: 18px;
    width: 370px;
    border-radius: 35px;
    opacity: .7
}

@media only screen and (max-width: 1080px) {
    .toast--_Bypx {
        padding:13px
    }
}

@keyframes fadeIn--qRNxD {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut--hjjNt {
    100% {
        opacity: 0
    }

    0% {
        opacity: 1
    }
}

@keyframes animation-bzdot9--L8wJD {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.addButtonImg--IlTTo {
    width: 40px;
    max-height: 25px;
    margin-right: 2px
}

@media only screen and (max-width: 1080px) {
    .addButtonImg--IlTTo {
        width:25px;
        max-height: 20px
    }
}

.addButtonImgGP--ioauw {
    width: 55px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .addButtonImgGP--ioauw {
        width:50px
    }
}

.skeleton--XWV3d {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--L8wJD 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--XWV3d * {
    display: none
}

.skeleton--XWV3d {
    width: 100% !important
}

.skeleton--XWV3d:first-of-type {
    margin-top: 0
}

.container--eQED4 {
    padding-top: 15px;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .container--eQED4 {
        padding-top:15px
    }
}

.addButton--qlyLX {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: var(--app-white);
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 10px;
    border-radius: var(--app-default-btn-lg-border-radius, 10px);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .addButton--qlyLX {
        margin:0 auto;
        border-radius: 10px;
        border-radius: var(--app-default-btn-lg-border-radius, 10px);
        border: none;
        box-shadow: none;
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px
    }
}

.addPPButton--Ho35K {
    background-color: var(--app-background-color);
    color: var(--app-text-primary);
    border: 1px solid var(--app-border-primary-color)
}

.addGPButton--TjlEO {
    background-color: var(--app-background-color);
    color: var(--app-text-primary);
    border: 1px solid var(--app-border-primary-color);
    padding-top: 0px;
    padding-bottom: 0px
}

@keyframes animation-bzdot9--Ztiyl {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.errorContainer--Inrkb {
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 40px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.errorTitleContainer--_BW6R {
    color: var(--app-text-primary);
    font-weight: 500;
    font-size: 16px
}

.errorTextContainer--N0AO7 {
    color: var(--app-text-primary);
    font-size: 13px;
    padding-top: 50px;
    padding-bottom: 38px;
    text-align: center;
    word-break: break-word
}

.errorOkBtn--uFx7V {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0
}

.skeleton--FUJYM {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--Ztiyl 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--FUJYM * {
    display: none
}

.skeleton--FUJYM {
    height: 44px
}

@keyframes animation-bzdot9--PRMCg {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--KInYY {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 1000;
    background-color: rgba(43,33,53,.7);
    justify-content: center;
    align-items: center;
    display: flex
}

.closeContainer--oFfaH {
    width: 50px;
    height: 50px;
    right: 0;
    top: 0
}

.dialogContainerMobile--PF7Bd {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--app-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    text-align: center;
    color: var(--app-text-primary);
    z-index: 900;
    padding-left: 10px;
    padding-right: 10px
}

.dialogContainer--cM78T {
    width: 100%;
    min-height: 300px;
    background: var(--app-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    text-align: center;
    max-width: 400px;
    min-height: 300px;
    min-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .dialogContainer--cM78T {
        min-height:280px;
        min-width: 360px
    }
}

.dialogContainerBr--P6VXe {
    content: "*";
    margin: 5px
}

.topImage--ovlDH {
    width: 57px;
    height: 57px
}

.topImageAffiliatePromoPopup--OyAdJ {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 10px #fff
}

.message--xM49a {
    font-size: 17px;
    white-space: pre-wrap
}

.smallInfoContainer--XOo9m {
    height: calc(100% - 44px);
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.smallInfoContainerAffiliatePromoPopup--qcVLG {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.smallInfo--dQmrn {
    font-size: 11px;
    color: #000
}

.confirmButton--VMA1l {
    background-color: var(--app-color);
    border-radius: var(--app-default-btn-sm-border-radius);
    height: 44px;
    color: #fff;
    width: 80%;
    border: none;
    cursor: pointer;
    margin-bottom: 15px
}

.confirmButtonA--SlJEY {
    background-color: var(--app-color);
    border-radius: var(--app-default-btn-sm-border-radius);
    height: 44px;
    color: #fff;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.errorButtonContainer--vbx1q {
    background: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.errorA--RteHN {
    background: none;
    border: none;
    display: flex;
    width: 100%;
    justify-content: center
}

.botomContainer--ZWISF {
    width: 100%
}

.redirectButton--YeA1l {
    color: var(--app-color);
    background: none;
    border: none;
    cursor: pointer
}

.title--XpWRH {
    color: #000;
    font-size: 17px
}

.subtitle--xAyoy {
    font-size: 12px;
    color: #929292
}

.cancelButton--FyxFo {
    color: var(--app-color);
    border-color: var(--app-color);
    border-width: 1px;
    border-radius: 4px;
    background: none;
    height: 100%;
    width: 100%
}

.button--KXSJ_ {
    display: flex;
    border-radius: 4px;
    background: none;
    width: 50%;
    height: 100%;
    padding: 3px;
    cursor: pointer;
    border-radius: 4px
}

.confirmRef--Mes1o {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--app-color);
    color: #fff;
    border-radius: 4px;
    height: 100%;
    width: 100%
}

.buttonsContainer--EBo3Y {
    justify-content: center;
    align-items: center;
    height: 77px;
    width: 100%;
    padding-top: 20px
}

.closeButtonContent--V5VGI {
    border: none;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    width: 100%
}

.closeButtonXButton--SBnG2,.closeButtonXButton--SBnG2:hover,.closeButtonXButton--SBnG2:focus {
    color: #b7bcbd;
    border: none;
    background-color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    width: 44px;
    height: 44px
}

.bottomRow--GOwdh {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center
}

.bottomRowMobile--a4RRS {
    width: 100%;
    display: flex;
    justify-content: center
}

.affiliatePromoPopupContactUsText--QY7OW {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px
}

.affiliatePromoPopupContactUsLink--M_ynZ,.affiliatePromoPopupContactUsLink--M_ynZ:hover {
    cursor: pointer;
    color: var(--app-color)
}

.affiliatePromoPopupBalance--YnsUI {
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px
}

.purpleText--l3ihM {
    color: var(--app-color);
    display: inline-block
}

.normalText--C2KJH {
    color: #000;
    font-weight: 400;
    margin: 0
}

.affiliatePromoPopupMessage--vizCs {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.spiner--f_OCy {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

dialog .popoverOverlayContainer--YRSvP {
    position: absolute;
    top: -70px;
    z-index: 10
}

@media screen and (max-width: 48rem) {
    dialog .popoverOverlayContainer--YRSvP {
        height:6.25rem
    }
}

@keyframes animation-bzdot9--AgaIS {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.flow--SBXBw {
    height: 100%;
    width: 100%;
    cursor: pointer
}

.flow--SBXBw button[aria-controls=googlepayAccordionPanel],.flow--SBXBw button[aria-label="Pay with GPay"] {
    display: inherit
}

.flow--SBXBw {
    display: flex
}

.googlePayButton--rqTqm {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%
}

.googlePayButtonLoading--j5HZn {
    pointer-events: none;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 50px;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-white)
}

.googlePayButtonLoadingForMobileApp--J0ADZ {
    margin-left: 40px;
    margin-right: 40px
}

@media only screen and (max-width: 1080px) {
    .googlePayButtonLoadingForMobileApp--J0ADZ {
        margin-left:20px;
        margin-right: 20px
    }
}

.needAllowOpeningWindowPopupConteiner--ZOX0b {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px
}

.needAllowOpeningWindowPopupText--VAQNw {
    font-size: 16px
}

.needAllowOpeningWindowPopupOkBtn--FKTuP {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    margin-top: 10px;
    background-color: var(--app-color);
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    width: 60px
}

.googlePayToUseErrorMessageContainer--iNnHB {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.googlePayToUseActionList--OgISd {
    display: flex;
    text-align: left;
    margin-top: 5px
}

@keyframes fadeCycle--yiv0s {
    0% {
        fill: hsla(0,0%,100%,.2);
        stroke-opacity: .2
    }

    25% {
        fill: hsla(0,0%,100%,.4);
        stroke-opacity: .4
    }

    50% {
        fill: hsla(0,0%,100%,.6);
        stroke-opacity: .6
    }

    75% {
        fill: hsla(0,0%,100%,.8);
        stroke-opacity: .8
    }

    100% {
        fill: #fff;
        stroke-opacity: 1
    }
}

.animatedPath--eh1ac {
    animation: fadeCycle--yiv0s 1.4s infinite ease-in-out;
    transform-origin: center
}

.path1--r6kyc {
    animation-delay: 1.4s
}

.path2--x7YCw {
    animation-delay: 1.2s
}

.path3--X4coS {
    animation-delay: 1s
}

.path4--qoeT4 {
    animation-delay: .8s
}

.path5--Bc6zc {
    animation-delay: .6s
}

.path6--SsX2y {
    animation-delay: .4s
}

.path7--YkvHA {
    animation-delay: .2s
}

.path8--hvrrO {
    animation-delay: 0s
}

@keyframes animation-bzdot9--tBm3K {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--kpY2p {
    display: flex;
    padding-top: 35px;
    padding-bottom: 45px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 600px;
    color: #000;
    padding: 40px;
    background-color: var(--app-background-secondary-color);
    border: 1px solid var(--app-border-primary-color);
    border-radius: 20px;
    border-radius: var(--app-payment-sources-border-radius, 20px);
    box-shadow: var(--app-default-box-shadow)
}

@media only screen and (max-width: 1080px) {
    .container--kpY2p {
        width:inherit;
        max-width: 350px;
        padding: 20px
    }
}

.applePayButton--lNl3c {
    display: flex;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: plain;
    -apple-pay-button-style: var(--app-apple-pay-style);
    height: 44px;
    margin-right: 20px
}

@media only screen and (max-width: 1080px) {
    .applePayButton--lNl3c {
        margin-right:10px
    }
}

.sourceIcon--iYTjr {
    width: 105px;
    height: 68px;
    margin-right: 20px
}

@media only screen and (max-width: 1080px) {
    .sourceIcon--iYTjr {
        width:48px;
        height: 32px;
        margin-right: 10px
    }
}

.sourceIconGP--hrh2s {
    width: 105px;
    height: 68px;
    margin-right: 0px
}

@media only screen and (max-width: 1080px) {
    .sourceIconGP--hrh2s {
        width:80px
    }
}

.ccDetailsContainer--GKcuo {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 50px;
    font-size: 20px;
    font-weight: 600;
    padding-right: 160px
}

@media only screen and (max-width: 1080px) {
    .ccDetailsContainer--GKcuo {
        font-weight:700;
        font-size: 12px;
        padding-right: 40px;
        padding-bottom: 30px
    }
}

.ccLast4--GKWz0 {
    font-size: 35px;
    font-weight: 600;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .ccLast4--GKWz0 {
        font-weight:700;
        font-size: 24px
    }
}

.ccDetails--Wl6HK {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--app-text-primary)
}

.ppDetails--c7mGy {
    display: flex;
    width: 100%;
    text-align: left;
    padding-bottom: 80px
}

@media only screen and (max-width: 1080px) {
    .ppDetails--c7mGy {
        padding-bottom:48px;
        font-weight: 700;
        font-size: 24px
    }
}

.isDefault--dkxlm {
    display: flex;
    width: 100%;
    align-self: center;
    color: var(--app-text-secondary);
    font-weight: 500;
    font-size: 19px;
    text-align: left
}

@media only screen and (max-width: 1080px) {
    .isDefault--dkxlm {
        font-weight:500;
        font-size: 14px
    }
}

.setDefaultButton--ejrXw {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: var(--app-po-mbv-text-color, var(--app-color));
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    font-size: 19px;
    text-decoration-line: underline
}

@media only screen and (max-width: 1080px) {
    .setDefaultButton--ejrXw {
        font-weight:500;
        font-size: 14px
    }
}

.removeItem--UzZix {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #e34545;
    font-size: 14px;
    font-weight: 500
}

.removeContainer--pJqUQ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 30px 35px 30px;
    border-radius: 24px;
    text-align: center;
    background-color: var(--app-background-secondary-color)
}

@media only screen and (max-width: 1080px) {
    .removeContainer--pJqUQ {
        padding:30px 20px 24px 20px
    }
}

.removeButtons--L9PUb {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cancelRemove--SEm9G {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: var(--app-text-primary);
    background: var(--app-background-secondary-color);
    border: 1px solid var(--app-border-primary-color);
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 13px 0
}

.confirmRemove--oTzeS {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.removeTitle--O5Xri {
    font-weight: 700;
    font-size: 22px;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .removeTitle--O5Xri {
        font-size:16px
    }
}

.removeText--tqH8W {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    padding: 35px 0 50px 0;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .removeText--tqH8W {
        padding:30px 0 45px 0;
        font-size: 16px
    }
}

.rootWallet--WBTkk {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--app-background-color);
    border: 1px solid #e4e4e4;
    border-radius: 40px;
    padding: 80px 10px
}

@media only screen and (max-width: 1080px) {
    .rootWallet--WBTkk {
        border:none;
        background-color: var(--app-background-color);
        border-radius: 0;
        padding: 0 20px
    }
}

.sourceDetailsHeader--XwXfS {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 70px
}

@media only screen and (max-width: 1080px) {
    .sourceDetailsHeader--XwXfS {
        padding-bottom:40px
    }
}

.sourceName--RFr8S {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 26px;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .sourceName--RFr8S {
        font-weight:700;
        font-size: 16px
    }
}

.deleteIcon--RSWjH {
    width: 60px
}

@media only screen and (max-width: 1080px) {
    .deleteIcon--RSWjH {
        width:34px
    }
}

.ellipsisPayPalName--zecD2 {
    font-weight: 600;
    font-size: 33px;
    word-break: break-all;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .ellipsisPayPalName--zecD2 {
        font-size:24px
    }
}

.removingErrorIfIsDefaultButNotLastContainer--oGbFq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 45px 30px 35px 30px;
    text-align: center;
    background-color: var(--app-background-secondary-color)
}

@media only screen and (max-width: 1080px) {
    .removingErrorIfIsDefaultButNotLastContainer--oGbFq {
        padding:30px 20px 24px 20px;
        max-width: 340px
    }
}

.removingErrorIfIsDefaultButNotLastErrorImg--mp6H6 {
    width: 45px;
    height: 45px
}

.removingErrorIfIsDefaultButNotLastErrorText--d2EI3 {
    color: var(--app-text-primary);
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    padding: 35px 0 50px 0
}

@media only screen and (max-width: 1080px) {
    .removingErrorIfIsDefaultButNotLastErrorText--d2EI3 {
        padding:30px 0 45px 0;
        font-size: 16px
    }
}

.removingErrorIfIsDefaultButNotLastErrorOkBtn--YBBCE {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: var(--app-text-primary);
    background: var(--app-background-secondary-color);
    border: 1px solid var(--app-border-primary-color);
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 13px 0
}

dialog.removePaymentMethodPopup--F4jcS {
    max-width: 475px
}

@media only screen and (max-width: 1080px) {
    dialog.removePaymentMethodPopup--F4jcS {
        max-width:340px
    }
}

@keyframes animation-bzdot9--EDtkA {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.sourcesContainer--Prktu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background-color: var(--app-background-color);
    border: 1px solid #e4e4e4;
    border-radius: 40px;
    padding: 80px 10px;
    padding-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    .sourcesContainer--Prktu {
        padding:0 10px;
        border: none;
        background-color: var(--app-background-color);
        border-radius: 0
    }
}

.callSourcesContainer--ykHhE {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 10px
}

.placeholderContainer--lnIGA {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
    padding-top: 15px
}

@media only screen and (max-width: 1080px) {
    .placeholderContainer--lnIGA {
        padding-top:50px
    }
}

.placeholderImg--Dj_lR {
    width: var(--no-payment-method-img-width);
    height: var(--no-payment-method-img-width);
    padding-bottom: 16px
}

.placeholderText--HAyFE {
    font-weight: 400;
    font-size: 20px;
    white-space: pre-wrap;
    color: var(--mbw-text-secondary)
}

@media only screen and (max-width: 1080px) {
    .placeholderText--HAyFE {
        max-width:300px;
        white-space: inherit;
        font-weight: 400;
        line-height: 20px;
        font-size: 15px
    }
}

.sourcesListHolder--y1Z9H {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
    scrollbar-width: none
}

.sourcesListHolder--y1Z9H::-webkit-scrollbar {
    display: none
}

.root_purchase--uQR06 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--app-background-color);
    min-width: 475px
}

@media only screen and (max-width: 1080px) {
    .root_purchase--uQR06 {
        min-width:0;
        min-width: initial
    }
}

.root_purchase--uQR06 .separator--wcJgs {
    display: flex;
    width: 100%;
    background-color: var(--app-border-primary-color);
    height: 1px;
    margin-top: 25px;
    margin-bottom: 10px;
    width: calc(100% + 80px);
    position: relative;
    left: -40px
}

@media only screen and (max-width: 1080px) {
    .root_purchase--uQR06 .separator--wcJgs {
        width:calc(100% + 40px);
        left: -20px
    }
}

.root_purchase--uQR06 .paymentMethodsContentContainer--j54U8 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    background-color: var(--app-background-color)
}

@media only screen and (max-width: 1080px) {
    .root_purchase--uQR06 .paymentMethodsContentContainer--j54U8 {
        padding-left:20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.root_purchase--uQR06 .addCardBottomBtnContainer--eVuqn {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    display: flex;
    font-weight: 700;
    font-size: 14px;
    background-color: var(--app-background-color);
    color: #000;
    align-items: center;
    flex-direction: column
}

.root_purchase--uQR06 .placeholderContainer--lnIGA {
    display: none
}

.root_wallet--Hms4J {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: var(--app-background-color)
}

@media only screen and (max-width: 1080px) {
    .root_wallet--Hms4J {
        height:100%;
        display: flex;
        justify-content: flex-start
    }
}

.root_wallet--Hms4J .separator--wcJgs {
    display: none
}

.root_wallet--Hms4J .paymentMethodsContentContainer--j54U8 {
    padding-top: 22px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-color: var(--app-background-color)
}

@media only screen and (max-width: 1080px) {
    .root_wallet--Hms4J .paymentMethodsContentContainer--j54U8 {
        display:flex;
        justify-content: space-between;
        height: 100%;
        background-color: var(--app-background-color)
    }
}

.root_wallet--Hms4J .addCardBottomBtnContainer--eVuqn {
    display: none
}

.root_wallet--Hms4J .addCardBottomBtnContainerDesktop--q6qE1 {
    padding-top: 24px;
    display: flex;
    background-color: var(--app-background-color);
    flex-direction: column
}

.root_wallet--Hms4J .addCardBottomBtnContainerDesktop--q6qE1 img {
    display: none
}

@media only screen and (max-width: 1080px) {
    .root_wallet--Hms4J .addCardBottomBtnContainerDesktop--q6qE1 {
        width:100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        bottom: 0;
        background-color: var(--app-background-color);
        padding: 0 10px
    }
}

.root_wallet--Hms4J .addSourcesHolder--bhHQ7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 80px;
    max-width: 400px
}

@media only screen and (max-width: 1080px) {
    .root_wallet--Hms4J .addSourcesHolder--bhHQ7 {
        max-width:auto;
        max-width: 645px;
        padding-top: 0px
    }
}

.addCreditCardPopover--es9ch {
    --mbw-background-primary: var(--app-background-secondary-color)
}

@keyframes animation-bzdot9--LcCMD {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.saveBtnContainer--uX2cX {
    display: flex;
    flex-direction: column
}

.guaranteedSafeAndAddCreditCardBtnContainer--XuFoW {
    padding: 15px;
    border-radius: 15px;
    border-radius: var(--app-guaranteed-safe-border-radius, 15px);
    border: 1px solid var(--app-border-primary-color);
    margin-top: 20px
}

.guaranteedSafeContainer--RbbYJ {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.guaranteedSafeLockContainer--aBcrF {
    display: flex;
    align-items: center;
    justify-content: center
}

.guaranteedSafeLockImgContainer--hXyDs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

.guaranteedSafeLockImg--LE_rh {
    width: 18px;
    height: 18px
}

.guaranteedSafeText--v92kF {
    color: var(--app-text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700
}

.guaranteedSafeImgsContainer--u4Oro {
    display: flex;
    align-items: center;
    justify-content: center
}

.guaranteedSafeImgs--aY6eB {
    width: 63px;
    height: 24px
}

.saveButton--Gl4XM {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    background-color: var(-app-default-btn-color);
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer
}

.disabledSaveButton--ErQbJ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    background-color: #acafb6
}

.errorContainer--S89Ll {
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 40px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.errorTitleContainer--DoDWI {
    color: var(--app-text-primary);
    font-weight: 500;
    font-size: 16px
}

.errorTextContainer--xSCMh {
    color: var(--app-text-primary);
    font-size: 13px;
    padding-top: 50px;
    padding-bottom: 38px;
    text-align: center;
    word-break: break-word
}

.errorOkBtn--w0oF3 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0
}

.addCreditCardHolder--XDoP2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 475px;
    min-width: 475px
}

@media only screen and (max-width: 1080px) {
    .addCreditCardHolder--XDoP2 {
        max-width:none;
        max-width: initial;
        min-width: 0;
        min-width: initial
    }
}

.addCreditCardContainer--cpbCb {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 40px
}

@media only screen and (max-width: 1080px) {
    .addCreditCardContainer--cpbCb {
        padding-left:30px;
        padding-right: 30px;
        padding-top: 0px;
        padding-bottom: 34px
    }
}

.addCreditCardTitleContainer--NpaOB {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 38px;
    padding-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    .addCreditCardTitleContainer--NpaOB {
        padding-left:17px;
        padding-right: 17px;
        padding-top: 25px;
        padding-bottom: 20px
    }
}

.addCreditCardTitle--rEmbj {
    font-size: 20px;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .addCreditCardTitle--rEmbj {
        font-size:16px
    }
}

.addCreditCardCloseBtnContainer--LyEYg {
    position: absolute;
    top: 0px;
    right: 0px
}

.addCreditCardCloseBtn--OjRFH {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    cursor: pointer
}

.addCreditCardCloseImg--qMNro {
    width: 12px;
    height: 12px
}

.zenModeLabelConainer--JWXdk {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--add-credit-card-zen-mode-container-background-color);
    border-radius: 10px;
    padding: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px
}

@media only screen and (max-width: 1080px) {
    .zenModeLabelConainer--JWXdk {
        margin-left:30px;
        margin-right: 30px
    }
}

.zenModeLabelText--WaE5P {
    color: var(--app-text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: 400
}

.addCreditCardErrorPopover--_cMjQ {
    --mbw-background-primary: var(--app-background-secondary-color)
}

@keyframes animation-bzdot9--H5L11 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.bluesnapDiv--JjgxB {
    width: 100%;
    height: 44px;
    display: block
}

.bluesnapDiv--JjgxB::-moz-placeholder {
    font-size: 16px;
    font-weight: 400
}

.bluesnapDiv--JjgxB::placeholder {
    font-size: 16px;
    font-weight: 400
}

.bluesnapInputHolder--JmBrw {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--blue-snap-input-holder-margin-top)
}

.expirationSecurityHolder--ffpxg {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: var(--blue-snap-input-holder-margin-top)
}

.expirationSecurityContaienr--Pda7O {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 11px
}

.labelContainer--svrAS {
    font-weight: 700;
    font-size: 12px;
    color: var(--blue-snap-label-text-color);
    margin-bottom: 4px
}

.defaultInput--IkJka {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--blue-snap-text-color);
    width: 100%;
    height: var(--blue-snap-input-height);
    font-weight: 500;
    font-size: 17px;
    border-radius: var(--blue-snap-input-border-radius);
    padding-left: 13px;
    padding-right: 13px;
    outline-width: 0;
    outline: none;
    background-color: var(--blue-snap-background-color);
    border: solid .5px var(--blue-snap-input-border-color);
    box-shadow: inset 0px 2px 4px var(--blue-snap-input-border-shadow-color);
    border-bottom: var(--blue-snap-input-bottom-border, solid 0.5px var(--blue-snap-input-border-color))
}

.defaultInputError--EN3O2 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--blue-snap-text-color);
    width: 100%;
    height: var(--blue-snap-input-height);
    font-weight: 500;
    font-size: 17px;
    border-radius: var(--blue-snap-input-border-radius);
    padding-left: 13px;
    padding-right: 13px;
    outline-width: 0;
    outline: none;
    background-color: var(--blue-snap-background-color);
    border: solid .5px var(--blue-snap-input-error-color)
}

.defaultInput--IkJka:focus {
    border-color: var(--blue-snap-input-border-focus-color);
    border-width: 1px
}

.defaultInput--IkJka[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.defaultInput--IkJka::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-snap-placeholder-text-color)
}

.defaultInput--IkJka::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-snap-placeholder-text-color)
}

.error--wG8PH {
    margin: 6px 0;
    color: var(--blue-snap-input-error-color);
    font-size: 11px
}

.blueSnapFormContainer--CWsBl {
    position: relative;
    display: flex;
    flex-direction: column
}

.skeleton--O6zd8 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--H5L11 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--O6zd8 * {
    display: none
}

.infoButton--yhzjZ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0
}

.infoImg--II3fY {
    width: 22px;
    height: 22px
}

.creditCardImg--nRDT_ {
    width: 48px;
    height: 32px;
    margin-right: 11px
}

.tooltipsContainer--kJeYp {
    width: calc(100% + var(--tooltipsExtraWith));
    position: absolute;
    top: var(--tooltipsContainerHeight);
    left: var(--tooltipsLeftValue);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    background-color: var(--blue-snap-tooltips-background-color);
    padding: 10px;
    border-radius: var(--blue-snap-input-border-radius);
    border: .5px solid var(--blue-snap-tooltips-border-color);
    box-shadow: 0px 7px 16px var(--blue-snap-tooltips-border-shadow-color);
    z-index: 1;
    animation: fadeIn--2sjJW .5s
}

@keyframes fadeIn--2sjJW {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipsBottomArrow--Q6tVo {
    right: var(--tooltipsBottomArrowRight);
    bottom: -4px;
    border-top-color: var(--blue-snap-tooltips-border-color);
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: var(--blue-snap-tooltips-border-color);
    box-shadow: 0px 7px 16px var(--blue-snap-tooltips-border-shadow-color);
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background: var(--blue-snap-tooltips-background-color);
    border-style: solid;
    border-width: .5px;
    transform: rotate(225deg)
}

.bluesnapDiv--O7_Tb {
    width: 100%;
    height: 44px;
    display: block;
    color: var(--app-text-primary)
}

.bluesnapDiv--O7_Tb::-moz-placeholder {
    font-size: 16px;
    font-weight: 400
}

.bluesnapDiv--O7_Tb::placeholder {
    font-size: 16px;
    font-weight: 400
}

.checkoutDiv--y7cA2,.checkoutDiv--y7cA2:active,.checkoutDiv--y7cA2:focus,.checkoutDiv--y7cA2:hover {
    width: 100%;
    height: var(--blue-snap-input-height);
    display: block;
    background-color: rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important
}

@keyframes animation-bzdot9--TNHzH {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.creditCardValidateContainer--dPH2f {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--app-background-color)
}

.validateCardButtonContainer--DH7vI {
    display: flex;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1080px) {
    .validateCardButtonContainer--DH7vI {
        padding-left:20px;
        padding-right: 20px
    }
}

.creditCardValidateBuyBtnContainer--hHUyo {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-white);
    height: 50px;
    font-weight: 700;
    font-size: 16px
}

.creditCardValidateDisableBuyButton--VbsIB {
    background-color: var(--app-disabled-btn-color);
    pointer-events: none
}

.skeleton--Hbb8P {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--TNHzH 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--Hbb8P * {
    display: none
}

.creditCardValidateErrorContainer--skDzW {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px
}

@media only screen and (max-width: 1080px) {
    .creditCardValidateErrorContainer--skDzW {
        padding-left:20px;
        padding-right: 20px
    }
}

.creditCardValidateErrorImgContainer--Yopma {
    display: flex;
    align-self: center;
    justify-content: center
}

.creditCardValidateErrorImg--vCRX5 {
    width: 44px;
    height: 44px
}

.creditCardValidateErrorTitle--gR34X {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    margin-top: 8px;
    text-align: center
}

.creditCardValidateErrorText--J7yQI {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-top: 16px;
    text-align: center
}

@keyframes animation-bzdot9--tcfqb {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

dialog .affiliatePromoPopupContent--x6BzM {
    min-width: 475px;
    border-radius: 24px
}

@media only screen and (max-width: 1080px) {
    dialog .affiliatePromoPopupContent--x6BzM {
        min-width:auto
    }
}

@keyframes animation-bzdot9--lQ43F {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.noFilterTitle--xmdEK {
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    padding-bottom: 11px
}

.advisorsContainer--kAEtZ~.advisorsContainer--kAEtZ {
    margin-top: 25px
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .advisorsContainer--kAEtZ~.advisorsContainer--kAEtZ {
        margin-top:15px
    }
}

.advisorsContainer--kAEtZ {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 25px
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .advisorsContainer--kAEtZ {
        grid-column-gap:10px;
        grid-row-gap: 13px
    }
}

.filterButtonContainer--Hq1ni {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

.cleanFiltersContainer--AqPAW {
    display: flex;
    height: 200px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

.bottomButton--WGngV {
    font-size: 17px;
    font-weight: 500;
    border-radius: var(--app-default-btn-lg-border-radius);
    padding: 13px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    cursor: pointer
}

.cleanFiltersContainer--AqPAW {
    display: flex;
    height: 200px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

.clearFilterIcon--S9wJU {
    padding: 8px
}

.searchResult--d2CTN {
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .searchResult--d2CTN {
        width:100%
    }

    .searchResult--d2CTN .advisorsContainer--kAEtZ {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .searchResult--d2CTN .bottomButton--WGngV {
        font-size: 15px;
        padding: 10px
    }
}

@media(max-width: 575px) {
    .searchResult--d2CTN .advisorsContainer--kAEtZ {
        margin-top:10px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }
}

.someOtherAdvisor--sTNWs {
    width: 100%;
    margin-top: 15px
}

.someOtherAdvisor--sTNWs .advisorsContainer--kAEtZ {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

@media only screen and (max-width: 1080px) {
    .someOtherAdvisor--sTNWs {
        width:100%
    }

    .someOtherAdvisor--sTNWs .advisorsContainer--kAEtZ {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }
}

@media(max-width: 575px) {
    .someOtherAdvisor--sTNWs .advisorsContainer--kAEtZ {
        margin-top:10px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }
}

.homePageAllAdvisors--UYqMx {
    width: 100%
}

.homePageAllAdvisors--UYqMx .advisorsContainer--kAEtZ {
    margin-top: 8px
}

.homePageAllAdvisors--UYqMx .bottomButton--WGngV,.homePageAllAdvisors--UYqMx .bottomButton--WGngV:hover {
    font-size: 15px;
    font-weight: 700;
    border-radius: var(--app-default-btn-lg-border-radius);
    padding: 10px;
    background-color: var(--app-color);
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .homePageAllAdvisors--UYqMx {
        width:100%
    }

    .homePageAllAdvisors--UYqMx .advisorsContainer--kAEtZ {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }
}

@keyframes animation-bzdot9--rtOL1 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.bottomButtonContainer--VpHVn {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

.bottomButton--U2gna {
    font-size: 17px;
    font-weight: 600;
    border-radius: var(--app-default-btn-lg-border-radius);
    padding: 13px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25);
    cursor: pointer
}

.bottomButton--U2gna:hover {
    box-shadow: 0px 4px 20px rgba(71,74,78,.08),0px 2px 20px rgba(71,74,78,.14)
}

.searchResult--RSawo {
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .searchResult--RSawo {
        width:100%
    }

    .searchResult--RSawo .bottomButtonContainer--VpHVn {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px
    }

    .searchResult--RSawo .bottomButton--U2gna {
        font-size: 15px;
        padding: 10px
    }
}

.someOtherAdvisor--PKkfi {
    width: 100%;
    margin-top: 15px
}

.someOtherAdvisor--PKkfi .seeMoreBtnContainer--nrVaC {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px
}

.someOtherAdvisor--PKkfi .seeMoreBtn--e86Hv {
    font-size: 17px;
    font-weight: 600;
    border-radius: var(--app-default-btn-lg-border-radius);
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fff;
    border: 1px solid #e0e0e0
}

@media only screen and (max-width: 1080px) {
    .someOtherAdvisor--PKkfi {
        width:100%
    }

    .someOtherAdvisor--PKkfi .seeMoreBtnContainer--nrVaC {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px
    }

    .someOtherAdvisor--PKkfi .seeMoreBtn--e86Hv {
        font-size: 15px;
        font-weight: 600;
        border-radius: var(--app-default-btn-lg-border-radius);
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 14px;
        padding-right: 14px;
        background-color: #fff;
        border: 1px solid #e0e0e0
    }
}

.homePageAllAdvisors--xg3sR {
    width: 100%
}

.homePageAllAdvisors--xg3sR .bottomButtonContainer--VpHVn {
    flex-direction: row
}

.homePageAllAdvisors--xg3sR .bottomButton--U2gna,.homePageAllAdvisors--xg3sR .bottomButton--U2gna:hover {
    font-size: 15px;
    font-weight: 700;
    border-radius: var(--app-default-btn-lg-border-radius);
    padding: 10px;
    background-color: var(--app-color);
    border: none;
    color: #fff;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.homePageAllAdvisors--xg3sR .seeMoreBtnImg--dHJNG {
    width: 25px;
    height: 25px;
    margin-right: 13px
}

@media only screen and (max-width: 1080px) {
    .homePageAllAdvisors--xg3sR .seeMoreBtnImg--dHJNG {
        width:20px;
        height: 20px;
        margin-right: 10px
    }
}

.homePageAllAdvisors--xg3sR .seeMoreBtnText--doeU4 {
    width: 100%;
    display: flex;
    justify-content: space-evenly
}

@media only screen and (max-width: 1080px) {
    .homePageAllAdvisors--xg3sR {
        width:100%
    }

    .homePageAllAdvisors--xg3sR .bottomButtonContainer--VpHVn {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px
    }
}

@keyframes animation-bzdot9--YuEzu {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.paginationPagesContainer--Vwhpa {
    widows: 100%;
    height: 100px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.paginationPageItemNotActive--hwZLw {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

@media only screen and (max-width: 1080px) {
    .paginationPageItemNotActive--hwZLw {
        width:40px;
        height: 40px;
        margin-left: 5px
    }
}

.paginationPageItemNotActive--hwZLw {
    color: #000;
    font-size: 17px;
    font-weight: 600
}

.paginationPageItemActive--NTcIh,.paginationPageItemActive--NTcIh:hover {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

@media only screen and (max-width: 1080px) {
    .paginationPageItemActive--NTcIh,.paginationPageItemActive--NTcIh:hover {
        width:40px;
        height: 40px;
        margin-left: 5px
    }
}

.paginationPageItemActive--NTcIh,.paginationPageItemActive--NTcIh:hover {
    background-color: var(--app-color) !important;
    color: #fff;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    cursor: auto
}

.paginationPageItemSeen--SJ_3X,.paginationPageItemSeen--SJ_3X:hover {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

@media only screen and (max-width: 1080px) {
    .paginationPageItemSeen--SJ_3X,.paginationPageItemSeen--SJ_3X:hover {
        width:40px;
        height: 40px;
        margin-left: 5px
    }
}

.paginationPageItemSeen--SJ_3X,.paginationPageItemSeen--SJ_3X:hover {
    background-color: #e8e8e8 !important;
    color: #575757;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    box-shadow: inset 0 2px 0 0 rgba(202,202,202,.5)
}

.paginationPageArrowContainer--xzwN7 {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

@media only screen and (max-width: 1080px) {
    .paginationPageArrowContainer--xzwN7 {
        width:40px;
        height: 40px;
        margin-left: 5px
    }
}

.paginationPageArrowContainer--xzwN7 {
    border-radius: 8px;
    box-shadow: inset 0 -4px 0 0 rgba(202,202,202,.25);
    border: solid 1px #d7d7d7;
    background-color: #fff;
    cursor: pointer
}

@keyframes animation-bzdot9--aJNO4 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.dialog--SGA75 {
    border: 0;
    margin: 0;
    padding: 0;
    background: none
}

.overlayContainer--c_aTm {
    background: var(--app-overlay-black);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 1000
}

.arrowDiv--QDKy7 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.arrow--o7lwi {
    width: 26px;
    height: 21px
}

.closeBtn--yNNzD,.closeBtn--yNNzD:hover,.closeBtn--yNNzD:focus {
    border: none;
    color: rgba(0,0,0,.65);
    cursor: pointer;
    background: none;
    padding: 0px;
    outline: 0
}

.generalContainer--S2h1S {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation: fadeIn--rk46l 1s
}

@media only screen and (max-width: 1080px) {
    .generalContainer--S2h1S {
        width:100%;
        bottom: 0;
        max-width: 100%
    }
}

@keyframes fadeIn--rk46l {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.generalHolder--a2Hlh {
    position: relative;
    width: 100%
}

.topHeaderConteinerLogoContainer--XJXIe {
    display: none;
    justify-items: center;
    justify-content: center;
    margin-bottom: -30px;
    position: relative;
    z-index: 10;
    background-color: rgba(0,0,0,0);
    width: 100%
}

.topHeaderConteinerLogo--twOoH {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 10px #fff;
    display: none
}

.popupContainer--Qk4q2 {
    position: relative;
    z-index: 1;
    background-color: var(--app-background-secondary-color) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    max-width: 475px;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

@media only screen and (max-width: 1080px) {
    .popupContainer--Qk4q2 {
        width:100%;
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
        max-width: initial
    }
}

.topHeaderConteiner--hjLk8 {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    justify-content: space-between;
    height: 50px;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    align-items: baseline
}

.emptyDiv--lpAj3 {
    display: flex;
    height: var(--height)
}

@media only screen and (max-width: 1080px) {
    .emptyDiv--lpAj3 {
        width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .CHAT_ENDED--xJ21b .emptyDiv--lpAj3 {
        width:100%;
        height: 0
    }
}

.CHAT_ENDED--xJ21b .popupContainer--Qk4q2 {
    border-radius: 20px;
    overflow: visible;
    min-width: 500px;
    min-height: 382px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px
}

@media only screen and (max-width: 1080px) {
    .CHAT_ENDED--xJ21b .popupContainer--Qk4q2 {
        padding-bottom:0px;
        min-width: 0;
        min-width: initial;
        min-height: 0;
        min-height: initial;
        width: 90%;
        margin: 0 auto;
        border-radius: 20px
    }
}

.CHAT_ENDED--xJ21b .topHeaderConteiner--hjLk8 {
    height: 31px
}

.CHAT_ENDED--xJ21b .overlayContainer--c_aTm {
    background: rgba(0,0,0,0) !important
}

@media only screen and (max-width: 1080px) {
    .CHAT_ENDED--xJ21b .generalContainer--S2h1S {
        height:100%
    }
}

.CHAT_ENDED--xJ21b .generalHolder--a2Hlh {
    height: 100%
}

.CHAT_ENDED_RATE_REVIEW--w_iYc .popupContainer--Qk4q2 {
    border-radius: 20px;
    overflow: visible;
    min-width: 300px;
    min-height: 645px;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    .CHAT_ENDED_RATE_REVIEW--w_iYc .popupContainer--Qk4q2 {
        padding-bottom:0px;
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }
}

@media only screen and (max-width: 1080px) {
    .CHAT_ENDED_RATE_REVIEW--w_iYc .generalContainer--S2h1S {
        height:100%
    }
}

.CHAT_ENDED_RATE_REVIEW--w_iYc .generalHolder--a2Hlh {
    height: 100%
}

.closeButtonImg--aDuLy {
    width: 15px;
    height: 15px
}

.INTRO_DATE_PICKER--JhD5U {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.INTRO_DATE_PICKER--JhD5U .generalContainer--S2h1S {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--app-overlay-black);
    left: 0;
    bottom: 0;
    z-index: 10
}

@media only screen and (max-width: 1080px) {
    .INTRO_DATE_PICKER--JhD5U .generalContainer--S2h1S {
        position:absolute;
        max-width: 400px
    }
}

.INTRO_DATE_PICKER--JhD5U .emptyDiv--lpAj3 {
    display: none !important
}

.INTRO_DATE_PICKER--JhD5U .generalHolder--a2Hlh {
    width: auto;
    width: initial
}

.INTRO--__3Y3 {
    height: 100%
}

.INTRO--__3Y3 .generalContainer--S2h1S {
    position: relative
}

.INTRO--__3Y3 .popupContainer--Qk4q2 {
    position: relative;
    min-width: 315px;
    max-width: 375px
}

@media only screen and (max-width: 1080px) {
    .INTRO--__3Y3 .popupContainer--Qk4q2 {
        max-width:none;
        max-width: initial
    }
}

.INTRO--__3Y3 .emptyDiv--lpAj3 {
    display: none
}

@media only screen and (max-width: 1080px) {
    .INTRO--__3Y3 .emptyDiv--lpAj3 {
        display:flex;
        width: "100%";
        height: var(--height)
    }
}

.ABSOLUTE_POPUP--MhSKk .overlayContainer--c_aTm {
    position: absolute;
    background: var(--app-overlay-black) !important
}

.ABSOLUTE_POPUP--MhSKk .generalContainer--S2h1S {
    width: auto;
    width: initial
}

.ABSOLUTE_POPUP--MhSKk .popupContainer--Qk4q2 {
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width: 1080px) {
    .ABSOLUTE_POPUP--MhSKk .popupContainer--Qk4q2 {
        border-top-left-radius:24px !important;
        border-top-right-radius: 24px !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.SCROLLED_POPUP--HJGyA {
    height: 100%
}

.CENTERED--WEImz .generalContainer--S2h1S {
    width: auto;
    width: initial
}

.CENTERED--WEImz .popupContainer--Qk4q2 {
    border-radius: 24px !important;
    border-radius: var(--app-popup-container-border-radius, 24px) !important;
    min-width: 0;
    min-width: initial;
    min-height: 0;
    min-height: initial
}

.CENTERED--WEImz .emptyDiv--lpAj3 {
    display: none !important
}

.BOTTOM--jPIyj .overlayContainer--c_aTm {
    align-items: flex-end
}

.BOTTOM--jPIyj .popupContainer--Qk4q2 {
    min-height: 0;
    min-height: initial
}

.REGISTER--AwvL8 {
    height: 100%
}

.REGISTER--AwvL8 .generalContainer--S2h1S {
    position: relative
}

@media only screen and (max-width: 1080px) {
    .REGISTER--AwvL8 .generalContainer--S2h1S {
        min-height:100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 1080px) {
    .REGISTER--AwvL8 .generalHolder--a2Hlh {
        min-height:100%
    }
}

.REGISTER--AwvL8 .popupContainer--Qk4q2 {
    position: relative;
    max-width: none;
    max-width: initial
}

@media only screen and (max-width: 1080px) {
    .REGISTER--AwvL8 .popupContainer--Qk4q2 {
        min-height:100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.REGISTER--AwvL8 .emptyDiv--lpAj3 {
    display: flex;
    width: 100%;
    height: var(--height)
}

.JUMIO_POPOVER--fiMZn .generalContainer--S2h1S {
    width: auto;
    width: initial
}

.JUMIO_POPOVER--fiMZn .popupContainer--Qk4q2 {
    border-radius: 24px !important;
    min-width: 0;
    min-width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-mask-image: unset
}

.JUMIO_POPOVER--fiMZn .emptyDiv--lpAj3 {
    display: none !important
}

@keyframes animation-bzdot9--lvBPe {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.advisorHeaderContainer--eDo3k {
    display: flex;
    width: 100%;
    flex-direction: row;
    border-radius: 40px;
    background-color: #fff;
    padding: 30px;
    padding-top: 44px
}

@media only screen and (max-width: 1080px) {
    .advisorHeaderContainer--eDo3k {
        flex-direction:column;
        padding: 0;
        align-items: center;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.avatarHolder--LV8dj {
    width: 30%;
    min-width: 382px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .avatarHolder--LV8dj {
        width:100%;
        max-width: 400px;
        max-height: 400px;
        height: calc(100vw - 20px);
        min-width: auto
    }
}

.advisorInfo--nbfjz {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-left: 30px
}

@media only screen and (max-width: 1080px) {
    .advisorInfo--nbfjz {
        flex-direction:column-reverse;
        margin-left: 0;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px
    }
}

.basicInfoContainer--ASMGp {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 10px
}

@media only screen and (max-width: 1080px) {
    .basicInfoContainer--ASMGp {
        display:none
    }
}

.advsiorTitleContainer--kNNhW {
    display: flex
}

.topIconsAndRatingContainer--_IhtH {
    display: flex
}

.ratingHolder--fd56Y {
    margin-left: 10px
}

.advisorModesContainer--mdKDE {
    display: flex;
    width: 100%;
    margin-top: 19px;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .advisorModesContainer--mdKDE {
        justify-content:center;
        max-width: 370px;
        align-self: center
    }
}

.advisorTitleContainer--fjTsV {
    display: grid;
    flex-direction: column;
    width: 100%
}

.advisorTitle--aWR5b {
    display: flex;
    flex-direction: column;
    font-size: 34px;
    font-weight: 600;
    line-height: 33px;
    word-break: break-all;
    margin: 0;
    margin-bottom: 0 !important;
    overflow: hidden
}

.advisorTitleText--FR20R {
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 5px
}

.advisorSubtitle--JVj1l {
    color: #9d9d9d
}

.advisorSubtitleText--QqOI2 {
    font-size: 22px;
    font-weight: 300;
    color: #9d9d9d
}

.reviewsContainer--fM0j6 {
    display: flex;
    width: 100%;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .reviewsContainer--fM0j6 {
        max-width:200px
    }
}

.noReviews--Z1ZgT {
    color: #b7b7b7;
    font-size: 20px;
    margin-left: 50px
}

@media only screen and (max-width: 1080px) {
    .noReviews--Z1ZgT {
        font-size:12px;
        margin-left: auto
    }
}

.advsiorReadingsContainer--VXGKD {
    display: flex;
    font-weight: 700;
    font-size: 26px;
    margin-top: 25px;
    align-items: flex-end;
    line-height: 42px
}

@media only screen and (max-width: 1080px) {
    .advsiorReadingsContainer--VXGKD {
        border:1px solid #eaeaea;
        font-size: 13px;
        margin-top: 19px;
        justify-content: space-between;
        padding-left: 13px;
        padding-right: 13px;
        border-radius: 5px;
        height: 55px;
        align-items: center;
        max-width: 370px;
        width: 100%;
        min-width: 300px !important;
        line-height: 1
    }
}

.advisorCTAs--oHBcI {
    position: relative;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .advisorCTAs--oHBcI {
        max-width:370px;
        width: 100%;
        min-width: 300px !important
    }
}

.ctaSkeletonContainer--UfdXN {
    display: flex;
    width: 100%
}

.ctaSkeleton--zuiK7 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--lvBPe 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.ctaSkeleton--zuiK7 * {
    display: none
}

.ctaSkeleton--zuiK7 {
    width: 148px !important;
    margin-left: 9px;
    height: 207px !important
}

@media only screen and (max-width: 1080px) {
    .ctaSkeleton--zuiK7 {
        width:100px !important;
        margin-left: 9px;
        height: 147px !important
    }
}

@media only screen and (max-width: 1080px) {
    .ctaSkeletonFullWidth--vnjN9 {
        max-width:none !important;
        max-width: initial !important;
        width: 100% !important
    }
}

.ctaSkeleton--zuiK7:first-of-type {
    margin-left: 0
}

.busyLableContainer--CHmhf {
    background-color: var(--app-busy-label-color);
    position: absolute;
    height: 21px;
    font-weight: 700;
    left: 20px;
    right: 20px;
    bottom: 15px;
    border-radius: 41px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .busyLableContainer--CHmhf {
        font-size:11px;
        bottom: 10px;
        height: 16px;
        left: 15px;
        right: 15px
    }
}

.couponLabelContainerBrowser--NGJQN {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px
}

@media only screen and (max-width: 1080px) {
    .couponLabelContainerBrowser--NGJQN {
        display:none
    }
}

.couponLabelContainerMobile--t2hFW {
    display: none
}

@media only screen and (max-width: 1080px) {
    .couponLabelContainerMobile--t2hFW {
        display:flex;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px
    }
}

.terminatedAdvisor--VCJWd .reviewsContainer--fM0j6 {
    display: none
}

.terminatedAdvisor--VCJWd .advsiorReadingsContainer--VXGKD {
    display: none
}

.terminatedAdvisor--VCJWd .aboutMyServicesContainer--vf4im {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 40px
}

@media only screen and (max-width: 1080px) {
    .terminatedAdvisor--VCJWd .aboutMyServicesContainer--vf4im {
        margin-top:25px;
        font-size: 17px;
        line-height: 24px
    }
}

.terminatedAdvisor--VCJWd .aboutMyServicesText--L4vPv {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    margin-top: 18px;
    white-space: pre-wrap;
    word-break: break-word
}

@media only screen and (max-width: 1080px) {
    .terminatedAdvisor--VCJWd .aboutMyServicesText--L4vPv {
        font-size:15px;
        margin-top: 0;
        line-height: 22px
    }
}

.terminatedAdvisor--VCJWd .aboutMyServicesReadMoreBtn--w4nw7 {
    font-weight: 700;
    font-size: 20px;
    border: none;
    background-color: rgba(0,0,0,0);
    padding: 0;
    padding-left: 3px;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .terminatedAdvisor--VCJWd .aboutMyServicesReadMoreBtn--w4nw7 {
        font-size:15px
    }
}

@media only screen and (max-width: 1080px) {
    .terminatedAdvisor--VCJWd .advisorModesContainer--mdKDE {
        justify-content:flex-start
    }
}

.terminatedAdvisor--VCJWd .promotionLabelContainerBrowser--WvzTs {
    display: none
}

.terminatedAdvisor--VCJWd .promotionLabelContainerMobile--kOAGv {
    display: none
}

@keyframes animation-bzdot9--mb1p3 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

@media only screen and (max-width: 1080px) {
    .fullWidth--VAFfS {
        max-width:none !important;
        max-width: initial !important;
        width: 100% !important
    }
}

.modeUnavailablePoppupContainer--um4M3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    font-size: 18px;
    font-weight: 400
}

.modeUnavailablePoppupBtn--BQQky {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: var(--app-color);
    margin-top: 5px
}

.default--qX13t {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 148px;
    width: 148px;
    height: 207px;
    margin-left: 14px;
    padding-top: 30px;
    padding-bottom: 20px
}

@media only screen and (max-width: 1080px) {
    .default--qX13t {
        border-radius:6px;
        padding: 5px;
        height: 100%;
        min-height: 147px;
        padding-top: 16px;
        padding-bottom: 10px;
        margin-left: 9px
    }
}

.default--qX13t .modeTitle--KFD4l {
    font-weight: 700;
    font-size: 18px
}

@media only screen and (max-width: 1080px) {
    .default--qX13t .modeTitle--KFD4l {
        font-size:13px
    }
}

.default--qX13t .modePrice--Dl5PX {
    font-size: 16px;
    font-weight: 400;
    min-height: 20px
}

.default--qX13t .modePrice--Dl5PX .sale--QvuT7 {
    text-decoration: line-through;
    font-size: 12px
}

@media only screen and (max-width: 1080px) {
    .default--qX13t .modePrice--Dl5PX {
        font-size:13px;
        font-weight: 500
    }

    .default--qX13t .modePrice--Dl5PX .sale--QvuT7 {
        font-size: 10px
    }
}

.default--qX13t .modeStatus--a_T2W {
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
    border-radius: 41px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 13px
}

@media only screen and (max-width: 1080px) {
    .default--qX13t .modeStatus--a_T2W {
        font-size:11px
    }
}

.default--qX13t .pricesContainer--fmLoy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
    line-height: 20px
}

.default--qX13t .modeImage--r1SjU {
    width: 76px;
    height: 76px
}

@media only screen and (max-width: 1080px) {
    .default--qX13t .modeImage--r1SjU {
        width:59px;
        height: 59px
    }
}

.default--qX13t .freeMinContainer--jGMeQ {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%)
}

.default--qX13t:first-of-type {
    margin-left: 0
}

.advisorFixContainer--Oes_i {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    padding-bottom: 2px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-left: 14px;
    white-space: nowrap;
    max-width: 160px;
    min-width: 160px
}

@media only screen and (max-width: 1080px) {
    .advisorFixContainer--Oes_i {
        border-radius:6px;
        padding: 5px;
        padding-left: 8px;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 5px;
        margin-left: 10px;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width: 480px) {
    .advisorFixContainer--Oes_i {
        min-width:110px
    }
}

.advisorFixContainer--Oes_i .advisorFixContainer--Oes_i:first-of-type {
    margin-left: 0px
}

.advisorFixContainer--Oes_i .advisorFixContainer--Oes_i:first-child {
    margin-left: 0px
}

.advisorFixContainer--Oes_i .modeTitle--KFD4l {
    font-weight: 600;
    font-size: 16px
}

@media only screen and (max-width: 1080px) {
    .advisorFixContainer--Oes_i .modeTitle--KFD4l {
        font-size:12px;
        margin-left: 5px
    }
}

@media only screen and (max-width: 480px) {
    .advisorFixContainer--Oes_i .modeTitle--KFD4l {
        font-size:12px;
        margin-left: 3px
    }
}

.advisorFixContainer--Oes_i .modePrice--Dl5PX {
    display: none
}

.advisorFixContainer--Oes_i .modeStatus--a_T2W {
    display: none
}

.advisorFixContainer--Oes_i .pricesContainer--fmLoy {
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    width: 100%;
    justify-content: space-evenly
}

@media only screen and (max-width: 1080px) {
    .advisorFixContainer--Oes_i .pricesContainer--fmLoy {
        padding-bottom:4px;
        width: auto;
        width: initial
    }
}

.advisorFixContainer--Oes_i .modeImage--r1SjU {
    width: 39px;
    height: 39px
}

@media only screen and (max-width: 1080px) {
    .advisorFixContainer--Oes_i .modeImage--r1SjU {
        width:27px;
        height: 27px
    }
}

.advisorFixContainer--Oes_i:first-of-type {
    margin-left: 0px
}

.advisorFixContainer--Oes_i::after {
    content: ""
}

.previewAdvisorCTA--JWJbd {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    gap: 10px;
    background-color: var(--app-color);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .previewAdvisorCTA--JWJbd {
        padding-left:10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTA--JWJbd {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTA--JWJbd {
        width:100%;
        font-size: 12px;
        gap: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 10px
    }
}

.previewCtaIcon--TD_Tc {
    width: 18px
}

@media only screen and (max-width: 1080px) {
    .previewCtaIcon--TD_Tc {
        width:12px
    }
}

.previewCtaIcon--TD_Tc .staffPick--eyd95 {
    width: 100%
}

.freeMinContainer--jGMeQ {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid var(--free-min-color);
    padding: 3px 5px 3px 5px
}

@media only screen and (max-width: 1080px) {
    .freeMinContainer--jGMeQ {
        border-radius:6px;
        padding: 1px 3px 1px 3px
    }
}

.freeMinIcon--lCPdg {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .freeMinIcon--lCPdg {
        width:14px;
        height: 14px
    }
}

.freeMinTextContainer--olfw0 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--free-min-color);
    margin-left: 3px
}

@media only screen and (max-width: 1080px) {
    .freeMinTextContainer--olfw0 {
        font-size:10px;
        margin-left: 2px
    }
}

@keyframes animation-bzdot9--oPsTb {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.profileContainer--wwUgJ {
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .profileContainer--wwUgJ {
        border-radius:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.profileContainer--wwUgJ {
    position: relative;
    width: 100%
}

.profileContainer--wwUgJ::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.avatarContainer--tJrEX {
    position: absolute;
    height: 100%;
    width: 100%
}

.advisorProfile--GDqLO {
    position: absolute;
    width: 100%;
    height: 100%
}

.profileImgButton--Aqee4 {
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .profileImgButton--Aqee4 {
        border-radius:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.profileImgButton--Aqee4 {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: none
}

.profileImg--X741Z {
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .profileImg--X741Z {
        border-radius:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.profileImg--X741Z {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.transparentOverlay--OhR3w {
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .transparentOverlay--OhR3w {
        border-radius:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.transparentOverlay--OhR3w {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.videoContainer--vPRCK {
    cursor: pointer
}

.text--EWag_ {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px
}

.playButtonContainer--ZVuQM {
    display: flex;
    flex-direction: row;
    z-index: 9;
    margin-top: 2px
}

.playButtonImg--J07y4 {
    width: 8;
    height: 9;
    margin-right: 3px
}

.statusContainer--LMVIZ {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.indicatorContainer--iiKek {
    border-radius: 20px;
    justify-content: center;
    align-self: center;
    z-index: 9;
    position: absolute;
    padding: 3px;
    background-color: #fff
}

.statusTitle--mrDM3 {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 4px 40px 4px 40px
}

@media only screen and (max-width: 1080px) {
    .statusTitle--mrDM3 {
        font-size:14px
    }
}

.onlineIndicator--h_yTT {
    width: 100%;
    border-radius: 20px;
    background-color: var(--app-online-indicator-color);
    z-index: 10
}

.offlineIndicator--hLHqg {
    width: 100%;
    border-radius: 20px;
    background-color: var(--app-offline-indicator-color);
    z-index: 10
}

.busyIndicator--qGETZ {
    width: 100%;
    border-radius: 20px;
    background-color: var(--app-busy-indicator-color);
    z-index: 10
}

.indicatorSkeleton--X9gO4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--oPsTb 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.indicatorSkeleton--X9gO4 * {
    display: none
}

.indicatorSkeleton--X9gO4 {
    width: 100%;
    border-radius: 20px;
    background-color: "transpared";
    z-index: 10;
    min-width: 130px;
    min-height: 28px
}

.profileImageContainer--FQTqi {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

.badgeContainer--kbNQ1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--app-badge-border-radius);
    padding: 3px
}

@media only screen and (max-width: 1080px) {
    .badgeContainer--kbNQ1 {
        padding:0;
        margin-bottom: 10px
    }
}

.highRatedContainer--lPevL {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    left: 20px;
    bottom: 30px;
    z-index: 11;
    background-color: #b05dd1;
    border-radius: 3px
}

@media only screen and (max-width: 1080px) {
    .highRatedContainer--lPevL {
        display:none
    }
}

.ratedImg--R7fsm {
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-left: 4px
}

.badgeText--V7OxY {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 3px;
    padding-right: 5px
}

@media only screen and (max-width: 1080px) {
    .badgeText--V7OxY {
        font-size:11px
    }
}

.textRated--arFoq {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    padding: 3px;
    padding-right: 5px
}

.avatar--qnHr2 {
    width: 100%;
    height: 100%
}

.topItemsContainer--UhSyE {
    position: absolute;
    padding: 15px;
    display: none;
    width: 100%;
    height: 50px;
    justify-content: space-between;
    flex-direction: row;
    z-index: 11
}

@media only screen and (max-width: 1080px) {
    .topItemsContainer--UhSyE {
        display:flex
    }
}

.topItemsLeftContainer--WqoD8 {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.playBtnContainerKAMobile--FuT9H {
    display: none
}

@media only screen and (max-width: 1080px) {
    .playBtnContainerKAMobile--FuT9H {
        display:flex;
        align-items: flex-start;
        justify-content: flex-start;
        pointer-events: none
    }

    .playBtnContainerKAMobile--FuT9H div {
        position: relative !important;
        pointer-events: auto
    }
}

.playBtnContainerKA--shbwB {
    position: absolute;
    padding: 20px 0px 0px 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    pointer-events: none
}

.playBtnContainerKA--shbwB div {
    position: relative !important;
    pointer-events: auto
}

@media only screen and (max-width: 1080px) {
    .playBtnContainerKA--shbwB {
        display:none
    }
}

.ratingContainer--t8_Kg {
    background: var(--app-rating-on-img-bg-color)
}

.starImg--Oj7TC {
    width: 16px;
    height: 16px
}

.ratingText--asKdU {
    padding-left: 6px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1
}

.notifyContainer--apcvr {
    padding-left: 6px;
    padding-right: 8px
}

.favouriteContainer--dyPSI {
    padding-left: 6px;
    padding-right: 8px
}

.shareContainer--vrsHX {
    padding-left: 6px;
    padding-right: 8px
}

.nameSectionContainer--WcAw2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    display: none;
    line-height: 25px
}

@media only screen and (max-width: 1080px) {
    .nameSectionContainer--WcAw2 {
        display:flex
    }
}

.nickNameContainer--he52x {
    color: #fff
}

.nickNameText--fhdzk {
    width: 100%;
    max-width: 100%;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: normal
}

.serviceTitleContainer--pyOg3 {
    width: 100%;
    max-width: 100%;
    display: inline;
    display: initial;
    color: #e4e4e4
}

.serviceTitleText--_qUT4 {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #e4e4e4
}

.iconsSectionContainer--Y66zR {
    display: flex;
    flex-direction: row
}

.notifyFavorite--jJ3P1,.notifyFavorite--jJ3P1:focus {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0
}

.notifyFavorite--jJ3P1:hover {
    cursor: pointer
}

.container--EyYEo {
    margin: 1.5rem 0rem;
    font-size: 1rem
}

.radioBtnContainer--DJcNL {
    border-radius: 4px;
    margin-top: 1rem
}

.radioBtnClone--DSxOX {
    background: #0cad4f;
    color: #fff;
    padding: .5rem;
    flex-grow: 1;
    outline: none;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.radioBtnSelected--ycpLY {
    background: gray;
    color: #fff;
    border: 1px solid gray
}

.advisorInfo--BRF8y {
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    width: 100%;
    padding: 20px;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 30px;
    pointer-events: none
}

@media only screen and (max-width: 1080px) {
    .advisorInfo--BRF8y {
        display:flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        padding-bottom: 20px
    }
}

.advisorCountryFlag--GBSv6 {
    width: 46px;
    height: 33px;
    border-radius: 7px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 3px solid #eaeaea;
    box-sizing: content-box
}

@media only screen and (max-width: 1080px) {
    .advisorCountryFlag--GBSv6 {
        position:absolute;
        right: 15px;
        bottom: 20px;
        width: 32px;
        height: 23px;
        border-radius: 3px;
        border: 2px solid #eaeaea;
        box-sizing: content-box
    }
}

.terminatedAdvisor--R2ixS .iconsSectionContainer--Y66zR {
    display: none
}

.terminatedAdvisor--R2ixS .badgeContainer--kbNQ1 {
    display: none
}

@keyframes animation-bzdot9--iIPu4 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.avatarBrowserContainer--x9bTx {
    position: relative;
    width: 270px;
    height: 270px
}

.rating--ZN9I3 {
    display: flex;
    background-color: #ffecbc;
    align-items: center;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.advsiorReadingsContainer--xKoxV {
    display: flex;
    font-weight: 700;
    font-size: 26px;
    margin-top: 15px;
    align-items: flex-end;
    line-height: 42px
}

@media only screen and (max-width: 1080px) {
    .advsiorReadingsContainer--xKoxV {
        border:1px solid #eaeaea;
        font-size: 13px;
        margin-top: 19px;
        justify-content: space-between;
        padding-left: 13px;
        padding-right: 13px;
        border-radius: 5px;
        height: 55px;
        align-items: center;
        max-width: 370px;
        width: 100%;
        min-width: 300px !important;
        line-height: 1
    }
}

.topIconsContainer--ZHHjA {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    z-index: 11
}

@media only screen and (max-width: 1080px) {
    .topIconsContainer--ZHHjA {
        display:none
    }
}

.reviewItem--jaEeH {
    display: flex;
    font-size: 26px;
    font-weight: 700;
    align-items: center;
    margin-left: 54px
}

@media only screen and (max-width: 1080px) {
    .reviewItem--jaEeH {
        margin-left:auto;
        font-size: 13px
    }
}

.reviewImg--Q5CMV {
    margin-right: 9px;
    width: 33px;
    height: 33px
}

@media only screen and (max-width: 1080px) {
    .reviewImg--Q5CMV {
        margin-right:6px;
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width: 1080px) {
    .reviewItemAdvisorHeader--lW7Ew {
        margin-left:auto
    }
}

.reviewItemReviewsSection--HBFqK .reviewItem--jaEeH {
    font-size: 20px;
    margin-left: 0
}

@media only screen and (max-width: 1080px) {
    .reviewItemReviewsSection--HBFqK .reviewItem--jaEeH {
        font-size:15px
    }
}

.reviewItemReviewsSection--HBFqK .reviewImg--Q5CMV {
    width: 23px;
    height: 23px
}

@media only screen and (max-width: 1080px) {
    .reviewItemReviewsSection--HBFqK .reviewImg--Q5CMV {
        margin-right:6px
    }
}

.fixedContainerBrowser--VQy27 {
    display: var(--display);
    flex-direction: column;
    background-color: #fff;
    position: fixed;
    z-index: 20;
    top: var(--top);
    left: 0;
    right: 0;
    box-shadow: 0px 6px 10px rgba(0,0,0,.1);
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .fixedContainerBrowser--VQy27 {
        display:none
    }
}

.fixedTopContainerMobile--IvU0r {
    display: none
}

@media only screen and (max-width: 1080px) {
    .fixedTopContainerMobile--IvU0r {
        display:var(--display);
        background-color: #fff;
        position: fixed;
        z-index: 20;
        top: var(--top);
        left: 0;
        right: 0;
        box-shadow: 0px 2px 3px rgba(0,0,0,.1)
    }
}

.fixedTopContentMobile--ICAKk {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.fixedBottomContainerMobile--WJvPG {
    display: none
}

@media only screen and (max-width: 1080px) {
    .fixedBottomContainerMobile--WJvPG {
        display:var(--display);
        position: fixed;
        flex-direction: column;
        z-index: 20;
        background-color: #fff;
        bottom: 0px;
        left: 0;
        right: 0;
        justify-content: center;
        padding-bottom: 26px;
        padding-top: 16px;
        padding-left: 13px;
        padding-right: 13px;
        box-shadow: 0px -2px 4px rgba(0,0,0,.1);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.fixedContentBrowser--dxupP {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    padding-bottom: 18px
}

@media only screen and (max-width: 480px) {
    .fixedContentBrowser--dxupP {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .fixedContentBrowser--dxupP {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .fixedContentBrowser--dxupP {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .fixedContentBrowser--dxupP {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .fixedContentBrowser--dxupP {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .fixedContentBrowser--dxupP {
        max-width:1440px
    }
}

.fixedContainerAvatarContainer--bsY2r {
    display: flex;
    flex-direction: row;
    align-items: center
}

.fixedContainerAvatarHolder--A3UHL {
    width: 52px;
    min-width: 52px;
    height: 52px
}

@media only screen and (max-width: 1080px) {
    .fixedContainerAvatarHolder--A3UHL {
        width:44px;
        min-width: 44px;
        height: 44px
    }
}

.advisorStaticTitleContainer--qH2j0 {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .advisorStaticTitleContainer--qH2j0 {
        margin-left:9px
    }
}

.advisorNameContainer--JbvyU {
    overflow: hidden
}

.advisorNameText--xlgkd {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px
}

@media only screen and (max-width: 1080px) {
    .advisorNameText--xlgkd {
        font-size:16px;
        font-weight: 700;
        line-height: 24px
    }
}

.advisorServiceTitleContainer--fdRcS {
    color: #a5a5a5;
    overflow: hidden
}

.advisorServiceTitleText--F1nu3 {
    color: #a5a5a5;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px
}

@media only screen and (max-width: 1080px) {
    .advisorServiceTitleText--F1nu3 {
        font-size:14px;
        font-weight: 400;
        line-height: 21px
    }
}

.optionsContainer--IbPTc {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ctaHolder--nHWJO {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.topIconsContaner--EnVi1 {
    display: flex;
    flex-direction: row;
    margin-left: 58px
}

@media only screen and (max-width: 1080px) {
    .topIconsContaner--EnVi1 {
        margin-left:23px
    }
}

.ctaSkeletonContainer--i_jAE {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin-left: 14px;
    white-space: nowrap;
    max-width: 160px;
    min-width: 160px
}

.ctaSkeleton--afpu4 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--iIPu4 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.ctaSkeleton--afpu4 * {
    display: none
}

.ctaSkeleton--afpu4 {
    width: 160px !important;
    margin-left: 9px;
    height: 51px !important
}

@media only screen and (max-width: 1080px) {
    .ctaSkeleton--afpu4 {
        width:160px !important;
        margin-left: 9px;
        height: 39px !important
    }
}

@media only screen and (max-width: 480px) {
    .ctaSkeleton--afpu4 {
        width:110px
    }
}

@media only screen and (max-width: 1080px) {
    .ctaSkeletonFullWidth--AQl4U {
        max-width:none !important;
        max-width: initial !important;
        width: 100% !important
    }
}

.ctaSkeleton--afpu4:first-of-type {
    margin-left: 0
}

.urgentItemContainer--plFUL {
    display: var(--display);
    width: 100%
}

@keyframes animation-bzdot9--cEjDy {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.couponLabelContainer--JvLEP {
    display: flex;
    align-items: center;
    flex-direction: row
}

.couponLabelIconContainer_small--neL5O {
    display: flex;
    width: 80px;
    height: 26px
}

.couponLabelIconContainer_medium--UCOlU {
    display: flex;
    width: 101px;
    height: 33px
}

.couponLabelHoursToRedeemContainer_small--Bx1rJ {
    display: flex;
    font-weight: 400;
    margin-left: 10px;
    color: #000;
    font-size: 15px
}

.couponLabelHoursToRedeemContainer_medium--vfV5w {
    display: flex;
    font-weight: 400;
    margin-left: 10px;
    color: #000;
    font-size: 20px
}

.couponLabelOfferEndsIn1HoursToRedeemContainer_small--Wxbos {
    display: flex;
    font-weight: 400;
    margin-left: 10px;
    color: #ff8717;
    font-size: 15px
}

.couponLabelOfferEndsIn1HoursToRedeemContainer_medium--fa8iY {
    display: flex;
    font-weight: 400;
    margin-left: 10px;
    color: #ff8717;
    font-size: 20px
}

@keyframes animation-bzdot9--J_0fb {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

@keyframes slideDownAndFadeIn--UKhtP {
    0% {
        max-height: 0;
        opacity: 0
    }

    100% {
        max-height: 90px;
        opacity: 1
    }
}

.urgencyContainer--VMTpf {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    max-height: 0;
    opacity: 0;
    align-items: center;
    background-color: rgba(0,0,0,0);
    animation: slideDownAndFadeIn--UKhtP .8s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.urgencyContainer--VMTpf.advisor_details--JCvtW {
    display: none
}

@media only screen and (max-width: 1080px) {
    .urgencyContainer--VMTpf.advisor_details--JCvtW {
        display:flex;
        margin-top: 20px
    }

    .urgencyContainer--VMTpf.advisor_details--JCvtW .urgencyMessage--f2sL8 {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: var(--mbw-text-primary)
    }

    .urgencyContainer--VMTpf.advisor_details--JCvtW .urgencyMessage--f2sL8 .colorText--RWxsT {
        font-weight: 500;
        color: var(--app-color)
    }

    .urgencyContainer--VMTpf.advisor_details--JCvtW .emojiContainer--F_2qS {
        min-width: 40px;
        min-height: 40px;
        font-size: 20px
    }
}

.urgencyContainer--VMTpf.advisor_header--y4Ie4 {
    display: flex;
    background-color: #ffd485;
    padding: 10px 0
}

.urgencyContainer--VMTpf.advisor_header--y4Ie4 .urgencyMessage--f2sL8 {
    font-size: 18px;
    line-height: 22px
}

.urgencyContainer--VMTpf.advisor_header--y4Ie4 .emojiContainer--F_2qS {
    min-width: 36px;
    min-height: 36px;
    font-size: 18px;
    background-color: #fff
}

@media only screen and (max-width: 1080px) {
    .urgencyContainer--VMTpf.advisor_header--y4Ie4 {
        display:none
    }
}

.urgencyContainer--VMTpf.advisor_content--hKWGX {
    display: flex;
    height: 90px;
    background-color: #ffd485;
    border-radius: 40px 40px 0 0;
    margin-bottom: -35px;
    align-items: center;
    padding: 0
}

.urgencyContainer--VMTpf.advisor_content--hKWGX .urgencyMessage--f2sL8 {
    font-size: 18px;
    line-height: 22px;
    align-items: baseline;
    padding-top: 10px
}

.urgencyContainer--VMTpf.advisor_content--hKWGX .emojiContainer--F_2qS {
    min-width: 36px;
    min-height: 36px;
    font-size: 18px;
    background-color: #fff
}

@media only screen and (max-width: 1080px) {
    .urgencyContainer--VMTpf.advisor_content--hKWGX {
        display:none
    }
}

.urgencyContainer--VMTpf.advisor_cta--inRi5 {
    display: none
}

@media only screen and (max-width: 1080px) {
    .urgencyContainer--VMTpf.advisor_cta--inRi5 {
        display:flex;
        margin-bottom: 12px
    }

    .urgencyContainer--VMTpf.advisor_cta--inRi5 .urgencyMessage--f2sL8 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: var(--mbw-text-primary)
    }

    .urgencyContainer--VMTpf.advisor_cta--inRi5 .urgencyMessage--f2sL8 .colorText--RWxsT {
        font-weight: 500;
        color: var(--app-color)
    }

    .urgencyContainer--VMTpf.advisor_cta--inRi5 .emojiContainer--F_2qS {
        min-width: 32px;
        min-height: 32px;
        font-size: 16px
    }
}

.urgencyMessage--f2sL8 {
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 400;
    color: #3c1a0b
}

.urgencyMessage--f2sL8 .colorText--RWxsT {
    font-weight: 700
}

.emojiContainer--F_2qS {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    background-color: #f3eefe;
    border-radius: 50%;
    font-size: 20px
}

@keyframes animation-bzdot9--MOw5l {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--yDFbA {
    display: flex;
    height: 100%;
    flex-direction: column
}

@media only screen and (max-width: 1080px) {
    .container--yDFbA {
        border:solid 1px #eaeaea;
        border-radius: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
        padding: 0
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .container--yDFbA {
        font-size:18px
    }
}

.selectedFilter--KcMok {
    background: #8459e9;
    height: 2px;
    margin-top: 17px;
    margin-bottom: -18px
}

.smileContainer--ruqft {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.actionImage--eb30h {
    width: 24px;
    height: 24px;
    max-width: 30px;
    max-height: 30px
}

.actionImageBellIcon--me3AC {
    width: 28px;
    height: 34px
}

.actionImageHeartIcon--iPFmJ {
    width: 32px;
    height: 28px
}

.descriptionTitle--rmCVx {
    font-size: 17px;
    line-height: 20px;
    word-break: break-word;
    color: #020202;
    color: #000
}

.descriptionText--_0EAH {
    margin-bottom: 25px;
    padding-top: 11px;
    font-size: 15px;
    line-height: 22px;
    word-break: break-word;
    color: #656565;
    white-space: pre-wrap
}

.mostAccuracyContainer--nQiCC {
    background-color: rgba(251,204,51,.9);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px
}

.mostAccuracyContainerBrowser--fnLky {
    background-color: #fbcc33;
    height: var(--mostAccuracyContainerBrowserHeight);
    font-size: 13px;
    text-align: center;
    align-items: center
}

.mostAccuracyAbsoluteContainerBrowser--NS8Wx {
    position: absolute;
    width: 100%;
    z-index: 10;
    bottom: 0
}

.accuracyDetails--GOObv {
    position: absolute;
    right: 0
}

.accuracyBtn--vIl9K {
    outline: none;
    border: none;
    background-color: rgba(251,204,51,.9);
    text-decoration: underline;
    font-weight: 500
}

.accuracyContainer--Zhldo {
    text-align: center;
    padding: 30px
}

.accuracyDescription--YzATI {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px
}

.crossedPrice--mTZ0W {
    text-decoration: line-through;
    font-size: 13px
}

.accurateModalOkBtn--QywRJ {
    color: #fff;
    background-color: var(--app-color);
    margin-top: 20px;
    border-radius: 5px
}

.accurateModalOkBtn--QywRJ:hover {
    color: #fff;
    background-color: var(--app-color)
}

.accurateModalOkBtn--QywRJ:focus {
    color: #fff;
    background-color: var(--app-color)
}

.accuracyText--MvW3W {
    color: #2f2f2f
}

@media only screen and (max-width: 480px) {
    .accuracyText--MvW3W {
        font-size:11px
    }
}

.accurateModa--iK1bl {
    border-radius: 5px
}

.headerButton--ZT2SQ {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0 !important;
    padding-top: 15px;
    padding-right: 15px
}

.headerButton--ZT2SQ:focus {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0 !important
}

.headerButton--ZT2SQ:hover {
    background: rgba(0,0,0,0);
    cursor: pointer;
    border: none;
    outline: 0 !important
}

.lastOrderStripeRoot--sEvl_ {
    width: 100%;
    max-width: 100%;
    padding: .9rem;
    background: #f9f9f9
}

.lastOrderStripeRow--WHX7s {
    flex-wrap: nowrap
}

.lastOrderStripeStaticText--VEAv4 {
    color: #9d9d9d
}

@media only screen and (max-width: 480px) {
    .lastOrderStripeTextContainer--cmNVV {
        font-size:12px
    }
}

.lastOrderStripeText--C7r0_ {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.stripeArrowIcon--zuHws {
    color: var(--app-color)
}

.avisorInfoContainerNames--f8Zfr {
    width: 100%
}

.infoData--sWZd7 {
    overflow: hidden;
    padding-left: 10px
}

.infoDataBrowser--ZZmrg {
    flex: 1 1;
    overflow: hidden;
    padding-left: 55px;
    padding-right: 2%;
    color: #fff
}

.advisorInfoNameTextMobile--Jma0M {
    width: 100%;
    max-width: 100%;
    font-size: 17px
}

.advisorInfoNameTextH1MobileContent--daWzq {
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    color: #2f2f2f
}

.advisorInfoServiceTitleTextMobile--AvS_x {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    color: #a4a4a4
}

.advisorInfoTextBrovserView--Kwu3m {
    width: 100%;
    max-width: 100%;
    color: #fff;
    padding-top: 20px
}

.advisorInfoTextH1BrovserViewContent--NlL8k {
    width: 100%;
    max-width: 100%;
    color: #fff;
    padding-top: 20px
}

.advisorInfoStarBrovserView--odUKt {
    padding-top: 20px
}

.rateCol--zB5d6 {
    display: flex;
    align-items: center;
    flex-direction: column
}

.scrollContainer--Gk0iA {
    background-color: #fff;
    position: relative;
    z-index: 9
}

.withoutHeaderContainer--uGaaR {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: scroll;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: #fff
}

.headerContainer--UVbnU {
    display: flex;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    z-index: 9;
    background: linear-gradient(black, transparent 100%)
}

.fullScreen--tugae {
    overflow: hidden;
    position: relative;
    width: 100%
}

.withoutHeaderContainer--uGaaR::-webkit-scrollbar {
    width: 0px;
    background: rgba(0,0,0,0)
}

.fullDivider--dx5EC {
    background-color: #e7e7e7;
    height: 1px
}

.marginDivider--LIKYi {
    background-color: #e7e7e7;
    height: 1px;
    margin-left: 1em
}

.marginDividerBrowser--E1nun {
    background-color: #e7e7e7;
    height: 1px;
    margin-left: 31px
}

.actionContainer--hX0FS {
    background-color: #fff
}

.readingsYearJoinedContainer--O782n {
    background-color: #fff;
    justify-content: space-around;
    padding: 10px
}

.readingsCount--rNgdQ {
    color: var(--app-color)
}

.yearJoinedCount--HXlc6 {
    color: #6eda11
}

.advisorInfoContainerBrowser--fKS_M {
    background: linear-gradient(to right, #7e62e3, #f096f4);
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 279px
}

.advisorSupportInfoContainerFullScreenBrowser--UKP88 {
    width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
    margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
    display: flex;
    position: absolute;
    top: 279px;
    left: 0;
    border-bottom: 1px solid silver;
    background-color: #fff;
    justify-content: center
}

.advisorCoreInfoContainerBrowser--Q56dy {
    width: 100%;
    max-width: 1200px
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .advisorCoreInfoContainerBrowser--Q56dy {
        max-width:1000px
    }
}

.advisorSupportInfoContainerBrowser--ooK9F {
    width: 100%;
    max-width: 1200px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: flex
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .advisorSupportInfoContainerBrowser--ooK9F {
        max-width:1000px
    }
}

.mobileViewContainer--U4A3J {
    background-color: #fff
}

.browserViewContainer--IyAyg {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .browserViewContainer--IyAyg {
        max-width:1000px;
        min-width: 1000px
    }
}

.advisorSupportInfoBrowserDeepRow--TEkfT {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.advisorIsOfflineLabel--h92Jl {
    background-color: #e53975;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px
}

.advisorIsOfflineLabelCol--TwfbR {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.advisorIsOfflineLabelNotifyMeButton--wYZre,.advisorIsOfflineLabelNotifyMeButton--wYZre:hover,.advisorIsOfflineLabelNotifyMeButton--wYZre:focus {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0,0,0,0);
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    outline: 0 !important
}

.advisorIsOfflinelabelIcon--ty1S9 {
    width: 32px;
    height: 28px;
    padding-right: 5px
}

.viewContainer--Ngza2 {
    display: flex;
    justify-content: center
}

.statsHolder--KOmKz {
    width: 60%
}

.advisorServiseContainer--CCS9l {
    border: 1px solid #e7e7e7;
    border-radius: 8px
}

.categoriesHolder--XpoDc {
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.categoriesContainer--VPDLL {
    display: flex;
    flex-direction: column
}

.promotionHolder--WUInS {
    display: flex;
    border-radius: 8px;
    margin: 0px 30px
}

@media only screen and (max-width: 1080px) {
    .promotionHolder--WUInS {
        display:none
    }
}

.promotionFooter--zvK38 {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999
}

@media only screen and (max-width: 1080px) {
    .promotionFooter--zvK38 {
        display:flex
    }
}

.promoLabelContainer--TTyfe {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (max-width: 1080px) {
    .promoLabelContainer--TTyfe {
        margin-top:25px;
        padding: 0
    }
}

@keyframes animation-bzdot9--cmxPF {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--eHFFh {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 29px;
    border-radius: 40px;
    margin-left: 30px;
    margin-right: 30px;
    background-color: rgba(0,0,0,0)
}

@media only screen and (max-width: 1080px) {
    .container--eHFFh {
        border:none;
        border-radius: 0;
        padding-top: 0;
        margin-top: 25px;
        margin-left: 0;
        margin-right: 0;
        background-color: #fff
    }
}

.contentContainer--A3zE2 {
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    padding-top: 80px;
    height: 100%;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    z-index: 1
}

@media only screen and (max-width: 1080px) {
    .contentContainer--A3zE2 {
        border:none;
        border-radius: 0;
        padding-top: 0;
        z-index: auto;
        z-index: initial
    }
}

.descriptionHolder--jd8WT {
    padding-left: 160px;
    padding-right: 160px
}

@media only screen and (max-width: 1080px) {
    .descriptionHolder--jd8WT {
        padding-left:15px;
        padding-right: 15px
    }
}

.descriptionHolder--jd8WT {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 40px
}

@media only screen and (max-width: 1080px) {
    .descriptionHolder--jd8WT {
        margin-top:25px;
        font-size: 17px;
        line-height: 24px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.descriptionHolder--jd8WT:first-of-type {
    margin-top: 0
}

.description--YG0CN {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-top: 18px;
    white-space: pre-wrap;
    word-break: break-word
}

@media only screen and (max-width: 1080px) {
    .description--YG0CN {
        font-size:15px;
        margin-top: 0;
        line-height: 22px
    }
}

.specialitiesContainer--mgUia {
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 36px;
    gap: 15px;
    flex-wrap: wrap;
    background-color: var(--app-background-color)
}

@media only screen and (max-width: 1080px) {
    .specialitiesContainer--mgUia {
        flex-direction:var(--advispr-specialities-mobile-direction);
        margin-top: 14px;
        gap: 8px
    }
}

.speciality--qwZlj {
    display: flex;
    flex-direction: column;
    margin-left: 14px;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    max-width: 96px;
    text-align: center;
    line-height: 20px
}

@media only screen and (max-width: 1080px) {
    .speciality--qwZlj {
        margin-left:8px;
        font-size: 10px;
        line-height: 12px;
        max-width: 58px
    }
}

.speciality--qwZlj:first-of-type {
    margin-left: 0
}

.specialityIcon--JLBg1 {
    width: 96px;
    height: 96px;
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .specialityIcon--JLBg1 {
        width:58px;
        height: 58px
    }
}

.specialitiesSeparator--yFIaf {
    height: 13px;
    color: var(--app-color)
}

@media only screen and (max-width: 1080px) {
    .specialitiesSeparator--yFIaf {
        height:6px
    }
}

.speciality--qwZlj a {
    color: var(--app-color)
}

.specialitySkeletonContainer--MUrju {
    display: flex;
    width: 100%
}

.specialitySkeleton--lF2rX {
    margin-left: 8px;
    height: 58px !important;
    width: 58px !important
}

.specialitySkeleton--lF2rX:first-of-type {
    margin-left: 0
}

.aiSummaryContainer--AxEy9 {
    margin-left: 160px;
    margin-right: 160px
}

@media only screen and (max-width: 1080px) {
    .aiSummaryContainer--AxEy9 {
        margin-left:15px;
        margin-right: 15px
    }
}

.aiSummaryContainer--AxEy9 {
    padding: 24px;
    background-color: var(--app-ai-summary-background-color);
    border-radius: 20px;
    background-size: 107px 102px;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media only screen and (max-width: 1080px) {
    .aiSummaryContainer--AxEy9 {
        padding:16px
    }
}

.aiSummaryContainer--AxEy9 .summaryTitle--Ar5LX {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px
}

.aiSummaryContainer--AxEy9 .summaryContent--GKwui {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%
}

@media only screen and (max-width: 1080px) {
    .aiSummaryContainer--AxEy9 .summaryContent--GKwui {
        font-size:15px;
        line-height: 22px
    }
}

.aiSummaryContainer--AxEy9 button {
    color: var(--app-color)
}

@keyframes animation-bzdot9--F_4c2 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.headerContainer--STOKu {
    display: flex;
    max-width: 100%;
    margin-top: 95px;
    padding-left: 160px;
    padding-right: 160px
}

@media only screen and (max-width: 1080px) {
    .headerContainer--STOKu {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 1080px) {
    .headerContainer--STOKu {
        margin-top:56px;
        align-items: center
    }
}

.item--hEDkr {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-left: 60px;
    font-size: 22px;
    font-weight: 700
}

@media only screen and (max-width: 1080px) {
    .item--hEDkr {
        font-size:15px
    }
}

.item--hEDkr:first-of-type {
    margin-left: 0;
    align-items: center
}

.reviewItemHolder--GurQH {
    display: flex;
    height: 44px;
    align-items: center;
    padding-bottom: 16px
}

@media only screen and (max-width: 1080px) {
    .reviewItemHolder--GurQH {
        padding-bottom:0
    }
}

.reviewsContainer--WgHgz {
    display: flex;
    width: 100%;
    padding-left: 160px;
    padding-right: 160px
}

@media only screen and (max-width: 1080px) {
    .reviewsContainer--WgHgz {
        padding-left:15px;
        padding-right: 15px
    }
}

.reviewsContainer--WgHgz {
    background-color: #fafafa;
    border-top: 1px solid #e4e4e4;
    padding-top: 50px;
    padding-bottom: 50px;
    flex-direction: column;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
}

@media only screen and (max-width: 1080px) {
    .reviewsContainer--WgHgz {
        padding-top:10px;
        padding-bottom: 10px
    }
}

.emptyReviewsContainer--dCsX8 {
    display: flex;
    width: 100%;
    height: 400px;
    padding-left: 160px;
    padding-right: 160px
}

@media only screen and (max-width: 1080px) {
    .emptyReviewsContainer--dCsX8 {
        padding-left:15px;
        padding-right: 15px
    }
}

.emptyReviewsContainer--dCsX8 {
    background-color: #fafafa;
    border-top: 1px solid #e4e4e4;
    flex-direction: column;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .emptyReviewsContainer--dCsX8 {
        padding-top:10px;
        height: 200px
    }
}

.reviewContainer--PDnd6 {
    display: flex;
    border: 1px solid #eaeaea;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 16px;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 2px 2px rgba(0,0,0,.03),0px 10px 20px rgba(0,0,0,.05)
}

@media only screen and (max-width: 1080px) {
    .reviewContainer--PDnd6 {
        margin-bottom:12px;
        padding: 15px;
        border-radius: 10px
    }
}

.reviewerName--PG5tf {
    display: flex;
    width: 100%;
    font-size: 18px
}

@media only screen and (max-width: 1080px) {
    .reviewerName--PG5tf {
        font-size:15px
    }
}

.reviewImgContainer--jSCzO {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.reviewImage--iDffX {
    width: 23px;
    height: 23px
}

@media only screen and (max-width: 1080px) {
    .reviewImage--iDffX {
        width:19px;
        height: 19px
    }
}

.noReviews--T3ASM {
    width: 100%;
    height: 100%;
    color: #b7b7b7;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.comment--xOdUq {
    margin-top: 13px;
    font-weight: 400;
    font-size: 20px;
    word-break: break-word
}

@media only screen and (max-width: 1080px) {
    .comment--xOdUq {
        font-size:15px;
        margin-top: 2px
    }
}

.reviewBuyerNicknameContainer--NpEzw {
    display: flex;
    width: 100%
}

.reviewBuyerNickname--dxtoE {
    font-weight: 700
}

.reviewDateContainer--xrmYG {
    display: flex;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    color: #a3a3a3;
    margin-left: 5px
}

@media only screen and (max-width: 1080px) {
    .reviewDateContainer--xrmYG {
        font-size:15px
    }
}

.showMoreButton--TNdVJ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #63ca21;
    padding: 5px
}

@keyframes animation-bzdot9--A1H5y {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.homeButtonContainer--c2l5a {
    width: 100%;
    max-width: 1000px;
    margin-top: 115px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10
}

.homeButton--serdS {
    color: #565553;
    border: none;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    padding-left: 10px;
    font-size: 1.5em;
    text-decoration-line: underline;
    outline: 0
}

.TERMINATED--t8bxR {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px
}

.TERMINATED--t8bxR .titleContainer--IKqHU {
    display: flex;
    flex-direction: column;
    padding-top: 54px;
    padding-left: 11px;
    padding-bottom: 14px
}

.TERMINATED--t8bxR .title--zDIDz {
    color: #9a4cb9
}

@media only screen and (max-width: 1080px) {
    .TERMINATED--t8bxR .title--zDIDz {
        font-size:22px
    }
}

@media only screen and (min-width: 1080px) {
    .TERMINATED--t8bxR .title--zDIDz {
        font-size:40px
    }
}

.TERMINATED--t8bxR .subTitle--AF9su {
    color: #565553
}

@media only screen and (max-width: 1080px) {
    .TERMINATED--t8bxR .subTitle--AF9su {
        font-size:17px;
        font-weight: normal
    }
}

@media only screen and (min-width: 1080px) {
    .TERMINATED--t8bxR .subTitle--AF9su {
        font-size:24px;
        font-weight: normal
    }
}

.TERMINATED--t8bxR .homeButtonContainer--c2l5a {
    display: none
}

.NOTAVAILABLEFORPG--mV6ku {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px
}

.NOTAVAILABLEFORPG--mV6ku .titleContainer--IKqHU {
    display: flex;
    flex-direction: column;
    padding-top: 54px;
    padding-left: 11px;
    padding-bottom: 14px
}

.NOTAVAILABLEFORPG--mV6ku .title--zDIDz {
    color: #9a4cb9
}

@media only screen and (max-width: 1080px) {
    .NOTAVAILABLEFORPG--mV6ku .title--zDIDz {
        font-size:17px
    }
}

@media only screen and (min-width: 1080px) {
    .NOTAVAILABLEFORPG--mV6ku .title--zDIDz {
        font-size:34px
    }
}

.NOTAVAILABLEFORPG--mV6ku .subTitle--AF9su {
    color: #565553
}

@media only screen and (max-width: 1080px) {
    .NOTAVAILABLEFORPG--mV6ku .subTitle--AF9su {
        font-size:15px;
        font-weight: normal
    }
}

@media only screen and (min-width: 1080px) {
    .NOTAVAILABLEFORPG--mV6ku .subTitle--AF9su {
        font-size:24px;
        font-weight: normal
    }
}

@keyframes animation-bzdot9--bgvEH {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.homeButtonContainer--SYmZR {
    width: 100%;
    max-width: 1000px;
    margin-top: 115px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10
}

.homeButton--cBDQv {
    color: #565553;
    border: none;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    padding-left: 10px;
    font-size: 1.5em;
    text-decoration-line: underline;
    outline: 0
}

.aboutMeContainer--Li93O {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 40px;
    max-width: 500px;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .aboutMeContainer--Li93O {
        margin-top:25px;
        font-size: 17px;
        line-height: 24px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.aboutMeText--BeBG4 {
    color: #000;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    margin-top: 18px;
    white-space: pre-wrap;
    word-break: break-word
}

@media only screen and (max-width: 1080px) {
    .aboutMeText--BeBG4 {
        font-size:15px;
        margin-top: 0;
        line-height: 22px
    }
}

.aboutMeReadMoreBtn--t2xWo {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    border: none;
    background-color: rgba(0,0,0,0);
    padding: 0;
    padding-left: 3px;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .aboutMeReadMoreBtn--t2xWo {
        font-size:15px
    }
}

.skeleton--aUsxv {
    width: 148px !important;
    margin-left: 9px;
    height: 207px !important
}

@media only screen and (max-width: 1080px) {
    .skeleton--aUsxv {
        width:100px !important;
        margin-left: 9px;
        height: 147px !important
    }
}

.specialitiesAndAboutMeContainer--eFvv2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media only screen and (max-width: 1080px) {
    .specialitiesAndAboutMeContainer--eFvv2 {
        flex-direction:column
    }
}

@keyframes animation-bzdot9--jmDfq {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--AaLr1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .container--AaLr1 {
        padding-left:10px;
        padding-right: 10px
    }
}

.pageTitleContainer--NPtmR {
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 35px
}

@media only screen and (max-width: 1080px) {
    .pageTitleContainer--NPtmR {
        padding-top:12px;
        padding-bottom: 13px;
        text-align: left !important
    }
}

.pageTitleName--NrFxB {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--textColor);
    font-weight: 700;
    font-size: 54px
}

@media only screen and (max-width: 1080px) {
    .pageTitleName--NrFxB {
        font-size:26px;
        flex-direction: row !important
    }
}

.pageTitleNameText--rzL_M {
    font-weight: 700;
    font-size: 44px;
    color: var(--textColor);
    margin: 0
}

@media only screen and (max-width: 1080px) {
    .pageTitleNameText--rzL_M {
        font-size:calc(2.2vw + 1vh)
    }
}

.pageTitleDescription--Gi5sc {
    font-size: 20px;
    font-weight: 400;
    color: var(--textColor)
}

@media only screen and (max-width: 1080px) {
    .pageTitleDescription--Gi5sc {
        display:none
    }
}

.pageShortDescription--zbOmD {
    font-size: 15px;
    font-weight: 400;
    color: var(--textColor);
    display: none
}

@media only screen and (max-width: 1080px) {
    .pageShortDescription--zbOmD {
        display:flex
    }
}

.appliedFilterContainer--M6X31 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 21px;
    display: flex
}

@media only screen and (max-width: 1080px) {
    .appliedFilterContainer--M6X31 {
        display:flex
    }
}

.clearFilterButton--cDNca {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    padding: 13px;
    background-color: #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--app-default-btn-md-border-radius);
    font-weight: 500;
    font-size: 18px
}

@media only screen and (max-width: 1080px) {
    .clearFilterButton--cDNca {
        font-size:14px;
        height: 39px;
        padding: 7px
    }
}

.clearFilterImg--bUicY {
    padding: 5px;
    margin-right: 4px
}

.filterStringContainer--Ofuv7 {
    margin-right: 5px;
    margin-bottom: 0px !important
}

.filterString--PkhNX {
    font-size: 18px;
    font-weight: 500
}

@media only screen and (max-width: 1080px) {
    .filterString--PkhNX {
        font-size:14px
    }
}

.categoryIcon--psiAw {
    width: 44px;
    height: 44px;
    margin-right: 12px
}

@media only screen and (max-width: 1080px) {
    .categoryIcon--psiAw {
        width:30px;
        height: 30px;
        margin-right: 10px
    }
}

.categoryIconKA--j2ph3 {
    width: 60px;
    height: 60px;
    margin-right: 12px
}

@media only screen and (max-width: 1080px) {
    .categoryIconKA--j2ph3 {
        width:40px;
        height: 40px;
        margin-right: 10px
    }
}

.categoryIconCountry--AeEYx {
    width: 50px;
    height: 38px;
    margin-right: 12px;
    margin-bottom: 4px;
    border-radius: 8px
}

@media only screen and (max-width: 1080px) {
    .categoryIconCountry--AeEYx {
        width:37px;
        height: 26px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 6px
    }
}

.noResultContainer--LzAc3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 50px
}

.noResultImg--azARh {
    width: 200px;
    height: 200px
}

@media only screen and (max-width: 1080px) {
    .noResultImg--azARh {
        width:100px;
        height: 100px
    }
}

.noResultTitle--IgkLX {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-top: 13px
}

@media only screen and (max-width: 1080px) {
    .noResultTitle--IgkLX {
        font-size:16px;
        margin-top: 10px
    }
}

.noResultSubTitle--MmsBZ {
    font-size: 16px;
    font-weight: 400;
    color: #b1b1b1;
    margin-top: 13px
}

@media only screen and (max-width: 1080px) {
    .noResultSubTitle--MmsBZ {
        font-size:14px;
        margin-top: 10px
    }
}

.promotionLabelContainer--c9PST {
    display: flex;
    margin-top: 5px;
    margin-bottom: 30px;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .promotionLabelContainer--c9PST {
        margin-top:5px;
        margin-bottom: 5px
    }
}

@keyframes animation-bzdot9--OkCIt {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.filterContainer--cAtoy {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    justify-content: space-between;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #eadded;
    box-shadow: 0px 10px 10px rgba(0,0,0,.1490196078)
}

@media only screen and (max-width: 1080px) {
    .filterContainer--cAtoy {
        display:none
    }
}

.popoverFilters--AdEtG {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.popoverFilters--AdEtG .filterFieldsContainer--_gaeU {
    flex-direction: column;
    padding: 0
}

.popoverFilters--AdEtG .itemContainer--hU680 {
    margin-left: 0
}

.popoverFilters--AdEtG .itemHolder--t9izx {
    padding-top: 25px
}

.popoverFilters--AdEtG .switcherContainer--acg4r {
    margin-left: 0px;
    margin-top: 40px
}

.filterButtonContainer--aIqLr {
    display: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    position: relative;
    z-index: 10
}

@media only screen and (max-width: 1080px) {
    .filterButtonContainer--aIqLr {
        display:flex
    }
}

.displayFilterButton--UaUD1 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border: .5px solid #dcdcdc;
    box-shadow: inset 0px -3px 0px rgba(202,202,202,.25);
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
    padding: 10px;
    line-height: 21px
}

.displayFilterButtonImg--h0JsB {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.filterIconButton--k8SQ6 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    border: .5px solid #dcdcdc;
    box-shadow: inset 0px -3px 0px rgba(202,202,202,.25);
    border-radius: 8px;
    margin-left: 8px;
    background-color: #fff
}

.mobileSearchInputContainer--VP28g {
    display: flex;
    width: 100%;
    height: 44px;
    border: 1px solid #e2e2e2;
    box-shadow: inset 0px 1px 4px #ddd;
    border-radius: 8px;
    align-items: center;
    font-size: 18px;
    padding-left: 10px;
    position: relative
}

.mobileSearchInputContainer--VP28g .autocomplete {
    z-index: 9999
}

.autocompleteMobileFilter--u_w1d {
    width: calc(100% + 53px) !important
}

.mobileSearchIcon--L3UV8 {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 6px
}

.itemContainer--hU680 {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 15px
}

@media only screen and (max-width: 1080px) {
    .itemContainer--hU680 {
        margin-left:0
    }
}

.itemContainer--hU680:first-of-type {
    margin-left: 0
}

.itemHolder--t9izx {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .itemHolder--t9izx {
        padding-top:25px
    }
}

.dropdown--T5DJK {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    width: 100%;
    height: 55px;
    border: 1px solid #e2e2e2;
    box-shadow: inset 0px 1px 4px #ddd;
    border-radius: 8px;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: bold
}

.arrowImg--cIJN_ {
    width: 12px;
    height: 8px
}

.itemTitle--f5MSV {
    line-height: 20px;
    color: #b1b1b1;
    font-size: 16px;
    padding-bottom: 12px
}

@media only screen and (max-width: 1080px) {
    .itemTitle--f5MSV {
        padding-bottom:5px
    }
}

.dropdownMenu--oAzsT {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 11px);
    left: 0;
    right: 0;
    transition: all .3s ease;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 10px 15px rgba(0,0,0,.3);
    z-index: 100;
    transition: visibility 0s,opacity 5s linear;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 8px
}

@media only screen and (max-width: 1080px) {
    .dropdownMenu--oAzsT {
        padding:6px
    }
}

.dropdownOption--JXJnV {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    font-size: 18px;
    vertical-align: middle;
    padding-left: 13px
}

@media only screen and (max-width: 1080px) {
    .dropdownOption--JXJnV {
        height:40px
    }
}

.selectedDropdownOption--yDiKM {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    font-size: 18px;
    vertical-align: middle;
    padding-left: 13px
}

@media only screen and (max-width: 1080px) {
    .selectedDropdownOption--yDiKM {
        height:40px
    }
}

.selectedDropdownOption--yDiKM {
    background-color: #f4f4f4;
    border-radius: 4px;
    font-weight: 700
}

.sliderRoot--nyGR4 {
    display: flex;
    width: 100%;
    justify-items: center;
    height: 5px;
    position: relative;
    background-color: #ddd
}

.rail--YVzq7 {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    cursor: pointer
}

.sliderContainer--OVABC {
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center
}

.sliderLeftHandle--IlNpY {
    position: absolute;
    margin-left: -4px;
    margin-top: -10px;
    z-index: 2;
    cursor: pointer
}

.sliderRigthHandle--J37pP {
    position: absolute;
    margin-left: -22px;
    margin-top: -10px;
    z-index: 2;
    cursor: pointer
}

.sliderArrowImg--L3Iry {
    width: 26px;
    height: 33px
}

.sliderHandlePrice--J4iHP {
    margin-top: -55px;
    margin-left: -12px;
    font-size: 14px;
    font-weight: 500
}

.sliderTrack--uciw0 {
    position: absolute;
    height: 5px;
    z-index: 1;
    background-color: #000;
    border-radius: 5px;
    cursor: pointer
}

.sliderPrices--eyKoG {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: -25px;
    color: #b4b4b4;
    font-size: 12px
}

@media only screen and (max-width: 1080px) {
    .sliderPrices--eyKoG {
        bottom:-16px
    }
}

.switcherContainer--acg4r {
    display: flex;
    width: 100%;
    align-items: center;
    margin-left: 20px;
    margin-top: 20px;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .switcherContainer--acg4r {
        margin-left:0px;
        margin-top: 40px
    }
}

.switcherTitle--YNN6P {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-left: 11px;
    word-break: break-word
}

.applyButton--lZNlc {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    margin-top: 20px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d7d7d7;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25);
    border-radius: var(--app-default-btn-lg-border-radius);
    font-size: 18px;
    font-weight: 500;
    padding: 12px 15px
}

@media only screen and (max-width: 1080px) {
    .applyButton--lZNlc {
        font-weight:700
    }
}

.popoverContainer--BIW6r {
    display: flex;
    height: 100px;
    width: 100px;
    background-color: green
}

.filterSearchContainer--DWLlf {
    display: flex;
    width: 100%;
    height: 55px;
    border: 1px solid #e2e2e2;
    box-shadow: inset 0px 1px 4px #ddd;
    border-radius: 8px;
    align-items: center;
    font-size: 18px;
    padding-left: 10px
}

.input--zHgWu {
    background: none;
    font-size: 14px;
    border: none;
    width: 100%;
    outline-style: none;
    box-shadow: none;
    border-color: rgba(0,0,0,0);
    outline: none
}

.input--zHgWu:focus {
    outline: none;
    border: none
}

.input--zHgWu:hover {
    border: none
}

.searchTitle--AbKc3 {
    font-weight: 500;
    font-size: 22px;
    margin-top: 26px
}

@media only screen and (max-width: 1080px) {
    .searchTitle--AbKc3 {
        margin-top:0px;
        font-weight: 700
    }
}

.searchIcon--ZPN2q {
    padding-left: 5px;
    padding-right: 5px
}

.filterIconButtonImg--zHxEj {
    width: 17px;
    height: 16px
}

.selectedPriceContainer--ur46q {
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #ececec;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    border-radius: 29px
}

.filterFieldsContainer--_gaeU {
    display: flex;
    padding: 30px;
    padding-top: 0
}

@media only screen and (max-width: 1080px) {
    .filterFieldsContainer--_gaeU {
        flex-direction:column;
        padding: 0
    }
}

.newToPGSectionContainer--gkqi9 {
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eadded
}

@media only screen and (max-width: 1080px) {
    .newToPGSectionContainer--gkqi9 {
        display:none
    }
}

.viewForNewAffiliateUser--wetL6 {
    font-size: 26px;
    font-weight: 500;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .viewForNewAffiliateUser--wetL6 {
        font-size:22px;
        line-height: 32px
    }
}

.newToPGSectionMarksContainer--KOjvm {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: row;
    gap: 20px;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .newToPGSectionMarksContainer--KOjvm {
        margin-top:10px;
        flex-direction: column;
        align-items: start;
        gap: 0
    }
}

.newToPGSectionMarkContainer--o0DSZ {
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .newToPGSectionMarkContainer--o0DSZ {
        margin-top:15px;
        justify-content: start;
        padding-inline-start:12px}
}

.newToPGSectionMarkContainer--o0DSZ:first-of-type {
    margin-top: 0px
}

.newToPGSectionMarkImg--gx2pp {
    min-width: 50px;
    min-height: 50px
}

@media only screen and (max-width: 1080px) {
    .newToPGSectionMarkImg--gx2pp {
        display:none
    }
}

.newToPGSectionMarkTextContainer--_ADkX {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-left: 10px
}

@media only screen and (max-width: 1080px) {
    .newToPGSectionMarkTextContainer--_ADkX {
        font-size:14px;
        line-height: 22px
    }
}

.newToPGMobileSectionContainer--AK24e {
    display: none
}

@media only screen and (max-width: 1080px) {
    .newToPGMobileSectionContainer--AK24e {
        display:inline;
        display: initial
    }
}

.filtersFieldsContainer--DDlSY {
    display: flex;
    flex-direction: row
}

.closeButton--FitdU {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    padding: 20px 30px 0px 30px;
    display: flex;
    align-self: flex-end
}

.clickHereBtn--MENSm {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    font-size: 18px;
    color: var(--app-color);
    font-weight: 700
}

@media only screen and (max-width: 1080px) {
    .clickHereBtn--MENSm {
        font-size:13px
    }
}

.clickHereText--GyYna {
    padding-top: 30px;
    font-size: 18px;
    font-weight: 700
}

@media only screen and (max-width: 1080px) {
    .clickHereText--GyYna {
        display:none
    }
}

.boldText--efBVW {
    font-weight: 700
}

.normalText--qZMuL {
    font-weight: 400
}

.bullet--hejAx {
    display: none
}

@media only screen and (max-width: 1080px) {
    .bullet--hejAx {
        display:flex;
        width: 8px;
        min-width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--app-color);
        margin-top: 6px
    }
}

.mobileViewForNewAffiliateUser--eisud {
    display: none
}

@media only screen and (max-width: 1080px) {
    .mobileViewForNewAffiliateUser--eisud {
        display:flex;
        margin-top: 15px
    }
}

.switch--wcGdC {
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height)
}

.switch--wcGdC input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider--__iFh {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--offColor);
    transition: .4s;
    border-radius: 34px
}

.slider--__iFh:before {
    position: absolute;
    content: "";
    height: var(--handleDiameter);
    width: var(--handleDiameter);
    left: 2px;
    bottom: calc((var(--height) - var(--handleDiameter))/2);
    background-color: var(--offSliderColor);
    background-image: var(--offSliderImg);
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s;
    border-radius: 50%
}

input:checked+.slider--__iFh {
    background-color: var(--onColor)
}

input:checked+.slider--__iFh:before {
    transform: translateX(calc(var(--width) - var(--handleDiameter) - 4px));
    background-color: var(--onSliderColor);
    background-image: var(--onSliderImg);
    background-repeat: no-repeat;
    background-position: center
}

input:focus+.slider--__iFh {
    box-shadow: 0 0 1px #000
}

@keyframes animation-bzdot9--e23F2 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.popoverContainer--NzArW {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 600px;
    height: 100%;
    max-width: 100%;
    padding: 14px;
    padding-top: 0px
}

.closeButtonContainer--QvapT {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end
}

.closeButton--GnSyf {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 44px;
    height: 44px
}

@keyframes animation-bzdot9--ssSRC {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.browserContainer--D4TOt {
    position: relative;
    background-color: var(--backgroundColor);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 920px;
    max-width: 920px;
    border-radius: 24px;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 48rem) {
    .browserContainer--D4TOt {
        min-width:0;
        min-width: initial;
        height: 100%;
        border-radius: 0px
    }
}

@media screen and (max-width: 80rem) {
    .browserContainer--D4TOt {
        min-width:720px;
        max-width: 720px
    }
}

.mobileContainer--rGmuI {
    position: relative;
    background-color: var(--backgroundColor);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 920px;
    border-radius: 24px;
    overflow: hidden
}

@media screen and (max-width: 48rem) {
    .mobileContainer--rGmuI {
        height:100%;
        min-width: 0;
        min-width: initial;
        border-radius: 0;
        width: 100%;
        min-height: var(--window-height)
    }
}

@media screen and (max-width: 48rem) {
    body[data-keyboard-open] .mobileContainer--rGmuI {
        min-height:var(--keyboard-viewport-height, var(--window-height))
    }
}

dialog.registrationPopover--GTBPT {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    row-gap: 0
}

@media screen and (max-width: 80rem) {
    dialog.registrationPopover--GTBPT {
        width:720px
    }
}

@media screen and (max-width: 48rem) {
    dialog.registrationPopover--GTBPT {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        margin: 0;
        overflow: visible;
        overscroll-behavior: none;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
}

@media screen and (max-width: 48rem) {
    body[data-keyboard-open] dialog.registrationPopover--GTBPT {
        height:100vh;
        height: var(--keyboard-viewport-height, 100vh);
        max-height: 100vh;
        max-height: var(--keyboard-viewport-height, 100vh)
    }
}

dialog .registrationPopoverContent--WqmUc {
    border-radius: 24px;
    overflow-y: overlay
}

@media screen and (max-width: 80rem) {
    dialog .registrationPopoverContent--WqmUc {
        border-radius:24px
    }
}

@media screen and (max-width: 48rem) {
    dialog .registrationPopoverContent--WqmUc {
        height:100%;
        max-height: 100vh;
        border-radius: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        position: relative;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        height: 100vh;
        max-height: 100vh;
        touch-action: pan-y
    }
}

@media screen and (max-width: 48rem) {
    body[data-keyboard-open] dialog .registrationPopoverContent--WqmUc {
        height:100vh;
        height: var(--keyboard-viewport-height, 100vh);
        max-height: 100vh;
        max-height: var(--keyboard-viewport-height, 100vh);
        overflow-anchor: none
    }
}

.popover--xUC4t {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 48rem) {
    .popover--xUC4t {
        overflow:visible;
        position: relative;
        height: 100vh;
        max-height: 100vh;
        overscroll-behavior: none
    }
}

@media screen and (max-width: 48rem) {
    body[data-keyboard-open] dialog .registrationPopoverContent--WqmUc .popover--xUC4t {
        height:100vh;
        height: var(--keyboard-viewport-height, 100vh);
        max-height: 100vh;
        max-height: var(--keyboard-viewport-height, 100vh)
    }
}

.scrollContainerBrowser--kGU2A {
    position: absolute;
    margin: auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.scrollContainerMobile--_zuNC {
    position: absolute;
    margin: auto;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh
}

.contentHolder--x_KmX {
    padding-top: 30px;
    padding-bottom: 45px
}

.contentHolderforgotPassword--hCM8Q {
    width: 315px
}

.input--bsywD {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    height: 44px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    min-width: 315px
}

input,select,textarea {
    color: #000
}

input:focus {
    color: var(--app-text-primary);
    border: solid 1px var(--app-color)
}

input,select:focus {
    outline: none;
    outline-width: 0;
    border-color: var(--app-color)
}

::-moz-placeholder {
    color: #adadad
}

::placeholder {
    color: #adadad
}

.inputError--M9hkV,.inputError--M9hkV:hover,.inputError--M9hkV:focus {
    border-color: #e05959 !important
}

.actionButton--UxfDy {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: var(--app-default-btn-sm-border-radius);
    background-color: var(--app-color);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 40px
}

.signUpAffiliatePromoactionButton--N6oS5 {
    color: #fff;
    font-size: 18px;
    background-color: var(--app-color) !important;
    border-radius: 41px !important;
    margin-top: 0px !important
}

.disableActionBtn--Pp7AW {
    background: #d5d5d5
}

.navigationButtonContainer--w6xr_ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px
}

.navigationButton--Iufm8 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--app-color)
}

.fbButton--No0AB {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    margin-top: 9px;
    font-size: 14px;
    font-weight: 500;
    color: #3c4043;
    font-family: "Google Sans",arial,sans-serif;
    background-color: #fff;
    outline: none;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dadce0
}

.fbButton--No0AB:hover {
    border-color: #d2e3fc;
    background: linear-gradient(0deg, #FFFFFF 100%, rgba(66, 133, 244, 0.0392156863) 100%)
}

.fbProcessing--Z5asH {
    background-color: #677dac
}

.socialDisabled--ikrCc {
    background: #c2c1c1 !important
}

.googleButton--UpZFS {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 9px;
    color: #fff;
    outline: none
}

.googleProcessing--NrGlI {
    background-color: #de8a8a
}

.socialImg--PipEQ {
    margin-right: 5px
}

.logoContainer--Na9I9 {
    display: flex;
    justify-content: center;
    align-items: center
}

.logoImg--uuMx4 {
    max-width: 200px;
    max-height: 200px;
    width: 59px;
    height: 59px
}

.error--vSSPp {
    color: #e05959;
    font-weight: 500;
    max-width: 315px
}

.confirmPpTofTextContainer--UV8a3 {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
    width: 100%;
    color: #a3a3a3
}

.confirmPpTofTextLink--wmu_N {
    color: var(--app-color);
    white-space: nowrap
}

.confirmPpTofSwitcherRowsignUp--R5FNm {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    font-size: 13px;
    flex-flow: initial
}

.confirmPpTofSwitcherRowsignUpAffiliatePromo--D_jxv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    font-size: 13px;
    color: #7f80a1;
    flex-flow: initial
}

.sicialBtnContainer--WV0OD {
    display: flex;
    align-items: center;
    justify-content: center
}

.socialLeftBtnContainer--ufRVB {
    width: 100%;
    max-width: 150px
}

.socialRightBtnContainer--PuY2C {
    width: 100%;
    margin-left: 8px;
    max-width: 150px
}

.ppTosSwitcher--Be1RS {
    margin-left: 10px
}

.rememberMeContainer--LKZL2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 13px
}

.rememberMeCheckboxInput--m5p_y {
    box-shadow: none
}

.remeberMeMarginsignIn--f1Tec {
    margin-right: 10px;
    margin-left: 8px
}

.remeberMeMarginsignUp--rR1NU {
    margin-right: 10px;
    margin-left: 8px
}

.remeberMeMarginsignUpAffiliatePromo--tR4uB {
    margin-right: 10px;
    margin-left: 8px;
    color: #7f80a1
}

.cancelContainer--tZDWL {
    position: relative;
    color: var(--app-color);
    top: 27px;
    left: 23px;
    z-index: 10;
    display: flex;
    align-self: flex-start;
    height: 0
}

.cancelButton--r34yW {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0
}

.cancelButtonImg--t2ThT {
    position: relative
}

.connectTitle--MMpnj {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #bfbfbf
}

.inputsignUpAffiliatePromo--E9md6,.inputsignUpAffiliatePromo--E9md6:hover,.inputsignUpAffiliatePromo--E9md6:focus {
    background-color: #0f0c36 !important;
    border-color: rgba(0,0,0,0);
    color: #fff
}

@media(max-width: 1200px) {
    .inputsignUpAffiliatePromo--E9md6,.inputsignUpAffiliatePromo--E9md6:hover,.inputsignUpAffiliatePromo--E9md6:focus {
        margin-top:0px
    }
}

.inputsignUpAffiliatePromo--E9md6:-webkit-autofill {
    -webkit-animation-name: autofill--MbTku;
    -webkit-animation-fill-mode: both
}

.topLogoContainerBrowser--b369g {
    z-index: 10
}

.topLogoContainerMobile--G5UPv {
    padding-top: 5px;
    z-index: 10;
    background-color: #1b1945;
    width: 100%;
    display: flex;
    justify-items: center;
    justify-content: center
}

.topLogoImg--O73FN {
    width: 60px;
    height: 60px
}

.affiliatePromoHeaderContainer--cG3f6 {
    text-align: center
}

.affiliatePromoHeaderTitle--_9iKA {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    margin-top: 15px
}

@media(max-width: 1200px) {
    .affiliatePromoHeaderTitle--_9iKA {
        font-size:20px;
        margin-top: 5px
    }
}

@media(max-width: 375px) {
    .affiliatePromoHeaderTitle--_9iKA {
        font-size:16px;
        margin-top: 10px
    }
}

@media(min-height: 812px) {
    .affiliatePromoHeaderTitle--_9iKA {
        font-size:35px;
        margin-top: 15px
    }
}

.affiliatePromoHeaderBodyText--TW9N2 {
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    white-space: nowrap
}

@media(max-width: 1200px) {
    .affiliatePromoHeaderBodyText--TW9N2 {
        font-size:14px;
        margin-top: 5px
    }
}

@media(max-width: 375px) {
    .affiliatePromoHeaderBodyText--TW9N2 {
        font-size:12px;
        margin-top: 3px
    }
}

@media(min-height: 812px) {
    .affiliatePromoHeaderBodyText--TW9N2 {
        font-size:16px
    }
}

.affiliatePromoHeaderBottomText--LCSH7 {
    color: #fff;
    font-size: 24px;
    font-weight: bold
}

@media(max-width: 375px) {
    .affiliatePromoHeaderBottomText--LCSH7 {
        font-size:14px
    }
}

@media(max-width: 1200px) {
    .affiliatePromoHeaderBottomText--LCSH7 {
        font-size:16px
    }
}

@media(min-height: 812px) {
    .affiliatePromoHeaderBottomText--LCSH7 {
        font-size:24px
    }
}

.signUpAffiliatePromoLabel--Rvds1 {
    color: #7f80a1
}

.phoneNumberCtaButton--tiMXx {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    height: 44px;
    border-radius: 8px;
    margin-top: 9px;
    padding: 7px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #121212;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    outline: none;
    cursor: pointer;
    transition: border-color .2s ease
}

.phoneNumberCtaButton--tiMXx:hover:not(:disabled) {
    border-color: #d2e3fc
}

.phoneNumberCtaButton--tiMXx:disabled {
    cursor: not-allowed;
    opacity: .6
}

.phoneNumberCtaButtonDisabled--b7Pu2 {
    background: #c2c1c1 !important;
    border-color: #c2c1c1 !important
}

.phoneNumberCtaIcon--x0Hzn {
    flex-shrink: 0;
    color: #121212
}

.phoneNumberCtaText--kj9rj {
    flex: 1 1;
    text-align: center;
    line-height: 20px;
    white-space: nowrap
}

.phoneEntryContainer--oHN1i {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    gap: 16px;
    padding: 36px 24px 0
}

@media(max-width: 768px) {
    .phoneEntryContainer--oHN1i {
        gap:16px
    }
}

.phoneEntryContent--xuVaO {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 36px
}

@media(max-width: 768px) {
    .phoneEntryContent--xuVaO {
        gap:24px
    }
}

.phoneLoginIconContainer--BZhWD {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 768px) {
    .phoneLoginIconContainer--BZhWD {
        margin-bottom:0
    }
}

.phoneLoginIconCircle--eVXo9 {
    display: flex;
    justify-content: center;
    align-items: center
}

.phoneLoginIconCircle--eVXo9 svg {
    width: 70px;
    height: 70px
}

@media(max-width: 768px) {
    .phoneLoginIconCircle--eVXo9 svg {
        width:50px;
        height: 50px
    }
}

.phoneLoginTitleContainer--AC1kP {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center
}

@media(max-width: 768px) {
    .phoneLoginTitleContainer--AC1kP {
        gap:8px;
        padding: 0 16px
    }
}

.phoneLoginTitle--mZys4 {
    font-weight: 700;
    font-size: 37px;
    line-height: 56px;
    color: #000;
    margin: 0
}

@media(max-width: 768px) {
    .phoneLoginTitle--mZys4 {
        font-size:18px;
        line-height: 1.4;
        color: #121212
    }
}

.phoneLoginSubtitle--M5lFL {
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #000;
    margin: 0
}

@media(max-width: 768px) {
    .phoneLoginSubtitle--M5lFL {
        font-size:14px;
        line-height: normal;
        color: #121212
    }
}

.phoneLoginError--mbH8M {
    color: #e05959;
    font-size: 13px;
    margin-top: 8px;
    text-align: center
}

.phoneEntryForm--PTlWh {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 363px;
    align-items: center
}

.phoneEntryInputWrapper--Ubee9 {
    display: flex;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 20px;
    padding: 24px;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start
}

.phoneEntryPhoneInputContainer--jEZvL {
    border-bottom: 1px solid #dfe2ef;
    transition: border-bottom-color .2s ease
}

.phoneEntryPhoneInputContainer--jEZvL:has(input.phoneEntryInput--BnEMU.phoneEntryInputError--WS8b7) {
    border-bottom-color: #e05959 !important
}

.phoneEntryPhoneInputContainer--jEZvL:has(input.phoneEntryInput--BnEMU:focus):not(:has(input.phoneEntryInput--BnEMU.phoneEntryInputError--WS8b7)):not(:has(input.phoneEntryInput--BnEMU.phoneEntryInputError--WS8b7:disabled)),.phoneEntryPhoneInputContainer--jEZvL:focus-within:not(:has(input.phoneEntryInput--BnEMU.phoneEntryInputError--WS8b7)) {
    border-bottom-color: #8F63EC;
    border-bottom-color: var(--app-color, #8F63EC)
}

.phoneEntryPhoneInputContainer--jEZvL:has(input.phoneEntryInput--BnEMU:hover):not(:has(input.phoneEntryInput--BnEMU:focus)):not(:has(input.phoneEntryInput--BnEMU.phoneEntryInputError--WS8b7)) {
    border-bottom-color: #dfe2ef
}

.phoneEntryPhoneInputContainer--jEZvL div.phoneEntryCountrySelector--dvnSB {
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0);
    border: none
}

.phoneEntryPhoneInputContainer--jEZvL div.phoneEntryCountrySelector--dvnSB.open--ThFw7 {
    border-bottom: 1px solid #dfe2ef
}

.phoneEntryCountryButton--RLhwg {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #dfe2ef;
    cursor: pointer;
    background: rgba(0,0,0,0);
    outline: none
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA .search--kC4tO {
    padding: 10px 0 6px 0px
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA input {
    height: 40px;
    border-radius: 12px !important;
    margin-left: 0 !important;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none
}

.phoneEntryCountrySelector--dvnSB ul li {
    padding: 7px 12px !important
}

.phoneEntryCountryFlag--Lb1pp {
    font-size: 18px;
    line-height: 18px;
    width: 24px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.phoneEntryCountryCode--J8c_J {
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    color: #000;
    letter-spacing: -0.1px
}

.phoneEntryCountryArrow--Urpx5 {
    width: 8px;
    height: 4px;
    color: #000;
    transition: transform .2s ease
}

.phoneEntryCountryArrowOpen--gxK5q {
    transform: rotate(180deg)
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA {
    position: absolute;
    top: 75%;
    left: -10px;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    max-height: 200px;
    overflow-y: auto;
    margin-top: 4px;
    min-width: 331px;
    width: 100%
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA::-webkit-scrollbar {
    width: 6px
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
    border-radius: 3px
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.08);
    border-radius: 3px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA:hover::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.25)
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.4)
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.08) rgba(0,0,0,0)
}

.phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA:hover {
    scrollbar-color: rgba(0,0,0,.25) rgba(0,0,0,0)
}

@media screen and (max-width: 400px) {
    .phoneEntryCountrySelector--dvnSB ul.phoneEntryCountryDropdown--TrISA {
        min-width:300px
    }
}

.phoneEntryCountryOption--JudID {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    transition: background-color .2s ease
}

.phoneEntryCountryOption--JudID:hover {
    background-color: #f5f5f5
}

.phoneEntryCountryOptionSelected--ShGjO {
    background-color: #f0f0f0
}

.phoneEntryCountryName--GNw7E {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-left: auto
}

.phoneEntryInputContainer--WJs0K {
    flex: 1 1;
    display: flex;
    align-items: center;
    min-width: 0;
    flex-direction: column;
    align-items: start;
    line-height: 1;
    width: 100%
}

.phoneEntryPhoneInputContainer--jEZvL input.phoneEntryInput--BnEMU {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    border: none;
    padding: 10px 10px 10px 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    color: #000;
    letter-spacing: -0.1px;
    outline: none;
    padding-left: 60px;
    border-radius: 0;
    background: rgba(0,0,0,0)
}

.phoneEntryPhoneInputContainer--jEZvL input.phoneEntryInput--BnEMU::-moz-placeholder {
    color: #949494
}

.phoneEntryPhoneInputContainer--jEZvL input.phoneEntryInput--BnEMU::placeholder {
    color: #949494
}

.phoneEntryPhoneInputContainer--jEZvL input.phoneEntryInput--BnEMU:disabled {
    opacity: .6;
    cursor: not-allowed
}

.phoneEntryInputError--WS8b7 {
    border-bottom-color: #e05959 !important
}

.phoneEntryHelperText--m6RBs {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #9f9f9f;
    letter-spacing: -0.065px;
    margin: 0;
    text-align: left;
    width: 100%
}

.phoneEntrySubmitButton--MUebl {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border-radius: var(--app-default-btn-sm-border-radius);
    background-color: #8F63EC;
    background-color: var(--app-color, #8F63EC);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease;
    outline: none;
    margin-bottom: 12px
}

.phoneEntrySubmitButton--MUebl:hover:not(:disabled) {
    opacity: .9
}

.phoneEntrySubmitButton--MUebl:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed
}

.phoneEntrySubmitButtonDisabled--YYg8L {
    background-color: #d3d3d3 !important
}

.phoneEntryTermsContainer--XarVl {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    max-width: 424px;
    margin-top: 0
}

.phoneEntryTermsCheckbox--zdiXX {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #8F63EC;
    accent-color: var(--app-color, #8F63EC)
}

.phoneEntryTermsLabel--lTE2M {
    color: #636570;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.phoneEntryTermsLink--vUt_h {
    color: #8F63EC;
    color: var(--app-color, #8F63EC);
    text-decoration: underline
}

.phoneEntryTermsLink--vUt_h:hover {
    text-decoration: none
}

.phoneVerificationContainer--WFyRr {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    gap: 16px;
    padding: 36px 24px 0
}

.phoneVerificationContent--oQmfF {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 36px
}

.phoneVerificationCodeContainer--T4syb {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 363px;
    min-height: 122px;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 20px;
    padding: 24px;
    gap: 20px;
    isolation: isolate
}

.phoneVerificationCodeInputs--TOR9I {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between
}

.phoneVerificationCodeInputsSingle--XKl18 {
    position: relative
}

.phoneVerificationCodeInputCell--nGzKR {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phoneVerificationCodeInputOverlay--LAMxy {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    margin: 0;
    min-width: 0
}

.phoneVerificationCodeInput--kGNTR {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    flex: 1 1;
    min-width: 0;
    height: 37px;
    border: none;
    border-bottom: 1px solid #dfe2ef;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 17px;
    color: #000;
    text-align: center;
    letter-spacing: -0.1px;
    outline: none;
    background: rgba(0,0,0,0);
    transition: border-bottom-color .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0
}

.phoneVerificationCodeInput--kGNTR.phoneVerificationCodeInputFilled--OsD6A {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8F63EC !important;
    border-bottom: 1px solid var(--app-color, #8F63EC) !important
}

.phoneVerificationCodeInput--kGNTR:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8F63EC !important;
    border-bottom: 1px solid var(--app-color, #8F63EC) !important
}

.phoneVerificationCodeInput--kGNTR.phoneVerificationCodeInputFilled--OsD6A:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8F63EC !important;
    border-bottom: 1px solid var(--app-color, #8F63EC) !important
}

.phoneVerificationCodeInput--kGNTR:hover:not(:focus) {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dfe2ef
}

.phoneVerificationCodeInput--kGNTR:disabled {
    border-top: none;
    border-left: none;
    border-right: none;
    opacity: .6;
    cursor: not-allowed
}

.phoneVerificationCodeInput--kGNTR::-moz-placeholder {
    color: rgba(0,0,0,0)
}

.phoneVerificationCodeInput--kGNTR::placeholder {
    color: rgba(0,0,0,0)
}

.phoneVerificationCodeInputError--a4Jfc {
    border-bottom-color: #e05959 !important
}

.phoneVerificationResendLink--PG4wP {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #8F63EC;
    color: var(--app-color, #8F63EC);
    text-align: center;
    letter-spacing: -0.065px;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    transition: opacity .2s ease;
    width: 100%
}

.phoneVerificationResendLink--PG4wP:hover:not(:disabled) {
    opacity: .8
}

.phoneVerificationResendLink--PG4wP:disabled {
    cursor: not-allowed
}

.phoneVerificationResendLinkDisabled--HV1Ig {
    opacity: .5;
    cursor: not-allowed
}

.phoneVerificationChangeNumberLink--JtlZ5 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #6c84ff;
    text-align: center;
    letter-spacing: -0.065px;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    transition: opacity .2s ease;
    margin-top: -16px
}

.phoneVerificationChangeNumberLink--JtlZ5:hover:not(:disabled) {
    opacity: .8
}

.phoneVerificationChangeNumberLink--JtlZ5:disabled {
    opacity: .5;
    cursor: not-allowed
}

.resendOptionsModalContainer--U4x0S {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    width: 375px;
    padding: 24px 16px 16px;
    background-color: #fff;
    border-radius: 16px
}

.resendOptionsModalTitle--krOSB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 16px
}

.resendOptionsModalTitleText--_oUyd {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #121212;
    text-align: center;
    margin: 0
}

.resendOptionsModalOptions--sXyqV {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    align-items: flex-start
}

.resendOptionsModalOption--mbdu8 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    color: #8F63EC;
    color: var(--app-color, #8F63EC);
    text-align: center;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
    transition: opacity .2s ease
}

.resendOptionsModalOption--mbdu8:hover:not(:disabled) {
    opacity: .8
}

.resendOptionsModalOption--mbdu8:disabled {
    opacity: .5;
    cursor: not-allowed
}

.resendOptionsModalOptionDisabled--yWYXK {
    opacity: .5;
    cursor: not-allowed
}

.resendOptionsModalCancelButton--B8YsI {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #dfe2ef;
    border-radius: 8px;
    background-color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    color: #121212;
    text-align: center;
    cursor: pointer;
    transition: background-color .2s ease,border-color .2s ease;
    outline: none
}

.resendOptionsModalCancelButton--B8YsI:hover:not(:disabled) {
    background-color: #f5f5f5;
    border-color: #d2e3fc
}

.resendOptionsModalCancelButton--B8YsI:disabled {
    opacity: .6;
    cursor: not-allowed
}

.backupEmailCardContainer--cfU4L {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 363px;
    background-color: #fff;
    border: 1px solid #dfe2ef;
    border-radius: 20px;
    padding: 24px;
    gap: 20px
}

.backupEmailCardText--Kh8HV {
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #000;
    text-align: center;
    margin: 0
}

.backupEmailCardForm--UBXco {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.backupEmailCardInputWrapper--FyRCL {
    display: flex;
    flex-direction: column;
    width: 100%
}

.backupEmailCardInput--uqZiR {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    outline: none;
    transition: border-color .2s ease
}

.backupEmailCardInput--uqZiR::-moz-placeholder {
    color: #ababab
}

.backupEmailCardInput--uqZiR::placeholder {
    color: #ababab
}

.backupEmailCardInput--uqZiR:focus {
    border-color: #8F63EC;
    border-color: var(--app-color, #8F63EC)
}

.backupEmailCardInput--uqZiR:disabled {
    opacity: .6;
    cursor: not-allowed
}

.backupEmailCardInputError--FcAXg {
    border-color: #e05959 !important
}

.backupEmailCardError--Fm2oK {
    color: #e05959;
    font-size: 13px;
    margin-top: 4px;
    text-align: left
}

.backupEmailCardButton--DBArD {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 10px;
    border-radius: var(--app-default-btn-sm-border-radius);
    background-color: #8F63EC;
    background-color: var(--app-color, #8F63EC);
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease,opacity .2s ease;
    outline: none
}

.backupEmailCardButton--DBArD:hover:not(:disabled) {
    opacity: .9
}

.backupEmailCardButton--DBArD:disabled {
    background-color: #c3c5ca;
    cursor: not-allowed
}

.backupEmailCardButtonDisabled--NZ6qJ {
    background-color: #c3c5ca !important;
    cursor: not-allowed !important
}

.backupEmailScreenContainer--ll29Z {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    gap: 16px;
    padding-top: 36px
}

.backupEmailScreenContent--FaA0l {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 880px;
    gap: 36px
}

.backupEmailScreenIconContainer--AoZb_ {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0
}

.backupEmailScreenIconCircle--K__ML {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #8F63EC;
    background-color: var(--app-color, #8F63EC);
    display: flex;
    justify-content: center;
    align-items: center
}

.backupEmailScreenTitleContainer--swQA8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: center;
    padding: 0 16px
}

.backupEmailScreenTitle--Oxz4u {
    font-weight: 700;
    font-size: 37px;
    line-height: 56px;
    color: #121212;
    margin: 0
}

.backupEmailScreenSubtitle--c5ZFB {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #121212;
    margin: 0
}

.overlayContainer--VXv7k {
    position: absolute;
    top: -70px
}

@media only screen and (max-width: 1080px) {
    .overlayContainer--VXv7k {
        display:none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        touch-action: none;
        overscroll-behavior: none
    }
}

.phoneVerificationLoadingWrapper--JZQLL {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.phoneVerificationLoadingSpinner--Gzyof {
    width: 44px;
    height: 44px
}

.generalPopupContentContainer--t1D7F {
    padding: 15px;
    text-align: center
}

.title--Bgdu_ {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000
}

.link--EPo51 {
    color: blue
}

.okBtnContainer--vgMah {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px
}

.okBtn--hygwk {
    background: var(--app-color);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    padding: 5px
}

dialog.generalPopupPopover--RxSex {
    padding: 20px
}

@keyframes animation-bzdot9--mb_6M {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.wpccContainer--Oqh7l {
    border-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.5em;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    overflow: hidden;
    position: fixed;
    transition: opacity 1s ease;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1
}

@media only screen and (max-width: 480px) {
    .wpccContent--HgLx7 {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .wpccContent--HgLx7 {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .wpccContent--HgLx7 {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .wpccContent--HgLx7 {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .wpccContent--HgLx7 {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .wpccContent--HgLx7 {
        max-width:1440px
    }
}

.wpccContent--HgLx7 {
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0px 25px 35px rgba(0,0,0,.15);
    border-radius: 20px;
    color: #000;
    flex-direction: row;
    margin-bottom: 50px;
    padding: 18px;
    align-items: center;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .wpccContent--HgLx7 {
        margin:7px;
        border-radius: 10px
    }
}

.wpccMessage--BAS7_ {
    font-weight: 500;
    font-size: 18px;
    display: block;
    flex: 1 1 auto;
    margin-right: 1em;
    max-width: 100%;
    color: #000
}

@media only screen and (max-width: 1080px) {
    .wpccMessage--BAS7_ {
        font-weight:500;
        font-size: 13px
    }
}

.wpccPrivacy--xxB35 {
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    opacity: .85;
    color: var(--app-color)
}

@media only screen and (max-width: 1080px) {
    .wpccPrivacy--xxB35 {
        font-weight:500;
        font-size: 13px
    }
}

.wpccBtn--dwsPv {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 22px;
    text-align: center;
    white-space: nowrap;
    color: #000;
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25);
    border-radius: 8px;
    transition: background-color .2s ease;
    cursor: pointer;
    margin-left: 60px
}

@media only screen and (max-width: 1080px) {
    .wpccBtn--dwsPv {
        font-size:15px;
        margin-left: 10px;
        padding: 9px 12px
    }
}

a {
    color: var(--app-color)
}

.wpccIcon--oE4rx {
    display: flex;
    margin-right: 15px;
    width: 30px;
    height: 30px
}

@media only screen and (max-width: 1080px) {
    .wpccIcon--oE4rx {
        width:24px;
        height: 24px;
        margin-right: 11px
    }
}

@keyframes animation-bzdot9--d1d6r {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.inputContent--ql2g8 {
    font-size: 1rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0px;
    text-align: center;
    height: 55px;
    margin-top: 15px
}

.inputContent--ql2g8:hover {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0px;
    outline: none
}

.inputContent--ql2g8:focus {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0px;
    outline: none;
    outline-style: none;
    box-shadow: none
}

.submitButton--UZni0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    background-color: var(--app-color);
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    outline: none;
    border: none
}

.submitButton--UZni0:hover {
    background-color: var(--app-color);
    color: #fff;
    outline: none
}

.submitButton--UZni0:focus {
    background-color: var(--app-color);
    color: #fff;
    outline: none;
    box-shadow: none
}

.text--F2sGA {
    font-size: 1rem;
    text-align: center
}

.modalFooter--QE97F {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.promoCodeModalContainer--Iqp6Y {
    width: 100%
}

.promoCodeModalHeader--e5xoC {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    font-size: 1.3em;
    color: #000;
    padding-left: 10px;
    padding-right: 10px
}

.promoCodeModalBody--eyVfs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    word-break: break-word
}

.promoCodeModalButtonContainer--SY6Ay {
    width: 100%
}

.promoCodeModalButton--_Lput,.promoCodeModalButton--_Lput:focus,.promoCodeModalButton--_Lput:active,.promoCodeModalButton--_Lput:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-top: solid gray 1px;
    width: 100%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--app-color);
    cursor: pointer;
    background-color: rgba(0,0,0,0)
}

@keyframes animation-bzdot9--psJS0 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.ppTofModalSignUpContent--I0lkq {
    width: 500px;
    min-width: 500px;
    padding: 40px;
    font-size: 17px
}

@media only screen and (max-width: 1080px) {
    .ppTofModalSignUpContent--I0lkq {
        width:auto;
        width: initial;
        font-size: 15px;
        min-width: 0;
        min-width: initial;
        padding: 16px;
        max-width: 500px
    }
}

.ppTofModalSignUpButton--Imglp,.ppTofModalSignUpButton--Imglp:hover,.ppTofModalSignUpButton--Imglp:focus {
    width: 100%;
    background-color: var(--app-color);
    color: #fff;
    margin: 24px 0 10px 0;
    border: none;
    border-radius: var(--app-default-btn-lg-border-radius);
    height: 48px;
    padding: 0 16px;
    cursor: pointer
}

.ppTofModalCancelButton--hRBYg {
    background-color: #fff;
    color: var(--app-color);
    border: none;
    border-radius: var(--app-default-btn-sm-border-radius);
    height: 48px;
    padding: 0 16px;
    cursor: pointer;
    width: 100%
}

.ppTofModalSignUpHeader--TFI3u {
    color: #121212;
    color: var(--Texts-Primary, #121212);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 20px;
    margin-top: 8px
}

.socialPpTofModalButtonsRow--TZED6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px
}

.socialPpTofModalContent--w4R9g {
    padding: 15px
}

.socialPpTofModalCancelButton--M87ee,.socialPpTofModalCancelButton--M87ee:hover,.socialPpTofModalCancelButton--M87ee:focus {
    color: var(--app-color);
    border-color: var(--app-color);
    min-width: 88px;
    border: solid 1px;
    padding: 3px;
    cursor: pointer;
    border-radius: var(--app-default-btn-lg-border-radius)
}

.socialPpTofModalOkButton--Fh4fT,.socialPpTofModalOkButton--Fh4fT:hover,.socialPpTofModalOkButton--Fh4fT:focus {
    background-color: var(--app-color);
    color: #fff;
    border: none;
    min-width: 88px;
    border: solid 1px;
    border-radius: var(--app-default-btn-sm-border-radius);
    padding: 3px;
    cursor: pointer
}

.socialPpTofModalOkButton--Fh4fT:disabled,.socialPpTofModalOkButton--Fh4fT:disabled:hover,.socialPpTofModalOkButton--Fh4fT:disabled:focus {
    background-color: #cecece;
    color: #fff;
    border: none
}

.socialPpTofModalText--s6_KX {
    text-align: left;
    text-align: initial;
    padding-right: 10px
}

.confirmPpTofSwitcherRowsignUp--U3NrL {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    font-size: 13px;
    flex-flow: initial
}

.tcpBannerText--WO0Bv p {
    font-size: 17px;
    color: #121212
}

@media only screen and (max-width: 1080px) {
    .tcpBannerText--WO0Bv p {
        font-size:15px
    }
}

@keyframes animation-bzdot9--QALx8 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--EoGXH {
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.actionButton--PRul2 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: var(--app-default-btn-sm-border-radius);
    background-color: var(--app-color);
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.disableActionBtn--hSFfI {
    background: #cecece
}

.navigationButton--gMkY_ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    color: var(--app-color)
}

.error--hZ4_S {
    color: #e05959
}

.text--jY87d {
    text-align: center;
    padding-top: 1em;
    display: flex;
    align-items: center;
    justify-content: center
}

.arrow--q18Av {
    color: var(--app-color);
    font-size: 2em
}

.arrowDiv--HayPP {
    position: absolute;
    top: 2em;
    left: 2em
}

.forgotModalTitle--PTEJP {
    padding-top: 10px;
    font-weight: 700;
    text-align: center
}

.forgotModalContentContainer--s9KCq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    padding: 10px;
    text-align: center
}

.modalContentOkBtnContainer--jgTIz {
    display: flex;
    align-self: center;
    justify-content: center
}

.modalContentOkBtn--lADey {
    background: rgba(0,0,0,0);
    border: none;
    color: var(--app-color);
    cursor: pointer;
    width: 44px;
    padding: 5px
}

.alertContentContainer--CIi9m {
    display: flex;
    justify-content: center;
    background: #fff2f0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px
}

.errorXImgContainer--SUxps {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.errorXImg--pp18E {
    width: 24px;
    height: 24px
}

.textContainer--z2UW5 {
    margin-left: 5px
}

.messageContainer--WRxN6 {
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.errorStringContainer--g0npW {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    word-break: break-word
}

.closeBtnContainer--yxi5T {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.closeBtnImg--l99ZU {
    width: 13px;
    height: 13px
}

dialog .alertPopoverContentContainer--Ujzv6 {
    border-radius: 24px
}

@keyframes animation-bzdot9--pld2R {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--Fmqj8 {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 344px;
    min-width: 344px;
    display: flex;
    flex-direction: column
}

.loadingErrorContainer--fWV8i {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.titleContainer--RpRYx {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-bottom: 1px solid var(--app-border-gray)
}

.titleText--Dp41w {
    color: var(--app-text-primary);
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.contentContainer--AQllp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    max-width: 344px;
    min-width: 344px
}

.textAndSwitchContainer--AfYgs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.textContainer--XUHes {
    color: var(--app-text-secondary);
    font-size: 14px;
    font-weight: 400
}

.switchContainer--jyjrT {
    display: flex;
    margin-left: 20px
}

.btnsContainer--usOBc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.cancelBtn--G1Mhz {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    padding: 5px;
    margin-right: 20px
}

.okBtn--Ynpsb {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    padding: 5px
}

.container--gWp58 {
    z-index: 1000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f6f6f6
}

.innerContainer--ua_Jh {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.title--ZzzoO {
    font-weight: 500;
    color: #000;
    font-size: 44px
}

.img--M7yfB {
    padding-top: 22px;
    padding-bottom: 22px
}

.notFound--H9Qsh {
    color: #000;
    font-size: 24px
}

.subtitle--zrezO {
    color: #868686;
    font-size: 16px;
    padding-top: 25px;
    padding-bottom: 39px;
    white-space: break-spaces;
    text-align: center
}

.serviceUnavailableText--fagTv {
    color: #000;
    font-size: 24px;
    padding-bottom: 39px
}

.serviceUnavailableErrorCode--NT08v {
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #bbb;
    line-height: 105px
}

.link--sR0wU {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background-color: var(--app-color);
    padding: 8px;
    cursor: pointer;
    border-radius: 4px
}

.pushNotificationContentContainer--hexl_ {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 300px
}

.pushNotificationTextContainer--X99mV {
    padding: 10px;
    text-align: center
}

.pushNotificationTitleContainer--t6KrM {
    padding: 10px;
    padding-bottom: 0;
    text-align: center
}

.pushNotificationButtonsContainer--q3Oen {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    border-top: 1px solid #f0f0f0
}

.pushNotificationCancelBtn--d4eAx {
    background-color: rgba(0,0,0,0);
    padding: 4px 15px;
    border: solid 1px gray;
    border-radius: var(--app-default-btn-xs-border-radius);
    cursor: pointer
}

.pushNotificationOkBtn--lKiai {
    margin-left: 8px;
    background-color: var(--app-color);
    padding: 4px 15px;
    border: solid 1px var(--app-color);
    border-radius: var(--app-default-btn-xs-border-radius);
    cursor: pointer;
    color: #fff
}

.generalLoadingOverlayContainer--k1UBa {
    background: var(--app-overlay-black);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 1000
}

.generalLoadingOverlayLoaderContainer--mFM4A {
    display: flex;
    align-items: center;
    justify-content: center
}

.autoRedeemPromoCodeBonusPopupContainer--Sb6sG {
    width: 100%
}

.autoRedeemPromoCodeBonusPopupHeader--v_9HF {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    font-size: 1.3em;
    color: #000;
    padding-left: 10px;
    padding-right: 10px
}

.autoRedeemPromoCodeBonusPopupDescription--rn2ad {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    word-break: break-word
}

.autoRedeemPromoCodeBonusPopupFooter--v0FoE {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: solid gray 1px;
    text-align: center
}

.autoRedeemPromoCodeBonusPopupOkButton--_o0Pg {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    background-color: rgba(0,0,0,0);
    color: var(--app-color);
    cursor: pointer
}

@keyframes animation-bzdot9--hS3XH {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--VjS15 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 8
}

@media only screen and (max-width: 1080px) {
    .container--VjS15 {
        font-size:12px
    }
}

.containerWithIcon--u9faq {
    width: 100%;
    height: 100%;
    max-width: 400px
}

@media only screen and (max-width: 1080px) {
    .containerWithIcon--u9faq {
        max-width:none;
        max-width: initial
    }
}

.newUserContainerWithIcon--SAwZS {
    width: 100%;
    height: 100%;
    max-width: 500px
}

@media only screen and (max-width: 1080px) {
    .newUserContainerWithIcon--SAwZS {
        max-width:none;
        max-width: initial
    }
}

.topImageContainer--PBAZw {
    width: 100%;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center
}

.topImageContainer--PBAZw .topImage--G8VCR {
    width: 50px;
    height: 50px
}

.dialogContainer--WJGY2 {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .dialogContainer--WJGY2 {
        border-radius:0
    }
}

.closeBtn--KvTru,.closeBtn--KvTru:hover,.closeBtn--KvTru:focus {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    color: var(--app-color);
    background-color: transparent;
    background-color: initial;
    font-size: 16px;
    cursor: pointer
}

.closeIcon--Ov3Fc {
    width: 20px
}

.paygLabelText--wPxuO {
    width: 80%;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #531fa5
}

.descriptionText--Wvkff {
    width: 80%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #636570;
    min-height: 80px;
    max-width: 417px;
    display: flex;
    align-items: center
}

.infoBottomContainer--krYqV {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.selectTitleContainer--zckVf {
    margin: 40px 20px 0 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.additionalOption--Ym_Dy {
    background: #fff;
    border-radius: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 15px;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    white-space: pre-line
}

.clientCreditBalanceContainer--rhmLp {
    display: flex;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-align: center
}

.clientAvailableCreditSkeleton--a5jy8 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--hS3XH 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.clientAvailableCreditSkeleton--a5jy8 * {
    display: none
}

.clientAvailableCreditSkeleton--a5jy8 {
    width: 40px;
    height: 20px
}

.divider--Z44_s {
    display: flex;
    height: 1px;
    max-height: 1px;
    margin-top: 20px;
    width: 100%;
    background: #d7bdff;
    border: #d7bdff
}

.additionalOptionContainer--_Qtk_ {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.loader--WiXhT {
    justify-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.carouselMain--mcOUh {
    background-color: #fff
}

.titleContainer--mQcoa {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.continueCallText--UZ_TW {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: var(--app-color)
}

.advisorNameText--fhrxR {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--app-color)
}

.saveUpLabelContainer--aqNZS {
    width: 122px;
    height: 122px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    border-top-left-radius: 20px
}

.saveUpLabelContainer--aqNZS:after {
    content: "";
    background: #7bd137;
    width: 142%;
    height: 142%;
    position: absolute;
    transform: rotate(45deg) translate(-71%, 0);
    top: 0;
    left: 0
}

.saveUpLabelTextContainer--pUO6Y {
    width: 100%;
    position: relative;
    z-index: 10;
    transform: rotate(-45deg) translate(-25%, 5%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.saveUpLabelText--stNoZ {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.saveUpLabelAmount--xFZ8s {
    font-size: 22px;
    font-weight: 700;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelText--VOynn {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelAmount--jAuJS {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.zenModeLabelContainer--MwWtL {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 21px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app-text-secondary)
}

.newUserPaygYourAvailableBalanceContainer--hKhdf {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 24px
}

.colorAdditionalText--uKdjB {
    color: var(--app-color)
}

@keyframes animation-bzdot9--YUq_C {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--M1Uz8 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 8
}

@media only screen and (max-width: 1080px) {
    .container--M1Uz8 {
        font-size:12px
    }
}

.containerWithIcon--wrqY_ {
    width: 100%;
    height: 100%;
    max-width: 400px
}

@media only screen and (max-width: 1080px) {
    .containerWithIcon--wrqY_ {
        max-width:none;
        max-width: initial
    }
}

.newUserContainerWithIcon--wqdZh {
    width: 100%;
    height: 100%;
    max-width: 500px
}

@media only screen and (max-width: 1080px) {
    .newUserContainerWithIcon--wqdZh {
        max-width:none;
        max-width: initial
    }
}

.topImageContainer--vKGvW {
    width: 100%;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center
}

.topImageContainer--vKGvW .topImage--B8EPf {
    width: 50px;
    height: 50px
}

.dialogContainer--hKBe6 {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .dialogContainer--hKBe6 {
        border-radius:0
    }
}

.closeBtn--wqORN,.closeBtn--wqORN:hover,.closeBtn--wqORN:focus {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    color: var(--app-color);
    background-color: transparent;
    background-color: initial;
    font-size: 16px;
    cursor: pointer
}

.closeIcon--TRVZb {
    width: 20px
}

.paygLabelText--OsNDm {
    width: 80%;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #531fa5
}

.descriptionText--HyN5n {
    width: 80%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #636570;
    min-height: 80px;
    max-width: 417px;
    display: flex;
    align-items: center
}

.infoBottomContainer--jSc46 {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.selectTitleContainer--EJc3v {
    margin: 40px 20px 0 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.additionalOption--jBmTR {
    background: #fff;
    border-radius: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 15px;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    white-space: pre-line
}

.clientCreditBalanceContainer--tH2sl {
    display: flex;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-align: center
}

.clientAvailableCreditSkeleton--iFiEf {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--YUq_C 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.clientAvailableCreditSkeleton--iFiEf * {
    display: none
}

.clientAvailableCreditSkeleton--iFiEf {
    width: 40px;
    height: 20px
}

.divider--NZORa {
    display: flex;
    height: 1px;
    max-height: 1px;
    margin-top: 20px;
    width: 100%;
    background: #d7bdff;
    border: #d7bdff
}

.additionalOptionContainer--nmu5V {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.loader--hCg64 {
    justify-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.carouselMain--RF6xz {
    background-color: #fff
}

.titleContainer--YYmaz {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.continueCallText--gYOtb {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: var(--app-color)
}

.advisorNameText--Megb8 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--app-color)
}

.saveUpLabelContainer--MxDky {
    width: 122px;
    height: 122px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    border-top-left-radius: 20px
}

.saveUpLabelContainer--MxDky:after {
    content: "";
    background: #7bd137;
    width: 142%;
    height: 142%;
    position: absolute;
    transform: rotate(45deg) translate(-71%, 0);
    top: 0;
    left: 0
}

.saveUpLabelTextContainer--Vvdi7 {
    width: 100%;
    position: relative;
    z-index: 10;
    transform: rotate(-45deg) translate(-25%, 5%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.saveUpLabelText--DNbIX {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.saveUpLabelAmount--P_Fy1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelText--Uz3YA {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelAmount--AvLta {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.zenModeLabelContainer--SE53e {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 21px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app-text-secondary)
}

.newUserPaygYourAvailableBalanceContainer--IQ9TO {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 24px
}

.colorAdditionalText--YfDoh {
    color: var(--app-color)
}

.continueContainer--A1JAI {
    width: 90%;
    margin-bottom: 25px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px
}

.endChatBtn--jgy1M {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: hsla(0,0%,100%,0);
    border-radius: 10px;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
}

.addTimeBtn--Rt682 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: hsla(0,0%,100%,0);
    border-radius: 10px;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    border: none;
    color: #fff
}

@keyframes animation-bzdot9--MefHe {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--H3Fcq {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 8
}

@media only screen and (max-width: 1080px) {
    .container--H3Fcq {
        font-size:12px
    }
}

.containerWithIcon--vpBNy {
    width: 100%;
    height: 100%;
    max-width: 400px
}

@media only screen and (max-width: 1080px) {
    .containerWithIcon--vpBNy {
        max-width:none;
        max-width: initial
    }
}

.newUserContainerWithIcon--mVY3K {
    width: 100%;
    height: 100%;
    max-width: 500px
}

@media only screen and (max-width: 1080px) {
    .newUserContainerWithIcon--mVY3K {
        max-width:none;
        max-width: initial
    }
}

.topImageContainer--wCEWV {
    width: 100%;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center
}

.topImageContainer--wCEWV .topImage--S7wi0 {
    width: 50px;
    height: 50px
}

.dialogContainer--e5hl8 {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .dialogContainer--e5hl8 {
        border-radius:0
    }
}

.closeBtn--Rsxa4,.closeBtn--Rsxa4:hover,.closeBtn--Rsxa4:focus {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    color: var(--app-color);
    background-color: transparent;
    background-color: initial;
    font-size: 16px;
    cursor: pointer
}

.closeIcon--R4_Ea {
    width: 20px
}

.paygLabelText--UPbeo {
    width: 80%;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #531fa5
}

.descriptionText--cN9sL {
    width: 80%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #636570;
    min-height: 80px;
    max-width: 417px;
    display: flex;
    align-items: center
}

.infoBottomContainer--rO2tj {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.selectTitleContainer--nzbJn {
    margin: 40px 20px 0 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.additionalOption--R4kNm {
    background: #fff;
    border-radius: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 15px;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    white-space: pre-line
}

.clientCreditBalanceContainer--LyUlW {
    display: flex;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-align: center
}

.clientAvailableCreditSkeleton--aetFg {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--MefHe 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.clientAvailableCreditSkeleton--aetFg * {
    display: none
}

.clientAvailableCreditSkeleton--aetFg {
    width: 40px;
    height: 20px
}

.divider--RBRdG {
    display: flex;
    height: 1px;
    max-height: 1px;
    margin-top: 20px;
    width: 100%;
    background: #d7bdff;
    border: #d7bdff
}

.additionalOptionContainer--JiVSQ {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.loader--lphUY {
    justify-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.carouselMain--pP1kn {
    background-color: #fff
}

.titleContainer--oVpgC {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.continueCallText--UTIb8 {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: var(--app-color)
}

.advisorNameText--gHAIx {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--app-color)
}

.saveUpLabelContainer--ibRL6 {
    width: 122px;
    height: 122px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    border-top-left-radius: 20px
}

.saveUpLabelContainer--ibRL6:after {
    content: "";
    background: #7bd137;
    width: 142%;
    height: 142%;
    position: absolute;
    transform: rotate(45deg) translate(-71%, 0);
    top: 0;
    left: 0
}

.saveUpLabelTextContainer--XaVmY {
    width: 100%;
    position: relative;
    z-index: 10;
    transform: rotate(-45deg) translate(-25%, 5%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.saveUpLabelText--pHZ_W {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.saveUpLabelAmount--B3YRk {
    font-size: 22px;
    font-weight: 700;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelText--RATu9 {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-white);
    line-height: 22px
}

.saveUpDiscountLabelAmount--TIsrH {
    font-size: 12px;
    font-weight: 400;
    color: var(--app-white);
    line-height: 22px
}

.zenModeLabelContainer--gAqCZ {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 21px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app-text-secondary)
}

.newUserPaygYourAvailableBalanceContainer--L4O_m {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 24px
}

.colorAdditionalText--Gsh72 {
    color: var(--app-color)
}

.startBtnContainer--D27vr {
    margin-top: 10px;
    margin-bottom: 1.5em;
    width: 90%
}

.nextBtnContainer--j5F1o {
    margin-top: 10px;
    margin-bottom: 1.5em;
    width: 90%
}

@keyframes animation-bzdot9--Lnt8U {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.carouselArrowPrevContainer--_mdfy {
    width: 70px;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 15;
    display: flex;
    align-items: center;
    cursor: pointer
}

.carouselArrowPrevContainer--_mdfy:focus {
    display: none
}

.carouselArrowPrevContent--NMwwA {
    width: 100%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.arrowImgContainer--bSijc {
    border: 1px solid var(--border-primary);
    padding: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 8px 15px rgba(0,0,0,.05);
    display: flex
}

.arrowImgContainer--bSijc svg {
    width: 22px !important;
    height: 22px !important;
    color: var(--mbw-select-duration-arrows-color)
}

.carouselArrowNextContainer--gbV3W {
    width: 70px;
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 15;
    display: flex;
    align-items: center;
    cursor: pointer
}

.carouselArrowNextContent--p_UML {
    width: 100%;
    height: 184px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.carouselItem--CR8M0 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 10px
}

.durationItem--qG0j_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 190px;
    max-height: -webkit-fill-available;
    background: #fff;
    border-radius: 25px;
    cursor: pointer
}

.durationItemContextCol--DXv5v {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.durationItemMinutesCountContainer--GS3bG {
    font-size: 80px;
    line-height: 60px;
    font-weight: 300;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d7bdff;
    text-shadow: 0px 2px 2px rgba(126,78,196,.67),0px 4px 4px #e3d0ff
}

.durationItemMinutesTextContainer--TMcms {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.durationItemNewUserPaygPayContainer--s7CfI {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.durationItemNewUserPaygText--yg5sp {
    font-size: 22px;
    line-height: 1
}

.durationItemPaygSubtitleText--vOMFg {
    font-size: 12px
}

.durationOptinsContainer--reGk9 {
    position: relative;
    width: 100%;
    margin-top: 20px;
    flex-grow: 1;
    min-height: 190px
}

@media only screen and (max-width: 1080px) {
    .durationOptinsContainer--reGk9 {
        max-width:400px
    }
}

.durationOptinsContainer--reGk9 .item--VZhex {
    display: flex;
    flex-direction: column;
    align-items: center
}

.durationOptinsContainer--reGk9 .durationItem--qG0j_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 190px;
    max-height: -webkit-fill-available;
    background: #fff;
    cursor: pointer
}

.durationItemPriceTextContainer--QPixl {
    font-weight: 600;
    font-size: 17px;
    padding: 0px 17px;
    background: #7e4ec4;
    color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: 11px
}

.mostPopularContainer--TnFIH {
    display: flex;
    background: #fff;
    border-radius: 25px;
    padding: 3px 10px;
    margin-bottom: 10px
}

.mostPopularIcon--aKRjP {
    width: 13px;
    display: flex;
    align-items: center
}

.mostPopularText--IJgnE {
    font-size: 12px;
    padding-left: 3px;
    font-weight: 600;
    color: #7e4ec4
}

.tapHeroToUseYourBalanceForLabelContainer--alBnl {
    font-size: 12px;
    font-weight: 600
}

.carouselSelectedItem--b0_or {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
    max-height: -webkit-fill-available;
    padding-top: 10px
}

.carouselSelectedItem--b0_or .durationItem--qG0j_ {
    height: 255px
}

.carouselSelectedItem--b0_or .durationItemPriceTextContainer--QPixl {
    font-size: 20px;
    background: #fff;
    color: #93b722;
    margin-top: 10px
}

.carouselSelectedItem--b0_or .durationItemMinutesCountContainer--GS3bG {
    color: #f0ffc4;
    text-shadow: 0px 4px 4px rgba(0,0,0,.25),0px 0px 4px #e6ff9b;
    font-weight: 300;
    font-size: 100px;
    line-height: 80px;
    margin-top: 10px
}

.carouselSelectedItem--b0_or .mostPopularContainer--TnFIH {
    top: 15px
}

.carouselSelectedItem--b0_or .durationItemPriceContainerDefault--yeLzN {
    background-color: var(--duration-item-selected-price-container-background-color)
}

.mostPopularHeartInCircleContainer--WEyym {
    position: absolute;
    display: flex;
    transform: translate(35%, -35%);
    top: 0;
    right: 0
}

.newUserDurationOptions--lwuQ8 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    overflow-x: auto
}

@media only screen and (max-width: 1080px) {
    .newUserDurationOptions--lwuQ8 {
        gap:10px
    }
}

.newUserDurationOptions--lwuQ8 .durationItemContextCol--DXv5v {
    padding-top: 30px
}

.newUserDurationOptions--lwuQ8 .mostPopularContainer--TnFIH {
    display: flex;
    padding: 4px 6px;
    position: absolute;
    top: 20px
}

.newUserDurationOptions--lwuQ8 .mostPopularIcon--aKRjP {
    width: 10px
}

.newUserDurationOptions--lwuQ8 .mostPopularText--IJgnE {
    font-size: min(.55rem,9px);
    padding-left: 2px;
    padding-top: 1px;
    line-height: 1
}

.newUserDurationOptions--lwuQ8 .mostPopularHeartInCircleIcon--eIl72 {
    width: 20px;
    height: 20px
}

.newUserDurationOptions--lwuQ8 .carouselItem--CR8M0 {
    max-width: 110px;
    max-height: 150px
}

.newUserDurationOptions--lwuQ8 .durationItem--qG0j_ {
    width: 110px;
    height: 160px
}

@media only screen and (max-width: 1080px) {
    .newUserDurationOptions--lwuQ8 .durationItem--qG0j_ {
        height:155px;
        width: 100px
    }
}

.newUserDurationOptions--lwuQ8 .durationItemPriceTextContainer--QPixl {
    font-size: 13px;
    font-weight: 600;
    margin-top: 13px;
    margin-bottom: 10px;
    padding: 0px 10px;
    line-height: 21px
}

.newUserDurationOptions--lwuQ8 .durationItemMinutesCountContainer--GS3bG {
    font-size: 48px;
    font-weight: 300;
    line-height: 42px;
    margin-top: 10px
}

.newUserDurationOptions--lwuQ8 .durationItemMinutesTextContainer--TMcms {
    font-weight: 700;
    font-size: 12px
}

.newUserDurationOptions--lwuQ8 .durationItemPaygTitleText--_4Ajj {
    font-size: 12px
}

.newUserDurationOptions--lwuQ8 .durationItemPaygSubtitleText--vOMFg {
    font-size: 7px;
    font-weight: 400
}

.newUserDurationOptions--lwuQ8 .durationItemPaygMinutesCountContainer--dlCz_ {
    line-height: 40px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or {
    padding-bottom: 0
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItem--qG0j_ {
    width: 130px;
    height: 175px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemMinutesCountContainer--GS3bG {
    font-size: 70px;
    line-height: 56px;
    margin-top: 10px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemMinutesTextContainer--TMcms {
    font-size: 14px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemPaygTitleText--_4Ajj {
    font-size: 14px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemPriceTextContainer--QPixl {
    margin-top: 10px;
    font-size: 14px;
    margin-top: 7px;
    line-height: 21px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .mostPopularContainer--TnFIH {
    top: 10px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .mostPopularHeartInCircleIcon--eIl72 {
    width: 25px;
    height: 25px
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemPriceContainerNewUser--epb2U {
    background-color: var(--duration-item-selected-price-container-background-color)
}

.newUserDurationOptions--lwuQ8 .carouselSelectedItem--b0_or .durationItemPriceContainerSalesPrice--wS3iW {
    font-size: 11px;
    font-weight: 700;
    color: var(--app-color)
}

.newUserDurationOptions--lwuQ8 .freeMinLabelContainer--pzFZh {
    margin: 3px 0 0 0
}

@media only screen and (max-width: 1080px) {
    .newUserDurationOptions--lwuQ8 .freeMinLabelContainer--pzFZh {
        margin:5px 0 0 0
    }
}

.newUserDurationOptions--lwuQ8 .freeMinTextContainer--M5ejw {
    font-size: 13px
}

@media only screen and (max-width: 1080px) {
    .newUserDurationOptions--lwuQ8 .freeMinTextContainer--M5ejw {
        font-size:12px
    }
}

.newUserDurationOptions--lwuQ8 .freeMinIcon--Nwy_I {
    width: 15px;
    height: 15px
}

@media only screen and (max-width: 1080px) {
    .newUserDurationOptions--lwuQ8 .freeMinIcon--Nwy_I {
        width:15px;
        height: 15px
    }
}

.newUserPaygContainer--n03mv {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.newUserPaygImgContainer--HL5aj {
    display: flex;
    align-items: center;
    justify-content: center
}

.newUserPaygImg--Oc0YL {
    width: 175px;
    height: 125
}

.newUserPaygTitle--cSgBH {
    margin-top: 8px;
    color: var(--app-color);
    font-size: 34px;
    font-weight: 700
}

.newUserPaygPayAsYouGoText--eTzYy {
    font-size: 15px;
    font-style: normal;
    font-weight: 600
}

.durationItemPriceContainerDefault--yeLzN {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    border-radius: var(--duration-item-price-container-border-radius);
    background-color: var(--duration-item-price-container-background-color);
    padding: 3px 3px;
    color: app(--app-text-primary);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px
}

.durationItemPriceContainerDefault--yeLzN .durationItemPriceContainerPrice--MBHsQ {
    font-size: 20px;
    font-weight: 700;
    color: var(--app-color)
}

.durationItemPriceContainerDefault--yeLzN .durationItemPriceContainerSalesPrice--wS3iW {
    font-size: 20px;
    font-weight: 700;
    color: var(--app-color)
}

.durationItemPriceContainerDefault--yeLzN .durationItemPriceContainerSaleCrosPrice--iJ7NR {
    margin-left: 5px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: line-through;
    color: var(--app-text-primary)
}

.durationItemPriceContainerDefault--yeLzN .durationItemPriceContainerMinText--m9hul {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-text-primary)
}

.durationItemPriceContainerNewUser--epb2U {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    border-radius: var(--duration-item-price-container-border-radius);
    background-color: var(--duration-item-price-container-background-color);
    color: app(--app-text-primary);
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px
}

.durationItemPriceContainerNewUser--epb2U .durationItemPriceContainerPrice--MBHsQ {
    font-size: 14px;
    font-weight: 700;
    color: var(--app-color)
}

.durationItemPriceContainerNewUser--epb2U .durationItemPriceContainerSalesPrice--wS3iW {
    font-size: 9px;
    font-weight: 700;
    color: var(--app-color)
}

.durationItemPriceContainerNewUser--epb2U .durationItemPriceContainerSaleCrosPrice--iJ7NR {
    margin-left: 2px;
    font-size: 9px;
    font-weight: 600;
    text-decoration: line-through;
    color: var(--app-text-primary)
}

.durationItemPriceContainerNewUser--epb2U .durationItemPriceContainerMinText--m9hul {
    font-size: 10px;
    font-weight: 600;
    color: var(--app-text-primary)
}

.newUserPaygPriceContainer--KS_oY {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    border-radius: 8px;
    background-color: var(--background-secondary);
    padding: 3px 16px;
    color: app(--app-text-primary);
    margin-bottom: 30px
}

.newUserPaygPrice--h9oiR {
    font-size: 20px;
    font-weight: 700;
    color: var(--app-color)
}

.newUserPaygMinText--O0Yuh {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-text-primary)
}

.newUserPaygSalesPrice--HDb4a {
    font-size: 20px;
    font-weight: 700;
    color: var(--app-color)
}

.newUserPaygSaleCrosPrice--nhdbX {
    margin-left: 5px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: line-through
}

.durationItemDiscountLabelContainer--t1EW4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
    gap: 5px
}

.durationItemDiscountLabelTitle--q8QOI {
    font-size: 14px;
    font-weight: 400;
    color: var(--mbw-text-primary)
}

.durationItemMaxDiscountLabelImgTextContainer--SXPlr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--app-color);
    border-radius: 16px;
    padding: 4px 6px 4px 6px
}

.durationItemMaxDiscountLabelTitle--r4EfM {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: var(--app-white)
}

.durationItemMaxDiscountLabelImg--ND6mL {
    width: 14px !important;
    height: 14px;
    margin-right: 2px
}

.durationItemDiscountLabelImgTextContainer--hogsa {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.durationItemDiscountLabelImg--EpqGM {
    width: 16px !important;
    height: 16px;
    margin-right: 2px
}

.durationItemDiscountLabelText--wE5FJ {
    font-size: 12px;
    font-weight: 700;
    color: var(--app-color);
    line-height: 16px
}

.newUserPaygBonusLabelsHolder--Zupjh {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: .5px solid var(--border-primary);
    width: 90%;
    padding: 24px;
    margin-bottom: 20px;
    gap: 12px
}

@media only screen and (max-width: 1080px) {
    .newUserPaygBonusLabelsHolder--Zupjh {
        padding:16px;
        margin-bottom: 15px
    }
}

.newUserPaygBonusLabelsHolderCentered--ZINtK {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: .5px solid var(--border-primary);
    width: 90%;
    padding: 24px;
    margin-bottom: 20px;
    gap: 12px
}

@media only screen and (max-width: 1080px) {
    .newUserPaygBonusLabelsHolderCentered--ZINtK {
        padding:16px;
        margin-bottom: 15px
    }
}

.newUserPaygBonusLabelsHolderCentered--ZINtK {
    align-items: center
}

.newUserPaygBonusLabelContainer--v8tMu {
    display: flex;
    align-items: center
}

.newUserPaygBonusLabelImg--l53nw {
    width: 30px;
    height: 30px
}

.newUserPaygBonusLabelTextContainer--fyJuH {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 8px
}

.newUserPaygBonusLabelText--jq_IM {
    color: var(--app-color);
    font-size: 16px;
    font-weight: 700
}

@media only screen and (max-width: 1080px) {
    .newUserPaygBonusLabelText--jq_IM {
        font-size:15px
    }
}

.newUserPaygBonusLabelSubText--CHTSv {
    color: #8c909c;
    font-size: 12px;
    font-weight: 400
}

.freeMinLabelContainer--pzFZh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0 0;
    inline-size: -moz-max-content;
    inline-size: max-content;
    background-color: rgba(0,0,0,0)
}

.freeMinTextContainer--M5ejw {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    gap: 2px;
    color: var(--duration-option-xfm-label-color)
}

.freeMinIcon--Nwy_I {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1080px) {
    .freeMinIcon--Nwy_I {
        width:16px;
        height: 16px
    }
}

.durationItemPaygTitleSubtitleContainer--oy6H8 {
    display: flex;
    flex-direction: column
}

.notInLiveModeContainer--hB9nT {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

dialog.notInLiveModePopover--mAR57 {
    padding: 30px
}

.title--nXYNq {
    font-size: 1.125rem;
    text-align: center;
    font-weight: 400;
    padding: 0 1rem
}

.btn--d3HP2 {
    width: 100%;
    border: 1px solid #dfe2ef;
    border-radius: .5rem;
    background: #fff;
    outline: none;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.063rem;
    padding: .688rem 0;
    cursor: pointer
}

dialog.alertModal--QLdVE {
    padding: 1.5rem 1rem 1rem 1rem;
    width: 21.438rem;
    row-gap: 1.25rem
}

@keyframes animation-bzdot9--jLa9H {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.advisorBonusForMobileAppContainer--TTg4S {
    height: 100%
}

.advisorBonusForMobileAppContainer--TTg4S .container--H1_FT {
    overflow: hidden
}

.container--H1_FT.advisorBonusPopupContainer--mxSPd {
    background: none
}

.container--H1_FT.advisorBonusPopupContainer--mxSPd .bonusContent--TQBf3 {
    justify-content: start
}

@media only screen and (max-height: 900px) {
    .container--H1_FT.advisorBonusPopupContainer--mxSPd .footerContainer--abxGd {
        background-color:rgba(0,0,0,0)
    }
}

.container--H1_FT {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--app-background-color);
    height: 100%
}

.bonusInfoContainer--EFosC {
    max-width: 400px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 20px;
    min-width: 325px;
    height: 100%
}

@media only screen and (max-height: 666px) {
    .bonusInfoContainer--EFosC {
        justify-content:start
    }
}

.bonusContent--TQBf3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    max-height: 449px;
    height: 100%;
    width: 100%
}

@media only screen and (max-height: 666px) {
    .bonusContent--TQBf3 {
        justify-content:start
    }
}

.containerWithIcon--ouBUO {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.advisorTitleContainer--IblZS {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--app-text-primary);
    min-height: 60px
}

.advisorTitleContainer--IblZS .advisorTitleText--Kb71S {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    text-align: center
}

.advisorTitleContainer--IblZS .subtitleText--lcoun {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    width: 60%;
    text-align: center
}

.bonusListContainer--YjgVB {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 20px 0;
    min-height: 133px
}

.bonusListContainer--YjgVB .bonusItem--GOgd5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 133px;
    gap: 4px;
    width: 109px;
    border: 1px solid var(--app-offer-expired-border-color);
    flex-direction: column;
    border-radius: 10px
}

.bonusListContainer--YjgVB .bonusItem--GOgd5.active--RXWp9 {
    border: 2px solid #90e05c
}

@media only screen and (max-width: 350px) {
    .bonusListContainer--YjgVB .bonusItem--GOgd5 {
        width:103px
    }
}

.bonusListContainer--YjgVB .bonusIcon--UZgAP {
    width: 75px;
    height: 75px
}

.bonusListContainer--YjgVB .bonusAmount--XDumU {
    font-size: 17px;
    line-height: 22px;
    color: var(--app-text-primary);
    font-weight: 700
}

.balanceContainer--codDa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    height: 60px
}

.balanceContainer--codDa .balanceValue--LuDQe {
    font-size: 15px;
    font-weight: 600;
    color: var(--app-text-primary);
    line-height: 20px;
    margin-bottom: 5px
}

.balanceContainer--codDa .balanceText--O9YWu {
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    color: var(--app-text-secondary)
}

.footerContainer--abxGd {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    background-color: var(--app-background-color);
    justify-content: center;
    gap: 20px;
    max-width: 343px;
    height: 135px
}

.footerContainer--abxGd .skipButton--ECrVi button {
    background-color: rgba(0,0,0,0);
    height: 32px
}

.footerContainer--abxGd .footer--NAs4u {
    font-size: 10px;
    text-align: center;
    color: var(--app-text-secondary);
    padding: 0px 40px 20px;
    line-height: 14px
}

.advisorAvatarContainer--E2mLc {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.advisorAvatarContainer--E2mLc .mbw-avatar-round-container--G_euo {
    display: flex;
    align-items: center;
    justify-content: center
}

.skeleton--cl3vb {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--jLa9H 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.skeleton--cl3vb * {
    display: none
}

.bonusSentPopoverContainer--SvBAB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--app-background-color)
}

.bonusSentPopoverIconContainer--NbYDP {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.bonusSentPopoverIcon--jd80d {
    width: 40px;
    height: 40px
}

.bonusSentTextContainer--hwT7s {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.bonusSentTitle--whkkw {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    color: var(--app-text-primary)
}

.bonusSentText--lrrcY {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 20px;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 400;
    color: var(--app-text-primary)
}

.bonusSentPopoverOkButtonContainer--Fu2XB,.processingPopoverOkButtonContainer--NPqU1 {
    display: flex;
    width: 100%;
    margin-top: 24px
}

.bonusSentPopoverOkButton--dx8zb {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    background-color: var(--app-color);
    color: #fff;
    border: 1px solid var(--app-border-light-gray)
}

.advisorBonusSourceImg--x9E8h {
    width: 48px;
    height: 32px
}

.advisorBonusSourceImgGP--QQiLB {
    width: 55px;
    height: 100%
}

@media only screen and (max-width: 1080px) {
    .advisorBonusSourceImgGP--QQiLB {
        width:50px
    }
}

.advisorBonusSourceTextApplePay--TJn59 {
    margin-left: 5px;
    margin-right: 5px
}

.advisorBonusSourceTextPayPal--acA8j {
    margin-left: 10px;
    margin-right: 10px
}

.advisorBonusSourceTextGooglePay--dI_8g {
    margin-left: 5px;
    margin-right: 5px
}

.bonusSentPopoverErrorContainer--QjGKA,.processingPopoverErrorContainer--NCJ4Z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--app-background-secondary-color)
}

.bonusSentPopoverErrorIconContainer--wZ0sI {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.bonusSentPopoverErrorIcon--QEmPs {
    width: 40px;
    height: 40px
}

.forMobileBuyBtnContainer_cc--mt0vH,.forMobileBuyBtnContainer_am--UqGTr {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-white);
    height: 44px;
    font-weight: 700;
    font-size: 16px
}

.forMobileBuyBtnContainer_pp--Et7wi,.forMobileBuyBtnContainer_gp--ty5hW {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mbw-text-primary);
    background-color: var(--app-white);
    height: 44px;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid var(--app-border-primary-color)
}

.forMobileBuyBtnContainer_ap--UXbnY {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-background-color);
    background-color: var(--app-text-primary);
    height: 44px;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid var(--app-border-primary-color)
}

.userProcessingPopoverContainer--VCun9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff
}

.userProcessingPopoverContainer--VCun9 .userProcessingPopoverTextContainer--TkdQ8 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.userProcessingPopoverContainer--VCun9 .userProcessingPopoverSkipButtonContainer--a_JYB button {
    background-color: #000
}

.processingPopoverErrorContainer--NCJ4Z .bonusSentPopoverOkButton--dx8zb,.bonusSentPopoverErrorContainer--QjGKA .bonusSentPopoverOkButton--dx8zb {
    border: none
}

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

.disableBuyButton--_Xzy6 {
    background-color: var(--app-disabled-btn-color);
    pointer-events: none
}

.processApplePayMobileProcessingStatusHolder--fSqgs {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--app-overlay-black)
}

.processApplePayMobileProcessingStatusContainer--xTQ7A {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 450px;
    background-color: var(--app-background-secondary-color);
    overflow: hidden;
    border-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

@keyframes animation-bzdot9--92qmr {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--KH87V {
    min-width: 100%
}

.chatEndedContainer--SEhd2 {
    width: 100%;
    height: 100%;
    min-width: 500px
}

.titleContainer--i6BcJ {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.titleContainer--i6BcJ h4 {
    color: #fff
}

.discountBlock--YjSS8 {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 20px;
    width: 100%;
    margin: 0 auto 30px
}

.titleContainerBrowser--WTi2B {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.titleContainerBrowser--WTi2B h4 {
    color: #020202;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0px
}

.hangupErrorBlock--PZWD4 {
    text-align: center;
    color: var(--app-error-red);
    border: 1px solid var(--app-error-red);
    width: 90%;
    max-width: 440px;
    padding: 4px;
    border-radius: 30px;
    margin: 20px auto 0
}

.hangupError--B8h5h {
    color: var(--app-error-red);
    font-size: 14px;
    padding: 5px
}

.alertBlock--BHam5 {
    text-align: center
}

.alert--yDA0R {
    color: var(--app-error-red);
    font-size: 17px
}

.alertHint--bF6nZ {
    opacity: .8;
    font-size: 13px
}

.totalWrapper--ufAhB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.totalLabel--xiEeY {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.totalValue--iTijP {
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px
}

.totalHint--NubPp {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.totalHintHighlighted--DWWvU {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    color: var(--mbw-success-color)
}

.descriptionDataBrowser--GrQN_ {
    font-weight: 700
}

.smallBlockLine--WIK3P {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    font-size: 15px
}

.smallBlockLabel--q4j_b {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.smallBlockValue--GRQbW {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: var(--mbw-success-color)
}

.chatInfoContainer--bNz1W {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    font-size: 2rem
}

.chatInfoContainer--bNz1W div {
    line-height: 1.6rem;
    margin-bottom: 8px
}

.chatInfoContainerBrowser--eTe2b {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    font-size: 24px
}

.doneButtonContainer--UXkun {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.doneButtonContainerBrowser--F0wIQ {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px
}

.closeAction--PZjYI {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    outline: none;
    border: none;
    cursor: pointer
}

.descriptionText--TN4Qq {
    font-size: 10px
}

.descriptionTextBrowser--uQkcb {
    font-size: 14px
}

.doneBtn--O6ufI {
    padding: .5em 7em;
    border: 1px solid #fff;
    border-radius: 4px;
    background: hsla(0,0%,100%,0);
    outline: none
}

.doneBtnBrowser--llCuC {
    border: none;
    outline: none;
    border-radius: var(--app-default-btn-lg-border-radius);
    background: var(--app-color);
    color: #fff;
    margin: 20px;
    width: 100%;
    cursor: pointer;
    height: 44px;
    outline: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

dialog.chatEndedPopupContainer--yqWsc {
    overflow: visible;
    min-width: 500px;
    min-height: 382px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px
}

@media only screen and (max-width: 1080px) {
    dialog.chatEndedPopupContainer--yqWsc {
        padding-bottom:0px;
        min-width: 0;
        min-width: initial;
        min-height: 0;
        min-height: initial;
        width: 90%
    }
}

.chatEndedRateReviewPopupContainer--Sz2SD {
    border-radius: 20px;
    overflow: visible;
    min-width: 300px;
    min-height: 645px;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    .chatEndedRateReviewPopupContainer--Sz2SD {
        padding-bottom:0px;
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }
}

@media only screen and (max-width: 1080px) {
    .chatEndedRateReviewPopupContainer--Sz2SD .generalContainer--xhAQT {
        height:100%
    }
}

.chatEndedRateReviewPopupContainer--Sz2SD .generalHolder--gTWO8 {
    height: 100%
}

@keyframes animation-bzdot9--IwotL {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.downloadAppPopupContentContainer--lp5T6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    max-width: 355px
}

.downloadAppPopupTitle--ydVeF {
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px
}

.downloadAppPopupTitle--ydVeF {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.logoContainer--_YpO4 {
    display: flex;
    justify-content: center;
    align-items: center
}

.logoImg--Pb9YV {
    width: 62px;
    height: 62px
}

.mobileBonusPopupBackgroundImgContainer--rk5b9 {
    padding-top: 20px
}

.mobileBonusPopupBackgroundImg--Nm24g {
    width: 100%;
    mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 75%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 75%, transparent 100%)
}

.downloadAppPopupText--wjSHm {
    white-space: pre-wrap;
    text-align: center;
    margin: 0 20px
}

.boldText--VQuIN {
    font-weight: 700
}

.normalText--_q2G1 {
    font-weight: 400
}

.purpleText--F7Jav {
    font-weight: 700;
    color: var(--app-color)
}

.downloadAppPopupCloseContainer--cViRR {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.downloadAppPopupCloseBtn--E9rKR {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    margin-top: 0
}

.downloadAppPopupCloseImg--U57uv {
    width: 18px;
    height: 18px;
    cursor: pointer
}

.downloadAppPopupCloseImg--U57uv:hover {
    cursor: pointer
}

.desktopContentContainer--mOsLD {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 23px
}

.qrCodeContainer--NWsi1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.backgroundImg--U1iNC {
    width: 100%
}

.qrCodeIcon--pT02Q {
    width: 19px;
    padding-right: 7px
}

.qrCodeText--qI6QE {
    font-size: 13px
}

.qrCodeTextContainer--ryb_v {
    white-space: pre-wrap;
    display: flex;
    align-items: center
}

.downloadAppPopupLink--vWmJV,.downloadAppPopupLink--vWmJV:hover,.downloadAppPopupLink--vWmJV:active,.downloadAppPopupLink--vWmJV:focus {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 25px
}

.bonusDownloadAppPopupLink--ec6Mk,.bonusDownloadAppPopupLink--ec6Mk:hover,.bonusDownloadAppPopupLink--ec6Mk:active,.bonusDownloadAppPopupLink--ec6Mk:focus {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    max-width: 300px
}

@media only screen and (max-width: 1080px) {
    .bonusDownloadAppPopupLink--ec6Mk,.bonusDownloadAppPopupLink--ec6Mk:hover,.bonusDownloadAppPopupLink--ec6Mk:active,.bonusDownloadAppPopupLink--ec6Mk:focus {
        bottom:20px
    }
}

@keyframes animation-bzdot9--UXOcH {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.feedbackSwitcherContainer--LSwmy {
    display: flex;
    align-items: center;
    justify-content: center
}

.negativeFeedbackButtonDEFAULT--zn0JW {
    background-color: rgba(0,0,0,0);
    border: solid 1px #d3d3d3;
    height: 38px;
    max-width: 165px;
    width: 35vw;
    cursor: pointer;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.positiveFeedbackButtonDEFAULT--LPa4Z {
    background-color: rgba(0,0,0,0);
    border: solid 1px #d3d3d3;
    height: 38px;
    max-width: 165px;
    width: 35vw;
    cursor: pointer;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.negativeFeedbackButtonDEFAULT--zn0JW:focus,.negativeFeedbackButtonDEFAULT--zn0JW:hover,.positiveFeedbackButtonDEFAULT--LPa4Z:focus,.positiveFeedbackButtonDEFAULT--LPa4Z:hover {
    border-color: #d3d3d3
}

.negativeFeedbackButtonCHATENDED--Sr5h7 {
    background-color: rgba(0,0,0,0);
    border: solid 1px #d3d3d3;
    height: 44px;
    max-width: 165px;
    width: 120px;
    cursor: pointer;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.positiveFeedbackButtonCHATENDED--vX7N4 {
    background-color: rgba(0,0,0,0);
    border: solid 1px #d3d3d3;
    height: 44px;
    max-width: 165px;
    width: 120px;
    cursor: pointer;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.negativeFeedbackButtonCHATENDED--Sr5h7:focus,.negativeFeedbackButtonCHATENDED--Sr5h7:hover,.positiveFeedbackButtonCHATENDED--vX7N4:focus,.positiveFeedbackButtonCHATENDED--vX7N4:hover {
    border-color: #d3d3d3
}

.smileyIconDEFAULT--u_mQ6 {
    width: 27px;
    height: 27px
}

.smileyIconCHATENDED--aFkCW {
    width: 31px;
    height: 31px
}

.inputArea--DEfxn {
    width: 100%;
    background-color: #fff;
    resize: none;
    max-height: 200px !important;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: 0
}

.inputArea--DEfxn:focus,input:focus {
    border: 1px solid #d9d9d9;
    box-shadow: none;
    resize: none;
    max-height: 200px !important
}

.inputArea--DEfxn:hover,input:hover {
    border: 1px solid #d9d9d9;
    box-shadow: none;
    resize: none;
    max-height: 200px !important
}

.divider--CeA6i {
    width: 100%;
    height: 1px;
    background-color: #b9b9b9
}

.rateReviewContainer--q0z29 {
    padding-top: 40px;
    padding-bottom: 30px
}

@media only screen and (max-width: 1080px) {
    .rateReviewContainer--q0z29 {
        max-width:358px
    }
}

.reviewSectionContainer--KUzdf {
    background-color: #f9f9f9;
    padding-left: 1.5em;
    padding-right: 1.5em;
    width: 100%
}

.rateReviewSectionTitle--nd0tq {
    margin-top: 15px;
    color: var(--app-black)
}

.advisorNameText--IrjAj {
    font-weight: 700;
    color: var(--app-black)
}

.submitButton--NHGnE {
    background-color: var(--app-color);
    width: 100%;
    height: 44px;
    color: #fff;
    border-radius: var(--app-default-btn-sm-border-radius);
    border: none;
    cursor: pointer
}

.submitButton--NHGnE:focus,.submitButton--NHGnE:hover {
    color: #fff;
    background-color: var(--app-color);
    border-color: var(--app-color)
}

.submitButtonLoading--d708q {
    background-color: var(--app-color);
    width: 100%;
    height: 44px;
    border-radius: var(--app-default-btn-sm-border-radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.starImage--kbK5W {
    width: 65px;
    height: 55.5px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    position: relative;
    top: 3px
}

.skipButtonContainer--PmLxD {
    display: flex;
    justify-content: center
}

.skipButton--Js01J,.skipButton--Js01J:hover,.skipButton--Js01J:focus {
    color: var(--app-color);
    border: none;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

.skipTopButtonContainer--Wy2dk {
    position: absolute;
    right: 5px;
    top: 30px
}

.skipTopButton--kd0SR,.skipTopButton--kd0SR:hover,.skipTopButton--kd0SR:focus {
    color: var(--app-text-secondary);
    border: none;
    background-color: rgba(0,0,0,0);
    font-size: 12px
}

.flexDiv--ovJQ7 {
    display: flex;
    align-items: center;
    justify-content: center
}

.rateReviewCHATENDED--qtquS {
    margin-top: 10px;
    margin-bottom: 10px
}

.rateSectionDEFAULT--MxLbi {
    color: #000;
    margin-left: 20px;
    margin-right: 20px
}

.rateSectionChatEndedContainer--FSsAu {
    color: #000;
    margin-left: 20px;
    margin-right: 20px
}

.chatEndedTitle--Ux4MG {
    font-size: 17px;
    font-weight: 500
}

.chatEndedSubTitle--i2fPk {
    font-size: 13px;
    color: #949494;
    text-align: center
}

.smallModalContentContainer--SfFVy {
    color: #000;
    margin-top: 5px
}

dialog.rateReviewChatEndedPopoverContainer--yahX0 {
    padding: 35px 0;
    min-height: 645px
}

dialog .rateReviewChatEndedPopoverContent--NjDoi {
    border-radius: 20px;
    overflow: visible;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    dialog.rateReviewPopover--LWayb {
        max-width:358px
    }
}

@keyframes animation-bzdot9--FhaRV {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--ysbYw {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #000
}

.freeSetupFadeOut--Euqeg {
    margin-right: 7px;
    width: 13px;
    height: 13px;
    transition: opacity .5s;
    opacity: 0
}

.freeSetupFadeIn--fMbC0 {
    margin-right: 7px;
    width: 13px;
    height: 13px;
    transition: opacity .5s;
    opacity: 1
}

.callAnimation--QJsOc {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
    z-index: 5
}

.voiceContainer--TFoIh {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-color: #000;
    justify-content: center;
    display: flex
}

.backgroundImage--q65nS {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.voiceOverlay--ar03z {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    position: absolute
}

.muteActiveButton--xBmQe {
    width: 66px;
    height: 66px;
    border-radius: 33px;
    justify-content: center;
    align-items: center;
    background-color: #5ac3eb;
    border: none
}

.muteNotActiveButton--bcMmt {
    width: 66px;
    height: 66px;
    border-radius: 33px;
    justify-content: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.26);
    border: none
}

.muteIcon--P_36G {
    width: 27px;
    height: 40px
}

.controlsContainer--Oaga5 {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    padding-bottom: 15px;
    padding-top: 15px;
    background: linear-gradient(to top, black, transparent 100%)
}

.controlsHolder--h6FE3 {
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

.hangupButton--TVgoP {
    width: 66px;
    height: 66px;
    border-radius: 33px;
    justify-content: center;
    align-items: center;
    background-color: #db533c;
    margin-right: 27px;
    border: none
}

.hangupIcon--QcFss {
    width: 38px;
    height: 14px
}

.timer--PXLUu {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 15px
}

.reconnectLabel--_YKG2 {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 120px
}

.setupLabel--vNCt0 {
    font-size: 1rem;
    color: #fff
}

.publisherContainer--XsFsw {
    position: absolute;
    top: 28px;
    right: 15px;
    border-radius: 5px;
    border-width: 1.5px;
    border: solid;
    border-color: #b4b1ab;
    overflow: hidden;
    height: 150px;
    width: 100px;
    background-color: #000
}

.timerWrapper--uiybI {
    background-color: rgba(0,0,0,.5);
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 1rem;
    color: #fff
}

*:focus {
    outline: 0 !important
}

.nameAndDiscountLabelContainer--uxfkc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width: 1080px) {
    .nameAndDiscountLabelContainer--uxfkc {
        margin-top:15px;
        margin-bottom: 15px
    }
}

.callWithContainer--h5iEC {
    color: var(--app-white);
    font-size: 15px;
    font-weight: 400
}

@media only screen and (max-width: 1080px) {
    .callWithContainer--h5iEC {
        font-size:14px
    }
}

.nameText--KLE65 {
    color: var(--app-white);
    font-size: 22px;
    font-weight: 700;
    margin-top: 5px
}

@media only screen and (max-width: 1080px) {
    .nameText--KLE65 {
        font-size:18px
    }
}

.discountLabelContainer--La1mb {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.discountLabelImg--dkvt7 {
    width: 16px;
    height: 16px
}

.discountLabelText--aFzPc {
    color: var(--app-white);
    font-size: 15px;
    font-weight: 700;
    margin-left: 3px
}

@media only screen and (max-width: 1080px) {
    .discountLabelText--aFzPc {
        font-size:14px
    }
}

.OTSubscriberContainer {
    width: 100vw !important;
    height: 100vh !important;
}

.OTPublisherContainer {
    width: 100%;
    height: 100%;
}

.container--UPb7t {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    display: flex
}

.squares--NKpJw {
    width: 64px;
    height: 64px;
    pointer-events: none
}

.squareGif--j1qRM {
    width: 64px;
    height: 64px;
    pointer-events: none;
    background-image: url(/ca_packs/media/src/app/components/square_animation/img/square-2e0af72dec4e73da9419..gif);
    background-size: cover
}

@keyframes animation-bzdot9--NQ1St {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--bcChk {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    z-index: 10
}

.frameOut--KEQFG {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    border: solid 2px rgba(255,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: outAnimation--gTl9U 3s infinite
}

.frameMid--w5lCG {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: solid 2px rgba(255,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: midAnimation--Q0Seg 3s infinite
}

.frameIn--BdIVf {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border: solid 2px rgba(255,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: inAnimation--nE7sf 3s infinite
}

@keyframes inAnimation--nE7sf {
    0% {
        border-color: rgba(121,121,121,0)
    }

    33% {
        border-color: rgba(121,121,121,.75)
    }
}

@keyframes midAnimation--Q0Seg {
    0% {
        border-color: rgba(121,121,121,0)
    }

    66% {
        border-color: rgba(121,121,121,.5)
    }
}

@keyframes outAnimation--gTl9U {
    0% {
        border-color: rgba(121,121,121,0)
    }

    100% {
        border-color: rgba(121,121,121,.25)
    }
}

.profilePicture--fSBvS {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    border-color: var(--color);
    border-width: 2px;
    border-style: solid
}

.contactingContainer--GOKm4 {
    margin-top: 20px;
    text-align: center;
    font-size: 20px
}

.contacting--pfmVi {
    font-size: 12px
}

.buttonContainer--uD0Dr {
    width: 100%;
    position: absolute;
    bottom: 3em;
    display: flex;
    justify-content: center
}

.button--cuj8J {
    width: 70px;
    height: 70px;
    background: red;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.button--cuj8J:hover {
    background: #b20000
}

.hangingUp--P2KxB {
    background: #b20000
}

.buttonImage--SFIFb {
    width: 25px;
    height: 25px
}

.voipButtonImage--UHjKG {
    width: 38px;
    height: 14px
}

.blurImage--jk255 {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -2;
    filter: blur(7px)
}

.overlay--S4ElD {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0,0,0,.5)
}

.publisherContainer--ZMLCw {
    position: absolute;
    top: 28px;
    right: 15px;
    border-radius: 5px;
    border-width: 1.5px;
    border: solid;
    border-color: #b4b1ab;
    overflow: hidden;
    height: 150px;
    width: 100px;
    background-color: #000
}

@keyframes reveal--LmCI5 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes pulse--Ulprv {
    0% {
        transform: scale(0.9)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.9)
    }
}

.timerContainer--XTa86 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.timerHighlightedContainer--HCJja {
    position: relative;
    animation: pulse--Ulprv 2s infinite;
    display: flex;
    justify-content: center;
    align-items: center
}

.timerAnimation--IK3eQ {
    stroke-dashoffset: var(--strokeValue);
    stroke-dasharray: var(--strokeValue);
    animation: reveal--LmCI5 60s linear infinite
}

.timerTextColumnContainer--HZJ2L {
    display: flex;
    flex-direction: column;
    position: absolute;
    text-align: center;
    top: 9px;
    line-height: 10px;
    gap: 1px;
    font-weight: 600;
    justify-content: center;
    align-items: center
}

.timerTextColumnContainer--HZJ2L .timerMin--XagFM {
    font-size: .625em;
    color: var(--mbw-success-color)
}

.timerTextColumnContainer--HZJ2L .timerMinDuration--R38qN {
    font-size: .935em;
    color: var(--mbw-success-color)
}

.timerTextColumnContainer--HZJ2L .timerSecDuration--WAaYD {
    font-size: .935em;
    color: var(--mbw-warning-color)
}

.timerTextColumnContainer--HZJ2L .timerSec--Ow8Q9 {
    font-size: .625em;
    color: var(--mbw-warning-color)
}

.timerTextRowContainer--Gc37d {
    display: flex;
    flex-direction: row;
    position: absolute;
    gap: 3px;
    font-weight: 600;
    text-align: center;
    justify-content: center;
    align-items: center
}

.timerTextRowContainer--Gc37d .timerMin--XagFM {
    font-size: .875em;
    color: var(--mbw-success-color)
}

.timerTextRowContainer--Gc37d .timerMinDuration--R38qN {
    font-size: .935em;
    color: var(--mbw-success-color)
}

.timerTextRowContainer--Gc37d .timerSecDuration--WAaYD {
    font-size: .935em;
    color: var(--mbw-warning-color)
}

.timerTextRowContainer--Gc37d .timerSec--Ow8Q9 {
    font-size: .875em;
    color: var(--mbw-warning-color)
}

.freeTimeContainer--EKbSo {
    display: flex;
    flex-direction: column;
    text-align: end
}

.freeTimeDuration--Rp_Vl {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--mbw-success-color)
}

.freeTimeText--SBu2o {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    color: #8c909c
}

.freeTimeVoipContainer--MdtRs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 20px
}

.callStatusDotImg--m9Yri {
    display: flex;
    align-self: center;
    justify-self: center;
    width: 8px;
    height: 8px;
    margin-right: 5px
}

.freeTimeVoipText--pHhAS {
    display: flex;
    align-self: center;
    justify-self: center;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff
}

.container--dFJmV {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 7px;
    column-gap: 7px
}

.indicator--ct6cp {
    opacity: 0;
    animation: fadein--fZ2gP .5s ease-in alternate infinite
}

@keyframes fadein--fZ2gP {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animation-bzdot9--GFZOi {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.layout--FJB0O {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 100
}

.callingScreen--a4MuA {
    background: var(--app-overlay-black);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

dialog .purchaseDetailsPopupContent--xVV8d {
    width: 475px;
    border-radius: 24px
}

@media screen and (max-width: 48rem) {
    dialog .purchaseDetailsPopupContent--xVV8d {
        width:auto
    }
}

.chatContainerMobile--Q983E {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f6f6f6
}

.chatContainerBrowser--AAxvo {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    max-width: 920px;
    min-width: 366px;
    width: 100%;
    height: 75%;
    max-height: 667px;
    border-radius: 8px;
    overflow: hidden
}

.chatHeaderContainer--fNujW {
    position: sticky;
    top: 0;
    z-index: 999999;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    flex-shrink: 0;
    padding: 4px 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.chatHeaderContainer--fNujW .avatar--bKgRS {
    margin-right: .5em;
    margin-left: .5em
}

.chatHeaderContainerBrowser--vQIG8 {
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 10;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    flex-shrink: 0;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.chatHeaderContainerBrowser--vQIG8 .avatar--bKgRS {
    margin-right: .5em;
    margin-left: .5em
}

.chatHeader--ElOc1 {
    display: flex;
    align-items: center;
    width: 100%
}

.chatMessagesContainer--bq4Bh>:first-child {
    margin-top: auto !important
}

.chatMessagesContainer--bq4Bh {
    width: 100%;
    flex: 12 1;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
    align-self: center;
    justify-self: center;
    border: solid #e7e7e7 1px;
    border-bottom: none;
    background-color: #fff
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .chatMessagesContainer--bq4Bh {
        max-width:1000px
    }
}

@media only screen and (min-width: 1920px) {
    .chatMessagesContainer--bq4Bh {
        max-width:1700px
    }
}

.chatBaseBubbleContainer--eA45g {
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 17px
}

.chatSystemMessageContainer--wbA5q {
    display: flex;
    flex-shrink: 0;
    position: relative;
    align-items: flex-start;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 90%;
    align-self: center
}

@media only screen and (max-width: 1080px) {
    .chatSystemMessageContainer--wbA5q {
        max-width:100%
    }
}

.chatSystemMessageContainer--wbA5q .chatSystemBubbleContainer--BiL4O {
    background: #e8f3f6;
    border: 1.2px dashed #98cbd9;
    color: #000
}

.chatSystemMessageContainer--wbA5q .chatSystemBubbleContainer--BiL4O p {
    margin-bottom: 0;
    color: #000
}

.chatSystemMessageContainer--wbA5q .chatSystemBubbleContainer--BiL4O ul {
    display: flex;
    flex-direction: column;
    margin: 0
}

.chatSystemMessageContainer--wbA5q .chatSystemBubbleContainer--BiL4O ul :last-child {
    padding-bottom: 0
}

.chatSystemMessageContainer--wbA5q .chatSystemBubbleContainer--BiL4O li {
    padding-bottom: 15px
}

.chatOwnMessageContainer--C7C3S {
    display: flex;
    flex-shrink: 0;
    position: relative;
    align-items: flex-start;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    justify-content: flex-end;
    max-width: 80%;
    align-self: flex-end
}

@media only screen and (max-width: 1080px) {
    .chatOwnMessageContainer--C7C3S {
        margin-right:.5em
    }
}

.chatOwnMessageContainer--C7C3S .chatOwnBubbleContainer--l7Rug {
    background: var(--app-color);
    color: #fff;
    margin-right: 4px
}

.chatAdvisorMessageContainer--jwmc8 {
    display: flex;
    flex-shrink: 0;
    position: relative;
    align-items: flex-start;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
    max-width: 80%;
    align-self: flex-start
}

@media only screen and (max-width: 1080px) {
    .chatAdvisorMessageContainer--jwmc8 {
        margin-left:.5em
    }
}

.chatAdvisorMessageContainer--jwmc8 .chatAdvisorBubbleContainer--_DfXK {
    background: #ededed;
    color: #000;
    margin-left: 4px
}

.avatar--bKgRS {
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%
}

.bubbdleText--PUOSa {
    max-width: 100%;
    padding: 20px;
    overflow-wrap: break-word;
    white-space: pre-line;
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .bubbdleText--PUOSa {
        padding:15px
    }
}

.formContainer--LzD2M {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    row-gap: .75rem;
    background: #f4f4f4;
    border-top: 1px solid #e5e5e5;
    flex-shrink: 0
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .formContainer--LzD2M {
        max-width:1000px
    }
}

@media only screen and (min-width: 1920px) {
    .formContainer--LzD2M {
        max-width:1700px
    }
}

@media only screen and (max-width: 1080px) {
    .formContainer--LzD2M {
        padding:1rem
    }
}

.chatSendContainer--__toO {
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.chatSendContainer--__toO .chatSendArea--vzCQ5 {
    flex-grow: 1;
    border: 1px solid #eaeaea;
    outline: 0;
    padding: .75rem 1rem;
    height: 3rem;
    border-radius: .5rem
}

.chatSendContainer--__toO textarea:-moz-placeholder {
    overflow: visible;
    width: 100%
}

.chatSendContainer--__toO textarea:placeholder-shown {
    overflow: visible;
    width: 100%
}

.chatSendContainer--__toO .sendBtn--_XfB9 {
    display: block;
    flex-shrink: 0;
    font-size: 13px;
    color: rgba(0,0,0,.25);
    background: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    box-shadow: none;
    border-radius: var(--app-default-btn-sm-border-radius);
    border: none;
    padding: 5px
}

.chatSendContainer--__toO .sendBtn--_XfB9:enabled {
    display: block;
    flex-shrink: 0;
    font-size: 13px;
    color: rgba(0,0,0,.25);
    background: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    box-shadow: none;
    border-radius: var(--app-default-btn-sm-border-radius);
    border: none;
    padding: 5px;
    background: var(--app-color);
    color: #fff;
    cursor: pointer
}

.typingContainer--DKwZ9 {
    width: 100%;
    min-height: 40px;
    font-size: 10px;
    padding-left: 2.8em;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media only screen and (max-width: 1080px) {
    .typingContainer--DKwZ9 {
        padding-left:.8em
    }
}

.nickname--jMqW_ {
    margin-left: .5em
}

.hangupBtn--EGCTW {
    padding: .5em 1em;
    border: 1px solid var(--app-color);
    color: var(--app-color);
    border-radius: var(--app-default-btn-xs-border-radius);
    background: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    cursor: pointer
}

@media only screen and (max-width: 1080px) {
    .hangupBtn--EGCTW {
        font-size:11px
    }
}

.hangupBtn--EGCTW {
    outline: 0
}

.hangupImg--g1X0l {
    margin-right: 4px
}

.advisorTimeToken--t4QLW {
    font-size: 12px;
    float: right;
    text-align: end;
    padding-left: .3rem;
    padding-bottom: .3rem;
    position: relative;
    bottom: -0.5rem;
    color: #868686
}

.clientTimeToken--xWb3x {
    font-size: 12px;
    float: right;
    text-align: end;
    padding-left: .3rem;
    padding-bottom: .3rem;
    position: relative;
    bottom: -0.5rem;
    color: #d1bcff
}

.advisorNameText--yJ7yN {
    color: #000;
    font-size: 16px
}

.topupPaidMinutes--cGKlC {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem;
    height: 2rem;
    color: #fff;
    background: var(--mbw-branding-secondary);
    border-radius: 2.063rem
}

@media only screen and (max-width: 1080px) {
    .topupPaidMinutes--cGKlC {
        font-size:10px;
        height: 1.063rem;
        border-radius: .625rem;
        padding: .063rem .313rem
    }
}

.addCreditContainer--U7HFe {
    background: var(--app-overlay-black);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    z-index: 999999
}

.advisorImage--YQMc8 {
    width: 118px;
    height: 118px;
    left: 131px;
    top: 166px;
    border: 4px solid #fff;
    filter: drop-shadow(0px 10px 20px rgba(181, 149, 232, 0.5));
    border-radius: 8px;
    margin-bottom: -33px
}

.errorTitleRow--uvoDJ {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 10px;
    column-gap: 10px;
    align-items: center;
    justify-content: flex-start
}

.errorTitle--CzX5t {
    color: var(--mbw-text-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 150%
}

@media only screen and (max-width: 1080px) {
    .errorTitle--CzX5t {
        font-size:16px
    }
}

.errorBody--qBjjV {
    display: flex;
    flex-direction: column;
    white-space: pre-line;
    color: #121212;
    row-gap: 20px;
    font-size: 17px;
    line-height: 150%
}

@media only screen and (max-width: 1080px) {
    .errorBody--qBjjV {
        row-gap:10px;
        font-size: 13px
    }
}

dialog .purchasesModalContent--KvMrM {
    border-radius: 24px;
    min-width: 475px
}

@media only screen and (max-width: 1080px) {
    dialog .purchasesModalContent--KvMrM {
        padding:20px;
        min-width: auto
    }
}

@keyframes animation-bzdot9--U7jga {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.dialogTitle--aQEZ1 {
    width: 100%;
    padding: 1.2em;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #ddd
}

.dialogText--wT6um {
    width: 100%;
    padding: 1.2em;
    text-align: center;
    color: #000;
    word-break: break-word
}

.cancelButton--po68L {
    width: 100%;
    border-top: 1px solid #ddd;
    display: flex;
    border-radius: 6px;
    padding: .6em;
    justify-content: center;
    align-items: center;
    color: #1ea8df;
    cursor: pointer
}

.link--L3soH {
    color: var(--app-color)
}

.okBtn--Sjmqk {
    color: var(--app-color)
}

dialog.errorPopover--BjPmk {
    max-width: 475px
}

@keyframes animation-bzdot9--Azi8D {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.introScreenContainer--BWwSA {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.introContainer--TCts_ {
    width: 100%;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.introContainer--TCts_ .buttonDisabled--mIfw1 {
    background: #d8d8d8
}

.introduceYourself--xH2wh {
    font-size: 1.2rem;
    color: #000;
    padding: .9em
}

.nickNameContainer--XxA1h {
    width: 100%;
    margin-bottom: .5em
}

.nicknameDescriptionContainer--YQioT {
    display: flex;
    flex-direction: row;
    margin-top: 10px
}

.nicknameDescriptionText--bXJJd {
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.nicknameDescriptionBoldText--TelRG {
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.fullWidth--VDHDd {
    width: 100%
}

.genderSelectorContainer--ljHn1 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.radioBtnNotSelectedContent--VrSXY {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600
}

.radioBtnSelectedContent--DHxjl {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600
}

.radioBtnContentGenderIcon--QM0GQ {
    margin-right: 5px
}

.dateContainer--kvuXG {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.dateDescriptionContainer--GD2cp {
    font-size: .9rem;
    margin-bottom: 1em
}

.startBtn--hwhZM {
    background: var(--app-color);
    color: #fff !important;
    height: 50px !important;
    width: 100% !important;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 8px !important;
    margin-top: 20px
}

.introPopupXContent--ih8UB {
    color: #b7bcbd;
    border: none;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 8px
}

.introPopupXButton--ygrB3,.introPopupXButton--ygrB3:hover,.introPopupXButton--ygrB3:focus,.introPopupXButton--ygrB3:active {
    color: #b7bcbd !important;
    border: none;
    cursor: pointer;
    background-color: #fff !important
}

.errorModalFooter--mLK2m {
    border-top: solid gray 1px;
    text-align: center
}

.errorModalHeader--gr_w1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    font-size: 1.3em;
    color: #000;
    padding-left: 10px;
    padding-right: 10px
}

.errorModalBody--dc38s {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center
}

.errorModalOkButton--eQHlN {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    background: none
}

.popupTitleContainer--_5_Ar {
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 20px;
    padding-bottom: 20px
}

.popupTitleTextContainer--FSPi2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.popupTitle--mj0LQ {
    font-size: 17px;
    font-weight: 700;
    color: #000
}

.popupSubTitle--AfLZT {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-top: 10px
}

.popupCloseBtn--HFdH7 {
    width: 40px !important;
    height: 40px !important;
    border: none;
    background: rgba(0,0,0,0) !important;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    margin: 0px !important
}

.datePickerConfirmBtn--KZit4 {
    background: var(--app-color) !important;
    color: #fff !important;
    height: 50px !important;
    width: calc(100% - 40px) !important;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 8px !important;
    margin-top: 32px
}

.labelContainer--rh0wJ {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 7px
}

.labelText--l2AzA {
    color: #ababab;
    font-size: 14px;
    font-weight: 600
}

.labelSubText--nkcaG {
    color: #ababab;
    font-size: 14px;
    font-weight: 400
}

.inputClass--DG6nI,.inputClass--DG6nI:hover,.inputClass--DG6nI:focus,.inputClass--DG6nI:active {
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: solid 1px #ddd;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 44px;
    box-shadow: inset 0px 2px 2px rgba(0,0,0,.1)
}

.errorContainer--vYVA5 {
    color: #ff4242;
    font-size: 13px;
    font-weight: 600;
    margin-top: 7px
}

dialog .introPopupContent--YaJ_M {
    max-width: 475px;
    border-radius: 24px
}

@media only screen and (max-width: 1080px) {
    dialog .introPopupContent--YaJ_M {
        max-width:100%
    }
}

.radioGroupContainer--qVbId {
    width: 100%;
    display: flex;
    align-items: center;
    border: solid 1px #ddd;
    border-radius: 50px;
    overflow: hidden
}

.radioBtn--BgvVb {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px #ddd;
    cursor: pointer
}

.radioBtn--BgvVb:first-child {
    border-left: none
}

.radioBtnChecked--FngQ4 {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px #ddd;
    cursor: pointer;
    background: var(--app-color)
}

.radioBtnChecked--FngQ4:first-child {
    border-left: none
}

.datePickerHolder--TGImB {
    position: relative;
    display: flex;
    align-items: center
}

.datePickerHolder--TGImB::after {
    position: absolute;
    left: 13px;
    top: 3px;
    bottom: 3px;
    right: 13px;
    content: attr(data-placeholder);
    pointer-events: none;
    white-space: pre;
    display: flex;
    align-items: center;
    z-index: 1
}

.datePickerInput--x0pit,.datePickerInput--x0pit:hover,.datePickerInput--x0pit:focus,.datePickerInput--x0pit:active {
    color: #000;
    border: none;
    width: 100%;
    text-align: left;
    outline: none;
    background-color: rgba(0,0,0,0);
    padding: 0px;
    -webkit-appearance: initial;
    text-indent: 0px;
    position: relative;
    z-index: 2
}

@keyframes animation-bzdot9--NPmGZ {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.layout--rDGjt {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 100
}

.callingScreen--zsK5O {
    background: var(--app-overlay-black);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10
}

dialog .purchaseDetailsPopupContent--nT1t9 {
    width: 475px;
    border-radius: 24px
}

@media screen and (max-width: 48rem) {
    dialog .purchaseDetailsPopupContent--nT1t9 {
        width:auto
    }
}

.countdownButton--nWsTc {
    position: relative;
    display: inline-block
}

.circle--BQsLe {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

.circleBackground--QuPzh {
    stroke: #dfe2ef;
    fill: #fff;
    stroke-width: 1.5
}

.circleProgress--ozWjs {
    stroke: var(--app-color);
    fill: rgba(0,0,0,0);
    stroke-width: 1.5;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear
}

.closeButton--DHmwV {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    font-size: 1.1rem;
    color: #374151;
    cursor: pointer;
    z-index: 1
}

@keyframes animation-bzdot9--L61Rj {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--HiaT5 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    padding: 1.25rem;
    border-radius: .5rem;
    background: #fff;
    position: relative;
    --mbw-fs-medium-sm: 0.813rem;
    --mbw-fs-caption-1-sm: 0.625rem
}

.container--HiaT5 .titleAndIconContainer--G6q12 {
    display: flex;
    align-items: center;
    flex-direction: row;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.container--HiaT5 .titleAndIconContainer--G6q12 .iconContainer--fwaew {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--app-topup-icon-bg)
}

.container--HiaT5 .titleAndIconContainer--G6q12 .iconContainer--fwaew .icon--v97Pw {
    width: 1.5rem;
    height: 1.5rem
}

@media only screen and (max-width: 1080px) {
    .container--HiaT5 .titleAndIconContainer--G6q12 .iconContainer--fwaew {
        display:none
    }
}

.container--HiaT5 .titleAndIconContainer--G6q12 .titleContainer--LsfmB {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.container--HiaT5 .titleAndIconContainer--G6q12 .titleContainer--LsfmB .subtitle--m0EUC {
    color: var(--mbw-text-secondary)
}

.container--HiaT5 .btnWrapper--Gy3Q0 {
    display: flex
}

@media only screen and (max-width: 1080px) {
    .container--HiaT5 .btnWrapper--Gy3Q0 {
        width:100%
    }
}

.container--HiaT5 .btn--aEnxB {
    width: 12.5rem;
    height: 2.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    outline: none;
    border-radius: .5rem;
    cursor: pointer;
    padding-top: .125rem;
    flex-shrink: 0
}

.container--HiaT5 .btn--aEnxB.add--xGF4W span:nth-child(1) {
    line-height: 1
}

.container--HiaT5 .btn--aEnxB.add--xGF4W {
    background: var(--mbw-branding-secondary)
}

.container--HiaT5 .btn--aEnxB.processing--cDtdI,.container--HiaT5 .btn--aEnxB.done--OgaGs {
    background: #d3d3d3;
    cursor: not-allowed
}

.container--HiaT5 .btn--aEnxB.done--OgaGs {
    background: none;
    flex-direction: row;
    -moz-column-gap: .313rem;
    column-gap: .313rem;
    cursor: none;
    color: var(--mbw-text-primary)
}

@media only screen and (max-width: 1080px) {
    .container--HiaT5 {
        flex-direction:column;
        padding: 0;
        row-gap: .75rem;
        background: rgba(0,0,0,0)
    }

    .container--HiaT5 .btn--aEnxB {
        width: 100%
    }

    .container--HiaT5 .btn--aEnxB.done--OgaGs {
        background: #f7f7f7
    }
}

.container--HiaT5 .closeIconContainer--ITheB {
    position: absolute;
    right: -0.75rem;
    top: -0.75rem
}

.dots--ZsZb0 {
    display: inline-block;
    width: 20px;
    aspect-ratio: 6;
    --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);
    background: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000) 0% 50%,no-repeat radial-gradient(circle closest-side,#fff 90%,#0000) 50% 50%,no-repeat radial-gradient(circle closest-side,#fff 90%,#0000) 100% 50%;
    background: var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;
    background-size: 33.3333333333% 100%;
    animation: dots-animation--KHNra 1s infinite linear
}

@keyframes dots-animation--KHNra {
    33% {
        background-size: 33.3333333333% 0%,33.3333333333% 100%,33.3333333333% 100%
    }

    50% {
        background-size: 33.3333333333% 100%,33.3333333333% 0%,33.3333333333% 100%
    }

    66% {
        background-size: 33.3333333333% 100%,33.3333333333% 100%,33.3333333333% 0%
    }
}

.container--AoLyr {
    width: 100%;
    background: red;
    color: #fff;
    flex-shrink: 0;
    padding: 8px
}

.holder--ScP_U {
    display: flex;
    align-items: center;
    justify-content: center
}

.waitingContainer--ATVqv {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.3019607843);
    padding: 2em
}

@keyframes animation-bzdot9--syqQN {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.layout--Kkcmk {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 100
}

.callingScreen--H29ho {
    background: var(--app-overlay-black);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

dialog .purchaseDetailsPopupContent--Z7fse {
    width: 475px;
    border-radius: 24px
}

@media screen and (max-width: 48rem) {
    dialog .purchaseDetailsPopupContent--Z7fse {
        width:auto
    }
}

html, body {
    width: 100%;
    height: 100%;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 16px;
}

body {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-family: var(--mbw-font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: #fff;
    font-feature-settings: 'tnum', "tnum";
}

[tabindex='-1']:focus {
    outline: none !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
}

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

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit;
}

input[type='text'], input[type='password'], input[type='number'], textarea {
    -webkit-appearance: none;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1em;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 500;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1em;
}

dfn {
    font-style: italic;
}

b, strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: var(--app-color);
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: var(--app-color);
}

a:active {
    color: var(--app-color);
}

a:active, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

a[disabled] {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

pre, code, kbd, samp {
    font-size: 1em;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
}

figure {
    margin: 0 0 1em;
}

img, svg {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea {
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75em;
    padding-bottom: 0.3em;
    color: rgba(0, 0, 0, 0.45);
    text-align: left;
    caption-side: bottom;
}

input, button, select, optgroup, textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-feature-settings: inherit;
    font-variant-numeric: inherit;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

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

input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    height: auto;
}

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

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

mark {
    padding: 0.2em;
    background-color: #feffe6;
}

::-moz-selection {
    color: #fff;
    background: #1890ff;
}

::selection {
    color: #fff;
    background: #1890ff;
}

/* Popovers */
.popoverContentRadius24 {
    border-radius: 24px;
}

.popoverOverlayContainer {
    position: absolute;
    top: -70px;
}

/* Google Fonts are now loaded in <head> via React Helmet */
@keyframes animation-bzdot9--ouayA {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.chatContainer--in4XZ {
    display: flex;
    flex-direction: column
}

.chatBubbleWrapper--AUV6b {
    max-width: 500px;
    display: flex;
    flex-direction: row
}

@media only screen and (max-width: 1080px) {
    .chatBubbleWrapper--AUV6b {
        max-width:100%
    }
}

.chatBubbleOther--_XYAo {
    padding: 12px 16px;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    position: relative;
    min-height: 34px;
    background: var(--background-secondary);
    color: #121212;
    border-bottom-left-radius: 0
}

.chatBubbleUser--vsmLY {
    padding: 12px 16px;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    position: relative;
    min-height: 34px;
    background: var(--app-color);
    color: #fff;
    border-bottom-right-radius: 0
}

.chatBubbleMessage--KYtJC {
    display: flex;
    max-width: -moz-max-content;
    max-width: max-content;
    flex-direction: column;
    gap: 12px
}

.chatBubbleMessageText--n2ssQ {
    font-size: 14px;
    font-weight: 400;
    word-break: break-word;
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px
}

.chatBubbleMessageTimeText--Te8tv {
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap
}

.chatBubbleTime--AGP01 {
    position: relative;
    text-align: right;
    flex: 1 1;
    top: 4px
}

.holisticServiceBubbleContainer--vu9mw {
    cursor: pointer;
    padding: 12px;
    max-width: 300px;
    border-radius: 6px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

@media only screen and (max-width: 1080px) {
    .holisticServiceBubbleContainer--vu9mw {
        width:100%
    }
}

.holisticServiceArrowContainer--f7cnG {
    width: 24px;
    height: 24px
}

.holisticServiceTextContainer--lrz_D {
    display: flex;
    flex-direction: column
}

.holisticServiceTitle--DLeDs {
    font-size: 12px;
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 18px
}

.holisticServiceName--LjeUF {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 22.5px
}

.holisticServiceArrowImg--zGGnR {
    width: 24px;
    height: 24px
}

.chatBubbleLoader--wKjU1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px
}

.chatBubbleLoaderCircle--dlYpQ:nth-child(1) {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #fff;
    border-radius: 50%;
    animation: mbw-chat-loader-animation--uIWto 1s infinite ease-in-out
}

.chatBubbleLoaderCircle--dlYpQ:nth-child(2) {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #c3c5ca;
    border-radius: 50%;
    animation: mbw-chat-loader-animation--uIWto 1s infinite ease-in-out .2s
}

.chatBubbleLoaderCircle--dlYpQ:nth-child(3) {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #636570;
    border-radius: 50%;
    animation: mbw-chat-loader-animation--uIWto 1s infinite ease-in-out .4s
}

@keyframes mbw-chat-loader-animation--uIWto {
    0%,80%,100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.chatBubbleAvatarContainer--eqI8J {
    display: flex;
    padding-right: 7px;
    align-items: flex-end;
    min-width: 41px
}

@keyframes animation-bzdot9--nfQ8M {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.chatContainer--U93pR {
    display: flex;
    flex-direction: column
}

.couponBubbleWrapper--zIeUZ {
    max-width: 500px;
    display: flex;
    flex-direction: row;
    align-self: "flex-start"
}

@media only screen and (max-width: 1080px) {
    .couponBubbleWrapper--zIeUZ {
        max-width:100%
    }
}

.couponBubbleContainer--dMtkG {
    padding: 10px 15px;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    position: relative;
    min-height: 34px;
    background: var(--background-secondary);
    color: #121212;
    border-bottom-left-radius: 0
}

.couponBubbleLabelContainer--Jc7AK {
    width: 268px;
    height: 70px;
    display: flex;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

@media only screen and (max-width: 1080px) {
    .couponBubbleLabelContainer--Jc7AK {
        width:238px
    }
}

.couponBubbleLabelBadgeContainerExpired--AnKJX {
    position: absolute;
    top: 0%;
    right: 0%;
    transform: translateY(-50%) translateX(5%);
    z-index: 1;
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    font-size: 12px;
    line-height: 16px;
    background-color: var(--app-white);
    color: #707070;
    border: .5px solid #e1e1e1
}

.couponBubbleLabelBadgeContainerReached--XS3Mg {
    position: absolute;
    top: 0%;
    right: 0%;
    transform: translateY(-50%) translateX(5%);
    z-index: 1;
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    font-size: 12px;
    line-height: 16px;
    background-color: var(--mbw-green-accent-color);
    color: var(--app-white)
}

.couponBubbleMessage--LDEhY {
    padding: 0 8px 0 8px
}

.couponBubbleMessageText--UG2wA {
    font-size: 14px;
    font-weight: 400;
    word-break: break-word
}

.couponBubbleNoteMessage--o_ncs {
    font-size: 12px;
    color: #8c909c;
    border-top: 1px solid var(--border-primary);
    margin-top: 8px;
    padding-top: 8px
}

.couponBubbleTime--nkOoC {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px
}

.couponBubbleMessageTimeText--XlDVg {
    font-size: 10px;
    font-weight: 400
}

.couponBubbleAvatarContainer--nfWsL {
    display: flex;
    align-items: flex-end;
    padding-right: 7px;
    min-width: 41px
}

@keyframes animation-bzdot9--d0Ob9 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.orderCellContainer--utDZL {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 20px;
    height: 80px;
    border-radius: 20px;
    background-color: #fff
}

@media only screen and (max-width: 1080px) {
    .orderCellContainer--utDZL {
        border-radius:15px
    }
}

.borderDefault--nhOUG {
    border: 1px solid var(--border-primary);
    box-shadow: 0px 8px 15px 0px rgba(0,0,0,.05)
}

.kaBorderChat--spCUa {
    border: 1px solid var(--live-chat-channels);
    box-shadow: 0px 0px 10px 0px rgba(225,225,225,.5)
}

.kaBorderVoice--lTcNg {
    border: 1px solid var(--voice-call-channels);
    box-shadow: 0px 0px 10px 0px rgba(225,225,225,.5)
}

.orderCellContentContainer--t4vVm {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: center
}

.orderTitleLabelsContainer--Dr1yE {
    display: flex;
    flex-direction: row
}

.orderCellTitleContainer--ZXOmG {
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.orderCellSubjectContainer--_hXy8 {
    margin-left: 5px
}

.labelsHolderContainer--DBi7P {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.orderCellLabelContainer--YuLTn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px
}

.orderDataContainer--tfXCD {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: row
}

@media only screen and (max-width: 1080px) {
    .orderDataContainer--tfXCD {
        display:flex;
        justify-content: center
    }
}

.orderCreatedAtContainer--TxOpz {
    color: #636570
}

.orderDescriptionContainer--C96jE {
    display: flex;
    align-items: center;
    color: #636570
}

.orderDescriptionIcon--nPXV8 {
    width: 20px;
    height: 20px;
    color: #7c7f89;
    margin-right: 5px
}

.rightArrowContainer--AEvIe {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 24px
}

.orderCellIcon--MPPCc {
    width: 24px;
    height: 24px
}

.orderSubjectName--LKOyx {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .orderSubjectName--LKOyx {
        font-size:18px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .orderSubjectName--LKOyx {
        font-size:16px
    }
}

@media only screen and (max-width: 1080px) {
    .orderSubjectName--LKOyx {
        font-size:16px
    }
}

.orderDescription--TyEQY {
    font-size: 17px;
    color: #636570;
    font-weight: 400
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .orderDescription--TyEQY {
        font-size:16px
    }
}

@media only screen and (max-width: 1080px) {
    .orderDescription--TyEQY {
        font-size:16px
    }
}

.orderRightDataContainer--TpZgU {
    display: flex;
    flex-direction: row
}

@keyframes animation-bzdot9--ipJNN {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.offlineOrder--pisDa {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--app-color);
    width: 100%;
    height: 100%;
    padding: 24px
}

@media only screen and (max-width: 1080px) {
    .offlineOrder--pisDa {
        padding:16px
    }
}

.offlineOrderTextContainer--QdVow {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .offlineOrderTextContainer--QdVow {
        flex-direction:column;
        align-items: flex-start
    }
}

.offlineOrderContent--IKClV {
    display: flex;
    flex-direction: column;
    width: 100%
}

.offlineOrderTitle--iOn1s {
    font-size: 17px;
    font-weight: 700;
    line-height: 150%;
    color: var(--mbw-text-primary)
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .offlineOrderTitle--iOn1s {
        font-size:16px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .offlineOrderTitle--iOn1s {
        font-size:15px
    }
}

@media only screen and (max-width: 1080px) {
    .offlineOrderTitle--iOn1s {
        font-size:15px
    }
}

.offlineOrderDescription--w7Uxz {
    font-size: 14px;
    word-break: break-all;
    color: var(--mbw-text-primary);
    font-weight: 400;
    line-height: 140%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .offlineOrderDescription--w7Uxz {
        font-size:13px
    }
}

@media only screen and (max-width: 1080px) {
    .offlineOrderDescription--w7Uxz {
        font-size:13px
    }
}

.offlineOrderStatus--loceu {
    font-size: 14px;
    color: var(--mbw-text-secondary);
    font-weight: 400;
    height: 20px;
    white-space: nowrap
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .offlineOrderStatus--loceu {
        font-size:12px;
        line-height: 18px
    }
}

@media only screen and (max-width: 1080px) {
    .offlineOrderStatus--loceu {
        font-size:13px;
        line-height: 18px
    }
}

.rightArrowContainer--Rb69u {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 16px
}

/*# sourceMappingURL=app-dcaccb47deb673c2e115.css.map*/
.smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{left:0;display:none;width:100%;height:80px;line-height:80px;font-family:Helvetica Neue,sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{position:fixed;bottom:0}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 0;font-family:ArialRoundedMTBold,Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;padding:0 0 1px;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{white-space:normal;width:calc(99% - 201px);font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-wrapper{max-width:110px;display:inline-block;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;display:inline-block;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px rgba(0,0,0,.2);line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;font-family:Arial;color:#888;text-shadow:0 1px 0 #fff;-webkit-font-smoothing:none}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8);font-weight:300}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{padding:0 10px;font-size:15px;min-width:10%;font-weight:400;color:#0c71fd}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;max-width:17px;width:100%;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;text-decoration:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 1px hsla(0,0%,100%,.3);cursor:pointer}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;font-weight:700;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 #fff}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}
dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-title-heading-jumbo {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-jumbo {
    font-size: 4rem;
    font-size: var(--mbw-fs-jumbo-lg, 4rem);
    line-height: 1.3;
    line-height: var(--mbw-line-height-small, 1.3);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-jumbo {
    font-size: 3.375rem;
    font-size: var(--mbw-fs-jumbo-md, 3.375rem);
    line-height: 1.3;
    line-height: var(--mbw-line-height-small, 1.3);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-jumbo {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-jumbo-sm, 1.75rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-jumbo {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-jumbo-sm, 1.75rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-jumbo.mbw-title-bold {
  font-weight: 700;
  font-weight: var(--mbw-font-weight-bold, 700);
}
@media (min-width: 105rem) {
  .skeleton-heading-jumbo {
    min-height: calc(1.3 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-small, 1.3) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-jumbo {
    min-height: calc(1.3 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-small, 1.3) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-jumbo {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-jumbo {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h1 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h1 {
    font-size: 3rem;
    font-size: var(--mbw-fs-h1-lg, 3rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h1 {
    font-size: 2.375rem;
    font-size: var(--mbw-fs-h1-md, 2.375rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h1 {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-h1-sm, 1.75rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h1 {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-h1-sm, 1.75rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h1.mbw-title-bold {
  font-weight: 700;
  font-weight: var(--mbw-font-weight-bold, 700);
}
@media (min-width: 105rem) {
  .skeleton-heading-h1 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h1 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h1 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h1 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h2 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h2 {
    font-size: 2.125rem;
    font-size: var(--mbw-fs-h2-lg, 2.125rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h2 {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-h2-md, 1.75rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h2 {
    font-size: 1.5rem;
    font-size: var(--mbw-fs-h2-sm, 1.5rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h2 {
    font-size: 1.5rem;
    font-size: var(--mbw-fs-h2-sm, 1.5rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h2.mbw-title-bold {
  font-weight: 700;
  font-weight: var(--mbw-font-weight-bold, 700);
}
@media (min-width: 105rem) {
  .skeleton-heading-h2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h3 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h3 {
    font-size: 1.75rem;
    font-size: var(--mbw-fs-h3-lg, 1.75rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h3 {
    font-size: 1.5rem;
    font-size: var(--mbw-fs-h3-md, 1.5rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h3 {
    font-size: 1.375rem;
    font-size: var(--mbw-fs-h3-sm, 1.375rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h3 {
    font-size: 1.375rem;
    font-size: var(--mbw-fs-h3-sm, 1.375rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h3.mbw-title-bold {
  font-weight: 700;
  font-weight: var(--mbw-font-weight-bold, 700);
}
@media (min-width: 105rem) {
  .skeleton-heading-h3 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h3 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h3 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h3 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h4 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h4 {
    font-size: 1.375rem;
    font-size: var(--mbw-fs-h4-lg, 1.375rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h4 {
    font-size: 1.25rem;
    font-size: var(--mbw-fs-h4-md, 1.25rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h4 {
    font-size: 1.125rem;
    font-size: var(--mbw-fs-h4-sm, 1.125rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h4 {
    font-size: 1.125rem;
    font-size: var(--mbw-fs-h4-sm, 1.125rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h4.mbw-title-bold {
  font-weight: 700;
  font-weight: var(--mbw-font-weight-bold, 700);
}
@media (min-width: 105rem) {
  .skeleton-heading-h4 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h4 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h4 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h4 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h5 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h5 {
    font-size: 1.25rem;
    font-size: var(--mbw-fs-h5-lg, 1.25rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h5 {
    font-size: 1.125rem;
    font-size: var(--mbw-fs-h5-md, 1.125rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h5 {
    font-size: 1rem;
    font-size: var(--mbw-fs-h5-sm, 1rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h5 {
    font-size: 1rem;
    font-size: var(--mbw-fs-h5-sm, 1rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h5.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-heading-h5 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h5 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h5 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h5 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-heading-h6 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-heading-h6 {
    font-size: 1.125rem;
    font-size: var(--mbw-fs-h6-lg, 1.125rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 105rem) {
  .mbw-title-heading-h6 {
    font-size: 1.063rem;
    font-size: var(--mbw-fs-h6-md, 1.063rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-heading-h6 {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-h6-sm, 0.938rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-heading-h6 {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-h6-sm, 0.938rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-heading-h6.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-heading-h6 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-heading-h6 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-heading-h6 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-heading-h6 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-content-default {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-content-default {
    font-size: 1.063rem;
    font-size: var(--mbw-fs-default-lg, 1.063rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-content-default {
    font-size: 1rem;
    font-size: var(--mbw-fs-default-md, 1rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 80rem) {
  .mbw-title-content-default {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-default-sm, 0.938rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 48rem) {
  .mbw-title-content-default {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-default-sm, 0.938rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
.mbw-title-content-default.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-content-default {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-content-default {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-content-default {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-content-default {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
.mbw-title-content-medium {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-content-medium {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-medium-lg, 0.938rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-content-medium {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-medium-md, 0.938rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 80rem) {
  .mbw-title-content-medium {
    font-size: 0.875rem;
    font-size: var(--mbw-fs-medium-sm, 0.875rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 48rem) {
  .mbw-title-content-medium {
    font-size: 0.875rem;
    font-size: var(--mbw-fs-medium-sm, 0.875rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
.mbw-title-content-medium.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-content-medium {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-content-medium {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-content-medium {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-content-medium {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
.mbw-title-content-small {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-content-small {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-small-lg, 0.938rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 105rem) {
  .mbw-title-content-small {
    font-size: 0.938rem;
    font-size: var(--mbw-fs-small-md, 0.938rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-content-small {
    font-size: 0.875rem;
    font-size: var(--mbw-fs-small-sm, 0.875rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-content-small {
    font-size: 0.875rem;
    font-size: var(--mbw-fs-small-sm, 0.875rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-content-small.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-content-small {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-content-small {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-content-small {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-content-small {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-caption-1 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-caption-1 {
    font-size: 0.75rem;
    font-size: var(--mbw-fs-caption-1-lg, 0.75rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 105rem) {
  .mbw-title-caption-1 {
    font-size: 0.75rem;
    font-size: var(--mbw-fs-caption-1-md, 0.75rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 80rem) {
  .mbw-title-caption-1 {
    font-size: 0.75rem;
    font-size: var(--mbw-fs-caption-1-sm, 0.75rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
@media (max-width: 48rem) {
  .mbw-title-caption-1 {
    font-size: 0.75rem;
    font-size: var(--mbw-fs-caption-1-sm, 0.75rem);
    line-height: 1.5;
    line-height: var(--mbw-line-height-large, 1.5);
  }
}
.mbw-title-caption-1.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-caption-1 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-caption-1 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-caption-1 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-caption-1 {
    min-height: calc(1.5 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-large, 1.5) * var(--rows) * 1rem);
  }
}
.mbw-title-caption-2 {
  font-weight: 400;
  font-weight: var(--mbw-font-weight-normal, 400);
  transition: all 0.4s;
}
@media (min-width: 105rem) {
  .mbw-title-caption-2 {
    font-size: 0.625rem;
    font-size: var(--mbw-fs-caption-2-lg, 0.625rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 105rem) {
  .mbw-title-caption-2 {
    font-size: 0.625rem;
    font-size: var(--mbw-fs-caption-2-md, 0.625rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 80rem) {
  .mbw-title-caption-2 {
    font-size: 0.625rem;
    font-size: var(--mbw-fs-caption-2-sm, 0.625rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
@media (max-width: 48rem) {
  .mbw-title-caption-2 {
    font-size: 0.625rem;
    font-size: var(--mbw-fs-caption-2-sm, 0.625rem);
    line-height: 1.4;
    line-height: var(--mbw-line-height-medium, 1.4);
  }
}
.mbw-title-caption-2.mbw-title-bold {
  font-weight: 600;
  font-weight: var(--mbw-font-weight-semibold, 600);
}
@media (min-width: 105rem) {
  .skeleton-caption-2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 105rem) {
  .skeleton-caption-2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 80rem) {
  .skeleton-caption-2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
@media (max-width: 48rem) {
  .skeleton-caption-2 {
    min-height: calc(1.4 * var(--rows) * 1rem);
    min-height: calc(var(--mbw-line-height-medium, 1.4) * var(--rows) * 1rem);
  }
}
.mbw-title-ellipsis-text {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--rows);
  line-clamp: var(--rows);
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
}
.mbw-title-ellipsis-text * {
  display: inline;
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-button-primary {
  background-color: #8755f4;
  background-color: var(--mbw-button-primary, #8755f4);
  color: #fff;
  color: var(--mbw-text-tertiary, #fff);
  border: none;
  justify-content: center;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0.625rem;
  padding: var(--mbw-button-padding, 0.625rem);
  border-radius: 0.625rem;
  border-radius: var(--mbw-button-border-radius, 0.625rem);
  align-items: center;
  height: 3rem;
  height: var(--mbw-button-height, 3rem);
}
@media (max-width: 48rem) {
  .mbw-button-primary {
    height: 2.563rem;
    height: var(--mbw-button-height-sm, 2.563rem);
  }
}
.mbw-button-primary:hover {
  cursor: pointer;
  background-color: #a479ff;
  background-color: var(--mbw-button-primary-hover, #a479ff);
  box-shadow: none;
}
.mbw-button-primary:disabled {
  background-color: #d3d3d3;
  background-color: var(--mbw-button-primary-dissabled, #d3d3d3);
  box-shadow: none;
  cursor: auto;
}
.mbw-button-secondary {
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #121212;
  color: var(--mbw-button-secondary, #121212);
  border: solid 1px #eaeaea;
  border: solid 1px var(--mbw-default-border, #eaeaea);
  box-shadow: inset 0 -3px 0 #f7f7f7;
  box-shadow: inset 0 -3px 0 var(--mbw-default-shadow-color, #f7f7f7);
  justify-content: center;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0.625rem;
  padding: var(--mbw-button-padding, 0.625rem);
  border-radius: 0.625rem;
  border-radius: var(--mbw-button-border-radius, 0.625rem);
  align-items: center;
  height: 3rem;
  height: var(--mbw-button-height, 3rem);
}
@media (max-width: 48rem) {
  .mbw-button-secondary {
    height: 2.563rem;
    height: var(--mbw-button-height-sm, 2.563rem);
  }
}
.mbw-button-secondary:hover {
  cursor: pointer;
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #8755f4;
  color: var(--mbw-button-secondary-hover, #8755f4);
  box-shadow: none;
}
.mbw-button-secondary:disabled {
  background-color: #f7f7f7;
  background-color: var(--mbw-background-secondary, #f7f7f7);
  color: #636570;
  color: var(--mbw-button-secondary-disabled, #636570);
  box-shadow: none;
  cursor: auto;
}
.mbw-button-link {
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #8755f4;
  color: var(--mbw-button-primary, #8755f4);
  border: none;
  justify-content: flex-start;
  width: auto;
  display: flex;
  flex-direction: row;
  padding: 0.625rem;
  padding: var(--mbw-button-padding, 0.625rem);
  border-radius: 0.625rem;
  border-radius: var(--mbw-button-border-radius, 0.625rem);
  align-items: center;
  height: 3rem;
  height: var(--mbw-button-height, 3rem);
}
@media (max-width: 48rem) {
  .mbw-button-link {
    height: 2.563rem;
    height: var(--mbw-button-height-sm, 2.563rem);
  }
}
.mbw-button-link:hover {
  cursor: pointer;
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #a479ff;
  color: var(--mbw-button-primary-hover, #a479ff);
  box-shadow: none;
}
.mbw-button-link:disabled {
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #d3d3d3;
  color: var(--mbw-button-primary-dissabled, #d3d3d3);
  box-shadow: none;
  cursor: auto;
}
.mbw-button-title {
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #8755f4;
  color: var(--mbw-button-primary, #8755f4);
  border: none;
  justify-content: flex-start;
  width: auto;
  display: flex;
  flex-direction: row;
  padding: 0.625rem;
  padding: var(--mbw-button-padding, 0.625rem);
  border-radius: 0.625rem;
  border-radius: var(--mbw-button-border-radius, 0.625rem);
  align-items: center;
  height: 3rem;
  height: var(--mbw-button-height, 3rem);
}
@media (max-width: 48rem) {
  .mbw-button-title {
    height: 2.563rem;
    height: var(--mbw-button-height-sm, 2.563rem);
  }
}
.mbw-button-title:hover {
  cursor: pointer;
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #a479ff;
  color: var(--mbw-button-primary-hover, #a479ff);
  box-shadow: none;
}
.mbw-button-title:disabled {
  background-color: #fff;
  background-color: var(--mbw-background-primary, #fff);
  color: #d3d3d3;
  color: var(--mbw-button-primary-dissabled, #d3d3d3);
  box-shadow: none;
  cursor: auto;
}
.mbw-button-no-title {
  width: 3rem;
  width: var(--mbw-button-no-title-width, 3rem);
}
@media (max-width: 48rem) {
  .mbw-button-no-title {
    width: 2.563rem;
    width: var(--mbw-button-no-title-width-sm, 2.563rem);
  }
}
.mbw-button-dynemic-height {
  height: 100%;
}
.mbw-button--center {
  display: flex;
}
.mbw-button--center-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.mbw-button--button-icon-container {
  margin-right: 0.625rem;
  margin-right: var(--mbw-button-icon-margin, 0.625rem);
}
.mbw-button--button-icon {
  width: 1.375rem;
  width: var(--mbw-button-icon-width, 1.375rem);
  height: 1.375rem;
  height: var(--mbw-button-icon-height, 1.375rem);
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-marketing-banner-wrapper {
  display: flex;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  align-items: center;
  justify-content: center;
  background: linear-gradient(93deg, #b38fff 29.97%, #8957f5 100%);
  background: linear-gradient(var(--mbw-marketing-banner-rotation, 93deg), var(--wbw-marketing-banner-first-color, #b38fff) 29.97%, var(--mbw-marketing-banner-second-color, #8957f5) 100%);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.mbw-marketing-banner-wrapper.mbw-marketing-banner-wrapper-single {
  max-height: 80px;
}
.mbw-marketing-banner-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
}
.mbw-marketing-banner-content-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
}
.mbw-marketing-banner-item-wrapper {
  display: flex;
  flex-direction: column;
  color: #fff;
  color: var(--mbw-marketing-banner-titile-color, var(--mbw-text-tertiary, #fff));
  width: 100%;
  flex: 1 1;
}
.mbw-marketing-banner-wraper-single-item {
  flex: 1 1;
  text-align: start;
}
.mbw-marketing-banner-wraper-single-item:first-of-type {
  text-align: start;
}
.mbw-marketing-banner-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  text-align: center;
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-footer {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  transition: 300ms;
}
@media (max-width: 80rem) {
  .mbw-footer {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (max-width: 48rem) {
  .mbw-footer {
    grid-template-columns: minmax(max-content, 1fr);
    gap: 2.25rem;
  }
}
.mbw-footer-logo {
  cursor: pointer;
  align-items: center;
}
.mbw-footer-logo svg {
  margin-right: 1.25rem;
}
.mbw-footer-download-app {
  grid-area: 3/1;
}
.mbw-footer-download-app {
  color: #121212;
  color: var(--mbw-text-primary, #121212);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 20rem;
  grid-area: 3/1;
}
.mbw-footer-download-app-links {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
@media (max-width: 80rem) {
  .mbw-footer-download-app-links {
    gap: 1rem;
  }
}
.mbw-footer-social-media {
  grid-area: 4/1;
  display: flex;
  gap: 1.25rem;
}
.mbw-footer-links {
  display: grid;
  grid-template: 1fr/repeat(3, minmax(max-content, 1fr));
  grid-row-end: span 4;
}
@media (max-width: 80rem) {
  .mbw-footer-links {
    grid-template: 1fr/repeat(2, minmax(max-content, 1fr));
  }
  .mbw-footer-links .mbw-footer-link:nth-last-child(2) {
    display: none;
  }
}
@media (max-width: 48rem) {
  .mbw-footer-links {
    grid-template: repeat(2, 1fr)/1fr;
    grid-row: 2;
    gap: 2.5rem;
  }
}
.mbw-footer-link {
  grid-row-end: span 4;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.mbw-footer-link > span {
  color: #636570;
  color: var(--mbw-text-secondary, #636570);
}
.mbw-footer-link-title {
  color: #636570;
  color: var(--mbw-text-secondary, #636570);
}
.mbw-footer-svg {
  color: #636570;
  color: var(--mbw-icon-secondary, #636570);
}
.mbw-footer-path {
  text-decoration: none;
  color: #121212;
  color: var(--mbw-text-primary, #121212);
}
.mbw-footer-link-items {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.mbw-footer-company-info {
  grid-area: 5/1/auto/span 2;
  border-top: 1px solid #eaeaea;
  border-top: 1px solid var(--mbw-default-border, #eaeaea);
  color: #636570;
  color: var(--mbw-text-secondary, #636570);
  padding-top: 3rem;
}
@media (max-width: 48rem) {
  .mbw-footer-company-info {
    grid-area: 6/1;
    padding-top: 1rem;
  }
}
.mbw-footer-terms-links {
  grid-area: 5/2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 2.5rem;
}
.mbw-footer-terms-links a {
  color: #636570;
  color: var(--mbw-text-secondary, #636570);
  padding: 0;
  text-decoration: none;
}
@media (max-width: 48rem) {
  .mbw-footer-terms-links {
    gap: 0.625rem;
    grid-area: 5/1;
    justify-content: stretch;
  }
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-speciality-standard-love-readings {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(186, 90, 90, 0.0392156863) 33.44%, #f1dede 100%);
  background: var(--mbw-speciality-love-readings-background-color, linear-gradient(107deg, var(--mbw-bg-love-readings-gradient, rgba(186, 90, 90, 0.0392156863)) 33.44%, var(--mbw-bg-love-readings, #f1dede) 100%));
  color: #ba5a5a;
  color: var(--mbw-love-readings, #ba5a5a);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #f1dede;
  border-color: var(--mbw-bg-love-readings, #f1dede);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-love-readings {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-love-readings:hover .mbw-speciality-icon-standard-love-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-love-readings:hover {
    background: linear-gradient(107deg, rgba(186, 90, 90, 0.0392156863) 33.44%, #f1dede 100%);
    background: var(--mbw-speciality-love-readings-background-color, linear-gradient(107deg, var(--mbw-bg-love-readings-gradient, rgba(186, 90, 90, 0.0392156863)) 33.44%, var(--mbw-bg-love-readings, #f1dede) 100%));
  }
}
.mbw-speciality-icon-standard-love-readings {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-love-readings {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-love-readings {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-psychic-readings {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(147, 86, 165, 0.0392156863) 33.44%, #e9dded 100%);
  background: var(--mbw-speciality-psychic-readings-background-color, linear-gradient(107deg, var(--mbw-bg-psychic-readings-gradient, rgba(147, 86, 165, 0.0392156863)) 33.44%, var(--mbw-bg-psychic-readings, #e9dded) 100%));
  color: #9356a5;
  color: var(--mbw-psychic-readings, #9356a5);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #e9dded;
  border-color: var(--mbw-bg-psychic-readings, #e9dded);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-psychic-readings {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-psychic-readings:hover .mbw-speciality-icon-standard-psychic-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-psychic-readings:hover {
    background: linear-gradient(107deg, rgba(147, 86, 165, 0.0392156863) 33.44%, #e9dded 100%);
    background: var(--mbw-speciality-psychic-readings-background-color, linear-gradient(107deg, var(--mbw-bg-psychic-readings-gradient, rgba(147, 86, 165, 0.0392156863)) 33.44%, var(--mbw-bg-psychic-readings, #e9dded) 100%));
  }
}
.mbw-speciality-icon-standard-psychic-readings {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-psychic-readings {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-psychic-readings {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-tarot-readings {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(71, 135, 185, 0.0392156863) 33.44%, #dae7f1 100%);
  background: var(--mbw-speciality-tarot-readings-background-color, linear-gradient(107deg, var(--mbw-bg-tarot-readings-gradient, rgba(71, 135, 185, 0.0392156863)) 33.44%, var(--mbw-bg-tarot-readings, #dae7f1) 100%));
  color: #4787b9;
  color: var(--mbw-tarot-readings, #4787b9);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #dae7f1;
  border-color: var(--mbw-bg-tarot-readings, #dae7f1);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-tarot-readings {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-tarot-readings:hover .mbw-speciality-icon-standard-tarot-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-tarot-readings:hover {
    background: linear-gradient(107deg, rgba(71, 135, 185, 0.0392156863) 33.44%, #dae7f1 100%);
    background: var(--mbw-speciality-tarot-readings-background-color, linear-gradient(107deg, var(--mbw-bg-tarot-readings-gradient, rgba(71, 135, 185, 0.0392156863)) 33.44%, var(--mbw-bg-tarot-readings, #dae7f1) 100%));
  }
}
.mbw-speciality-icon-standard-tarot-readings {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-tarot-readings {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-tarot-readings {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-astrology-horoscopes {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(62, 158, 168, 0.0392156863) 33.44%, #d8ecee 100%);
  background: var(--mbw-speciality-astrology-horoscopes-background-color, linear-gradient(107deg, var(--mbw-bg-astrology-horoscopes-gradient, rgba(62, 158, 168, 0.0392156863)) 33.44%, var(--mbw-bg-astrology-horoscopes, #d8ecee) 100%));
  color: #3e9ea8;
  color: var(--mbw-astrology-horoscopes, #3e9ea8);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #d8ecee;
  border-color: var(--mbw-bg-astrology-horoscopes, #d8ecee);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-astrology-horoscopes {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-astrology-horoscopes:hover .mbw-speciality-icon-standard-astrology-horoscopes {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-astrology-horoscopes:hover {
    background: linear-gradient(107deg, rgba(62, 158, 168, 0.0392156863) 33.44%, #d8ecee 100%);
    background: var(--mbw-speciality-astrology-horoscopes-background-color, linear-gradient(107deg, var(--mbw-bg-astrology-horoscopes-gradient, rgba(62, 158, 168, 0.0392156863)) 33.44%, var(--mbw-bg-astrology-horoscopes, #d8ecee) 100%));
  }
}
.mbw-speciality-icon-standard-astrology-horoscopes {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-astrology-horoscopes {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-astrology-horoscopes {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-palm-readings {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(73, 156, 86, 0.0392156863) 33.44%, #dbebdd 100%);
  background: var(--mbw-speciality-palm-readings-background-color, linear-gradient(107deg, var(--mbw-bg-palm-readings-gradient, rgba(73, 156, 86, 0.0392156863)) 33.44%, var(--mbw-bg-palm-readings, #dbebdd) 100%));
  color: #499c56;
  color: var(--mbw-palm-readings, #499c56);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-palm-readings, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-palm-readings {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-palm-readings:hover .mbw-speciality-icon-standard-palm-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-palm-readings:hover {
    background: linear-gradient(107deg, rgba(73, 156, 86, 0.0392156863) 33.44%, #dbebdd 100%);
    background: var(--mbw-speciality-palm-readings-background-color, linear-gradient(107deg, var(--mbw-bg-palm-readings-gradient, rgba(73, 156, 86, 0.0392156863)) 33.44%, var(--mbw-bg-palm-readings, #dbebdd) 100%));
  }
}
.mbw-speciality-icon-standard-palm-readings {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-palm-readings {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-palm-readings {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-angel-insights {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(191, 80, 160, 0.0392156863) 33.44%, #f2dcec 100%);
  background: var(--mbw-speciality-angel-insights-background-color, linear-gradient(107deg, var(--mbw-bg-angel-insights-gradient, rgba(191, 80, 160, 0.0392156863)) 33.44%, var(--mbw-bg-angel-insights, #f2dcec) 100%));
  color: #bf50a0;
  color: var(--mbw-angel-insights, #bf50a0);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #f2dcec;
  border-color: var(--mbw-bg-angel-insights, #f2dcec);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-angel-insights {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-angel-insights:hover .mbw-speciality-icon-standard-angel-insights {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-angel-insights:hover {
    background: linear-gradient(107deg, rgba(191, 80, 160, 0.0392156863) 33.44%, #f2dcec 100%);
    background: var(--mbw-speciality-angel-insights-background-color, linear-gradient(107deg, var(--mbw-bg-angel-insights-gradient, rgba(191, 80, 160, 0.0392156863)) 33.44%, var(--mbw-bg-angel-insights, #f2dcec) 100%));
  }
}
.mbw-speciality-icon-standard-angel-insights {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-angel-insights {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-angel-insights {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-oracle-guidance {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(182, 157, 30, 0.0392156863) 33.44%, #f0ebd2 100%);
  background: var(--mbw-speciality-oracle-guidance-background-color, linear-gradient(107deg, var(--mbw-bg-oracle-guidence-gradient, rgba(182, 157, 30, 0.0392156863)) 33.44%, var(--mbw-bg-oracle-guidence, #f0ebd2) 100%));
  color: #b69d1e;
  color: var(--mbw-oracle-guidence, #b69d1e);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #f0ebd2;
  border-color: var(--mbw-bg-oracle-guidence, #f0ebd2);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-oracle-guidance {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-oracle-guidance:hover .mbw-speciality-icon-standard-oracle-guidance {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-oracle-guidance:hover {
    background: linear-gradient(107deg, rgba(182, 157, 30, 0.0392156863) 33.44%, #f0ebd2 100%);
    background: var(--mbw-speciality-oracle-guidance-background-color, linear-gradient(107deg, var(--mbw-bg-oracle-guidence-gradient, rgba(182, 157, 30, 0.0392156863)) 33.44%, var(--mbw-bg-oracle-guidence, #f0ebd2) 100%));
  }
}
.mbw-speciality-icon-standard-oracle-guidance {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-oracle-guidance {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-oracle-guidance {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-dream-analysis {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(112, 112, 229, 0.0392156863) 33.44%, #e2e2fa 100%);
  background: var(--mbw-speciality-dream-analysis-background-color, linear-gradient(107deg, var(--mbw-bg-dream-analysis-gradient, rgba(112, 112, 229, 0.0392156863)) 33.44%, var(--mbw-bg-dream-analysis, #e2e2fa) 100%));
  color: #7070e5;
  color: var(--mbw-dream-analysis, #7070e5);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #e2e2fa;
  border-color: var(--mbw-bg-dream-analysis, #e2e2fa);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-dream-analysis {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-dream-analysis:hover .mbw-speciality-icon-standard-dream-analysis {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-dream-analysis:hover {
    background: linear-gradient(107deg, rgba(112, 112, 229, 0.0392156863) 33.44%, #e2e2fa 100%);
    background: var(--mbw-speciality-dream-analysis-background-color, linear-gradient(107deg, var(--mbw-bg-dream-analysis-gradient, rgba(112, 112, 229, 0.0392156863)) 33.44%, var(--mbw-bg-dream-analysis, #e2e2fa) 100%));
  }
}
.mbw-speciality-icon-standard-dream-analysis {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-dream-analysis {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-dream-analysis {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-spiritual-medium {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: linear-gradient(107deg, rgba(73, 156, 86, 0.0392156863) 33.44%, #dbebdd 100%);
  background: var(--mbw-speciality-palm-readings-background-color, linear-gradient(107deg, var(--mbw-bg-palm-readings-gradient, rgba(73, 156, 86, 0.0392156863)) 33.44%, var(--mbw-bg-palm-readings, #dbebdd) 100%));
  color: #499c56;
  color: var(--mbw-spiritual-medium, #499c56);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-spiritual-medium, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-spiritual-medium {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-spiritual-medium:hover .mbw-speciality-icon-standard-spiritual-medium {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-spiritual-medium:hover {
    background: linear-gradient(107deg, rgba(73, 156, 86, 0.0392156863) 33.44%, #dbebdd 100%);
    background: var(--mbw-speciality-palm-readings-background-color, linear-gradient(107deg, var(--mbw-bg-palm-readings-gradient, rgba(73, 156, 86, 0.0392156863)) 33.44%, var(--mbw-bg-palm-readings, #dbebdd) 100%));
  }
}
.mbw-speciality-icon-standard-spiritual-medium {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-spiritual-medium {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-spiritual-medium {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-standard-default {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  background: #fff;
  background: var(--mbw-speciality-bg-color, #fff);
  color: #121212;
  color: var(--mbw-speciality-fg-color, #121212);
  border-radius: 1.25rem;
  border: 0.063rem solid;
  border: var(--mbw-speciality-standard-border, 0.063rem solid);
  border-color: #eaeaea;
  border-color: var(--mbw-speciality-border-color, var(--mbw-border-primary, #eaeaea));
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-default {
    border-radius: 1.25rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-default:hover .mbw-speciality-icon-standard-default {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-standard-default:hover {
    background: #fff;
    background: var(--mbw-speciality-bg-color, #fff);
  }
}
.mbw-speciality-icon-standard-default {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 0.875rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-standard-default {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-standard-default {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.mbw-speciality-content-standard {
  display: flex;
  flex-direction: row;
  align-items: left;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 80rem) {
  .mbw-speciality-content-standard {
    flex-direction: column;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-content-standard {
    padding: 1.5rem;
  }
}
.mbw-speciality-title-standard {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-standard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-speciality-description-standard {
  display: flex;
  padding-top: 0.5rem;
}
.mbw-speciality-footer-standard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
}
.mbw-speciality-title-desktop-standard {
  display: flex;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-standard {
    display: none;
  }
}
.mbw-speciality-title-mobile-standard {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-standard {
    display: flex;
  }
}
.mbw-speciality-large-love-readings {
  display: flex;
  color: #ba5a5a;
  color: var(--mbw-love-readings, #ba5a5a);
  border-color: #f1dede;
  border-color: var(--mbw-bg-love-readings, #f1dede);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-love-readings:hover .mbw-speciality-icon-large-love-readings {
    transform: none;
  }
}
.mbw-speciality-icon-large-love-readings {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-psychic-readings {
  display: flex;
  color: #9356a5;
  color: var(--mbw-psychic-readings, #9356a5);
  border-color: #e9dded;
  border-color: var(--mbw-bg-psychic-readings, #e9dded);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-psychic-readings:hover .mbw-speciality-icon-large-psychic-readings {
    transform: none;
  }
}
.mbw-speciality-icon-large-psychic-readings {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-tarot-readings {
  display: flex;
  color: #4787b9;
  color: var(--mbw-tarot-readings, #4787b9);
  border-color: #dae7f1;
  border-color: var(--mbw-bg-tarot-readings, #dae7f1);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-tarot-readings:hover .mbw-speciality-icon-large-tarot-readings {
    transform: none;
  }
}
.mbw-speciality-icon-large-tarot-readings {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-astrology-horoscopes {
  display: flex;
  color: #3e9ea8;
  color: var(--mbw-astrology-horoscopes, #3e9ea8);
  border-color: #d8ecee;
  border-color: var(--mbw-bg-astrology-horoscopes, #d8ecee);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-astrology-horoscopes:hover .mbw-speciality-icon-large-astrology-horoscopes {
    transform: none;
  }
}
.mbw-speciality-icon-large-astrology-horoscopes {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-palm-readings {
  display: flex;
  color: #499c56;
  color: var(--mbw-palm-readings, #499c56);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-palm-readings, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-palm-readings:hover .mbw-speciality-icon-large-palm-readings {
    transform: none;
  }
}
.mbw-speciality-icon-large-palm-readings {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-angel-insights {
  display: flex;
  color: #bf50a0;
  color: var(--mbw-angel-insights, #bf50a0);
  border-color: #f2dcec;
  border-color: var(--mbw-bg-angel-insights, #f2dcec);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-angel-insights:hover .mbw-speciality-icon-large-angel-insights {
    transform: none;
  }
}
.mbw-speciality-icon-large-angel-insights {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-oracle-guidance {
  display: flex;
  color: #b69d1e;
  color: var(--mbw-oracle-guidence, #b69d1e);
  border-color: #f0ebd2;
  border-color: var(--mbw-bg-oracle-guidence, #f0ebd2);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-oracle-guidance:hover .mbw-speciality-icon-large-oracle-guidance {
    transform: none;
  }
}
.mbw-speciality-icon-large-oracle-guidance {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-dream-analysis {
  display: flex;
  color: #7070e5;
  color: var(--mbw-dream-analysis, #7070e5);
  border-color: #e2e2fa;
  border-color: var(--mbw-bg-dream-analysis, #e2e2fa);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-dream-analysis:hover .mbw-speciality-icon-large-dream-analysis {
    transform: none;
  }
}
.mbw-speciality-icon-large-dream-analysis {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-spiritual-medium {
  display: flex;
  color: #499c56;
  color: var(--mbw-spiritual-medium, #499c56);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-spiritual-medium, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-large-spiritual-medium:hover .mbw-speciality-icon-large-spiritual-medium {
    transform: none;
  }
}
.mbw-speciality-icon-large-spiritual-medium {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-large-default {
  display: flex;
  color: #121212;
  color: var(--mbw-speciality-fg-color, #121212);
  border-color: #eaeaea;
  border-color: var(--mbw-speciality-border-color, var(--mbw-border-primary, #eaeaea));
}
@media (max-width: 48rem) {
  .mbw-speciality-large-default:hover .mbw-speciality-icon-large-default {
    transform: none;
  }
}
.mbw-speciality-icon-large-default {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  transition: transform 0.3s ease-in-out;
}
.mbw-speciality-content-large {
  display: flex;
}
.mbw-speciality-title-large {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-large {
  display: flex;
}
.mbw-speciality-description-large {
  padding-top: 0.5rem;
}
.mbw-speciality-footer-large {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-large {
  display: flex;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-large {
    display: none;
  }
}
.mbw-speciality-title-mobile-large {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-large {
    display: flex;
  }
}
.mbw-speciality-button-love-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #f1dede;
  background: var(--mbw-bg-love-readings, #f1dede);
  color: #ba5a5a;
  color: var(--mbw-love-readings, #ba5a5a);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #f1dede;
  border-color: var(--mbw-bg-love-readings, #f1dede);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-love-readings {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-love-readings:hover .mbw-speciality-icon-button-love-readings {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-love-readings:hover .mbw-speciality-icon-button-love-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-love-readings:hover {
    background: #f1dede;
    background: var(--mbw-bg-love-readings, #f1dede);
  }
}
.mbw-speciality-icon-button-love-readings {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-love-readings {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-love-readings {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-love-readings {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-psychic-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #e9dded;
  background: var(--mbw-bg-psychic-readings, #e9dded);
  color: #9356a5;
  color: var(--mbw-psychic-readings, #9356a5);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #e9dded;
  border-color: var(--mbw-bg-psychic-readings, #e9dded);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-psychic-readings {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-psychic-readings:hover .mbw-speciality-icon-button-psychic-readings {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-psychic-readings:hover .mbw-speciality-icon-button-psychic-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-psychic-readings:hover {
    background: #e9dded;
    background: var(--mbw-bg-psychic-readings, #e9dded);
  }
}
.mbw-speciality-icon-button-psychic-readings {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-psychic-readings {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-psychic-readings {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-psychic-readings {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-tarot-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #dae7f1;
  background: var(--mbw-bg-tarot-readings, #dae7f1);
  color: #4787b9;
  color: var(--mbw-tarot-readings, #4787b9);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #dae7f1;
  border-color: var(--mbw-bg-tarot-readings, #dae7f1);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-tarot-readings {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-tarot-readings:hover .mbw-speciality-icon-button-tarot-readings {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-tarot-readings:hover .mbw-speciality-icon-button-tarot-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-tarot-readings:hover {
    background: #dae7f1;
    background: var(--mbw-bg-tarot-readings, #dae7f1);
  }
}
.mbw-speciality-icon-button-tarot-readings {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-tarot-readings {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-tarot-readings {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-tarot-readings {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-astrology-horoscopes {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #d8ecee;
  background: var(--mbw-bg-astrology-horoscopes, #d8ecee);
  color: #3e9ea8;
  color: var(--mbw-astrology-horoscopes, #3e9ea8);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #d8ecee;
  border-color: var(--mbw-bg-astrology-horoscopes, #d8ecee);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-astrology-horoscopes {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-astrology-horoscopes:hover .mbw-speciality-icon-button-astrology-horoscopes {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-astrology-horoscopes:hover .mbw-speciality-icon-button-astrology-horoscopes {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-astrology-horoscopes:hover {
    background: #d8ecee;
    background: var(--mbw-bg-astrology-horoscopes, #d8ecee);
  }
}
.mbw-speciality-icon-button-astrology-horoscopes {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-astrology-horoscopes {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-astrology-horoscopes {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-astrology-horoscopes {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-palm-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #dbebdd;
  background: var(--mbw-bg-palm-readings, #dbebdd);
  color: #499c56;
  color: var(--mbw-palm-readings, #499c56);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-palm-readings, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-palm-readings {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-palm-readings:hover .mbw-speciality-icon-button-palm-readings {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-palm-readings:hover .mbw-speciality-icon-button-palm-readings {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-palm-readings:hover {
    background: #dbebdd;
    background: var(--mbw-bg-palm-readings, #dbebdd);
  }
}
.mbw-speciality-icon-button-palm-readings {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-palm-readings {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-palm-readings {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-palm-readings {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-angel-insights {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #f2dcec;
  background: var(--mbw-bg-angel-insights, #f2dcec);
  color: #bf50a0;
  color: var(--mbw-angel-insights, #bf50a0);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #f2dcec;
  border-color: var(--mbw-bg-angel-insights, #f2dcec);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-angel-insights {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-angel-insights:hover .mbw-speciality-icon-button-angel-insights {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-angel-insights:hover .mbw-speciality-icon-button-angel-insights {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-angel-insights:hover {
    background: #f2dcec;
    background: var(--mbw-bg-angel-insights, #f2dcec);
  }
}
.mbw-speciality-icon-button-angel-insights {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-angel-insights {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-angel-insights {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-angel-insights {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-oracle-guidance {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #f0ebd2;
  background: var(--mbw-bg-oracle-guidence, #f0ebd2);
  color: #b69d1e;
  color: var(--mbw-oracle-guidence, #b69d1e);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #f0ebd2;
  border-color: var(--mbw-bg-oracle-guidence, #f0ebd2);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-oracle-guidance {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-oracle-guidance:hover .mbw-speciality-icon-button-oracle-guidance {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-oracle-guidance:hover .mbw-speciality-icon-button-oracle-guidance {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-oracle-guidance:hover {
    background: #f0ebd2;
    background: var(--mbw-bg-oracle-guidence, #f0ebd2);
  }
}
.mbw-speciality-icon-button-oracle-guidance {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-oracle-guidance {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-oracle-guidance {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-oracle-guidance {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-dream-analysis {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #e2e2fa;
  background: var(--mbw-bg-dream-analysis, #e2e2fa);
  color: #7070e5;
  color: var(--mbw-dream-analysis, #7070e5);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #e2e2fa;
  border-color: var(--mbw-bg-dream-analysis, #e2e2fa);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-dream-analysis {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-dream-analysis:hover .mbw-speciality-icon-button-dream-analysis {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-dream-analysis:hover .mbw-speciality-icon-button-dream-analysis {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-dream-analysis:hover {
    background: #e2e2fa;
    background: var(--mbw-bg-dream-analysis, #e2e2fa);
  }
}
.mbw-speciality-icon-button-dream-analysis {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-dream-analysis {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-dream-analysis {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-dream-analysis {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-spiritual-medium {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #dbebdd;
  background: var(--mbw-bg-spiritual-medium, #dbebdd);
  color: #499c56;
  color: var(--mbw-spiritual-medium, #499c56);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-spiritual-medium, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-button-spiritual-medium {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-spiritual-medium:hover .mbw-speciality-icon-button-spiritual-medium {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-spiritual-medium:hover .mbw-speciality-icon-button-spiritual-medium {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-spiritual-medium:hover {
    background: #dbebdd;
    background: var(--mbw-bg-spiritual-medium, #dbebdd);
  }
}
.mbw-speciality-icon-button-spiritual-medium {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-spiritual-medium {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-spiritual-medium {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-spiritual-medium {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-button-default {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-align, center);
  width: 100%;
  width: var(--mbw-speciality-button-width, 100%);
  height: 100%;
  height: var(--mbw-speciality-button-height, 100%);
  background: #fff;
  background: var(--mbw-speciality-bg-color, #fff);
  color: #121212;
  color: var(--mbw-speciality-fg-color, #121212);
  border-radius: 1.563rem;
  border-radius: var(--mbw-speciality-button-border-radius, 1.563rem);
  border-right: none;
  border-right: var(--mbw-speciality-button-border-right, none);
  border-color: #eaeaea;
  border-color: var(--mbw-speciality-border-color, var(--mbw-border-primary, #eaeaea));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-default {
    border-radius: 0.938rem;
    border-radius: var(--mbw-speciality-button-mobile-border-radius, 0.938rem);
  }
}
.mbw-speciality-button-default:hover {
  background: #f7f7f7;
  background: var(--mbw-background-secondary, #f7f7f7);
}
.mbw-speciality-button-default:hover .mbw-speciality-icon-button-default {
  transform: scale(1.2);
  transform: var(--mbw-speciality-button-hover-transform, scale(1.2));
}
@media (max-width: 48rem) {
  .mbw-speciality-button-default:hover .mbw-speciality-icon-button-default {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-button-default:hover {
    background: #fff;
    background: var(--mbw-speciality-bg-color, #fff);
  }
}
.mbw-speciality-icon-button-default {
  display: flex;
  flex-direction: column;
  width: 6.75rem;
  width: var(--mbw-speciality-button-icon-width, 6.75rem);
  height: 6.75rem;
  height: var(--mbw-speciality-button-icon-height, 6.75rem);
  border-radius: 0.875rem;
  margin-bottom: 1.25rem;
  margin-bottom: var(--mbw-speciality-button-icon-margin-bottom, 1.25rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 105rem) {
  .mbw-speciality-icon-button-default {
    width: 5.125rem;
    width: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
    height: 5.125rem;
    height: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  }
}
@media (max-width: 80rem) {
  .mbw-speciality-icon-button-default {
    width: 3.938rem;
    width: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
    height: 3.938rem;
    height: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-button-default {
    width: 4.688rem;
    width: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
    height: 4.688rem;
    height: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
    margin-bottom: 0;
    margin-bottom: var(--mbw-speciality-button-icon-mobile-margin-bottom, 0);
  }
}
.mbw-speciality-content-button {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-button-text-align, center);
  padding: 1.3125rem 0 1.563rem 0;
  padding: var(--mbw-speciality-button-paddings, 1.3125rem 0 1.563rem 0);
  text-align: center;
  text-align: var(--mbw-speciality-button-text-align, center);
}
@media (max-width: 48rem) {
  .mbw-speciality-content-button {
    padding: 0.313rem 0 1rem 0;
    padding: var(--mbw-speciality-button-mobile-padding, 0.313rem 0 1rem 0);
  }
}
.mbw-speciality-title-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mbw-speciality-title-content-button {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-button-title-content-justify, center);
  height: 100%;
  height: var(--mbw-speciality-button-title-content-height, 100%);
  align-items: center;
  align-items: var(--mbw-speciality-button-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
.mbw-speciality-description-button {
  display: none;
  display: var(--mbw-speciality-button-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-button {
  display: none;
  display: var(--mbw-speciality-button-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-button {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-button-title-width, -moz-min-content);
  width: var(--mbw-speciality-button-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-button-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-button {
    display: none;
  }
}
.mbw-speciality-title-mobile-button {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-button {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-button-title-width, -moz-min-content);
    width: var(--mbw-speciality-button-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-love-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #ba5a5a;
  color: var(--mbw-love-readings, #ba5a5a);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #f1dede;
  border-color: var(--mbw-bg-love-readings, #f1dede);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-love-readings {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-love-readings:hover .mbw-speciality-icon-advisor-profile-love-readings {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-love-readings {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #f1dede;
  background-color: var(--mbw-bg-love-readings, #f1dede);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-love-readings {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-psychic-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #9356a5;
  color: var(--mbw-psychic-readings, #9356a5);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #e9dded;
  border-color: var(--mbw-bg-psychic-readings, #e9dded);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-psychic-readings {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-psychic-readings:hover .mbw-speciality-icon-advisor-profile-psychic-readings {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-psychic-readings {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #e9dded;
  background-color: var(--mbw-bg-psychic-readings, #e9dded);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-psychic-readings {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-tarot-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #4787b9;
  color: var(--mbw-tarot-readings, #4787b9);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #dae7f1;
  border-color: var(--mbw-bg-tarot-readings, #dae7f1);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-tarot-readings {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-tarot-readings:hover .mbw-speciality-icon-advisor-profile-tarot-readings {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-tarot-readings {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #dae7f1;
  background-color: var(--mbw-bg-tarot-readings, #dae7f1);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-tarot-readings {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-astrology-horoscopes {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #3e9ea8;
  color: var(--mbw-astrology-horoscopes, #3e9ea8);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #d8ecee;
  border-color: var(--mbw-bg-astrology-horoscopes, #d8ecee);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-astrology-horoscopes {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-astrology-horoscopes:hover .mbw-speciality-icon-advisor-profile-astrology-horoscopes {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-astrology-horoscopes {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #d8ecee;
  background-color: var(--mbw-bg-astrology-horoscopes, #d8ecee);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-astrology-horoscopes {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-palm-readings {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #499c56;
  color: var(--mbw-palm-readings, #499c56);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-palm-readings, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-palm-readings {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-palm-readings:hover .mbw-speciality-icon-advisor-profile-palm-readings {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-palm-readings {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #dbebdd;
  background-color: var(--mbw-bg-palm-readings, #dbebdd);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-palm-readings {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-angel-insights {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #bf50a0;
  color: var(--mbw-angel-insights, #bf50a0);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #f2dcec;
  border-color: var(--mbw-bg-angel-insights, #f2dcec);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-angel-insights {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-angel-insights:hover .mbw-speciality-icon-advisor-profile-angel-insights {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-angel-insights {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #f2dcec;
  background-color: var(--mbw-bg-angel-insights, #f2dcec);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-angel-insights {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-oracle-guidance {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #b69d1e;
  color: var(--mbw-oracle-guidence, #b69d1e);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #f0ebd2;
  border-color: var(--mbw-bg-oracle-guidence, #f0ebd2);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-oracle-guidance {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-oracle-guidance:hover .mbw-speciality-icon-advisor-profile-oracle-guidance {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-oracle-guidance {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #f0ebd2;
  background-color: var(--mbw-bg-oracle-guidence, #f0ebd2);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-oracle-guidance {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-dream-analysis {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #7070e5;
  color: var(--mbw-dream-analysis, #7070e5);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #e2e2fa;
  border-color: var(--mbw-bg-dream-analysis, #e2e2fa);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-dream-analysis {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-dream-analysis:hover .mbw-speciality-icon-advisor-profile-dream-analysis {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-dream-analysis {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #e2e2fa;
  background-color: var(--mbw-bg-dream-analysis, #e2e2fa);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-dream-analysis {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-spiritual-medium {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #499c56;
  color: var(--mbw-spiritual-medium, #499c56);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #dbebdd;
  border-color: var(--mbw-bg-spiritual-medium, #dbebdd);
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-spiritual-medium {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-spiritual-medium:hover .mbw-speciality-icon-advisor-profile-spiritual-medium {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-spiritual-medium {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #dbebdd;
  background-color: var(--mbw-bg-spiritual-medium, #dbebdd);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-spiritual-medium {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-advisor-profile-default {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-align, center);
  width: -moz-fit-content;
  width: fit-content;
  width: var(--mbw-speciality-advisor-profile-width, -moz-fit-content);
  width: var(--mbw-speciality-advisor-profile-width, fit-content);
  color: #121212;
  color: var(--mbw-speciality-fg-color, #121212);
  border-radius: 0;
  border-radius: var(--mbw-speciality-advisor-profile-border-radius, 0);
  border: none;
  border: var(--mbw-speciality-advisor-profile-border, none);
  border-color: #eaeaea;
  border-color: var(--mbw-speciality-border-color, var(--mbw-border-primary, #eaeaea));
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-default {
    border-radius: 0;
    border-radius: var(--mbw-speciality-advisor-profile-mobile-border-radius, 0);
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-advisor-profile-default:hover .mbw-speciality-icon-advisor-profile-default {
    transform: none;
  }
}
.mbw-speciality-icon-advisor-profile-default {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  width: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  background-color: #fff;
  background-color: var(--mbw-speciality-bg-color, #fff);
  border-radius: 0.875rem;
  margin-right: 0;
  margin-right: var(--mbw-speciality-advisor-profile-icon-margin-right, 0);
  margin-bottom: 0.313rem;
  margin-bottom: var(--mbw-speciality-advisor-profile-icon-margin-bottom, 0.313rem);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 48rem) {
  .mbw-speciality-icon-advisor-profile-default {
    width: 3.75rem;
    width: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
    height: 3.75rem;
    height: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  }
}
.mbw-speciality-content-advisor-profile {
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-direction, column);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-text-align, center);
  padding: 0;
  padding: var(--mbw-speciality-advisor-profile-paddings, 0);
  text-align: center;
  text-align: var(--mbw-speciality-advisor-profile-text-align, center);
}
.mbw-speciality-title-advisor-profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #121212;
  color: var(--mbw-speciality-advisor-profile-title-color, var(--mbw-text-primary, #121212));
}
.mbw-speciality-title-content-advisor-profile {
  display: flex;
  justify-content: center;
  justify-content: var(--mbw-speciality-advisor-profile-title-content-justify, center);
  align-items: center;
  align-items: var(--mbw-speciality-advisor-profile-title-content-align, center);
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
.mbw-speciality-description-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-description-display, none);
  padding-top: 0.5rem;
}
.mbw-speciality-footer-advisor-profile {
  display: none;
  display: var(--mbw-speciality-advisor-profile-footer-display, none);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mbw-speciality-title-desktop-advisor-profile {
  width: -moz-min-content;
  width: min-content;
  width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
  width: var(--mbw-speciality-advisor-profile-title-width, min-content);
  display: flex;
  flex-direction: column;
  flex-direction: var(--mbw-speciality-advisor-profile-title-direction, column);
}
@media (max-width: 48rem) {
  .mbw-speciality-title-desktop-advisor-profile {
    display: none;
  }
}
.mbw-speciality-title-mobile-advisor-profile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-title-mobile-advisor-profile {
    width: -moz-min-content;
    width: min-content;
    width: var(--mbw-speciality-advisor-profile-title-width, -moz-min-content);
    width: var(--mbw-speciality-advisor-profile-title-width, min-content);
    display: flex;
  }
}
.mbw-speciality-extra-content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 80rem) {
  .mbw-speciality-advisor-group {
    display: none;
  }
}
.mbw-specialitysee-see-all-button {
  width: 180px;
}
@media (max-width: 80rem) {
  .mbw-specialitysee-see-all-button {
    width: 100%;
  }
}
@media (max-width: 48rem) {
  .mbw-speciality-description-desktop {
    display: none;
  }
}
.mbw-speciality-description-mobile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-speciality-description-mobile {
    display: inline;
    display: initial;
  }
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-coupon-container-small {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 80 26%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath d=%27M11.4487 0.837094C11.1828 0.385038 10.7487 0 10.2221 0H5.53589C2.4785 0 0 2.46489 0 5.50549V20.4945C0 23.5351 2.4785 26 5.53589 26H10.2221C10.7487 26 11.1828 25.615 11.4487 25.1629C11.9289 24.3463 12.8199 23.7978 13.8397 23.7978C14.8596 23.7978 15.7506 24.3463 16.2308 25.1629C16.4966 25.615 16.9307 26 17.4573 26H74.4661C77.5235 26 80.002 23.5351 80.002 20.4945V5.50549C80.002 2.46489 77.5235 0 74.4661 0H17.4573C16.9307 0 16.4966 0.385038 16.2308 0.837094C15.7506 1.65367 14.8596 2.2022 13.8397 2.2022C12.8199 2.2022 11.9289 1.65367 11.4487 0.837094Z%27 fill=%27url%28%23paint0_linear_3159_12083%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_12083%27 x1=%27-2.52107%27 y1=%272.04286%27 x2=%2780.2829%27 y2=%273.05667%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  mask-image: var(--coupon-bg-color-small, url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 80 26%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath d=%27M11.4487 0.837094C11.1828 0.385038 10.7487 0 10.2221 0H5.53589C2.4785 0 0 2.46489 0 5.50549V20.4945C0 23.5351 2.4785 26 5.53589 26H10.2221C10.7487 26 11.1828 25.615 11.4487 25.1629C11.9289 24.3463 12.8199 23.7978 13.8397 23.7978C14.8596 23.7978 15.7506 24.3463 16.2308 25.1629C16.4966 25.615 16.9307 26 17.4573 26H74.4661C77.5235 26 80.002 23.5351 80.002 20.4945V5.50549C80.002 2.46489 77.5235 0 74.4661 0H17.4573C16.9307 0 16.4966 0.385038 16.2308 0.837094C15.7506 1.65367 14.8596 2.2022 13.8397 2.2022C12.8199 2.2022 11.9289 1.65367 11.4487 0.837094Z%27 fill=%27url%28%23paint0_linear_3159_12083%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_12083%27 x1=%27-2.52107%27 y1=%272.04286%27 x2=%2780.2829%27 y2=%273.05667%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 80 26%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath d=%27M11.4487 0.837094C11.1828 0.385038 10.7487 0 10.2221 0H5.53589C2.4785 0 0 2.46489 0 5.50549V20.4945C0 23.5351 2.4785 26 5.53589 26H10.2221C10.7487 26 11.1828 25.615 11.4487 25.1629C11.9289 24.3463 12.8199 23.7978 13.8397 23.7978C14.8596 23.7978 15.7506 24.3463 16.2308 25.1629C16.4966 25.615 16.9307 26 17.4573 26H74.4661C77.5235 26 80.002 23.5351 80.002 20.4945V5.50549C80.002 2.46489 77.5235 0 74.4661 0H17.4573C16.9307 0 16.4966 0.385038 16.2308 0.837094C15.7506 1.65367 14.8596 2.2022 13.8397 2.2022C12.8199 2.2022 11.9289 1.65367 11.4487 0.837094Z%27 fill=%27url%28%23paint0_linear_3159_12083%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_12083%27 x1=%27-2.52107%27 y1=%272.04286%27 x2=%2780.2829%27 y2=%273.05667%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-image: var(--coupon-bg-color-small, url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 80 26%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath d=%27M11.4487 0.837094C11.1828 0.385038 10.7487 0 10.2221 0H5.53589C2.4785 0 0 2.46489 0 5.50549V20.4945C0 23.5351 2.4785 26 5.53589 26H10.2221C10.7487 26 11.1828 25.615 11.4487 25.1629C11.9289 24.3463 12.8199 23.7978 13.8397 23.7978C14.8596 23.7978 15.7506 24.3463 16.2308 25.1629C16.4966 25.615 16.9307 26 17.4573 26H74.4661C77.5235 26 80.002 23.5351 80.002 20.4945V5.50549C80.002 2.46489 77.5235 0 74.4661 0H17.4573C16.9307 0 16.4966 0.385038 16.2308 0.837094C15.7506 1.65367 14.8596 2.2022 13.8397 2.2022C12.8199 2.2022 11.9289 1.65367 11.4487 0.837094Z%27 fill=%27url%28%23paint0_linear_3159_12083%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_12083%27 x1=%27-2.52107%27 y1=%272.04286%27 x2=%2780.2829%27 y2=%273.05667%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  color: #fff;
  color: var(--mbw-text-tertiary, #fff);
  position: relative;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.mbw-coupon-icon-small {
  width: 1.875rem;
  height: 1.875rem;
  width: 30%;
  display: none;
  align-items: center;
  justify-content: center;
}
.mbw-coupon-info-small {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mbw-coupon-arrow-small {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
}
.mbw-coupon-container-medium {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  mask-image: url("data:image/svg+xml,%3Csvg width=%27101%27 height=%2733%27 viewBox=%270 0 101 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.4536 1.06247C14.118 0.488703 13.5699 0 12.9051 0H6.98889C3.12903 0 0 3.12852 0 6.98774V26.0123C0 29.8715 3.12903 33 6.98889 33H12.9051C13.5699 33 14.118 32.5113 14.4536 31.9375C15.0598 30.9011 16.1847 30.2049 17.4722 30.2049C18.7597 30.2049 19.8846 30.9011 20.4909 31.9375C20.8265 32.5113 21.3745 33 22.0393 33H94.0111C97.871 33 101 29.8715 101 26.0123V6.98774C101 3.12852 97.871 0 94.0111 0H22.0393C21.3745 0 20.8265 0.488703 20.4909 1.06247C19.8846 2.09889 18.7597 2.7951 17.4722 2.7951C16.1847 2.7951 15.0598 2.09889 14.4536 1.06247Z%27 fill=%27url%28%23paint0_linear_2837_11548%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_2837_11548%27 x1=%27-3.18277%27 y1=%272.59286%27 x2=%27101.355%27 y2=%273.86595%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  mask-image: var(--coupon-bg-color-medium, url("data:image/svg+xml,%3Csvg width=%27101%27 height=%2733%27 viewBox=%270 0 101 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.4536 1.06247C14.118 0.488703 13.5699 0 12.9051 0H6.98889C3.12903 0 0 3.12852 0 6.98774V26.0123C0 29.8715 3.12903 33 6.98889 33H12.9051C13.5699 33 14.118 32.5113 14.4536 31.9375C15.0598 30.9011 16.1847 30.2049 17.4722 30.2049C18.7597 30.2049 19.8846 30.9011 20.4909 31.9375C20.8265 32.5113 21.3745 33 22.0393 33H94.0111C97.871 33 101 29.8715 101 26.0123V6.98774C101 3.12852 97.871 0 94.0111 0H22.0393C21.3745 0 20.8265 0.488703 20.4909 1.06247C19.8846 2.09889 18.7597 2.7951 17.4722 2.7951C16.1847 2.7951 15.0598 2.09889 14.4536 1.06247Z%27 fill=%27url%28%23paint0_linear_2837_11548%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_2837_11548%27 x1=%27-3.18277%27 y1=%272.59286%27 x2=%27101.355%27 y2=%273.86595%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%27101%27 height=%2733%27 viewBox=%270 0 101 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.4536 1.06247C14.118 0.488703 13.5699 0 12.9051 0H6.98889C3.12903 0 0 3.12852 0 6.98774V26.0123C0 29.8715 3.12903 33 6.98889 33H12.9051C13.5699 33 14.118 32.5113 14.4536 31.9375C15.0598 30.9011 16.1847 30.2049 17.4722 30.2049C18.7597 30.2049 19.8846 30.9011 20.4909 31.9375C20.8265 32.5113 21.3745 33 22.0393 33H94.0111C97.871 33 101 29.8715 101 26.0123V6.98774C101 3.12852 97.871 0 94.0111 0H22.0393C21.3745 0 20.8265 0.488703 20.4909 1.06247C19.8846 2.09889 18.7597 2.7951 17.4722 2.7951C16.1847 2.7951 15.0598 2.09889 14.4536 1.06247Z%27 fill=%27url%28%23paint0_linear_2837_11548%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_2837_11548%27 x1=%27-3.18277%27 y1=%272.59286%27 x2=%27101.355%27 y2=%273.86595%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-image: var(--coupon-bg-color-medium, url("data:image/svg+xml,%3Csvg width=%27101%27 height=%2733%27 viewBox=%270 0 101 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.4536 1.06247C14.118 0.488703 13.5699 0 12.9051 0H6.98889C3.12903 0 0 3.12852 0 6.98774V26.0123C0 29.8715 3.12903 33 6.98889 33H12.9051C13.5699 33 14.118 32.5113 14.4536 31.9375C15.0598 30.9011 16.1847 30.2049 17.4722 30.2049C18.7597 30.2049 19.8846 30.9011 20.4909 31.9375C20.8265 32.5113 21.3745 33 22.0393 33H94.0111C97.871 33 101 29.8715 101 26.0123V6.98774C101 3.12852 97.871 0 94.0111 0H22.0393C21.3745 0 20.8265 0.488703 20.4909 1.06247C19.8846 2.09889 18.7597 2.7951 17.4722 2.7951C16.1847 2.7951 15.0598 2.09889 14.4536 1.06247Z%27 fill=%27url%28%23paint0_linear_2837_11548%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_2837_11548%27 x1=%27-3.18277%27 y1=%272.59286%27 x2=%27101.355%27 y2=%273.86595%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  color: #fff;
  color: var(--mbw-text-tertiary, #fff);
  position: relative;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.mbw-coupon-icon-medium {
  width: 1.875rem;
  height: 1.875rem;
  width: 30%;
  display: none;
  align-items: center;
  justify-content: center;
}
.mbw-coupon-info-medium {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mbw-coupon-arrow-medium {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
}
.mbw-coupon-container-large {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 268 70%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M57.5 6.98242V7.93333C57.5 8.20948 57.2761 8.43333 57 8.43333C56.7239 8.43333 56.5 8.20948 56.5 7.93333V6.98242C53.8872 6.79802 51.6702 5.17965 50.6314 2.90951C49.942 1.4029 48.6569 0 47 0H10C4.47715 0 0 4.47715 0 10V60C0 65.5229 4.47715 70 10 70H47C48.6569 70 49.942 68.5971 50.6314 67.0905C51.6702 64.8204 53.8872 63.202 56.5 63.0176V62.0667C56.5 61.7905 56.7239 61.5667 57 61.5667C57.2761 61.5667 57.5 61.7905 57.5 62.0667V63.0176C60.1128 63.202 62.3298 64.8204 63.3686 67.0905C64.058 68.5971 65.3432 70 67 70H258C263.523 70 268 65.5229 268 60V10C268 4.47715 263.523 0 258 0H67C65.3431 0 64.058 1.4029 63.3686 2.90951C62.3298 5.17964 60.1128 6.79802 57.5 6.98242ZM56.5 56.2667C56.5 56.5428 56.7239 56.7667 57 56.7667C57.2761 56.7667 57.5 56.5428 57.5 56.2667V52.4C57.5 52.1239 57.2761 51.9 57 51.9C56.7239 51.9 56.5 52.1239 56.5 52.4V56.2667ZM56.5 46.6C56.5 46.8761 56.7239 47.1 57 47.1C57.2761 47.1 57.5 46.8761 57.5 46.6V42.7333C57.5 42.4572 57.2761 42.2333 57 42.2333C56.7239 42.2333 56.5 42.4572 56.5 42.7333V46.6ZM56.5 36.9333C56.5 37.2095 56.7239 37.4333 57 37.4333C57.2761 37.4333 57.5 37.2095 57.5 36.9333V33.0667C57.5 32.7905 57.2761 32.5667 57 32.5667C56.7239 32.5667 56.5 32.7905 56.5 33.0667V36.9333ZM56.5 27.2667C56.5 27.5428 56.7239 27.7667 57 27.7667C57.2761 27.7667 57.5 27.5428 57.5 27.2667V23.4C57.5 23.1239 57.2761 22.9 57 22.9C56.7239 22.9 56.5 23.1239 56.5 23.4V27.2667ZM56.5 17.6C56.5 17.8761 56.7239 18.1 57 18.1C57.2761 18.1 57.5 17.8761 57.5 17.6V13.7333C57.5 13.4572 57.2761 13.2333 57 13.2333C56.7239 13.2333 56.5 13.4572 56.5 13.7333V17.6Z%27 fill=%27url%28%23paint0_linear_3159_14357%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_14357%27 x1=%27-8.44538%27 y1=%275.5%27 x2=%27268.918%27 y2=%279.7254%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  mask-image: var(--coupon-bg-color-large, url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 268 70%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M57.5 6.98242V7.93333C57.5 8.20948 57.2761 8.43333 57 8.43333C56.7239 8.43333 56.5 8.20948 56.5 7.93333V6.98242C53.8872 6.79802 51.6702 5.17965 50.6314 2.90951C49.942 1.4029 48.6569 0 47 0H10C4.47715 0 0 4.47715 0 10V60C0 65.5229 4.47715 70 10 70H47C48.6569 70 49.942 68.5971 50.6314 67.0905C51.6702 64.8204 53.8872 63.202 56.5 63.0176V62.0667C56.5 61.7905 56.7239 61.5667 57 61.5667C57.2761 61.5667 57.5 61.7905 57.5 62.0667V63.0176C60.1128 63.202 62.3298 64.8204 63.3686 67.0905C64.058 68.5971 65.3432 70 67 70H258C263.523 70 268 65.5229 268 60V10C268 4.47715 263.523 0 258 0H67C65.3431 0 64.058 1.4029 63.3686 2.90951C62.3298 5.17964 60.1128 6.79802 57.5 6.98242ZM56.5 56.2667C56.5 56.5428 56.7239 56.7667 57 56.7667C57.2761 56.7667 57.5 56.5428 57.5 56.2667V52.4C57.5 52.1239 57.2761 51.9 57 51.9C56.7239 51.9 56.5 52.1239 56.5 52.4V56.2667ZM56.5 46.6C56.5 46.8761 56.7239 47.1 57 47.1C57.2761 47.1 57.5 46.8761 57.5 46.6V42.7333C57.5 42.4572 57.2761 42.2333 57 42.2333C56.7239 42.2333 56.5 42.4572 56.5 42.7333V46.6ZM56.5 36.9333C56.5 37.2095 56.7239 37.4333 57 37.4333C57.2761 37.4333 57.5 37.2095 57.5 36.9333V33.0667C57.5 32.7905 57.2761 32.5667 57 32.5667C56.7239 32.5667 56.5 32.7905 56.5 33.0667V36.9333ZM56.5 27.2667C56.5 27.5428 56.7239 27.7667 57 27.7667C57.2761 27.7667 57.5 27.5428 57.5 27.2667V23.4C57.5 23.1239 57.2761 22.9 57 22.9C56.7239 22.9 56.5 23.1239 56.5 23.4V27.2667ZM56.5 17.6C56.5 17.8761 56.7239 18.1 57 18.1C57.2761 18.1 57.5 17.8761 57.5 17.6V13.7333C57.5 13.4572 57.2761 13.2333 57 13.2333C56.7239 13.2333 56.5 13.4572 56.5 13.7333V17.6Z%27 fill=%27url%28%23paint0_linear_3159_14357%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_14357%27 x1=%27-8.44538%27 y1=%275.5%27 x2=%27268.918%27 y2=%279.7254%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 268 70%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M57.5 6.98242V7.93333C57.5 8.20948 57.2761 8.43333 57 8.43333C56.7239 8.43333 56.5 8.20948 56.5 7.93333V6.98242C53.8872 6.79802 51.6702 5.17965 50.6314 2.90951C49.942 1.4029 48.6569 0 47 0H10C4.47715 0 0 4.47715 0 10V60C0 65.5229 4.47715 70 10 70H47C48.6569 70 49.942 68.5971 50.6314 67.0905C51.6702 64.8204 53.8872 63.202 56.5 63.0176V62.0667C56.5 61.7905 56.7239 61.5667 57 61.5667C57.2761 61.5667 57.5 61.7905 57.5 62.0667V63.0176C60.1128 63.202 62.3298 64.8204 63.3686 67.0905C64.058 68.5971 65.3432 70 67 70H258C263.523 70 268 65.5229 268 60V10C268 4.47715 263.523 0 258 0H67C65.3431 0 64.058 1.4029 63.3686 2.90951C62.3298 5.17964 60.1128 6.79802 57.5 6.98242ZM56.5 56.2667C56.5 56.5428 56.7239 56.7667 57 56.7667C57.2761 56.7667 57.5 56.5428 57.5 56.2667V52.4C57.5 52.1239 57.2761 51.9 57 51.9C56.7239 51.9 56.5 52.1239 56.5 52.4V56.2667ZM56.5 46.6C56.5 46.8761 56.7239 47.1 57 47.1C57.2761 47.1 57.5 46.8761 57.5 46.6V42.7333C57.5 42.4572 57.2761 42.2333 57 42.2333C56.7239 42.2333 56.5 42.4572 56.5 42.7333V46.6ZM56.5 36.9333C56.5 37.2095 56.7239 37.4333 57 37.4333C57.2761 37.4333 57.5 37.2095 57.5 36.9333V33.0667C57.5 32.7905 57.2761 32.5667 57 32.5667C56.7239 32.5667 56.5 32.7905 56.5 33.0667V36.9333ZM56.5 27.2667C56.5 27.5428 56.7239 27.7667 57 27.7667C57.2761 27.7667 57.5 27.5428 57.5 27.2667V23.4C57.5 23.1239 57.2761 22.9 57 22.9C56.7239 22.9 56.5 23.1239 56.5 23.4V27.2667ZM56.5 17.6C56.5 17.8761 56.7239 18.1 57 18.1C57.2761 18.1 57.5 17.8761 57.5 17.6V13.7333C57.5 13.4572 57.2761 13.2333 57 13.2333C56.7239 13.2333 56.5 13.4572 56.5 13.7333V17.6Z%27 fill=%27url%28%23paint0_linear_3159_14357%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_14357%27 x1=%27-8.44538%27 y1=%275.5%27 x2=%27268.918%27 y2=%279.7254%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-image: var(--coupon-bg-color-large, url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 268 70%27 preserveAspectRatio=%27none%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M57.5 6.98242V7.93333C57.5 8.20948 57.2761 8.43333 57 8.43333C56.7239 8.43333 56.5 8.20948 56.5 7.93333V6.98242C53.8872 6.79802 51.6702 5.17965 50.6314 2.90951C49.942 1.4029 48.6569 0 47 0H10C4.47715 0 0 4.47715 0 10V60C0 65.5229 4.47715 70 10 70H47C48.6569 70 49.942 68.5971 50.6314 67.0905C51.6702 64.8204 53.8872 63.202 56.5 63.0176V62.0667C56.5 61.7905 56.7239 61.5667 57 61.5667C57.2761 61.5667 57.5 61.7905 57.5 62.0667V63.0176C60.1128 63.202 62.3298 64.8204 63.3686 67.0905C64.058 68.5971 65.3432 70 67 70H258C263.523 70 268 65.5229 268 60V10C268 4.47715 263.523 0 258 0H67C65.3431 0 64.058 1.4029 63.3686 2.90951C62.3298 5.17964 60.1128 6.79802 57.5 6.98242ZM56.5 56.2667C56.5 56.5428 56.7239 56.7667 57 56.7667C57.2761 56.7667 57.5 56.5428 57.5 56.2667V52.4C57.5 52.1239 57.2761 51.9 57 51.9C56.7239 51.9 56.5 52.1239 56.5 52.4V56.2667ZM56.5 46.6C56.5 46.8761 56.7239 47.1 57 47.1C57.2761 47.1 57.5 46.8761 57.5 46.6V42.7333C57.5 42.4572 57.2761 42.2333 57 42.2333C56.7239 42.2333 56.5 42.4572 56.5 42.7333V46.6ZM56.5 36.9333C56.5 37.2095 56.7239 37.4333 57 37.4333C57.2761 37.4333 57.5 37.2095 57.5 36.9333V33.0667C57.5 32.7905 57.2761 32.5667 57 32.5667C56.7239 32.5667 56.5 32.7905 56.5 33.0667V36.9333ZM56.5 27.2667C56.5 27.5428 56.7239 27.7667 57 27.7667C57.2761 27.7667 57.5 27.5428 57.5 27.2667V23.4C57.5 23.1239 57.2761 22.9 57 22.9C56.7239 22.9 56.5 23.1239 56.5 23.4V27.2667ZM56.5 17.6C56.5 17.8761 56.7239 18.1 57 18.1C57.2761 18.1 57.5 17.8761 57.5 17.6V13.7333C57.5 13.4572 57.2761 13.2333 57 13.2333C56.7239 13.2333 56.5 13.4572 56.5 13.7333V17.6Z%27 fill=%27url%28%23paint0_linear_3159_14357%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_3159_14357%27 x1=%27-8.44538%27 y1=%275.5%27 x2=%27268.918%27 y2=%279.7254%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%238755F4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FC8D3C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"));
  color: #fff;
  color: var(--mbw-text-tertiary, #fff);
  position: relative;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.mbw-coupon-icon-large {
  width: 1.875rem;
  height: 1.875rem;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbw-coupon-info-large {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.mbw-coupon-arrow-large {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}
.mbw-coupon-active {
  background: linear-gradient(90deg, #8755f4 -3.11%, #fc8d3c 100%);
  background: var(--coupon-bg-color-large-active, linear-gradient(90deg, #8755f4 -3.11%, #fc8d3c 100%));
}
.mbw-coupon-inactive {
  background: #9c9c9c;
  background: var(--coupon-bg-color-small-inactive, #9c9c9c);
}
.mbw-coupon-inactive .mbw-coupon-arrow {
  display: none;
}
.mbw-coupon-badge {
  position: absolute;
  top: -20%;
  right: -5%;
  z-index: 1;
}
.mbw-coupon-content {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mbw-coupon-info-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5%;
}
svg {
  overflow: visible;
}
.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-duration-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 1.375rem 0.75rem 0.75rem 0.75rem;
  background: #f7f7f7;
  background: var(--mbw-duration-item-bg-color, var(--mbw-background-secondary, #f7f7f7));
  color: #121212;
  color: var(--mbw-duration-item-fg-color, var(--mbw-text-primary, #121212));
  border: 0.063rem solid #eaeaea;
  border-radius: 1.25rem;
}
.mbw-duration-item-selected {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 1.563rem 0.875rem 0.875rem 0.875rem;
  background: rgba(135, 85, 244, 0.1019607843);
  background: var(--mbw-duration-item-selected-bg-color, rgba(135, 85, 244, 0.1019607843));
  color: #8755f4;
  color: var(--mbw-duration-item-selected-fg-color, #8755f4);
  border: 0.125rem solid #8755f4;
  border: 0.125rem solid var(--mbw-duration-item-selected-fg-color, #8755f4);
  border-radius: 1.563rem;
}
@media (max-width: 48rem) {
  .mbw-duration-item-selected {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
}
.mbw-duration-item-duration-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 48rem) {
  .mbw-duration-item-duration-text {
    display: none;
  }
}
.mbw-duration-item-duration-seconds-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mbw-duration-item-duration-text-mobile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-duration-item-duration-text-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.mbw-duration-item-duration {
  text-align: center;
  font-weight: 600;
  font-size: 5.25rem;
}
@media (max-width: 48rem) {
  .mbw-duration-item-duration {
    font-size: 4rem;
  }
}
.mbw-duration-item-duration-selected {
  text-align: center;
  font-weight: 600;
  font-size: 5.25rem;
  line-height: 5rem;
}
@media (max-width: 48rem) {
  .mbw-duration-item-duration-selected {
    font-size: 4.75rem;
  }
}
.mbw-duration-item-price-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  background: #fff;
  background: var(--mbw-duration-item-price-bg-color, var(--mbw-background-primary, #fff));
  color: #8755f4;
  color: var(--mbw-duration-item-selected-price-fg-color, #8755f4);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  padding: 0.313rem 1.063rem;
}
.mbw-duration-item-price {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  background: #fff;
  background: var(--mbw-duration-item-price-bg-color, var(--mbw-background-primary, #fff));
  margin-top: 0.813rem;
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
  color: #121212;
  color: var(--mbw-duration-item-price-fg-color, var(--mbw-text-primary, #121212));
  border: 0.031rem solid #eaeaea;
}
.mbw-duration-item-current-balance {
  color: #121212;
  color: var(--mbw-text-primary, #121212);
  text-align: center;
  padding-top: 0.625rem;
}
.mbw-duration-item-duration-container {
  display: flex;
  flex-direction: inherit;
  align-items: center;
}
@media (max-width: 48rem) {
  .mbw-duration-item-new-user,
  .mbw-duration-item-new-user-selected {
    padding: 0.938rem;
  }
}
.mbw-duration-item-new-user .mbw-duration-item-duration,
.mbw-duration-item-new-user-selected .mbw-duration-item-duration {
  font-size: 3.125rem;
  line-height: 2.75rem;
}
.mbw-duration-item-new-user .mbw-duration-item-duration-selected,
.mbw-duration-item-new-user-selected .mbw-duration-item-duration-selected {
  font-size: 4.375rem;
  line-height: 3.5rem;
}
.mbw-duration-item-new-user .mbw-duration-item-price,
.mbw-duration-item-new-user-selected .mbw-duration-item-price {
  color: #121212;
  color: var(--mbw-duration-item-price-fg-color, var(--mbw-text-primary, #121212));
}
@media (max-width: 48rem) {
  .mbw-duration-item-new-user .mbw-duration-item-price,
  .mbw-duration-item-new-user-selected .mbw-duration-item-price {
    margin-top: 0.313rem;
    margin-bottom: 0;
    padding: 0.313rem;
  }
}
.mbw-duration-item-new-user .mbw-duration-item-price-selected,
.mbw-duration-item-new-user-selected .mbw-duration-item-price-selected {
  padding: 0 1.063rem;
  color: #8755f4;
  color: var(--mbw-duration-item-selected-price-fg-color, #8755f4);
}
@media (max-width: 48rem) {
  .mbw-duration-item-new-user .mbw-duration-item-price-selected,
  .mbw-duration-item-new-user-selected .mbw-duration-item-price-selected {
    margin-top: 0.313rem;
    margin-bottom: 0;
    padding: 0.313rem;
  }
}
@media (max-width: 48rem) {
  .mbw-duration-item-new-user .mbw-duration-item-price-text,
  .mbw-duration-item-new-user-selected .mbw-duration-item-price-text {
    display: none;
  }
}
.mbw-duration-item-new-user .mbw-duration-item-price-text-mobile,
.mbw-duration-item-new-user-selected .mbw-duration-item-price-text-mobile {
  display: none;
}
@media (max-width: 48rem) {
  .mbw-duration-item-new-user .mbw-duration-item-price-text-mobile,
  .mbw-duration-item-new-user-selected .mbw-duration-item-price-text-mobile {
    display: flex;
  }
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
.mbw-avatar-round-container {
  width: 100%;
  position: relative;
}
.mbw-avatar-round-img-container-holder {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  border-radius: var(--mbw-avatar-round-border-radius, 50%);
}
@media (max-width: 80rem) {
  .mbw-avatar-round-img-container-holder {
    border-radius: 50%;
    border-radius: var(--mbw-avatar-round-medium-border-radius, 50%);
  }
}
@media (max-width: 48rem) {
  .mbw-avatar-round-img-container-holder {
    border-radius: 50%;
    border-radius: var(--mbw-avatar-round-small-border-radius, 50%);
  }
}
.mbw-avatar-round-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-round-large-img-container-holder {
  display: flex;
  position: relative;
  width: 6.25rem;
  width: var(--mbw-avatar-round-large-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-avatar-round-large-height, 6.25rem);
  overflow: hidden;
  border-radius: 50%;
  border-radius: var(--mbw-avatar-round-border-radius, 50%);
}
.mbw-avatar-round-large-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-round-medium-img-container-holder {
  display: flex;
  position: relative;
  width: 4.375rem;
  width: var(--mbw-avatar-round-medium-width, 4.375rem);
  height: 4.375rem;
  height: var(--mbw-avatar-round-medium-height, 4.375rem);
  overflow: hidden;
  border-radius: 50%;
  border-radius: var(--mbw-avatar-round-medium-border-radius, 50%);
}
.mbw-avatar-round-medium-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-round-small-img-container-holder {
  display: flex;
  position: relative;
  width: 3.125rem;
  width: var(--mbw-avatar-round-small-width, 3.125rem);
  height: 3.125rem;
  height: var(--mbw-avatar-round-small-height, 3.125rem);
  overflow: hidden;
  border-radius: 50%;
  border-radius: var(--mbw-avatar-round-small-border-radius, 50%);
}
.mbw-avatar-round-small-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-round-extra-small-img-container-holder {
  display: flex;
  position: relative;
  width: 2.25rem;
  width: var(--mbw-avatar-round-extra-small-width, 2.25rem);
  height: 2.25rem;
  height: var(--mbw-avatar-round-extra-small-height, 2.25rem);
  overflow: hidden;
  border-radius: 50%;
  border-radius: var(--mbw-avatar-round-extra-small-border-radius, 50%);
}
.mbw-avatar-round-extra-small-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-rectangle-container {
  width: 100%;
  position: relative;
}
.mbw-avatar-rectangle-img-container-holder {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1.563rem;
  border-radius: var(--mbw-avatar-rectangle-large-border-radius, 1.563rem);
}
@media (max-width: 80rem) {
  .mbw-avatar-rectangle-img-container-holder {
    border-radius: 1.563rem;
    border-radius: var(--mbw-avatar-rectangle-medium-border-radius, 1.563rem);
  }
}
@media (max-width: 48rem) {
  .mbw-avatar-rectangle-img-container-holder {
    border-radius: 0.938rem;
    border-radius: var(--mbw-avatar-rectangle-small-border-radius, 0.938rem);
  }
}
.mbw-avatar-rectangle-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-rectangle-large-img-container-holder {
  display: flex;
  position: relative;
  width: 6.25rem;
  width: var(--mbw-avatar-rectangle-large-width, 6.25rem);
  height: 6.25rem;
  height: var(--mbw-avatar-rectangle-large-height, 6.25rem);
  overflow: hidden;
  border-radius: 1.563rem;
  border-radius: var(--mbw-avatar-rectangle-large-border-radius, 1.563rem);
}
.mbw-avatar-rectangle-large-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-rectangle-medium-img-container-holder {
  display: flex;
  position: relative;
  width: 4.375rem;
  width: var(--mbw-avatar-rectangle-medium-width, 4.375rem);
  height: 4.375rem;
  height: var(--mbw-avatar-rectangle-medium-height, 4.375rem);
  overflow: hidden;
  border-radius: 1.563rem;
  border-radius: var(--mbw-avatar-rectangle-medium-border-radius, 1.563rem);
}
.mbw-avatar-rectangle-medium-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-rectangle-small-img-container-holder {
  display: flex;
  position: relative;
  width: 3.125rem;
  width: var(--mbw-avatar-rectangle-small-width, 3.125rem);
  height: 3.125rem;
  height: var(--mbw-avatar-rectangle-small-height, 3.125rem);
  overflow: hidden;
  border-radius: 0.938rem;
  border-radius: var(--mbw-avatar-rectangle-small-border-radius, 0.938rem);
}
.mbw-avatar-rectangle-small-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-rectangle-extra-small-img-container-holder {
  display: flex;
  position: relative;
  width: 2.25rem;
  width: var(--mbw-avatar-rectangle-extra-small-width, 2.25rem);
  height: 2.25rem;
  height: var(--mbw-avatar-rectangle-extra-small-height, 2.25rem);
  overflow: hidden;
  border-radius: 0.313rem;
  border-radius: var(--mbw-avatar-rectangle-extra-small-border-radius, 0.313rem);
}
.mbw-avatar-rectangle-extra-small-img-container-holder::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mbw-avatar-img {
  width: 100%;
  height: 100%;
}
.mbw-avatar-img-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.mbw-avatar-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mbw-avatar-overlays-container {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1.563rem;
  padding: var(--mbw-avatar-large-padding, 1.563rem);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
@media (max-width: 80rem) {
  .mbw-avatar-overlays-container {
    padding: 1.25rem;
    padding: var(--mbw-avatar-medium-padding, 1.25rem);
  }
}
@media (max-width: 48rem) {
  .mbw-avatar-overlays-container {
    padding: 1rem;
    padding: var(--mbw-avatar-small-padding, 1rem);
  }
}
.mbw-avatar-top-overlay-container {
  display: flex;
  width: 100%;
}
.mbw-avatar-bottom-overlay-container {
  display: flex;
  width: 100%;
}
.mbw-avatar-transform-container-holder {
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
.mbw-avatar-hide-left-top-border-radius {
  border-top-left-radius: 0;
}
.mbw-avatar-hide-right-top-border-radius {
  border-top-right-radius: 0;
}
.mbw-avatar-hide-right-bottom-border-radius {
  border-bottom-right-radius: 0;
}
.mbw-avatar-hide-left-bottom-border-radius {
  border-bottom-left-radius: 0;
}
/*===============================
   *VARIABLES*
================================*/
/**
  CONTENTS

  COLORS:
  General colors.............................Main colors for header colors button colors, titles etc
  Secondary colors...........................Colors for borders, shadows etc


  TYPOGRAPHY:
  Font families..............................Font family used per application
  Line heights....................................Possible line heights
  Font sizes large.................................Large font sizes
  Font sizes medium.................................Medium font sizes
  Font sizes small.................................Small font sizes
  Font weights...............................Font weights


  BREAKPOINTS:
  Breakpoints................................Breakpoints definitions


  SPACINGS
  Spacings...................................Global set of spacings

  SIZES
  Pem mapping..................................Mapping of pem to px
  **/
/*===============================
   *COLORS*
================================*/
/*  GENERAL COLORS  */
/*  SECONDARY COLORS  */
/*===============================
   *SIZES*
================================*/
/*  PEM MAPPINGS  */
/*===============================
   *TYPOGRAPHY*
================================*/
/*  LINE HEIGHTS */
/*  FONT SIZES LARGE */
/*  FONT SIZES MEDIUM */
/*  FONT SIZES SMALL */
/*===============================
   *FONT WEIGHTS*
================================*/
/*===============================
   *FONT SIZES*
================================*/
/*===============================
   *BREAKPOINTS*
================================*/
/*===============================
    *TYPOGRAPHY*
 ================================*/
/*
    This file defines fonts that will be used for styling.Fonts will be defaulted to the font sizes
    defined in _variables.scss. Prefix for setting is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
    *FONT SIZES*
 ================================*/
/*===============================
   *LINE HEIGHTS*
================================*/
/*===============================
   *FONT HEIGHTS*
================================*/
/*===============================
    *COLORS*
 ================================*/
/*
    This file defines colors that will be used for styling. Colors will be defaulted to the pallete
    defined in _variables.scss. Prefix for setting colors is "mbw" (Multi brand web), by setting it
    from application it will be overrided , if not default color will be used

    var is added for case when app won't use scss, so they can override css var
    default is added for case when app is using scss, so if variable is defined in app it will override variable
 */
/*===============================
   *GENEAL*
================================*/
/*===============================
   *BACKGROUNDS*
================================*/
/*===============================
   *BRANDING*
================================*/
/*===============================
   *TEXTS*
================================*/
/*===============================
   *BORDERS*
================================*/
/*===============================
   *ICONS*
================================*/
/*===============================
   *BUTTONS*
================================*/
/*===============================
   *CHANNELS*
================================*/
/*===============================
   *STATES*
================================*/
/*===============================
   *ACCENTS*
================================*/
/*===============================
   *SPECIALITIES*
================================*/
/*===============================
   *OTHER* (Not named in design system)
================================*/
/*===============================
   *FORMS*
================================*/
/*===============================
   *LABEL*
================================*/
/*===============================
   *MENU-ITEM*
================================*/
/*===============================
   *FOOTER*
================================*/
/*===============================
   *INPUT*
================================*/
/*===============================
   *TABLE*
================================*/
/*===============================
   *DURATION ITEM*
================================*/
/*===============================
   *OVERLAY*
================================*/
/*===============================
   *TEXT CHAT*
================================*/
/*===============================
   *FILTER TAB*
================================*/
/*===============================
   *CHANEL-BUTTON*
================================*/
/*===============================
   *SWITCH*
================================*/
/*===============================
   *MY-ORDERS-DETAILS-ITEM*
================================*/
/*===============================
   *ADVISOR-CARD-ITEM*
================================*/
/*===============================
   *MARKETING-BANNER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *PAGINATION-DOTS*
================================*/
/*===============================
  *BUTTON*
================================*/
/*===============================
  *CHANNEL-BUTTON*
================================*/
/*===============================
  *FONTS*
================================*/
/*===============================
  *AVATAR*
================================*/
/*===============================
  *STATUS INDICATOR*
================================*/
/*===============================
  *MY ORDERS ADVISOR CELL*
================================*/
/*===============================
  *MY ORDERS ORDERS CELL*
================================*/
/*===============================
  *MY ORDERS SECTION DIVIDER*
================================*/
/*===============================
  *FILTER TAB*
================================*/
/*=============================
  *SPECIALITY*
================================*/
/*===============================
  *METHOD CELL*
================================*/
/*===============================
  *PLAY BUTTON*
================================*/
/*===============================
  *RATING*
================================*/
/*===============================
  *CHANNELS CARD*
================================*/
/*===============================
  *ADVISOR LIST CARD*
================================*/
/*===============================
  *STAFF PICK*
================================*/
/*===============================
  *LIVE MODES PRICES*
================================*/
/*===============================
  *ADVISOR SECTION TITLE LABEL*
================================*/
/*===============================
  *ADVISOR SECTION SHORT DESCRIPTION*
================================*/
/*===============================
  *ADVISOR SECTION*
================================*/
/*===============================
  *PAYMENT METHOD DETAILS*
================================*/
/*===============================
  *POPOVER*
================================*/
/*===============================
   *COUPON*
================================*/
/*===============================
   *MIXINS*
================================*/
/*
    This file contains reusable mixins
*/
@keyframes animation-bzdot9 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
:root {
  --mbw-speciality-button-icon-width-desktop: var(--mbw-speciality-button-icon-width, 6.75rem);
  --mbw-speciality-button-icon-height-desktop: var(--mbw-speciality-button-icon-height, 6.75rem);
  --mbw-speciality-button-icon-width-laptop: var(--mbw-speciality-button-laptop-icon-width, 5.125rem);
  --mbw-speciality-button-icon-height-laptop: var(--mbw-speciality-button-laptop-icon-height, 5.125rem);
  --mbw-speciality-button-icon-width-tablet: var(--mbw-speciality-button-tablet-icon-width, 3.938rem);
  --mbw-speciality-button-icon-height-tablet: var(--mbw-speciality-button-tablet-icon-height, 3.938rem);
  --mbw-speciality-button-icon-width-mobile: var(--mbw-speciality-button-mobile-icon-width, 4.688rem);
  --mbw-speciality-button-icon-height-mobile: var(--mbw-speciality-button-mobile-icon-height, 4.688rem);
  --mbw-speciality-advisor-profile-icon-width-desktop: var(--mbw-speciality-advisor-profile-icon-width, 6.25rem);
  --mbw-speciality-advisor-profile-icon-height-desktop: var(--mbw-speciality-advisor-profile-icon-height, 6.25rem);
  --mbw-speciality-advisor-profile-icon-width-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-width, 3.75rem);
  --mbw-speciality-advisor-profile-icon-height-mobile: var(--mbw-speciality-advisor-profile-mobile-icon-height, 3.75rem);
  --mbw-speciality-standard-icon-width-desktop: 4.75rem;
  --mbw-speciality-standard-icon-height-desktop: 4.75rem;
  --mbw-speciality-standard-icon-width-mobile: 4.75rem;
  --mbw-speciality-standard-icon-height-mobile: 4.75rem;
}
/* stylelint-disable-next-line selector-no-qualifying-type */
body:has(dialog[open]) {
  overflow: hidden !important;
}
.mbw-popover-dialog {
  position: fixed;
  width: 31.25rem;
  width: var(--mbw-popover-width, 31.25rem);
  max-height: 85vh;
  background: #fff;
  background: var(--mbw-background-primary, #fff);
  border: none;
  border-radius: 1.563rem;
  border-radius: var(--mbw-popover-border-radius, 1.563rem);
  padding: 2.5rem;
  padding: var(--mbw-popover-dialog-padding-lg, var(--mbw-popover-dialog-padding, 2.5rem));
  box-sizing: border-box;
  overflow: visible;
}
.mbw-popover-dialog[open] {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  row-gap: var(--mbw-popover-dialog-row-gap-lg, var(--mbw-popover-dialog-row-gap, 1.25rem));
}
@media (max-width: 48rem) {
  .mbw-popover-dialog[open] {
    row-gap: 0.625rem;
    row-gap: var(--mbw-popover-dialog-row-gap-sm, var(--mbw-popover-dialog-row-gap, 0.625rem));
  }
}
.mbw-popover-dialog::backdrop {
  background: rgba(39, 39, 39, 0.9);
}
.mbw-popover-dialog.centered {
  margin: auto !important;
}
@media (max-width: 48rem) {
  .mbw-popover-dialog.centered {
    border-bottom-left-radius: 1.563rem;
    border-bottom-left-radius: var(--mbw-popover-border-radius, 1.563rem);
    border-bottom-right-radius: 1.563rem;
    border-bottom-right-radius: var(--mbw-popover-border-radius, 1.563rem);
  }
}
@media (max-width: 48rem) {
  .mbw-popover-dialog {
    width: 100%;
    max-width: 100%;
    margin: auto 0 0;
    padding: 1.25rem;
    padding: var(--mbw-popover-dialog-padding-sm, var(--mbw-popover-dialog-padding, 1.25rem));
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (max-height: 900px) {
  .mbw-popover-dialog {
    max-height: 90vh;
  }
}
.mbw-popover-top-overlay-container {
  display: flex;
  align-self: center;
  height: 6.25rem;
  align-items: flex-end;
}
@media (max-width: 48rem) {
  .mbw-popover-top-overlay-container {
    height: 3.125rem;
  }
}
.mbw-popover-close-btn-container {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.mbw-popover-close-btn,
.mbw-popover-back-btn {
  background: none;
  outline: none;
  border: none;
  display: flex;
  padding: 0;
  cursor: pointer;
}
.mbw-popover-close-btn div,
.mbw-popover-back-btn div {
  display: flex;
}
.mbw-popover-back-btn-container {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbw-popover-title-container {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.mbw-popover-title {
  flex-grow: 1;
}
.mbw-popover-back-btn-container + .mbw-popover-title {
  padding-top: 0.375rem;
}
.mbw-popover-content {
  width: 100%;
  overflow-y: scroll;
}
.mbw-popover-content::-webkit-scrollbar {
  display: none;
}
.mbw-popover-content::-webkit-scrollbar-track {
  background: transparent;
}
.mbw-popover-content::-webkit-scrollbar-thumb {
  background: transparent;
}
.mbw-popover-content::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
@media only screen and (max-height: 900px) {
  .mbw-popover-content {
    max-height: 90vh;
  }
}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: #ebebeb;

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}


/*# sourceMappingURL=7767-9147bde7b3f872dbaf2c.css.map*/
@keyframes animation-bzdot9--Tz6SF {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContentContainer--aqT0X {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 80px
}

@media only screen and (max-width: 1080px) {
    .mainContentContainer--aqT0X {
        margin-top:40px
    }
}

.sectionHeader--hAnrV {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    align-items: center;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeader--hAnrV {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .sectionHeader--hAnrV {
        margin-bottom:10px
    }
}

.sectionHeaderSeparator--A4eFI {
    width: 22px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeaderSeparator--A4eFI {
        width:9px
    }
}

.sectionIcon--USS6N {
    width: 50px;
    height: 50px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionIcon--USS6N {
        width:25px;
        height: 25px
    }
}

.advisorContainer--z78jh {
    border: solid #f1f1f1 1px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex-direction: row;
    transition: all .3s ease;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 31px;
    padding-right: 45px
}

@media only screen and (max-width: 990px) {
    .advisorContainer--z78jh {
        flex-direction:column;
        padding: 10px
    }
}

.avatarHolder--dhQgh {
    position: relative;
    width: 30%;
    transition: all .3s ease;
    min-height: 100%;
    min-width: 382px
}

@media only screen and (max-width: 990px) {
    .avatarHolder--dhQgh {
        width:100%;
        min-width: 0;
        min-width: initial
    }
}

.avatarContainer--L6Pgf {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .avatarContainer--L6Pgf {
        width:100%;
        margin-right: 0px
    }
}

.advisorInfoContainer--XYQGl {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-left: 31px;
    min-height: 100%
}

@media only screen and (max-width: 990px) {
    .advisorInfoContainer--XYQGl {
        margin-left:0px
    }
}

.advisorInfoHeader--g9rBf {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .advisorInfoHeader--g9rBf {
        display:none
    }
}

.advisorTitle--rOQkx {
    font-weight: 700;
    font-size: 34px;
    line-height: 51px
}

.advisorSubtitle--gsLpd {
    font-weight: 400;
    font-size: 22px;
    color: dimgray;
    line-height: 33px
}

.rating--szLMx {
    display: flex;
    background-color: #ffecbc;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.footer--Yakz8 {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    transition: all .3s ease;
    margin-bottom: 31px
}

@media only screen and (max-width: 990px) {
    .footer--Yakz8 {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 990px) {
    .footer--Yakz8.v2--gClno {
        flex-direction:row;
        justify-content: space-between
    }
}

.staffPickDescription--jyCuL {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 3s ease;
    word-break: break-all
}

@media only screen and (max-width: 990px) {
    .staffPickDescription--jyCuL {
        line-height:22px;
        font-size: 15px;
        padding-bottom: 0px;
        height: auto;
        height: initial
    }
}

.advisorViewLink--g5sKr {
    width: 100%;
    color: #000
}

.advisorViewLink--g5sKr:hover {
    color: #000
}

.serviceTitleContainer--E3zkZ {
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .serviceTitleContainer--E3zkZ {
        padding-top:10px;
        padding-bottom: 10px;
        margin-bottom: 0px !important
    }
}

.previewAdvisorCTAContainer--oURI3 {
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--oURI3 {
        display:none
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--oURI3 {
        display:none
    }
}

.preview--mFRQe {
    display: flex;
    width: 100%
}

.mainContainer--LXHFJ {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 1080px) {
    .mainContainer--LXHFJ {
        flex-direction:column;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .mainContainer--LXHFJ {
        flex-direction:column;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .mainContainer--LXHFJ {
        flex-direction:column;
        align-items: flex-start
    }
}

.mainContainer--LXHFJ.reverse--hUBI8 {
    flex-direction: row-reverse
}

.iconsContainer--powCY {
    display: flex;
    justify-content: space-between
}

.modesHolder--EuyJ2 {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 12px;
    column-gap: 12px
}

@media only screen and (max-width: 1080px) {
    .modesHolder--EuyJ2 {
        margin-bottom:6px;
        align-items: flex-start;
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .modesHolder--EuyJ2 {
        margin-bottom:6px;
        align-items: flex-start
    }
}

.modesHolderSkeleton--535eF {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--Tz6SF 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.modesHolderSkeleton--535eF * {
    display: none
}

.modesHolderSkeleton--535eF {
    width: 100px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modesHolderSkeleton--535eF {
        height:16px
    }
}

.modesHolderSkeleton--535eF {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--Tz6SF 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.modesHolderSkeleton--535eF * {
    display: none
}

.modesHolderSkeleton--535eF {
    width: 100px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modesHolderSkeleton--535eF {
        height:16px
    }
}

.modeIconContainer--oaK2a {
    display: flex;
    justify-content: center;
    align-items: center
}

.modeIconContainer--oaK2a.withBg--NShk8 {
    width: 51px;
    height: 50px;
    background: #f7f7f7;
    border-radius: 6px
}

.modeIconContainer--oaK2a.withBg--NShk8 .modeIcon--KpgND {
    width: 34px;
    height: 34px
}

@media only screen and (max-width: 1080px) {
    .modeIconContainer--oaK2a.withBg--NShk8 {
        width:30px;
        height: 30px
    }

    .modeIconContainer--oaK2a.withBg--NShk8 .modeIcon--KpgND {
        width: 20px;
        height: 20px
    }
}

.modeIcon--KpgND {
    width: 22px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modeIcon--KpgND {
        width:16px;
        height: 16px
    }
}

.modeIcon--KpgND.big--Qyos7 {
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 1080px) {
    .modeIcon--KpgND.big--Qyos7 {
        width:20px;
        height: 20px
    }
}

.staffPick--mxw2b .mainContainer--LXHFJ {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 60px
}

@media only screen and (max-width: 1080px) {
    .staffPick--mxw2b .mainContainer--LXHFJ {
        gap:35px
    }
}

.staffPick--mxw2b .iconsContainer--powCY {
    display: flex;
    justify-content: space-between
}

.staffPick--mxw2b .modesHolder--EuyJ2 {
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width: 1080px) {
    .staffPick--mxw2b .modesHolder--EuyJ2 {
        -moz-column-gap:28px;
        column-gap: 28px
    }
}

.staffPick--mxw2b .modesHolderSkeleton--535eF {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--Tz6SF 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.staffPick--mxw2b .modesHolderSkeleton--535eF * {
    display: none
}

.staffPick--mxw2b .modesHolderSkeleton--535eF {
    width: 100px;
    height: 40px
}

@media only screen and (max-width: 1080px) {
    .staffPick--mxw2b .modesHolderSkeleton--535eF {
        height:30px
    }
}

.staffPick--mxw2b .modeIconContainer--oaK2a {
    display: flex;
    justify-content: center;
    align-items: center
}

.staffPick--mxw2b .modeIcon--KpgND {
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 1080px) {
    .staffPick--mxw2b .modeIcon--KpgND {
        width:30px;
        height: 30px
    }
}

.staffPick--mxw2b.v2--gClno .modesHolder--EuyJ2 {
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width: 1080px) {
    .staffPick--mxw2b.v2--gClno .modesHolder--EuyJ2 {
        -moz-column-gap:16px;
        column-gap: 16px;
        font-size: 14px
    }
}

.recommendedCarousel--uw2Rt .modeIcon--KpgND {
    width: 18px;
    height: 18px
}

.recommendedAdvisor--dJ2uy {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.recommendedAdvisor--dJ2uy .modesHolder--EuyJ2 {
    margin-bottom: 0
}

.recommendedAdvisor--dJ2uy .mainContainer--LXHFJ {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end
}

.recommendedAdvisor--dJ2uy.withBg--NShk8 {
    width: 36px;
    height: 36px;
    background: #f7f7f7;
    border-radius: 6px
}

.recommendedAdvisor--dJ2uy.withBg--NShk8 .modeIcon--KpgND {
    width: 25px;
    height: 25px
}

@keyframes animation-bzdot9--lCv8H {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContentContainer--VzrKZ {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 80px
}

@media only screen and (max-width: 1080px) {
    .mainContentContainer--VzrKZ {
        margin-top:40px
    }
}

.sectionHeader--jUctg {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    align-items: center;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeader--jUctg {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .sectionHeader--jUctg {
        margin-bottom:10px
    }
}

.sectionHeaderSeparator--nBHyi {
    width: 22px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeaderSeparator--nBHyi {
        width:9px
    }
}

.sectionIcon--AEpV1 {
    width: 50px;
    height: 50px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionIcon--AEpV1 {
        width:25px;
        height: 25px
    }
}

.advisorContainer--r3wS3 {
    border: solid #f1f1f1 1px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex-direction: row;
    transition: all .3s ease;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 31px;
    padding-right: 45px
}

@media only screen and (max-width: 990px) {
    .advisorContainer--r3wS3 {
        flex-direction:column;
        padding: 10px
    }
}

.avatarHolder--nBv81 {
    position: relative;
    width: 30%;
    transition: all .3s ease;
    min-height: 100%;
    min-width: 382px
}

@media only screen and (max-width: 990px) {
    .avatarHolder--nBv81 {
        width:100%;
        min-width: 0;
        min-width: initial
    }
}

.avatarContainer--_oT4t {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .avatarContainer--_oT4t {
        width:100%;
        margin-right: 0px
    }
}

.advisorInfoContainer--lGTWm {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-left: 31px;
    min-height: 100%
}

@media only screen and (max-width: 990px) {
    .advisorInfoContainer--lGTWm {
        margin-left:0px
    }
}

.advisorInfoHeader--cFXoF {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .advisorInfoHeader--cFXoF {
        display:none
    }
}

.advisorTitle--GqqlT {
    font-weight: 700;
    font-size: 34px;
    line-height: 51px
}

.advisorSubtitle--Zbp_a {
    font-weight: 400;
    font-size: 22px;
    color: dimgray;
    line-height: 33px
}

.rating--Tbalt {
    display: flex;
    background-color: #ffecbc;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.footer--fMU3E {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    transition: all .3s ease;
    margin-bottom: 31px
}

@media only screen and (max-width: 990px) {
    .footer--fMU3E {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 990px) {
    .footer--fMU3E.v2--InHOA {
        flex-direction:row;
        justify-content: space-between
    }
}

.staffPickDescription--FXjrz {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 3s ease;
    word-break: break-all
}

@media only screen and (max-width: 990px) {
    .staffPickDescription--FXjrz {
        line-height:22px;
        font-size: 15px;
        padding-bottom: 0px;
        height: auto;
        height: initial
    }
}

.advisorViewLink--yUTve {
    width: 100%;
    color: #000
}

.advisorViewLink--yUTve:hover {
    color: #000
}

.serviceTitleContainer--x2Eaj {
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .serviceTitleContainer--x2Eaj {
        padding-top:10px;
        padding-bottom: 10px;
        margin-bottom: 0px !important
    }
}

.previewAdvisorCTAContainer--wufoc {
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--wufoc {
        display:none
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--wufoc {
        display:none
    }
}

.preview--uxz3Z {
    display: flex;
    width: 100%
}

.mainContainer--tcZCq {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 1080px) {
    .mainContainer--tcZCq {
        flex-direction:column;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .mainContainer--tcZCq {
        flex-direction:column;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .mainContainer--tcZCq {
        flex-direction:column;
        align-items: flex-start
    }
}

.mainContainer--tcZCq.reverse--uVDTo {
    flex-direction: row-reverse
}

.iconsContainer--qnu6x {
    display: flex;
    justify-content: space-between
}

.modesHolder--OpEZO {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 12px;
    column-gap: 12px
}

@media only screen and (max-width: 1080px) {
    .modesHolder--OpEZO {
        margin-bottom:6px;
        align-items: flex-start;
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .modesHolder--OpEZO {
        margin-bottom:6px;
        align-items: flex-start
    }
}

.modesHolderSkeleton--cuxL0 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--lCv8H 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.modesHolderSkeleton--cuxL0 * {
    display: none
}

.modesHolderSkeleton--cuxL0 {
    width: 100px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modesHolderSkeleton--cuxL0 {
        height:16px
    }
}

.modesHolderSkeleton--cuxL0 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--lCv8H 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.modesHolderSkeleton--cuxL0 * {
    display: none
}

.modesHolderSkeleton--cuxL0 {
    width: 100px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modesHolderSkeleton--cuxL0 {
        height:16px
    }
}

.modeIconContainer--RfpMl {
    display: flex;
    justify-content: center;
    align-items: center
}

.modeIconContainer--RfpMl.withBg--hNlAU {
    width: 51px;
    height: 50px;
    background: #f7f7f7;
    border-radius: 6px
}

.modeIconContainer--RfpMl.withBg--hNlAU .modeIcon--gd5RO {
    width: 34px;
    height: 34px
}

@media only screen and (max-width: 1080px) {
    .modeIconContainer--RfpMl.withBg--hNlAU {
        width:30px;
        height: 30px
    }

    .modeIconContainer--RfpMl.withBg--hNlAU .modeIcon--gd5RO {
        width: 20px;
        height: 20px
    }
}

.modeIcon--gd5RO {
    width: 22px;
    height: 22px
}

@media only screen and (max-width: 1080px) {
    .modeIcon--gd5RO {
        width:16px;
        height: 16px
    }
}

.modeIcon--gd5RO.big--RlhMt {
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 1080px) {
    .modeIcon--gd5RO.big--RlhMt {
        width:20px;
        height: 20px
    }
}

.staffPick--wKkAg .mainContainer--tcZCq {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 60px
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg .mainContainer--tcZCq {
        gap:35px
    }
}

.staffPick--wKkAg .iconsContainer--qnu6x {
    display: flex;
    justify-content: space-between
}

.staffPick--wKkAg .modesHolder--OpEZO {
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg .modesHolder--OpEZO {
        -moz-column-gap:28px;
        column-gap: 28px
    }
}

.staffPick--wKkAg .modesHolderSkeleton--cuxL0 {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--lCv8H 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.staffPick--wKkAg .modesHolderSkeleton--cuxL0 * {
    display: none
}

.staffPick--wKkAg .modesHolderSkeleton--cuxL0 {
    width: 100px;
    height: 40px
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg .modesHolderSkeleton--cuxL0 {
        height:30px
    }
}

.staffPick--wKkAg .modeIconContainer--RfpMl {
    display: flex;
    justify-content: center;
    align-items: center
}

.staffPick--wKkAg .modeIcon--gd5RO {
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg .modeIcon--gd5RO {
        width:30px;
        height: 30px
    }
}

.staffPick--wKkAg.v2--InHOA .modesHolder--OpEZO {
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg.v2--InHOA .modesHolder--OpEZO {
        -moz-column-gap:16px;
        column-gap: 16px;
        font-size: 14px
    }
}

.recommendedCarousel--B1sLp .modeIcon--gd5RO {
    width: 18px;
    height: 18px
}

.recommendedAdvisor--FFDUq {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.recommendedAdvisor--FFDUq .modesHolder--OpEZO {
    margin-bottom: 0
}

.recommendedAdvisor--FFDUq .mainContainer--tcZCq {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end
}

.recommendedAdvisor--FFDUq.withBg--hNlAU {
    width: 36px;
    height: 36px;
    background: #f7f7f7;
    border-radius: 6px
}

.recommendedAdvisor--FFDUq.withBg--hNlAU .modeIcon--gd5RO {
    width: 25px;
    height: 25px
}

.priceSeparator--SIJPi {
    width: 3px
}

.piceTextContainer--enGYr {
    display: flex;
    align-items: center;
    margin-left: var(--pice-text-container-margin-left)
}

@media only screen and (max-width: 1080px) {
    .piceTextContainer--enGYr {
        margin-left:0px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .piceTextContainer--enGYr {
        margin-left:0px;
        padding-top: 5px
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .piceTextContainer--enGYr {
        margin-left:0px;
        padding-top: 5px
    }
}

.discountCouponIcon--SJWWj {
    width: 21px;
    height: 21px;
    margin-right: 5px
}

.textColumnContainer--ea7Dv {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    flex-direction: column;
    display: flex
}

.textColumnContainer--ea7Dv .priceSeparator--SIJPi {
    display: none
}

.textColumnContainer--ea7Dv .crosoutPrice--JPMvQ {
    font-size: 12px;
    color: #636570;
    font-weight: 400;
    display: flex;
    text-decoration: line-through
}

@media only screen and (max-width: 1080px) {
    .textColumnContainer--ea7Dv .crosoutPrice--JPMvQ {
        font-size:10px
    }
}

@media only screen and (max-width: 413px) {
    .textColumnContainer--ea7Dv {
        font-size:13px
    }
}

.textContainer--F27Yd {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    flex-direction: row;
    display: flex
}

@media only screen and (max-width: 1080px) {
    .textContainer--F27Yd {
        margin-left:0px;
        flex-direction: row;
        font-size: 13px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .textContainer--F27Yd {
        margin-left:0px;
        flex-direction: row;
        padding-top: 5px
    }
}

.textContainer--F27Yd .minPriceText--bDbOq {
    display: var(--min-price-text-display);
    font-weight: 400
}

@media only screen and (max-width: 1080px) {
    .textContainer--F27Yd .minPriceText--bDbOq {
        margin-right:2px
    }
}

.textContainer--F27Yd .crosoutPrice--JPMvQ {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    flex-direction: column;
    display: flex;
    text-decoration: line-through
}

@media only screen and (max-width: 1080px) {
    .textContainer--F27Yd .crosoutPrice--JPMvQ {
        flex-direction:row;
        font-size: 13px
    }
}

.staffPick--wKkAg {
    margin-left: 30px
}

.staffPick--wKkAg.v2--InHOA {
    margin-left: 0
}

.staffPick--wKkAg.v2--InHOA .textColumnContainer--ea7Dv {
    margin-left: 0
}

.staffPick--wKkAg .textColumnContainer--ea7Dv,.staffPick--wKkAg .textContainer--F27Yd {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    flex-direction: column;
    display: flex
}

@media only screen and (max-width: 1080px) {
    .staffPick--wKkAg .textColumnContainer--ea7Dv,.staffPick--wKkAg .textContainer--F27Yd {
        line-height:20px
    }
}

@media only screen and (max-width: 800px) {
    .staffPick--wKkAg .textColumnContainer--ea7Dv,.staffPick--wKkAg .textContainer--F27Yd {
        margin-left:5px;
        font-size: 17px
    }
}

@media only screen and (max-width: 990px) {
    .staffPick--wKkAg .textColumnContainer--ea7Dv,.staffPick--wKkAg .textContainer--F27Yd {
        margin-left:30px
    }
}

.staffPick--wKkAg .minPriceText--bDbOq {
    font-weight: 400
}

.recommendedAdvisor--FFDUq,.recommendedCarousel--B1sLp {
    width: auto;
    width: initial
}

.recommendedAdvisor--FFDUq .textColumnContainer--ea7Dv,.recommendedAdvisor--FFDUq .textContainer--F27Yd,.recommendedCarousel--B1sLp .textColumnContainer--ea7Dv,.recommendedCarousel--B1sLp .textContainer--F27Yd {
    font-size: 18px;
    line-height: 17px;
    flex-direction: var(--recommended-advisor-price-flex-direction);
    align-items: var(--recommended-advisor-price-align);
    gap: 5px
}

@media only screen and (max-width: 1080px) {
    .recommendedAdvisor--FFDUq .textColumnContainer--ea7Dv,.recommendedAdvisor--FFDUq .textContainer--F27Yd,.recommendedCarousel--B1sLp .textColumnContainer--ea7Dv,.recommendedCarousel--B1sLp .textContainer--F27Yd {
        font-size:13px;
        gap: 0px
    }
}

.recommendedAdvisor--FFDUq .minPriceText--bDbOq,.recommendedCarousel--B1sLp .minPriceText--bDbOq {
    display: var(--min-price-text-display)
}

.salePriceText--u3Dol {
    color: var(--app-sale-price-text-color)
}

.salePriceTextWithCoupon--lkTQ1 {
    color: var(--app-color)
}

@keyframes animation-bzdot9--GCIbq {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.advisorViewLink--ipK8c {
    width: 100%;
    height: 100%
}

.advisorServiceTitleContainer--Qqgj8 {
    display: none !important
}

@media only screen and (max-width: 1080px) {
    .advisorServiceTitleContainer--Qqgj8 {
        width:100%;
        max-width: 100%;
        display: inline-block !important;
        color: #000
    }
}

@media only screen and (max-width: 1080px) {
    .advisorServiceTitle--byNUq {
        font-size:12px;
        font-weight: 400
    }
}

.serviceDescriptionContainer--O3vko {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    margin-top: 13px !important;
    margin-bottom: 20px !important
}

@media only screen and (max-width: 1080px) {
    .serviceDescriptionContainer--O3vko {
        line-height:12px;
        min-height: 70px;
        margin-top: 5px !important;
        margin-bottom: 8px !important
    }
}

@media only screen and (max-width: 1080px) {
    .customTextStyle--ti4lV {
        line-height:12px
    }
}

.advisrServiceText--Y_6C2 {
    color: #565656;
    font-weight: 400;
    font-size: 18px;
    line-height: inherit
}

@media only screen and (max-width: 1080px) {
    .advisrServiceText--Y_6C2 {
        font-size:10px;
        line-height: 14px
    }
}

@media only screen and (max-width: 1080px) {
    .advisorNickNameContainer--J0RZm {
        line-height:18px
    }
}

@media only screen and (max-width: 1080px) {
    .advisrNickName--nVily {
        line-height:0px
    }
}

@media only screen and (max-width: 1080px) {
    .advisorServiceTitle--byNUq {
        line-height:0px
    }
}

@media only screen and (max-width: 1080px) {
    .advisorServiceTitleContainer--Qqgj8 {
        line-height:18px
    }
}

.advisornickNameAndServiceContainer--IhMw_ {
    display: flex;
    flex-direction: column
}

.advisorReadingSinceAndCountItemContainer--CK3GY {
    display: flex
}

.personal--GBa4A {
    margin-left: 8px;
    width: 97px;
    max-width: 97px;
    flex-shrink: 0;
    margin-left: 8px
}

.personal--GBa4A .advisorView--KolxW {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border: none;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer
}

.personal--GBa4A .advisorView--KolxW:first-of-type {
    margin-left: 0px
}

.personal--GBa4A .advisrServiceContainer--XSYgp {
    display: none
}

.personal--GBa4A .advisorNickNameContainer--J0RZm {
    display: none
}

@media only screen and (max-width: 1080px) {
    .personal--GBa4A {
        width:calc((100% - (10 - 1)*8px)/9.5);
        min-width: calc((100% - (10 - 1)*8px)/9.5);
        max-width: calc((100% - (10 - 1)*8px)/9.5)
    }

    .personal--GBa4A .advisorView--KolxW {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-left: 8px;
        border: none;
        background-color: #fff
    }

    .personal--GBa4A .advisrServiceContainer--XSYgp {
        display: none
    }

    .personal--GBa4A .advisorNickNameContainer--J0RZm {
        width: 100%;
        max-width: 100%;
        display: inline-block
    }
}

@media only screen and (max-width: 950px) {
    .personal--GBa4A {
        width:calc((100% - (9 - 1)*8px)/8.5);
        min-width: calc((100% - (9 - 1)*8px)/8.5);
        max-width: calc((100% - (9 - 1)*8px)/8.5)
    }
}

@media only screen and (max-width: 850px) {
    .personal--GBa4A {
        width:calc((100% - (8 - 1)*8px)/7.5);
        min-width: calc((100% - (8 - 1)*8px)/7.5);
        max-width: calc((100% - (8 - 1)*8px)/7.5)
    }
}

@media only screen and (max-width: 750px) {
    .personal--GBa4A {
        width:calc((100% - (7 - 1)*8px)/6.5);
        min-width: calc((100% - (7 - 1)*8px)/6.5);
        max-width: calc((100% - (7 - 1)*8px)/6.5)
    }
}

@media only screen and (max-width: 650px) {
    .personal--GBa4A {
        width:calc((100% - (6 - 1)*8px)/5.5);
        min-width: calc((100% - (6 - 1)*8px)/5.5);
        max-width: calc((100% - (6 - 1)*8px)/5.5)
    }
}

@media only screen and (max-width: 550px) {
    .personal--GBa4A {
        width:calc((100% - (5 - 1)*8px)/4.5);
        min-width: calc((100% - (5 - 1)*8px)/4.5);
        max-width: calc((100% - (5 - 1)*8px)/4.5)
    }
}

.personal--GBa4A .bottomSection--wwbG8 {
    display: none
}

.badge--a5l2C,.advisors_from_country--jIY59 {
    margin-left: 20px;
    flex-shrink: 0
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount))
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount))
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount))
    }
}

@media only screen and (min-width: 1920px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount))
    }
}

.badge--a5l2C .advisorView--KolxW,.advisors_from_country--jIY59 .advisorView--KolxW {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    background-color: #fff
}

.badge--a5l2C .advisorView--KolxW:hover,.advisors_from_country--jIY59 .advisorView--KolxW:hover {
    box-shadow: 0px 4px 20px rgba(71,74,78,.08),0px 2px 20px rgba(71,74,78,.14)
}

.badge--a5l2C .advisorView--KolxW:first-of-type,.advisors_from_country--jIY59 .advisorView--KolxW:first-of-type {
    margin-left: 0px
}

.badge--a5l2C .advisrServiceContainer--XSYgp,.advisors_from_country--jIY59 .advisrServiceContainer--XSYgp {
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 25px;
    margin-bottom: 22px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #565656;
    display: inline-block
}

.badge--a5l2C .bottomSection--wwbG8,.advisors_from_country--jIY59 .bottomSection--wwbG8 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.badge--a5l2C .advisorServiseActionsContainer--gpRmH,.advisors_from_country--jIY59 .advisorServiseActionsContainer--gpRmH {
    display: flex;
    flex-direction: row;
    margin-top: 16px
}

.badge--a5l2C .advisorServiseActionsIconsContainer--zaWe5,.advisors_from_country--jIY59 .advisorServiseActionsIconsContainer--zaWe5 {
    display: flex
}

.badge--a5l2C .advisorServiseActionsMinPriceText--A6L0O,.advisors_from_country--jIY59 .advisorServiseActionsMinPriceText--A6L0O {
    font-size: 18px;
    font-weight: 400
}

.badge--a5l2C .advisorServiseActionsMinPriceBoltText--T2YSm,.advisors_from_country--jIY59 .advisorServiseActionsMinPriceBoltText--T2YSm {
    font-size: 18px;
    font-weight: 700;
    color: #ff4949
}

.badge--a5l2C .advisorNickNameContainer--J0RZm,.advisors_from_country--jIY59 .advisorNickNameContainer--J0RZm {
    display: none
}

@media only screen and (max-width: 1080px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        margin-left:8px;
        width: calc((100% - (4 - 1)*8px)/3.5);
        min-width: calc((100% - (4 - 1)*8px)/3.5);
        max-width: calc((100% - (4 - 1)*8px)/3.5)
    }

    .badge--a5l2C .advisorView--KolxW,.advisors_from_country--jIY59 .advisorView--KolxW {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        background-color: #fff
    }

    .badge--a5l2C .advisorView--KolxW:hover,.advisors_from_country--jIY59 .advisorView--KolxW:hover {
        box-shadow: none
    }

    .badge--a5l2C .advisrServiceContainer--XSYgp,.advisors_from_country--jIY59 .advisrServiceContainer--XSYgp {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 14px;
        margin-bottom: 0px;
        overflow: hidden;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        color: #565656;
        display: inline-block
    }

    .badge--a5l2C .bottomSection--wwbG8,.advisors_from_country--jIY59 .bottomSection--wwbG8 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px
    }

    .badge--a5l2C .advisorServiseActionsContainer--gpRmH,.advisors_from_country--jIY59 .advisorServiseActionsContainer--gpRmH {
        display: flex;
        flex-direction: column;
        margin-top: 8px
    }

    .badge--a5l2C .advisorServiseActionsIconsContainer--zaWe5,.advisors_from_country--jIY59 .advisorServiseActionsIconsContainer--zaWe5 {
        display: flex
    }

    .badge--a5l2C .advisorServiseActionsIcon--b9S3n,.advisors_from_country--jIY59 .advisorServiseActionsIcon--b9S3n {
        width: 48px;
        height: 48px;
        margin-left: 7px
    }

    .badge--a5l2C .advisorServiseActionsMinPriceText--A6L0O,.advisors_from_country--jIY59 .advisorServiseActionsMinPriceText--A6L0O {
        font-size: 13px;
        font-weight: 400
    }

    .badge--a5l2C .advisorServiseActionsMinPriceBoltText--T2YSm,.advisors_from_country--jIY59 .advisorServiseActionsMinPriceBoltText--T2YSm {
        font-size: 13px;
        font-weight: 500;
        color: #000
    }

    .badge--a5l2C .advisrNickName--nVily,.advisors_from_country--jIY59 .advisrNickName--nVily {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        font-weight: 700;
        color: #000
    }

    .badge--a5l2C .advisorNickNameContainer--J0RZm,.advisors_from_country--jIY59 .advisorNickNameContainer--J0RZm {
        width: 100%;
        max-width: 100%;
        display: inline-block
    }
}

@media(max-width: 575px) {
    .badge--a5l2C,.advisors_from_country--jIY59 {
        width:calc((100% - (3 - 1)*8px)/2.5);
        min-width: calc((100% - (3 - 1)*8px)/2.5)
    }
}

.badge_end_to_end--HZ_x7 {
    flex-shrink: 0
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: 227px
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: 227px
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: 227px
    }
}

@media only screen and (min-width: 1920px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (var(--advisorCount) - 1)*20px)/var(--advisorCount));
        max-width: 227px
    }
}

.badge_end_to_end--HZ_x7 {
    margin-left: 20px
}

.badge_end_to_end--HZ_x7 .advisorView--KolxW {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 15px;
    border: none;
    box-sizing: border-box;
    background-color: #fff
}

.badge_end_to_end--HZ_x7 .badge_end_to_end--HZ_x7:first-of-type {
    margin-left: 0px
}

.badge_end_to_end--HZ_x7 .advisrServiceContainer--XSYgp {
    display: none
}

.badge_end_to_end--HZ_x7 .advisorServiseActionsContainer--gpRmH {
    display: flex;
    flex-direction: row;
    margin-top: 16px
}

.badge_end_to_end--HZ_x7 .advisorServiseActionsIconsContainer--zaWe5 {
    display: flex
}

.badge_end_to_end--HZ_x7 .advisorServiseActionsMinPriceText--A6L0O {
    font-size: 18px;
    font-weight: 400
}

.badge_end_to_end--HZ_x7 .advisorServiseActionsMinPriceBoltText--T2YSm {
    font-size: 18px;
    font-weight: 700;
    color: #ff4949
}

.badge_end_to_end--HZ_x7 .advisorNickNameContainer--J0RZm {
    display: none
}

.badge_end_to_end--HZ_x7 .bottomSection--wwbG8 {
    display: none
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (10 - 1)*8px)/9.5);
        min-width: calc((100% - (10 - 1)*8px)/9.5);
        max-width: calc((100% - (10 - 1)*8px)/9.5);
        margin-left: 8px
    }

    .badge_end_to_end--HZ_x7 .advisorView--KolxW {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        border-radius: 10px;
        border: none;
        box-sizing: border-box;
        background-color: #fff
    }

    .badge_end_to_end--HZ_x7 .advisrServiceContainer--XSYgp {
        display: none
    }

    .badge_end_to_end--HZ_x7 .advisorServiseActionsContainer--gpRmH {
        display: flex;
        flex-direction: column;
        margin-top: 8px
    }

    .badge_end_to_end--HZ_x7 .advisorServiseActionsIconsContainer--zaWe5 {
        display: flex
    }

    .badge_end_to_end--HZ_x7 .advisorServiseActionsIcon--b9S3n {
        width: 48px;
        height: 48px;
        margin-left: 7px
    }

    .badge_end_to_end--HZ_x7 .advisorServiseActionsMinPriceText--A6L0O {
        font-size: 13px;
        font-weight: 400
    }

    .badge_end_to_end--HZ_x7 .advisorServiseActionsMinPriceBoltText--T2YSm {
        font-size: 13px;
        font-weight: 500;
        color: #000
    }

    .badge_end_to_end--HZ_x7 .advisrNickName--nVily {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        font-weight: 700;
        color: #000
    }

    .badge_end_to_end--HZ_x7 .advisorNickNameContainer--J0RZm {
        display: none
    }
}

@media only screen and (max-width: 950px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (9 - 1)*8px)/8.5);
        min-width: calc((100% - (9 - 1)*8px)/8.5);
        max-width: calc((100% - (9 - 1)*8px)/8.5)
    }
}

@media only screen and (max-width: 850px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (8 - 1)*8px)/7.5);
        min-width: calc((100% - (8 - 1)*8px)/7.5);
        max-width: calc((100% - (8 - 1)*8px)/7.5)
    }
}

@media only screen and (max-width: 750px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (7 - 1)*8px)/6.5);
        min-width: calc((100% - (7 - 1)*8px)/6.5);
        max-width: calc((100% - (7 - 1)*8px)/6.5)
    }
}

@media only screen and (max-width: 650px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (6 - 1)*8px)/5.5);
        min-width: calc((100% - (6 - 1)*8px)/5.5);
        max-width: calc((100% - (6 - 1)*8px)/5.5)
    }
}

@media only screen and (max-width: 550px) {
    .badge_end_to_end--HZ_x7 {
        width:calc((100% - (5 - 1)*8px)/4.5);
        min-width: calc((100% - (5 - 1)*8px)/4.5);
        max-width: calc((100% - (5 - 1)*8px)/4.5)
    }
}

.searchResult--NX8vh .advisorView--KolxW,.someOtherAdvisor--S3Ocf .advisorView--KolxW,.homePageAllAdvisors--CrOJX .advisorView--KolxW {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    background-color: #fff
}

.searchResult--NX8vh .advisorView--KolxW:hover,.someOtherAdvisor--S3Ocf .advisorView--KolxW:hover,.homePageAllAdvisors--CrOJX .advisorView--KolxW:hover {
    box-shadow: 0px 4px 20px rgba(71,74,78,.08),0px 2px 20px rgba(71,74,78,.14)
}

.searchResult--NX8vh .advisorView--KolxW:first-of-type,.someOtherAdvisor--S3Ocf .advisorView--KolxW:first-of-type,.homePageAllAdvisors--CrOJX .advisorView--KolxW:first-of-type {
    margin-left: 0px
}

.searchResult--NX8vh .advisrServiceContainer--XSYgp,.someOtherAdvisor--S3Ocf .advisrServiceContainer--XSYgp,.homePageAllAdvisors--CrOJX .advisrServiceContainer--XSYgp {
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 25px;
    margin-bottom: 22px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #565656;
    display: inline-block;
    position: relative
}

.searchResult--NX8vh .bottomSection--wwbG8,.someOtherAdvisor--S3Ocf .bottomSection--wwbG8,.homePageAllAdvisors--CrOJX .bottomSection--wwbG8 {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    align-items: flex-end
}

@media only screen and (max-width: 1080px) {
    .searchResult--NX8vh .bottomSection--wwbG8,.someOtherAdvisor--S3Ocf .bottomSection--wwbG8,.homePageAllAdvisors--CrOJX .bottomSection--wwbG8 {
        align-items:flex-start
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .searchResult--NX8vh .bottomSection--wwbG8,.someOtherAdvisor--S3Ocf .bottomSection--wwbG8,.homePageAllAdvisors--CrOJX .bottomSection--wwbG8 {
        align-items:flex-start
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .searchResult--NX8vh .bottomSection--wwbG8,.someOtherAdvisor--S3Ocf .bottomSection--wwbG8,.homePageAllAdvisors--CrOJX .bottomSection--wwbG8 {
        align-items:flex-start
    }
}

.searchResult--NX8vh .advisorServiseActionsContainer--gpRmH,.someOtherAdvisor--S3Ocf .advisorServiseActionsContainer--gpRmH,.homePageAllAdvisors--CrOJX .advisorServiseActionsContainer--gpRmH {
    display: flex;
    flex-direction: row;
    margin-top: 16px
}

.searchResult--NX8vh .advisorServiseActionsIconsContainer--zaWe5,.someOtherAdvisor--S3Ocf .advisorServiseActionsIconsContainer--zaWe5,.homePageAllAdvisors--CrOJX .advisorServiseActionsIconsContainer--zaWe5 {
    display: flex
}

.searchResult--NX8vh .advisorServiseActionsMinPriceText--A6L0O,.someOtherAdvisor--S3Ocf .advisorServiseActionsMinPriceText--A6L0O,.homePageAllAdvisors--CrOJX .advisorServiseActionsMinPriceText--A6L0O {
    font-size: 18px;
    font-weight: 400
}

.searchResult--NX8vh .advisorServiseActionsMinPriceBoltText--T2YSm,.someOtherAdvisor--S3Ocf .advisorServiseActionsMinPriceBoltText--T2YSm,.homePageAllAdvisors--CrOJX .advisorServiseActionsMinPriceBoltText--T2YSm {
    font-size: 18px;
    font-weight: 700;
    color: #ff4949
}

.searchResult--NX8vh .advisorNickNameContainer--J0RZm,.someOtherAdvisor--S3Ocf .advisorNickNameContainer--J0RZm,.homePageAllAdvisors--CrOJX .advisorNickNameContainer--J0RZm {
    display: none
}

@media only screen and (max-width: 1080px) {
    .searchResult--NX8vh .advisorView--KolxW,.someOtherAdvisor--S3Ocf .advisorView--KolxW,.homePageAllAdvisors--CrOJX .advisorView--KolxW {
        width:100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        background-color: #fff
    }

    .searchResult--NX8vh .advisorView--KolxW:hover,.someOtherAdvisor--S3Ocf .advisorView--KolxW:hover,.homePageAllAdvisors--CrOJX .advisorView--KolxW:hover {
        box-shadow: 0px 4px 20px rgba(71,74,78,.08),0px 2px 20px rgba(71,74,78,.14)
    }

    .searchResult--NX8vh .advisrServiceContainer--XSYgp,.someOtherAdvisor--S3Ocf .advisrServiceContainer--XSYgp,.homePageAllAdvisors--CrOJX .advisrServiceContainer--XSYgp {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 14px;
        margin-bottom: 0px;
        overflow: hidden;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        color: #565656;
        display: inline-block;
        position: relative
    }

    .searchResult--NX8vh .bottomSection--wwbG8,.someOtherAdvisor--S3Ocf .bottomSection--wwbG8,.homePageAllAdvisors--CrOJX .bottomSection--wwbG8 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px
    }

    .searchResult--NX8vh .advisorServiseActionsContainer--gpRmH,.someOtherAdvisor--S3Ocf .advisorServiseActionsContainer--gpRmH,.homePageAllAdvisors--CrOJX .advisorServiseActionsContainer--gpRmH {
        display: flex;
        flex-direction: column;
        margin-top: 8px
    }

    .searchResult--NX8vh .advisorServiseActionsIconsContainer--zaWe5,.someOtherAdvisor--S3Ocf .advisorServiseActionsIconsContainer--zaWe5,.homePageAllAdvisors--CrOJX .advisorServiseActionsIconsContainer--zaWe5 {
        display: flex
    }

    .searchResult--NX8vh .advisorServiseActionsIcon--b9S3n,.someOtherAdvisor--S3Ocf .advisorServiseActionsIcon--b9S3n,.homePageAllAdvisors--CrOJX .advisorServiseActionsIcon--b9S3n {
        width: 48px;
        height: 48px;
        margin-left: 7px
    }

    .searchResult--NX8vh .advisorServiseActionsMinPriceText--A6L0O,.someOtherAdvisor--S3Ocf .advisorServiseActionsMinPriceText--A6L0O,.homePageAllAdvisors--CrOJX .advisorServiseActionsMinPriceText--A6L0O {
        font-size: 13px;
        font-weight: 400
    }

    .searchResult--NX8vh .advisorServiseActionsMinPriceBoltText--T2YSm,.someOtherAdvisor--S3Ocf .advisorServiseActionsMinPriceBoltText--T2YSm,.homePageAllAdvisors--CrOJX .advisorServiseActionsMinPriceBoltText--T2YSm {
        font-size: 13px;
        font-weight: 500;
        color: #000
    }

    .searchResult--NX8vh .advisrNickName--nVily,.someOtherAdvisor--S3Ocf .advisrNickName--nVily,.homePageAllAdvisors--CrOJX .advisrNickName--nVily {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        font-weight: 700;
        color: #000
    }

    .searchResult--NX8vh .advisorNickNameContainer--J0RZm,.someOtherAdvisor--S3Ocf .advisorNickNameContainer--J0RZm,.homePageAllAdvisors--CrOJX .advisorNickNameContainer--J0RZm {
        width: 100%;
        max-width: 100%;
        display: inline-block
    }
}

.recommendedCarousel--nRtPJ {
    min-width: 140px;
    width: 100%;
    max-width: 150px;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    background-color: #fff
}

.recommendedCarousel--nRtPJ .advisrServiceContainer--XSYgp {
    width: 100%;
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 15px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #565656;
    display: inline-block;
    position: relative
}

.recommendedCarousel--nRtPJ .bottomSection--wwbG8 {
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 9px
}

.recommendedCarousel--nRtPJ .serviceDescriptionContainer--O3vko {
    display: none
}

.recommendedCarousel--nRtPJ .previewAdvisorCTAContainer--yu2KN {
    display: none
}

.recommendedCarousel--nRtPJ .advisorServiseActionsContainer--gpRmH {
    display: flex;
    flex-direction: row;
    margin-top: 16px
}

.recommendedCarousel--nRtPJ .advisorServiseActionsContainer--gpRmH {
    display: flex;
    flex-direction: column;
    margin-top: 8px
}

.recommendedCarousel--nRtPJ .advisorServiseActionsIconsContainer--zaWe5 {
    display: flex
}

.recommendedCarousel--nRtPJ .advisorServiseActionsIcon--b9S3n {
    width: 48px;
    height: 48px;
    margin-left: 7px
}

.recommendedCarousel--nRtPJ .advisorServiseActionsMinPriceText--A6L0O {
    font-size: 13px;
    font-weight: 400
}

.recommendedCarousel--nRtPJ .advisorServiseActionsMinPriceBoltText--T2YSm {
    font-size: 13px;
    font-weight: 500;
    color: #000
}

.recommendedCarousel--nRtPJ .advisrNickName--nVily {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.recommendedCarousel--nRtPJ .advisorNickNameContainer--J0RZm {
    width: 100%;
    max-width: 100%;
    display: inline-block
}

.advisorFreeMinutes--aed49 {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding: 2px 5px;
    align-items: center;
    border-radius: var(--advisor-preview-xfm-label-border-radius);
    background: var(--advisor-preview-xfm-label-background);
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    text-wrap: nowrap
}

.advisorFreeMinutes--aed49 svg {
    margin-right: 5px
}

@media only screen and (max-width: 1080px) {
    .advisorFreeMinutes--aed49 {
        font-size:8px;
        line-height: 15px
    }
}

.wrapperFreeMinutes--wTJxz {
    width: 100%
}

.bottomSection--wwbG8 {
    display: flex;
    width: 100%;
    gap: 5px;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .bottomSection--wwbG8 {
        flex-direction:column;
        align-items: flex-start
    }
}

@media only screen and (max-width: 1080px) {
    .bottomSection--wwbG8 {
        flex-direction:column;
        align-items: flex-start
    }
}

.modesInfoContainer--D6ZKx {
    display: flex;
    flex-direction: column
}

.advisrService--yH8c1 {
    display: flex;
    flex-direction: column
}

.modesInfoContainer--D6ZKx {
    display: flex;
    gap: 3px;
    flex-direction: column
}

.notifyMeButton--CQQh3 {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    border: 1px solid #eff1f9;
    gap: 10px;
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-wrap: nowrap;
    white-space: nowrap
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .notifyMeButton--CQQh3 {
        padding-left:10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .notifyMeButton--CQQh3 {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (max-width: 1080px) {
    .notifyMeButton--CQQh3 {
        width:100%;
        font-size: 12px;
        gap: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 10px
    }
}

.priceText--aGnYq {
    font-size: 16px;
    font-weight: 600
}

@media only screen and (max-width: 1080px) {
    .priceText--aGnYq {
        font-size:12px
    }
}

.previewAdvisorCTAContainer--yu2KN {
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--yu2KN {
        width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--yu2KN {
        width:100%
    }
}

.modesInfoContainerWithIcons--XyS8n {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start
}

.previewAdvisorCTA--_AB1R,.previewAdvisorCTA--_AB1R:hover {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    gap: 10px;
    background-color: var(--app-color);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .previewAdvisorCTA--_AB1R,.previewAdvisorCTA--_AB1R:hover {
        padding-left:10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTA--_AB1R,.previewAdvisorCTA--_AB1R:hover {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
        gap: 5px
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTA--_AB1R,.previewAdvisorCTA--_AB1R:hover {
        width:100%;
        font-size: 12px;
        gap: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 10px
    }
}

@keyframes animation-bzdot9--dl9mi {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.advisorTitleDescription--jZvmO {
    color: #7e7e7e;
    font-size: 20px;
    font-weight: 400;
    padding-top: 23px;
    padding-bottom: 40px;
    line-height: 26px
}

@media only screen and (max-width: 1080px) {
    .advisorTitleDescription--jZvmO {
        display:none
    }
}

.advisorDescriptionSkeleton--KFbTB {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.advisorDescriptionSkeleton--KFbTB * {
    display: none
}

.advisorDescriptionSkeleton--KFbTB {
    width: 240px;
    height: 20px
}

.advisorShortDescription--cT3YW {
    display: none;
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 13px;
    line-height: 18px
}

@media only screen and (max-width: 1080px) {
    .advisorShortDescription--cT3YW {
        display:flex
    }
}

.advisorShortDescriptionSkeleton--XYiGq {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.advisorShortDescriptionSkeleton--XYiGq * {
    display: none
}

.advisorShortDescriptionSkeleton--XYiGq {
    width: 240px;
    height: 13px
}

@media only screen and (max-width: 1080px) {
    .seeAllItmeMobile--w_9XG,.seeAllItmeMobile--w_9XG:hover {
        width:100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #7f7f7f;
        cursor: pointer
    }
}

.sectionMainContainer--r2lJm {
    width: 100%
}

.advisorsSectionContainer--ahN21 {
    margin-top: 80px
}

.advisorsContainer--WZ5KT {
    display: flex;
    overflow: visible
}

.advisorsContainerScroller--WogyH {
    display: flex;
    width: 100%;
    overflow: visible
}

.advisorsContainerScroller--WogyH::after {
    content: "*";
    width: 10px;
    max-width: 10px;
    display: flex;
    visibility: hidden
}

.advisorsContainerScroller--WogyH :first-of-type {
    margin-left: 0px
}

.advisorTitleContainer--ksyut {
    display: flex;
    flex-direction: column
}

.advisorTitle--BommV {
    display: flex;
    align-items: center
}

.advisorTitleImg--abe7h {
    width: 50px;
    height: 50px
}

.advisorTitleText--wC6i7 {
    font-size: 38px;
    font-weight: 700;
    color: #000;
    margin: 0;
    margin-left: 22px
}

.advisorTitleTextSkeleton--AGl0i {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.advisorTitleTextSkeleton--AGl0i * {
    display: none
}

.advisorTitleTextSkeleton--AGl0i {
    width: 170px;
    height: 38px
}

.seeAllBtn--xh62w {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    border-radius: var(--app-default-btn-lg-border-radius);
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25);
    min-width: 80px
}

.seeAllBtnTextContainer--IDIuo {
    display: flex;
    flex-direction: row;
    align-items: center
}

.seeAllBtnRightArrow--EnrkR {
    margin-left: 6px
}

.seeAllBtnTextContainer--IDIuo {
    display: flex;
    flex-direction: row;
    align-items: center
}

.seeAllBtnRightArrow--EnrkR {
    margin-left: 6px
}

.scrollLeftElementContainer--MZUsS {
    display: none
}

.scrollRightElementContainer--duBzy {
    display: none
}

.seeAllItmeMobileContainer--Oslf2 {
    display: none
}

.arrowImg--pBsDM svg {
    fill: #000
}

@media only screen and (max-width: 1080px) {
    .seeAllBtn--xh62w {
        display:none
    }

    .sectionMainContainer--r2lJm {
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
        display: flex;
        align-items: center;
        position: relative
    }

    .advisorsContainer--WZ5KT {
        display: flex;
        overflow-x: scroll;
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 10px;
        padding-right: 10px
    }

    .advisorsContainerScroller--WogyH {
        display: flex;
        overflow: visible;
        overflow: initial
    }

    .advisorTitleContainer--ksyut {
        display: flex;
        flex-direction: column
    }

    .advisorTitle--BommV {
        display: flex
    }

    .advisorTitleImg--abe7h {
        width: 25px;
        height: 25px
    }

    .advisorTitleText--wC6i7 {
        font-size: 17px;
        font-weight: 700;
        color: #000;
        margin: 0;
        margin-left: 9px
    }

    .advisorTitleTextSkeleton--AGl0i {
        background-color: var(--app-skeleton-primary-color) !important;
        background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
        background-size: 200px 100% !important;
        background-repeat: no-repeat !important;
        border-radius: 4px;
        display: flex;
        line-height: 1;
        width: 100%;
        max-width: 100%;
        animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
        pointer-events: none;
        content-visibility: hidden;
        contain-intrinsic-size: auto 1px auto 1px
    }

    .advisorTitleTextSkeleton--AGl0i * {
        display: none
    }

    .advisorTitleTextSkeleton--AGl0i {
        width: 170px;
        height: 17px
    }

    .scrollLeftElementContainer--MZUsS {
        display: none
    }

    .scrollRightElementContainer--duBzy {
        display: none
    }

    .seeAllItmeMobileContainer--Oslf2 {
        display: flex
    }

    .seeAllItmeMobile--w_9XG {
        font-size: 24px;
        font-weight: 500
    }
}

.all_advisors_section--piLI4 {
    width: 100%;
    margin-top: 80px;
    margin-bottom: 40px;
    transition: all .3s ease
}

.all_advisors_section--piLI4 .advisorTitleDescription--jZvmO {
    display: none
}

.all_advisors_section--piLI4 .advisorShortDescription--cT3YW {
    display: none
}

@media only screen and (max-width: 1080px) {
    .all_advisors_section--piLI4 {
        margin-top:40px;
        margin-bottom: 13px
    }
}

.personal--YB93F {
    width: 100%;
    transition: all .3s ease;
    display: var(--displayRulePersonalBrowser);
    scrollbar-width: none
}

.personal--YB93F .advisorsSectionContainer--ahN21 {
    margin-top: 80px
}

.personal--YB93F .sectionMainContainer--r2lJm {
    width: 100%
}

.personal--YB93F .advisorsContainer--WZ5KT {
    width: 100%;
    display: flex;
    overflow-x: hidden;
    overflow-y: visible
}

.personal--YB93F .advisorsContainerScroller--WogyH {
    display: flex;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%
}

.personal--YB93F .advisorsContainerScroller--WogyH :first-of-type {
    margin-left: 0px
}

.personal--YB93F .advisorsContainerScroller--WogyH::after {
    content: "*";
    width: 8px;
    max-width: 8px;
    display: flex;
    visibility: hidden
}

.personal--YB93F .advisorTitleContainer--ksyut {
    display: none;
    flex-direction: column
}

.personal--YB93F .advisorShortDescription--cT3YW {
    display: none
}

.personal--YB93F .seeAllBtn--xh62w {
    display: none
}

.personal--YB93F .scrollLeftElementContainer--MZUsS {
    display: none
}

.personal--YB93F .scrollRightElementContainer--duBzy {
    display: none
}

.personal--YB93F .seeAllItmeMobile--w_9XG {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7f7f7f;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #eaeaea
}

@media only screen and (max-width: 1080px) {
    .personal--YB93F {
        display:var(--displayRulePersonalMobile);
        flex-direction: column
    }

    .personal--YB93F .sectionMainContainer--r2lJm {
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
        display: flex;
        align-items: center;
        position: relative
    }

    .personal--YB93F .advisorsContainer--WZ5KT {
        display: flex;
        overflow-x: scroll;
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 10px;
        padding-right: 10px
    }

    .personal--YB93F .advisorsContainerScroller--WogyH {
        display: flex;
        overflow: visible;
        overflow: initial
    }

    .personal--YB93F .advisorTitleContainer--ksyut {
        display: flex;
        flex-direction: column
    }

    .personal--YB93F .advisorTitle--BommV {
        display: flex;
        align-items: center
    }

    .personal--YB93F .advisorTitleImg--abe7h {
        width: 50px;
        height: 50px
    }

    .personal--YB93F .advisorTitleText--wC6i7 {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        margin: 0;
        margin-left: 0
    }

    .personal--YB93F .advisorTitleTextSkeleton--AGl0i {
        background-color: var(--app-skeleton-primary-color) !important;
        background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
        background-size: 200px 100% !important;
        background-repeat: no-repeat !important;
        border-radius: 4px;
        display: flex;
        line-height: 1;
        width: 100%;
        max-width: 100%;
        animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
        pointer-events: none;
        content-visibility: hidden;
        contain-intrinsic-size: auto 1px auto 1px
    }

    .personal--YB93F .advisorTitleTextSkeleton--AGl0i * {
        display: none
    }

    .personal--YB93F .advisorTitleTextSkeleton--AGl0i {
        width: 170px;
        height: 14px
    }

    .personal--YB93F .advisorTitleDescription--jZvmO {
        display: none
    }

    .personal--YB93F .seeAllItmeMobile--w_9XG {
        font-size: 18px;
        font-weight: 500;
        border-radius: 10px
    }
}

.badge--ECs3K {
    width: 100%;
    margin-top: 80px;
    transition: all .3s ease
}

.badge--ECs3K .advisorsContainerScroller--WogyH {
    display: flex;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%
}

@media only screen and (max-width: 1080px) {
    .badge--ECs3K {
        margin-top:40px
    }

    .badge--ECs3K .advisorsContainerScroller--WogyH {
        display: flex;
        overflow: visible;
        overflow: initial
    }
}

.advisors_from_country--St4nD {
    width: 100%;
    margin-top: 80px;
    transition: all .3s ease
}

.advisors_from_country--St4nD .advisorsContainerScroller--WogyH {
    display: flex;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%
}

.advisors_from_country--St4nD .advisorTitleImg--abe7h {
    width: 46px;
    height: 33px;
    border-radius: 5px
}

@media only screen and (max-width: 1080px) {
    .advisors_from_country--St4nD {
        margin-top:40px
    }

    .advisors_from_country--St4nD .advisorsContainerScroller--WogyH {
        display: flex;
        overflow: visible;
        overflow: initial
    }

    .advisors_from_country--St4nD .advisorTitleImg--abe7h {
        width: 33px;
        height: 24px;
        border-radius: 3px
    }
}

.badge_end_to_end--rnMQk,.recommend_advisors--JDX7z {
    width: 100%;
    margin-top: 60px;
    transition: all .3s ease
}

.badge_end_to_end--rnMQk .sectionMainContainer--r2lJm,.recommend_advisors--JDX7z .sectionMainContainer--r2lJm {
    width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
    margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
    display: flex;
    align-items: center;
    position: relative
}

.badge_end_to_end--rnMQk .advisorsContainer--WZ5KT,.recommend_advisors--JDX7z .advisorsContainer--WZ5KT {
    display: flex;
    overflow-x: scroll;
    width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
    margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center
}

.badge_end_to_end--rnMQk .advisorsContainerScroller--WogyH,.recommend_advisors--JDX7z .advisorsContainerScroller--WogyH {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow: initial
}

.badge_end_to_end--rnMQk .advisorsContainerScroller--WogyH :first-of-type,.recommend_advisors--JDX7z .advisorsContainerScroller--WogyH :first-of-type {
    margin-left: 0px
}

.badge_end_to_end--rnMQk .advisorTitleContainer--ksyut,.recommend_advisors--JDX7z .advisorTitleContainer--ksyut {
    display: flex;
    flex-direction: column
}

.badge_end_to_end--rnMQk .seeAllBtn--xh62w,.recommend_advisors--JDX7z .seeAllBtn--xh62w {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    border-radius: var(--app-default-btn-lg-border-radius);
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    box-shadow: inset 0px -4px 0px rgba(202,202,202,.25);
    min-width: 80px
}

.badge_end_to_end--rnMQk .seeAllBtnTextContainer--IDIuo,.recommend_advisors--JDX7z .seeAllBtnTextContainer--IDIuo {
    display: flex;
    flex-direction: row;
    align-items: center
}

.badge_end_to_end--rnMQk .seeAllBtnRightArrow--EnrkR,.recommend_advisors--JDX7z .seeAllBtnRightArrow--EnrkR {
    margin-left: 6px
}

.badge_end_to_end--rnMQk .scrollLeftElementContainer--MZUsS,.recommend_advisors--JDX7z .scrollLeftElementContainer--MZUsS {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 10
}

.badge_end_to_end--rnMQk .scrollRightElementContainer--duBzy,.recommend_advisors--JDX7z .scrollRightElementContainer--duBzy {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 10
}

.badge_end_to_end--rnMQk .scrollElementImgContainer--CYxVF,.recommend_advisors--JDX7z .scrollElementImgContainer--CYxVF {
    width: 42px;
    height: 77px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.badge_end_to_end--rnMQk .advisorTitle--BommV,.recommend_advisors--JDX7z .advisorTitle--BommV {
    display: flex;
    align-items: center
}

.badge_end_to_end--rnMQk .advisorTitleImg--abe7h,.recommend_advisors--JDX7z .advisorTitleImg--abe7h {
    width: 50px;
    height: 50px
}

.badge_end_to_end--rnMQk .advisorTitleText--wC6i7,.recommend_advisors--JDX7z .advisorTitleText--wC6i7 {
    font-size: 38px;
    font-weight: 700;
    color: #000;
    margin: 0;
    margin-left: 22px
}

.badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i {
    background-color: var(--app-skeleton-primary-color) !important;
    background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
    background-size: 200px 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 4px;
    display: flex;
    line-height: 1;
    width: 100%;
    max-width: 100%;
    animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
    pointer-events: none;
    content-visibility: hidden;
    contain-intrinsic-size: auto 1px auto 1px
}

.badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i *,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i * {
    display: none
}

.badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i {
    width: 170px;
    height: 38px
}

@media only screen and (max-width: 1080px) {
    .badge_end_to_end--rnMQk,.recommend_advisors--JDX7z {
        margin-top:40px
    }

    .badge_end_to_end--rnMQk .seeAllBtn--xh62w,.recommend_advisors--JDX7z .seeAllBtn--xh62w {
        display: none
    }

    .badge_end_to_end--rnMQk .advisorTitleContainer--ksyut,.recommend_advisors--JDX7z .advisorTitleContainer--ksyut {
        display: flex;
        flex-direction: column
    }

    .badge_end_to_end--rnMQk .advisorTitle--BommV,.recommend_advisors--JDX7z .advisorTitle--BommV {
        display: flex
    }

    .badge_end_to_end--rnMQk .advisorTitleImg--abe7h,.recommend_advisors--JDX7z .advisorTitleImg--abe7h {
        width: 25px;
        height: 25px
    }

    .badge_end_to_end--rnMQk .advisorTitleText--wC6i7,.recommend_advisors--JDX7z .advisorTitleText--wC6i7 {
        font-size: 17px;
        font-weight: 700;
        color: #000;
        margin: 0;
        margin-left: 9px
    }

    .badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i {
        background-color: var(--app-skeleton-primary-color) !important;
        background-image: linear-gradient(90deg, var(--app-skeleton-primary-color), var(--app-skeleton-secondary-color), var(--app-skeleton-primary-color)) !important;
        background-size: 200px 100% !important;
        background-repeat: no-repeat !important;
        border-radius: 4px;
        display: flex;
        line-height: 1;
        width: 100%;
        max-width: 100%;
        animation: animation-bzdot9--dl9mi 1.2s ease-in-out infinite;
        pointer-events: none;
        content-visibility: hidden;
        contain-intrinsic-size: auto 1px auto 1px
    }

    .badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i *,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i * {
        display: none
    }

    .badge_end_to_end--rnMQk .advisorTitleTextSkeleton--AGl0i,.recommend_advisors--JDX7z .advisorTitleTextSkeleton--AGl0i {
        width: 170px;
        height: 17px
    }

    .badge_end_to_end--rnMQk .scrollLeftElementContainer--MZUsS,.recommend_advisors--JDX7z .scrollLeftElementContainer--MZUsS {
        display: none
    }

    .badge_end_to_end--rnMQk .scrollRightElementContainer--duBzy,.recommend_advisors--JDX7z .scrollRightElementContainer--duBzy {
        display: none
    }

    .badge_end_to_end--rnMQk .seeAllItmeMobile--w_9XG,.recommend_advisors--JDX7z .seeAllItmeMobile--w_9XG {
        font-size: 18px;
        font-weight: 500
    }
}

.advisorsContainer--WZ5KT::-webkit-scrollbar {
    display: none
}

.advisorsContainer--WZ5KT::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)
}

.advisorsContainer--WZ5KT::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0)
}

.advisorsContainer--WZ5KT::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0)
}

.recommend_advisors--JDX7z {
    margin-top: 10px
}

.recommend_advisors--JDX7z .sectionMainContainer--r2lJm {
    width: 100%;
    margin-left: 0;
    margin-left: initial;
    padding: 30px
}

.recommend_advisors--JDX7z .advisorsContainer--WZ5KT {
    width: 100%;
    margin-left: 0;
    margin-left: initial;
    padding: 0
}

.recommend_advisors--JDX7z .advisorsContainerScroller--WogyH {
    gap: 30px;
    padding-bottom: 15px
}

.recommend_advisors--JDX7z .scrollRightElementContainer--duBzy {
    right: -50px
}

.recommend_advisors--JDX7z .scrollLeftElementContainer--MZUsS {
    left: -50px
}

.recommend_advisors--JDX7z .scrollElementImgContainer--CYxVF {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #e4e4e4
}

.recommend_advisors--JDX7z .advisorTitleContainer--ksyut {
    padding: 0 30px
}

@media only screen and (max-width: 1080px) {
    .recommend_advisors--JDX7z .advisorTitleContainer--ksyut {
        padding:0
    }
}

.recommend_advisors--JDX7z .advisorTitleText--wC6i7 {
    font-size: 22px
}

@media only screen and (max-width: 1080px) {
    .recommend_advisors--JDX7z .advisorTitleText--wC6i7 {
        font-size:17px
    }
}

.recommend_advisors--JDX7z .advisorTitleDescription--jZvmO {
    font-size: 18px;
    font-weight: 300;
    padding: 0
}

.recommend_advisors--JDX7z .advisorShortDescription--cT3YW {
    padding-top: 0;
    font-size: 12px
}

.recommend_advisors--JDX7z .arrowImg--pBsDM path {
    fill: var(--app-color)
}

@keyframes animation-bzdot9--JYKI4 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.bannerContainer--J5Z5Q {
    position: relative;
    width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
    margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    padding-left: 0px;
    margin-top: -64px
}

@media only screen and (max-width: 1080px) {
    .bannerContainer--J5Z5Q {
        height:516px;
        padding-bottom: 25px;
        background-position: -580px center !important;
        justify-content: flex-end;
        align-items: flex-end;
        padding-left: 10px
    }
}

@media only screen and (min-width: 835px)and (max-width: 1080px) {
    .bannerContainer--J5Z5Q {
        background-position:-300px center !important
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .bannerContainer--J5Z5Q {
        height:516px;
        align-items: center;
        padding-bottom: 25px
    }
}

.bannerVideoContainer--wodgA {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

.bannerContent--JoLL0 {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 480px) {
    .bannerContent--JoLL0 {
        max-width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .bannerContent--JoLL0 {
        max-width:100%
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .bannerContent--JoLL0 {
        max-width:calc(1080px - 100px)
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .bannerContent--JoLL0 {
        max-width:calc(1280px - 100px)
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1920px) {
    .bannerContent--JoLL0 {
        max-width:calc(1440px - 100px)
    }
}

@media only screen and (min-width: 1920px) {
    .bannerContent--JoLL0 {
        max-width:1440px
    }
}

.bannerContent--JoLL0 {
    font-size: 47px;
    line-height: 68px;
    width: 100%;
    color: #fff;
    font-weight: 400;
    padding-top: 32px
}

@media only screen and (max-width: 1080px) {
    .bannerContent--JoLL0 {
        font-size:40px;
        line-height: 50px;
        padding-left: 0
    }
}

@media(max-width: 300px) {
    .bannerContent--JoLL0 {
        font-size:35px;
        line-height: 35px
    }
}

@media(min-width: 835px)and (max-width: 1280px) {
    .bannerContent--JoLL0 {
        padding-top:100px
    }
}

.bannerTitleContainer--RWQbv {
    margin-bottom: 30px
}

@media only screen and (max-width: 1080px) {
    .bannerTitleContainer--RWQbv {
        margin-bottom:60px
    }
}

.bannerTitle--zckft {
    margin-bottom: 0;
    font-size: 47px;
    line-height: 68px;
    color: #fff;
    font-weight: 400
}

@media only screen and (max-width: 1080px) {
    .bannerTitle--zckft {
        display:none
    }
}

.bannerTitleMobile--onut8 {
    margin-bottom: 0;
    display: none
}

@media only screen and (max-width: 1080px) {
    .bannerTitleMobile--onut8 {
        display:inherit;
        max-width: 330px;
        color: #fff;
        font-size: 40px;
        line-height: 50px;
        padding-left: 0
    }
}

.findYourWayContainer--VGmXr {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    line-height: 36px
}

@media only screen and (max-width: 1080px) {
    .findYourWayContainer--VGmXr {
        display:none
    }
}

.findYourWayMobileContainer--lAwv2 {
    display: none
}

@media only screen and (max-width: 1080px) {
    .findYourWayMobileContainer--lAwv2 {
        margin-top:12px;
        margin-bottom: 0;
        display: inherit;
        font-weight: 400;
        font-size: 22px;
        color: #fff;
        line-height: 30px
    }
}

.boldBanner--EFjXl {
    font-weight: 700
}

.searchContainer--lNYfH {
    display: flex;
    width: 666px;
    max-width: 100%;
    height: 54px
}

@media only screen and (max-width: 1080px) {
    .searchContainer--lNYfH {
        height:44px
    }
}

.promotionHolder--wU6YJ {
    display: flex;
    margin-top: 20px;
    border-radius: 8px;
    max-width: 656px;
    margin-right: 10px;
    display: flex;
    height: 91px
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .promotionHolder--wU6YJ {
        margin-top:15px
    }
}

@media only screen and (max-width: 1080px) {
    .promotionHolder--wU6YJ {
        justify-content:center
    }
}

.bannerPoster--Ms0NX {
    width: 100%;
    height: 100%;
    background: var(--poster-desktop) center/100% no-repeat
}

@media only screen and (max-width: 1080px) {
    .bannerPoster--Ms0NX {
        background-image:var(--poster-mobile)
    }
}

@keyframes animation-bzdot9--_KFn_ {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.contentContainer--teHG9 {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .contentContainer--teHG9 {
        margin-left:10px;
        margin-right: 10px
    }
}

.sectionsMainContainer--LjihG {
    width: 100%
}

.specialitiesContainer--liBq4 {
    display: flex;
    align-items: center;
    overflow-x: hidden;
    margin-top: 80px;
    align-items: stretch;
    width: 100%;
    border-radius: 20px;
    box-shadow: var(--specialities-shadow)
}

@media only screen and (max-width: 1080px) {
    .specialitiesContainer--liBq4 {
        overflow-x:scroll;
        scrollbar-width: none;
        border-radius: 0px;
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2);
        display: flex;
        align-items: stretch;
        position: relative;
        padding-left: 15px;
        margin-top: 20px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }
}

.specialitiesContainer--liBq4::-webkit-scrollbar {
    width: 10px
}

.specialitiesContainer--liBq4::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)
}

.specialitiesContainer--liBq4::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0)
}

.specialitiesContainer--liBq4::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0)
}

.speciality--EsgvG {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    cursor: pointer;
    line-height: 14px;
    border-radius: 8px;
    min-height: 100%;
    max-height: 217px;
    flex: 1 1
}

.specialityName--Xcrjl {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 20px;
    line-height: 1
}

@media only screen and (max-width: 1080px) {
    .specialityName--Xcrjl {
        font-size:15px
    }
}

.specialityPG--stJyH {
    margin-left: 20px
}

@media only screen and (max-width: 1080px) {
    .specialityPG--stJyH {
        margin-left:8px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .specialityPG--stJyH {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px)and (max-width: 1440px) {
    .specialityPG--stJyH {
        margin-left:8px
    }
}

@media only screen and (max-width: 750px) {
    .specialityPG--stJyH {
        border-radius:4px;
        min-width: calc((100% - 20px)/3.5);
        max-width: calc((100% - 20px)/3.5)
    }
}

.specialityKA--A5mTi {
    border-right: 1px solid var(--border-primary);
    border-radius: 0
}

@media only screen and (max-width: 750px) {
    .specialityKA--A5mTi {
        border-radius:4px;
        min-width: calc((100% - 20px)/3.5);
        max-width: calc((100% - 20px)/3.5)
    }
}

.specialityKA--A5mTi:last-child {
    border: none
}

.speciality--EsgvG:first-of-type {
    margin-left: 0
}

.appBannersContainer--O0Uqg {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 80px;
    flex-direction: row
}

@media only screen and (max-width: 1080px) {
    .appBannersContainer--O0Uqg {
        flex-direction:column;
        align-items: center
    }
}

.appBanner--RryUU {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 20px;
    max-width: 100%
}

@media only screen and (max-width: 1080px) {
    .appBanner--RryUU {
        max-width:666px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.appBanner--RryUU:first-of-type {
    margin-right: 10px
}

@media only screen and (max-width: 1080px) {
    .appBanner--RryUU:first-of-type {
        margin-bottom:10px
    }
}

.poBannerGradient--fJS_z {
    background: linear-gradient(to bottom right, #5238A6, #B36AD6)
}

.ptBannerGradient--_84hz {
    background: linear-gradient(to bottom right, #744DC1, #4BB3FF)
}

.appBannerTitle--Onz2U {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}

.openAppLink--kMqh7 {
    background-color: #fff;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: #000;
    font-weight: 500;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px
}

.promotionFooter--qU0Zj {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--zIndexValue)
}

@media only screen and (max-width: 1080px) {
    .promotionFooter--qU0Zj {
        display:flex
    }
}

.allAdvisorsButtonContainer--xkSBN {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2.5rem;
    margin-top: 5rem;
    border: .063rem solid #eaeaea;
    border-radius: 1.563rem;
    background: #f7f7f7
}

@media only screen and (max-width: 1080px) {
    .allAdvisorsButtonContainer--xkSBN {
        flex-direction:column;
        justify-content: center;
        align-items: center;
        row-gap: 1.25rem;
        padding: 1rem;
        margin-top: 2rem;
        border-radius: .938rem
    }
}

.allAdvisorsButton--QKJoc {
    width: 12.5rem
}

.allAdvisorsButtonText--qTTqx {
    display: flex;
    flex-direction: row;
    -moz-column-gap: .313rem;
    column-gap: .313rem;
    align-items: center;
    color: var(--app-text-primary)
}

@media only screen and (max-width: 1080px) {
    .allAdvisorsButtonText--qTTqx {
        flex-direction:column;
        justify-content: center
    }
}

.promotionHolder--bN31G {
    width: 100%;
    border-radius: 12px;
    display: flex;
    margin-top: 40px
}

@media only screen and (max-width: 1080px) {
    .promotionHolder--bN31G {
        justify-content:center;
        margin-top: 10px
    }
}

@keyframes animation-bzdot9--LgIjg {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.mainContentContainer--NPzhz {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 80px
}

@media only screen and (max-width: 1080px) {
    .mainContentContainer--NPzhz {
        margin-top:40px
    }
}

.sectionHeader--oVkNJ {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    align-items: center;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeader--oVkNJ {
        font-size:17px
    }
}

@media only screen and (max-width: 990px) {
    .sectionHeader--oVkNJ {
        margin-bottom:10px
    }
}

.sectionHeaderSeparator--tb45Q {
    width: 22px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionHeaderSeparator--tb45Q {
        width:9px
    }
}

.sectionIcon--IJBb3 {
    width: 50px;
    height: 50px;
    transition: all .3s ease
}

@media only screen and (max-width: 1080px) {
    .sectionIcon--IJBb3 {
        width:25px;
        height: 25px
    }
}

.advisorContainer--qq50h {
    border: solid #f1f1f1 1px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex-direction: row;
    transition: all .3s ease;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 31px;
    padding-right: 45px
}

@media only screen and (max-width: 990px) {
    .advisorContainer--qq50h {
        flex-direction:column;
        padding: 10px
    }
}

.avatarHolder--LY1GE {
    position: relative;
    width: 30%;
    transition: all .3s ease;
    min-height: 100%;
    min-width: 382px
}

@media only screen and (max-width: 990px) {
    .avatarHolder--LY1GE {
        width:100%;
        min-width: 0;
        min-width: initial
    }
}

.avatarContainer--zkqGz {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .avatarContainer--zkqGz {
        width:100%;
        margin-right: 0px
    }
}

.advisorInfoContainer--A5he0 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-left: 31px;
    min-height: 100%
}

@media only screen and (max-width: 990px) {
    .advisorInfoContainer--A5he0 {
        margin-left:0px
    }
}

.advisorInfoHeader--nysOR {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1;
    transition: all .3s ease
}

@media only screen and (max-width: 990px) {
    .advisorInfoHeader--nysOR {
        display:none
    }
}

.advisorTitle--dAn1W {
    font-weight: 700;
    font-size: 34px;
    line-height: 51px
}

.advisorSubtitle--zZyaf {
    font-weight: 400;
    font-size: 22px;
    color: dimgray;
    line-height: 33px
}

.rating--iJRqT {
    display: flex;
    background-color: #ffecbc;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 51px;
    font-weight: 500;
    font-size: 20px
}

.footer--Y04T6 {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    transition: all .3s ease;
    margin-bottom: 31px
}

@media only screen and (max-width: 990px) {
    .footer--Y04T6 {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 990px) {
    .footer--Y04T6.v2--xKaku {
        flex-direction:row;
        justify-content: space-between
    }
}

.staffPickDescription--_kPTt {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 3s ease;
    word-break: break-all
}

@media only screen and (max-width: 990px) {
    .staffPickDescription--_kPTt {
        line-height:22px;
        font-size: 15px;
        padding-bottom: 0px;
        height: auto;
        height: initial
    }
}

.advisorViewLink--Q_jaC {
    width: 100%;
    color: #000
}

.advisorViewLink--Q_jaC:hover {
    color: #000
}

.serviceTitleContainer--rfWIC {
    font-size: 15px
}

@media only screen and (max-width: 1080px) {
    .serviceTitleContainer--rfWIC {
        padding-top:10px;
        padding-bottom: 10px;
        margin-bottom: 0px !important
    }
}

.previewAdvisorCTAContainer--aJKGo {
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1080px)and (max-width: 1280px) {
    .previewAdvisorCTAContainer--aJKGo {
        display:none
    }
}

@media only screen and (max-width: 1080px) {
    .previewAdvisorCTAContainer--aJKGo {
        display:none
    }
}

@keyframes animation-bzdot9--FiiX7 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.personalSectionsContainer--PgBsK {
    width: 100%;
    margin-top: 96px
}

@media only screen and (max-width: 1080px) {
    .personalSectionsContainer--PgBsK {
        display:none
    }
}

.personalSectionsMenuItemsContainer--P6i5m {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.personalSectionsMenuItemContainer--WvTVM {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.personalSectionsMenuItemSelected--PrqDw {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    padding: 0px;
    color: #000;
    background-color: #fff;
    border: none;
    border-bottom: 4px solid var(--app-personal-section-border-color)
}

.personalSectionsMenuItem--SUwpa {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    padding: 0px;
    color: #929292;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    padding-bottom: 3px
}

.personalSectionsAdvosorsContainer--E4AcN {
    margin-top: 28px
}

.personalSectionsMenuContainer--Ouehw {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.divider--bQ063 {
    width: 100%;
    height: 1px;
    background-color: #e4e4e4
}

.smallDivider--eTxjN {
    width: 35px;
    height: 1px;
    background-color: #e4e4e4
}

@keyframes animation-bzdot9--WA72O {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.sectionContainer--fvgv1 {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    padding: 80px 0 10px 0
}

@media only screen and (max-width: 1080px) {
    .sectionContainer--fvgv1 {
        height:140px;
        padding: 30px 0 10px 0
    }
}

.buttonV2Container--y_7SI {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 1.25rem 2rem;
    margin-top: 20px;
    border-radius: 20px;
    background: linear-gradient(#ffffff, #ffffff) padding-box,linear-gradient(135deg, var(--advisor-verify-gradient-start-color) 0%, var(--advisor-verify-gradient-end-color) 100%) border-box;
    border: 2px solid rgba(0,0,0,0);
    position: relative;
    box-sizing: border-box
}

@media only screen and (max-width: 1080px) {
    .buttonV2Container--y_7SI {
        flex-direction:row;
        padding: 1rem 1.5rem;
        margin-top: 1.5rem;
        border-radius: 1.25rem;
        gap: .75rem
    }
}

.iconContainer--oYesE {
    display: flex;
    align-items: center;
    justify-content: center
}

.icon--suSfL {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    border: none
}

@media only screen and (max-width: 1080px) {
    .icon--suSfL {
        width:40px;
        height: 40px
    }
}

.titleContainer--UZDzS {
    display: flex;
    align-items: center;
    justify-content: center
}

.title--aDclo {
    font-family: var(--mbw-font-family);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    color: var(--mbw-text-primary)
}

@media only screen and (max-width: 1080px) {
    .title--aDclo {
        font-size:.938rem
    }
}

@keyframes animation-bzdot9--FkWoF {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.promotionLabelContainer--VvluG {
    display: flex;
    flex-direction: row;
    position: relative;
    color: #000;
    width: 100%;
    height: 100%;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

.mainContent--avrrD {
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 12px;
    display: flex;
    flex-direction: row-reverse
}

.promoContent--KrZaH {
    display: flex;
    width: 100%;
    padding: 18px;
    z-index: 1;
    align-items: center
}

@media only screen and (max-width: 1080px) {
    .promoContent--KrZaH {
        width:100%;
        min-width: 300px;
        padding: 7px 14px
    }
}

.bgImage--E0yhF {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    aspect-ratio: var(--promotion-label-banner-aspect-ration)
}

.textContainer--XwcA3 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.title--jU0s2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    color: #fff
}

@media only screen and (max-width: 1080px) {
    .title--jU0s2 {
        font-size:17px;
        line-height: 19px
    }
}

.subtitle--YkMZo {
    font-size: 18px;
    font-weight: 500
}

@media only screen and (max-width: 1080px) {
    .subtitle--YkMZo {
        font-size:13px
    }
}

.countdownTitle--VBXSh {
    font-weight: 700;
    font-size: 9px;
    line-height: 18px
}

.countdownContainer--qOXrO {
    display: flex;
    flex-direction: column;
    margin-inline-start:auto;background-color: hsla(0,0%,100%,.4);
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    padding: 8px;
    padding-top: 4px;
    border-radius: 10px
}

@media only screen and (max-width: 1080px) {
    .countdownContainer--qOXrO {
        padding:4px
    }
}

.countDownTimer--RznDy {
    display: flex;
    flex-direction: row
}

.countdown--LcqW5 {
    border-radius: 6px;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    width: 44px;
    height: 50px;
    line-height: 13px;
    padding: 5px;
    padding-top: 7px;
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ECECEC 50%, #ECECEC 100%)
}

@media only screen and (max-width: 1080px) {
    .countdown--LcqW5 {
        font-size:18px;
        width: 34px;
        height: 40px
    }
}

.countdown--LcqW5:first-of-type {
    margin-left: 0
}

.countdownSubtitle--dxvLc {
    font-size: 8px;
    font-weight: 500;
    padding-top: 5px
}

@media only screen and (max-width: 1080px) {
    .countdownSubtitle--dxvLc {
        font-size:7px
    }
}

@keyframes animation-bzdot9--v5Fyg {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--CHrTL {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-top: 3.75rem;
    width: 100%
}

.container--CHrTL .btnLink--llPqV {
    display: flex;
    color: inherit;
    flex: 1 1 17.188rem
}

.container--CHrTL .btnLink--llPqV .btn--Dk5zk {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    border-radius: .5rem;
    background: none;
    outline: none;
    cursor: pointer;
    padding: 1rem;
    border: 1px solid var(--app-filter-btn-border-color);
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

.container--CHrTL .btnLink--llPqV .btn--Dk5zk .icon--OtZSj {
    width: 2.125rem;
    height: 2.125rem
}

@media only screen and (max-width: 1080px) {
    .container--CHrTL {
        -moz-column-gap:.5rem;
        column-gap: .5rem;
        overflow-x: scroll;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 0 .625rem;
        width: calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width));
        margin-left: calc((100% - calc(100vw - var(--scrollbar-width) - var(--invisible-scrollbar-width)))/2)
    }

    .container--CHrTL .btnLink--llPqV {
        flex: 1 0 auto
    }

    .container--CHrTL .btnLink--llPqV .btn--Dk5zk {
        border-width: .5px;
        font-size: 14px
    }

    .container--CHrTL .btnLink--llPqV .btn--Dk5zk .icon--OtZSj {
        width: 1.25rem;
        height: 1.25rem
    }
}

@keyframes animation-bzdot9--wY_kz {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.container--uADnm {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 80px;
    padding: 36px;
    border-radius: 20px;
    gap: 28px;
    border: 1px solid var(--satisfaction-guaranteed-border-color);
    background-color: var(--satisfaction-guaranteed-background-color)
}

@media only screen and (max-width: 1080px) {
    .container--uADnm {
        padding:16px;
        margin-top: 20px;
        border-radius: 12px;
        gap: 16px
    }
}

.title--xZ653 {
    font-family: var(--mbw-font-family);
    font-size: 34px;
    font-weight: 700;
    text-align: left;
    color: var(--satisfaction-guaranteed-title-color)
}

@media only screen and (max-width: 1080px) {
    .title--xZ653 {
        font-size:13px
    }
}

.itemsContainer--wzaYP {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between
}

@media only screen and (max-width: 1080px) {
    .itemsContainer--wzaYP {
        gap:6px;
        justify-content: space-between
    }
}

.item--CSGRr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    flex: 1 1
}

@media only screen and (max-width: 1080px) {
    .item--CSGRr {
        align-items:flex-start
    }
}

.iconContainer--llq1m {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 1080px) {
    .iconContainer--llq1m {
        margin-bottom:8px
    }
}

.icon--mpjDl {
    width: 48px;
    height: 48px
}

@media only screen and (max-width: 1080px) {
    .icon--mpjDl {
        width:24px;
        height: 24px
    }
}

.itemTitle--KsKn_ {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--mbw-text-primary)
}

@media only screen and (max-width: 1080px) {
    .itemTitle--KsKn_ {
        font-size:11px;
        line-height: 14px;
        margin-bottom: 6px
    }
}

.itemDescription--h5XXl {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    color: var(--satisfaction-guaranteed-text-color)
}

@media only screen and (max-width: 1080px) {
    .itemDescription--h5XXl {
        font-size:9px;
        line-height: 12px
    }
}

@keyframes animation-bzdot9--SLCdo {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.downloadAppPopupContentContainer--nhw_D {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 30px;
    max-width: 500px;
    position: relative
}

@media only screen and (max-width: 1080px) {
    .downloadAppPopupContentContainer--nhw_D {
        max-width:345px
    }
}

.starIconContainer--Ygvqy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.starIcon--_Jt60 {
    width: 73px;
    height: 73px
}

.titleSection--CGGtd {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.downloadAppPopupTitle--cOm0r {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 0;
    color: #000
}

.descriptionSection--ruvE3 {
    width: 100%;
    padding: 16px;
    border-radius: 8px
}

.downloadAppPopupText--MNVVP {
    white-space: pre-wrap;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.boldText--iIrtH {
    font-weight: 700
}

.normalText--c6Ijs {
    font-weight: 400
}

.purpleText--rhnAh {
    font-weight: 700;
    color: var(--app-color)
}

.downloadAppPopupCloseBtn--E5Rzn {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    z-index: 10
}

.downloadAppPopupCloseImg--OgSg7 {
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #7d7d7d
}

.downloadAppPopupLink--uQzzQ {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    color: #fff;
    background-color: var(--app-default-btn-color, var(--app-color));
    border-radius: 4px;
    border-radius: var(--app-default-btn-lg-border-radius, 4px);
    width: 100%;
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    width: 100%;
    background-color: var(--app-color);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity .2s ease
}

.downloadAppPopupLink--uQzzQ:hover {
    opacity: .9
}

.downloadAppPopupLink--uQzzQ:active {
    opacity: .8
}

.downloadAppPopupLink--uQzzQ:focus {
    outline: 2px solid var(--app-color);
    outline-offset: 2px
}

.desktopContentContainer--hxD6R {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 23px
}

.qrCodeContainer--luzvV {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    width: 170px;
    height: 170px
}

.qrCodeTextContainer--x_qk1 {
    white-space: pre-wrap;
    display: flex;
    align-items: center
}

.qrCodeIcon--Wig9X {
    width: 19px;
    padding-right: 7px
}

.qrCodeText--vJrHk {
    font-size: 13px
}

@keyframes animation-bzdot9--yzBs3 {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: calc(200px + 100%) 0
    }
}

.sectionContainer--ciTwq {
    width: 100%;
    padding: 20px 0;
    margin-top: 20px
}

@media only screen and (max-width: 1080px) {
    .sectionContainer--ciTwq {
        padding:15px 0;
        margin-top: 15px
    }
}

.bannerContainer--OUwfg {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 1.5rem 2rem;
    border-radius: 20px;
    background: linear-gradient(135deg, #DB5CF5 0%, #6956E6 100%);
    position: relative;
    box-sizing: border-box
}

@media only screen and (max-width: 1080px) {
    .bannerContainer--OUwfg {
        padding:1.25rem 1.5rem;
        border-radius: 16px;
        gap: 16px
    }
}

.iconContainer--UhN5A {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.starIcon--nV8G2 {
    width: 48px;
    height: 48px;
    color: #fff;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.3))
}

@media only screen and (max-width: 1080px) {
    .starIcon--nV8G2 {
        width:40px;
        height: 40px
    }
}

.contentContainer--l5Cvx {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.title--GfbNC {
    font-family: var(--mbw-font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #fff
}

@media only screen and (max-width: 1080px) {
    .title--GfbNC {
        font-size:18px;
        line-height: 22px
    }
}

.loggedInContent--d2wwv {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.progressBarContainer--fKiNI {
    width: 100%;
    margin-top: 33px;
    margin-bottom: 8px;
    position: relative
}

.progressBar--LMUkE {
    width: 100%;
    height: 12px;
    background-color: hsla(0,0%,100%,.25);
    border-radius: 6px;
    overflow: visible;
    position: relative
}

.progressBarFill--_OyZc {
    height: 100%;
    background-color: #b8ff65;
    border-radius: 6px;
    transition: width .3s ease;
    position: relative
}

.progressIndicator--qmxWh {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -100%);
    z-index: 1;
    margin-top: -8px
}

.progressBubble--WRaMv {
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 4px 8px;
    border-radius: 6px;
    font-family: var(--mbw-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

.progressBubble--WRaMv::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-top: 4px solid #fff
}

@media only screen and (max-width: 1080px) {
    .progressBubble--WRaMv {
        font-size:12px;
        padding: 3px 6px
    }
}

.progressLabels--KpMLv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 4px
}

.progressLabelContainer--gWF0a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

.progressLabel--TQuet {
    font-family: var(--mbw-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

@media only screen and (max-width: 1080px) {
    .progressLabel--TQuet {
        font-size:14px;
        line-height: 18px
    }
}

.viewProgressLink--Lf01t {
    font-family: var(--mbw-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    opacity: .95;
    transition: opacity .2s ease
}

.viewProgressLink--Lf01t:hover {
    opacity: 1;
    text-decoration: underline
}

@media only screen and (max-width: 1080px) {
    .viewProgressLink--Lf01t {
        font-size:12px;
        line-height: 16px
    }
}

.learnMoreLink--BcGQz {
    font-family: var(--mbw-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    align-self: flex-start;
    margin-top: 4px
}

.learnMoreLink--BcGQz:hover {
    opacity: .9
}

@media only screen and (max-width: 1080px) {
    .learnMoreLink--BcGQz {
        font-size:12px;
        line-height: 16px
    }
}

.guestContent--nZQmb {
    display: flex;
    flex-direction: column
}

.description--xU8uw {
    font-family: var(--mbw-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    opacity: .95
}

@media only screen and (max-width: 1080px) {
    .description--xU8uw {
        font-size:14px;
        line-height: 20px
    }
}