/* nav menu */
  .clip-path-logo {
            clip-path: polygon(0% 0%, 30% 0%, 30% 40%, 100% 0%, 100% 30%, 50% 55%, 100% 80%, 100% 100%, 0% 100%);
        }
/* nav menu */
/* home page hero banner  */
.dot {
            width: 8px;
            height: 8px;
            background: #FFFFFF4D;
            border-radius: 9999px;
            transition: all 0.3s ease;
        }
        .dot.active {
            width: 24px;
            height: 8px;
            background: #F5B800;
            border-radius: 4px; /* "Normal" rounded instead of full circle */
        }
/* home page hero banner  */
[x-cloak] { display: none !important; }

.extra-bold-header { font-weight: 800; font-size: 24px; line-height: 32px; color: #0A2342; }
        .regular-text { font-weight: 400; font-size: 16px; line-height: 24px; color: #555555; }
        .form-label { font-weight: 600; font-size: 14px; color: #0A2342; margin-bottom: 8px; display: block; }
        .input-field { 
            width: 100%; padding: 12px 16px; border-radius: 14px; border: 0.8px solid #C7C7C7;
            font-size: 16px; line-height: 24px; color: #0A0A0A80; outline: none; transition: border-color 0.2s;
        }
        .input-field:focus { border-color: #1B55C5; }
        .gradient-card { background: linear-gradient(135deg, #0A2342 0%, #1B55C5 100%); }


    /* Hide scrollbar for Chrome, Safari and Opera */
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .no-scrollbar {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

/* Blue bar drops in */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px) scaleY(0.5);
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

/* Top blade slashes in */
@keyframes slashIn {
    from {
        opacity: 0;
        transform: rotate(18deg) scaleX(0);
    }

    to {
        opacity: 1;
        transform: rotate(18deg) scaleX(1);
    }
}

/* Bottom blade slashes in */
@keyframes slashIn2 {
    from {
        opacity: 0;
        transform: rotate(-14deg) scaleX(0);
    }

    to {
        opacity: 1;
        transform: rotate(-14deg) scaleX(1);
    }
}

/* Yellow triangle rises */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Glow pulse after assembly */
@keyframes glowPulse {
    0% {
        filter: none;
    }

    50% {
        filter: drop-shadow(0 0 18px rgba(47,128,194,0.75)) drop-shadow(0 0 10px rgba(245,184,0,0.5));
    }

    100% {
        filter: none;
    }
}

/* Spinning ring */
@keyframes spinRing {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Dot pulse */
@keyframes dotBounce {
    0%, 80%, 100% {
        transform: scale(0.65);
        opacity: 0.35;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* Loading text fade */
@keyframes textGlow {
    from {
        color: #444;
        letter-spacing: 0.25em;
    }

    to {
        color: #999;
        letter-spacing: 0.3em;
    }
}

.anim-logo {
    animation: glowPulse 1.3s ease 1.2s both;
}

.anim-ring {
    animation: spinRing 1.4s linear 0.85s infinite;
    opacity: 0.85;
}

.anim-dot1 {
    animation: dotBounce 1.2s ease-in-out 0s infinite;
}

.anim-dot2 {
    animation: dotBounce 1.2s ease-in-out 0.18s infinite;
}

.anim-dot3 {
    animation: dotBounce 1.2s ease-in-out 0.36s infinite;
}

.anim-text {
    animation: textGlow 1.8s ease-in-out infinite alternate;
}