@font-face{
    font-family:"Manrope";
    src:url("/cms-assets/fonts/manrope/manrope-400.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Manrope";
    src:url("/cms-assets/fonts/manrope/manrope-500.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Manrope";
    src:url("/cms-assets/fonts/manrope/manrope-600.ttf") format("truetype");
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Manrope";
    src:url("/cms-assets/fonts/manrope/manrope-700.ttf") format("truetype");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Manrope";
    src:url("/cms-assets/fonts/manrope/manrope-800.ttf") format("truetype");
    font-weight:800;
    font-style:normal;
    font-display:swap;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

*{
    font-family: "Manrope", "Poppins", sans-serif;
}

.navbarPromoCodeLink,
.navbarPromoCodeLabel{
    font-family: "Poppins", sans-serif;
}

:root {
  --main-color: #1b4ed8;
  --main-color-deep: #0c2d7a;
  --main-color-night: #0a1336;
  --main-color-night-2: #151f4a;
  --main-color-soft: #dfe9ff;
  --main-color-ink: #102453;
  --main-color-muted: #64759f;
  --second-color: #ffd24a;
  --second-color-deep: #f2b812;
  --accent-violet: #6f48ff;
  --accent-pink: #ff4fd8;
  --surface-color: #f5f8ff;
  --surface-strong: #ffffff;
  --surface-muted: #ecf2ff;
  --surface-dark: rgba(19, 29, 71, 0.88);
  --surface-dark-strong: #1a244f;
  --text-light: #f4f7ff;
  --text-soft: #b4c1e8;
  --border-color: #cfdbfb;
  --site-shell-width: calc(100vw - 36px);
}

html,
body
{
    margin:0px;
    min-height:100%;
    background-color:#0c121e!important;
    background:
        radial-gradient(circle at top left, rgba(111, 72, 255, 0.32), transparent 26%),
        radial-gradient(circle at top right, rgba(27, 78, 216, 0.4), transparent 30%),
        linear-gradient(180deg, #09122e 0%, #111b42 48%, #181f3f 100%)!important;
    overflow-x:hidden;
}

@media (max-width:1023px){
    html,
    body{
        min-height:100%;
        min-height:100dvh;
        background-color:#0c121e!important;
        background:
            linear-gradient(180deg, #0c121e 0%, #0d1424 52%, #0c121e 100%)!important;
        overscroll-behavior-y:none;
    }

    body.gelirse-menu-variant-2{
        background-color:#0c121e!important;
        color-scheme:dark;
    }
}

body.mobile-menu-open
{
    overflow:hidden;
}

.campaignLineOuter .container,
.timedPromoShellOuter .container,
.navbarTopOuter > .container,
.navbarOuter > .container,
.manusOuter > .container,
.homepageOuter > .container,
.footerOuter > .container
{
    width:100%;
    max-width:calc(var(--site-shell-width) + 36px)!important;
    margin:0px auto;
    padding-left:18px;
    padding-right:18px;
}

.navbarTopOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background:transparent;
    border-bottom:0px;
}

.navbarTopInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:0px 18px;
}

.navbarTopLeftOuter
{
    min-width:10px;
    height:33px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.navbarTopInfoMenu
{
    min-width:10px;
    height:33px;
    position:relative;
    display:flex;
    align-items:center;
    padding-bottom:8px;
    margin-bottom:-8px;
}

.navbarTopInfoTrigger
{
    min-width:10px;
    height:33px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0px;
    background:transparent;
    border:0px;
    font-size:11.5px;
    font-weight:300;
    color:#dbe6ff;
    opacity:0.7;
    cursor:pointer;
    transition:0.3s ease all;
}

.navbarTopInfoLabel
{
    white-space:nowrap;
}

.navbarTopInfoTrigger i
{
    font-size:10px;
    margin-top:1px;
}

.navbarTopInfoDropdown
{
    min-width:220px;
    position:absolute;
    left:0px;
    top:100%;
    display:none;
    flex-direction:column;
    padding:8px;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(20, 31, 76, 0.98) 0%, rgba(13, 23, 57, 0.98) 100%);
    border:1px solid rgba(118, 146, 255, 0.18);
    box-shadow:0 18px 40px rgba(4, 10, 30, 0.45);
    z-index:40;
}

.navbarTopInfoDropdown a
{
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    padding:0px 12px;
    border-radius:10px;
    color:var(--text-light)!important;
    font-size:13px!important;
    font-weight:500!important;
    opacity:1!important;
}

.navbarTopInfoDropdown a:before
{
    display:none!important;
}

.navbarTopInfoDropdown a:hover
{
    background:rgba(255, 255, 255, 0.06);
}

.navbarTopInfoMenu:hover .navbarTopInfoDropdown,
.navbarTopInfoMenu:focus-within .navbarTopInfoDropdown
{
    display:flex;
}

.navbarTopInfoMenu:hover .navbarTopInfoTrigger,
.navbarTopInfoMenu:focus-within .navbarTopInfoTrigger
{
    opacity:1;
}

.navbarTopLeftOuter a
{
    font-size:11.5px;
    font-weight:300;
    color:#dbe6ff;
    opacity: 0.7;
    text-decoration: none!important;
    transition: 0.3s ease all;
    position:relative;
}

.navbarTopLeftOuter a:before
{
    content:"";
    width:0px;
    height:1px;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:#dbe6ff;
    transition: 0.3s ease all;
}

.navbarTopLeftOuter a:hover
{
    opacity: 1;
}

.navbarTopLeftOuter a:hover::before
{
    width:100%;
}

.navbarTopRightOuter
{
    min-width:10px;
    min-height:33px;
    float:right;
    display:flex;
    align-items:center;
    justify-content:center;
}

.navbarTopAccountRail
{
    min-width:10px;
    min-height:44px;
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    border-radius:0 0 0 18px;
    overflow:visible;
    background:linear-gradient(135deg, rgba(13, 29, 94, 0.98) 0%, rgba(9, 22, 74, 0.98) 100%);
    border:1px solid rgba(116, 146, 255, 0.16);
    box-shadow:0 14px 30px rgba(4, 10, 30, 0.2);
}

.navbarTopAccountSegment
{
    min-width:10px;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none!important;
    border-right:1px solid rgba(138, 167, 255, 0.16);
    transition:background-color 0.2s ease;
}

.navbarTopAccountSegment:hover
{
    background:rgba(255,255,255,0.04);
}

.navbarTopAccountIdentity
{
    min-width:156px;
}

.navbarTopAccountWallet
{
    min-width:208px;
}

.navbarTopAccountIcon
{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#ffd24a;
    font-size:14px;
}

.navbarTopAccountCopy
{
    min-width:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
}

.navbarTopAccountCopy strong
{
    font-size:10.5px;
    line-height:1.05;
    font-weight:800;
    color:#f5f8ff;
}

.navbarTopAccountCopy small
{
    font-size:9.5px;
    line-height:1.1;
    font-weight:700;
    color:#f5f8ff;
}

.navbarTopAccountMeta
{
    min-width:10px;
    padding:0 10px;
    display:flex;
    align-items:center;
    gap:10px;
    border-right:1px solid rgba(138, 167, 255, 0.16);
}

.navbarTopAccountLanguage
{
    height:auto;
    min-height:44px;
    padding:0;
    border-left:0;
    border-right:0;
    gap:6px;
}

.navbarTopAccountLanguage .navbarCenterLanguageFlag,
.navbarTopAccountLanguage .navbarCenterLanguageFlag img
{
    width:24px;
    height:16px;
}

.navbarTopAccountLanguage span,
.navbarTopAccountClock
{
    font-size:11px;
    font-weight:700;
}

.navbarTopAccountClock
{
    width:auto;
    min-width:64px;
    height:auto;
    min-height:44px;
    padding:0;
    border-radius:0;
    background:transparent;
}

.navbarTopAccountActions
{
    min-width:10px;
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
}

.navbarTopAccountAction
{
    width:38px;
    height:auto;
    min-height:44px;
    border-left:1px solid rgba(138, 167, 255, 0.16);
    background:transparent;
}

.navbarTopAccountAction:hover
{
    background:rgba(255,255,255,0.06);
}

.navbarTopAccountActionLogout
{
    border-right:0;
}

.navbarTopRightBtn
{
    width:33px;
    height:33px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#dbe6ff!important;
    cursor:pointer;
    text-decoration: none!important;
    transition: 0.3s ease all;
}

button.navbarTopRightBtn
{
    background:transparent;
    border:0px;
    padding:0px;
}

.navbarTopRightBtn:hover
{
    background-color:rgba(255,255,255,0.08);
}

.navbarTopRightBtnGray
{
    background-color:rgba(255,255,255,0.06);
    border-left:1px solid rgba(141, 168, 255, 0.18);
    border-right:1px solid rgba(141, 168, 255, 0.18);
}

.navbarProfileBtn
{
    min-width:10px;
    height:28px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-decoration:none;
    margin-right:5px;
}

.navbarProfileBtn i
{
    font-size:25px;
    color:#dbe6ff;
}

.navbarProfileBtnContents
{
    min-width:10px;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.navbarProfileBtnContents b
{
    width:100%;
    float:left;
    font-size:12px;
    color:#fff;
    font-weight:500;
    margin:-1px 0px;
    text-align:right;
}

.navbarProfileBtnContents span
{
    width:100%;
    float:left;
    font-size:11px;
    color:#fff;
    font-weight:400;
    margin:-2px 0px;
    text-align:right;
    color:#ffd24a!important;
}

.navbarTopRightIdentity
{
    min-width:10px;
    min-height:33px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 10px 0px 0px;
    text-decoration:none!important;
}

.navbarTopRightIdentityContents
{
    min-width:10px;
    min-height:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:2px;
}

.navbarTopRightIdentityContents b
{
    font-size:12px;
    line-height:1.1;
    font-weight:600;
    color:#ffffff;
}

.navbarTopRightIdentityContents span
{
    font-size:11px;
    line-height:1.1;
    font-weight:500;
    color:#ffd24a;
}

.navbarTopRightCurrencyBox
{
    min-width:10px;
    height:33px;
    float:left;
    background-color:rgba(255,255,255,0.06);
    padding:0px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-left:1px solid rgba(141, 168, 255, 0.18);
    border-right:1px solid rgba(141, 168, 255, 0.18);
}

.navbarTopRightCurrencyBox i
{
    font-size:13px;
    color:#ffd24a;
}

.navbarTopRightCurrencyBoxContents
{
    min-width:10px;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
}

.navbarTopRightCurrencyBoxContents span
{
    width:100%;
    float:left;
    font-size:10px;
    color:#dbe6ff;
    margin:0px;
    font-weight:400;
}

.navbarTopRightCurrencyBoxContents span b
{
    font-size:500;
}

.navbarOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background:transparent;
    border-radius:0px;
}

.navbarInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:0px 18px;
    background:linear-gradient(135deg, rgba(8, 18, 52, 0.98) 0%, rgba(30, 44, 103, 0.94) 100%);
    border-radius:0px 0px 24px 24px;
}

.navbarCenterOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:14px 0px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.navbarCenterLogoOuter
{
    width:130px;
    height:40px;
    float:left;
}

.navbarBrandStack
{
    min-width:10px;
    min-height:10px;
    float:left;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

.navbarBrandGuestStack
{
    min-width:10px;
    min-height:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.navbarBrandMemberStack
{
    min-width:10px;
    min-height:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.navbarBrandMemberMeta
{
    min-width:10px;
    min-height:10px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.navbarBrandGuestActions
{
    min-width:10px;
    min-height:10px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.navbarBrandGuestStack .navbarCenterBtn
{
    min-height:48px;
}

.navbarBrandGuestStack .navbarCenterLanguageOuter
{
    min-height:44px;
    padding:0 14px;
    border-left:0;
    border-right:0;
    border-radius:999px;
    background:rgba(10, 18, 52, 0.34);
}

.navbarBrandGuestStack .navbarCenterLanguageDropdown
{
    top:calc(100% + 10px);
    border-radius:16px;
}

.navbarBrandMemberStack .navbarCenterLanguageOuter
{
    min-height:44px;
    padding:0 14px;
    border-left:0;
    border-right:0;
    border-radius:999px;
    background:rgba(10, 18, 52, 0.34);
}

.navbarBrandMemberStack .navbarCenterLanguageDropdown
{
    top:calc(100% + 10px);
    border-radius:16px;
}

.navbarBrandMemberStack .navbarClockOuter
{
    width:auto;
    min-width:92px;
    min-height:44px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(10, 18, 52, 0.34);
}

.navbarCenterLogoOuter img
{
    width:130px;
    height:40px;
    object-fit: contain;
    object-position: center left;
    margin-top:-2px;
}

.navbarCenterInner
{
    flex:1;
    height:40px;
    float:left;
}

.navbarCenterBtn
{
    min-width:10px;
    height:28px;
    float:left;
    padding:0px 10px;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform: uppercase;
    font-size:12px;
    font-weight: 600;
    padding-bottom:1px;
    color:#fff;
    cursor:pointer;
    text-decoration: none!important;
}

.secondNavbarBtn
{
    background-color:var(--second-color);
    color:#000;
}

.defaultNavbarBtn
{
    min-height:52px;
    padding:0px 22px;
    border-radius:999px;
    border:1px solid rgba(98, 225, 255, 0.52);
    background:rgba(8, 18, 52, 0.72);
    color:#ffffff;
    transition: 0.3s ease all;
}

.defaultNavbarBtn:hover
{
    background-color:rgba(255,255,255,0.08);
    color:#fff;
}

.secondNavbarBtn
{
    min-height:52px;
    padding:0px 22px;
    border-radius:999px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
}

.navbarCenterLanguageOuter
{
    min-width:10px;
    min-height:44px;
    float:left;
    border-left:1px solid rgba(94, 116, 191, .18);
    border-right:1px solid rgba(94, 116, 191, .18);
    padding:0px 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#eff4ff;
    cursor:pointer;
    position:relative;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(31, 43, 95, 0.88) 0%, rgba(21, 30, 70, 0.88) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}

.navbarCenterLanguageDropdown
{
    width:280px;
    min-height:20px;
    background:
        radial-gradient(circle at top right, rgba(255, 214, 95, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(20, 31, 76, 0.99) 0%, rgba(10, 18, 48, 0.995) 100%);
    position:absolute;
    top:calc(100% + 10px);
    left:0px;
    z-index:19;
    padding:12px;
    border-radius:22px;
    border:1px solid rgba(118, 146, 255, 0.18);
    display:none;
    align-items:stretch;
    justify-content:flex-start;
    flex-direction: column;
    gap:10px;
    box-shadow:0 26px 60px rgba(4, 10, 30, 0.34);
}

.navbarCenterLanguageSearchShell
{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:0 14px;
    border-radius:16px;
    background:rgba(7, 14, 38, 0.54);
    border:1px solid rgba(108, 130, 214, 0.14);
}

.navbarCenterLanguageSearchShell i
{
    font-size:14px;
    color:rgba(214, 223, 248, 0.6);
}

.navbarCenterLanguageSearchInput
{
    width:100%;
    border:0;
    outline:none;
    background:transparent;
    color:#f5f8ff;
    font-size:14px;
    font-weight:600;
}

.navbarCenterLanguageSearchInput::placeholder
{
    color:rgba(214, 223, 248, 0.42);
}

.navbarCenterLanguageOptions
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.navbarCenterLanguageDropdown a
{
    width:100%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    min-height:60px;
    padding:0 14px;
    text-decoration: none!important;
    transition: 0.22s ease all;
    border-radius:16px;
    border:1px solid rgba(104, 126, 208, 0.12);
    background:linear-gradient(180deg, rgba(32, 43, 96, 0.82) 0%, rgba(23, 33, 78, 0.82) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}

.navbarCenterLanguageDropdown a:hover
{
    background:linear-gradient(180deg, rgba(40, 53, 114, 0.92) 0%, rgba(27, 39, 90, 0.92) 100%);
    border-color:rgba(255, 214, 95, 0.24);
    transform:translateY(-1px);
}

.navbarCenterLanguageDropdown a:hover span
{
    color:var(--second-color);
}

.navbarCenterLanguageDropdown a.is-active
{
    border-color:rgba(255, 214, 95, 0.3);
    background:linear-gradient(180deg, rgba(45, 58, 124, 0.98) 0%, rgba(29, 42, 96, 0.96) 100%);
}

.navbarCenterLanguageDropdown a img
{
    width:34px;
    height:24px;
    float:left;
    object-fit: cover;
    object-position: center;
    border-radius:6px;
    box-shadow:0 6px 14px rgba(5, 10, 28, 0.24);
}

.navbarCenterLanguageDropdown a span
{
    flex:1;
    font-size:15px;
    font-weight:700;
    color:#fff;
    transition: 0.3s ease all;
}

.navbarCenterLanguageDropdown a small
{
    flex-shrink:0;
    min-width:42px;
    min-height:28px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:rgba(9, 16, 44, 0.62);
    color:rgba(214, 223, 248, 0.8);
    font-size:11px;
    font-weight:800;
    letter-spacing:0.08em;
}

.navbarCenterLanguageEmpty
{
    min-height:50px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    border:1px dashed rgba(123, 141, 202, 0.24);
    color:rgba(214, 223, 248, 0.64);
    font-size:13px;
    font-weight:700;
}

.navbarCenterLanguageOuter:hover .navbarCenterLanguageDropdown,
.navbarCenterLanguageOuter:focus-within .navbarCenterLanguageDropdown
{
    display:flex;
}

.navbarCenterLanguageFlag
{
    width:33px;
    height:22px;
    float:left;
}

.navbarCenterLanguageFlag img
{
    width:33px;
    height:22px;
    float:left;
    object-fit: contain;
    object-position: center;
}

.navbarCenterLanguageOuter span
{
    font-size:14px;
    font-weight:700;
    color:#fff;
}

.navbarCenterLanguageOuter i
{
    font-size:12px;
}

.navbarClockOuter
{
    width:80px;
    height:28px;
    float:left;
    background-color:rgba(255,255,255,0.08);
    padding:0px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    font-size:13px;
    font-weight:500;
    color:#fff;
}

.manusOuter
{
    width:100%;
    min-height:20px;
    float:left;
    background:transparent;
    margin:0px 0px 18px;
    border-radius:0px;
}

.menusInner
{
    width:100%;
    min-height:10px;
    float:left;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:12px 18px;
    gap:15px;
    background:linear-gradient(135deg, rgba(28, 39, 90, 0.92) 0%, rgba(20, 28, 64, 0.96) 100%);
    border:1px solid rgba(114, 142, 255, 0.12);
    border-radius:26px;
    box-shadow:0 24px 55px rgba(6, 13, 34, 0.24);
}

.menusInner a
{
    font-size:13px;
    text-transform: uppercase;
    font-weight:600;
    color:var(--text-light);
    text-decoration: none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.menusInner a i
{
    float:left;
    margin-right:8px;
}

.menusInner a img
{
    height:35px;
    float:left;
    margin:-7px 0px;
}

.menusInnerRight
{
    flex:1;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
}

.menusInnerUtility
{
    min-width:10px;
    min-height:10px;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.menusInnerAccessRail
{
    min-width:10px;
    min-height:10px;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-wrap:wrap;
}

.menusInnerAccessRail + .menusInnerRight
{
    flex:none;
}

.menusInnerAccessRail .navbarProfileBtn,
.menusInnerAccessRail .navbarCenterBtn,
.menusInnerAccessRail .navbarCenterLanguageOuter,
.menusInnerAccessRail .navbarClockOuter
{
    float:none;
}

.menusInnerHelpLink
{
    min-height:40px;
    padding:0px 14px;
    border-radius:999px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    border:0px;
    color:var(--main-color-night)!important;
}

.menusInnerHelpLink:hover
{
    filter:brightness(1.03);
}

.menusInner a span
{
    min-width:10px;
    height:17px;
    font-size:12px;
    color:#fff;
    background-color:#e70000;
    padding:0px 6px;
    border-radius:3px;
    float:right;
    margin-top:-1px;
    margin-left:5px;
}

.menuBox
{
    font-size:13px;
    text-transform: uppercase;
    font-weight:600;
    color:var(--text-light);
    text-decoration: none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
}

.menuBoxPrimary
{
    align-self:stretch;
    position:relative;
    padding-bottom:12px;
    margin-bottom:-12px;
}

.menuBoxPrimaryLink
{
    min-height:100%;
    gap:0px;
}

.menuBoxPrimaryLink small
{
    margin-left:8px;
    font-size:10px;
    color:rgba(255, 210, 74, 0.92);
}

.menuBox i
{
    float:left;
    margin-right:8px;
}

.menuBox img
{
    height:35px;
    float:left;
    margin:-7px 0px;
}

.menuBox span
{
    min-width:10px;
    height:17px;
    font-size:12px;
    color:#fff;
    background-color:#e70000;
    padding:0px 6px;
    border-radius:3px;
    float:right;
    margin-top:-1px;
    margin-left:5px;
}

.menusInnerBoxDropdown
{
    width:220px;
    min-height:10px;
    float:left;
    position:absolute;
    right:0px;
    top:18px;
    background:linear-gradient(180deg, rgba(20, 31, 76, 0.98) 0%, rgba(13, 23, 57, 0.98) 100%);
    border-radius:18px;
    box-shadow:0 18px 40px rgba(4, 10, 30, 0.45);
    padding:10px;
    z-index:99;
    display:none;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-direction:column;
}

.menusInnerBoxDropdownButton
{
    width:100%;
    height:30px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%)!important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:var(--main-color-night);
    font-weight:500;
    text-align:center;
    border-radius:4px;
    color:#fff!important;
}

.menusInnerBoxDropdownLine
{
    width:100%;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    transition:0.3s ease all;
    border-radius:3px;
}

.menusInnerBoxDropdownLine:hover
{
    background-color:rgba(255,255,255,0.06);
}

.menusInnerBoxDropdownLineIcon
{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--second-color);
    font-size:16px;
}

.menusInnerBoxDropdownLineIcon i
{
    margin-right:0px!important;
    margin-top:1px;
}

.menusInnerBoxDropdownLineText
{
    flex:1;
    min-height:10px;
    float:left;
    font-size:13px;
    color:var(--text-light);
    font-weight:500;
    letter-spacing:0.5px;
    text-transform:none!important;
}

.customNotificationBox
{
    width:100%;
    float:left;
    padding:10px;
    font-size:13px!important;
    font-weight:500!important;
    border-radius:4px;
}

.customNotificationBoxDanger
{
    background-color:#ff1616!important;;
    color:#fff!important;
}

.customNotificationBoxInfo
{
    background: linear-gradient(180.11deg, rgba(0, 0, 0, 0) 30.82%, rgba(31, 3, 80, .2) 99.91%), radial-gradient(64.3% 77.79% at 50.04% 90.29%, #27323f 0, rgba(112, 44, 246, 0) 100%), linear-gradient(123.86deg, #262e37 6.33%, #4d74a1 48.47%, #27323f 98.95%), #7b97b8;
    color:#fff!important;
}

.menuBox:hover .menusInnerBoxDropdown
{
    display:flex;
}

.menuBoxSubmenu
{
    min-width:220px;
    position:absolute;
    left:0px;
    top:calc(100% + 12px);
    display:none;
    flex-direction:column;
    padding:8px;
    background:linear-gradient(180deg, rgba(20, 31, 76, 0.98) 0%, rgba(13, 23, 57, 0.98) 100%);
    border:1px solid rgba(118, 146, 255, 0.18);
    border-radius:16px;
    box-shadow:0 18px 40px rgba(4, 10, 30, 0.45);
    z-index:90;
}

.menuBoxSubmenuLink
{
    width:100%;
    min-height:42px;
    padding:0px 14px;
    border-radius:12px;
    display:flex!important;
    align-items:center;
    justify-content:space-between!important;
    font-size:12.5px!important;
    font-weight:600!important;
    color:var(--text-light)!important;
    text-transform:none!important;
    transition:0.2s ease all;
}

.menuBoxSubmenuLink span
{
    min-width:auto;
    height:auto;
    margin:0px;
    padding:0px;
    border-radius:0px;
    background:transparent;
    color:inherit;
}

.menuBoxSubmenuLink i
{
    margin-right:0px;
    color:rgba(255, 210, 74, 0.85);
    font-size:11px;
}

.menuBoxSubmenuLink:hover
{
    background:rgba(255,255,255,0.06);
}

.menuBoxPrimary:hover .menuBoxSubmenu,
.menuBoxPrimary:focus-within .menuBoxSubmenu
{
    display:flex;
}

.aviatorMenu
{
    height:20px!important;
    fill:rgb(230, 63, 109);
    margin-top:-3px;
    transition: 0.5s ease all;
}

.aviatorMenu:hover
{
    fill:var(--main-color);
}

.aviatorPlane
{
    height:14px;
    margin-left:3px;
    margin-bottom:-45px;
    opacity: 0;
    transition: 0.5s ease all;
}

.aviatorMenuAll:hover .aviatorMenu
{
    fill:var(--main-color);
}

.aviatorMenuAll:hover .aviatorPlane
{
    fill:var(--main-color);
    margin-bottom:0px;
    opacity: 1;
}

.homepageOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:20px 0px;
}

.homepageListBoxesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:15px;
}

.homepageListBox
{
    flex:1;
    min-height:20px;
    float:left;
    background: #1d4221;
    background: linear-gradient(45deg, var(--main-color) 0%, var(--second-color) 170%);
    border-radius:7px;
    position:relative;
    display:flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-direction: column;
    gap:5px;
    padding:13px 20px;
    text-decoration: none!important;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.homepageListBox:before
{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    background: #040d04;
    background: linear-gradient(45deg, rgba(4, 13, 4, 1) 0%, rgba(14, 38, 16, 1) 52%, rgba(70, 188, 80, 1) 100%);
    border-radius:7px;
    opacity: 0;
    transition: 0.3s ease all;
}

.homepageListBox:hover::before
{
    opacity: 0.5;
}

.homepageListBox h5
{
    width:100%;
    font-size:22px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
    font-weight:500;
}

.homepageListBox p
{
    width:100%;
    font-size:12px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
}

.homepageListBox img
{
    width:35%;
    height:calc(100% + 10px);
    position:absolute;
    right:0px;
    bottom:0px;
    object-fit: contain;
    object-position: bottom right;
    z-index:6;
}

.homepageListBoxBlue
{
    flex:1;
    min-height:20px;
    float:left;
    background: linear-gradient(180.11deg, rgba(0, 0, 0, 0) 30.82%, rgba(31, 3, 80, .2) 99.91%), radial-gradient(64.3% 77.79% at 50.04% 90.29%, #27323f 0, rgba(112, 44, 246, 0) 100%), linear-gradient(123.86deg, #262e37 6.33%, #4d74a1 48.47%, #27323f 98.95%), #7b97b8;
    border-radius:7px;
    position:relative;
    display:flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-direction: column;
    gap:5px;
    padding:13px 20px;
    text-decoration: none!important;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.homepageListBoxBlue:before
{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    background: #040d04;
    background: linear-gradient(45deg, rgba(4, 13, 4, 1) 0%, rgba(14, 38, 16, 1) 52%, rgba(70, 188, 80, 1) 100%);
    border-radius:7px;
    opacity: 0;
    transition: 0.3s ease all;
}

.homepageListBoxBlue:hover::before
{
    opacity: 0.5;
}

.homepageListBoxBlue h5
{
    width:100%;
    font-size:22px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
    font-weight:500;
}

.homepageListBoxBlue p
{
    width:100%;
    font-size:12px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
}

.homepageListBoxBlue img
{
    width:35%;
    height:calc(100% + 10px);
    position:absolute;
    right:0px;
    bottom:0px;
    object-fit: contain;
    object-position: bottom right;
    z-index:6;
}

.homepageListBoxGray
{
    flex:1;
    min-height:20px;
    float:left;
    /*background: linear-gradient(180.11deg, rgba(0, 0, 0, 0) 30.82%, rgba(31, 3, 80, .2) 99.91%), radial-gradient(64.3% 77.79% at 50.04% 90.29%, #27323f 0, rgba(112, 44, 246, 0) 100%), linear-gradient(123.86deg, #4c535c 6.33%, #bfc1c4 48.47%, #a5a9ad 98.95%), #979fa8;*/
    background:
    linear-gradient(180.11deg, rgba(0, 0, 0, 0) 30.82%, rgba(23, 41, 103, 0.88) 99.91%),
    radial-gradient(64.3% 77.79% at 50.04% 90.29%, rgba(111, 72, 255, 0.48) 0, rgba(112, 44, 246, 0) 100%),
    linear-gradient(123.86deg, #09122e 6.33%, #1a2557 48.47%, #1f2d67 98.95%),
    #1a2557;
    border-radius:7px;
    position:relative;
    display:flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-direction: column;
    gap:5px;
    padding:13px 20px;
    text-decoration: none!important;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.homepageListBoxGray:before
{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    background: #040d04;
    background: linear-gradient(45deg, rgba(4, 13, 4, 1) 0%, rgba(14, 38, 16, 1) 52%, rgba(70, 188, 80, 1) 100%);
    border-radius:7px;
    opacity: 0;
    transition: 0.3s ease all;
}

.homepageListBoxGray h5
{
    width:100%;
    font-size:22px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
    font-weight:500;
}

.homepageListBoxGray p
{
    width:100%;
    font-size:12px;
    color:#f5deb3;
    margin:0px;
    position:relative;
    z-index:5;
}

.homepageListBoxGray img
{
    width:35%;
    height:calc(100% + 10px);
    position:absolute;
    right:0px;
    bottom:0px;
    object-fit: contain;
    object-position: bottom right;
    z-index:6;
}

.homepageListBoxWhite
{
    flex:1;
    min-height:20px;
    float:left;
    background: #fff;
    border-radius:7px;
    position:relative;
    display:flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-direction: column;
    gap:5px;
    padding:13px 20px;
    text-decoration: none!important;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.homepageListBoxWhite h5
{
    width:100%;
    font-size:22px;
    color:#1d1d1d;
    margin:0px;
    position:relative;
    z-index:5;
    font-weight:500;
}

.homepageListBoxWhite p
{
    width:100%;
    font-size:12px;
    color:#4d4d4d;
    margin:0px;
    position:relative;
    z-index:5;
}

.homepageListBoxWhite img
{
    width:35%;
    height:calc(100% + 10px);
    position:absolute;
    right:0px;
    bottom:0px;
    object-fit: contain;
    object-position: bottom right;
    z-index:6;
}

.homepageSliderOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:15px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:15px;
}

.homepageSliderBoxOuter
{
    flex:1;
    height:300px;
    background-color:#ffffff;
    float:left;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
    border-radius:7px;
    padding:10px;
    position:relative;
}

.homepageSliderRightOuter
{
    width:calc((100% / 4) - (45px / 4));
    min-height:10px;
    background-color:#fff;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
    border-radius:7px;
}

.homepageSliderBoxInner
{
    width:calc(100% - 20px);
    height:280px;
    float:left;
    background-color:#dadada;
    border-radius:7px;
    position:absolute;
}

.homepageSliderBox
{
    width:100%;
    height:280px;
    object-fit: cover;
    object-position: center;
    border-radius:7px;
    float:left;
}

.homepageSliderRightTitle
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--main-color);
    border-radius:7px 7px 0px 0px;
    padding:10px 13px;
    color:var(--second-color);
    font-weight:500;
    font-size:15px;
    border-bottom:1px solid rgba(0, 0, 0, .33);
}

.homepageSliderRightTitle i
{
    margin-right:4px;
}

.homepageSliderRightContents
{
    width:100%;
    height:260px;
    float:left;
    background-color:var(--second-color);
    border-radius: 0px 0px 7px 7px;
    padding:10px;
    overflow-y: scroll;
}

.customScroll::-webkit-scrollbar 
{
    width: 5px;
}

.customScroll::-webkit-scrollbar-track 
{
    background: #f1f1f148; 
}

.customScroll::-webkit-scrollbar-thumb 
{
    background: #888; 
}

.customScroll::-webkit-scrollbar-thumb:hover 
{
    background: #555; 
}

.homepageSliderBoxInner .slick-dots
{
    bottom:5px;
}

.homepageSliderBoxInner .slick-dots li button:before
{
    color:#fff;
    opacity: .65;
}

.homepageSliderBoxInner .slick-dots li.slick-active button:before
{
    color:#fff;
    opacity: 1;
}

.homepageSliderBoxInner .slick-prev
{
    left:10px;
    z-index:99;
}

.homepageSliderBoxInner .slick-next
{
    right:10px;
    z-index:99;
}

.homepageContentsTitleOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--main-color);
    margin-top:15px;
    border-radius:7px;
    padding:12px 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
    gap:5px;
}

.homepageContentsTitleOuter p
{
    flex:1;
    font-size:15px;
    font-weight:400;
    letter-spacing: 0.5px;
    margin:0px;
    color:#fff;
    font-weight:600;
    text-transform: uppercase;
}

.homepageContentsTitleOuter span
{
    flex:1;
    font-size:12px;
    font-weight:400;
    letter-spacing: 0.5px;
    margin:0px;
    color:#fff;
    font-weight:600;
}

.homepageContentsTitleOuter i
{
    font-size:12px;
    float:left;
    color:#fff;
}

.homepageContentsTitleOuter a
{
    background-color:#f1f1f1;
    font-size:13px;
    color:var(--main-color);
    font-weight:500;
    text-decoration: none!important;
    padding:4px 8px;
    text-transform: uppercase;
    border-radius:4px;
    transition: 0.3s ease all;
}

.homepageContentsTitleOuter a:hover
{   
    background-color:var(--second-color);
}

.homepageSliderUserLine
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:rgba(0, 0, 0, 0.35);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px;
    border-radius:6px;
    margin-bottom:10px;
    gap:10px;
}

.homepageSliderUserLineImage
{
    width:45px;
    height:45px;
    float:left;
    background-color:#fff;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content: center;
}

.homepageSliderUserLineImage img
{
    width:39px;
    height:39px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-top:1px;
}

.homepageSliderUserLine span
{
    font-size:14px;
    font-weight:600;
    color:#fff;
}

.homepageSliderUserLineContents
{
    flex:1;
    min-height:10px;
    float:left;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.homepageSliderUserLineContentsInner
{
    width:100%;
    min-height:10px;
    float:left;
    position:absolute;
    left:0px;
}

.homepageSliderUserLineContents h5
{
    width:100%;
    float:left;
    font-size:14px;
    color:#fff;
    font-weight:600;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepageSliderUserLineContents p
{
    width:100%;
    float:left;
    font-size:13px;
    color:#fff;
    font-weight:500;
    margin:0px;
    margin-top:2px;
    opacity: 0.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepageContentsBoxesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:15px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:15px;
    flex-wrap: wrap;
}

.homepageContentsBox
{
    width:calc((100% / 7) - ((15px * 6) / 7));
    height:110px;
    background-color:#fff;
    border-radius:7px;
    position:relative;
    text-decoration: none!important;
    cursor:pointer;
    overflow:hidden;
    transition: 0.3s ease all;
}

.homepageContentsBox img
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    object-fit: cover;
    object-position: center;
    z-index:1;
}

.homepageContentsBox.is-image-missing
{
    background:linear-gradient(180deg, #1b2555 0%, #141c44 100%);
}

.homepageContentsBox.is-image-missing img
{
    opacity:0;
    visibility:hidden;
}

.homepageContentsBoxInner
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    background:linear-gradient(180deg, rgba(7, 16, 12, 0.04) 18%, rgba(7, 16, 12, 0.82) 100%);
    z-index:2;
    padding:12px;
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    flex-direction: column;
    gap:10px;
    transition:none;
}

.homepageContentsBoxBtnOuter
{
    width:100%;
    min-height:34px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:8px;
}

.homepageContentsBoxBtn
{
    flex:1;
    min-height:34px;
    background-color:var(--second-color);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    border-radius:999px;
    color:var(--main-color);
    text-transform: uppercase;
    font-weight:700;
    letter-spacing:0.03em;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding:0px 14px;
    cursor:pointer;
    white-space:nowrap;
    line-height:1;
    flex-wrap:nowrap;
}

.homepageContentsBoxBtnMini
{
    min-width:10px;
    min-height:34px;
    background-color:var(--main-color);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    border-radius:999px;
    color:var(--second-color);
    text-transform: uppercase;
    font-weight:700;
    letter-spacing:0.03em;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding:0px 14px;
    cursor:pointer;
}

.homepageContentsBoxBtn:hover
{
    background-color:#fff;
}  

.homepageContentsBox:hover .homepageContentsBoxInner
{
    bottom:0%;
}   

.homepageContentsBoxText
{
    width:100%;
    flex:1;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    font-size:15px;
    font-weight:600;
    color:#fff;
    text-align:center;
    line-height:1.2;
}

.homepageFilterLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--main-color);
    margin-top:15px;
    border-radius:7px;
    padding:12px;
    gap:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.homepageFilterLineOuter input
{
    max-width: auto;
    flex:1;
    height:40px;
    background-color:#fff;
    border-radius:5px;
    border:0px!important;
    outline:0px!important;
    padding:0px 10px;
    font-size:14px;
    padding-bottom:1px;
}

.homepageFilterLineOuter select
{
    max-width: auto;
    height:40px;
    background-color:#f4f4f4;
    border-radius:5px;
    border:0px!important;
    outline:0px!important;
    padding:0px 10px;
    font-size:14px;
    padding-bottom:1px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor:pointer;
}

.homepageFilterLineOuter button
{
    max-width: auto;
    height:40px;
    background-color:var(--second-color);
    border-radius:5px;
    outline:0px!important;
    padding:0px 25px;
    font-size:14px;
    font-weight:600;
    padding-bottom:1px;
    text-transform: uppercase;
    color:var(--main-color);
    border:0px;
    border-bottom:4px solid #0000006c;
    padding-top:2px;
    transition: 0.2s ease all;
}

.homepageFilterLineOuter button:hover
{
    border-bottom:0px;
    padding-top:0px;
}

.footerOuter
{
    width:100%;
    min-height:10px;
    background-color:#fff;
    float:left;
    margin-top:20px;
}

.footerInner
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:20px;
    padding-bottom:40px;
}

.footerTopImage
{
    width:100%;
    float:left;
}

.footerContentsOuter
{
    width:270px;
    min-height:10px;
    float:left;
    margin-right:30px;
}

.footerContentsBoxOuter
{
    flex:1;
    min-height:10px;
    float:left;
}

.footerContentsLogo
{
    width:100%;
    height:36px;
    float:left;
    object-fit: contain;
    object-position: left;
    margin-bottom:20px;
}

.footerContentsOuter p
{
    width:100%;
    float:left;
    font-size:13px;
    color:#333;
}

.footerContentsOuter a
{
    background-color:#e5e5e5;
    float:left;
    padding:10px 20px;
    font-size:14px;
    font-weight:500;
    color:#333;
    border-radius:30px;
    text-decoration: none!important;
    transition: 0.3s ease all;
}

.footerContentsOuter a:hover
{
    background-color:var(--main-color);
    color:var(--second-color);
}

.footerContentsBoxTitle
{
    width:100%;
    height:28px;
    float:left;
    margin-bottom:15px;
    font-size:15px;
    font-weight:600;
    color:#333;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.footerContentsBoxOuter a
{
    width:100%;
    font-size:14px;
    color:#333;
    opacity: 0.6;
    float:left;
    margin-bottom:5px;
    text-decoration: none!important;
    transition: 0.3s ease all;
}

.footerContentsBoxOuter a:hover
{
    opacity: 1;
}

.footerBottomOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--main-color);
}

.footerBottomInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 0px;
    font-size:12px;
    color:#ffffff93;
}

.mobileMenuBtn
{
    min-width:10px;
    display:none;
    position:relative;
    z-index:130;
}

.mobileMenuToggle
{
    min-height:42px;
    padding:0px 14px;
    border:0px;
    border-radius:999px;
    background-color:var(--main-color);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    cursor:pointer;
}

.mobileMenuToggle i
{
    font-size:15px;
}

.mobileMenuBackdrop
{
    display:none;
}

.mobileMenuPanel
{
    display:none;
}

.mobileMenuBtn.is-open .mobileMenuBackdrop
{
    display:block;
    position:fixed;
    inset:0px;
    background:var(--gel-overlay-backdrop, rgba(6, 12, 30, 0.52));
    backdrop-filter:blur(6px);
}

.mobileMenuBtn.is-open .mobileMenuPanel
{
    display:flex;
    position:fixed;
    left:12px;
    right:12px;
    top:12px;
    bottom:12px;
    flex-direction:column;
    background:linear-gradient(180deg, #f9fbff 0%, #f1f6ff 100%);
    border-radius:24px;
    border:1px solid rgba(27, 78, 216, 0.14);
    overflow:hidden;
}

.mobileMenuPanelHeader
{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:18px 18px 16px;
    background:linear-gradient(135deg, var(--main-color-deep) 0%, var(--main-color) 100%);
    color:#fff;
}

.mobileMenuPanelHeader small
{
    display:block;
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    opacity:0.72;
    margin-bottom:6px;
}

.mobileMenuPanelHeader strong
{
    display:block;
    font-size:18px;
    line-height:1.25;
}

.mobileMenuClose
{
    width:40px;
    height:40px;
    border:0px;
    border-radius:999px;
    background:rgba(255,255,255,0.12);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.mobileMenuPanelBody
{
    flex:1;
    overflow-y:auto;
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.mobileMenuSection
{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mobileMenuSectionTitle
{
    font-size:12px;
    font-weight:800;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--main-color-muted);
}

.mobileMenuInfoGrid,
.mobileMenuQuickLinks,
.mobileMenuPrimaryLinks
{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}

.mobileMenuInfoLink,
.mobileMenuQuickLink,
.mobileMenuPrimaryLink
{
    min-height:54px;
    border-radius:18px;
    border:1px solid var(--border-color);
    background:#fff;
    padding:0px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:var(--main-color-ink)!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:600;
}

.mobileMenuQuickLink,
.mobileMenuPrimaryLink
{
    justify-content:flex-start;
}

.mobileMenuPrimaryGroup
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.mobileMenuSubLinks
{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding-left:14px;
}

.mobileMenuSubLink
{
    min-height:42px;
    border-radius:14px;
    border:1px solid rgba(27, 78, 216, 0.08);
    background:#f5f8ff;
    padding:0px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:var(--main-color-ink)!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:600;
}

.mobileMenuSubLink i
{
    font-size:11px;
    color:var(--main-color-muted);
}

.mobileMenuQuickLink i,
.mobileMenuPrimaryLink i
{
    width:18px;
    text-align:center;
    color:var(--main-color);
}

.mobileMenuInfoLink i
{
    font-size:12px;
    color:var(--main-color-muted);
}

.mobileMenuLanguageList
{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.mobileMenuLanguageChip
{
    min-height:44px;
    padding:0px 14px;
    border-radius:999px;
    border:1px solid var(--border-color);
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--main-color-ink)!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:600;
}

.mobileMenuLanguageChip img
{
    width:22px;
    height:15px;
    object-fit:contain;
}

.mobileMenuLanguageChip.is-active
{
    border-color:var(--main-color);
    background:var(--main-color-soft);
    color:var(--main-color)!important;
}

.mobileMenuAuthActions
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.mobileMenuAuthLink,
.mobileMenuAuthButton
{
    min-height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    text-decoration:none!important;
}

.mobileMenuAuthLink
{
    border:1px solid var(--border-color);
    background:#fff;
    color:var(--main-color-ink)!important;
}

.mobileMenuAuthButton
{
    border:0px;
    background:var(--second-color);
    color:var(--main-color);
}
}

.gamesPageOuter
{
    width:100%;
    min-height:50px;
    float:left;
}

.gamesPageInner
{
    width:100%;
    min-height:20px;
    padding:0px 0px;
    float:left;
}

.gamesTooltipsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    padding:10px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    border-radius:7px;
    margin-top:15px;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
    gap:7px;
}

.gamesTooltipsOuter a
{
    min-width:10px;
    height:35px;
    font-size:13px;
    background-color:#dadada;
    border-radius:20px;
    padding:0px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-weight:600;
    color:#333;
    text-decoration:none!important;
}

.gamesTooltipsSelect.active
{
    background-color:var(--main-color)!important;
    color:var(--second-color)!important;
}

.homepageFilterLineMiniBtn
{
    width:40px;
    height:40px;
    background-color:var(--second-color);
    display:flex;
    align-items:center;
    justify-content:Center;
    font-size:20px;
    border-radius:5px;
    color:var(--main-color);
    cursor:pointer;
    float:left;
    border-bottom:4px solid #0000006c;
}

.homepageFilterLineMiniBtn span
{
    display:none;
}

.contentPageOuter
{
    width:100%;
    min-height:50vh;
    float:left;
}

.contentPageInner
{
    width:100%;
    min-height:10px;
    float:left;
}

.homepageContentsTextOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    margin-top:15px;
    border-radius:7px;
    padding:12px 15px;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
}

.customFormPageOuter
{
    width:100%;
    min-height:50vh;
    float:left;
    padding:24px 0px 42px;
}

.customFormPageInner
{
    width:100%;
    min-height:50vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px;
    float:left;
}

.customFormBoxOuter
{
    width:min(100%, 560px);
    min-height:50px;
    background:linear-gradient(180deg, rgba(21, 31, 76, 0.98) 0%, rgba(11, 19, 48, 0.98) 100%);
    border:1px solid rgba(118, 146, 255, 0.16);
    border-radius:28px;
    box-shadow:0 24px 64px rgba(4, 10, 30, 0.28);
    overflow:hidden;
    float:left;
}

.customFormBoxTitleOuter
{
    width:100%;
    min-height:72px;
    border-bottom:1px solid rgba(118, 146, 255, 0.12);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:18px;
    font-weight:700;
    float:left;
    padding:18px 24px;
    background:
        radial-gradient(circle at top right, rgba(255, 79, 216, 0.24), transparent 30%),
        linear-gradient(135deg, #142154 0%, #22367e 100%);
    color:#ffffff;
    border-radius:0px;
}

.customFormContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:26px;
    background:linear-gradient(180deg, rgba(17, 26, 62, 0.96) 0%, rgba(11, 19, 47, 0.98) 100%);
}

.customFormContentBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:16px;
}

.customFormPageOuter .floatingField
{
    position:relative;
    width:100%;
    float:left;
}

.customFormPageOuter .floatingFieldInput
{
    padding:28px 16px 10px;
}

.customFormPageOuter .floatingFieldLabel
{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    max-width:calc(100% - 28px);
    margin:0;
    padding:0 8px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(17, 26, 62, 0.98) 0%, rgba(11, 19, 47, 0.98) 100%);
    color:rgba(219, 230, 255, 0.74);
    font-size:14px;
    line-height:1;
    font-weight:700;
    letter-spacing:0.01em;
    pointer-events:none;
    transition:top 0.18s ease, transform 0.18s ease, font-size 0.18s ease, letter-spacing 0.18s ease, color 0.18s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.customFormPageOuter .floatingField:focus-within .floatingFieldLabel,
.customFormPageOuter .floatingField.is-active .floatingFieldLabel,
.customFormPageOuter .floatingFieldInput:not(:placeholder-shown) + .floatingFieldLabel
{
    top:0;
    transform:translateY(-50%);
    font-size:11px;
    letter-spacing:0.04em;
    color:#ffe07d;
    box-shadow:0 0 0 1px rgba(120, 149, 255, 0.08);
}

.customFormContentBoxOuter p
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:700;
    color:var(--text-light);
    margin:0px;
    margin-bottom:8px;
}

.customFormContentBoxOuter input
{
    width:100%;
    min-height:56px;
    float:left;
    padding:0px 16px;
    font-size:15px;
    color:#ffffff;
    border-radius:14px;
    border:1px solid rgba(120, 149, 255, 0.18);
    background-color:rgba(255,255,255,0.08);
    outline:0px!important;
    transition:border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.customFormContentBoxOuter select
{
    width:100%;
    min-height:56px;
    float:left;
    padding:0px 16px;
    font-size:15px;
    color:#ffffff;
    border-radius:14px;
    border:1px solid rgba(120, 149, 255, 0.18);
    background-color:rgba(255,255,255,0.08);
    outline:0px!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor:pointer;
    transition:border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.customFormContentBoxOuter input::placeholder,
.customFormContentBoxOuter select::placeholder,
.floatingFieldInput::placeholder
{
    color:#9aa9d3;
    transition:opacity 0.16s ease, color 0.16s ease;
}

.customFormContentBoxOuter input:focus::placeholder,
.customFormContentBoxOuter select:focus::placeholder,
.floatingFieldInput:focus::placeholder
{
    opacity:0;
}

.customFormContentBoxOuter input:focus,
.customFormContentBoxOuter select:focus,
.floatingFieldInput:focus
{
    border-color:var(--main-color)!important;
    box-shadow:0 0 0 4px rgba(79, 118, 255, 0.16);
    background-color:rgba(255,255,255,0.12);
}

.customFormContentBoxOuter.has-error input,
.customFormContentBoxOuter.has-error select,
.customFormContentBoxOuter.has-error .floatingFieldInput
{
    border-color:#c98d1a!important;
    box-shadow:0 0 0 4px rgba(201, 141, 26, 0.12);
    background:rgba(255, 210, 74, 0.08);
}

.fieldAssistText
{
    width:100%;
    float:left;
    margin-top:8px;
    font-size:12px;
    line-height:1.55;
    color:#96a6d1;
}

.fieldAssistText.is-error
{
    color:#9b6a05;
}

.customFormContentsButton
{
    width:100%;
    min-height:56px;
    background-color:var(--second-color);
    color:var(--main-color-deep);
    font-size:18px;
    font-weight:700;
    border:0px!important;
    outline:0px!important;
    float:left;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration: none!important;
    box-shadow:0 14px 32px rgba(255, 210, 74, 0.22);
}

.customFormContentsButton2
{
    width:100%;
    min-height:56px;
    background:rgba(255,255,255,0.08);
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    border:0px!important;
    outline:0px!important;
    float:left;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration: none!important;
    border:1px solid rgba(120, 149, 255, 0.18)!important;
}

.authModalIntro
{
    margin-bottom:14px;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(120, 149, 255, 0.14);
}

.authModalIntro span
{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    justify-content:center;
    padding:0px 10px;
    border-radius:999px;
    background:rgba(255, 210, 74, 0.14);
    color:#ffe07d;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.authModalIntro p
{
    margin:8px 0px 0px;
    font-size:13px;
    line-height:1.5;
    color:#4b6054;
}

.siteUtilityModal .modal-dialog
{
    max-width:620px;
}

.authEntryModal .modal-dialog
{
    max-width:min(760px, calc(100vw - 32px));
}

.siteUtilityModal .modal-content,
.authEntryModal .modal-content
{
    position:relative;
    border:1px solid rgba(118, 146, 255, 0.16);
    border-radius:30px;
    background:linear-gradient(180deg, rgba(20, 31, 76, 0.98) 0%, rgba(11, 19, 48, 0.98) 100%);
    box-shadow:0 28px 80px rgba(4, 10, 30, 0.42);
    overflow:hidden;
}

.siteUtilityModal .modal-content::before,
.authEntryModal .modal-content::before
{
    content:"";
    position:absolute;
    inset:0px;
    background:
        radial-gradient(circle at top right, rgba(255, 79, 216, 0.2), transparent 28%),
        radial-gradient(circle at top left, rgba(27, 78, 216, 0.2), transparent 36%);
    pointer-events:none;
}

.modal-backdrop.show
{
    background:rgba(8, 23, 59, 0.56);
    backdrop-filter:blur(10px);
}

.utilityModalHeader
{
    align-items:flex-start!important;
}

.utilityEyebrow
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0px 12px;
    border-radius:999px;
    background:rgba(255, 210, 74, 0.12);
    color:#ffe385;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    margin-bottom:10px;
}

.utilityEyebrowOnline
{
    background:rgba(111, 72, 255, 0.2);
    color:#ebe1ff;
}

.utilityModalBody
{
    padding:24px!important;
    background:linear-gradient(180deg, rgba(17, 26, 62, 0.96) 0%, rgba(11, 19, 47, 0.98) 100%)!important;
}

.utilityLead
{
    width:100%;
    float:left;
    font-size:15px;
    line-height:1.7;
    color:var(--text-light);
    margin-bottom:18px;
}

.utilityFeatureRow,
.utilitySupportGrid,
.utilitySplitGrid
{
    width:100%;
    float:left;
    display:grid;
    gap:12px;
}

.utilityFeatureRow
{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.utilitySupportGrid,
.utilitySplitGrid
{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.utilityFeatureCard,
.utilitySupportCard,
.utilitySplitCard,
.utilityNotice
{
    width:100%;
    float:left;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(120, 149, 255, 0.14);
    border-radius:20px;
    padding:18px;
    backdrop-filter:blur(6px);
}

.utilityFeatureCard span
{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-deep);
    font-size:15px;
    font-weight:700;
    margin-bottom:14px;
}

.utilityFeatureCard h6,
.utilitySupportCard h6,
.utilitySplitCard h6
{
    width:100%;
    float:left;
    font-size:16px;
    line-height:1.35;
    color:#ffffff;
    margin:0px 0px 8px;
    font-weight:700;
}

.utilityFeatureCard p,
.utilitySupportCard p,
.utilitySplitCard p,
.utilityNotice
{
    width:100%;
    float:left;
    font-size:14px;
    line-height:1.6;
    color:var(--text-soft);
    margin:0px;
}

.utilityNotice
{
    margin-top:14px;
    background:rgba(255,255,255,0.04);
    color:var(--text-soft);
}

.utilityModalFooter
{
    padding:0px 24px 24px!important;
    background:linear-gradient(180deg, rgba(17, 26, 62, 0.96) 0%, rgba(11, 19, 47, 0.98) 100%)!important;
}

.utilityModalFooter .btn
{
    min-width:160px;
    min-height:54px;
    border-radius:18px;
    font-weight:700;
    border:0px;
}

.siteUtilityModal .btn-secondary,
.authEntryModal .btn-secondary
{
    background:rgba(255,255,255,0.1);
    color:#ffffff;
    border:1px solid rgba(120, 149, 255, 0.16);
}

.siteUtilityModal .btn-success,
.authEntryModal .btn-success
{
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
}

.authEntryModal .loginCheckOuter
{
    gap:12px;
}

.authEntryModal .loginCheckOuter input
{
    accent-color:var(--second-color);
    border-color:rgba(120, 149, 255, 0.22);
    background:rgba(255,255,255,0.08);
}

.authEntryModal .loginCheckOuter span
{
    color:rgba(228, 236, 255, 0.84);
    font-weight:600;
}

.authRegisterModalBody
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
    align-content:start;
}

.authRegisterModalBody > *
{
    min-width:0px;
}

.authRegisterModalBody .authModalIntro,
.authRegisterFieldFull
{
    grid-column:1 / -1;
}

.authEntryModal .modal-body
{
    padding:18px 22px 14px;
    overflow-y:auto;
}

.authEntryModal .modal-footer
{
    padding:0px 22px 20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.authEntryModal .modal-footer .btn
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0px 18px;
    min-height:48px;
}

.authEntryModal .customFormContentBoxOuter
{
    margin-bottom:10px;
}

.authEntryModal .customFormContentBoxOuter p
{
    font-size:12px;
    margin-bottom:0;
}

.authEntryModal .customFormContentBoxOuter input,
.authEntryModal .customFormContentBoxOuter select
{
    min-height:64px;
    font-size:14px;
    border-radius:14px;
}

.authEntryModal .fieldAssistText
{
    margin-top:6px;
    font-size:11px;
    line-height:1.45;
}

.authEntryModal .loginLinksOuter
{
    margin-bottom:8px;
}

.authEntryModal #partnerCodeText
{
    font-size:13px !important;
}

.utilityPageInner
{
    align-items:flex-start;
}

.utilityPageShell
{
    width:min(100%, 1120px);
    display:grid;
    grid-template-columns:minmax(320px, 1.05fr) minmax(320px, 0.95fr);
    gap:22px;
    align-items:start;
}

.utilityPageAside,
.utilityPageMain
{
    width:100%;
}

.utilityPageAside
{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.utilityPageHero,
.utilityPageInfoCard,
.utilityPageStatCard,
.utilityPageFormBox
{
    border:1px solid rgba(120, 149, 255, 0.14);
    border-radius:22px;
    background:rgba(15, 25, 59, 0.82);
    backdrop-filter:blur(6px);
}

.utilityPageHero
{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:26px;
    margin:0px;
    background:linear-gradient(135deg, var(--main-color-deep) 0%, var(--main-color) 100%);
    border-color:rgba(120, 149, 255, 0.18);
    overflow:hidden;
    isolation:isolate;
    min-height:210px;
}

.utilityPageHero > *
{
    float:none!important;
    width:auto!important;
    max-width:100%;
    position:relative;
    z-index:1;
}

.utilityPageBadge
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0px 12px;
    border-radius:999px;
    background:rgba(255,255,255,0.12);
    color:#eefbf5;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.utilityPageHero h1
{
    margin:0px;
    color:#ffffff;
    font-size:32px;
    line-height:1.1;
    font-weight:700;
}

.utilityPageHero p
{
    margin:0px;
    color:#d7e5ff;
    font-size:15px;
    line-height:1.75;
}

.utilityPageInfoCard
{
    display:flex;
    flex-direction:column;
    margin:0px;
    padding:22px;
}

.utilityPageInfoCard h3
{
    margin:0px 0px 16px;
    font-size:18px;
    font-weight:700;
    color:#ffffff;
}

.utilityPageInfoList
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.utilityPageInfoItem
{
    width:100%;
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:14px 0px;
    border-top:1px solid rgba(120, 149, 255, 0.1);
}

.utilityPageInfoItem:first-child
{
    padding-top:0px;
    border-top:0px;
}

.utilityPageInfoItem span
{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-deep);
    font-size:13px;
    font-weight:700;
}

.utilityPageInfoItem strong
{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:4px;
}

.utilityPageInfoItem p
{
    margin:0px;
    color:var(--main-color-muted);
    font-size:14px;
    line-height:1.6;
}

.utilityPageStats
{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-top:0px;
    clear:both;
}

.utilityPageStatCard
{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:8px;
    padding:18px 18px 16px;
}

.utilityPageStatCard span
{
    display:block;
    color:var(--main-color-muted);
    font-size:13px;
    margin-bottom:8px;
}

.utilityPageStatCard strong
{
    display:block;
    color:var(--main-color-ink);
    font-size:28px;
    line-height:1;
    font-weight:700;
}

.utilityPageFormBox
{
    overflow:hidden;
}

.utilityPageFormBody
{
    background:linear-gradient(180deg, rgba(17, 26, 62, 0.96) 0%, rgba(11, 19, 47, 0.98) 100%);
    display:flex;
    flex-direction:column;
    gap:18px;
    position:relative;
}

.utilityPageNotice
{
    margin:0px;
    padding:16px 18px;
    border:1px solid var(--border-color);
    border-radius:18px;
    background:rgba(255,255,255,0.05);
    color:var(--text-soft);
    font-size:14px;
    line-height:1.7;
}

.utilityPageFormGrid
{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

.utilityPageLocked
{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:8px 0px 2px;
    clear:both;
}

.utilityPageLocked h3
{
    margin:0px;
    font-size:24px;
    line-height:1.2;
    color:#ffffff;
    font-weight:700;
}

.utilityPageLocked p
{
    margin:0px;
    color:var(--text-soft);
    font-size:15px;
    line-height:1.75;
}

.utilityPageActionRow
{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
}

.utilityPageInlineState
{
    display:none;
    margin-top:-4px;
    padding:12px 14px;
    border-radius:16px;
    border:1px solid #d9e3dd;
    background:#ffffff;
    color:#4a675b;
    font-size:13px;
    line-height:1.55;
}

.utilityPageInlineState.is-visible
{
    display:block;
}

.utilityPageInlineState.is-error
{
    border-color:#e6c579;
    background:#fffaf0;
    color:#8a6112;
}

.utilityPageInlineState.is-success
{
    border-color:#b8dfcf;
    background:#f3fbf7;
    color:#0f6b49;
}

.campaignLineOuter
{
    width:100%;
    min-height:10px;
    background:transparent;
    float:left;
}

.campaignLineBand
{
    width:100%;
    min-height:10px;
    background-color:var(--second-color);
    float:left;
    display:block;
}

.campaignLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:7px;
    font-size:13px;
    font-weight:600;
    text-align:center;
    color:var(--main-color);
}

.campaignLineInner b
{
    font-weight:700;
}

.campaignBoxesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:15px;
    flex-wrap:wrap;
    margin-top:15px;
}

.campaignsBoxOuter
{
    width:calc((100% / 3) - ((15px * 2) / 3));
    min-height:20px;
    float:left;
    background-color:#fff;
    border-radius:7px;
    box-shadow: #8191b5ab 5px 5px, #8191b557 10px 10px, #8191b53b 15px 15px;
    padding:10px;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
}

.campaignsBoxImage
{
    width:120px;
    height:auto;
    float:left;
    background-color:Red;
    border-radius:5px;
    object-fit:cover;
    object-position:center;
}

.campaignsBoxContents
{
    flex:1;
    min-height:10px;
    float:left;
}

.campaignsBoxContents h3
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-bottom:5px;
}

.campaignsBoxContents p
{
    width:100%;
    float:left;
    font-size:12px;
    font-weight:500;
    color:#333;
    margin:0px;
    margin-bottom:10px;
    opacity:0.8;
}

.campaignsBoxContents span
{
    width:100%;
    float:left;
    font-size:12px;
    font-weight:500;
    color:#333;
    margin:0px;
    margin-bottom:10px;
}

.campaignsBoxContents span b
{
    font-weight:600;
}

.campaignsBoxContents a
{
    width:100%;
    height:34px;
    float:left;
    border-radius:4px;
    background-color:var(--second-color);
    color:var(--main-color);
    font-size:13px;
    font-weight:600;
    text-decoration:none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:3px solid rgba(0,0,0,0.3);
}

.campaignsDetailImage
{
    width:100%;
    float:left;
    margin-bottom:15px;
}

.tableBtn
{
    white-space:nowrap; 
    padding:0px 15px;
    height:30px;
}

.messagesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    flex-wrap: wrap;
}

.messagesLeftOuter
{
    width:250px;
    height:70vh;
    float:left;
}

.messagesRightOuter
{
    flex:1;
    height:70vh;
    float:left;
}

.messagesOuter * .customFormBoxOuter
{
    width:100%!important;
    height:70vh!important;
    float:left;
}

.messagesOuter * .customFormContentsOuter
{
    padding:0px;
}

.customMessagesContensOuter
{
    width:100%;
    height:calc(70vh - 50px);
    float:left;
    overflow-y: scroll;
    padding:10px;
}

.customMessageBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#e7e7e7;
    padding:10px;
    border-radius:5px;
    margin-bottom:10px;
    text-decoration:none!important;
    display:block!important;
}

.customMessageBoxOuter h3
{
    width:100%;
    float:left;
    color:#333;
    font-size:14px;
    font-weight:600;
    margin:0px;
    margin-bottom:7px;
    color:var(--main-color);
}

.customMessageBoxOuter h3 b
{
    font-weight:700;
}

.customMessageBoxOuter p
{
    width:100%;
    float:left;
    color:#333;
    font-size:12px;
    font-weight:400;
    margin:0px;
    margin-bottom:7px;
}

.customMessageBoxOuter span
{
    width:100%;
    float:left;
    color:#333!important;
    font-size:12px;
    font-weight:500;
    margin:0px!important;
    padding:0px!important;
    background:transparent!important;
    background-color:transparent!important;
}

.customMessageBoxSelect
{
    background-color:var(--second-color);
}

.homepageFilterLineText
{
    min-width:10px;
    height:40px;
    background-color:var(--second-color);
    color:var(--main-color);
    float:left;
    padding:0px 15px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    text-align:center;
    gap:5px;
    font-weight:500;
}

.loginLinksOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:24px;
    gap:12px;
}

