.elementor-13 .elementor-element.elementor-element-f920ad0{--display:flex;}.elementor-13 .elementor-element.elementor-element-bf550c3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4D4D4;--border-color:#D4D4D4;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(225.71748962402344, 225.71748962402344, 225.71748962402344, 0.5);}.elementor-13 .elementor-element.elementor-element-a0b1fbe{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d49e82b */.course-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px;
}
.course-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}
.course-card:hover {
    transform: translateY(-5px);
}
.course-card h3 {
    margin: 0 0 10px;
    font-size: 1.5em;
    color: #333;
}
.course-card p {
    margin: 0;
    color: #666;
}/* End custom CSS */