img.wp-smiley, img.emoji 
        {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 0.07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }
        h1{
            font-size:15px !important;    
        }
            
        /* ========================================================
           GLOBAL RESET
        ======================================================== */
        html, body {
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }
        
        /* ========================================================
           CAROUSEL HEIGHT FIX (Critical)
        ======================================================== */
        /* Force TRUE Full Width */
        #pearlBanner {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
        }
        
        /* Remove parent container constraints */
        #pearlBanner .carousel-inner,
        #pearlBanner .carousel-item,
        #pearlBanner .banner {
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        /* Full width image display */
        .banner {
            height: 380px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: block;
            width: 100%;
        }
        
        @media (max-width: 768px) {
            .banner { height: 250px; }
        }
        
        /* Fix fade flicker */
        .carousel-item {
            transition: opacity 1s ease-in-out !important;
        }
        
        /* Fix slide jump during fade */
        .carousel-fade .carousel-item {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        .carousel-fade .carousel-item.active {
            position: relative;
        }
        
        /* Overlay */
        .overlay {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            background: rgba(10,10,10,0.4);
        }
        
        /* Banner Content */
        .banner-content {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }
        
        
        /* Logo gentle animation */
        .logo {
            animation: logoPulse 5s ease-in-out infinite alternate;
        }
        @keyframes logoPulse {
            from { transform: scale(1); }
            to   { transform: scale(1.1); }
        }
        
        /* ========================================================
           USER INFO (Top Right)
        ======================================================== */
        .banner-user-info {
            position: absolute;
            top: 15px;
            right: 20px;
            z-index: 9999;
            display: flex;
            align-items: center;
            gap: 10px;
            white-space: nowrap;
        }
        
        .profile-icon-wrapper,
        .profile-icon {
            width: 42px;
            height: 42px;
            /*border-radius: 50%;*/
            object-fit: cover;
            border: 2px solid #fff;
        }
        
        .header-info small {
            font-size: 13px;
            opacity: 0.9;
            margin: 0;
        }
        .header-info span {
            font-size: 15px;
            font-weight: 600;
            margin: 0;
        }
        
        .logout-link {
            font-size: 15px;
            font-weight: bold;
        }
        
        /* Mobile User Info */
        @media (max-width: 768px) {
            .banner-user-info {
                top: 8px;
                right: 10px;
                gap: 5px;
                transform: scale(0.85);
            }
            .profile-icon,
            .profile-icon-wrapper {
                width: 32px;
                height: 32px;
            }
        }
    /*! This file is auto-generated */
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
   
          .menu a:hover{
              color:#fff !important;
            }   
            .disabled-tab {
              pointer-events: none;
              opacity: 0.5;
              cursor: not-allowed;
            }
             @media (min-width: 1280px) {
                .memberShipCategory .mainContainer {
                    width: 97%;
                }
            }