/* background.css Created Successfully */
:root {
    --heroPadY: 22px;
    --heroPadX: 20px;
}
.hero-section {
    padding-top: 4px !important;
    padding-bottom: var(--heroPadY) !important;
    padding-left: var(--heroPadX) !important;
    padding-right: var(--heroPadX) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.hero-section::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(255, 255, 255, 1) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 50% 0%, rgba(0, 188, 212, .08) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 50% 100%, rgba(0, 188, 212, .08) 0%, transparent 50%), radial-gradient(ellipse 40% 60% at 0% 50%, rgba(0, 188, 212, .08) 0%, transparent 50%), radial-gradient(ellipse 40% 60% at 100% 50%, rgba(0, 188, 212, .08) 0%, transparent 50%), #f8fcfc !important;
    z-index: -1 !important;
}
.elementor-button-icon{
color:#22c55e;
}


/* جعل النقطة الخضراء تنبض */
.badge-dot .elementor-icon-box-icon {
    animation: badgePulse 1.25s ease-in-out infinite;
}

@keyframes badgePulse {
    0%, 100% { opacity: .55; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
    45% { opacity: 1; box-shadow: 0 0 0 6px rgba(34, 197, 94, .12); }
}