/*
==================================
COURSES
==================================
*/


.dw-course-grid-section{

padding-bottom:100px;

}



.dw-course-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:25px;

}



.dw-course-card{


background:white;

padding:35px;

border-radius:

var(--dw-radius);


box-shadow:

var(--dw-shadow);


transition:

var(--dw-transition);


position:relative;

overflow:hidden;


}



.dw-course-card:hover{


transform:

translateY(-10px);


}



.dw-course-card::after{


content:"";


position:absolute;


bottom:0;

left:0;


width:100%;


height:4px;


background:

linear-gradient(

90deg,

var(--dw-secondary),

var(--dw-accent)

);


}



.dw-course-icon{


width:70px;


height:70px;


display:flex;


align-items:center;


justify-content:center;


font-size:35px;


background:

var(--dw-light);


border-radius:20px;


margin-bottom:25px;


}



.dw-course-card h3{


margin-bottom:15px;


}



.dw-course-card a{


color:

var(--dw-secondary);


font-weight:700;


}



.dw-course-button{


margin-top:50px;


}




.dw-category-list{


display:flex;


justify-content:center;


gap:15px;


flex-wrap:wrap;


}


.dw-category-list button{


padding:

12px 25px;


border:none;


border-radius:50px;


background:

var(--dw-light);


cursor:pointer;


}