/* Digital Infinity Services - Custom Styles */

.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.neon-glow-primary {
    box-shadow: 0 0 15px rgba(37, 71, 244, 0.4);
}

.neon-glow-purple {
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
}

.neon-text-cyan {
    text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);
}

.bg-mesh {
    background-image: 
        radial-gradient(at 0% 0%, rgba(37, 71, 244, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(139, 92, 246, 0.15) 0px, transparent 50%);
}

@keyframes subtle-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.animate-subtle-float {
    animation: subtle-float 6s ease-in-out infinite;
}

.input-glass {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.input-glass:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: #2547f4;
    box-shadow: 0 0 10px rgba(37, 71, 244, 0.2);
    outline: none;
}

.alert-success {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: rgb(134, 239, 172);
}

.alert-error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: rgb(252, 165, 165);
}

.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.mobile-menu.active {
    max-height: 500px;
}
.glass-card input {
    background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 1600px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {

}
@media (max-width: 840px) {
        .about-two {
    width: 90%;
}

.py-24 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
}
@media (max-width: 768px) {}
@media (max-width: 480px) {
    .email-refund {
    font-size: 12px !important;
}
    .py-24 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-20 {
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}
}
@media (max-width: 414px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}