@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("../../fonts/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("../../fonts/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("../../fonts/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("../../fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format("woff2")
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    src: url("../../fonts/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    src: url("../../fonts/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    src: url("../../fonts/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    src: url("../../fonts/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: url("../../fonts/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: url("../../fonts/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
:root {
     --login-btn: #FFD36C;
     --border-color: #FFD36C;
     --text-color: #FFD36C;
     --mat-bg: #FFD36C;
     --signup-btn: #FF9533;
     --light-grey: #dadada;
     --anchor-color: #FFE5AA;
     --circle-color: #FFE5AA;
     --a-tag-text-color-white: #FFFFFF;
     --a-tag-text-color: #FFDA85;
     --a-tag-hover-color: #FFDA85;
     --btn-text-color: #1B2827;
     --btn-empty-hover: #696050;
     --table-odd-bg: #1B2827;
     --box-bg: #1b2827;
     --btn-hover: #FFD36C33;
     --btn-filled-hover: #FFE5AA;
     --btn-arrow-bg: #2F615D;
     --btn-arrow-hover: #439D97;
     --sidenav-hover: #17302f;
     --table-new-bg: #1B4B48;
     --new-border: #1B4B48;
     --box-bg-menu: #1B4B48;
     --completed-badge: #1B4B48;
     --badge-bg-0: #cf142b;
     --badge-color-0: #ffffff;
     --badge-bg-1: #e3ff39;
     --bg-bet: #1d406a;
     --color-text-bet: #1d406a;
     --header-bg: #1B3836;
     --sidenav-bg: #1B2827;
     --msg-box-bg: #1B2827;
     --top-menu-bg: #3c7b77;
     --title-head-bg: #3c7b77;
     --divider-border: #3c7b77;
     --batch-color: #439d97;
     --list-item-bg: #1a4b48;
     --table-head-bg: #2F615D;
     --head-bg: #2F615D;
     --main-bg: #2A5653;
     --main-color: #2A5653;
     --dark-main: #1B3836;
     --dark-table-bg: #234745;
     --soft-dark: #1b4e4a;
     --select-option: #2D5C59;
     --desktop-width: 1248px;
     --global-font: "Lato";
     --global-bg: #253231;
     --verified-bg: #35B668;
     --image-border-gradient: linear-gradient(to left, #E6BC64, #E1D696, #FAF8CA, #F6DA93, #F5C553);
     --image-border: #439D97;
     --image-bg: #3C7B77;
     --badge-bg-2: #39D0FF
 }

:root {
    --swiper-theme-color: #007aff
}

.cdk-visually-hidden {
    -webkit-appearance: none;
    -moz-appearance: none
}

:root {
    --swiper-theme-color: #007aff
}

a:focus, img:focus, div:focus, button:focus {
    outline: none !important
}

h3 {
    font-family: var(--global-font) !important
}

.mat-drawer-content, .mat-drawer-container {
    overflow: visible !important
}

.mat-drawer-content {
    height: auto !important
}

.select-language {
    text-align: center !important
}

.select-language.mat-form-field-appearance-outline .mat-form-field-outline {
    opacity: 1 !important
}

.round-btn:hover {
    background: var(--btn-hover)
}

.round-btn:disabled {
    background-color: var(--dark-main) !important;
    border: 2px solid var(--dark-main) !important;
    color: var(--btn-text-color) !important
}

.round-btn:active {
    background-color: #b3944c
}

@media screen and (max-width: 514px) {
    .round-btn {
        text-transform: uppercase;
        padding: 6px 16px
    }
}

.expansion-panel .panel-content a {
    text-decoration-color: var(--a-tag-hover-color) !important
}

.expansion-panel .panel-content a:hover {
    color: var(--btn-text-color);
    box-shadow: inset 500px 0 0 0 var(--a-tag-hover-color)
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    padding: 0 12px !important
}

[appToggBtn]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 16px;
    height: 16px;
    background-color: #439d97;
    border-radius: 50%;
    transition: transform .3s, left .3s;
    transform: translateY(-50%)
}

.mat-typography h1 {
    font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-typography h2 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-typography h3 {
    font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-typography h5 {
    font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
}

.mat-typography p {
    margin: 0 0 12px
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-form-field-infix {
    border-top: .84375em solid transparent
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-select {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-ripple {
    overflow: hidden
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.mat-stroked-button {
    background: transparent
}

.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #20716b
}

.mat-button-focus-overlay {
    background: black
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button.mat-primary {
    background-color: #20716b
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-drawer-container {
    color: #000000de
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

html {
    height: 100vh;
    overflow-x: hidden
}

body {
    height: 100%;
    background: var(--global-bg)
}

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

body {
    margin: 0;
    font-family: var(--global-font), Arial, sans-serif
}

app-root {
    margin: auto;
    height: 100%
}

.mat-typography {
    font: 400 14px/20px var(--global-font), "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

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

a:focus, img:focus, div:focus, button:focus, input:focus {
    outline: none !important
}

h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--global-font) !important;
    color: #fff
}

.mat-drawer-content, .mat-drawer-container {
    overflow: visible !important
}

.spacer {
    flex: 1 1 auto
}

.swiper-slide {
    overflow: hidden !important
}

.mat-drawer-content {
    height: auto !important
}

.select-language {
    width: 300px;
    text-align: center !important
}

.select-language.mat-form-field-appearance-outline .mat-form-field-wrapper {
    padding-bottom: 0
}

.select-language.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-flex {
    height: 40px;
    padding: 0
}

.select-language.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #ffd36c;
    top: 0;
    opacity: 1 !important
}

.select-language.mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start {
    border-radius: 8px 0 0 8px;
    border-width: 2px
}

.select-language.mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
    border-radius: 0 8px 8px 0;
    border-width: 2px
}

.select-language.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #ffd36c;
    top: 0
}

.select-language.mat-form-field-appearance-outline .mat-select-arrow {
    color: #ffd36c;
    margin-top: 7px
}

.select-language.mat-form-field-appearance-outline .mat-select-value {
    color: #ffd36c;
    text-transform: uppercase;
    letter-spacing: .1px;
    font-family: var(--global-font);
    font-size: 16px;
    font-weight: 700
}

.select-language.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 4.5px 0 2.5px
}

.select-language.mat-form-field-appearance-outline .mat-select-trigger {
    top: -4px;
    right: -9px
}

.fixed-width {
    width: var(--desktop-width);
    margin: 0 auto
}

.banner-wrapper {
    position: relative
}

.banner-wrapper .swiper-pagination {
    text-align: center;
    position: absolute;
    bottom: 13px;
    z-index: 20;
    width: 100%
}

.banner-wrapper .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    background: transparent;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    width: 36px;
    box-sizing: border-box;
    opacity: 1;
    margin-right: 9px;
    height: 8px;
    cursor: pointer
}

.banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--mat-bg)
}

.round-btn {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    background-color: transparent;
    width: auto;
    border-color: transparent;
    cursor: pointer;
    text-transform: capitalize;
    position: relative
}

.round-btn:hover {
    background: var(--btn-hover)
}

.round-btn.filled:hover:not(:disabled) {
    background-color: var(--btn-filled-hover) !important
}

.round-btn:disabled {
    background-color: var(--dark-main) !important;
    border: 2px solid var(--dark-main) !important;
    color: var(--btn-text-color) !important
}

.round-btn:active {
    background-color: #b3944c
}

.round-btn.medium {
    min-height: 40px
}

@media screen and (max-width: 514px) {
    .round-btn {
        text-transform: uppercase;
        padding: 6px 16px
    }
}

@keyframes spinneranimation {
    to {
        transform: rotate(360deg)
    }
}

.expansion-panel .panel-content, .expansion-panel .panel-content h1, .expansion-panel .panel-content h2, .expansion-panel .panel-content h3, .expansion-panel .panel-content p, .expansion-panel .panel-content div, .expansion-panel .panel-content li, .expansion-panel .panel-content ol {
    text-align: left
}

.expansion-panel .panel-content a {
    font-weight: 700;
    padding: 1px .25rem;
    margin: 0 -.25rem;
    box-shadow: inset 0 0 0 0 var(--a-tag-hover-color);
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    color: var(--a-tag-text-color);
    text-decoration-color: var(--a-tag-hover-color) !important
}

.expansion-panel .panel-content a:hover {
    color: var(--btn-text-color);
    box-shadow: inset 500px 0 0 0 var(--a-tag-hover-color)
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    padding: 0 12px !important
}

app-swiper {
    width: 100%
}

app-swiper .swiper-block {
    display: flex;
    flex-direction: column
}

[appToggBtn] {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 24px;
    background-color: #1b3836;
    border-radius: 4rem;
    border: solid 2px;
    border-color: #439d97;
    cursor: pointer;
    transition: background-color .3s
}

[appToggBtn]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 16px;
    height: 16px;
    background-color: #439d97;
    border-radius: 50%;
    transition: transform .3s, left .3s;
    transform: translateY(-50%)
}

@keyframes _ngcontent-serverApp-c4042240801_lemon-roller-1-spiner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes _ngcontent-serverApp-c4042240801_lemon-roller-2-spiner {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

[_nghost-serverApp-c3367632574] .full-wrapper[_ngcontent-serverApp-c3367632574] {
     width: 100%;
     background-repeat: no-repeat
 }

@keyframes _ngcontent-serverApp-c3367632574_lemon-roller-1-spiner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes _ngcontent-serverApp-c3367632574_lemon-roller-2-spiner {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

[_nghost-serverApp-c3367632574] .body-wrapper[_ngcontent-serverApp-c3367632574] {
    margin: 0 auto;
    height: 100%
}

[_nghost-serverApp-c3367632574] .body-wrapper.desktop[_ngcontent-serverApp-c3367632574] {
    width: 100%
}
@keyframes _ngcontent-serverApp-c3981628428_pulse {
           0% {
               transform: scale(.95)
           }
           70% {
               transform: scale(1.2)
           }
           to {
               transform: scale(.95)
           }
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] {
     position: sticky;
     top: 0;
     z-index: 3
 }

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] {
    padding: 12px 20px;
    background: var(--header-bg);
    box-shadow: 0 1px 1px #0006;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .3));
    position: relative;
    min-height: 64px
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .nav-aside[_ngcontent-serverApp-c3276765691] {
    width: 30px;
    height: 30px;
    padding: 5px 0;
    box-sizing: border-box;
    z-index: 9999
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .nav-aside[_ngcontent-serverApp-c3276765691] a[_ngcontent-serverApp-c3276765691] {
    cursor: pointer
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .top-logo[_ngcontent-serverApp-c3276765691] {
    position: absolute;
    inset: 15.61px 0 0;
    text-align: center
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .top-logo[_ngcontent-serverApp-c3276765691] img[_ngcontent-serverApp-c3276765691] {
    cursor: pointer;
    max-height: 32px
}

[_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .profile-wrapper[_ngcontent-serverApp-c3276765691] {
    margin: 0 12px 0 auto
}

.mat-drawer-container[_ngcontent-serverApp-c3276765691] {
    height: 100%
}

.content-wrapper[_ngcontent-serverApp-c3276765691] {
    min-height: 600px
}

.mat-drawer-container[_ngcontent-serverApp-c3276765691] {
    background-color: transparent
}

.content-wrapper[_ngcontent-serverApp-c3276765691] {
    width: var(--desktop-width);
    margin: 0 auto 68px !important
}
.mat-drawer-container {
     position: relative;
     z-index: 1;
     box-sizing: border-box;
     -webkit-overflow-scrolling: touch;
     display: block;
     overflow: hidden
 }

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}
[_nghost-serverApp-c2125724086] {
     width: 100%;
     height: 100%
 }
[_nghost-serverApp-c1420379937] {
     z-index: 2
 }

@keyframes _ngcontent-serverApp-c1420379937_spinner {
    to {
        transform: rotate(360deg)
    }
}
[_nghost-serverApp-c3048906699] {
     width: 100%
 }

[_nghost-serverApp-c3048906699] .lato[_ngcontent-serverApp-c3048906699] {
    font-family: var(--global-font), sans-serif
}

[_nghost-serverApp-c3048906699] .top-menu-wrapper[_ngcontent-serverApp-c3048906699] {
    width: 100%;
    background-color: var(--top-menu-bg);
    box-shadow: 0 4px 4px #0000000d
}

[_nghost-serverApp-c3048906699] .top-menu-wrapper[_ngcontent-serverApp-c3048906699] .desktop-top-menu[_ngcontent-serverApp-c3048906699] {
    margin: 0 auto;
    width: 1248px;
    height: 40px
}

[_nghost-serverApp-c3048906699] .top-menu-wrapper[_ngcontent-serverApp-c3048906699] .desktop-top-menu[_ngcontent-serverApp-c3048906699] a[_ngcontent-serverApp-c3048906699] {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    height: 36px;
    width: 160px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

[_nghost-serverApp-c3048906699] .top-menu-wrapper[_ngcontent-serverApp-c3048906699] .desktop-top-menu[_ngcontent-serverApp-c3048906699] p[_ngcontent-serverApp-c3048906699] {
    font-family: Lato;
    font-size: 12px;
    font-weight: 900;
    line-height: 14.4px;
    text-align: left;
    color: #fff;
    margin: 0
}
[_nghost-serverApp-c4151250560] {
     width: 100%
 }

[_nghost-serverApp-c4151250560] .breadbrumbs-wrapper[_ngcontent-serverApp-c4151250560] {
    width: 100%;
    margin: 8px 0
}

[_nghost-serverApp-c4151250560] .breadbrumbs-wrapper[_ngcontent-serverApp-c4151250560] .breadcrumb[_ngcontent-serverApp-c4151250560] {
    width: var(--desktop-width);
    max-height: 29px;
    min-height: 0;
    background: none;
    font-size: 15px;
    margin: auto;
    padding-inline-start: 0;
    display: flex;
    gap: 4px
}
[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .fixed-width[_ngcontent-serverApp-c2477145530] {
     width: var(--desktop-width);
     margin: 0 auto
 }

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] {
    color: #d8d8d8;
    background: #173336;
    text-align: center;
    padding: 32px 0
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .exteranl-links[_ngcontent-serverApp-c2477145530] a[_ngcontent-serverApp-c2477145530] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 400;
    color: #fafafa;
    font-size: 15px;
    line-height: 18px;
    padding: 0 20px;
    text-transform: capitalize
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .licence[_ngcontent-serverApp-c2477145530] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #ccc;
    margin-top: 20px
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .footer-link-grid[_ngcontent-serverApp-c2477145530] {
    border-bottom: 2px solid #2D5C59;
    padding-bottom: 24px;
    margin-bottom: 20px
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .footer-link-grid[_ngcontent-serverApp-c2477145530] a[_ngcontent-serverApp-c2477145530] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 400;
    color: #fafafa;
    font-size: 15px;
    line-height: 18px;
    padding: 0 20px;
    text-transform: capitalize
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .logo-wrap[_ngcontent-serverApp-c2477145530] .logo-list[_ngcontent-serverApp-c2477145530] {
    grid-gap: 23px 30px;
    flex-wrap: wrap
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .logo-wrap[_ngcontent-serverApp-c2477145530] h5[_ngcontent-serverApp-c2477145530] {
    text-align: left;
    margin-bottom: 16px;
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #c6c6c6
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .logo-wrap[_ngcontent-serverApp-c2477145530] img[_ngcontent-serverApp-c2477145530] {
    opacity: 75%;
    height: 32px
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .licence-logo[_ngcontent-serverApp-c2477145530] {
    margin-top: 75px
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .select-language[_ngcontent-serverApp-c2477145530] .selected-container[_ngcontent-serverApp-c2477145530] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .select-language[_ngcontent-serverApp-c2477145530] .selected-container[_ngcontent-serverApp-c2477145530] img[_ngcontent-serverApp-c2477145530] {
    height: 22px;
    width: 32px
}

[_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .select-language[_ngcontent-serverApp-c2477145530] .selected-container[_ngcontent-serverApp-c2477145530] mat-icon[_ngcontent-serverApp-c2477145530] {
    transform: rotate(90deg);
    color: var(--text-color);
    position: relative;
    top: 2px
}

[_nghost-serverApp-c2477145530] .mat-select-arrow {
    opacity: 0
}
.main-page-wrapper[_ngcontent-serverApp-c3790085873] {
     margin: 0 auto;
     height: 100%;
     width: var(--desktop-width);
     padding-top: 32px
 }

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] {
    position: relative;
    width: var(--desktop-width)
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .top-container[_ngcontent-serverApp-c3790085873] {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .top-container[_ngcontent-serverApp-c3790085873] .swiper-container[_ngcontent-serverApp-c3790085873] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    margin-top: 16px
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .search-swiper-container[_ngcontent-serverApp-c3790085873] {
    width: 100%;
    position: relative;
    padding-top: 24px
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .search-swiper-container[_ngcontent-serverApp-c3790085873] .search-icon-container[_ngcontent-serverApp-c3790085873] {
    height: 80px;
    width: 170px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: -2px;
    top: 27px;
    z-index: 1;
    border-radius: .75rem;
    background-color: #1b2827;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 50%);
    -webkit-mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 50%)
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .search-swiper-container[_ngcontent-serverApp-c3790085873] .search-icon-container[_ngcontent-serverApp-c3790085873] .search-btn[_ngcontent-serverApp-c3790085873] {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 8px 4px 0;
    background-color: #1b2827;
    border-radius: .75rem;
    border: none;
    cursor: pointer
}

.main-page-wrapper[_ngcontent-serverApp-c3790085873] app-swiper-game-categories-template[_ngcontent-serverApp-c3790085873] {
    width: 100%
}
.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] {
     position: relative;
     width: var(--desktop-width);
     min-height: 314px
 }

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] img[_ngcontent-serverApp-c2811328092] {
    border-radius: 12px
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .caption-bg[_ngcontent-serverApp-c2811328092] {
    position: absolute;
    inset: 0;
    min-height: 314px;
    border-radius: 10px 0 0 10px
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] {
    position: absolute;
    z-index: 9999;
    top: 15%;
    left: 6%;
    max-width: 33%
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .banner-text[_ngcontent-serverApp-c2811328092] {
    min-height: 170px;
    gap: 4px;
    width: 410px
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .banner-text[_ngcontent-serverApp-c2811328092] .caption-title[_ngcontent-serverApp-c2811328092] {
    font-family: lato;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 33px;
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize;
    text-align: left;
    overflow: hidden;
    max-height: 100px;
    height: auto
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .banner-text[_ngcontent-serverApp-c2811328092] .caption-subtitle[_ngcontent-serverApp-c2811328092] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.1px;
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
    max-height: 43px;
    overflow: hidden;
    height: auto
}

.banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .caption-btn[_ngcontent-serverApp-c2811328092] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: var(--btn-text-color);
    border-radius: 24px;
    letter-spacing: .5px;
    min-width: 120px;
    height: 40px;
    width: auto;
    padding: 0 24px
}
.top-footer[_ngcontent-serverApp-c1552897759] {
     background-color: var(--main-bg);
     filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .25));
     color: #fff;
     padding: 32px 0;
     text-align: center;
     margin-left: calc(50% - 49.7vw);
     margin-right: calc(50% - 49.3vw);
     margin-top: 32px;
     margin-bottom: -68px
 }

.top-footer[_ngcontent-serverApp-c1552897759] .info[_ngcontent-serverApp-c1552897759] {
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #ccc
}

.top-footer[_ngcontent-serverApp-c1552897759] .read-more[_ngcontent-serverApp-c1552897759] {
    cursor: pointer
}

.top-footer[_ngcontent-serverApp-c1552897759] .read-more[_ngcontent-serverApp-c1552897759] a[_ngcontent-serverApp-c1552897759] {
    display: inline-flex;
    border: 2px solid var(--border-color);
    color: var(--text-color);
    box-sizing: border-box;
    border-radius: 19px;
    padding: 2px 0;
    align-items: center;
    justify-content: center;
    min-width: 152px;
    height: 40px;
    margin-top: 22px;
    margin-bottom: 6px
}

.top-footer[_ngcontent-serverApp-c1552897759] .read-more[_ngcontent-serverApp-c1552897759] a[_ngcontent-serverApp-c1552897759] mat-icon[_ngcontent-serverApp-c1552897759] {
    width: 14px;
    height: 16px;
    font-size: 16px;
    margin-left: 7px
}

.top-footer[_ngcontent-serverApp-c1552897759] .read-more[_ngcontent-serverApp-c1552897759] a[_ngcontent-serverApp-c1552897759] mat-icon.rotate-90[_ngcontent-serverApp-c1552897759] {
    transform: rotate(90deg)
}

.top-footer[_ngcontent-serverApp-c1552897759] .limitTextHeight[_ngcontent-serverApp-c1552897759] {
    overflow: hidden
}
.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
     opacity: .04
 }

@media (hover: none) {
    .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
        opacity: 0
    }
}

.mat-stroked-button, .mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    line-height: 36px;
    overflow: visible
}

.mat-stroked-button {
    border: 1px solid currentColor
}

.mat-stroked-button .mat-button-ripple.mat-ripple, .mat-stroked-button .mat-button-focus-overlay {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.mat-button-ripple.mat-ripple, .mat-button-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-button-ripple.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-button-focus-overlay {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-flat-button::before, .mat-raised-button::before, .mat-fab::before, .mat-mini-fab::before {
    margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-stroked-button::before {
    margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1)
}

.swiper {
     display: block
 }

[_nghost-serverApp-c2562724515] .swiper-body-container[_ngcontent-serverApp-c2562724515] {
     display: flex;
     align-items: flex-start;
     position: relative;
     overflow: hidden;
     -webkit-user-select: none;
     user-select: none;
     touch-action: pan-x
 }

[_nghost-serverApp-c2562724515] .swiper-body-container[_ngcontent-serverApp-c2562724515] .swiper-body-wrapper[_ngcontent-serverApp-c2562724515] {
    width: max-content;
    display: flex
}
[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center
 }

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-title[_ngcontent-serverApp-c1379243038] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-title[_ngcontent-serverApp-c1379243038] img[_ngcontent-serverApp-c1379243038] {
    height: 32px;
    object-fit: cover;
    margin-right: 10px
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-nav[_ngcontent-serverApp-c1379243038] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 4px
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-nav[_ngcontent-serverApp-c1379243038] .swipe-btn[_ngcontent-serverApp-c1379243038] {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2f615d;
    border: none;
    border-radius: 10px;
    cursor: pointer
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-nav[_ngcontent-serverApp-c1379243038] .swipe-btn[_ngcontent-serverApp-c1379243038] img[_ngcontent-serverApp-c1379243038] {
    width: 24px;
    height: 24px;
    object-fit: cover;
    color: var(--border-color)
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] .categories-nav[_ngcontent-serverApp-c1379243038] .swipe-btn[_ngcontent-serverApp-c1379243038]:hover {
    background-color: #439d97
}

[_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] h3[_ngcontent-serverApp-c1379243038] {
    margin: 0;
    font-family: Lato;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    text-align: left
}

[_nghost-serverApp-c1379243038] a[_ngcontent-serverApp-c1379243038] {
    font-style: normal;
    font-family: var(--global-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .5px;
    color: var(--a-tag-text-color-white);
    padding: 0 6px;
    text-transform: capitalize;
    cursor: pointer
}
.mat-form-field {
     display: inline-block;
     position: relative;
     text-align: left
 }

.mat-form-field-wrapper {
    position: relative
}

.mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-form-field-suffix {
    white-space: nowrap;
    flex: none;
    position: relative
}

.mat-form-field-infix {
    display: block;
    position: relative;
    flex: auto;
    min-width: 0;
    width: 180px
}

.mat-form-field-label-wrapper {
    position: absolute;
    left: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.mat-form-field-subscript-wrapper {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.mat-form-field-hint-wrapper {
    display: flex
}

.mat-form-field-hint-spacer {
    flex: 1 0 1em
}
.mat-form-field-appearance-outline .mat-form-field-wrapper {
     margin: .25em 0
 }

.mat-form-field-appearance-outline .mat-form-field-flex {
    margin-top: -0.25em;
    position: relative
}

.mat-form-field-appearance-outline .mat-form-field-suffix {
    top: .25em
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.mat-form-field-appearance-outline .mat-form-field-outline-start, .mat-form-field-appearance-outline .mat-form-field-outline-end {
    border: 1px solid currentColor;
    min-width: 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-right-style: none
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-left-style: none;
    flex-grow: 1
}

.mat-form-field-appearance-outline .mat-form-field-outline-gap {
    border-radius: .000001px;
    border: 1px solid currentColor;
    border-left-style: none;
    border-right-style: none
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
    border-top-color: rgba(0, 0, 0, 0)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
    border-width: 2px
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
    opacity: 0;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
    opacity: 1
}

.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
    padding: 0 1em
}
.mat-select {
     display: inline-block;
     width: 100%;
     outline: none
 }

.mat-select-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.mat-select-value {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-select-arrow-wrapper {
    height: 16px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center
}

.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
    transform: translateY(-25%)
}

.mat-select-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid;
    margin: 0 4px
}

.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex {
    cursor: pointer
}
.mat-icon {
     -webkit-user-select: none;
     user-select: none;
     background-repeat: no-repeat;
     display: inline-block;
     fill: currentColor;
     height: 24px;
     width: 24px;
     overflow: hidden
 }

.swiper-slide[_ngcontent-serverApp-c2782311032] {
     height: auto;
     width: 194px;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center
 }

.swiper-slide[_ngcontent-serverApp-c2782311032] .thumbnail[_ngcontent-serverApp-c2782311032] {
    display: flex;
    text-align: center;
    border-radius: .75rem;
    position: relative;
    overflow: hidden
}

.swiper-slide[_ngcontent-serverApp-c2782311032] .thumbnail[_ngcontent-serverApp-c2782311032] img[_ngcontent-serverApp-c2782311032] {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.swiper-slide[_ngcontent-serverApp-c2782311032] .thumbnail[_ngcontent-serverApp-c2782311032] .exclusive[_ngcontent-serverApp-c2782311032] {
    width: 36px;
    height: 54px;
    position: absolute;
    right: 8.28px;
    top: -1px
}

.swiper-slide[_ngcontent-serverApp-c2782311032]:hover .play-effect[_ngcontent-serverApp-c2782311032] + .thumbnail[_ngcontent-serverApp-c2782311032] img[_ngcontent-serverApp-c2782311032] {
    filter: brightness(35%)
}

.swiper-slide[_ngcontent-serverApp-c2782311032] p[_ngcontent-serverApp-c2782311032] {
    margin: 0;
    font-family: Lato;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}
[_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] button[_ngcontent-serverApp-c1642512113] {
     font-family: var(--global-font);
     font-style: normal;
     font-weight: 700;
     font-size: 15px;
     border-radius: 21px;
     color: var(--btn-text-color);
     text-transform: uppercase;
     min-width: 152px;
     width: auto;
     height: 40px;
     padding: 0 24px
 }

[_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-login[_ngcontent-serverApp-c1642512113] {
    margin-right: 12px;
    background: var(--login-btn)
}

[_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-login[_ngcontent-serverApp-c1642512113]:hover {
    background-color: #ffe5aa
}

[_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-open-account[_ngcontent-serverApp-c1642512113] {
    background: var(--signup-btn);
    padding: 0 24px
}

[_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-open-account[_ngcontent-serverApp-c1642512113]:hover {
    background-color: #ffe5aa
}
[_nghost-serverApp-c3815787302] .swiper-categories-slide[_ngcontent-serverApp-c3815787302] {
     width: max-content;
     min-width: 50px;
     max-height: 60px;
     display: flex;
     flex-direction: row;
     align-items: center;
     text-align: left;
     padding: 14px;
     background-color: var(--box-bg-menu);
     border-radius: .75rem;
     box-shadow: 0 4px 4px #00000040 !important;
     transition: transform .3s ease;
     box-sizing: border-box
 }

[_nghost-serverApp-c3815787302] .swiper-categories-slide[_ngcontent-serverApp-c3815787302]:hover {
    transform: scale(1.1);
    background-color: #3c7b77
}

[_nghost-serverApp-c3815787302] .swiper-categories-slide[_ngcontent-serverApp-c3815787302] img[_ngcontent-serverApp-c3815787302] {
    height: 32px;
    object-fit: cover;
    margin-right: 10px;
    max-width: 100%;
    pointer-events: none
}

[_nghost-serverApp-c3815787302] .swiper-categories-slide[_ngcontent-serverApp-c3815787302] p[_ngcontent-serverApp-c3815787302] {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fff
}

.sf-hidden {
     display: none !important
}

img[src="data:,"], source[src="data:,"] {
     display: none !important
}

.swiper-slide[_ngcontent-serverApp-c2782311032] .play-effect[_ngcontent-serverApp-c2782311032] {
    display: none;
}

.swiper-slide[_ngcontent-serverApp-c2782311032]:hover .play-effect[_ngcontent-serverApp-c2782311032] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: -20px 0 0;
    z-index: 2;
    cursor: pointer;
}

.s-block-content {
    height: auto;
    overflow: hidden;
    position: relative;
    max-height: 700px;
    color: #ffffff;
}

.s-block-content.height-auto {
    max-height: none !important;
}

.s-block-content.toggle-active:before {
    display: block;
}

.s-block-content:before {
    display: none;
    bottom: 0;
    box-shadow: 0 0 20px 25px var(--main-bg);
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.s-block-content.toggle-active:before {
    display: block;
}

mat-icon.rotate-270[_ngcontent-serverApp-c1552897759] {
    transform: rotate(270deg);
}

.description table {
    margin-bottom: 12px;
}

table td {
    padding: 5px;
    border: 1px solid #ffffff;
    font-size: 14px;
}

.expansion-panel .panel-content a.ref_button {
    display: inline-block;
    font-family: var(--global-font);
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    border-radius: 21px;
    color: var(--btn-text-color);
    text-transform: uppercase;
    min-width: 152px;
    width: auto;
    height: 40px;
    background: var(--login-btn);;
    padding: 0 24px;
    align-content: center;
    margin: 0 0 12px;
    text-align: center;
    transition: none;
}

.expansion-panel .panel-content a.ref_button:hover {
    background-color: #ffe5aa;
}

app-bottom-toolbar {
    display: none;
}

.footer-links {
    flex-flow: wrap;
    box-sizing: border-box;
    display: flex;
    place-content: center space-between;
    align-items: center;
    width: 70%;
}

@media (max-width: 1248px) {
    :root {
        --desktop-width: 100%;
    }

    .top-footer[_ngcontent-serverApp-c1552897759] {
        margin: 0 auto;
        padding-top: 0;
    }

    .top-footer[_ngcontent-serverApp-c1552897759] .limitTextHeight[_ngcontent-serverApp-c1552897759] {
        color: #fff;
        padding-bottom: 5px;
        max-width: 100%;
    }

    .top-footer[_ngcontent-serverApp-c1552897759] .info[_ngcontent-serverApp-c1552897759] {
        padding: 16px 10px 0;
    }

    .payment-options.logo-wrap {
        margin: 0 20px;
    }

    .content-wrapper[_ngcontent-serverApp-c3276765691] {
        margin: 0 auto 0px !important;
    }

    [_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .licence-logo[_ngcontent-serverApp-c2477145530] {
        margin-top: 20px;
    }

    .footer-links {
        flex-flow: wrap;
        box-sizing: border-box;
        display: flex;
        place-content: center;
        align-items: center;
        width: 100%;
        max-width: 400px;
        text-align: center;
        color: #fff;
        text-transform: capitalize;
    }

    [_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .footer-link-grid[_ngcontent-serverApp-c2477145530] {
        justify-content: center !important;
    }

    .mat-form-field {
        order: 1;
    }

    .footer-links div.ng-star-inserted {
        margin-right: 20px !important;
        padding: 3px;
        font-size: 16px;
        cursor: pointer;
    }

    [_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .footer-link-grid[_ngcontent-serverApp-c2477145530] a[_ngcontent-serverApp-c2477145530] {
        font-family: var(--global-font);
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        margin-top: 12px;
        padding: 0;
    }

    .main-page-wrapper[_ngcontent-serverApp-c3790085873] {
        padding-top: 0;
    }

}

@media (max-width: 939px) {

    [_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .top-logo[_ngcontent-serverApp-c3276765691] {
        position: relative;
        inset: 5.61px 0 0;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .banner-text[_ngcontent-serverApp-c2811328092] {
        min-height: auto;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .carousel-caption[_ngcontent-serverApp-c2811328092] .banner-text[_ngcontent-serverApp-c2811328092] .caption-title[_ngcontent-serverApp-c2811328092] {
        font-family: Lato;
        font-style: normal;
        font-weight: 900;
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase;
        color: #fff;
        max-height: 60px;
        height: auto;
        overflow: hidden;
        vertical-align: text-bottom;
    }

    [_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] .nav-aside[_ngcontent-serverApp-c3276765691] {
        margin-right: 16px;
    }

    [_nghost-serverApp-c2562724515] .swiper-body-container[_ngcontent-serverApp-c2562724515] {
        border-radius: 0 !important;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] {
        height: 179px;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] .caption-bg[_ngcontent-serverApp-c2811328092] {
        position: relative;
        min-height: auto;
    }

    .main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .search-swiper-container[_ngcontent-serverApp-c3790085873] .search-icon-container[_ngcontent-serverApp-c3790085873] {
        display: none;
    }

    .main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .search-swiper-container[_ngcontent-serverApp-c3790085873] {
        padding-top: 0;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] {
        min-height: auto;
    }

    .banner-wrapper[_ngcontent-serverApp-c2811328092] .picsum-img-wrapper[_ngcontent-serverApp-c2811328092] img[_ngcontent-serverApp-c2811328092] {
        border-radius: 0;
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    [_nghost-serverApp-c4151250560] .breadbrumbs-wrapper[_ngcontent-serverApp-c4151250560] {
        margin: 0;
    }

    app-bottom-toolbar {
        display: block;
    }

    .licence-block {
        color: #fff;
        text-align: center;
        padding: 28px 10% 100px;
        font-family: var(--global-font);
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] {
        height: 60px;
        position: fixed;
        bottom: 0;
        z-index: 1;
        max-width: 940px;
        background: var(--dark-main);
        color: #fff;
        width: 100%;
    }

    .mat-toolbar-multiple-rows {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
    }

    .mat-toolbar-multiple-rows {
        min-height: 64px;
    }

    .mat-toolbar {
        font: 500 20px / 32px Roboto, Helvetica Neue, sans-serif;
        letter-spacing: normal;
        margin: 0;
    }

    .mat-toolbar-row {
        padding: 0 16px;
        width: 100%;
        align-items: center;
        white-space: nowrap;
    }

    .mat-toolbar-row {
        height: 64px;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] .item[_ngcontent-serverApp-c1632050719] {
        width: 56px;
        cursor: pointer;
        padding-top: 8px;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] .item[_ngcontent-serverApp-c1632050719] .thumbnail[_ngcontent-serverApp-c1632050719] {
        height: 32px;
        position: relative;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] .item[_ngcontent-serverApp-c1632050719] .name[_ngcontent-serverApp-c1632050719] {
        font-family: var(--global-font);
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        text-transform: capitalize;
        padding-top: 1px;
    }

    [_nghost-serverApp-c1632050719] .signup-pulse[_ngcontent-serverApp-c1632050719] {
        position: absolute;
        top: 0;
        right: 0;
        background: #FF9533;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        box-shadow: 0 0 #ff9533;
        transform: scale(1);
        animation: _ngcontent-serverApp-c1632050719_signup-pulse-animation 2s infinite;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] .item.deposit-btn[_ngcontent-serverApp-c1632050719] {
        border-radius: 100%;
        background: var(--title-head-bg);
        position: relative;
        top: -10px;
        width: 64px;
        height: 64px;
        padding: 0;
        box-shadow: 0 2px 2px #00000073;
    }

    [_nghost-serverApp-c1632050719] .sticky[_ngcontent-serverApp-c1632050719] .item.deposit-btn[_ngcontent-serverApp-c1632050719] img[_ngcontent-serverApp-c1632050719] {
        width: 37px;
    }

    .main-page-wrapper[_ngcontent-serverApp-c3790085873] .header-container[_ngcontent-serverApp-c3790085873] .top-container[_ngcontent-serverApp-c3790085873] .swiper-container[_ngcontent-serverApp-c3790085873] {
        gap: 0px;
    }

    [_nghost-serverApp-c1379243038] .categories-head[_ngcontent-serverApp-c1379243038] h3[_ngcontent-serverApp-c1379243038] {
        font-weight: 500;
        font-size: 23px;
        line-height: 36px;
        letter-spacing: .1px;
    }

    [_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-open-account[_ngcontent-serverApp-c1642512113] {
        display: none;
    }

    [_nghost-serverApp-c1642512113] .auth-menu[_ngcontent-serverApp-c1642512113] .btn-login[_ngcontent-serverApp-c1642512113] {
        margin-right: 0;
    }

    [_nghost-serverApp-c3276765691] .desktop-fixed-wrapper[_ngcontent-serverApp-c3276765691] .desktop-top[_ngcontent-serverApp-c3276765691] {
        padding: 10px 10px 10px 8px;
    }

    app-desktop-top-menu {
        display: none;
    }

}

@media (max-width: 704px) {

    .mat-form-field {
        padding-top: 30px;
    }

    [_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .logo-wrap[_ngcontent-serverApp-c2477145530] .logo-list[_ngcontent-serverApp-c2477145530] {
        grid-gap: 20px 17.5px;
    }

    [_nghost-serverApp-c2477145530] .footer[_ngcontent-serverApp-c2477145530] .middle-footer[_ngcontent-serverApp-c2477145530] .logo-wrap[_ngcontent-serverApp-c2477145530] img[_ngcontent-serverApp-c2477145530] {
        height: 24px;
    }
}