/* Adds space above Think Exam logo */
.space-above-logo {
    height: 20px; /* Adjust as needed */
}

/* Adds extra space below Think Exam logo */
.extra-space-below-logo {
    height: 20px; /* Adjust as needed */
}

/* Adds space after social media icons */
.space-after-social {
    height: 15px; /* Adjust as needed */
}

/* Adds space after Terms of Use */
.space-after-terms {
    height: 10px; /* Adjust as needed */
}

/* Styling the Terms of Use and Privacy Policy links */
.related-website p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.related-website a {
    color: #fff; /* White text color */
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
}

.related-website a:hover {
    text-decoration: underline;
}

/* Centering copyright text */
.ftrcntnt {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

/* White text for "Powered by thinkexam.com" */
.powered-by {
    color: #fff !important;
}
/* ===== Header motion - target visible elements only ===== */

/* Logo */
.Header__logoPart {
    animation: teFadeDown 0.8s ease-out;
}

/* Navigation items */
.Header__nav {
    animation: teFadeDown 0.9s ease-out;
}

/* Welcome title */
.Header__welcomeTitle {
    animation: teSlideLeft 0.9s ease-out;
}

/* Welcome description */
.Header__welcomeDescription {
    animation: teSlideRight 1s ease-out;
}

/* Search box inner area */
.Header__searchSubCont {
    animation: teFloatUp 1s ease-out;
}

/* Keyframes */
@keyframes teFadeDown {
    from {
        opacity: 0;
        transform: translateY(-18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes teSlideLeft {
    from {
        opacity: 0;
        transform: translateX(-35px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes teSlideRight {
    from {
        opacity: 0;
        transform: translateX(35px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes teFloatUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}