.courses-category-section{background-color:var(--forground);padding:80px 0}.courses-category-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:90%;margin-left:5%}@media (max-width:900px){.courses-category-section{background-color:var(--forground);padding:20px 0}.courses-category-list{width:98%;margin-left:1%;gap:10px}}.courses-category-card{width:calc(15% - 20px);height:-moz-fit-content;height:fit-content;min-height:40px;padding:15px 0;background-color:var(--background);border:1px solid rgb(200,194,194);display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center;border-radius:var(--radius-one);cursor:pointer;transition:.3s ease}.courses-category-card:hover{box-shadow:var(--default-box-shadow);border:1px solid transparent;border-radius:var(--radius-one);background:linear-gradient(to right,var(--background),var(--background)),var(--gradient-one);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.courses-category-card h3{font-size:var(--default-p-size);transition:all .3s ease;text-align:center;font-weight:500}.courses-category-card:hover h3{background:var(--gradient-one);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:900px){.courses-category-card{width:calc(160px - 16px);padding:8px}.courses-category-card h3{font-size:var(--default-p-size)}}