/* ==========================================================================
   Content In-Article 300x250 Ad Section
   ========================================================================== */

.content-ad-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 24px auto;
    text-align: center;
    clear: both;
}

.content-ad-section .ad-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
    font-weight: 500;
}

.content-ad-box-300x250 {
    width: 300px;
    height: 250px;
    max-width: 100%;
    background: #191b2b;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.content-ad-box-300x250:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

.content-ad-box-300x250 .ad-placeholder-text {
    position: absolute;
    color: rgba(255, 255, 255, 0.2);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    pointer-events: none;
    z-index: 1;
}

.content-ad-box-300x250 ins.adsbygoogle {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .content-ad-section {
        margin: 18px auto;
    }

    .content-ad-box-300x250 {
        border-radius: 10px;
    }
}

/* ==========================================================================
   New Games Section in Right Column
   ========================================================================== */

.new-games-block {
    padding-left: 0 !important;
    padding-top: 0 !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    margin-bottom: 28px !important;
}

.new-games-block > h3 {
    position: relative !important;
    padding-left: 60px !important;
    padding-top: 6px !important;
    margin-bottom: 16px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 24px !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.new-games-block > h3 .g-icon {
    top: 0 !important;
    left: 0 !important;
}

.new-games-block > h3 .g-icon i.new-icon {
    color: #00d2ff !important;
}

#new-games-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    width: 100% !important;
}

#new-games-list > .column {
    width: 180px !important;
    max-width: 180px !important;
    height: 200px !important;
    flex: 0 0 180px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#new-games-list .g-card {
    width: 180px !important;
    height: 200px !important;
    background: #191b2b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#new-games-list .g-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(0, 210, 255, 0.5) !important;
    box-shadow: 0 8px 24px rgba(0, 210, 255, 0.2) !important;
}

#new-games-list .g-card .pic {
    width: 100% !important;
    height: 140px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #0f111a !important;
    flex-shrink: 0 !important;
}

#new-games-list .g-card .pic figure,
#new-games-list .g-card .pic figure.ratio {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#new-games-list .g-card .pic figure a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

#new-games-list .g-card .pic img,
#new-games-list .g-card .game-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.35s ease !important;
    display: block !important;
}

#new-games-list .g-card:hover .pic img,
#new-games-list .g-card:hover .game-thumb {
    transform: scale(1.08) !important;
}

#new-games-list .g-card .g-info {
    width: 100% !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

#new-games-list .g-card .grid-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
    transition: color 0.2s ease !important;
}

#new-games-list .g-card:hover .grid-title {
    color: #00d2ff !important;
}

#new-games-list .g-card a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
}

@media screen and (max-width: 768px) {
    .new-games-block > h3 {
        padding-left: 48px !important;
        font-size: 18px !important;
        margin-bottom: 14px !important;
        min-height: 32px !important;
    }

    #new-games-list {
        gap: 12px !important;
        justify-content: center !important;
    }

    #new-games-list > .column {
        width: calc(50% - 6px) !important;
        max-width: 180px !important;
        height: 200px !important;
        flex: 0 0 calc(50% - 6px) !important;
    }

    #new-games-list .g-card {
        width: 100% !important;
        height: 200px !important;
    }
}

/* Footer Links for EEAT Trust Pages */
.site-footer .footer-links,
.footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px 22px !important;
    margin: 14px auto 8px auto !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center !important;
    width: 100% !important;
}

.site-footer .footer-links li,
.footer-links li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