.loginLinksOuter a
{
    font-size:13px;
    text-decoration:none!important;
    color:var(--main-color);
}

.loginCheckOuter
{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
}

.loginCheckOuter input
{
    width:20px;
    height:20px;
    border-radius:6px;
    border:1px solid #b9c7cf;
    outline:0px!important;
    flex-shrink:0;
}

.loginCheckOuter span
{
    font-size:14px;
    text-decoration:none!important;
    color:var(--main-color);
    float:left;
    margin-top:1px;
    font-weight:500;
    line-height:1.5;
}

.preloaderOuter
{
    width:100%;
    height:100vh;
    position:fixed;
    left:0px;
    top:0px;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 0.28s ease, visibility 0.28s ease;
    background:
        radial-gradient(circle at top left, rgba(78, 127, 255, 0.16), transparent 34%),
        radial-gradient(circle at bottom right, rgba(84, 194, 255, 0.14), transparent 30%),
        linear-gradient(145deg, #08101f 0%, #0b1730 50%, #0a1225 100%);
}

.preloaderOuter.is-visible
{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.preloaderAmbient
{
    position:absolute;
    border-radius:999px;
    filter:blur(28px);
    opacity:0.55;
    animation:preloaderFloat 9s ease-in-out infinite;
}

.preloaderAmbientOne
{
    width:260px;
    height:260px;
    top:-60px;
    left:-40px;
    background:radial-gradient(circle, rgba(70, 118, 255, 0.34) 0%, rgba(70, 118, 255, 0) 72%);
}

.preloaderAmbientTwo
{
    width:320px;
    height:320px;
    right:-80px;
    bottom:-110px;
    background:radial-gradient(circle, rgba(74, 184, 255, 0.28) 0%, rgba(74, 184, 255, 0) 72%);
    animation-delay:-4s;
}

.preloaderCard
{
    width:auto;
    position:relative;
    z-index:1;
    padding:0;
    border-radius:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    border:none;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}

.preloaderPulse
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 14px;
}

.preloaderPulse span
{
    width:10px;
    height:10px;
    border-radius:2px;
    background:linear-gradient(180deg, rgba(201, 220, 255, 0.96) 0%, rgba(103, 149, 255, 0.94) 100%);
    box-shadow:0 0 0 1px rgba(147, 180, 255, 0.12);
    opacity:0.3;
    transform:translateY(0) scale(0.82);
    animation:preloaderPixel 0.95s steps(4, end) infinite;
}

.preloaderPulse span:nth-child(2)
{
    animation-delay:0.12s;
}

.preloaderPulse span:nth-child(3)
{
    animation-delay:0.24s;
}

.preloaderPulse span:nth-child(4)
{
    animation-delay:0.36s;
}

@keyframes preloaderPixel
{
    0%, 100%
    {
        transform:translateY(0) scale(0.82);
        opacity:0.3;
    }

    50%
    {
        transform:translateY(-7px) scale(1);
        opacity:1;
    }
}

@keyframes preloaderFloat
{
    0%, 100%
    {
        transform:translate3d(0, 0, 0) scale(1);
    }

    50%
    {
        transform:translate3d(0, 18px, 0) scale(1.06);
    }
}

.btn
{
    font-size:13px!important;
}

.swal2-confirm{
    background-color: var(--main-color)!important;
    color: #ffffff!important;
}
.swal2-title{
    color: var(--main-color-ink)!important;
}

.swal2-popup{
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%)!important;
    border:1px solid rgba(27, 78, 216, 0.14)!important;
    border-radius:24px!important;
    box-shadow:0 24px 70px rgba(11, 37, 96, 0.22)!important;
}

