.elementor-231 .elementor-element.elementor-element-5766f14{--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;}.elementor-231 .elementor-element.elementor-element-36f33cf{--display:flex;}.elementor-231 .elementor-element.elementor-element-8affe94{--display:flex;}.elementor-231 .elementor-element.elementor-element-3ccd52d{--display:flex;}/* Start custom CSS for container, class: .elementor-element-5766f14 */.course-card{
background:#fff;
border-radius:14px;
box-shadow:0 4px 15px rgba(0,0,0,0.15);
padding:15px;
text-align:center;
max-width:300px;
margin:auto;
font-family:sans-serif;

display:flex;
flex-direction:column;
height:100%;
}

.course-image{
width:100%;
border-radius:10px;
}

.course-title{
font-size:22px;
font-weight:600;
margin-top:12px;
color:#333;
min-height:55px;
}

.course-price{
margin-top:6px;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
font-size:16px;
flex-wrap:nowrap;
min-height:30px;
}

/* price style */

.course-price .price{
display:inline-flex;
align-items:center;
gap:6px;
}

.course-price del{
color:#999;
}

.course-price ins{
color:#ff5722;
text-decoration:none;
font-weight:600;
}

/* stock */

.seat{
color:#2e7d32;
font-weight:500;
white-space:nowrap;
}

/* button area */

.enroll-btn{
display:block;
margin-top:10px;
background:#1e66e5;
color:#fff;
padding:10px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}

.enroll-btn:hover{
background:#0f4ec7;
color:#fff;
}/* End custom CSS */