/* Custom CSS to rearrange homepage sections */
/* Place this in a custom CSS file and link it in your index.html */

/* Main container should use flexbox */
.home-main-container, 
.okwin2Home, 
.home-page-container {
    display: flex !important;
    flex-direction: column !important;
}

/* VIP Banner - HIDDEN (removed from layout) */
.vip-privileges,
.vip-banner {
    display: none !important;
}

/* Wallet section - Move to position 2 (where VIP banner was) */
.wallet-section,
.Wallet__C {
    order: 2 !important;
}

/* Promotional banners - Position 3 */
.promo-banner,
.swiper-container,
.banner-section {
    order: 3 !important;
}

/* Notice bar - Position 4 */
.notice-bar,
.notification-bar,
.noticeBar__container {
    order: 4 !important;
}

/* Game categories grid - Position 5 (bottom) */
.game-grid,
.game-categories,
.gamesList__container {
    order: 5 !important;
}

/* ============================================================
   onlineGames — styles matching index-56a9b147.css
   ============================================================ */

/* Main container */
.onlineGames__container {
    overflow: hidden;
}

/* Tab bar wrapper */
.onlineGames__container-tabBar {
    padding-inline: .26667rem;
}
.onlineGames__container-tabBar .van-tabs__nav {
    padding-top: .37333rem;
    background: var(--bg_color_L1);
}
.onlineGames__container-tabBar .van-tabs__nav--card {
    height: 1.86667rem;
    margin: 0;
    border: none;
    background: var(--bg_color_L1);
}
.onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card {
    width: 2.53333rem;
    height: 1.33333rem;
    margin-right: .2rem;
    padding: 0;
    color: var(--text_color_L2) !important;
    border-radius: .13333rem;
    background-color: var(--bg_color_L2);
    border: none;
}
.onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card > span img {
    max-height: 55%;
    max-width: 55%;
}

/* Fun-tab category pills */
.onlineGames__container .fun-tabs {
    background-color: transparent;
    padding-bottom: .26667rem;
}
.onlineGames__container .fun-tabs .fun-tab-item {
    width: 2.93333rem;
    height: .8rem;
    color: var(--text_color_L2);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: .34667rem;
    background: var(--bg_color_L2);
    margin-right: .26667rem;
    border-radius: .53333rem;
}
.onlineGames__container .fun-tabs .fun-tab-item span {
    font-size: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 .05333rem;
    width: 100%;
}
.onlineGames__container .fun-tabs .fun-tab-item:last-child {
    margin-right: 0;
}
.onlineGames__container .fun-tabs .fun-tab-item.activeClassName {
    background: var(--main_gradient-color);
}
.onlineGames__container .fun-tabs .fun-tab-item.activeClassName span {
    color: var(--text_color_L4) !important;
}

/* Game list grid — applied to ALL categories */
.onlineGames__container-list {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .13333rem .24rem;
    padding-bottom: .26667rem;
}
.onlineGames__container-list.miniGames {
    height: calc(100vh - 1.6rem);
}

