.elementor-178 .elementor-element.elementor-element-6ea9011{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ab4df74 *//* General Styles */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
    color: #333;
}

/* Header - Fade In */
header {
    text-align: center;
    padding: 40px 20px;
    animation: fade-in 1s ease-in-out;
}
header h1 {
    font-size: 2.5em;
    font-weight: bold;
}
header h2 {
    font-size: 1.5em;
    color: #e63946;
}

/* Intro Section */
.intro {
    text-align: center;
    padding: 30px;
    font-size: 1.2em;
    animation: slide-in-left 1s ease-in-out;
}
.intro a {
    color: #1d3557;
    font-weight: bold;
    text-decoration: none;
}
.intro .btn {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background: #e63946;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}
.intro .btn:hover {
    background: #c9283e;
}

/* Follow Us Section */
.follow-us {
    text-align: center;
    padding: 30px;
    background: #f1f1f1;
    animation: fade-in 1s ease-in-out;
}
.social-icons a {
    margin: 10px;
    font-size: 2em;
    display: inline-block;
    transition: transform 0.3s;
}
.facebook { color: #1877f2; }
.instagram { color: #e4405f; }
.twitter { color: #1da1f2; }
.youtube { color: #ff0000; }
.linkedin { color: #0077b5; }
.social-icons a:hover {
    transform: scale(1.2);
}

/* Podcast Section */
.podcast {
    text-align: center;
    padding: 30px;
    background: #e9ecef;
    animation: slide-in-right 1s ease-in-out;
}
.podcast .btn {
    display: inline-block;
    padding: 10px 20px;
    background: #ff5722;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}
.podcast .btn:hover {
    background: #e64a19;
}

/* Objectives */
.objectives {
    text-align: center;
    padding: 30px;
    font-size: 1.2em;
    animation: zoom-in 1s ease-in-out;
}

/* Programs Section */
.programs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px;
}
.program {
    background: white;
    margin: 15px;
    padding: 20px;
    width: 280px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    text-align: center;
    animation: slide-up 1s ease-in-out;
}
.program:hover {
    transform: scale(1.05);
}
.program h3 {
    color: #1d3557;
}

/* Animations */
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-in-left {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slide-in-right {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

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

@keyframes slide-up {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}/* End custom CSS */