.atls-courses-wrapper{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
}

.atls-course-card{

background:#fff;
border-radius:15px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;


}

.atls-course-card:hover{

transform:translateY(-5px);

}

.atls-course-card img{

width:140px;
height:auto;

}

.atls-course-card h3{

font-size:24px;
margin:20px 0;

}

.atls-price{

font-size:32px;
font-weight:700;
color:#28a745;

}

.atls-enroll-btn{

display:inline-block;
background:#6633ff;
color:#fff;
padding:15px 30px;
border-radius:8px;
text-decoration:none;

}

.atls-enroll-btn:hover{

background:#4b1dcb;

}
.atls-enrollment-form{

max-width:700px;
margin:auto;

}

.atls-enrollment-form input{

width:100%;
padding:12px;
margin-top:8px;
margin-bottom:20px;

}

.atls-submit-btn{

background:#6633ff;
color:white;
padding:15px 30px;
border:none;
border-radius:6px;
cursor:pointer;

}

.atls-dashboard{

display:flex;
gap:30px;
margin-top:30px;
flex-wrap:wrap;

}

.atls-card{

background:white;
padding:40px;
min-width:250px;
box-shadow:0 5px 15px rgba(0,0,0,.1);
border-radius:12px;
text-align:center;

}

.atls-card h2{

font-size:40px;
margin-bottom:15px;

}

.atls-card{
transition:.3s;
}

.atls-card:hover{

transform:translateY(-5px);

}
@media(max-width:768px){

.atls-courses-wrapper{

grid-template-columns:1fr;

}

}