.site-footer .footer-links a,
.footer-links a {
    color: #94a3b8 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-links a:hover,
.footer-links a:hover {
    color: #00d2ff !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-links a i,
.footer-links a i {
    color: #27b0f1 !important;
    font-size: 0.95em !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-links a:hover i,
.footer-links a:hover i {
    color: #ffd913 !important;
}

/* ==========================================================================
   Section Header Bar & View All Buttons
   ========================================================================== */
.section-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    position: relative !important;
}

.section-header-row h3 {
    position: relative !important;
    padding-left: 56px !important;
    margin: 0 !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 24px !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.section-header-row h3 .g-icon {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.section-view-all-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #00d2ff !important;
    background: rgba(0, 210, 255, 0.08) !important;
    border: 1px solid rgba(0, 210, 255, 0.35) !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.section-view-all-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #00d2ff 0%, #0077ff 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(0, 210, 255, 0.45) !important;
    transform: translateX(2px) !important;
}

.section-view-all-btn i {
    font-size: 11px !important;
    transition: transform 0.25s ease !important;
}

.section-view-all-btn:hover i {
    transform: translateX(3px) !important;
}

.section-footer-view-all {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 16px 0 26px 0 !important;
}

.section-bottom-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    background: #191b2b !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.section-bottom-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border-color: rgba(0, 210, 255, 0.5) !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px) !important;
}

.section-bottom-btn i {
    font-size: 12px !important;
    transition: transform 0.25s ease !important;
}

.section-bottom-btn:hover i {
    transform: translateX(4px) !important;
}

@media screen and (max-width: 768px) {
    .section-header-row h3 {
        padding-left: 48px !important;
        font-size: 18px !important;
        min-height: 32px !important;
    }
    
    .section-view-all-btn {
        padding: 5px 12px !important;
        font-size: 12px !important;
    }

    .section-bottom-btn {
        padding: 8px 18px !important;
        font-size: 13px !important;
        width: 100% !important;
        max-width: 260px !important;
    }
}


/* ==========================================================================
   Sidebar Category Menu Icons
   ========================================================================== */
.side-menu li a i {
    width: 22px;
    margin-right: 10px;
    font-size: 15px;
    text-align: center;
    color: #00d2ff;
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
}

.side-menu li a:hover i,
.side-menu li.active a i {
    color: #ffd913;
    transform: scale(1.15);
}
/* ==========================================================================
   Popular Games Icon Styling
   ========================================================================== */
.g-icon i.popular {
    color: #ffd913 !important;
    font-size: 22px !important;
    filter: drop-shadow(0 2px 8px rgba(255, 217, 19, 0.55)) !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.section-title:hover .g-icon i.popular {
    transform: translate(-50%, -50%) scale(1.15) rotate(15deg) !important;
}
/* ==========================================================================
   Custom Snail Icon (Vector SVG Mask - 100% Compatible)
   ========================================================================== */
.fa-snail,
.fas.fa-snail,
i.fa-snail {
    display: inline-block !important;
    width: 1.15em !important;
    height: 1.15em !important;
    vertical-align: -0.18em !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.31 8.03L21.24 4.95C21.67 4.85 22 4.47 22 4C22 3.45 21.55 3 21 3S20 3.45 20 4C20 4.26 20.11 4.5 20.27 4.68L19.5 7.26L18.73 4.68C18.89 4.5 19 4.26 19 4C19 3.45 18.55 3 18 3S17 3.45 17 4C17 4.47 17.33 4.85 17.76 4.95L18.69 8.03C17.73 8.18 17 9 17 10V12.25C15.65 9.16 12.63 7 9.11 7C5.19 7 2 10.26 2 14.26C2 16.1 2.82 17.75 4.1 18.85L2.88 19C2.38 19.06 2 19.5 2 20C2 20.55 2.45 21 3 21L19.12 21C20.16 21 21 20.16 21 19.12V11.72C21.6 11.38 22 10.74 22 10C22 9 21.27 8.18 20.31 8.03M15.6 17.41L12.07 17.86C12.5 17.1 12.8 16.21 12.8 15.26C12.8 12.94 10.95 11.06 8.67 11.06C8.14 11.06 7.62 11.18 7.14 11.41C6.65 11.66 6.44 12.26 6.69 12.75C6.93 13.25 7.53 13.45 8.03 13.21C8.23 13.11 8.45 13.06 8.67 13.06C9.85 13.06 10.8 14.04 10.8 15.26C10.8 16.92 9.5 18.27 7.89 18.27C5.75 18.27 4 16.47 4 14.26C4 11.36 6.29 9 9.11 9C12.77 9 15.75 12.06 15.75 15.82C15.75 16.36 15.69 16.89 15.6 17.41Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.31 8.03L21.24 4.95C21.67 4.85 22 4.47 22 4C22 3.45 21.55 3 21 3S20 3.45 20 4C20 4.26 20.11 4.5 20.27 4.68L19.5 7.26L18.73 4.68C18.89 4.5 19 4.26 19 4C19 3.45 18.55 3 18 3S17 3.45 17 4C17 4.47 17.33 4.85 17.76 4.95L18.69 8.03C17.73 8.18 17 9 17 10V12.25C15.65 9.16 12.63 7 9.11 7C5.19 7 2 10.26 2 14.26C2 16.1 2.82 17.75 4.1 18.85L2.88 19C2.38 19.06 2 19.5 2 20C2 20.55 2.45 21 3 21L19.12 21C20.16 21 21 20.16 21 19.12V11.72C21.6 11.38 22 10.74 22 10C22 9 21.27 8.18 20.31 8.03M15.6 17.41L12.07 17.86C12.5 17.1 12.8 16.21 12.8 15.26C12.8 12.94 10.95 11.06 8.67 11.06C8.14 11.06 7.62 11.18 7.14 11.41C6.65 11.66 6.44 12.26 6.69 12.75C6.93 13.25 7.53 13.45 8.03 13.21C8.23 13.11 8.45 13.06 8.67 13.06C9.85 13.06 10.8 14.04 10.8 15.26C10.8 16.92 9.5 18.27 7.89 18.27C5.75 18.27 4 16.47 4 14.26C4 11.36 6.29 9 9.11 9C12.77 9 15.75 12.06 15.75 15.82C15.75 16.36 15.69 16.89 15.6 17.41Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.fa-snail:before,
.fas.fa-snail:before,
i.fa-snail:before {
    content: "" !important;
    display: inline-block !important;
    width: 1.15em !important;
}

.g-icon i.fa-snail {
    vertical-align: middle !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
}

/* ==========================================================================
   Category Bottom 600x300 Ad Section (Centered & Lighter Modern Background)
   ========================================================================== */
.ad-category-bottom-section {
    padding: 26px 0 14px 0;
    width: 100%;
    clear: both;
}

.ad-category-bottom-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.ad-category-bottom-slot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
}

.ad-category-bottom-slot .ad-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
    text-align: center;
}

.ad-category-bottom-slot .ad-label i {
    color: #27b0f1;
    font-size: 12px;
}

/* Lighter than background (#0f111a) with premium glassmorphism & soft cyber glow */
.ad-box-600x300 {
    width: 600px;
    height: 300px;
    max-width: 100%;
    background: linear-gradient(145deg, #1f2337 0%, #1a1e30 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35),
                0 0 20px rgba(39, 176, 241, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.ad-box-600x300:hover {
    transform: translateY(-2px);
    border-color: rgba(39, 176, 241, 0.35);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.45),
                0 0 28px rgba(39, 176, 241, 0.16),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.ad-box-600x300 .ad-placeholder-text {
    position: absolute;
    color: rgba(255, 255, 255, 0.28);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    pointer-events: none;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ad-box-600x300 .ad-placeholder-text::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #27b0f1;
    box-shadow: 0 0 8px #27b0f1;
}

.ad-box-600x300 ins.adsbygoogle {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 650px) {
    .ad-category-bottom-section {
        padding: 16px 0 8px 0;
    }

    .ad-box-600x300 {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 250px;
        border-radius: 12px;
    }
}

/* ==========================================================================
   Category Games Section Dynamic Auto-Height (Flexible Add/Remove Games)
   ========================================================================== */
section.new-games,
.new-games,
.new-games.min-h-100,
.min-h-100,
#game_new,
#game_new section.new-games {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-bottom: 24px !important;
}

#game_category,
#category-games {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    clear: both !important;
    width: 100% !important;
}

/* Ensure subsequent elements (600x300 ad & footer) flow smoothly right below */
.ad-category-bottom-section {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.site-footer {
    clear: both !important;
    float: none !important;
    width: 100% !important;
}

/* Category Bottom 300x250 Ad Adjustments */
.ad-category-bottom-slot {
    max-width: 300px !important;
}

.ad-category-bottom-slot .ad-box-300x250 {
    width: 300px !important;
    height: 250px !important;
    max-width: 100% !important;
    background: linear-gradient(145deg, #1f2337 0%, #1a1e30 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35),
                0 0 18px rgba(39, 176, 241, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.3s ease,
                border-color 0.3s ease !important;
}

.ad-category-bottom-slot .ad-box-300x250:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(39, 176, 241, 0.35) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45),
                0 0 24px rgba(39, 176, 241, 0.16),
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.ad-category-bottom-slot .ad-box-300x250 .ad-placeholder-text {
    position: absolute !important;
    color: rgba(255, 255, 255, 0.28) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ad-category-bottom-slot .ad-box-300x250 .ad-placeholder-text::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #27b0f1 !important;
    box-shadow: 0 0 8px #27b0f1 !important;
}

.ad-category-bottom-slot .ad-box-300x250 ins.adsbygoogle {
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================================
   Game Description Column Dynamic Auto-Height (Flexible Add/Remove Content)
   ========================================================================== */
.game-info-section {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-top: 24px !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: flex-start !important;
    clear: both !important;
}

.game-info-section > .column,
.game-info-section > .column.is-6-desktop,
.game-info-section > .column.is-12-tablet {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

@media screen and (min-width: 992px) {
    .game-info-section {
        flex-direction: row !important;
        gap: 40px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        align-items: flex-start !important;
    }

    .game-info-section > .column {
        width: calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
        flex: 1 1 calc(50% - 20px) !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .game-info-section {
        flex-direction: column !important;
        gap: 24px !important;
    }

    .game-info-section > .column {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
    }
}

/* Unlimited Dynamic Height for Game Description Box */
.game-desc-box {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.game-desc-box .box-header,
.game-desc-box .box-body,
.game-desc-box p,
.game-desc-box ul,
.game-desc-box ol,
.game-desc-box li,
.game-desc-box div,
.game-desc-box h1,
.game-desc-box h2,
.game-desc-box h3,
.game-desc-box h4,
.game-desc-box h5,
.game-desc-box h6 {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}