.ewai-course-card{padding:20px;margin-bottom:20px;}
.ewai-course-main{max-width:980px;margin:0 auto;background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,0.06);}
.ewai-title{margin:0 0 8px 0;color:#222;}
.ewai-row{margin:6px 0;color:#333;}
.ewai-rating{margin-top:12px;}
.ewai-stars{display:inline-block;}
.ewai-star{font-size:22px;color:#ddd;margin-right:6px;cursor:pointer;display:inline-block;transition:transform .15s ease,color .15s ease;}
.ewai-star:hover{transform:translateY(-3px);color:#f5b301;}
.ewai-star.selected{color:#f5b301;transform:scale(1.1);}
.ewai-count{margin-left:8px;color:#666;font-size:13px;}
.ewai-btn{background:#0073aa;color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer;}
.ewai-enquiry-card{background:#f7f7f7;padding:12px;border-radius:8px;margin-top:12px;}
#ewai-enquiry-msg{padding:8px;border-radius:6px;display:none;}
.ewai-field-error{color:#b03030;font-size:13px;margin-top:6px;display:block;}
.error-field input,.error-field textarea,.error-field select{border:2px solid #b03030;}
.ewai-message-success{background:#e6ffed;border:1px solid #b7f0c3;color:#065f22;display:block;padding:10px;border-radius:6px;margin-top:8px;}
.ewai-message-error{background:#ffecec;border:1px solid #f5c2c2;color:#8b1a1a;display:block;padding:10px;border-radius:6px;margin-top:8px;}
@media(max-width:800px){ .ewai-course-main{padding:12px;} }
.ewai-course-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
.ewai-stars .ewai-star {
    font-size: 28px !important;
}
.ewai-row {
    display: flex;
    gap: 30px;
}

.ewai-row.full {
    flex-direction: column;
    margin-top: 25px;
}

.ewai-col {
    flex: 1;
}

.ewai-col.image {
    display: flex;
    align-items: center;
    justify-content: center;
}


.ewai-thumb {
    width: 100%;
    max-height: 350px;
    object-fit: contain;  /* ✅ show full image without zoom */
    border-radius: 12px;
    background: #fff;     /* prevents grey background effect */
}

.ewai-title {
    font-size: 32px;
    font-weight: 700;
}

.ewai-row-info {
    font-size: 15px;
    margin-bottom: 8px;
}

.ewai-btn {
    background: #0077cc;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    cursor: pointer;
}

@media(max-width:768px){
    .ewai-row { flex-direction: column; }
    .ewai-col.image { max-width: 100%; order: -1; }
    .ewai-thumb { height: 250px; }
}

/* Splash animation button */
.ewai-splash-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #0ea5e9, #2563eb, #7c3aed);
    background-size: 300% 300%;
    color: #fff;
    border: none;
    padding: 12px 26px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.ewai-splash-btn:hover {
    background-position: 100% 0;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    transform: translateY(-3px);
}

/* Ripple splash element */
.ewai-splash-btn span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    background: rgba(255,255,255,0.6);
    animation: splash-effect 0.6s linear;
}

@keyframes splash-effect {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
/* Improve tabs scrolling on small screens */
.ewai-tabs { scrollbar-width: thin; }
.ewai-tabs::-webkit-scrollbar { height: 6px; }
.ewai-tabs::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 999px; }

/* Share Buttons */
.ewai-share-box { 
    margin-top: 20px; 
    margin-bottom: 10px;
}

.ewai-share-buttons {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:6px;
}

.ewai-share-btn {
    padding:6px 12px;
    border-radius:6px;
    font-size:14px;
    cursor:pointer;
    border:none;
    text-decoration:none;
    color:#fff !important;
}

/* Brand colors */
.ewai-whatsapp { background:#25D366; }
.ewai-facebook { background:#1877F2; }
.ewai-twitter { background:#1DA1F2; }
.ewai-copy     { background:#111; }
/* Sticky Enquiry Button (Mobile View) - Right Side */
.ewai-sticky-btn-wrap {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 9999;
    display: none; /* hidden on desktop */
}

.ewai-sticky-btn {
    background: linear-gradient(45deg, #FFBB00, #FF7A00);
    color: #fff;
    font-size: 15px;
    padding: 12px 18px;
    border-radius: 30px 30px 30px 30px;
    border: none;
    cursor: pointer;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    animation: pulse 1.4s ease-in-out infinite;
}

/* Glow effect */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Only show on mobile screens */
@media (max-width: 768px) {
    .ewai-sticky-btn-wrap {
        display: block !important;
    }
}
/*. Updated simple tag style (flat rectangular, single line) */
.ewai-chip {
   
}

.ewai-tag-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 12px;
}
/* SHARE + RATING IN ROW */
.ewai-bottom-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0;
}

.ewai-bottom-col {
    flex: 1;
}

.rating-col {
    text-align: right;
}

/* Social Buttons */
.ewai-share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ewai-social-btn {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.ewai-social-btn.whatsapp { background: #25D366; }
.ewai-social-btn.facebook { background: #1877F2; }
.ewai-social-btn.twitter { background: #1DA1F2; }
.ewai-social-btn.copy { background: #111827; }

/* Rating */
.ewai-star-r {
    color: #facc15;
    font-size: 18px;
}
.ewai-star.gray {
    color: #d6d6d6;
}
.ewai-rating-info {
    margin-left: 6px;
    font-size: 14px;
    color: #444;
}

/* MOBILE RESPONSIVE */
@media(max-width: 768px){
    .ewai-bottom-row {
        flex-direction: column;
    }
    .rating-col {
        text-align: left;
    }
}
.ewai-course-tabs {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    gap: 10px;
}

.ewai-tab {
    background: #f1f5f9;
    border: 1px solid #d0d7e2;
    color: #333;
    padding: 8px 18px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
}

.ewai-tab:hover {
    background: #d0e7ff;
}

.ewai-tab.active {
    background: #0066ff;
    color: #fff;
    font-weight: bold;
}
/* === EwAI Navigation Tabs (Unique Classes) === */

.ewai-nav-tabs {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    border-bottom: 2px solid #e5e7eb;
    gap: 0;
}

.ewai-nav-tab {
    background: transparent !important;
    border: none !important;
    padding: 12px 25px !important;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #1f2937 !important;
    transition: all .25s ease-in-out;
    border-bottom: 3px solid transparent !important;
}

.ewai-nav-tab:hover {
    color: #007bff !important;
}

.ewai-nav-active {
    color: #007bff !important;
    border-bottom: 3px solid #007bff !important;
    font-weight: 600 !important;
}
/* === EwAI Navigation Tabs (Unique & Sticky) === */

.ewai-nav-tabs {
    display: flex;
    justify-content: center;
    gap: 0;
    position: sticky !important;
    top: 75px;   /* adjust depending on header height */
    background: #ffffff;
    z-index: 9999;
    padding: 6px 0;
    border-bottom: 2px solid #e5e7eb;
}

.ewai-nav-tab {
    background: transparent !important;
    border: none !important;
    padding: 12px 25px !important;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #374151 !important;
    transition: all .25s ease-in-out;
    border-bottom: 3px solid transparent !important;
}

.ewai-nav-tab:hover {
    color: #007bff !important;
}

.ewai-nav-active {
    color: #007bff !important;
    border-bottom: 3px solid #007bff !important;
    font-weight: 600 !important;
}
.ewai-course-card,
.ewai-course-main,
.ewai-course-container {
    overflow: visible !important;
}