.custom-header4 {
    height: 120px !important;
}

.custom-header-logo {
    margin-top: 40px;
}

.custom-header-right-button {
    color: #000000 !important;
}

.custom-menu-bar {
    height: 50px !important;
    margin-left: 50px;
}


.cs_menubar_bg_color {
    background-color: var(--menubar);
}

.cs_menubar_color {
    color: var(--menubar);
}

.cs_section_bg_color {
    background-color: var(--section);
}

.cs_section_color {
    color: var(--section);
}


.cs_button_bg_color {
    color: var(--button-background);
}

.cs_button_text_color {
    color: var(--button-text);
}


.cs_tab_de_active_text_color {
    color: rgba(var(--tab-text), 0.5);
}

.cs_tab_de_active_background_color {
    background-color: rgba(var(--tab-active-background), 0.5);
    /* 0.5 = 50% opacity */
}

.cs_tab_text_color {
    color: var(--tab-text);
}

.cs_tab_background_color {
    background-color: var(--tab-background);
}

.cs_header_background_color {
    background-color: var(--header-background);
}


/* New School */
/* Horizontal marquee for announcement */
.marquee-text {
    animation: marquee 45s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Vertical scroll animation for latest updates */
.scroll-up-container {
    animation: scroll-up 15s linear infinite;
}

@keyframes scroll-up {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(-100%);
    }
}

/* Image Slider Animations */
@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.animate-fade-in {
    animation: fade-in 1s ease-in-out forwards;
}

@keyframes slide-from-right {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.animate-slide-from-right {
    animation: slide-from-right 1s ease-in-out forwards;
}

@keyframes zoom-in {
    from {
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.animate-zoom-in {
    animation: zoom-in 1s ease-in-out forwards;
}

@keyframes wipe-from-right {
    from {
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0);
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.animate-wipe-from-right {
    animation: wipe-from-right 1s ease-in-out forwards;
}

@keyframes curtain-open {
    from {
        clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.animate-curtain-open {
    animation: curtain-open 1s ease-in-out forwards;
}