/* css for incontent course  CTAs */
	.courses-cta-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
margin: 30px 0;
}

.courses-cta-card {
    background: linear-gradient(135deg, #134e4a 0%, #115e59 100%);
    border-radius: 20px;
    padding: 24px 20px;
max-width: 96%;
}

.courses-cta-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.courses-learn-icon {
    width: 20px;
    height: 20px;
    background: #10b981;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.courses-learn-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid white;
    border-radius: 2px;
    background: transparent;
}

.courses-learn-text {
    color: #10b981;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.courses-cta-title {
    color: white;
    font-size: 24px !important;
    font-weight: 600;
    margin-bottom: 16px !important;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.courses-cta-title a {
    color: inherit; /* Prevent the link from turning blue */
    text-decoration: none; /* Remove underline */
}

.courses-cta-title .highlight {
    color: #34d399;
}

.courses-cta-description {
    color: #e6fffa;
    font-size: 16px !important;
    margin-bottom: 14px !important;
    font-weight: 400;
    opacity: 0.95;
    line-height: 1.5;
}
.courses-cta-description a{
    color: inherit; /* Prevent the link from turning blue */
    text-decoration: none; /* Remove underline */
}
.courses-cta-stats {
    display: flex;
    gap: 24px;
    margin-bottom: 18px;
    align-items: center;
}

.courses-stat-item {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #a7f3d0;
    font-size: 14px;
    font-weight: 500;
}

.courses-stat-icon {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.courses-user-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a7f3d0' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/cover;
}

.courses-star-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fbbf24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") center/cover;
}

.courses-cta-button {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border: none;
    padding: 6px 14px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.courses-cta-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.courses-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(16, 185, 129, 0.4);
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}

.courses-cta-button:hover::before {
    left: 100%;
}

.courses-cta-button:active {
    transform: translateY(0);
}

.courses-arrow-icon {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-7-7l7 7-7 7'/%3E%3C/svg%3E") center/cover;
    transition: transform 0.3s ease;
}

.courses-cta-button:hover .courses-arrow-icon {
    transform: translateX(3px);
}