.course-hero .text-bg-info {
    background-color: #091D3D !important;
}

.course-hero .text-bg-info span {
    background: linear-gradient(90deg, #0ea5e9 0%, #739eff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.course-hero {
    position: relative;
    overflow: hidden;
}

/* Title */
.course-title {
    font-size: 48px;
    line-height: 1.05;
    font-weight: 700;
    margin-bottom: 28px;
}

/* Description */
.course-description {
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 28px;
}

.hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 35px;
    margin-bottom: 45px;
}

.hero-feature-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 14px 20px;

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.05);

    border: 1px solid rgba(255, 255, 255, 0.06);

    color: rgba(255, 255, 255, 0.88);

    font-size: 15px;
    font-weight: 500;

    transition: all 0.25s ease;
}

.hero-feature-pill:hover {
    background: rgba(255, 255, 255, 0.08);

    transform: translateY(-1px);
}

.hero-feature-pill i {
    font-size: 16px;

    color: #60a5fa;
}

/* Icons */
.feature-icon,
.bottom-icon {
    width: 52px;
    height: 52px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;

    color: #fff;
}

.blue {
    background: rgba(37, 99, 235, 0.18);
    color: #3b82f6;
}

.green {
    background: rgba(16, 185, 129, 0.18);
    color: #10b981;
}

.purple {
    background: rgba(168, 85, 247, 0.18);
    color: #a855f7;
}

.orange {
    background: rgba(249, 115, 22, 0.18);
    color: #f97316;
}

.course-hero-inner {
    position: relative;

    padding-bottom: 110px;
}

/* Floating Bottom Bar */
.hero-bottom-bar {
    position: absolute;

    left: 0;
    bottom: -65px;

    width: 72%;

    background: #ffffff;

    border-radius: 22px;

    padding: 26px 34px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.12);

    z-index: 20;
}

/* Item */
.bottom-item {
    display: flex;
    align-items: center;

    gap: 14px;

    flex: 1;

    position: relative;
}

/* Divider */
.bottom-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 35px;
    top: 50%;

    transform: translateY(-50%);

    width: 1px;
    height: 42px;

    background: #e2e8f0;
}

/* Icon */
.bottom-icon {
    width: 52px;
    height: 52px;

    min-width: 52px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
}

/* Text */
.bottom-item h6 {
    margin: 0 0 4px;

    font-size: 16px;
    font-weight: 700;

    color: #0f172a;

    line-height: 1.2;
}

.bottom-item p {
    margin: 0;

    font-size: 14px;
    color: #64748b;

    line-height: 1.4;
}

/* Colors */
.bottom-icon.blue {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.bottom-icon.green {
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
}

.bottom-icon.orange {
    background: rgba(249, 115, 22, 0.12);
    color: #ea580c;
}

.bottom-icon.purple {
    background: rgba(168, 85, 247, 0.12);
    color: #9333ea;
}

.course-hero {
    padding: 50px 0;
}

/* Quick Actions */
.quick-action-item {
    background-color: #f8fafc;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.quick-action-item:hover {
    background-color: #f1f5f9;
    border-color: #e2e8f0;
    transform: translateX(5px);
}

.quick-action-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.quick-action-icon.blue {
    background: #e0f2fe;
    color: #0284c7;
}

.quick-action-icon.green {
    background: #dcfce7;
    color: #16a34a;
}

.quick-action-icon.purple {
    background: #f3e8ff;
    color: #9333ea;
}

/* Hero Actions Buttons */
.hero-actions .btn-primary {
    transition: all 0.3s ease;
}

.hero-actions .btn-primary:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    transform: translateY(-2px);
}

.hero-actions .btn-outline-light {
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.hero-actions .btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
    transform: translateY(-2px);
}

/* What You'll Learn Section */
.learn-box {
    background-color: #ffffff !important;
    border-radius: 20px;
    box-shadow: 0px 0px 25px 10px #f7f7f7;
}

.learn-box h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1c1d1f;
}

.learn-box i.icofont-check {
    font-size: 18px;
    color: #1c1d1f;
    margin-top: 2px;
}

.learn-box .learn-text {
    font-size: 15px;
    line-height: 1.5;
    color: #1c1d1f;
}

/* Hover Translate */
.hover-translate:hover {
    transform: translateX(5px);
    color: #0f172a !important;
}

/* Custom Accordion */
.custom-accordion .accordion-button:not(.collapsed) {
    background-color: #f8fafc;
    color: #0f172a;
    box-shadow: none;
}
.custom-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,0.1);
}
.custom-accordion .accordion-item {
    transition: all 0.3s ease;
}
.custom-accordion .accordion-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}