#menu{background-color: aliceblue;}

@font-face {
    font-family: IRANSans;
    src: url(../IRANSans/IRANSans_Regular/IRANSans_Regular.ttf) format('ttf');
         url(../IRANSans/IRANSans_Medium/IRANSans_Medium.ttf) format('ttf');
         url(../IRANSans/IRANSans_UltraLight/IRANSans_UltraLight.ttf) format('ttf');
    font-weight: bold;
    font-style: normal;
}

h2{
    font-family: IRANSans, serif;
}

#creatingAccount{display: none;}
#recovery{display: none;}
#recoveryNote{color:red;}

.gradient-bg {
    z-index: 0;
    background: linear-gradient(135deg, #1273B5, #FFFFFF, #FCB813);
    background-size: 300% 300%;
    animation: gradientShift 10s ease-in-out infinite;
    border-radius: inherit;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Respect reduced motion settings */
@media (prefers-reduced-motion: reduce) {
    .gradient-bg {
        animation: none;
    }
}


.customLinkIndex,
.customLinkIndex:visited,
.customLinkIndex:focus,
.customLinkIndex:active {
    color: #1273B5;
    text-decoration: none !important;
    position: relative;
    font-weight: 600;
    outline: none;
    border: none;
    background: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Custom underline */
.customLinkIndex::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* Adjusted to fully replace underline */
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #1273B5, #1E90FF);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    border-radius: 1px;
    pointer-events: none; /* Prevent interfering with clicks */
}

/* Hover and focus animation */
.customLinkIndex:hover,
.customLinkIndex:focus {
    color: #0a4a7a;
    text-shadow: 0 0 8px #1273B5;
}

.customLinkIndex:hover::after,
.customLinkIndex:focus::after {
    transform: scaleX(1);
}

.form-floating input {
    direction: rtl;
    text-align: right;
}

.form-floating label {
    left: auto !important;
    right: 0 !important;
    text-align: right;
}

/* Floating state */
.form-floating input:focus ~ label,
.form-floating input:not(:placeholder-shown) ~ label {
    transform: translateY(-1.5rem) scale(.85);
    right: 0;
    left: auto;
    text-align: right;
}

/*page2 css*/
.customHover {
    background-color: aliceblue;
}

.customLinkPage2{
    color: black;
    text-decoration: none !important;
}

#english{font-size: 35px;color: black}
#german{font-size: 35px;color: black }
#osd{font-size: 35px;color: black }
#employee{font-size: 35px;color: black }

#myCourseDark{display: none;}
#homeDark{display: none;}
#profileLogoDark{display: none;}
#messagesDark{display: none;}

/*page 3 style*/
.bigCard{font-size: 45px;}