.elementor-17 .elementor-element.elementor-element-61e6548{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-9d0d48b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-8d2aece{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-e2a903e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-37db69f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-37db69f::before, .elementor-17 .elementor-element.elementor-element-37db69f > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-37db69f > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-37db69f > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-37db69f > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-37db69f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F0F0F0;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-67076fb{text-align:center;}.elementor-17 .elementor-element.elementor-element-c4ad0f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 51px;--row-gap:0px;--column-gap:51px;--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-c4ad0f9::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F0F0F0;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-c4ad0f9:hover::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9:hover > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .elementor-background-slideshow:hover::before, .elementor-17 .elementor-element.elementor-element-c4ad0f9 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#F0F0F0;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-c4ad0f9:hover{--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-f36d3fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-f36d3fb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-9143bf4 img{border-radius:9px 9px 9px 9px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-06355b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-06355b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-d6a674c img{border-radius:9px 9px 9px 9px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-9d0d48b{--width:25%;}.elementor-17 .elementor-element.elementor-element-8d2aece{--width:50%;}.elementor-17 .elementor-element.elementor-element-e2a903e{--width:25%;}.elementor-17 .elementor-element.elementor-element-f36d3fb{--width:33.319%;}.elementor-17 .elementor-element.elementor-element-06355b8{--width:33.319%;}}/* Start custom CSS for html, class: .elementor-element-0bc3065 */.animated-quiz-button {
    display: inline-block;
    padding: 18px 35px; /* Slightly larger padding */
    font-size: 22px; /* Larger font size */
    font-weight: bold;
    color: #ffffff; /* White text for contrast */
    background-color: #4CAF50; /* Initial professional green */
    border: none;
    border-radius: 60px; /* More rounded shape */
    text-decoration: none;
    text-align: center;
    transition: all 0.6s ease-in-out; /* Smooth transition for all properties */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); /* More pronounced shadow */
    animation: colorChangeStudy 5s infinite alternate, pulse 2s infinite ease-in-out; /* Combined animations */
    letter-spacing: 1px; /* Slightly spaced letters */
    text-transform: uppercase; /* Uppercase text */
}

.animated-quiz-button:hover {
    transform: translateY(-5px) scale(1.03); /* Lifts and slightly scales on hover */
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35); /* Enhanced shadow on hover */
    cursor: pointer; /* Indicates it's clickable */
}

/* Animation for professional color changes */
@keyframes colorChangeStudy {
    0% { background-color: #4CAF50; } /* Professional Green */
    25% { background-color: #2196F3; } /* Bright Blue */
    50% { background-color: #FFC107; } /* Energetic Yellow */
    75% { background-color: #9C27B0; } /* Deep Purple */
    100% { background-color: #00BCD4; } /* Aqua Blue */
}

/* Animation for subtle pulsing effect */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.01); } /* Slight increase in size */
    100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01ef450 *//* Base styles for the announcement banner */
.website-announcement {
    display: flex; /* Aligns content horizontally */
    justify-content: center; /* Centers items horizontally */
    align-items: center; /* Centers items vertically */
    padding: 15px 25px;
    margin: 20px auto; /* Centers the banner on the page with some vertical space */
    border-radius: 10px; /* Slightly rounded corners */
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden; /* Ensures tags don't spill out */
    position: relative; /* For animation positioning */
    max-width: 800px; /* Limits width for better readability */
    white-space: nowrap; /* Keeps everything on one line */
}

/* Styles for the "New!" or "Alert!" tags on the sides */
.announcement-tag {
    font-size: 16px; /* Slightly smaller than main text */
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
    border-radius: 5px;
    margin: 0 15px; /* Space between tags and main text */
    animation: bounceTag 1s infinite alternate ease-in-out; /* Animation for the tags */
}

/* Styles for the main announcement text */
.announcement-text {
    flex-grow: 1; /* Allows text to take up available space */
    padding: 0 10px; /* Slight padding around text */
}

/* Specific styles for "New" announcements */
.website-announcement.new {
    background: linear-gradient(90deg, #4CAF50, #8BC34A); /* Green gradient */
    animation: flashNew 3s infinite alternate; /* New specific animation */
}

/* Specific styles for "Error" announcements */
.website-announcement.error {
    background: linear-gradient(90deg, #f44336, #e91e63); /* Red/Pink gradient */
    animation: pulseError 2s infinite ease-in-out; /* Error specific animation */
}

/* Animation for "New!" tags */
@keyframes bounceTag {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* Animation for "New" banner (subtle flash) */
@keyframes flashNew {
    0% { background-color: #4CAF50; }
    50% { background-color: #8BC34A; }
    100% { background-color: #4CAF50; }
}

/* Animation for "Error" banner (subtle pulse) */
@keyframes pulseError {
    0% { box-shadow: 0 4px 10px rgba(244, 67, 54, 0.4); }
    50% { box-shadow: 0 8px 20px rgba(244, 67, 54, 0.6); }
    100% { box-shadow: 0 4px 10px rgba(244, 67, 54, 0.4); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7da253f */.animated-quiz-button {
    display: inline-block;
    padding: 18px 35px; /* Keep large padding for button size */
    font-size: 18px; /* Reduced font size for the text */
    font-weight: bold;
    color: #ffffff;
    background-color: #4CAF50;
    border: none;
    border-radius: 60px;
    text-decoration: none;
    text-align: center;
    transition: all 0.6s ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    animation: colorChangeStudy 5s infinite alternate, pulse 2s infinite ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.animated-quiz-button:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

/* Animation for professional color changes */
@keyframes colorChangeStudy {
    0% { background-color: #4CAF50; }
    25% { background-color: #2196F3; }
    50% { background-color: #FFC107; }
    75% { background-color: #9C27B0; }
    100% { background-color: #00BCD4; }
}

/* Animation for subtle pulsing effect */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.01); }
    100% { transform: scale(1); }
}/* End custom CSS */