:root {
            --body-family: Zilla Slab;
            --body-fweight: 400;
            --body-fsize: 18px;
            --h1-family: Signika;
            --h1-fweight: 700;
            --h2-family: Signika;
            --h2-fweight: 700;
            --h3-family: Signika;
            --h3-fweight: 700;
            --h3-fsize: 24px;
            --h4-family: Signika;
            --h4-fweight: 700;
            --h4-fsize: 18px;
            --h5-family: Signika;
            --h5-fweight: 700;
            --h5-fsize: 15px;
            --h6-family: Signika;
            --h6-fweight: 700;
            --h6-fsize: 14px;
            --cat-family: Signika;
            --cat-fweight: 500;
            --cat-transform: uppercase;
            --cat-fsize: 11px;
            --meta-family: Josefin Sans;
            --meta-fweight: 400;
            --meta-fsize: 12px;
            --meta-b-family: Josefin Sans;
            --meta-b-fweight: 600;
            --input-family: Josefin Sans;
            --input-fweight: 400;
            --btn-family: Josefin Sans;
            --btn-fweight: 600;
            --menu-family: Josefin Sans;
            --menu-fweight: 400;
            --menu-transform: uppercase;
            --menu-fsize: 14px;
            --submenu-family: Josefin Sans;
            --submenu-fweight: 400;
            --submenu-fsize: 14px;
            --dwidgets-family: Josefin Sans;
            --dwidgets-fweight: 400;
            --dwidgets-fsize: 14px;
            --headline-family: Signika;
            --headline-fweight: 700;
            --headline-fsize: 48px;
            --tagline-family: Josefin Sans;
            --tagline-fweight: 400;
            --tagline-fsize: 24px;
            --heading-family: Signika;
            --heading-fweight: 600;
            --quote-family: Josefin Sans;
            --quote-fweight: 700;
            --bcrumb-family: Josefin Sans;
            --bcrumb-fweight: 400;
            --headline-s-fsize: 40px;
            --tagline-s-fsize: 24px;
        }

        @media (max-width: 1024px) {
            body {
                --body-fsize: 17px;
                --h3-fsize: 20px;
                --h4-fsize: 16px;
                --h5-fsize: 14px;
                --h6-fsize: 13px;
                --cat-fsize: 10px;
                --dwidgets-fsize: 14px;
                --headline-fsize: 38px;
                --headline-s-fsize: 38px;
                --tagline-fsize: 20px;
                --tagline-s-fsize: 20px;
            }
        }

        @media (max-width: 767px) {
            body {
                --body-fsize: 17px;
                --h3-fsize: 18px;
                --h4-fsize: 15px;
                --h5-fsize: 14px;
                --h6-fsize: 13px;
                --cat-fsize: 10px;
                --dwidgets-fsize: 14px;
                --headline-fsize: 32px;
                --headline-s-fsize: 32px;
                --tagline-fsize: 16px;
                --tagline-s-fsize: 16px;
            }
        }

        :root {
            --g-color: #ff0202;
            --g-color-90: #ff0202e6;
            --alert-bg: #fcfcfc;
            --alert-color: #0a0a0a;
        }

        [data-theme="dark"],
        .light-scheme {
            --alert-bg: #191919;
            --alert-color: #e0e0e0;
        }

        .is-hd-1,
        .is-hd-2,
        .is-hd-3 {
            --nav-bg: #111111;
            --nav-bg-from: #111111;
            --nav-bg-to: #111111;
            --nav-bg-glass: #111111bb;
            --nav-bg-glass-from: #111111bb;
            --nav-bg-glass-to: #111111bb;
            --nav-color: #ffffff;
            --nav-color-10: #ffffff1a;
        }

        [data-theme="dark"].is-hd-4 {
            --nav-bg: #191c20;
            --nav-bg-from: #191c20;
            --nav-bg-to: #191c20;
            --nav-bg-glass: #191c2011;
            --nav-bg-glass-from: #191c2011;
            --nav-bg-glass-to: #191c2011;
        }

        .archive .blog-content {
            --title-size: 17px;
        }

        .saved-section .blog-content {
            --title-size: 17px;
        }

        body.archive:not(.author):not(.category) .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.author .blog-content .p-featured {
            padding-bottom: 145%;
        }

        body.blog .blog-content .p-featured {
            padding-bottom: 145%;
        }

        .saved-section .blog-content .p-featured {
            padding-bottom: 145%;
        }

        .rec-section .blog-content .p-featured {
            padding-bottom: 145%;
        }

        :root {
            --topad-spacing: 15px;
            --round-3: 2px;
            --round-5: 5px;
            --round-7: 10px;
            --hyperlink-line-color: var(--g-color);
            --mbnav-height: 60px;
            --s-content-width: 760px;
            --max-width-wo-sb: 840px;
            --s10-feat-ratio: 45%;
            --s11-feat-ratio: 45%;
            --feat-ratio: 140;
            --login-popup-w: 350px;
        }

        .p-readmore {
            font-family: Josefin Sans;
            font-weight: 600;
        }

        .mobile-menu>li>a {
            font-family: Josefin Sans;
            font-weight: 400;
            font-size: 16px;
        }

        .mobile-menu .sub-menu a,
        .logged-mobile-menu a {
            font-family: Josefin Slab;
            font-weight: 600;
            font-size: 16px;
        }

        .mobile-qview a {
            font-family: Josefin Sans;
            font-weight: 600;
            font-size: 16px;
        }

        .search-header:before {
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
            background-position: center center;
        }

        [data-theme="dark"] .search-header:before {
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
            background-position: center center;
        }

        .footer-has-bg {
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
            background-position: center top;
        }

        .copyright-menu a {
            font-size: 15px;
        }

        .copyright-inner .copyright {
            font-size: 15px;
        }

        .footer-col .widget_nav_menu a>span {
            font-size: 15px;
        }

        .search-icon-svg {
            -webkit-mask-image: url(../images/icons8-search.svg);
            mask-image: url(../images/icons8-search.svg);
        }

        .notification-icon-svg {
            -webkit-mask-image: url(h../images/icons8-notification-50.svg);
            mask-image: url(h../images/icons8-notification-50.svg);
        }

        .login-icon-svg {
            -webkit-mask-image: url(h../images/icons8-login-48.svg);
            mask-image: url(h../images/icons8-login-48.svg);
        }

        body.category-247 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2772 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2244 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2815 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3026 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2328 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2798 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-3208 .blog-content .p-featured {
            padding-bottom: 160%;
        }

        body.category-2855 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2649 .blog-content .p-featured {
            padding-bottom: 160%;
        }

        body.category-2616 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-318 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1467 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1548 .blog-content .p-featured {
            padding-bottom: 145%;
        }

        body.category-4362 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2269 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2964 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1500 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-3307 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2773 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2813 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3150 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1697 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-2163 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2189 .blog-content .p-featured {
            padding-bottom: 135%;
        }

        body.category-1651 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3185 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3304 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1316 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3210 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1251 .blog-content .p-featured {
            padding-bottom: 72%;
        }

        body.category-2770 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2544 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2745 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-1303 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2642 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-2864 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-1531 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1252 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2755 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-3359 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2986 .blog-content .p-featured {
            padding-bottom: 120%;
        }

        body.category-1401 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3939 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2902 .blog-content .p-featured {
            padding-bottom: 120%;
        }

        body.category-2271 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-228 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1304 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2436 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1640 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-4111 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1644 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1691 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3289 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2117 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-1361 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1443 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2630 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3243 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2090 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-3481 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3801 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2088 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2092 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-1650 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-1305 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3565 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3578 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1542 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1567 .blog-content .p-featured {
            padding-bottom: 145%;
        }

        body.category-2774 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3116 .blog-content .p-featured {
            padding-bottom: 125%;
        }

        body.category-3270 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2174 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3454 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-2883 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-3502 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1708 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-3623 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2391 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-409 .blog-content .p-featured {
            padding-bottom: 75%;
        }

        body.category-412 .blog-content .p-featured {
            padding-bottom: 75%;
        }

        body.category-2839 .blog-content .p-featured {
            padding-bottom: 120%;
        }

        body.category-2498 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2087 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2238 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2492 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-1312 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2333 .blog-content .p-featured {
            padding-bottom: 160%;
        }

        body.category-2351 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1442 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3667 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3250 .blog-content .p-featured {
            padding-bottom: 55%;
        }

        body.category-3204 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1688 .blog-content .p-featured {
            padding-bottom: 55%;
        }

        body.category-1709 .blog-content .p-featured {
            padding-bottom: 72%;
        }

        body.category-2889 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-414 .blog-content .p-featured {
            padding-bottom: 75%;
        }

        body.category-413 .blog-content .p-featured {
            padding-bottom: 90%;
        }

        body.category-3550 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-4340 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1785 .blog-content .p-featured {
            padding-bottom: 135%;
        }

        body.category-3563 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3921 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1496 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2234 .blog-content .p-featured {
            padding-bottom: 55%;
        }

        body.category-1366 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1684 .blog-content .p-featured {
            padding-bottom: 75%;
        }

        body.category-2137 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2138 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2812 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2129 .blog-content .p-featured {
            padding-bottom: 155%;
        }

        body.category-2285 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3101 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2456 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1306 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3977 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2744 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2235 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2457 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3672 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2474 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2954 .blog-content .p-featured {
            padding-bottom: 65%;
        }

        body.category-2499 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3545 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-4070 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2503 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-1499 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-1499 .blog-content {
            --heading-size-desktop: 15px;
        }

        body.category-1658 .blog-content .p-featured {
            padding-bottom: 72%;
        }

        body.category-2643 .blog-content .p-featured {
            padding-bottom: 160%;
        }

        body.category-320 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2445 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3117 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3249 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2254 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2931 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-4421 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-3482 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3768 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2350 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3738 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3093 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2176 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2122 .blog-content .p-featured {
            padding-bottom: 160%;
        }

        body.category-3929 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2206 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-1544 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3388 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-232 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-321 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-3295 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2714 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2239 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2241 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3468 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-1582 .blog-content .p-featured {
            padding-bottom: 145%;
        }

        body.category-2375 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2100 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-3352 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-2159 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3247 .blog-content .p-featured {
            padding-bottom: 120%;
        }

        body.category-2809 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2236 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2306 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3281 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-1692 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-2148 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2507 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-2270 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-1315 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-1311 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2171 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2509 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2272 .blog-content .p-featured {
            padding-bottom: 60%;
        }

        body.category-3031 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1608 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2500 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3327 .blog-content .p-featured {
            padding-bottom: 80%;
        }

        body.category-1501 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3279 .blog-content .p-featured {
            padding-bottom: 100%;
        }

        body.category-1546 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-4435 .blog-content .p-featured {
            padding-bottom: 50%;
        }

        body.category-1314 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-2288 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2140 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2142 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2881 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2097 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2158 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2733 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3283 .blog-content .p-featured {
            padding-bottom: 120%;
        }

        body.category-1336 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3282 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2152 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-2380 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2111 .blog-content .p-featured {
            padding-bottom: 130%;
        }

        body.category-2173 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-1310 .blog-content .p-featured {
            padding-bottom: 70%;
        }

        body.category-3294 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3602 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3580 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2104 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-2150 .blog-content .p-featured {
            padding-bottom: 150%;
        }

        body.category-3497 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3783 .blog-content .p-featured {
            padding-bottom: 140%;
        }

        body.category-3489 .blog-content .p-featured {
            padding-bottom: 140%;
        }
 @-webkit-keyframes bgslide {
            from {
                background-position-x: 0
            }

            to {
                background-position-x: -200%
            }
        }

        @keyframes bgslide {
            from {
                background-position-x: 0
            }

            to {
                background-position-x: -200%
            }
        }

        .wpp-widget-block-placeholder,
        .wpp-shortcode-placeholder {
            margin: 0 auto;
            width: 60px;
            height: 3px;
            background: #dd3737;
            background: linear-gradient(90deg, #dd3737 0%, #571313 10%, #dd3737 100%);
            background-size: 200% auto;
            border-radius: 3px;
            -webkit-animation: bgslide 1s infinite linear;
            animation: bgslide 1s infinite linear
        }
         .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
        .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
            background-image: none !important;
        }

        @media screen and (max-height: 1024px) {

            .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
            .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
                background-image: none !important;
            }
        }

        @media screen and (max-height: 640px) {

            .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
            .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
                background-image: none !important;
            }
        }

        /* =========================================
   1. CONTAINER & RESET
   ========================================= */
        .fsi-lang-switcher {
            position: relative;
            display: inline-flex;
            align-items: center;
            z-index: 99999;
            font-family: inherit;
            /* Inherit font from theme */
            line-height: 1;
            /* Reset theme line-height */
        }

        /* =========================================
   2. THE "PILL" (Trigger Button)
   ========================================= */
        .fsi-current {
            display: flex;
            align-items: center;
            gap: 8px;
            /* Space between flag and arrow */
            padding: 6px 10px;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        /* The Arrow Icon */
        .fsi-arrow {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid #666;
            margin-top: 1px;
        }

        /* =========================================
   3. THE DROPDOWN (Hidden List)
   ========================================= */
        .fsi-dropdown {
            position: absolute;
            top: 120%;
            /* Pushes it slightly below the pill */
            right: 0;
            /* Aligns to right edge */
            width: 140px;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            padding: 8px 0;
            display: flex;
            flex-direction: column;
            /* Forces vertical stacking */

            /* Animation State: Hidden */
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        /* Hover State: Show Dropdown */
        .fsi-lang-switcher:hover .fsi-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* =========================================
   4. DROPDOWN ITEMS (Links)
   ========================================= */
        .fsi-item {
            display: flex !important;
            /* Forces Flag and Text side-by-side */
            align-items: center;
            gap: 12px;
            padding: 10px 15px;
            text-decoration: none !important;
            color: #333;
            font-size: 14px;
            font-weight: 500;
            transition: background 0.1s ease;
            border: none !important;
            /* Removes theme borders */
        }

        .fsi-item:hover {
            background: #f7f7f7;
        }

        /* Active Language Style */
        .fsi-item.active {
            color: #d32f2f;
            /* Red accent */
            font-weight: 700;
        }

        /* =========================================
   5. IMAGE FIX (The "Anti-Giant-Flag" Code)
   ========================================= */
        /* We target ALL images inside the widget to force them small */
        .fsi-lang-switcher img {
            width: 20px !important;
            min-width: 20px !important;
            max-width: 20px !important;
            height: auto !important;
            border-radius: 2px;
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
            box-shadow: none !important;
            flex-shrink: 0;
            /* Prevents flag squishing */
        }

        /* =========================================
   6. DARK MODE SUPPORT (Foxiz)
   ========================================= */
        [data-theme="dark"] .fsi-current {
            background: #1a1a1a;
            border-color: #333;
        }

        [data-theme="dark"] .fsi-arrow {
            border-top-color: #fff;
        }

        [data-theme="dark"] .fsi-dropdown {
            background: #1a1a1a;
            border-color: #333;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        [data-theme="dark"] .fsi-item {
            color: #eee;
        }

        [data-theme="dark"] .fsi-item:hover {
            background: #2a2a2a;
        }

        [data-theme="dark"] .fsi-item.active {
            color: #ff4d4d;
            /* Brighter red for dark mode */
        }
        .ai-viewports {
            --ai: 1;
        }

        .ai-viewport-3 {
            display: none !important;
        }

        .ai-viewport-2 {
            display: none !important;
        }

        .ai-viewport-1 {
            display: inherit !important;
        }

        .ai-viewport-0 {
            display: none !important;
        }

        @media (min-width: 768px) and (max-width: 979px) {
            .ai-viewport-1 {
                display: none !important;
            }

            .ai-viewport-2 {
                display: inherit !important;
            }
        }

        @media (max-width: 767px) {
            .ai-viewport-1 {
                display: none !important;
            }

            .ai-viewport-3 {
                display: inherit !important;
            }
        }
        .qJTHM {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            color: #202124;
            direction: ltr;
            -webkit-touch-callout: none;
            font-family: Roboto-Regular, arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            margin: 0;
            overflow: hidden;
            -webkit-text-size-adjust: 100%
        }

        .ynRLnc {
            left: -9999px;
            position: absolute;
            top: -9999px
        }

        .L6cTce {
            display: none
        }

        .bltWBb {
            overflow-wrap: break-word;
            word-break: break-word
        }

        .hSRGPd {
            color: #1a73e8;
            cursor: pointer;
            font-weight: 500;
            text-decoration: none
        }

        .Bz112c-W3lGp {
            height: 16px;
            width: 16px
        }

        .Bz112c-E3DyYd {
            height: 20px;
            width: 20px
        }

        .Bz112c-r9oPif {
            height: 24px;
            width: 24px
        }

        .Bz112c-u2z5K {
            height: 36px;
            width: 36px
        }

        .Bz112c-uaxL4e {
            border-radius: 10px
        }

        .LgbsSe-Bz112c {
            display: block
        }

        .S9gUrf-YoZ4jf {
            border: none;
            margin: 0;
            padding: 0
        }

        .S9gUrf-YoZ4jf * {
            border: none;
            margin: 0;
            padding: 0
        }

        .fFW7wc-ibnC6b>.aZ2wEe>div {
            border-color: #4285f4
        }

        .P1ekSe-ZMv3u {
            -webkit-transition: height .2s linear;
            transition: height .2s linear
        }

        .P1ekSe-ZMv3u>div:first-child {
            background-color: #1a73e8 !important;
            -webkit-transition: width .3s linear;
            transition: width .3s linear
        }

        .P1ekSe-ZMv3u>div:nth-child(2) {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .7))), -webkit-gradient(linear, left top, right top, from(#1a73e8), to(#1a73e8)) !important;
            background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, #1a73e8, #1a73e8) !important;
            background-image: linear-gradient(90deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(90deg, #1a73e8, #1a73e8) !important
        }

        .P1ekSe-ZMv3u>div:nth-child(3) {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .7))), -webkit-gradient(linear, left top, right top, from(#1a73e8), to(#1a73e8)) !important;
            background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, #1a73e8, #1a73e8) !important;
            background-image: linear-gradient(90deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(90deg, #1a73e8, #1a73e8) !important
        }

        .haAclf {
            display: inline-block
        }

        .nsm7Bb-HzV7m-LgbsSe {
            border-radius: 4px;
            box-sizing: border-box;
            -webkit-transition: background-color .218s, border-color .218s;
            transition: background-color .218s, border-color .218s;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            border: 1px solid #dadce0;
            color: #3c4043;
            cursor: pointer;
            font-family: Google Sans, arial, sans-serif;
            font-size: .875rem;
            height: 40px;
            letter-spacing: .25px;
            outline: none;
            overflow: hidden;
            padding: 0 12px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            width: auto
        }

        @media screen and (-ms-high-contrast:active) {
            .nsm7Bb-HzV7m-LgbsSe {
                border: 2px solid windowText;
                color: windowText
            }
        }

        @media screen and (preferes-contrast:more) {
            .nsm7Bb-HzV7m-LgbsSe {
                color: #000
            }
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
            font-size: .875rem;
            height: 32px;
            letter-spacing: .25px;
            padding: 0 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
            font-size: .6875rem;
            height: 20px;
            letter-spacing: .3px;
            padding: 0 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
            padding: 0;
            width: 40px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
            width: 32px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
            border-radius: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
            border-radius: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
            border-radius: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc {
            border: 1px solid #8e918f;
            background-color: #131314;
            color: #e3e3e3
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
            border: none;
            color: #fff
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
            background-color: #1a73e8
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
            background-color: #202124;
            color: #e8eaed
        }

        @media screen and (prefers-contrast:more) {
            .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
                color: #fff
            }
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 18px;
            margin-right: 8px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 14px;
            min-width: 14px;
            width: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 10px;
            min-width: 10px;
            width: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin-left: 8px;
            margin-right: -4px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 4px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            background-color: #fff;
            height: 36px;
            margin-left: -10px;
            margin-right: 12px;
            min-width: 36px;
            width: 36px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 28px;
            margin-left: -8px;
            margin-right: 10px;
            min-width: 28px;
            width: 28px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 16px;
            margin-left: -6px;
            margin-right: 8px;
            min-width: 16px;
            width: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-radius: 3px;
            margin-left: 2px;
            margin-right: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-radius: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-radius: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-radius: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            align-items: center;
            -webkit-flex-direction: row;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            height: 100%;
            position: relative;
            width: 100%
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 1;
            -webkit-box-flex: 1;
            flex-grow: 1;
            font-family: Google Sans, arial, sans-serif;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-weight: 300
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 0;
            -webkit-box-flex: 0;
            flex-grow: 0
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            -webkit-transition: background-color .218s;
            transition: background-color .218s;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .nsm7Bb-HzV7m-LgbsSe:focus,
        .nsm7Bb-HzV7m-LgbsSe:hover {
            box-shadow: none;
            border-color: rgb(210, 227, 252);
            outline: none
        }

        .nsm7Bb-HzV7m-LgbsSe:focus-within {
            outline: 2px solid #00639b;
            border-color: transparent
        }

        .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .08)
        }

        .nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .1)
        }

        .nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .08)
        }

        .nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .12)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .24)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .32)
        }

        .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
            border-radius: 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            height: 20px;
            margin-left: -4px;
            margin-right: 8px;
            min-width: 20px;
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-family: Roboto;
            font-size: 12px;
            text-align: left
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS,
        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf {
            overflow: hidden;
            text-overflow: ellipsis
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            align-items: center;
            color: #5f6368;
            fill: #5f6368;
            font-size: 11px;
            font-weight: 400
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.i5vt6e-to915-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            color: #c4c7c5;
            fill: #c4c7c5
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            color: #e8eaed;
            fill: #e8eaed
        }

        @media screen and (prefers-contrast:more) {

            .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
            .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
                color: #000;
                fill: #000
            }
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
            height: 18px;
            margin: -3px -3px -3px 2px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            margin-left: 12px;
            margin-right: -10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            border-radius: 18px
        }

        .L5Fo6c-sM5MNb {
            border: 0;
            display: block;
            left: 0;
            position: relative;
            top: 0
        }

        .L5Fo6c-bF1uUb {
            border-radius: 4px;
            bottom: 0;
            cursor: pointer;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .L5Fo6c-bF1uUb:focus {
            border: none;
            outline: none
        }

         :root {
            --fz-height: 40px;
            --fz-bg: #000000;
            --fz-panel-bg: #0a0a0a;
            --fz-border: rgba(255, 255, 255, 0.15);
            --fz-border-hover: rgba(255, 255, 255, 0.5);
            --fz-font-kumbh: 'Kumbh Sans', sans-serif;
            --fz-gap: 8px;
            --fz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* FLEX WRAPPER FOR DROPDOWN AND ACTIONS GROUP */
        .fz-gallery-controls-wrapper {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 20px 0 30px 0;
            width: 100%;
        }

        .fz-custom-select {
            flex-grow: 1;
            position: relative;
            font-family: var(--fz-font-kumbh);
            user-select: none;
        }

        /* 1. TRIGGER BOX */
        .fz-select-trigger {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: var(--fz-height);
            padding: 0 16px;
            background: var(--fz-bg);
            border: 1px solid var(--fz-border);
            border-radius: 4px;
            color: #ffffff;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            cursor: pointer;
            box-sizing: border-box;
            transition: var(--fz-transition);
        }

        .fz-select-trigger:hover {
            border-color: var(--fz-border-hover);
            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.03);
        }

        .fz-arrow-svg {
            width: 12px;
            height: 12px;
            stroke: #ffffff;
            transition: var(--fz-transition);
        }

        .fz-custom-select.is-open .fz-arrow-svg {
            transform: rotate(180deg);
        }

        /* 2. DROPDOWN MENU WITH SLIDE-IN ENTRY */
        .fz-options-list {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--fz-panel-bg);
            border: 1px solid var(--fz-border);
            border-radius: 4px;
            margin: 0;
            padding: 4px 0;
            list-style: none !important;
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
            transform: translateY(10px) scale(0.99);
            transition: var(--fz-transition);
            overflow: hidden;
        }

        .fz-custom-select.is-open .fz-options-list {
            opacity: 1;
            visibility: visible;
            transform: translateY(var(--fz-gap)) scale(1);
        }

        /* 3. OPTION ITEMS */
        .fz-option {
            display: flex;
            align-items: center;
            height: var(--fz-height);
            padding: 0 16px;
            font-size: 11px;
            font-weight: 700;
            color: rgba(255, 255, 255, 0.7);
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            transition: var(--fz-transition);
            border-bottom: 1px solid rgba(255, 255, 255, 0.02);
            box-sizing: border-box;
        }

        .fz-option:last-child {
            border-bottom: none;
        }

        .fz-option:hover {
            background: #ffffff !important;
            color: #000000 !important;
            padding-left: 20px;
        }

        .fz-option.is-selected {
            background: rgba(255, 255, 255, 0.05);
            color: #ffffff;
        }

        /* 4. ACTIONS GROUP (CAROUSEL NAV + DOWNLOAD) */
        .fz-nav-arrows-group {
            display: none;
            align-items: center;
            gap: 8px;
            flex-shrink: 0 !important;
        }

        .fz-nav-arrow {
            width: var(--fz-height) !important;
            height: var(--fz-height) !important;
            min-width: var(--fz-height) !important;
            max-width: var(--fz-height) !important;
            background: var(--fz-bg) !important;
            border: 1px solid var(--fz-border) !important;
            border-radius: 4px !important;
            cursor: pointer;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: var(--fz-transition) !important;
            box-sizing: border-box !important;
            flex-shrink: 0 !important;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
            padding: 0 !important;
        }

        .fz-nav-arrow:hover {
            background: #ffffff !important;
            border-color: #ffffff !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.15) !important;
        }

        .fz-nav-arrow-svg {
            width: 16px !important;
            height: 16px !important;
            stroke: #ffffff !important;
            fill: none !important;
            display: block !important;
            margin: auto !important;
            transition: var(--fz-transition) !important;
        }

        .fz-nav-arrow:hover .fz-nav-arrow-svg,
        .fz-nav-arrow:hover .fz-nav-arrow-svg path {
            stroke: #000000 !important;
            fill: none !important;
        }

        /* PREMIUM DOWNLOAD BUTTON */
        .fz-gallery-download-btn {
            width: var(--fz-height) !important;
            height: var(--fz-height) !important;
            background: var(--fz-bg) !important;
            border: 1px solid var(--fz-border) !important;
            border-radius: 4px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: var(--fz-transition) !important;
            cursor: pointer;
            box-sizing: border-box !important;
            text-decoration: none !important;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
            flex-shrink: 0 !important;
        }

        .fz-gallery-download-btn:hover {
            background: #ffffff !important;
            border-color: #ffffff !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.15) !important;
        }

        .fz-gallery-download-btn:hover .fz-download-svg {
            stroke: #000000 !important;
        }

        .fz-download-svg {
            width: 16px !important;
            height: 16px !important;
            stroke: #ffffff !important;
            fill: none !important;
            transition: var(--fz-transition) !important;
        }

        /* 5. GALLERY LAYOUT LOGIC */

        /* List View */
        .wp-block-gallery.is-list-view {
            display: flex !important;
            flex-direction: column !important;
            gap: 20px !important;
        }

        .wp-block-gallery.is-list-view .wp-block-image {
            width: 100% !important;
            max-width: 100% !important;
        }

        /* NATIVE CSS SCROLL SNAP CAROUSEL */
        .wp-block-gallery.is-carousel-view {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            scroll-snap-type: x mandatory !important;
            gap: 0 !important;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 15px !important;
        }

        .wp-block-gallery.is-carousel-view .wp-block-image,
        .wp-block-gallery.is-carousel-view figure {
            flex: 0 0 100% !important;
            width: 100% !important;
            max-width: 100% !important;
            scroll-snap-align: start !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin: 0 !important;
        }

        .wp-block-gallery.is-carousel-view img {
            max-height: 82vh !important;
            width: auto !important;
            object-fit: contain !important;
        }

        .wp-block-gallery.is-carousel-view::-webkit-scrollbar {
            height: 6px;
        }

        .wp-block-gallery.is-carousel-view::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.03);
            border-radius: 10px;
        }

        .wp-block-gallery.is-carousel-view::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
            transition: var(--fz-transition);
        }

        .wp-block-gallery.is-carousel-view::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.4);
        }
    </style>
    
    <style>
        /* LIGHT MODE DEFAULT VARIABLES */
        #fsi-lb-modal {
            --lb-bg: rgba(255, 255, 255, 0.98);
            --lb-surface: rgba(241, 245, 249, 0.92);
            --lb-surface-hover: #e2e8f0;
            --lb-text: #0f172a;
            --lb-text-muted: #64748b;
            --lb-border: rgba(0, 0, 0, 0.12);
            --lb-accent: #0f172a;
            --lb-accent-text: #ffffff;
            --lb-progress: rgba(15, 23, 42, 0.22);
            --lb-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);

            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: var(--lb-bg);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            z-index: 999999;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            opacity: 0;
            visibility: hidden;
            transform: scale(0.98);
            transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                visibility 0.25s;
            user-select: none;
            -webkit-user-select: none;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            color: var(--lb-text);
            box-sizing: border-box;
            touch-action: none;
            overflow: hidden;
        }

        /* DARK MODE AUTOMATIC OVERRIDES */
        [data-theme="dark"] #fsi-lb-modal,
        body.dark-mode #fsi-lb-modal,
        body.dark #fsi-lb-modal {
            --lb-bg: #070709;
            --lb-surface: rgba(22, 22, 26, 0.88);
            --lb-surface-hover: #27272a;
            --lb-text: #ffffff;
            --lb-text-muted: #94a3b8;
            --lb-border: rgba(255, 255, 255, 0.14);
            --lb-accent: #ffffff;
            --lb-accent-text: #000000;
            --lb-progress: rgba(255, 255, 255, 0.3);
            --lb-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.95);
        }

        #fsi-lb-modal.is-active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }

        /* AUTO-HIDE UI CONTROLS */
        .fsi-lb-ui {
            transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            opacity: 1;
        }

        #fsi-lb-modal.ui-hidden .fsi-lb-ui {
            opacity: 0 !important;
            pointer-events: none !important;
        }

        /* HEADER BAR & RIGHT-ALIGNED BUTTONS */
        .fsi-lb-header {
            height: 56px;
            padding: 0 20px 0 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: linear-gradient(180deg, var(--lb-bg) 0%, rgba(0, 0, 0, 0) 100%);
            z-index: 30;
            box-sizing: border-box;
            width: 100%;
        }

        .fsi-lb-title {
            font-size: 13px;
            font-weight: 600;
            color: var(--lb-text-muted);
            max-width: 40vw;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .fsi-lb-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-left: auto;
        }

        .fsi-lb-btn {
            background: var(--lb-surface);
            border: 1px solid var(--lb-border);
            border-radius: 8px;
            color: var(--lb-text);
            height: 38px;
            padding: 0 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            cursor: pointer;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
            text-decoration: none !important;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
        }

        .fsi-lb-btn:hover {
            background: var(--lb-surface-hover);
        }

        .fsi-lb-btn:active,
        .fsi-lb-btn.is-active {
            background: var(--lb-accent) !important;
            color: var(--lb-accent-text) !important;
            border-color: var(--lb-accent) !important;
            transform: scale(0.95);
        }

        /* AUTOPLAY PLAYING STATE (DOES NOT OVERRIDE BACKGROUND SO FILL REMAINS VISIBLE) */
        .fsi-lb-btn.is-playing {
            border-color: var(--lb-text) !important;
        }

        .fsi-lb-btn svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
            fill: none;
            stroke-width: 2.2;
            stroke-linecap: round;
            stroke-linejoin: round;
            position: relative;
            z-index: 2;
        }

        .fsi-lb-icon-btn {
            width: 38px;
            padding: 0;
        }

        /* AUTOPLAY PROGRESS FILL LAYER */
        .fsi-lb-progress-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background: var(--lb-progress);
            z-index: 1;
            pointer-events: none;
        }

        /* STAGE & TRACK */
        .fsi-lb-stage {
            flex-grow: 1;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

        .fsi-lb-track {
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            will-change: transform;
            cursor: grab;
        }

        .fsi-lb-track.is-dragging {
            cursor: grabbing !important;
        }

        .fsi-slide {
            flex: 0 0 100vw;
            width: 100vw;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
        }

        .fsi-lb-img {
            max-height: 85vh;
            max-width: 95vw;
            width: auto;
            height: auto;
            object-fit: contain;
            border-radius: 6px;
            box-shadow: var(--lb-shadow);
            transform-origin: center center;
            will-change: transform;
            pointer-events: none;
        }

        /* ERROR CARD UI */
        .fsi-lb-error-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 24px 32px;
            background: var(--lb-surface);
            border: 1px solid var(--lb-border);
            border-radius: 12px;
            color: var(--lb-text);
            text-align: center;
        }

        .fsi-lb-error-card p {
            margin: 0;
            font-size: 13px;
            font-weight: 600;
            color: var(--lb-text-muted);
        }

        .fsi-lb-protection-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            background: rgba(0, 0, 0, 0.0001);
        }

        /* FLOATING NAVIGATION ARROWS */
        .fsi-lb-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            background: var(--lb-surface);
            border: 1px solid var(--lb-border);
            border-radius: 50%;
            color: var(--lb-text);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 25;
            backdrop-filter: blur(12px);
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: var(--lb-shadow);
            padding: 0;
            /* Ensures icon is perfectly centered with no extra padding */
        }

        .fsi-lb-nav:active {
            transform: translateY(-50%) scale(0.92);
        }

        .fsi-lb-prev {
            left: 24px;
        }

        .fsi-lb-next {
            right: 24px;
        }

        /* PAGE COUNTER BADGE */
        .fsi-lb-counter-bottom {
            position: absolute;
            bottom: 16px;
            left: 16px;
            z-index: 25;
            font-size: 11px;
            font-weight: 700;
            color: var(--lb-text);
            background: var(--lb-surface);
            padding: 5px 12px;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            border: 1px solid var(--lb-border);
            pointer-events: none;
            letter-spacing: 0.5px;
        }

        /* THUMBNAIL DRAWER */
        .fsi-lb-drawer {
            background: var(--lb-surface);
            border-top: 1px solid var(--lb-border);
            padding: 8px 12px;
            z-index: 20;
            width: 100%;
            box-sizing: border-box;
            max-height: 75px;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            backdrop-filter: blur(16px);
        }

        .fsi-lb-drawer.is-hidden {
            max-height: 0;
            opacity: 0;
            padding: 0;
            pointer-events: none;
        }

        .fsi-lb-thumb-track {
            display: flex;
            align-items: center;
            gap: 8px;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding-bottom: 2px;
        }

        .fsi-lb-thumb-track::-webkit-scrollbar {
            height: 3px;
        }

        .fsi-lb-thumb-track::-webkit-scrollbar-thumb {
            background: var(--lb-border);
            border-radius: 3px;
        }

        .fsi-lb-thumb-box {
            height: 46px;
            width: 68px;
            flex-shrink: 0;
            background-size: cover;
            background-position: center;
            border-radius: 4px;
            border: 2px solid transparent;
            opacity: 0.45;
            cursor: pointer;
            transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
            background-color: rgba(125, 125, 125, 0.1);
        }

        .fsi-lb-thumb-box.is-active,
        .fsi-lb-thumb-box:hover {
            opacity: 1;
            border-color: var(--lb-text);
            transform: scale(1.03);
        }

        /* MOBILE OPTIMIZATIONS */
        @media (max-width: 768px) {
            #fsi-lb-modal {
                backdrop-filter: blur(4px);
                -webkit-backdrop-filter: blur(4px);
            }

            .fsi-lb-header {
                height: 50px;
                padding: 0 10px;
            }

            .fsi-lb-title {
                display: none;
            }

            .fsi-lb-btn span {
                display: none;
            }

            .fsi-lb-actions {
                gap: 6px;
            }

            .fsi-lb-btn {
                height: 34px;
                width: 34px;
                padding: 0;
            }

            .fsi-lb-nav {
                width: 36px;
                height: 36px;
            }

            .fsi-lb-prev {
                left: 8px;
            }

            .fsi-lb-next {
                right: 8px;
            }

            .fsi-lb-img {
                max-height: 88vh;
                max-width: 98vw;
            }

            .fsi-lb-counter-bottom {
                bottom: 10px;
                left: 10px;
                font-size: 10px;
                padding: 4px 10px;
            }

            .fsi-lb-drawer {
                max-height: 60px;
                padding: 6px;
            }

            .fsi-lb-thumb-box {
                height: 38px;
                width: 56px;
            }
        }

           /* 1. 让分页器容器本身水平居中并铺满宽度 */
.slider-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px; /* 根据需要调整与图片上下的间距 */
}

/* 2. 确保圆点所在的内部容器水平居中 */
.slider-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
}

/* 3. 给单个圆点设置间距 */
.slider-pagination .swiper-pagination-bullet {
  margin: 0 4px !important;
}

.is-active{
    font-size: 12px;
    color: red;
}
.page-link{
    font-size: 18px;
    padding: 10,10,10,10;
}