/* Individual game item */
.onlineGames__container-list__item {
    width: 100%;
    height: auto;
    border-radius: .06667rem;
}
.onlineGames__container-list__item img {
    width: 100%;
    height: 4rem;
    object-fit: cover;
    border-radius: .08rem;
    background-color: var(--bg_color_L2);
}
.onlineGames__container-list__item div {
    margin-top: .08rem;
    width: 100%;
    height: .77333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.onlineGames__container-list__item span {
    font-size: .32rem;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    padding-inline: .13333rem;
    overflow: hidden;
    color: var(--text_color_L2);
}

/* Game icon in navbar */
.onlineGames__container .gameIcon {
    width: 1.33333rem;
    height: .66667rem;
}

/* Alternative: Hide specific sections */
.section-to-hide {
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .home-main-container {
        padding: 10px;
    }
}

/* deposit_icon.png on totalSavings quick-action items */
.totalSavings__container-content-item div svg {
    display: none !important;
}

.totalSavings__container-content-item div::before {
    content: '';
    display: block;
    width: .93333rem;
    height: .93333rem;
    min-width: .93333rem;
    min-height: .93333rem;
    background-image: url(/assets/svg/deposit_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 2px 6px rgba(102, 126, 234, 0.25));
}

.totalSavings__container-content-item:hover div::before {
    transform: scale(1.15) translateY(-3px) rotate(5deg);
    filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
}

/* Right arrow icon — big size (only custom .right-icon, not all van-cell icons) */
.van-badge__wrapper.van-icon.van-icon-arrow.right-icon,
i.van-icon.van-icon-arrow.right-icon {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    line-height: 28px !important;
    color: #fff !important;
    font-style: normal !important;
    display: inline-block !important;
}
.van-badge__wrapper.van-icon.van-icon-arrow.right-icon::before,
i.van-icon.van-icon-arrow.right-icon::before {
    font-family: "vant-icon", var(--van-icon-font-family, "vant-icon") !important;
    content: "\E660" !important;
    font-size: 28px !important;
    font-style: normal !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}
/* Override van-icon-arrow-down to show right arrow > instead — big and bold */
.van-badge__wrapper.van-icon.van-icon-arrow-down,
i.van-icon.van-icon-arrow-down,
.van-icon.van-icon-arrow-down {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    line-height: 28px !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
}
.van-badge__wrapper.van-icon.van-icon-arrow-down::before,
i.van-icon.van-icon-arrow-down::before,
.van-icon.van-icon-arrow-down::before {
    font-family: "vant-icon", var(--van-icon-font-family, "vant-icon") !important;
    content: "\E660" !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}
/* Close icon X — big size */
.van-badge__wrapper.van-icon.van-icon-cross,
i.van-icon.van-icon-cross,
.van-icon.van-icon-cross,
.van-popup__close-icon {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    line-height: 32px !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
}
.van-badge__wrapper.van-icon.van-icon-cross::before,
i.van-icon.van-icon-cross::before,
.van-icon.van-icon-cross::before,
.van-popup__close-icon::before {
    font-family: "vant-icon", var(--van-icon-font-family, "vant-icon") !important;
    content: "\E6A7" !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}
/* Left arrow icon < — big size */
.van-badge__wrapper.van-icon.van-icon-arrow-left,
i.van-icon.van-icon-arrow-left,
.van-icon.van-icon-arrow-left {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    line-height: 28px !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
}
.van-badge__wrapper.van-icon.van-icon-arrow-left::before,
i.van-icon.van-icon-arrow-left::before,
.van-icon.van-icon-arrow-left::before {
    font-family: "vant-icon", var(--van-icon-font-family, "vant-icon") !important;
    content: "\E668" !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}
/* Restore normal size for all other directional icons */
.van-icon-arrow:not(.right-icon),
.van-icon-arrow-up:not(.right-icon) {
    font-size: inherit !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    line-height: inherit !important;
    display: inline-block !important;
    font-weight: normal !important;
}
/* Hot icon badge - ensure it shows on the right */
.hotIcon,
.hot_bage {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: -.08rem !important;
    top: -.10667rem !important;
    z-index: 10 !important;
}
/* Notice bar speaker icon - use announcement SVG */
.svg-icon.icon-noticeBarSpeaker,
.icon-noticeBarSpeaker {
    background-image: url(/assets/svg/announcement-icon.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    width: 1.4em !important;
    height: 1.4em !important;
    filter: brightness(1.2) sepia(1) saturate(3) hue-rotate(5deg) !important;
}
.svg-icon.icon-noticeBarSpeaker svg,
.icon-noticeBarSpeaker svg {
    display: none !important;
}
/* ── Desktop full-width overrides ── */
/* Zero out ALL horizontal padding/margin on the main okwin wrapper and its parents */
@media (min-width: 769px) {
    /* Content wrapper — strip scoped padding: 0 .32rem 2.13333rem */
    .okwin,
    .okwin[data-v-88d7f5ef],
    .okwin2Home,
    .okwin2Home > .okwin {
        padding-left:  0 !important;
        padding-right: 0 !important;
        margin-left:   0 !important;
        margin-right:  0 !important;
        width:         100% !important;
        max-width:     100% !important;
        box-sizing:    border-box !important;
    }

    /* #app itself — fill the space beside the 310px sidebar */
    #app {
        width: calc(100vw - 310px) !important;
        max-width: none !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Every major section inside .okwin should fill full width
       (but NOT when inside .swiper-box where width is controlled) */
    .ok_winner:not(.swiper-box .ok_winner),
    .dailyProfitRank,
    .p3-terms,
    #cgs-wrapper,
    .noticeBar__container {
        width:      100% !important;
        max-width:  100% !important;
        box-sizing: border-box !important;
    }

    /* Winning info inner wrapper */
    .ok_winner-wrapper {
        width: 100% !important;
    }

    /* Daily profit rank content */
    .dailyProfitRank__content {
        width: 100% !important;
    }
}

/* ── Swiper banner ── */
.swiper_box {
    position: relative !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
/* On desktop: swiper fills full container (parent padding already zeroed above) */
@media (min-width: 769px) {
    .swiper_box {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .swiper_box .my-swipe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/5 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    /* Visual fallback: slide images fill the slide regardless of Swiper JS width calc */
    .swiper_box .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
        display: block !important;
    }
}
.swiper_box .my-swipe {
    height: auto !important;
    aspect-ratio: 16/5 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.swiper_box .my-swipe img,
.swiper_box .my-swipe .van-swipe-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    border-radius: inherit !important;
    display: block !important;
}
/* Dots — overlaid inside swiper-box at bottom */
.swiper_box .swiper-button {
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    padding: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    pointer-events: none !important;
}
.swiper_box .swiper-button span {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.3) !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}
.swiper_box .swiper-button .active {
    width: 20px !important;
    height: 6px !important;
    border-radius: 3px !important;
    background: #f5a623 !important;
}
/* Prev / Next arrows — overlay banner edges on desktop */
.swiper-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(calc(-50% - 10px)) !important;
    width: 32px !important;
    height: 60px !important;
    background: rgba(0,0,0,0.40) !important;
    border: none !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: background 0.2s !important;
}
.swiper-nav-btn:hover { background: rgba(0,0,0,0.65) !important; }
.swiper-nav-btn.prev { left: 0 !important; border-radius: 0 6px 6px 0 !important; }
.swiper-nav-btn.next { right: 0 !important; border-radius: 6px 0 0 6px !important; }
@media (max-width: 600px) { .swiper-nav-btn { display: none !important; } }
/* Notice bar - styled as marquee announcement */
.noticeBar__container {
    display: flex !important;
    padding: 6px 8px !important;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 193, 7, 0.05)) !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
    overflow: hidden !important;
    /* Kill slideInRight from page-home-modern-enhancements.css — fires on every Vue re-render */
    animation: none !important;
    -webkit-animation: none !important;
    /* Kill backdrop-filter blur — forces GPU compositing repaint every frame */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.noticeBar__container .svg-icon,
