/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */

header,
header .elementor-element-a07974d .e-con-inner,
header .elementor-element.elementor-element-a07974d,
header .elementor-element-f0b3626 img {
    transition: all ease 400ms;
}

/* Fix for WordPress 6.7+ auto-sizes causing image misalignment */
img:is([sizes=auto i], [sizes^="auto,"i]) {
    contain-intrinsic-size: auto none !important;
}

/* 
 * Elementor Nested Tabs Fix: 
 * Prevents Elementor's default widget CSS from killing background-images on active tabs.
 */
.elementor .elementor-element.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
    background-image: inherit ;
}

header {
    position: fixed;
    width: 100%;
    z-index: 99;
}

/* Header Scrolled Styles */
header.is-scrolled .elementor-element.elementor-element-a07974d {
    margin-top: 10px;
}

header.is-scrolled .elementor-element-a07974d .e-con-inner {
    /* Fallback: azul base / cuando no hay hero-gradient aún calculado */
    background: rgba(11, 96, 197, 0.30) !important;
    /* Se sobreescribe vía JS con el gradiente del hero (background-attachment:fixed
       hace que el gradiente sea continuo con el body) */
    background: var(--hero-gradient, rgba(11, 96, 197, 0.30)) !important;
    background-attachment: fixed !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 10px 32px !important;
    border-radius: 999999px !important;
}

header .elementor-element-f0b3626 img {
    width: 89px;
}

header.is-scrolled .elementor-element-f0b3626 img {
    width: 63px !important;
}

.page-id-25 main,
.page-id-1386 main,
.page-id-1606 main,
.home main {
    overflow: hidden;
}


body.page-id-1657,
body.page-id-46,
body.page-id-44,
body.page-id-2931 {
    background: #361C7E;
}


body.page-id-1606 {
    background: #4CD9B1;
}

body.home .elementor-1541 .elementor-element.elementor-element-b88eb25,
.page-id-3531 .elementor-1541 .elementor-element.elementor-element-b88eb25 {
    padding-top: 0 !important;
}