/* Flat homepage refresh */
.homepageOuter
{
    padding:28px 0px 42px;
    background:
        radial-gradient(circle at top left, rgba(111, 72, 255, 0.18), transparent 24%),
        radial-gradient(circle at top right, rgba(27, 78, 216, 0.24), transparent 28%),
        linear-gradient(180deg, #10173a 0%, #151c41 42%, #1a2044 100%);
}

.homepageOuter .homepageListBoxesOuter
{
    gap:18px;
}

.homepageOuter .homepageListBox,
.homepageOuter .homepageListBoxBlue,
.homepageOuter .homepageListBoxGray,
.homepageOuter .homepageListBoxWhite
{
    min-height:132px;
    padding:22px 22px 20px;
    border-radius:22px;
    border:1px solid rgba(120, 149, 255, 0.12);
    box-shadow:none;
    overflow:hidden;
    gap:8px;
    transition:transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.homepageOuter .homepageListBox:before,
.homepageOuter .homepageListBoxBlue:before,
.homepageOuter .homepageListBoxGray:before
{
    display:none;
}

.homepageOuter .homepageListBox:hover,
.homepageOuter .homepageListBoxBlue:hover,
.homepageOuter .homepageListBoxGray:hover,
.homepageOuter .homepageListBoxWhite:hover
{
    transform:translateY(-2px);
    border-color:rgba(120, 149, 255, 0.24);
}

.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(1)
{
    background:linear-gradient(135deg, #2847ff 0%, #6f48ff 100%);
}

.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(2)
{
    background:linear-gradient(135deg, #1d5dff 0%, #2c9fff 100%);
}

.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(3)
{
    background:linear-gradient(135deg, #2a3fa7 0%, #ff4fd8 100%);
}

.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(4)
{
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
}

.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(4) h5,
.homepageOuter .homepageListBoxesOuter .homepageListBox:nth-child(4) p
{
    color:var(--main-color-night);
}

.homepageOuter .homepageListBox h5,
.homepageOuter .homepageListBoxBlue h5,
.homepageOuter .homepageListBoxGray h5,
.homepageOuter .homepageListBoxWhite h5
{
    font-size:20px;
    line-height:1.1;
}

.homepageOuter .homepageListBox p,
.homepageOuter .homepageListBoxBlue p,
.homepageOuter .homepageListBoxGray p,
.homepageOuter .homepageListBoxWhite p
{
    font-size:14px;
    line-height:1.35;
    max-width:60%;
}

.homepageOuter .homepageListBox img,
.homepageOuter .homepageListBoxBlue img,
.homepageOuter .homepageListBoxGray img,
.homepageOuter .homepageListBoxWhite img
{
    width:34%;
    height:auto;
    max-height:92px;
    right:18px;
    bottom:12px;
}

.homepageOuter .homepageSliderOuter
{
    margin-top:18px;
    gap:18px;
}

.homepageOuter .homepageSliderBoxOuter,
.homepageOuter .homepageSliderRightOuter
{
    border-radius:24px;
    border:1px solid rgba(120, 149, 255, 0.12);
    box-shadow:none;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(19, 29, 71, 0.92) 0%, rgba(13, 21, 54, 0.96) 100%);
}

.homepageOuter .homepageSliderBoxOuter
{
    height:340px;
    padding:0px;
}

.homepageOuter .homepageSliderBoxInner
{
    width:100%;
    height:100%;
    position:relative;
    left:auto;
    top:auto;
    background-color:rgba(12, 22, 52, 0.14);
    border-radius:0px;
    overflow:hidden;
}

.homepageOuter .homepageSliderBox
{
    width:100%;
    height:340px;
    border-radius:0px;
}

.homepageOuter .homepageSliderRightTitle
{
    padding:16px 18px;
    border-radius:0px;
    border-bottom:1px solid rgba(120, 149, 255, 0.12);
    font-size:17px;
    background:linear-gradient(135deg, rgba(25, 37, 91, 0.98) 0%, rgba(70, 51, 168, 0.92) 100%);
    color:#ffffff;
}

.homepageOuter .homepageSliderRightContents
{
    height:288px;
    padding:14px;
    background:linear-gradient(180deg, rgba(16, 24, 56, 0.98) 0%, rgba(12, 18, 44, 0.98) 100%);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
}

.homepageOuter .homepageSliderUserLine
{
    background-color:rgba(255,255,255,0.05);
    border:1px solid rgba(120, 149, 255, 0.1);
    border-radius:18px;
    padding:10px 12px;
    margin-bottom:12px;
}

.homepageOuter .homepageSliderUserLineImage
{
    background-color:rgba(255,255,255,0.08);
}

.homepageOuter .homepageSliderUserLine span,
.homepageOuter .homepageSliderUserLineContents h5
{
    color:#ffffff;
}

.homepageOuter .homepageSliderUserLineContents p
{
    color:var(--text-soft);
    opacity:1;
}

.homepageOuter .homepageContentsTitleOuter
{
    margin-top:18px;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(120, 149, 255, 0.12);
    box-shadow:none;
    justify-content:flex-start;
    gap:14px;
    background:linear-gradient(135deg, rgba(28, 39, 90, 0.92) 0%, rgba(70, 51, 168, 0.92) 100%);
}

.homepageOuter .homepageContentsTitleOuter p
{
    font-size:18px;
    letter-spacing:0.02em;
}

.homepageOuter .homepageContentsTitleOuter a
{
    padding:9px 14px;
    border-radius:999px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
    font-size:12px;
    font-weight:700;
}

.homepageOuter .homepageContentsTitleOuter a:hover
{
    filter:brightness(1.03);
}

.homepageOuter .homepageContentsBoxesOuter
{
    margin-top:16px;
    gap:16px;
}

.homepageOuter .homepageContentsBox
{
    width:calc((100% / 7) - ((16px * 6) / 7));
    height:196px;
    border-radius:20px;
    border:1px solid rgba(120, 149, 255, 0.1);
    background-color:#141c44;
    box-shadow:none;
}

.homepageOuter .homepageContentsBox img
{
    display:block;
    background:linear-gradient(180deg, #1b2555 0%, #141c44 100%);
}

.homepageOuter .homepageContentsBox.is-image-missing
{
    background:linear-gradient(180deg, #1b2555 0%, #141c44 100%);
}

.homepageOuter .homepageContentsBoxInner
{
    bottom:0px;
    background:linear-gradient(180deg, rgba(10, 18, 14, 0) 18%, rgba(10, 18, 14, 0.78) 100%);
    justify-content:flex-end;
    padding:14px;
    gap:10px;
}

.homepageOuter .homepageContentsBoxBtnOuter
{
    gap:8px;
    height:auto;
    opacity:0;
    transform:translateY(8px);
    pointer-events:none;
    transition:opacity 0.18s ease, transform 0.18s ease;
}

.homepageOuter .homepageContentsBox:hover .homepageContentsBoxBtnOuter
{
    opacity:1;
    transform:none;
    pointer-events:auto;
}

.homepageOuter .homepageContentsBoxBtn,
.homepageOuter .homepageContentsBoxBtnMini
{
    min-height:36px;
    border-radius:999px;
    font-size:10.5px;
    letter-spacing:0.04em;
    white-space:nowrap;
}

.homepageOuter .homepageContentsBoxBtn
{
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
}

.homepageOuter .homepageContentsBoxBtnMini
{
    background-color:rgba(12, 22, 52, 0.78);
    color:#ffffff;
}

.homepageOuter .homepageContentsBoxBtn:hover
{
    filter:brightness(1.03);
}

.homepageOuter .homepageContentsBoxText
{
    align-items:flex-end;
    justify-content:flex-end;
    font-size:17px;
    font-weight:600;
    line-height:1.2;
    text-shadow:none;
}

.homepageOuter .homepageFilterLineOuter
{
    margin-top:18px;
    padding:16px;
    border-radius:20px;
    border:1px solid rgba(120, 149, 255, 0.12);
    box-shadow:none;
    background:linear-gradient(135deg, rgba(28, 39, 90, 0.92) 0%, rgba(20, 28, 64, 0.96) 100%);
}

.homepageOuter .homepageFilterLineOuter input,
.homepageOuter .homepageFilterLineOuter select,
.homepageOuter .homepageFilterLineOuter button
{
    height:48px;
    border-radius:14px;
}

.homepageOuter .homepageFilterLineOuter input,
.homepageOuter .homepageFilterLineOuter select
{
    border:1px solid rgba(120, 149, 255, 0.14) !important;
    background-color:rgba(255,255,255,0.08);
    padding:0px 14px;
    color:#ffffff;
}

.homepageOuter .homepageFilterLineOuter button
{
    border:0px;
    color:var(--main-color-night);
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    padding:0px 28px;
}

.homepageOuter .homepageFilterLineOuter button:hover
{
    border:0px;
    padding:0px 28px;
    filter:brightness(1.03);
}

.homepageOuter .homepageFilterShell
{
    display:grid;
    grid-template-columns:minmax(0, 1.7fr) minmax(240px, 0.9fr) auto;
    gap:12px;
    align-items:end;
}

.homepageOuter .homepageFilterField
{
    width:100%;
    min-width:0px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.homepageOuter .homepageFilterField span
{
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:rgba(219, 230, 255, 0.78);
    padding-left:4px;
}

.homepageOuter .homepageFilterFieldCompact
{
    max-width:320px;
}

.homepageOuter .homepageFilterShell input,
.homepageOuter .homepageFilterShell select
{
    width:100%;
    box-shadow:none;
}

.homepageOuter .homepageFilterSelectWrap
{
    width:100%;
    position:relative;
}

.homepageOuter .homepageFilterSelectWrap select
{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:42px;
    cursor:pointer;
}

.homepageOuter .homepageFilterSelectWrap i
{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:12px;
    color:#5d7569;
    pointer-events:none;
}

.homepageOuter .customScroll::-webkit-scrollbar-track
{
    background:#e6eeea;
}

.homepageOuter .customScroll::-webkit-scrollbar-thumb
{
    background:#b2c3b8;
}

.homepageLazyStack
{
    width:100%;
}

.homepageProviderSection
{
    width:100%;
    float:left;
}

.homepageLazySkeletonWrap
{
    width:100%;
    float:left;
    margin-top:18px;
}

.homepageLazySkeleton
{
    width:100%;
    float:left;
    margin-top:18px;
}

.homepageLazySkeleton:first-child
{
    margin-top:0px;
}

.homepageLazySkeletonTitle
{
    width:220px;
    max-width:58%;
    height:26px;
    border-radius:999px;
    background:linear-gradient(90deg, #dfe8e2 0%, #f4f8f5 50%, #dfe8e2 100%);
    background-size:200% 100%;
    animation:homepageSkeletonPulse 1.2s ease-in-out infinite;
}

.homepageLazySkeletonGrid
{
    width:100%;
    float:left;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:16px;
}

.homepageLazySkeletonCard
{
    width:calc((100% / 7) - ((16px * 6) / 7));
    height:196px;
    border-radius:20px;
    border:1px solid rgba(120, 149, 255, 0.1);
    background:linear-gradient(180deg, #1a244f 0%, #12183b 100%);
    overflow:hidden;
    position:relative;
}

.homepageLazySkeletonCard::before
{
    content:'';
    position:absolute;
    inset:0px;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 48%, rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:homepageSkeletonSweep 1.2s ease-in-out infinite;
}

.homepageLazySkeletonCard span
{
    position:absolute;
    left:14px;
    right:14px;
    bottom:48px;
    height:18px;
    border-radius:999px;
    background:#dfe8e2;
}

.homepageLazySkeletonCard b
{
    position:absolute;
    left:14px;
    width:52%;
    bottom:20px;
    height:12px;
    border-radius:999px;
    background:#d7e1da;
}

.homepageLazySentinel
{
    width:100%;
    height:2px;
    float:left;
}

@keyframes homepageSkeletonPulse
{
    0%
    {
        background-position:200% 0%;
    }

    100%
    {
        background-position:-200% 0%;
    }
}

@keyframes homepageSkeletonSweep
{
    100%
    {
        transform:translateX(100%);
    }
}

@media only screen and (max-width: 950px) 
{
    .navbarTopLeftOuter
    {
        display:none;
    }

    .campaignLineOuter .container,
    .navbarTopOuter > .container,
    .navbarOuter > .container,
    .manusOuter > .container,
    .homepageOuter > .container,
    .footerOuter > .container
    {
        max-width:100%!important;
        padding-left:14px;
        padding-right:14px;
    }

    .campaignLineBand,
    .navbarTopInner,
    .navbarInner,
    .menusInner
    {
        border-radius:0px;
    }

    .navbarTopInner,
    .navbarInner
    {
        padding-left:14px;
        padding-right:14px;
    }

    .menusInner
    {
        padding:10px 14px;
        justify-content:space-between;
    }

    .manusOuter
    {
        background:transparent;
        margin-bottom:12px;
    }

    .homepageOuter
    {
        padding:14px 0px 28px;
    }

    .navbarCenterLanguageOuter
    {
        display:none;
    }
    
    .navbarUserControlBtn
    {
        display:none;
    }

    .menusInner a
    {
        display:none;
    }

    .mobileMenuPanel a
    {
        display:flex;
    }

    .menusInnerBoxDropdown a
    {
        display:flex;
    }

    .mobileMenuBtn
    {
        display:flex;
        align-items:center;
    }

    .mobileMenuToggle
    {
        min-height:44px;
        padding:0px 16px;
    }

    .menusInner > .mobileMenuBtn + a
    {
        display:none;
    }

    .mobileMenuPanelBody
    {
        padding:14px;
    }

    .mobileMenuPanelHeader
    {
        padding:18px 16px 14px;
    }

    .mobileMenuPanelHeader strong
    {
        font-size:16px;
    }

    .mobileMenuAuthActions
    {
        grid-template-columns:1fr;
    }

    .footerTopImage
    {
        display:none;
    }

    .footerContentsOuter
    {
        width:100%;
        margin:0px!important;
    }

    .footerInner
    {
        padding-top:20px;
        flex-direction:column;
    }

    .closeMobile
    {
        display:none;
    }

    .homepageListBoxesOuter
    {
        flex-direction: column;
    }

    .homepageListBox
    {
        width:100%;
        flex:auto;
    }

    .homepageOuter .homepageListBox,
    .homepageOuter .homepageListBoxBlue,
    .homepageOuter .homepageListBoxGray,
    .homepageOuter .homepageListBoxWhite
    {
        min-height:120px;
        padding:18px;
    }

    .homepageOuter .homepageListBox p,
    .homepageOuter .homepageListBoxBlue p,
    .homepageOuter .homepageListBoxGray p,
    .homepageOuter .homepageListBoxWhite p
    {
        max-width:62%;
    }

    .homepageSliderOuter
    {
        width:100%;
        display:block;
    }

    .homepageSliderBoxOuter
    {
        width:100%;
        height:168px;
        padding:0px;
    }

    .homepageSliderBoxInner
    {
        width:100%;
        height:100%;
    }

    .homepageSliderBox
    {
        height:168px;
    }
    
    .homepageSliderRightOuter
    {
        width:100%;
        flex:auto;
        float:left;
        margin-top:15px;
    }

    .homepageContentsBox
    {
        width: calc((100% / 2) - ((15px * 1) / 2));
        height:178px;
    }

    .homepageLazySkeletonGrid
    {
        gap:12px;
    }

    .homepageLazySkeletonCard
    {
        width:calc((100% / 2) - ((12px * 1) / 2));
        height:178px;
    }

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

    .homepageOuter .homepageContentsTitleOuter
    {
        padding:14px 16px;
        align-items:flex-start;
        flex-direction:column;
    }

    .homepageOuter .homepageContentsTitleOuter a
    {
        width:100%;
        text-align:center;
    }

    .homepageFilterLineOuter
    {
        display:block;
    }

    .homepageOuter .homepageFilterShell
    {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .homepageOuter .homepageFilterFieldCompact
    {
        max-width:none;
    }

    .homepageFilterLineOuter input
    {
        width:100%;
        float:left;
        margin-bottom:10px;
    }

    .homepageFilterLineOuter select
    {
        width:100%;
        float:left;
        margin-bottom:10px;
    }

    .homepageFilterLineOuter button
    {
        width:100%;
        float:left;
    }

    .homepageFilterLineMiniBtn
    {
        width:100%;
        margin-top:10px;
    }
    
    .homepageFilterLineMiniBtn i
    {
        display:none;
    }

    .homepageFilterLineMiniBtn span
    {
        font-size:15px;
        font-weight:600;
        color:var(--main-color);
        text-transform: uppercase;
        display:block;
    }

    .customFormBoxOuter
    {
        width:100%!important;
    }

    .authEntryModal .modal-dialog
    {
        margin:0px;
        min-height:100dvh;
        max-width:none;
        display:flex;
        align-items:flex-end;
    }

    .authEntryModal .modal-content
    {
        width:100%;
        min-height:auto;
        max-height:92dvh;
        border:1px solid rgba(27, 78, 216, 0.16);
        border-radius:28px 28px 0px 0px;
        overflow:hidden;
    }

    .authEntryModal .modal-header.customFormBoxTitleOuter
    {
        min-height:84px;
        padding:18px 18px 16px;
        align-items:flex-start;
    }

    .authEntryModal .modal-title
    {
        font-size:22px;
    }

    .authEntryModal .modal-body
    {
        padding:18px 18px 8px;
        overflow-y:auto;
    }

    .authRegisterModalBody
    {
        grid-template-columns:1fr;
        gap:10px;
    }

    .authEntryModal .modal-footer
    {
        padding:0px 18px 18px;
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        border-top:0px;
        background:linear-gradient(180deg, #fbfcff 0%, #f4f7ff 100%);
    }

    .authEntryModal .modal-footer .btn
    {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:0px 18px;
        width:100%;
        min-height:50px;
        margin:0px;
        border-radius:16px;
        font-size:15px;
        font-weight:700;
    }

    .authEntryModal .customFormContentBoxOuter
    {
        margin-bottom:14px;
    }

    .authEntryModal .customFormContentBoxOuter p
    {
        font-size:14px;
        margin-bottom:7px;
    }

    .authEntryModal .customFormContentBoxOuter input,
    .authEntryModal .customFormContentBoxOuter select
    {
        min-height:52px;
        font-size:15px;
        border-radius:16px;
    }

    .authEntryModal .loginLinksOuter
    {
        margin-bottom:12px;
    }

    .authEntryModal .loginCheckOuter
    {
        align-items:flex-start;
        gap:10px;
    }

    .authEntryModal .loginCheckOuter span
    {
        font-size:13px;
        line-height:1.55;
    }

    .navbarClockOuter
    {
        display:none;
    }

    .campaignsBoxOuter
    {
        width:100%;
    }

    .menusInnerUtility
    {
        display:none;
    }

    .utilityPageShell,
    .utilityPageStats,
    .utilityPageFormGrid
    {
        grid-template-columns:1fr;
    }

    .utilityPageHero
    {
        padding:20px;
    }

    .utilityPageHero h1
    {
        font-size:26px;
    }

    .utilityPageInfoCard,
    .utilityPageStatCard
    {
        padding:18px;
    }

    .utilityFeatureRow,
    .utilitySupportGrid,
    .utilitySplitGrid
    {
        grid-template-columns:1fr;
    }

    .utilityModalBody
    {
        padding:18px!important;
    }

    .utilityModalFooter
    {
        padding:0px 18px 18px!important;
    }

    .utilityModalFooter .btn
    {
        width:100%;
    }

    .messagesLeftOuter
    {
        width:100%;
        min-height:10px;
    }

    .messagesRightOuter
    {
        width:100%;
    }

    .homepageFilterLineText
    {
        width:100%;
        margin-bottom:10px;
    }

.homepageOuter .homepageContentsBoxBtnOuter
    {
        opacity:0;
        transform:translateY(8px);
    }
}

/* Bettilt-style hero and shell refresh */
.navbarTopInner,
.navbarInner
{
}

.navbarInner
{
    box-shadow:0 20px 48px rgba(4, 10, 30, 0.24);
}

.navbarCenterOuter
{
    min-height:82px;
    gap:14px;
}

.navbarCenterLogoOuter
{
    width:186px;
    height:54px;
    display:flex;
    align-items:center;
}

.navbarCenterLogoOuter img
{
    width:186px;
    height:54px;
}

.menusInner
{
    min-height:64px;
    padding:12px 22px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(26, 38, 91, 0.96) 0%, rgba(20, 28, 64, 0.98) 100%);
}

.menusInner a,
.menuBox
{
    color:var(--text-light);
}

.menuBoxPrimaryLink small
{
    color:rgba(219, 230, 255, 0.76);
}

.menuBoxSubmenu,
.menusInnerBoxDropdown
{
    top:100%;
}

.menuBoxPrimary::after
{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:100%;
    height:14px;
}

.homepageOuter
{
    padding:10px 0px 42px;
}

.homepageHeroShell
{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1.66fr) minmax(320px, 0.66fr);
    gap:24px;
    align-items:start;
    padding:26px;
    border-radius:36px;
    background:
        radial-gradient(circle at 18% 14%, rgba(111, 72, 255, 0.28), transparent 26%),
        radial-gradient(circle at 82% 12%, rgba(27, 78, 216, 0.26), transparent 24%),
        linear-gradient(180deg, #1a234d 0%, #171f46 100%);
    box-shadow:0 28px 70px rgba(5, 11, 34, 0.28);
}

.homepageHeroMain
{
    min-width:0px;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.homepageHeroAside
{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.homepageHeroSliderCard
{
    position:relative;
    height:560px!important;
    border-radius:30px!important;
    border:0px!important;
    background:
        radial-gradient(circle at 24% 22%, rgba(111, 72, 255, 0.38), transparent 24%),
        radial-gradient(circle at 80% 30%, rgba(255, 79, 216, 0.28), transparent 22%),
        linear-gradient(180deg, rgba(16, 24, 56, 0.96) 0%, rgba(9, 15, 41, 0.98) 100%)!important;
    overflow:hidden;
}

.homepageHeroSliderCard::before
{
    content:"";
    position:absolute;
    inset:0px;
    background:linear-gradient(90deg, rgba(8, 14, 38, 0.84) 0%, rgba(8, 14, 38, 0.18) 44%, rgba(8, 14, 38, 0.62) 100%);
    z-index:1;
    pointer-events:none;
}

.homepageHeroSliderCard .homepageSliderBoxInner
{
    position:relative;
    height:100%;
    width:100%;
    background:transparent;
    overflow:hidden;
}

.homepageSliderSlide
{
    position:relative;
    width:100%;
    height:100%;
    min-height:560px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#0f1735;
    display:block;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.homepageSliderSlide.is-active
{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:2;
}

.homepageHeroSliderCard .slick-list,
.homepageHeroSliderCard .slick-track,
.homepageHeroSliderCard .slick-slide,
.homepageHeroSliderCard .slick-slide > div
{
    height:100%;
}

.homepageSliderLink
{
    display:block;
    width:100%;
    height:100%;
    color:inherit;
}

.homepageSliderLink:hover
{
    color:inherit;
}

.homepageSliderBox
{
    width:100%;
    height:560px!important;
    object-fit:cover;
    object-position:center;
    display:block;
}

.homepageHeroTrustRow
{
    position:absolute;
    left:34px;
    right:34px;
    bottom:30px;
    z-index:3;
    display:flex;
    flex-wrap:wrap;
    gap:12px 22px;
    align-items:center;
}

.homepageHeroTrustItem
{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:rgba(244, 247, 255, 0.9);
    font-size:14px;
    font-weight:500;
}

.homepageHeroTrustItem i
{
    color:rgba(219, 230, 255, 0.74);
    font-size:18px;
}

.homepageSliderHeroCopy
{
    display:none;
}

.homepageSliderHeroEyebrow
{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0px 16px;
    border-radius:999px;
    margin-bottom:18px;
    background:rgba(255, 255, 255, 0.08);
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.09em;
    text-transform:uppercase;
}

.homepageSliderHeroCopy h2
{
    margin:0px;
    color:#ffffff;
    font-size:48px;
    line-height:1.04;
    font-weight:800;
}

.homepageSliderHeroCopy p
{
    margin:14px 0px 0px;
    color:rgba(228, 236, 255, 0.86);
    font-size:20px;
    line-height:1.45;
    max-width:92%;
}

.homepageSliderOverlay
{
    position:absolute;
    left:34px;
    top:48px;
    bottom:auto;
    z-index:3;
    max-width:48%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.homepageSliderBadge
{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0px 16px;
    border-radius:999px;
    margin-bottom:18px;
    background:rgba(255, 255, 255, 0.1);
    border:1px solid rgba(255, 255, 255, 0.12);
    color:#f5f8ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.homepageSliderOverlay h5
{
    margin:0px;
    color:#ffffff;
    font-size:60px;
    line-height:1.02;
    font-weight:800;
}

.homepageSliderOverlay p
{
    margin:16px 0px 0px;
    color:rgba(228, 236, 255, 0.76);
    font-size:20px;
    line-height:1.48;
    max-width:94%;
}

.homepageSliderCta
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0px 28px;
    margin-top:24px;
    border-radius:999px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
    font-size:16px;
    font-weight:800;
}

.homepageHeroSliderCard .slick-prev,
.homepageHeroSliderCard .slick-next
{
    top:50%;
    width:48px;
    height:48px;
    z-index:4;
    border-radius:50%;
}

.homepageHeroSliderCard .slick-prev
{
    left:22px;
}

.homepageHeroSliderCard .slick-next
{
    right:22px;
}

.homepageHeroSliderCard .slick-prev::before,
.homepageHeroSliderCard .slick-next::before
{
    font-size:24px;
    opacity:1;
    color:#ffffff;
}

.homepageHeroSliderCard .slick-dots
{
    bottom:26px;
}

.homepageHeroSliderCard .slick-dots li button:before
{
    color:rgba(255,255,255,0.35);
    opacity:1;
}

.homepageHeroSliderCard .slick-dots li.slick-active button:before
{
    color:var(--second-color);
    opacity:1;
}

.homepageSliderControl
{
    position:absolute;
    top:50%;
    width:48px;
    height:48px;
    border:0px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    z-index:4;
    background:rgba(12, 19, 51, 0.56);
    color:#ffffff;
    backdrop-filter:blur(10px);
    cursor:pointer;
    transition:background-color 0.2s ease, transform 0.2s ease;
}

.homepageSliderControl:hover
{
    background:rgba(255, 210, 74, 0.2);
    transform:translateY(-50%) scale(1.04);
}

.homepageSliderControlPrev
{
    left:22px;
}

.homepageSliderControlNext
{
    right:22px;
}

.homepageSliderDots
{
    position:absolute;
    left:50%;
    bottom:26px;
    transform:translateX(-50%);
    z-index:4;
    display:flex;
    align-items:center;
    gap:10px;
}

.homepageSliderDot
{
    width:10px;
    height:10px;
    border:0px;
    border-radius:50%;
    padding:0px;
    background:rgba(255,255,255,0.3);
    cursor:pointer;
    transition:transform 0.18s ease, background-color 0.18s ease;
}

.homepageSliderDot.is-active
{
    background:var(--second-color);
    transform:scale(1.2);
}

.homepageHeroMain .homepageListBoxesOuter
{
    margin-top:-108px;
    position:relative;
    z-index:4;
    padding:0px 22px;
}

.homepageJoinCard
{
    width:100%;
    padding:28px;
    border-radius:28px;
    border:1px solid rgba(120, 149, 255, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255, 79, 216, 0.16), transparent 30%),
        radial-gradient(circle at top left, rgba(27, 78, 216, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(32, 42, 89, 0.98) 0%, rgba(20, 28, 61, 0.98) 100%);
    color:#ffffff;
    box-shadow:0 22px 50px rgba(5, 11, 34, 0.22);
}

.homepageJoinCardEyebrow
{
    display:inline-block;
    margin-bottom:12px;
    color:#ffe27d;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.09em;
    text-transform:uppercase;
}

.homepageJoinCard h4
{
    margin:0px 0px 10px;
    font-size:38px;
    line-height:1.1;
    font-weight:800;
}

.homepageJoinCard p
{
    margin:0px;
    color:rgba(228, 236, 255, 0.8);
    font-size:15px;
    line-height:1.6;
}

.homepageHeroSignupForm
{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:20px;
}

.homepageHeroField
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.homepageHeroField span
{
    color:rgba(219, 230, 255, 0.72);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.homepageHeroField input,
.homepageHeroField select
{
    width:100%;
    min-height:58px;
    padding:0px 18px;
    border-radius:18px;
    border:1px solid rgba(120, 149, 255, 0.16);
    background:rgba(255,255,255,0.08);
    color:#ffffff;
    outline:none;
    transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.homepageHeroField input::placeholder
{
    color:rgba(219, 230, 255, 0.56);
}

.homepageHeroField input:focus,
.homepageHeroField select:focus
{
    border-color:rgba(106, 173, 255, 0.48);
    box-shadow:0 0 0 4px rgba(64, 127, 255, 0.14);
    background:rgba(255,255,255,0.11);
}

.homepageHeroField select
{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

.homepageHeroConsent
{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:4px;
}

.homepageHeroConsent input
{
    width:18px;
    height:18px;
    margin-top:3px;
    accent-color:var(--second-color);
}

.homepageHeroConsent span
{
    color:rgba(228, 236, 255, 0.82);
    font-size:13px;
    line-height:1.55;
}

.homepageHeroFormState
{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(120, 149, 255, 0.12);
    color:rgba(228, 236, 255, 0.78);
    font-size:13px;
    line-height:1.5;
}

.homepageHeroFormState.is-error
{
    color:#ffd8d8;
    border-color:rgba(255, 107, 129, 0.28);
    background:rgba(255, 107, 129, 0.08);
}

.homepageHeroFormState.is-success
{
    color:#fff4ca;
    border-color:rgba(255, 210, 74, 0.24);
    background:rgba(255, 210, 74, 0.08);
}

.homepageHeroActions
{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:18px;
}

.homepageHeroActionsSplit
{
    grid-template-columns:1fr 1fr;
}

.homepageHeroPrimaryButton,
.homepageHeroSecondaryButton
{
    min-height:54px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
    font-size:16px;
    font-weight:800;
    transition:transform 0.2s ease, filter 0.2s ease, background-color 0.2s ease;
}

.homepageHeroPrimaryButton
{
    border:0px;
    background:linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
    color:var(--main-color-night);
}

button.homepageHeroPrimaryButton
{
    cursor:pointer;
}

.homepageHeroSecondaryButton
{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(120, 149, 255, 0.16);
    color:#ffffff;
}

.homepageHeroPrimaryButton:hover,
.homepageHeroSecondaryButton:hover
{
    transform:translateY(-1px);
    filter:brightness(1.03);
}

.homepageHeroAccountMetrics
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:18px;
}

.homepageHeroAccountMetrics div
{
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(120, 149, 255, 0.12);
}

.homepageHeroAccountMetrics span
{
    display:block;
    margin-bottom:7px;
    color:rgba(219, 230, 255, 0.72);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.homepageHeroAccountMetrics strong
{
    display:block;
    color:#ffffff;
    font-size:16px;
    line-height:1.45;
}

.homepageJoinFeatureList
{
    display:grid;
    gap:12px;
    margin-top:22px;
}

.homepageJoinFeatureItem
{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:14px 15px;
    border-radius:20px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(120, 149, 255, 0.12);
}

.homepageJoinFeatureItem i
{
    width:40px;
    height:40px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255, 210, 74, 0.14);
    color:#ffe27d;
    font-size:16px;
    flex:0 0 auto;
}

.homepageJoinFeatureItem strong
{
    display:block;
    color:#ffffff;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
}

.homepageJoinFeatureItem span
{
    display:block;
    margin-top:4px;
    color:rgba(228, 236, 255, 0.74);
    font-size:13px;
    line-height:1.55;
}

.homepageJoinCardMeta
{
    margin-top:16px;
    color:rgba(228, 236, 255, 0.66);
    font-size:12px;
    line-height:1.6;
}

.homepageHeroAside .homepageSliderRightOuter
{
    width:100%;
    min-width:0px;
    border:1px solid rgba(120, 149, 255, 0.12);
    border-radius:28px;
    box-shadow:0 22px 50px rgba(5, 11, 34, 0.22);
    overflow:hidden;
}

.homepageHeroAside .homepageSliderRightContents
{
    height:286px;
}

@media only screen and (max-width: 1100px)
{
    .homepageHeroShell
    {
        grid-template-columns:1fr;
    }

    .homepageHeroSliderCard
    {
        height:500px!important;
    }

    .homepageSliderBox
    {
        height:500px!important;
    }

    .homepageHeroAside
    {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
    }
}

@media only screen and (max-width: 950px)
{
    .navbarCenterOuter
    {
        min-height:72px;
        gap:10px;
    }

    .navbarBrandStack,
    .navbarBrandGuestStack,
    .navbarBrandGuestActions
    {
        width:100%;
    }

    .navbarCenterLogoOuter,
    .navbarCenterLogoOuter img
    {
        width:144px;
        height:42px;
    }

    .menusInner
    {
        min-height:56px;
        padding:10px 14px;
        border-radius:18px;
    }

    .homepageHeroSliderCard
    {
        height:420px!important;
        border-radius:26px!important;
    }

    .homepageSliderBox
    {
        height:420px!important;
    }

    .homepageSliderOverlay
    {
        left:22px;
        right:22px;
        top:24px;
        max-width:calc(100% - 44px);
    }

    .homepageSliderOverlay h5
    {
        font-size:42px;
    }

    .homepageSliderOverlay p
    {
        font-size:16px;
    }

    .homepageHeroTrustRow
    {
        left:22px;
        right:22px;
        bottom:20px;
        gap:10px;
    }

    .homepageHeroTrustItem
    {
        font-size:12px;
    }

    .homepageHeroAside
    {
        grid-template-columns:1fr;
    }

    .homepageJoinCard
    {
        padding:20px;
        border-radius:24px;
    }

    .homepageJoinCard h4
    {
        font-size:28px;
    }
}

@media only screen and (max-width: 640px)
{
    .homepageOuter
    {
        padding:8px 0px 26px;
    }

    .homepageHeroShell
    {
        padding:16px;
        border-radius:26px;
    }

    .homepageHeroSliderCard
    {
        height:370px!important;
    }

    .homepageSliderBox
    {
        height:370px!important;
    }

    .homepageSliderOverlay
    {
        left:18px;
        right:18px;
        top:18px;
    }

    .homepageSliderOverlay h5
    {
        font-size:30px;
    }

    .homepageSliderOverlay p
    {
        font-size:13px;
    }

    .homepageSliderControl
    {
        width:40px;
        height:40px;
    }

    .homepageSliderControlPrev
    {
        left:14px;
    }

    .homepageSliderControlNext
    {
        right:14px;
    }

    .homepageHeroTrustRow
    {
        display:none;
    }

    .homepageJoinCard h4
    {
        font-size:24px;
    }

    .homepageHeroMain .homepageListBoxesOuter
    {
        margin-top:-32px;
        padding:0px 12px;
    }

    .homepageHeroActionsSplit
    {
        grid-template-columns:1fr;
    }

    .homepageHeroAccountMetrics
    {
        grid-template-columns:1fr;
    }
}