.elementor-333 .elementor-element.elementor-element-5f1063b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-333 .elementor-element.elementor-element-d15a1bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-333 .elementor-element.elementor-element-d15a1bc:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-d15a1bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-333 .elementor-element.elementor-element-d15a1bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-4857ab1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-333 .elementor-element.elementor-element-e4fe104{padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-cac40b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-333 .elementor-element.elementor-element-cac40b7:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-cac40b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #262626 0%, var( --e-global-color-secondary ) 100%);}.elementor-333 .elementor-element.elementor-element-1871711{--spacer-size:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-333 .elementor-element.elementor-element-4857ab1{--content-width:100%;}}@media(max-width:767px){.elementor-333 .elementor-element.elementor-element-d15a1bc{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-333 .elementor-element.elementor-element-4857ab1{--content-width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10%;--margin-bottom:16%;--margin-left:0%;--margin-right:0%;--padding-top:-8px;--padding-bottom:-8px;--padding-left:-8px;--padding-right:-8px;}.elementor-333 .elementor-element.elementor-element-e4fe104{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-333 .elementor-element.elementor-element-cac40b7:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-cac40b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #262626 33%, var( --e-global-color-secondary ) 100%);}.elementor-333 .elementor-element.elementor-element-cac40b7{--margin-top:-16%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-333 .elementor-element.elementor-element-1871711{--spacer-size:50px;}}/* Start custom CSS for html, class: .elementor-element-fb149d0 */.bottom-nav{

    position:fixed;

    bottom:20px;
    left:50%;

    transform:translateX(-50%);

    width:80%;
    height:85px;

    background:#1b1b1b;

    border-radius:28px;

    display:flex;
    justify-content:space-around;
    align-items:center;

    box-shadow:
    0 0 20px rgba(0,0,0,0.5),
    inset 0 0 8px rgba(255,255,255,0.03);

    z-index:999;
}

/* ITEM */

.nav-item{

    width:70px;
    height:70px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:20px;

    position:relative;

    transition:0.35s ease;
}

/* ICON */

.nav-icon{

    width:38px;
    height:38px;

    object-fit:contain;

    opacity:0.5;

    transition:0.35s ease;
}

/* ACTIVE */

.nav-item.active{

    transform:translateY(-8px);
}

.nav-item.active .nav-icon{

    opacity:1;
 
    filter:
    drop-shadow(0 0 6px #00d9ff)
    drop-shadow(0 0 12px #ff00d4);
}

/* CLICK EFFECT */

.nav-item.active .nav-icon{

    animation:iconPop 0.45s ease;
}

/* ANIMATION */

@keyframes iconPop{

    0%{
        transform:
        scale(0.7)
        rotate(-10deg);

        opacity:0;
    }

    50%{
        transform:
        scale(1.2)
        rotate(6deg);

        opacity:1;
    }

    100%{
        transform:
        scale(1)
        rotate(0deg);

        opacity:1;
    }
}


.bottom-nav{
    animation:navEnter 1s cubic-bezier(.22,1,.36,1);
}

@keyframes navEnter{

    0%{
        opacity:0;

        transform:
        translateX(-50%)
        translateY(120px)
        scale(0.9);
    }

    70%{
        opacity:1;

        transform:
        translateX(-50%)
        translateY(30px)
        scale(1.03);
    }

    100%{
        opacity:1;

        transform:
        translateX(-50%)
        translateY(0)
        scale(1);
    }
}/* End custom CSS */
/* Start custom CSS */.stdiv {
    position: fixed;   
    bottom: 0;        
    left: 0;           
    right: 0;          
    width: 100%;       
    z-index: 9999;     
    
    
    background-color: #ffffff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    padding: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .sticky-bottom-div {
        position: static; 
        display: none;   
    }
}



.page-header {
    display: none !important;
}























.joypad-footer {
    position: relative;
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px); 
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    text-align: center;
    overflow: hidden;
    
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}


.rgb-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #8C0E78,#820086,#064899,#0FCCF3,#8C0E78);
    background-size: 200% 100%;
    animation: move-rgb var(--neon-speed) linear infinite;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.7);
}


.footer-logo {
    
    font-size: 2.5rem;
    margin-bottom: 10px;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 0 10px #fff, 
                 0 0 20px #00d2ff, 
                 0 0 40px #3a7bd5;
    animation: neon-pulse 1.5s ease-in-out infinite alternate;
}

.footer-content p {
    opacity: 0.7;
    font-size: 0.9rem;
    
}

.social-icons {
    margin-top: 20px;
    font-size: 1.5rem;
    gap: 20px;
    display: flex;
    justify-content: center;
}


@keyframes move-rgb {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

@keyframes neon-pulse {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #00d2ff;
        transform: scale(1);
    }
    to {
        text-shadow: 0 0 15px #fff, 0 0 30px #00d2ff, 0 0 50px #3a7bd5;
        transform: scale(1.05);
        
    }
}

.rgb-logo {
    font-family: 'Tahoma', sans-serif;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  color: white;
  letter-spacing: 3px;
  animation: rgbGlow 3s linear infinite;
}

@keyframes rgbGlow {
  0% {
    text-shadow:
      0 0 3px red,
      0 0 3px red,
      0 0 3px red;
  }
  33% {
    text-shadow:
      0 0 3px lime,
      0 0 3px lime,
      0 0 3px lime;
  }
  66% {
    text-shadow:
      0 0 3px blue,
      0 0 3px blue,
      0 0 3px blue;
  }
  100% {
    text-shadow:
      0 0 3px red,
      0 0 3px red,
      0 0 3px red;
  }
}/* End custom CSS */