/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2025 | 15:44:35 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Gradient cho Banner đầu tiên */
.custom-card-style {
  background-color: #ffffff !important; /* Nền màu trắng */
  border-radius: 8px; /* Bo góc nhẹ */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Hiệu ứng đổ bóng đẹp */
  /* Padding mặc định của Section thường đã đủ, không cần thêm ở đây */
}
.gradient-bg .banner-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Gradient cho box Buổi 1 */
.gradient-box-1 {
    background-image: linear-gradient(to bottom right, #3b82f6, #8b5cf6) !important;
}

/* Gradient cho box Buổi 2 */
.gradient-box-2 {
    background-image: linear-gradient(to bottom right, #22c55e, #3b82f6) !important;
}

/* Gradient cho section thông tin khóa học */
.gradient-bg-2 {
    background-image: linear-gradient(to right, #a855f7, #3b82f6) !important;
}

/* Gradient cho section giá */
.gradient-bg-3 {
    background-image: linear-gradient(to right, #ef4444, #ec4899) !important;
}

/* Gradient cho section CTA cuối */
.gradient-bg-4 {
    background-image: linear-gradient(to right, #22c55e, #3b82f6) !important;
}

/* Thêm định dạng cho các icon Font Awesome (nếu cần) */
.text-pink-500 { color: #ec4899; }
.text-orange-500 { color: #f97316; }
.text-blue-500 { color: #3b82f6; }
.text-green-500 { color: #22c55e; }
.text-purple-500 { color: #8b5cf6; }
.text-red-500 { color: #ef4444; }
.text-yellow-300 { color: #fde047 !important; }