.noticeBar__container .icon-noticeBarSpeaker {
    flex-shrink: 0 !important;
    margin-right: 3px !important;
}
.noticeBar__container-body,
#app .noticeBar__container-body {
    /* Override fixed width: 9.33333rem from index-806b22ff.css / index-4258b365.css (#app selector) */
    width: auto !important;
    flex: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    contain: layout style !important;
}
.notice-track {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    white-space: nowrap !important;
    width: max-content !important;
}
.noticeBar__container-body-text,
#app .noticeBar__container-body-text {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #fff !important;
    white-space: nowrap !important;
    display: inline-block !important;
    padding-right: 80px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    width: auto !important;
    animation: none !important;
    -webkit-animation: none !important;
}
.noticeBar__container-body-text * {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}
.noticeBar__container-body-text p {
    margin: 0 16px !important;
    padding: 0 !important;
    display: inline !important;
}
.noticeBar__container-body-text p:not(:first-child)::before {
    content: " • " !important;
    display: inline !important;
    margin: 0 8px !important;
}
.noticeBar__container-body-text strong,
.noticeBar__container-body-text span {
    font-weight: 600 !important;
    display: inline !important;
}
.noticeBar__container-body-text br {
    display: none !important;
}
.noticeBar__container-body-text br::after {
    content: " | " !important;
    display: inline !important;
    margin: 0 4px !important;
}
.noticeBar__container .hotIcon {
    flex-shrink: 0 !important;
    margin-left: 12px !important;
    padding: 6px 16px !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.noticeBar__container .hotIcon:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.6) !important;
}

/* ═══════════════════════════════════════════════════════════
   Sub-page vendor filter pills (screenshot 2: ALL / JILI / PG…)
   These appear inside the game list page after a category click.
   ═══════════════════════════════════════════════════════════ */
