:root{
    --signal: #FF2442;
    --muted: #9BA0B5;
    --panel: #0B0E1E;
    --panel-2: #12152B;
    --hairline: #FFFFFF14
}

.elementor-widget-n-tabs .e-n-tabs-wrapper {
    display: flex;
    width: 100%
}

.elementor-widget-n-tabs .e-n-tab-title {
    flex: 1;
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    background: var(--panel);
    border: 1px solid var(--hairline);
    border-radius: 20px;
    padding: 24px 26px;
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    gap: 6px;
    transition: background .4s, border-color .4s, transform .4s
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.elementor-widget-n-tabs .e-n-tab-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #FF2442, #6E3BFF);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s cubic-bezier(.6, 0, .2, 1)
}

.elementor-widget-n-tabs .e-n-tab-title:hover {
    border-color: rgba(255, 255, 255, .2)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
    background: var(--panel-2);
    border-color: rgba(255, 36, 66, .4)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::before {
    transform: scaleX(1)
} 


.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .tab_title,
.elementor-widget-n-tabs .e-n-tab-title:hover .tab_title {
    color: #fff
}


.elementor-widget-n-tabs .e-n-tab-title.e-n-tab-title .tab_ping {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hairline);
    transition: .4s
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .tab_ping {
    background: var(--signal);
    box-shadow: 0 0 12px var(--signal);
    animation: heartbeat 1s infinite
}