.elementor-23 .elementor-element.elementor-element-adca956{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-23 .elementor-element.elementor-element-adca956:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-adca956 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-9890dcd img{width:21%;}.elementor-23 .elementor-element.elementor-element-b9acd95{--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;--flex-wrap:wrap;}.elementor-23 .elementor-element.elementor-element-b9acd95:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-b9acd95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-9890dcd img{width:80%;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-adca956{--content-width:1300px;}.elementor-23 .elementor-element.elementor-element-b9acd95{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-d4f9f30 */.glow-on-hover {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 34px;
    border: none;
    border-radius: 12px;
    background: #0b0b0b;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
    animation: btnBreath 3s ease-in-out infinite;
    box-shadow: 0 0 12px rgba(250, 210, 38, 0.18);
}

/* OUTER GLOW */
.glow-on-hover::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 14px;
    background: linear-gradient(
        120deg,
        #FAD226,
        #0771b4,
        #2d9649,
        #21B5F4,
        #FAD226
    );
    background-size: 300% 300%;
    animation: flowGlow 6s linear infinite;
    filter: blur(10px);
    opacity: 0.7;
    z-index: -3;
}

/* INNER PANEL */
.glow-on-hover::after {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: 10px;
    background: #0b0b0b;
    z-index: -2;
}

/* TEXT */
.glow-on-hover .text {
    position: relative;
    z-index: 5;
}

/* SNAKE BASE */
.glow-on-hover .snake {
    position: absolute;
    display: block;
    z-index: 3;
    border-radius: 999px;
    filter: blur(0.5px);
    box-shadow:
        0 0 8px currentColor,
        0 0 16px currentColor;
}

/* TOP */
.glow-on-hover .s-top {
    top: 0;
    left: -35%;
    width: 35%;
    height: 3px;
    color: #FAD226;
    background: linear-gradient(90deg, transparent, currentColor, #fff, currentColor, transparent);
    animation: snakeTop 1s linear infinite;
}

/* RIGHT */
.glow-on-hover .s-right {
    top: -35%;
    right: 0;
    width: 3px;
    height: 35%;
    color: #21B5F4;
    background: linear-gradient(180deg, transparent, currentColor, #fff, currentColor, transparent);
    animation: snakeRight 1s linear infinite;
    animation-delay: 0.25s;
}

/* BOTTOM */
.glow-on-hover .s-bottom {
    bottom: 0;
    right: -35%;
    width: 35%;
    height: 3px;
    color: #2d9649;
    background: linear-gradient(270deg, transparent, currentColor, #fff, currentColor, transparent);
    animation: snakeBottom 1s linear infinite;
    animation-delay: 0.5s;
}

/* LEFT */
.glow-on-hover .s-left {
    bottom: -35%;
    left: 0;
    width: 3px;
    height: 35%;
    color: #0771b4;
    background: linear-gradient(360deg, transparent, currentColor, #fff, currentColor, transparent);
    animation: snakeLeft 1s linear infinite;
    animation-delay: 0.75s;
}

/* SHINE */
.glow-on-hover .text::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -50%;
    width: 40%;
    height: 200%;
    transform: translateY(-50%) skewX(-25deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.25),
        transparent
    );
    animation: shineMove 3s linear infinite;
}

/* ANIMATIONS */
@keyframes flowGlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

@keyframes shineMove {
    0% {
        left: -50%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        opacity: 0.8;
    }
    100% {
        left: 130%;
        opacity: 0;
    }
}

@keyframes btnBreath {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

@keyframes snakeTop {
    0%   { left: -35%; }
    100% { left: 100%; }
}

@keyframes snakeRight {
    0%   { top: -35%; }
    100% { top: 100%; }
}

@keyframes snakeBottom {
    0%   { right: -35%; }
    100% { right: 100%; }
}

@keyframes snakeLeft {
    0%   { bottom: -35%; }
    100% { bottom: 100%; }
}/* End custom CSS */