.elementor-725 .elementor-element.elementor-element-41852ce2{--display:flex;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-725 .elementor-element.elementor-element-41852ce2:not(.elementor-motion-effects-element-type-background), .elementor-725 .elementor-element.elementor-element-41852ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-725 .elementor-element.elementor-element-66e9a8e4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-725 .elementor-element.elementor-element-66e9a8e4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 70px 0px;}.elementor-725 .elementor-element.elementor-element-66e9a8e4.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-66e9a8e4 *//* General Styling */
body {
    font-family: 'Arial, sans-serif';
    line-height: 1.6;
    color: #333;
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
}

h1, h2, h3 {
    color: #222;
}

a {
    text-decoration: none;
    color: #fff;
}

.cta-button {
    background-color: #ff5733;
    color: #fff;
    padding: 15px 25px;
    margin-top: 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.cta-button:hover {
    background-color: #c13d27;
}

/* Hero Section */
.hero-section {
    background: url('hero-image.jpg') no-repeat center center/cover;
    height: 400px;
    position: relative;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-content h1 {
    font-size: 3rem;
    margin: 0;
}

.hero-content p {
    font-size: 1.5rem;
    margin-top: 10px;
}

/* About the Event Section */
.about-event {
    background-color: #fff;
    padding: 50px 20px;
    text-align: center;
}

/* Event Schedule Section */
.event-schedule {
    background-color: #e9ecef;
    padding: 50px 20px;
    text-align: center;
}

.timeline {
    display: grid;
    gap: 20px;
}

.event {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* How to Participate Section */
.how-to-participate {
    padding: 50px 20px;
    text-align: center;
}

/* Darker colors for Event Details and Footer */
.event-details {
    background-color: #333;
    color: #fff;
    padding: 50px 20px;
    text-align: center;
}

.event-details-list p {
    margin: 10px 0;
}

.footer {
    background-color: #222;
    color: #ddd;
    padding: 20px 0;
    text-align: center;
}

.footer a {
    color: #ff5733;
    margin: 0 10px;
}/* End custom CSS */