.course-section{
padding:100px 0;
background:#f6f4fb;
font-family:'Inter',sans-serif;
border-top:8px solid #7a3df0;
border-bottom:8px solid #7a3df0;
}

.course-container{
width:1100px;
max-width:90%;
margin:auto;
}

/* SEARCH TITLE */

.search-title{
text-align:center;
font-size:28px;
margin-bottom:20px;
}

/* SEARCH BAR */

.search-box{
display:flex;
justify-content:center;
gap:10px;
margin-bottom:70px;
}



.search-box button{
padding:20px 35px;
border-radius:30px;
border:none;
background:#7a3df0;
color:white;
cursor:pointer;
font-weight:400;
font-size: 15px;
}

.search-box button:hover{
background:#6230d1;
}

/* MAIN GRID */

.course-content{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:60px;
}

/* IMAGE */

.course-image{
display:flex;
justify-content:center;
}

.image-frame{
width:320px;
height:320px;
border-radius:40px;
border:3px dashed #c6b7f6;
display:flex;
align-items:center;
justify-content:center;
}

.image-frame img{
width:85%;
}

/* BENEFITS */

.course-benefits h3{
font-size:22px;
margin-bottom:30px;
}

.benefit{
display:flex;
gap:15px;
margin-bottom:25px;
}

.icon{
width:40px;
height:40px;
background:#7a3df0;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.text h4{
margin-bottom:5px;
}

.text p{
color:#666;
font-size:14px;
line-height:1.5;
}

/* MOBILE */

@media(max-width:900px){

.course-content{
grid-template-columns:1fr;
text-align:center;
}

.benefit{
justify-content:center;
}

}