.gameTypeSubFilter,
.vendorFilter,
.gameVendorList,
.provider-list,
.sub-filter {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: .18667rem !important;
    padding: .26667rem .32rem !important;
    background: var(--bg_color_L1, #111) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
}
.gameTypeSubFilter::-webkit-scrollbar,
.vendorFilter::-webkit-scrollbar,
.gameVendorList::-webkit-scrollbar,
.provider-list::-webkit-scrollbar,
.sub-filter::-webkit-scrollbar {
    display: none !important;
}

/* Sub-filter pill items */
.gameTypeSubFilter .filterItem,
.vendorFilter .filterItem,
.gameVendorList .vendorItem,
.provider-list .provider-item,
.sub-filter .filter-btn,
.gameVendorList li,
.gameVendorList > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
    gap: .10667rem !important;
    height: .85333rem !important;
    min-width: 1.33333rem !important;
    padding: 0 .37333rem !important;
    background: var(--bg_color_L2, #1a1a2e) !important;
    color: var(--text_color_L2, #ccc) !important;
    border: none !important;
    border-radius: .42667rem !important;
    font-size: .32rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    -webkit-transition: background .15s ease !important;
    transition: background .15s ease !important;
}

/* Active sub-filter pill */
.gameTypeSubFilter .filterItem.active,
.vendorFilter .filterItem.active,
.gameVendorList .vendorItem.active,
.provider-list .provider-item.active,
.sub-filter .filter-btn.active,
.gameVendorList li.active,
.gameVendorList > div.active {
    background: var(--main_gradient-color, linear-gradient(135deg, #f5a623, #f5d020)) !important;
    color: #000 !important;
    box-shadow: 0 4px 10px rgba(245, 166, 35, .35) !important;
}

/* Game grid (screenshot 2 bottom section) */
.gamesList__container .game-grid,
.gamesContainer .grid,
.games-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: .16rem !important;
    padding: .32rem !important;
    width: 100% !important;
}

/* Wallet .amount — allow wager-info to expand height, never clip content */
.amount[data-v-88d7f5ef],
.okwin .amount {
    overflow: visible !important;
    margin-bottom: 5px !important;
    padding-bottom: 4px !important;
}

/* ── swiper-box: swiper-slide + ok_winner side by side (desktop) ── */
.swiper-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.swiper-box > .swiper_box {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}
.swiper-box > .ok_winner {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
    min-width: 0 !important;
    max-height: 250px !important;
    margin-top: 13px !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(59, 130, 246, 0.6) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    background: #070d1f !important;
    align-self: flex-start !important;
    /* Ensure inner content respects max width */
    display: flex !important;
    flex-direction: column !important;
}
/* ok_winner header dot indicator */
.swiper-box > .ok_winner .ok_winner-title::before,
.swiper-box > .ok_winner .title::before {
    content: '' !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow: 0 0 6px #22c55e !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
    animation: winner-pulse 1.4s ease-in-out infinite !important;
}
@keyframes winner-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 4px #22c55e; }
    50%       { opacity: .6; box-shadow: 0 0 10px #22c55e; }
}
/* Ensure inner wrapper of ok_winner fills the panel */
.swiper-box > .ok_winner > *,
.swiper-box > .ok_winner .ok_winner-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Compact winner list items */
.ok_winner-wrapper__item,
.swiper-box .ok_winner-wrapper__item {
    min-height: unset !important;
    height: auto !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}
.ok_winner-wrapper__item *,
.swiper-box .ok_winner-wrapper__item * {
    font-size: 9px !important;
    line-height: 1.1 !important;
}
.ok_winner-wrapper__item img,
.swiper-box .ok_winner-wrapper__item img {
    width: 36px !important;
    height: 20px !important;
    min-width: 36px !important;
    min-height: 20px !important;
   
}
/* On mobile hide ok_winner, restore swiper-box to normal block */
@media (max-width: 768px) {
    .swiper-box {
        display: block !important;
        flex-direction: unset !important;
        gap: 0 !important;
        margin-top: -6px !important;
        padding-top: 0 !important;
    }
    .ok_winner,
    .swiper-box > .ok_winner {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
    .swiper-box > .swiper_box {
        width: 100% !important;
        flex: unset !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }
    /* Kill any top spacing on the parent containers holding the swiper */
    .home-main-container,
    .okwin2Home,
    .home-page-container {
        padding-top: 0 !important;
    }
}