.gap {height:80px;clear:both;display:block;}
.gray-round-box{background:#f7f7f8; border:1px solid #d9d9d9; border-radius:16px; padding:24px 28px;line-height:1.7;font-size:18px;color:#2b2b2b; max-width: 100%;margin: 0 auto; margin-bottom: 80px;}
.gray-round-box p{margin:0;}
.gray-round-box p + p{margin-top:6px;}
.micro-degree ul {list-style: none;margin: 0; padding: 0;}
.micro-degree li {display: flex; align-items: flex-start;margin-bottom: 30px;}
.micro-degree li ul li {margin-bottom: 0px;}
.num-circle {width: 40px;height: 40px;min-width: 40px; border-radius: 50%;background: #000;color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: center;margin-right: 15px;font-size: 18px;}
.text-box h3 {font-size: 20px;font-weight: 700;margin-bottom: 8px; background: none; margin-top: 0px;}
.text-box p {font-size: 16px; color: #444; line-height: 1.6;margin-bottom: 10px;}
.more-btn {display: inline-block; padding: 10px 20px;background: #f5f5f5; border: 1px solid #ddd;font-size: 16px; color: #333;border-radius: 20px;text-decoration: none; transition: all 0.3s; margin-top: 10px;}
.more-btn:hover { background: #000;color: #fff; }

@media only screen and (max-width:768px) {
     .gap {height:30px;clear:both;display:block;}
     .gray-round-box{ padding:18px 20px;font-size:16px;border-radius:12px;}
}