body.home .elementor-1541 .elementor-element.elementor-element-b88eb25::before,
.page-id-3531 .elementor-1541 .elementor-element.elementor-element-b88eb25::before {
    background-image: linear-gradient(180deg, #EE6140 0%, #ED5843 20%, #FFB523 75.48%) !important;
}

body.error404 header,
body.error404 footer {
    display: none;
}

body.elementor-page-14656 footer {
    background-image: linear-gradient(180deg, rgb(54 28 126) 0%, #E7394E 37.02%, #FFB523 75.48%) !important;
}

.button {
    line-height: 0 !important;
}


.button a {
    --move: 1;
    --rotate: 1;
    --color-hover: var(--text-color);
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: var(--color);
    background: var(--background);
    transition:
        color 0.25s ease,
        background 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}


.button a::before,
.button a::after {
    content: "";
    position: absolute;
    inset: 0;
    height: 200%;
    background: var(--pb, var(--hover-back));
    border-radius: var(--br, 40%);
    transform: translateY(var(--y, 50%));
    transition:
        transform var(--d, 0.4s) ease-in var(--d-d, 0s),
        border-radius 0.5s ease var(--br-d, 0.08s);
}

.button a::after {
    --pb: var(--hover-front);
    --d: .44s;
}


.button div {
    position: relative;
    z-index: 1;
    display: flex;
}

.button span {
    backface-visibility: hidden;
    animation: var(--name, none) 0.7s linear forwards 0.18s;
}


.button a:hover {
    color: var(--hover-front);
}

.button a:hover::before,
.button a:hover::after {
    --y: 0;
    --br: 5%;
}

.button a:hover::after {
    --br: 10%;
    --d-d: .02s;
}

.button a:hover span {
    --name: move;
}


.btn-primary a {
    --color: #F6F8FF;
    --background: #362A89;
    --hover-back: #6D58FF;
    --hover-front: #361C7E;
    --text-color: #4CD9B1;
    --color-hover: var(--text-color);
}

.btn-secondary a {
    --color: #362A89;
    --background: #E6E8FF;
    --hover-back: #6D58FF;
    --hover-front: #361C7E;
    --text-color: #FFB523;
    --color-hover: var(--text-color);
}

.button a.in span {
    --name: move;
}

.button a.in.out span {
    --name: move-out;
}



@-webkit-keyframes move {

    30%,
    36% {
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}

@keyframes move {

    30%,
    36% {
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}

@-webkit-keyframes move-out {

    30%,
    36% {
        transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
    }
}

@keyframes move-out {

    30%,
    36% {
        transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
    }
}


.button a:hover,
.button a.in:not(.out) {
    color: var(--color-hover) !important;
}

.button span.elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.button .elementor-button-icon {
    vertical-align: middle;
    backface-visibility: hidden;
    transform: translateZ(0);
}


.button a.in .elementor-button-icon {
    --move: 0.45;
    --rotate: 0.45;
    --part: 1;
    animation: icon-move 0.7s linear forwards 0.18s;
}

/* SALIDA */
.button a.in.out .elementor-button-icon {
    --move: 0.45;
    --rotate: 0.45;
    --part: 1;
    animation: icon-move-out 0.7s linear forwards;
}

@keyframes icon-move {

    30%,
    36% {
        transform: translateY(calc(-6px * var(--move))) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(3px * var(--move))) rotate(calc(6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(-2px * var(--move))) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}

@keyframes icon-move-out {

    30%,
    36% {
        transform: translateY(calc(6px * var(--move))) rotate(calc(13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(-3px * var(--move))) rotate(calc(-6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(2px * var(--move))) rotate(calc(3deg * var(--rotate) * var(--part)));
    }
}

.elementor-editor-active .elementor-shape {
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

.elementor-editor-active .elementor-shape[data-shape] {
    height: auto !important;
    pointer-events: auto !important;
}

/* V2 Slider Tabs */
.v2-nav-label {
    cursor: pointer;
    transition: all 0.3s ease;
}

.v2-nav-label .shape.hover {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.v2-nav-label:hover .shape.hover,
.v2-nav-label.active .shape.hover {
    opacity: 1;
}

.v2-nav-label.active {
    filter: drop-shadow(0 0 10px rgba(146, 113, 238, 0.5));
}

.v2-nav-label span {
    transition: color 0.3s ease;
}

.v2-nav-label.active span {
    color: #fff;
}

.swiper-slide-hidden {
    display: none !important;
}

body.single-game {
    background-color: #0B60C5;
}

.font-calibri {
    font-family: "Calibri", sans-serif;
}

.font-sanspro {
    font-family: "Source Sans Pro", Sans-serif;
}

.font-arial {
    font-family: "Arial", Sans-serif;
}


.image-bg-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 965px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.1;
}


.logo-img {
    height: 250px;
}

.image-bg-main-up {
    height: 1205px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    aspect-ratio: 1063/598;
    opacity: 0.15;
}

.mask-image-battle {
    mask-image: url('data:image/svg+xml,<svg width="697" height="777" viewBox="0 0 697 777" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1608_19692" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="695" height="776"><path d="M600.131 49.4459C598.863 39.9222 591.002 32.6457 581.409 32.1158L21.906 1.21004C10.1492 0.560623 0.378416 10.1577 0.816781 21.9242L28.2301 757.745C28.6305 768.493 37.4602 777 48.2162 777H674.161C686.255 777 695.582 766.349 693.986 754.36L600.131 49.4459Z" fill="url(%23paint0_linear_1608_19692)"/></mask><g mask="url(%23mask0_1608_19692)"><rect x="-190.319" y="-17.5889" width="1425.87" height="802.053" fill="url(%23paint1_linear_1608_19692)"/></g><defs><linearGradient id="paint0_linear_1608_19692" x1="697" y1="0" x2="-75.4359" y2="692.906" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient><linearGradient id="paint1_linear_1608_19692" x1="-190.319" y1="-17.5889" x2="495.114" y2="1200.96" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-battle-02 {
    mask-image: url('data:image/svg+xml,<svg width="644" height="858" viewBox="0 0 644 858" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1608_19728" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="642" height="856"><path fill-rule="evenodd" clip-rule="evenodd" d="M60.0825 37.7493C61.0891 24.5177 61.5924 17.9019 64.5413 13.0148C67.1356 8.71519 71.0134 5.33765 75.6283 3.35784C80.8739 1.10754 87.4961 1.51684 100.741 2.33543L586.107 32.3341C598.476 33.0986 604.66 33.4808 609.403 36.1095C613.579 38.4245 616.97 41.9328 619.142 46.1856C621.608 51.0147 621.78 57.2085 622.124 69.5959L642.852 816.62C643.251 830.995 643.45 838.183 640.732 843.587C638.344 848.335 634.448 852.156 629.654 854.451C624.198 857.062 617.015 856.722 602.65 856.042L39.4702 829.369C25.6931 828.717 18.8046 828.391 13.7306 825.437C9.26925 822.84 5.76407 818.874 3.73535 814.127C1.42809 808.729 1.95123 801.852 2.99752 788.099L60.0825 37.7493Z" fill="url(%23paint0_linear_1608_19728)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M622.124 69.5959C621.78 57.2085 621.608 51.0147 619.142 46.1856C616.97 41.9328 613.579 38.4245 609.403 36.1095C604.66 33.4808 598.476 33.0986 586.107 32.3341L100.741 2.33543C87.4961 1.51684 80.8739 1.10754 75.6283 3.35784C71.0134 5.33765 67.1356 8.71519 64.5413 13.0148C61.5924 17.9019 61.0891 24.5177 60.0825 37.7493L2.99752 788.099C1.95123 801.852 1.42809 808.729 3.73535 814.127C5.76407 818.874 9.26925 822.84 13.7306 825.437C18.8046 828.391 25.6931 828.717 39.4702 829.369L602.65 856.042C617.015 856.722 624.198 857.062 629.654 854.451C634.448 852.156 638.344 848.335 640.732 843.587C643.45 838.183 643.251 830.995 642.852 816.62L622.124 69.5959Z" fill="url(%23paint1_linear_1608_19728)"/></mask><g mask="url(%23mask0_1608_19728)"><rect x="-644.859" y="-47.478" width="1763.8" height="992.138" fill="url(%23paint2_linear_1608_19728)"/></g><defs><linearGradient id="paint0_linear_1608_19728" x1="0" y1="0" x2="823.859" y2="618.374" gradientUnits="userSpaceOnUse"><stop stop-color="%239271EE"/><stop offset="1" stop-color="%234825A7"/></linearGradient><linearGradient id="paint1_linear_1608_19728" x1="0" y1="0" x2="823.859" y2="618.374" gradientUnits="userSpaceOnUse"><stop stop-color="%239271EE"/><stop offset="1" stop-color="%234825A7"/></linearGradient><linearGradient id="paint2_linear_1608_19728" x1="-644.859" y1="-47.478" x2="203.022" y2="1459.87" gradientUnits="userSpaceOnUse"><stop stop-color="%239271EE"/><stop offset="1" stop-color="%234825A7"/></linearGradient></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-section-v-1,
.mask-section-v-1-desktop {
    mask-image: url('data:image/svg+xml,<svg width="1530" height="847" viewBox="0 0 1530 847" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1608_18476" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1530" height="847"><path d="M0 36.4693L1530 0V825.574L0 847V36.4693Z" fill="url(%23paint0_linear_1608_18476)"/></mask><g mask="url(%23mask0_1608_18476)"><rect x="-206" y="-205" width="2142" height="1205" fill="url(%23paint1_linear_1608_18476)"/></g><defs><linearGradient id="paint0_linear_1608_18476" x1="0" y1="0" x2="717.806" y2="1296.63" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient><linearGradient id="paint1_linear_1608_18476" x1="-206" y1="-205" x2="823.848" y2="1625.65" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-version-02-content {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="573" height="472" viewBox="0 0 573 472" fill="none"><path d="M48.6344 17.7664C49.8203 7.21764 59.0407 -0.56701 69.6389 0.0325516L517.815 25.3867C527.629 25.9419 535.585 33.5469 536.582 43.3263L572.327 393.952C573.446 404.923 565.473 414.729 554.504 415.872L22.0771 471.386C9.37426 472.71 -1.29852 461.951 0.12822 449.259L48.6344 17.7664Z" fill="url(%23paint0_linear_1608_18479)"/><defs><linearGradient id="paint0_linear_1608_18479" x1="-2.64893" y1="-1.03613" x2="463.503" y2="565.216" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .mask-version-02-content {
        border-radius: 40px;
        padding: 40px 30px !important;
    }
}

.mask-main {
    mask-image: url(https://oggames.several.studio/wp-content/uploads/2026/02/Mask-group.webp);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-type-content-main {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="384" height="134" viewBox="0 0 384 134" fill="none"><path d="M36.883 106.306L366.256 133.011C375.572 133.766 383.549 126.41 383.549 117.063V16.0001C383.549 6.93763 376.03 -0.315897 366.973 0.010514L15.4359 12.6803C4.60835 13.0705 -2.70888 23.8836 0.954584 34.08L23.1185 95.768C25.2415 101.677 30.6246 105.798 36.883 106.306Z" fill="url(%23paint0_linear_1608_19340)"/><defs><linearGradient id="paint0_linear_1608_19340" x1="-6.45068" y1="-0.586914" x2="77.0103" y2="240.523" gradientUnits="userSpaceOnUse"><stop stop-color="%2381E4C8"/><stop offset="1" stop-color="%2338A486"/></linearGradient></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-video {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="660" height="376" viewBox="0 0 660 376" fill="none"><path d="M70.7431 15.9003C72.7114 6.50267 81.0802 -0.170214 90.6802 0.00352111L605.984 9.32916C616.097 9.51217 624.481 17.2165 625.517 27.2779L659.115 353.656C660.329 365.449 651.075 375.704 639.22 375.704H20.0071C7.31217 375.704 -2.17055 364.03 0.431866 351.604L70.7431 15.9003Z" fill="url(%23pattern0_1608_19324)"/><path d="M70.7431 15.9003C72.7114 6.50267 81.0802 -0.170214 90.6802 0.00352111L605.984 9.32916C616.097 9.51217 624.481 17.2165 625.517 27.2779L659.115 353.656C660.329 365.449 651.075 375.704 639.22 375.704H20.0071C7.31217 375.704 -2.17055 364.03 0.431866 351.604L70.7431 15.9003Z" fill="%231E143A" fill-opacity="1"/><defs><pattern id="pattern0_1608_19324" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1608_19324" transform="matrix(0.000784117 0 0 0.00138889 -0.00183517 0)"/></pattern></defs></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

[id^="gslider-"] .swiper-button-prev:after,
[id^="gslider-"] .swiper-button-next:after {
    content: none !important;
}


.anim-wave-item {
    --move: 1;
    --rotate: 1;
    --color-hover: #4CD9B1;
    --hover-back: #6D58FF;
    --hover-front: #361C7E;

    overflow: hidden !important;
    position: relative !important;
    transition: color 0.25s ease;
    z-index: 1;
}


.anim-wave-item::after {
    --pb: var(--hover-front);
    --d: .44s;
}

.anim-wave-item:hover {
    color: var(--color-hover) !important;
}

.anim-wave-item:hover::before,
.anim-wave-item:hover::after {
    --y: 0;
    --br: 5%;
}

.anim-wave-item:hover::after {
    --br: 10%;
    --d-d: .02s;
}

.anim-wave-item .anim-text-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    pointer-events: none;
}


.anim-wave-item span {
    display: inline-block;
    backface-visibility: hidden;
    animation: var(--name, none) 0.7s linear forwards;
}


.anim-wave-item:hover span {
    --name: move;
}


.card-game:hover .content-game {
    bottom: 50px;
}


:not(.elementor-editor-active) .curve-carousel .swiper-slide>.elementor-element {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

.curve-carousel.animate-in .swiper-slide>.elementor-element {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.curve-carousel.animate-in .swiper-slide:nth-child(1)>.elementor-element {
    transition-delay: 0.1s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(2)>.elementor-element {
    transition-delay: 0.25s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(3)>.elementor-element {
    transition-delay: 0.4s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(4)>.elementor-element {
    transition-delay: 0.55s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(5)>.elementor-element {
    transition-delay: 0.7s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(6)>.elementor-element {
    transition-delay: 0.85s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(7)>.elementor-element {
    transition-delay: 1s;
}


@media (max-width: 1200px) {
    .footer-menu .footer-menu-close {
        position: absolute;
        top: 0px;
        right: calc(50% - 45px);
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-menu .footer-menu-close .footer-menu-close__icon {
        position: relative;
        width: 16px;
        height: 17px;
        margin-left: auto;
        margin-right: 0;
    }

    .footer-menu .footer-menu-close .footer-menu-close__icon svg {
        width: 100%;
        height: 100%;
        transition: transform 0.3s ease;
    }

    .footer-menu> :nth-child(3) {
        height: 0px;
        transition: height 0.3s ease;
        overflow: hidden;
        interpolate-size: allow-keywords;
    }

    .footer-menu.open> :nth-child(3) {
        height: auto;
    }
}

/* --- Custom Search Shortcode Styles (Vanilla CSS) --- */
.og-search-wrapper {
    position: relative;
    z-index: 9999;
}

.og-search-toggle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.28);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    backdrop-filter: blur(2px);
}

.og-search-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

.og-icon {
    width: 24px;
    height: 24px;
}

.og-icon-sm {
    width: 20px;
    height: 20px;
}

.og-search-container {
    position: absolute;
    top: calc(100% + 15px);
    /* Positioned below the toggle */
    right: 0;
    width: 437px;
    background: rgba(11, 96, 197, 0.30);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 35px;
    border: 2px solid #4CD9B1;
    padding: 8px;

    /* Animation Properties */
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) translateY(-20px);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: top right;
    pointer-events: none;
}

.og-search-container.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
    pointer-events: auto;
}

.og-search-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.og-search-input-group {
    position: relative;
    flex-grow: 1;
}

.og-search-input-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    pointer-events: none;
    display: flex;
    z-index: 2;
}

.og-search-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.28) !important;
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 8px 20px 8px 50px !important;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    font-family: "Source Sans Pro", Sans-serif;
}

.og-search-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.og-search-input:focus {
    background: rgba(255, 255, 255, 0.35);
}

.og-search-close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    padding: 0;
    border-radius: 57.433px;
    border: 1.2px solid #FFF;
    background: rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(1.4358216524124146px);
}

.og-search-close:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Results Section */
.og-search-results {
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1);
}

.og-search-results.hidden {
    display: none !important;
}

.og-search-results::-webkit-scrollbar {
    width: 8px;
}

.og-search-results::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.og-search-results::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.og-search-result-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.3s ease;
}

.og-search-result-item:last-child {
    border-bottom: none;
}

.og-search-result-item:hover {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 18px;
}

.og-search-result-thumb {
    width: 64px;
    height: 64px;
    border-radius: 15px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.og-search-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.og-search-result-item:hover .og-search-result-thumb img {
    transform: scale(1.15);
}

.og-search-result-info {
    flex-grow: 1;
}

.og-search-result-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.3;
}

.og-search-result-type {
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-top: 4px;
    letter-spacing: 1px;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .og-search-container {
        width: calc(100vw - 32px) !important;
        position: fixed !important;
        top: 80px !important;
        right: 16px !important;
        left: 16px !important;
        z-index: 10000;
        border-radius: 999px !important;
        padding: 4px !important;
        background: #695997 !important;
        border: 1px solid #FFF !important;
    }

    .og-search-inner {
        gap: 8px !important;
    }

    .og-search-input-icon {
        display: none;
    }

    .og-search-input {
        background: transparent !important;
        border: none !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        padding: 0px 12px 0px 20px !important;
        height: 45px !important;
    }

    .og-search-close {
        display: none !important;
        /* Simplified for mobile */
    }

    .og-search-results {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(54, 28, 126, 0.98);
        border-radius: 20px;
        margin-top: 10px;
        border: 1px solid rgba(0, 209, 255, 0.3);
    }

    .mask-section-v-1,
    .mask-section-v-1-desktop {
        mask-image: none;
        background-image: none !important;
    }

    .mask-section-v-2 {
        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339 254" fill="none"><path d="M29.4815 7.0177C29.9968 2.85382 33.6414 -0.204557 37.8315 0.0107678L309.713 13.9824C313.624 14.1834 316.815 17.1872 317.252 21.0796L338.931 214.243C339.43 218.687 336.188 222.678 331.735 223.099L8.75605 253.689C3.6645 254.172 -0.565813 249.818 0.0623095 244.743L29.4815 7.0177Z" fill="url(%23paint0_linear_2636_1074)"/><defs><linearGradient id="paint0_linear_2636_1074" x1="-1.16113" y1="-0.371338" x2="243.437" y2="326.718" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7283"/><stop offset="1" stop-color="%23BF1F33"/></linearGradient></defs></svg>');
    }

    .mask-main {
        mask-image: none;
    }
}

/* --- Filter Shortcode Styles --- */
.og-filter-wrapper {
    width: 100%;
    color: #fff;
    font-family: "Calibri", sans-serif;
}

/* Desktop Styles */
.og-filter-desktop {
    display: block;
}

.og-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #4CD9B1;
    border-radius: 100px;
    padding: 13px 24px;
    background-color: rgba(11, 96, 197, 0.30);
}

.og-dropdown {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.og-dropdown-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: opacity 0.3s ease;
}

.og-dropdown-label:hover {
    opacity: 0.8;
}

.og-current-val {
    font-weight: 400;
    text-transform: none;
}

.og-dropdown .og-arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.og-dropdown.open .og-arrow {
    transform: rotate(180deg);
}

.og-dropdown-list {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: rgba(31, 83, 188, 0.95);
    border: 2px solid #4CD9B1;
    border-radius: 10px;
    min-width: 196px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.og-dropdown.open .og-dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.og-dropdown-list li {
    padding: 6px 20px;
    font-size: 16px;
    transition: background 0.3s ease, color 0.3s ease;
}

.og-dropdown-list li:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #36e4b8;
}

.og-filter-group-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.og-filter-search {
    position: relative;
    width: 283px;
}

.og-filter-search input {
    width: 100%;
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    padding: 8px 45px 8px 20px !important;
    color: #fff !important;
    font-size: 18px !important;
    outline: none !important;
    transition: border-color 0.3s ease;
}

.og-filter-search input:focus {
    border-color: #36e4b8 !important;
}

.og-filter-search button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0;
}

.og-filter-search button svg {
    width: 18px;
    height: 18px;
}

/* Clear filters button */
.og-filter-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

.og-filter-clear:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}

/* Active dropdown item */
.og-dropdown-list li.active {
    color: #36e4b8;
    font-weight: 600;
}

/* Mobile Styles */
.og-filter-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .og-filter-desktop {
        display: none;
    }

    .og-filter-mobile {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .og-mobile-search-bar {
        position: relative;
        background: rgba(11, 96, 197, 0.30);
        border: 2px solid #fff;
        border-radius: 50px;
        padding: 12px 25px;
        display: flex;
        align-items: center;
    }

    .og-mobile-search-bar input {
        flex: 1;
        background: transparent !important;
        border: none !important;
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 18px !important;
        padding: 0 !important;
        outline: none !important;
    }

    .og-mobile-search-bar .og-search-icon {
        width: 20px;
        height: 20px;
        color: #fff;
    }

    .og-mobile-filter-toggle {
        background: transparent;
        border: 2px solid #36e4b8;
        border-radius: 50px;
        padding: 12px 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .og-mobile-filter-toggle span {
        font-size: 18px;
        color: #fff;
    }

    .og-mobile-filter-toggle .og-filter-icon {
        width: 20px;
        height: 20px;
        color: #fff;
    }

    .og-mobile-filter-content {
        max-height: 0;
        overflow: hidden;
        background: rgba(16, 102, 204, 0.2);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 2px solid #36e4b8;
        border-radius: 30px;
        opacity: 0;
        transition: all 0.4s ease;
    }

    .og-mobile-filter-content.open {
        max-height: none;
        padding: 20px 26px 23px 26px;
        opacity: 1;
    }

    .og-mobile-filter-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid rgba(54, 228, 184, 0.2);
    }

    .og-mobile-filter-item .og-dropdown-label {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .og-mobile-filter-item.og-dropdown .og-dropdown-list {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: unset !important;
        margin-top: 15px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(54, 228, 184, 0.3) !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        display: none;
        transition: none !important;
        /* Internal scroll for long lists */
        max-height: 250px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #36e4b8 rgba(255, 255, 255, 0.1);
    }

    .og-mobile-filter-item.og-dropdown .og-dropdown-list::-webkit-scrollbar {
        width: 6px;
    }

    .og-mobile-filter-item.og-dropdown .og-dropdown-list::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
        border-radius: 10px;
    }

    .og-mobile-filter-item.og-dropdown .og-dropdown-list::-webkit-scrollbar-thumb {
        background: #36e4b8;
        border-radius: 10px;
    }

    .og-mobile-filter-item.og-dropdown.open .og-dropdown-list {
        display: block;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .og-mobile-filter-item .og-dropdown-list li {
        padding: 12px 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .og-mobile-filter-item .og-dropdown-list li:last-child {
        border-bottom: none;
    }

    .og-mobile-filter-item span {
        font-size: 18px;
        color: #fff;
    }

    .og-mobile-filter-item .og-arrow {
        width: 20px;
        height: 20px;
        color: #fff;
    }
}


body.page-id-44 header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #361c7e !important;
}

body.page-id-44 header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover {
    color: #361c7e !important;
}


@media (max-width: 920px) {

    header.is-scrolled .elementor-element-a07974d .e-con-inner {
        padding: 5px 15px !important;
    }
}


.og-marquee-wrapper {
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
}

.og-marquee-content {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
    gap: 40px;
    align-items: center;
}

.og-marquee-content:hover {
    animation-play-state: paused;
}

.og-marquee-item {
    flex-shrink: 0;
    width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.og-marquee-item img {
    max-height: 35px;
    max-width: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}

/* .og-marquee-item:hover img {
    filter: grayscale(0) brightness(1);
    opacity: 1;
    transform: scale(1.1);
} */

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


body.single-game .elementor-1541 .elementor-element.elementor-element-b88eb25::before {
    background-image: linear-gradient(180deg, rgb(56 28 125) 0%, #E7394E 37.02%, #FFB523 75.48%) !important;
}

@media (max-width: 768px) {
    .og-marquee-wrapper {
        mask-image: none !important;
        -webkit-mask-image: none !important;
        padding: 0 20px !important;
    }

    .og-marquee-content {
        animation: none !important;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 26px 20px;
        width: 100% !important;
        justify-items: center;
        align-items: center;
        max-width: 500px;
        margin: 0 auto;
    }

    .og-marquee-item {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .og-marquee-item:nth-child(n+7) {
        display: none !important;
    }

    .og-marquee-item img {
        max-height: 28px !important;
        max-width: 80px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        filter: brightness(0) invert(1) !important;
        opacity: 1 !important;
    }

    .og-marquee-item:hover img {
        filter: brightness(0) invert(1) !important;
        transform: none !important;
    }

    .mask-video {
        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="390" height="556" viewBox="0 0 390 556" fill="none"><path d="M-206.236 19.0478C-205.704 7.90515 -196.16 -0.648772 -185.026 0.0389266L572.633 46.8358C581.475 47.382 588.905 53.6801 590.891 62.3138L677.148 437.255C679.836 448.937 671.714 460.343 659.795 461.624L-208.696 554.973C-220.901 556.285 -231.396 546.396 -230.811 534.135L-206.236 19.0478Z" fill="url(%23pattern0_1608_2694)"/><path d="M-206.236 19.0478C-205.704 7.90515 -196.16 -0.648772 -185.026 0.0389266L572.633 46.8358C581.475 47.382 588.905 53.6801 590.891 62.3138L677.148 437.255C679.836 448.937 671.714 460.343 659.795 461.624L-208.696 554.973C-220.901 556.285 -231.396 546.396 -230.811 534.135L-206.236 19.0478Z" fill="%231E143A" fill-opacity="1"/><defs><pattern id="pattern0_1608_2694" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1608_2694" transform="matrix(0.000913551 0 0 0.00149477 -0.0490439 0)"/></pattern></defs></svg>');
    }

    .image-bg-main {
        height: 700px;
    }

    .intercom-lightweight-app-launcher {}
}

.swiper-wrapper .swiper-slide {
	overflow: visible;
}


/* .card-blog{
  opacity:0;
  transform:translateY(120px) scale(.95);
  transition: none;
  will-change: transform, opacity;
} */

.gform-theme--framework .gform-field-label>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
        color: #ffb523 !important;
        display: none !important;
}


/* --- Animation Initial States (Prevents Flickering) --- */
.day, 
.play, 
.masked-box, 
.img-left, 
.img-right, 
.text-reveal-letters,
.reveal-slider .swiper-slide > div {
    opacity: 0;
}