.elementor-45 .elementor-element.elementor-element-57ddb90 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-57ddb90 .main-menu ul > li > a{margin:0% 0% 0% 0% !important;}.elementor-45 .elementor-element.elementor-element-57ddb90 .th_btn{color:#F3F2FF;background-color:#0F0F0F;margin:0% 0% 0% 0%;padding:-1px -1px -1px -1px;border-radius:40px 40px 40px 40px;}.elementor-45 .elementor-element.elementor-element-57ddb90 .th_btn:hover{color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-57ddb90 .th_btn:before, .elementor-45 .elementor-element.elementor-element-57ddb90 .th_btn:after{background-color:#0F21CA !important;}/* Start custom CSS for eduraheader, class: .elementor-element-57ddb90 *//* ========================================================================= */
/* --- FULL HEADER STYLES --- */
/* ========================================================================= */

/* Fixes the background color of the entire header to be solid blue */
/* YOU MUST REPLACE 'YOUR_MAIN_HEADER_CLASS' WITH YOUR HEADER'S CLASS */
.YOUR_MAIN_HEADER_CLASS {
    background-color: #0D5EF4 !important;
}

/* Fixes the layout of the top header bar to be a single, responsive row */
/* --- YOU MUST REPLACE 'YOUR_TOP_BAR_CLASS' WITH YOUR ACTUAL CLASS NAME --- */
.YOUR_TOP_BAR_CLASS {
    display: flex;                /* Enables Flexbox */
    flex-wrap: wrap;              /* Allows items to wrap on smaller screens */
    align-items: center;          /* Vertically centers all child elements */
    justify-content: space-between; /* Pushes content to the edges */
    border: none !important;
    box-shadow: none !important;
}


/* General Header Styling for the right section */
/* This ensures there are no borders or shadows causing the black/blue lines */
.header-right {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ------------------------------------------------------------------------- */
/* --- 3D POP-UP ANIMATION FOR 'REGISTER NOW' BUTTON --- */
/* ------------------------------------------------------------------------- */
/* 1. Define the animation */
@keyframes register-3d-pop {
    0% {
        transform: scale(1) perspective(400px) rotateX(0deg);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
    50% {
        transform: scale(1.05) perspective(400px) rotateX(20deg);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    }
    100% {
        transform: scale(1) perspective(400px) rotateX(0deg);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

/* 2. Apply the animation and styles to the 'Register Now' button */
.header-right .d-lg-inline-block {
    /* --- UPDATED BUTTON STYLES --- */
    background-color: #FF0000; /* YouTube's red color */
    color: #000000;             /* Black text color */
    
    border-radius: 40px;
    padding: 5px 20px;
    transition: all 0.3s ease;
    
    /* 3D Animation styles */
    transform-style: preserve-3d;
    animation: register-3d-pop 1s ease-in-out infinite; /* Animation is now 1 second long */
}


/* ------------------------------------------------------------------------- */
/* --- OTHER HEADER STYLES --- */
/* ------------------------------------------------------------------------- */
/* Menu link color */
.main-menu .current-menu-item > a {
    color: #0D5EF4;
}

/* Fixes the Twitter icon to show as an 'X' */
.fab.fa-twitter {
    font-family: sans-serif;
}
.fab.fa-twitter::before {
    content: "𝕏";
    font-size: 1.2em;
}

/* Force logo size */
.custom-logo-link img {
    width: 60px !important;
    height: 30px !important;
    object-fit: contain;
}

/* Custom CSS to apply official brand colors and add a white outline to LinkedIn and Facebook */

/* LinkedIn - Blue with White Outline */
.header-social a .fa-linkedin {
    color: #0A66C2 !important; /* Brand Blue */
    /* Adds a thin, white border/outline effect */
    text-shadow: 
        -1px -1px 0 #FFF,  
         1px -1px 0 #FFF,
        -1px 1px 0 #FFF,
         1px 1px 0 #FFF; 
}

/* Facebook - Blue with White Outline */
.header-social a .fa-facebook-f {
    color: #1877F2 !important; /* Brand Blue */
    /* Adds a thin, white border/outline effect */
    text-shadow: 
        -1px -1px 0 #FFF,  
         1px -1px 0 #FFF,
        -1px 1px 0 #FFF,
         1px 1px 0 #FFF; 
}

/* YouTube - Red (No outline needed) */
.header-social a .fa-youtube {
    color: #FF0000 !important;
}

/* Instagram - Purple/Pink (No outline needed) */
.header-social a .fa-instagram {
    color: #C13584 !important;
}

/* TikTok - Black (No outline needed) */
.header-social a .fa-tiktok {
    color: #000000 !important;
}

/* Optional: Add a hover effect for better user interaction */
.header-social a:hover i {
    opacity: 0.7; /* Makes icons slightly transparent on hover */
    /* Removes the white border on hover for a cleaner look */
    text-shadow: none !important; 
}/* End custom CSS */