/* Start custom CSS for html, class: .elementor-element-b1ce359 */body{
    margin:0;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(135deg,#e3f2fd,#fce4ec);
    font-family:Segoe UI, sans-serif;
}

/* Glass Card */
.course-box{
    width:360px;
    backdrop-filter:blur(15px);
    background:rgba(255,255,255,0.4);
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
    overflow:hidden;
    transition:0.4s ease;
}

.course-box:hover{
    transform:translateY(-8px);
}

/* Image */
.image-box img{
    width:100%;
    height:210px;
    object-fit:cover;
}

/* Content */
.content-box{
    padding:20px;
    text-align:center;
}

.content-box h2{
    margin:10px 0;
    font-size:22px;
    color:#222;
}

.content-box p{
    font-size:14px;
    color:#444;
    margin-bottom:20px;
}

/* Animated Border Button */
.join-btn{
    display:inline-block;
    padding:10px 24px;
    text-decoration:none;
    font-weight:600;
    color:#ff0066;
    border:2px solid #ff0066;
    border-radius:6px;
    position:relative;
    overflow:hidden;
    transition:0.3s ease;
}

.join-btn::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:100%;
    background:#ff0066;
    z-index:-1;
    transition:0.4s;
}

.join-btn:hover::before{
    width:100%;
}

.join-btn:hover{
    color:#fff;
}/* End custom CSS */