/* ================================================================ KW PREMIUM LIGHT THEME — OVERLAY STYLESHEET Load this AFTER the main (dark) style.css. Activates when is present. Palette derived from logo.png: metallic GOLD + SILVER on white. HOW THE MAIN CSS WORKS (so this file makes sense): - Main CSS uses :root variables --primary-color(white text), --secondary-color(near-black panel), --text-color(off-white body), --accent-color(gold), --dark-color(black — used ONLY for text/icons that sit ON TOP of gold accents, e.g. dropdown text, icons in gold circles), --divider-color / --dark-divider-color (translucent borders). - Dozens of card components (service-item, work-process-item, testimonial-review-box, pricing-box, contact forms, etc.) render their fill via a `::before { background: var(--secondary-color); opacity:40%; } ` glass layer — so remapping --secondary-color to white automatically turns them into frosted WHITE glass cards. - --dark-color is intentionally NOT flipped here (it must stay dark so gold-circle icons/text remain legible in both themes). The 2-3 spots that use --dark-color purely as a background colour are overridden explicitly below. - A large set of "kwi-*" premium components (hero, login, package, cart, accordion, testimonial carousel, gold-course-card, page header, floating cards) use HARD-CODED dark colours (not variables) because they were designed only for the dark theme — those are overridden individually, section by section. ================================================================ */ /* ============================================ 1. ROOT VARIABLE REMAP (fixes ~70% of the site automatically via CSS variable cascade) ============================================ */ body.kw-theme-light { --primary-color : #141414; /* was white text -> dark text */ --secondary-color : #FFFFFF; /* was near-black panel -> white panel */ --text-color : #4a4a4a; /* was off-white body copy -> dark grey */ --accent-color : #a8720f; /* logo-matched deep gold (text-safe) */ --divider-color : rgba(168,114,15,0.20); /* was 10% white -> gold-tinted border */ --dark-divider-color : rgba(168,114,15,0.20); /* --dark-color intentionally left as-is (#000000): used for text/icons on gold surfaces */ /* New premium tokens used only inside this file */ --kw-gold-deep : #7a4e00; --kw-gold : #a8720f; --kw-gold-mid : #c9902d; --kw-gold-bright : #dba024; --kw-gold-highlight : #ffe9b3; --kw-gold-text-grad : linear-gradient(90deg, #8a570d, #d89b24, #8a570d); --kw-silver-dark : #6e6e6e; --kw-silver : #a8a8a8; --kw-silver-light : #d8d8d8; --kw-duo-line : linear-gradient(90deg, var(--kw-gold-deep), var(--kw-gold-bright), var(--kw-silver-light), var(--kw-silver)); --kw-surface : #ffffff; --kw-surface-alt : #fbfaf7; --kw-text-dark : #141414; --kw-text-body : #4a4a4a; --kw-text-muted : #8a8a8a; --kw-border-gold : rgba(168,114,15,0.20); --kw-shadow-soft : 0 10px 30px rgba(20,15,5,0.07); --kw-shadow-hover : 0 22px 48px rgba(168,114,15,0.16), 0 6px 16px rgba(20,15,5,0.06); } /* Reusable "signature card" accent — a slim gold line sitting inside the card's top edge, done via inset box-shadow so it never clips protruding elements and always respects each border-radius. */ body.kw-theme-light .service-item, body.kw-theme-light .work-process-item, body.kw-theme-light .benefits-steps-item, body.kw-theme-light .digital-features-item, body.kw-theme-light .testimonial-review-box, body.kw-theme-light .testimonial-benefits-box, body.kw-theme-light .mission-vision-item, body.kw-theme-light .experts-counter-item, body.kw-theme-light .executive-partners-box, body.kw-theme-light .pricing-box, body.kw-theme-light .testimonial-box-item, body.kw-theme-light .service-catagery-list, body.kw-theme-light .faq-catagery-list, body.kw-theme-light .project-catagery-list, body.kw-theme-light .sidebar-cta-box, body.kw-theme-light .contact-us-form, body.kw-theme-light .team-single-contact-form, body.kw-theme-light .process-step-content, body.kw-theme-light .contact-info-box .info-box-1, body.kw-theme-light .contact-info-box .info-box-2, body.kw-theme-light .post-entry blockquote { box-shadow: inset 0 3px 0 var(--kw-gold), var(--kw-shadow-soft); transition: box-shadow 0.4s ease, transform 0.4s ease; } body.kw-theme-light .service-item:hover, body.kw-theme-light .work-process-item:hover, body.kw-theme-light .benefits-steps-item:hover, body.kw-theme-light .digital-features-item:hover, body.kw-theme-light .mission-vision-item:hover, body.kw-theme-light .experts-counter-item:hover, body.kw-theme-light .pricing-box:hover, body.kw-theme-light .testimonial-box-item:hover { box-shadow: inset 0 3px 0 var(--kw-gold-bright), var(--kw-shadow-hover); } /* ============================================ 2. BODY / PAGE BACKGROUND ("--dark-color" is used directly as the body's background colour, and we've kept --dark-color black on purpose — so this needs an explicit override rather than relying on the variable.) ============================================ */ body.kw-theme-light { background: url('../images/section-bg-shape.png') var(--kw-surface-alt); background-repeat: repeat-y; background-position: top 900px center; background-size: 100% auto; } /* ============================================ 3. HEADER ============================================ */ body.kw-theme-light header.main-header .header-sticky.active { background: rgba(255,255,255,0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--divider-color); box-shadow: 0 4px 24px rgba(20,15,5,0.06); } body.kw-theme-light .header-btn .btn-popup { background: rgba(168,114,15,0.10); } body.kw-theme-light .header-btn .offcanvas .btn-close { border-color: var(--kw-gold); filter: none; } body.kw-theme-light .header-btn .offcanvas .btn-close img { filter: brightness(0); } body.kw-theme-light .slicknav_menu { background: url(../images/section-bg-shape.png) var(--kw-surface-alt); background-repeat: repeat-y; background-position: top 900px center; background-size: 100% auto; } body.kw-theme-light .slicknav_nav .slicknav_row, body.kw-theme-light .slicknav_nav li a { color: var(--kw-text-dark); } body.kw-theme-light .slicknav_arrow:after { color: var(--kw-text-dark); } body.kw-theme-light .slicknav_open > a .slicknav_arrow:after { color: var(--kw-gold); } body.kw-theme-light .slicknav_nav a:hover, body.kw-theme-light .slicknav_nav a:focus, body.kw-theme-light .slicknav_nav .slicknav_row:hover { color: var(--kw-gold); } /* ============================================ 4. BUTTONS ============================================ */ body.kw-theme-light .btn-highlighted { box-shadow: inset 0 1px 0 rgba(255,255,255,.65), inset 0 -2px 6px rgba(80,45,0,.35), 0 8px 24px rgba(219,160,36,.35); } body.kw-theme-light .btn-highlighted:hover { box-shadow: 0 0 14px rgba(255,220,90,.85), 0 10px 34px rgba(219,160,36,.4); } body.kw-theme-light .btn-default::after { background-color: #f2e6c8; } /* ============================================ 5. ABOUT AGENCY / DIGITAL SUCCESS (::before overlay is hardcoded to a black gradient — not a variable — needs an explicit light version) ============================================ */ body.kw-theme-light .digital-success-box { background: white; } body.kw-theme-light .digital-success-box::before { background: linear-gradient(180deg, #ffffff 75%, rgba(255,255,255,0) 99.04%); } body.kw-theme-light .digital-success-content::before { border-color: var(--kw-border-gold); } /* ============================================ 6. SERVICES / FEATURES — icon filters tuned for dark artwork made white; undo on light bg ============================================ */ body.kw-theme-light .about-agency-item .icon-box img, body.kw-theme-light .success-list-item, body.kw-theme-light .experts-counter-item .icon-box img, body.kw-theme-light .footer-contact-item .icon-box img, body.kw-theme-light .contact-info-item .icon-box img { filter: none; } body.kw-theme-light .agency-item-content h3:after { filter: none; } body.kw-theme-light .agency-supports-logo { box-shadow: var(--kw-shadow-soft); border: 1px solid var(--kw-border-gold); } body.kw-theme-light .agency-supports-slider::before { background: linear-gradient(280deg, var(--kw-surface-alt) 0%, rgba(251,250,247,0) 60.97%); } body.kw-theme-light .agency-supports-slider::after { background: linear-gradient(90deg, var(--kw-surface-alt) 0%, rgba(251,250,247,0) 60.97%); } /* ============================================ 7. PORTFOLIO / PROJECTS ============================================ */ body.kw-theme-light .our-Project-nav ul li a { background-color: rgba(168,114,15,0.06); } body.kw-theme-light .project-tag a { background-color: rgba(168,114,15,0.10); color: var(--kw-text-dark); } /* ============================================ 8. TESTIMONIAL (legacy nav buttons) ============================================ */ body.kw-theme-light .testimonial-slider .testimonial-button-next, body.kw-theme-light .testimonial-slider .testimonial-button-prev { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .testimonial-slider .testimonial-button-next::before, body.kw-theme-light .testimonial-slider .testimonial-button-prev::before { filter: brightness(0.2); } body.kw-theme-light .testimonial-slider .testimonial-button-next:hover, body.kw-theme-light .testimonial-slider .testimonial-button-prev:hover { background: var(--kw-gold); } body.kw-theme-light .testimonial-slider .testimonial-button-next:hover:before, body.kw-theme-light .testimonial-slider .testimonial-button-prev:hover:before { filter: brightness(0) invert(1); } /* ============================================ 9. FOOTER ============================================ */ body.kw-theme-light .footer-main { background-image: linear-gradient(rgba(168,114,15,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(168,114,15,.06) 1px, transparent 1px); } body.kw-theme-light .footer-copyright { border-top-color: var(--divider-color); } body.kw-theme-light .footer-newsletter-form .form-group .form-control { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); } body.kw-theme-light .footer-main::before { color: rgba(168,114,15,0.06); } body.kw-theme-light .footer-main::after { color: rgba(20,15,5,0.03); } /* ============================================ 10. PAGE HEADER (breadcrumb banner) — hardcoded #0d0d0d dark panel, needs full override ============================================ */ body.kw-theme-light .page-header { background: var(--kw-surface-alt); } body.kw-theme-light .page-header::before { background-image: linear-gradient(rgba(168,114,15,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(168,114,15,.05) 1px, transparent 1px); } body.kw-theme-light .page-header-tag { border-color: rgba(168, 114, 15, 0.35); background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; color: #2563eb !important; border: 1px solid #bfdbfe !important; } body.kw-theme-light .page-header h1 { color: var(--kw-text-dark); } body.kw-theme-light .page-header .breadcrumb { background: rgba(168,114,15,0.06); border: 1px solid var(--kw-border-gold); } body.kw-theme-light .page-header .breadcrumb-item, body.kw-theme-light .page-header .breadcrumb-item a { color: var(--kw-text-body); } body.kw-theme-light .page-header .breadcrumb-item.active { color: var(--kw-gold); } /* ============================================ 11. TEAM ============================================ */ body.kw-theme-light .team-item { box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .team-image a::before { background: linear-gradient(181.78deg, rgba(255,255,255,0) 47.87%, rgba(255,255,255,0.85) 81.02%); } body.kw-theme-light .team-image::before { background: linear-gradient(45deg, black, transparent); } body.kw-theme-light .team-content h3, body.kw-theme-light .team-content h3 a { color: var(--kw-text-dark); } body.kw-theme-light .team-content p { color: var(--kw-text-muted); } /* ============================================ 12. FAQ ACCORDION (legacy .our-faq-section) ============================================ */ body.kw-theme-light .our-faq-section .accordion-button:not(.collapsed) { background: linear-gradient(90deg, rgba(168,114,15,0.06) 50%, rgba(255,255,255,0) 100%); } body.kw-theme-light .our-faq-section .accordion-item .accordion-body { background: linear-gradient(90deg, rgba(168,114,15,0.04) 50%, rgba(255,255,255,0) 100%); } body.kw-theme-light .our-faq-section .accordion-item .accordion-button::after { background-color: var(--kw-gold); color: #ffffff; } body.kw-theme-light .our-faq-section .accordion-item .accordion-button.collapsed::after { background-color: rgba(168,114,15,0.12); color: var(--kw-gold); } /* ============================================ 13. GOLD COURSE CARDS (hardcoded #000 card) NOTE: overflow stays "visible" on purpose so the protruding thumbnail (.course-box-img) never clips — accent handled with a plain border, not the inset trick. ============================================ */ body.kw-theme-light .gold-course-title h2 { color: var(--kw-text-dark); } body.kw-theme-light .gold-course-title h2 span, body.kw-theme-light .gold-course-card h3 { background: var(--kw-gold-text-grad); -webkit-text-fill-color: inherit !important; background-clip: inherit !important; background: transparent; } body.kw-theme-light .gold-course-card { background: var(--kw-surface); color: var(--kw-text-dark); box-shadow: 0 14px 40px rgba(168,114,15,0.14); border: 1px solid var(--kw-border-gold); } body.kw-theme-light .gold-course-card p { color: var(--kw-text-body); } body.kw-theme-light .gold-course-card h4 { color: var(--kw-text-dark); } body.kw-theme-light .course-arrow { background: linear-gradient(135deg, var(--kw-gold-deep), var(--kw-gold-bright), var(--kw-gold-highlight), var(--kw-gold-mid)); color: #1a1200; border-color: #ffffff; } /* ============================================ 14. BLOG POST CARDS (hardcoded #000 card) ============================================ */ body.kw-theme-light .post-item { background: var(--kw-surface); box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .post-item-content h3, body.kw-theme-light .post-item-content h3 a { color: var(--kw-text-dark); } body.kw-theme-light .post-item-btn a { color: var(--kw-text-body); } /* ============================================ 15. PREMIUM HERO (.kwi-*) ============================================ */ body.kw-theme-light .kwi-premium-hero::before { background-image: linear-gradient(rgba(168,114,15,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(168,114,15,.05) 1px, transparent 1px); } body.kw-theme-light .kwi-tag { color: var(--kw-gold); background: rgba(168,114,15,0.08); border-color: rgba(168,114,15,0.4); } body.kw-theme-light .kwi-content h1 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-content h1 span { background: linear-gradient( 90deg, #1e40af, #2563eb, #60a5fa ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; filter: drop-shadow(0 6px 18px rgba(37,99,235,.25)); } body.kw-theme-light .kwi-content p { color: var(--kw-text-body); } body.kw-theme-light .kwi-shape { box-shadow: 0 30px 70px rgba(168,114,15,0.22); } body.kw-theme-light .kwi-floating-card { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); color: var(--kw-text-dark); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-floating-card h3 { color: var(--kw-gold); } /* ============================================ 16. KWI ABOUT SECTION ============================================ */ body.kw-theme-light .kwi-about-tag { color: var(--kw-gold); background: rgba(168,114,15,0.08); border-color: rgba(168,114,15,0.4); } body.kw-theme-light .kwi-about-left h2 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-about-left h2 span { background: var(--kw-gold-text-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.kw-theme-light .kwi-about-left p { color: var(--kw-text-body); } body.kw-theme-light .kwi-about-card-box { border-left-color: var(--kw-border-gold); } body.kw-theme-light .kwi-about-card { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .kwi-about-card:hover { border-color: rgba(168,114,15,0.5); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-about-card h3 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-about-card p { color: var(--kw-text-body); } body.kw-theme-light .kwi-approach-premium .mission-vision-content h3 { color: var(--kw-gold); } /* ============================================ 17. LOGIN PAGE ============================================ */ body.kw-theme-light .kwi-login-left h1 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-login-left h1 span { background: var(--kw-gold-text-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.kw-theme-light .kwi-login-left p { color: var(--kw-text-body); } body.kw-theme-light .kwi-login-form-box { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-login-form-box h2 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-login-form-box p { color: var(--kw-text-body); } body.kw-theme-light .kwi-login-form-box input { background: var(--kw-surface-alt); border: 1px solid #e6e0d2; color: var(--kw-text-dark); } body.kw-theme-light .kwi-login-form-box input::placeholder { color: var(--kw-text-muted); } body.kw-theme-light .login-options { color: var(--kw-text-body); } /* ============================================ 18. PACKAGE / PRICING DETAIL PAGE ============================================ */ body.kw-theme-light .kwi-package-hero { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-package-content h1 { color: var(--kw-text-dark); } body.kw-theme-light .page-header-box h1 span{ background: linear-gradient(90deg, #1e40af, #2563eb, #60a5fa); } body.kw-theme-light .kwi-package-content h1 span, body.kw-theme-light .kwi-content-box h2 span { background: linear-gradient(90deg, #2970ec, #2c81ef, #35adf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.kw-theme-light .kwi-package-content p { color: var(--kw-text-body); } body.kw-theme-light .kwi-package-meta div { background: rgba(168,114,15,0.07); border: 1px solid var(--kw-border-gold); color: var(--kw-text-dark); } body.kw-theme-light .kwi-price-card, body.kw-theme-light .kwi-highlight-box, body.kw-theme-light .kwi-content-box { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-price-card h2 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-price-card li { color: var(--kw-text-body); } body.kw-theme-light .kwi-content-box h2 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-content-box p { color: var(--kw-text-body); } body.kw-theme-light .kwi-highlight-box h3 { color: var(--kw-gold); } body.kw-theme-light .kwi-accordion-item { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .kwi-accordion-btn { background: var(--kw-surface); color: var(--kw-text-dark); } body.kw-theme-light .kwi-accordion-btn i { color: white; } body.kw-theme-light .kwi-accordion-body li { background: rgba(168,114,15,0.05); color: var(--kw-text-body); } body.kw-theme-light .kwi-accordion-body li i { background: rgba(168,114,15,0.12); color: var(--kw-gold); } body.kw-theme-light .kwi-final-cta { background: radial-gradient(circle at 20% 20%, rgba(168,114,15,.10), transparent 28%), var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-soft); } body.kw-theme-light .kwi-final-cta h2 { color: var(--kw-text-dark); } body.kw-theme-light .kwi-final-cta p { color: var(--kw-text-body); } /* ============================================ 19. CART / CHECKOUT ============================================ */ body.kw-theme-light .kwi-cart-left, body.kw-theme-light .kwi-cart-summary { background: var(--kw-surface); border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .kwi-cart-item { border-bottom-color: var(--divider-color); } body.kw-theme-light .cart-course-content h3 { color: var(--kw-text-dark); } body.kw-theme-light .cart-course-content p { color: var(--kw-text-body); } body.kw-theme-light .cart-course-meta span { background: rgba(168,114,15,0.08); color: var(--kw-gold); } body.kw-theme-light .cart-course-price h4 { color: var(--kw-gold); } body.kw-theme-light .cart-remove-btn { background: rgba(168,114,15,0.06); border: 1px solid var(--kw-border-gold); color: var(--kw-gold); } body.kw-theme-light .kwi-coupon-box input { background: var(--kw-surface-alt); border: 1px solid #e6e0d2; color: var(--kw-text-dark); } body.kw-theme-light .kwi-coupon-box input::placeholder { color: var(--kw-text-muted); } body.kw-theme-light .kwi-cart-summary h3 { color: var(--kw-text-dark); } body.kw-theme-light .summary-row, body.kw-theme-light .summary-total { color: var(--kw-text-body); border-bottom-color: var(--divider-color); } body.kw-theme-light .summary-row strong { color: var(--kw-text-dark); } body.kw-theme-light .summary-total span, body.kw-theme-light .summary-total strong { color: var(--kw-gold); } body.kw-theme-light .secure-text { color: var(--kw-text-muted); } body.kw-theme-light .secure-text i { color: var(--kw-gold); } body.kw-theme-light .kwi-live-notification { background: white; border: 1px solid var(--kw-border-gold); box-shadow: var(--kw-shadow-hover); } body.kw-theme-light .notification-title { color: black; font-size: 17px; } body.kw-theme-light .notification-content p { color:black !important; } /* ============================================ 21. TESTIMONIAL CAROUSEL (#testimonialCarousel) Hardcoded dark glass card -> premium white card ============================================ */ body.kw-theme-light .testimonial__item { background: radial-gradient(circle at top right, rgba(168, 114, 15, 0.06), transparent 34%), radial-gradient(circle at bottom left, rgba(168, 114, 15, 0.05), transparent 34%), linear-gradient(145deg, #ffffff 0%, #fdfaf3 100%) !important; border: 1px solid rgba(168, 114, 15, 0.20); box-shadow: none !important; } body.kw-theme-light .testimonial__item::before { background: linear-gradient(120deg, transparent 20%, rgba(168,114,15,0.06) 45%, transparent 70%); } body.kw-theme-light .testimonial__item:hover { border-color: rgba(168,114,15,0.45); box-shadow: 0 26px 55px rgba(20,15,5,0.14), 0 0 30px rgba(168,114,15,0.14); } body.kw-theme-light .testimonial__content::before { color: var(--kw-gold); text-shadow: none; } body.kw-theme-light .testimonial__content p { color: var(--kw-text-body); } body.kw-theme-light .testimonial__avatar { border-top-color: var(--kw-border-gold); padding: 0px !important; } body.kw-theme-light .testimonial__avatar .name, body.kw-theme-light .testimonial__avatar h5 { color: var(--kw-text-dark); } body.kw-theme-light .testimonial__avatar::after { background: rgb(50 99 174) !important; border: 1px solid var(--kw-border-gold); color: white !important; } body.kw-theme-light .quote-icon, body.kw-theme-light .testimonial__thumb .quote-icon { color: #1a1200; } body.kw-theme-light #testimonialCarousel .owl-dot span { background: rgba(168,114,15,0.25); } body.kw-theme-light .kw-theme-btn.active { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color: #ffffff !important; } body.kw-theme-light .kw-theme-btn.active i { color: #ffffff !important; } body.kw-theme-light .kw-mobile-profile { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); } /* ============================================ 23. SELECTION / SCROLLBAR ============================================ */ body.kw-theme-light ::selection { background: var(--kw-gold); color: #ffffff; } body.kw-theme-light::-webkit-scrollbar-track { background: var(--kw-surface-alt); } body.kw-theme-light::-webkit-scrollbar-thumb { background: var(--kw-gold); } /* ===================================================== KW LIGHT MODE - PREMIUM BLUE EDUCATION STYLE ===================================================== */ /* MAIN TEXT */ body.kw-theme-light .kwi-premium-hero h1 { color: #101828 !important; font-size: 42px !important; } body.kw-theme-light .kwi-content h1 { font-size: 42px !important; } body.kw-theme-light .kwi-premium-hero h1 span { background: linear-gradient( 90deg, #2563eb, #0f4c81 ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* DESCRIPTION */ body.kw-theme-light .kwi-premium-hero p { color:#475467 !important; } /* TAG */ body.kw-theme-light .kwi-tag { background: rgba(37,99,235,.08) !important; color:#1d4ed8 !important; border: 1px solid rgba(37,99,235,.25) !important; box-shadow: 0 10px 30px rgba(37,99,235,.12) !important; } /* BUTTON BLUE PREMIUM */ body.kw-theme-light .kwi-premium-hero .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #0f4c81 ) !important; color:#ffffff !important; border: 1px solid rgba(255,255,255,.25) !important; box-shadow: 0 18px 40px rgba(37,99,235,.35), inset 0 1px 0 rgba(255,255,255,.35) !important; } body.kw-theme-light .kwi-premium-hero .btn-highlighted:hover { background: linear-gradient( 135deg, #1d4ed8, #083b66 ) !important; transform:translateY(-3px); } /* FLOATING CARDS */ body.kw-theme-light .kwi-floating-card { background: linear-gradient( 145deg, #ffffff, #f4f7ff ) !important; border: 1px solid rgba(37,99,235,.18) !important; box-shadow: 0 20px 45px rgba(15,23,42,.12) !important; } body.kw-theme-light .kwi-floating-card h3 { color:#2563eb !important; } body.kw-theme-light .kwi-floating-card p { color:#344054 !important; } /* IMAGE GLOW */ body.kw-theme-light .kwi-visual-box::after { background: radial-gradient( circle, rgba(37,99,235,.18), transparent 65% ) !important; } /* HERO BACKGROUND */ body.kw-theme-light .kwi-premium-hero { background: radial-gradient( circle at 80% 20%, rgba(37,99,235,.10), transparent 35% ), linear-gradient( 135deg, #ffffff, #f7f9ff ) !important; } /* ========================================== PREMIUM BLUE ANIMATED BUTTON BORDER ========================================== */ body.kw-theme-light .btn-highlighted { position: relative !important; overflow: hidden !important; z-index: 1 !important; background: linear-gradient( 135deg, #2563eb, #0f4c81 ) !important; color:#fff !important; } /* Moving Glow Ring */ body.kw-theme-light .btn-highlighted::before { content:""; position:absolute; width:220%; height:220%; top:-60%; left:-60%; background: conic-gradient( from 0deg, transparent 0deg, transparent 70deg, #ffffff 95deg, #60a5fa 120deg, #2563eb 160deg, transparent 210deg, transparent 360deg ); animation: borderRun 3s linear infinite; z-index:-2; } /* Inner Background Cover */ body.kw-theme-light .btn-highlighted::after { content:""; position:absolute; inset:2px; background: linear-gradient( 135deg, #2563eb, #0f4c81 ); border-radius:inherit; z-index:-1; } /* Animation */ @keyframes borderRun { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } /* Hover Premium Effect */ body.kw-theme-light .btn-highlighted:hover { transform:translateY(-4px) !important; box-shadow: 0 20px 45px rgba(37,99,235,.45), 0 0 25px rgba(96,165,250,.55) !important; } body.kw-theme-light .main-header, body.kw-theme-light .header-sticky, body.kw-theme-light .navbar, body.kw-theme-light .kw-mobile-dashboard-header { background: linear-gradient( 135deg, #020617 0%, #082f6d 45%, #0b4aa2 100% ) !important; border-bottom: 1px solid rgba(96,165,250,.35) !important; backdrop-filter:blur(15px); } body.kw-theme-light .navbar-brand { width: 22% !important; } body.kw-theme-light .navbar { align-items: center; } /* Top Shine Line */ body.kw-theme-light .header-sticky::before { content:""; position:absolute; top:0; left:0; width:100%; height:2px; background: linear-gradient( 90deg, transparent, #60a5fa, #ffffff, #2563eb, transparent ); opacity:.9; } /* Logo Glow */ body.kw-theme-light .navbar-brand img { filter: drop-shadow( 0 8px 25px rgba(96,165,250,.45) ) !important; } /* MENU TEXT WHITE */ body.kw-theme-light .main-menu .navbar-nav .nav-item .nav-link { color:#ffffff !important; font-weight:600 !important; transition:.3s ease; } /* MENU HOVER */ body.kw-theme-light .main-menu .navbar-nav .nav-item .nav-link:hover { color:#93c5fd !important; text-shadow: 0 0 14px rgba(147,197,253,.8); } /* ACTIVE MENU */ body.kw-theme-light .main-menu .navbar-nav .nav-item.active .nav-link { color:#60a5fa !important; } /* DROPDOWN */ body.kw-theme-light .main-menu ul ul { background: linear-gradient( 145deg, #07152f, #0b2552 ) !important; border: 1px solid rgba(96,165,250,.25) !important; box-shadow: 0 25px 60px rgba(0,0,0,.45) !important; } body.kw-theme-light .main-menu ul ul li a { color:#ffffff !important; } body.kw-theme-light .main-menu ul ul li a:hover { background: rgba(96,165,250,.18) !important; color:#93c5fd !important; } /* LOGIN BUTTON */ body.kw-theme-light .header-social-box .btn-highlighted { background: linear-gradient( 135deg, #60a5fa, #2563eb, #0f4c81 ) !important; color:#ffffff !important; border: 1px solid rgba(255,255,255,.35) !important; box-shadow: 0 15px 40px rgba(37,99,235,.55), inset 0 1px 0 rgba(255,255,255,.35) !important; } body.kw-theme-light .header-social-box .btn-highlighted:hover { transform:translateY(-3px); box-shadow: 0 25px 55px rgba(37,99,235,.75) !important; } /* MOBILE MENU BUTTON */ body.kw-theme-light .navbar-toggle .slicknav_btn { background:#fdfdfd !important; border: 1px solid rgba(96,165,250,.35) !important; } body.kw-theme-light .slicknav_icon-bar { background:#000000 !important; } /* MOBILE MENU */ body.kw-theme-light .responsive-menu .slicknav_menu { background:#ffffff !important; } body.kw-theme-light .slicknav_nav a { color:var(--kw-text-dark); } body.kw-theme-light .slicknav_nav a:hover { background: rgba(96,165,250,.18) !important; color:#93c5fd !important; } /* ===================================================== KNOWLEDGE WAVE INDIA LIGHT MODE FOOTER BODY CLASS: kw-theme-light ===================================================== */ /* FOOTER BACKGROUND */ body.kw-theme-light .main-footer, body.kw-theme-light .footer-main { background: linear-gradient( 135deg, #061a3d 0%, #0b3d91 55%, #164ea8 100% ) !important; color:#ffffff !important; } /* TOP GOLD LINE */ body.kw-theme-light .main-footer::before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background: linear-gradient( 90deg, #ffd65a, #ffffff, #2563eb ); } /* CTA SECTION */ body.kw-theme-light .kwi-cta-footer .work-together-box { background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.25) !important; backdrop-filter:blur(15px); } /* CTA TEXT */ body.kw-theme-light .kwi-cta-footer span { color:#ffd65a !important; } body.kw-theme-light .kwi-cta-footer h2 { color:#ffffff !important; } body.kw-theme-light .kwi-cta-footer p { color:rgba(255,255,255,.85) !important; } /* BUTTON */ body.kw-theme-light .main-footer .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #0b3d91 ) !important; color:#ffffff !important; border: 1px solid rgba(255,255,255,.35); } body.kw-theme-light .main-footer .btn-highlighted:hover { background: linear-gradient( 135deg, #ffd65a, #d99b00 ) !important; color:#111 !important; } /* LOGO AREA */ body.kw-theme-light .footer-logo p { color: rgba(255,255,255,.82) !important; } /* FOOTER HEADINGS */ body.kw-theme-light .footer-links h3 { color:#ffffff !important; } /* FOOTER LINKS */ body.kw-theme-light .footer-links a { color: rgba(255,255,255,.85) !important; } body.kw-theme-light .footer-links a:hover { color:#ffd65a !important; } body.kw-theme-light .privacy-policy-ul li a{ color: #141414 !important; } /* ARROW ICON */ body.kw-theme-light .footer-links a i { color:#ffd65a !important; } /* CONTACT BOX */ /* CONTACT ICON */ body.kw-theme-light .footer-contact-item .icon-box { background: linear-gradient( 135deg, #2563eb, #0b3d91 ) !important; } body.kw-theme-light .footer-contact-item .icon-box img { filter:brightness(0) invert(1); } /* CONTACT TEXT */ body.kw-theme-light .footer-contact-content p { color:#ffffff !important; } body.kw-theme-light .footer-copyright { margin-top: 0; } /* ===================================================== ABOUT SECTION LIGHT MODE PREMIUM UPDATE KNOWLEDGE WAVE INDIA ===================================================== */ /* SECTION */ body.kw-theme-light .about-agency { background: linear-gradient( 135deg, #ffffff 0%, #f5f8ff 100% ) !important; } /* LEFT CONTENT */ body.kw-theme-light .about-agency-content { padding-right:40px; } body.kw-theme-light .about-agency .kwi-tag { display:inline-flex; padding:10px 24px !important; border-radius:50px !important; background: rgba(37,99,235,.08) !important; border: 1px solid rgba(37,99,235,.25) !important; color:#2563eb !important; font-weight:600; } /* MAIN HEADING */ body.kw-theme-light .about-agency h1 { color:#0b1736 !important; font-size:48px !important; line-height:1.15 !important; } body.kw-theme-light .about-agency h1 span { color:#2563eb !important; } /* DESCRIPTION */ body.kw-theme-light .about-agency .kwi-content p { color:#475569 !important; font-size:17px !important; line-height:1.8 !important; max-width:560px; } /* ===================================================== RIGHT CARDS ===================================================== */ body.kw-theme-light .about-agency-item { position:relative; padding:28px 32px 28px 32px !important; background: rgba(255,255,255,.9) !important; border-radius:18px !important; border: 1px solid rgba(37,99,235,.12) !important; box-shadow: 0 20px 45px rgba(15,23,42,.08) !important; overflow:hidden; transition:.35s ease; } body.kw-theme-light .about-agency-item:hover { transform:translateY(-6px); box-shadow: 0 25px 60px rgba(37,99,235,.18) !important; } /* BLUE TOP LINE */ body.kw-theme-light .about-agency-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:8px; background: linear-gradient( 90deg, #2563eb, #0b3d91 ); } /* ICON BOX */ body.kw-theme-light .about-agency-item .icon-box { width:55px !important; height:55px !important; display:flex; align-items:center; justify-content:center; border-radius:15px !important; background: linear-gradient( 135deg, #2563eb, #0b3d91 ) !important; box-shadow: 0 12px 30px rgba(37,99,235,.35); } /* ICON */ body.kw-theme-light .about-agency-item .icon-box img { filter: brightness(0) invert(1); } /* CARD HEADING */ body.kw-theme-light .about-agency-item h3 { margin-top:15px !important; color:#0b1736 !important; font-size:22px !important; font-weight:700 !important; } /* CARD TEXT */ body.kw-theme-light .about-agency-item p { color:#64748b !important; font-size:15px !important; line-height:1.7 !important; } /* REMOVE GOLD COLORS */ body.kw-theme-light .about-agency * { --primary-color:#2563eb; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .about-agency h1 { font-size:34px !important; } body.kw-theme-light .about-agency-content { padding-right:0; } } /* ===================================================== KW LIGHT THEME - PREMIUM SCROLLING TICKER ===================================================== */ body.kw-theme-light .our-scrolling-ticker { background: linear-gradient( 135deg, #0f3d91 0%, #2563eb 50%, #1e40af 100% ) !important; border-top: 1px solid rgba(255,255,255,.25) !important; border-bottom: 1px solid rgba(255,255,255,.25) !important; box-shadow: 0 10px 30px rgba(37,99,235,.25) !important; } /* Text */ body.kw-theme-light .our-scrolling-ticker .scrolling-content span { color:#ffffff !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:none !important; } /* Icon */ body.kw-theme-light .our-scrolling-ticker .scrolling-content span img { filter: brightness(0) invert(1) !important; width:18px !important; height:18px !important; opacity:.95 !important; } /* Hover Premium Effect */ body.kw-theme-light .our-scrolling-ticker .scrolling-content span:hover { color:#dbeafe !important; } /* Smooth Premium Glow */ body.kw-theme-light .our-scrolling-ticker::before { content:""; position:absolute; inset:0; animation: kwTickerGlow 4s linear infinite; } @keyframes kwTickerGlow { 0% { transform:translateX(-100%); } 100% { transform:translateX(100%); } } /* ===================================================== KW LIGHT THEME SERVICES PREMIUM LIGHT BLUE GRID DESIGN ===================================================== */ body.kw-theme-light .our-services { position:relative !important; overflow:hidden !important; padding:30px 0 !important; background: radial-gradient( circle at top right, rgba(37,99,235,.12), transparent 35% ), radial-gradient( circle at bottom left, rgba(14,165,233,.10), transparent 40% ), linear-gradient( 180deg, #ffffff 0%, #f4f8ff 55%, #eef5ff 100% ) !important; } /* PREMIUM GRID LINES */ body.kw-theme-light .our-services::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.06) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.06) 1px, transparent 1px ); background-size:55px 55px; opacity:.6; pointer-events:none; } /* SOFT BLUE GLOW */ body.kw-theme-light .our-services::after { content:""; position:absolute; width:420px; height:420px; right:-120px; top:-100px; background: radial-gradient( circle, rgba(59,130,246,.18), transparent 70% ); filter:blur(25px); } /* CONTENT ABOVE */ body.kw-theme-light .our-services .container { position:relative; z-index:2; } /* TAG */ body.kw-theme-light .our-services .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border: 1px solid rgba(37,99,235,.25) !important; } /* HEADING */ body.kw-theme-light .our-services h1 { color:#0f172a !important; } body.kw-theme-light .our-services h1 span { background: linear-gradient( 90deg, #2563eb, #0ea5e9 ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; } body.kw-theme-light .our-services p { color:#475569 !important; } /* SERVICE CARDS */ body.kw-theme-light .service-item { background: rgba(255,255,255,.85) !important; border: 1px solid rgba(37,99,235,.14) !important; border-radius:24px !important; padding:18px !important; box-shadow: 0 20px 50px rgba(37,99,235,.10) !important; backdrop-filter:blur(12px) !important; transition:.35s ease !important; } body.kw-theme-light .service-item:hover { transform:translateY(-8px) !important; border-color:#60a5fa !important; box-shadow: 0 30px 70px rgba(37,99,235,.18) !important; } /* IMAGE */ body.kw-theme-light .service-item img { border-radius:18px !important; } /* TITLE */ body.kw-theme-light .service-item h3 { color:#0f172a !important; font-weight:700 !important; } /* DESCRIPTION */ body.kw-theme-light .service-item p { color:#64748b !important; } body.kw-theme-light .our-services .col-md-6 { padding: 8px !important; } body.kw-theme-light .service-item { margin-bottom: 10px; } /* BUTTON */ body.kw-theme-light .service-item .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #1d4ed8 ) !important; color:#fff !important; box-shadow: 0 12px 30px rgba(37,99,235,.30) !important; } /* ===================================================== KW LIGHT THEME - PREMIUM DIGITAL SUCCESS SECTION ===================================================== */ /* MAIN SECTION BACKGROUND */ body.kw-theme-light .digital-success { position: relative; padding: 30px 0px; background: white !important; } /* MAIN PREMIUM BOX */ body.kw-theme-light .digital-success-box { position: relative; padding: 70px 80px !important; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(248,251,255,.95) ) !important; border-radius:32px !important; border:2px solid transparent !important; background-clip:padding-box !important; box-shadow: 0 30px 70px rgba(37,99,235,.12), inset 0 0 40px rgba(37,99,235,.04) !important; } /* PREMIUM BLUE BORDER */ body.kw-theme-light .digital-success-box::before { content:""; position:absolute; inset:0; padding:2px; border-radius:32px; background: linear-gradient( 135deg, #2563eb, #60a5fa, #0ea5e9, #2563eb ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; } /* LEFT HEADING */ body.kw-theme-light .digital-success h1 { color:#0f172a !important; } /* BLUE GRADIENT WORD */ body.kw-theme-light .digital-success h1 span { background: linear-gradient( 90deg, #2563eb, #0ea5e9, #38bdf8 ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* DESCRIPTION */ body.kw-theme-light .digital-success .hero-content p { color:#475569 !important; line-height:1.8 !important; } /* TAG */ body.kw-theme-light .digital-success .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border:1px solid rgba(37,99,235,.25) !important; } /* COUNTER NUMBER */ body.kw-theme-light .success-counter-item h2 { color:#2563eb !important; font-weight:800 !important; } /* COUNTER TEXT */ body.kw-theme-light .success-counter-item p { color:#64748b !important; } /* RIGHT SIDE CARDS */ body.kw-theme-light .success-list-item { padding:28px 30px !important; margin-bottom:25px !important; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border: 1px solid rgba(37,99,235,.15) !important; border-radius:18px !important; box-shadow: 0 15px 35px rgba(37,99,235,.10) !important; transition:.3s ease !important; } body.kw-theme-light .success-list-item:hover { transform:translateY(-5px); box-shadow: 0 25px 50px rgba(37,99,235,.18) !important; } /* RIGHT TITLE */ body.kw-theme-light .success-list-item span { color:#2563eb !important; } /* RIGHT TEXT */ body.kw-theme-light .success-list-item p { color:#475569 !important; } /* VERTICAL LINE */ body.kw-theme-light .digital-success-list { border-left: none !important; margin-left: -10px; } /* RESPONSIVE */ @media(max-width:768px) { body.kw-theme-light .digital-success-box { padding:35px 20px !important; border-radius:22px !important; } } /* ===================================================== KW LIGHT THEME - UNIQUE PREMIUM EXPERT CARDS ===================================================== */ body.kw-theme-light .kwi-team-section { background: radial-gradient( circle at top left, rgba(37,99,235,.12), transparent 35% ), radial-gradient( circle at bottom right, rgba(14,165,233,.10), transparent 35% ), #ffffff !important; } /* CARD */ body.kw-theme-light .team-item { position:relative; overflow:hidden; height:430px !important; border-radius:28px !important; background:#020617 !important; border:1px solid rgba(37,99,235,.35)!important; box-shadow: 0 25px 60px rgba(15,23,42,.18) !important; margin: 0px !important; transition:.45s ease !important; } /* BLUE PREMIUM EDGE */ body.kw-theme-light .team-item::before { content:""; position:absolute; inset:0; border-radius:28px; padding:2px; background: linear-gradient( 135deg, #2563eb, #38bdf8, transparent, #2563eb ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; } /* IMAGE FULL */ body.kw-theme-light .team-image { position:absolute; inset:0; padding:0!important; } body.kw-theme-light .team-image figure { width:100%; height:100%; margin:0!important; } body.kw-theme-light .team-image img { width:100%; height:100%; object-fit:cover; transition:.6s ease; } /* DARK IMAGE OVERLAY */ body.kw-theme-light .team-image::after { content: ""; position: absolute; inset: 0; background: transparent !important; } /* NAME */ body.kw-theme-light .team-content h3 a { color:#ffffff!important; font-size:22px!important; font-weight:800!important; letter-spacing:.3px; } /* ROLE */ body.kw-theme-light .team-content p { color:#60a5fa!important; font-size:15px!important; font-weight:600!important; } /* HOVER */ body.kw-theme-light .team-item:hover { transform: translateY(-15px); box-shadow: 0 35px 80px rgba(37,99,235,.35)!important; } body.kw-theme-light .team-item:hover img { transform:scale(1.08); } /* FLOATING GLOW */ body.kw-theme-light .team-item::after { content:""; position:absolute; width:160px; height:160px; right:-60px; top:-60px; background: radial-gradient( circle, rgba(56,189,248,.35), transparent 70% ); } /* GRID GAP */ body.kw-theme-light .our-team .row { row-gap:35px; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .team-item { height: 306px !important; } } body.kw-theme-light .why-choose-us { padding-top: 30px !important; padding-bottom: 30px !important; background: white; } /* ===================================================== KNOWLEDGE WAVE INDIA PREMIUM LIGHT SOCIAL COMMUNITY SECTION ===================================================== */ /* MAIN SECTION */ body.kw-theme-light .join-agency { position: relative; padding:100px 0 !important; background: radial-gradient( circle at top left, rgba(37,99,235,.12), transparent 35% ), radial-gradient( circle at bottom right, rgba(56,189,248,.12), transparent 35% ), #ffffff !important; overflow:hidden; } /* BACKGROUND GRID EFFECT */ body.kw-theme-light .join-agency::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.04) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.04) 1px, transparent 1px ); background-size: 55px 55px; pointer-events:none; } /* CONTAINER */ body.kw-theme-light .join-agency .container { position:relative; z-index:2; } /* ========================== HEADING AREA ========================== */ body.kw-theme-light .join-agency .kwi-tag { display:inline-flex; padding:10px 22px; border-radius:50px; color:#2563eb !important; background: linear-gradient( 135deg, #eff6ff, #dbeafe ); border:1px solid rgba(37,99,235,.25); font-weight:600; font-size:14px; } body.kw-theme-light .join-agency h1 { margin-top:25px !important; color:#0f172a !important; font-size:48px !important; font-weight:800 !important; line-height:1.15 !important; } body.kw-theme-light .join-agency h1 span { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.kw-theme-light .join-agency .hero-content p { max-width:750px; margin:20px auto 60px; color:#64748b !important; font-size:18px; line-height:1.7; } /* ========================== SOCIAL CARDS ========================== */ body.kw-theme-light .agency-social-item { position: relative; height: 100%; padding: 29px 23px 0px !important; border-radius: 28px 5px !important; background: rgba(255, 255, 255, .85) !important; border: 1px solid rgba(37, 99, 235, .12) !important; backdrop-filter: blur(15px); box-shadow: 0 20px 60px rgba(15, 23, 42, .08); transition: .4s ease; } body.kw-theme-light .agency-social-item .icon-box a { background: transparent; } body.kw-theme-light .agency-social-item .icon-box a::before { background: transparent !important; } /* TOP LINE */ body.kw-theme-light .agency-social-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; } /* CARD 1 */ body.kw-theme-light .col-lg-4:nth-child(1) .agency-social-item::before { background: linear-gradient( 90deg, #ef4444, #f87171 ); } /*body.kw-theme-light .col-lg-4:nth-child(1) .icon-box { background: linear-gradient( 135deg, #ef4444, #fb7185 ); }*/ /* CARD 2 */ body.kw-theme-light .col-lg-4:nth-child(2) .agency-social-item::before { background: linear-gradient( 90deg, #9333ea, #ec4899 ); } /*body.kw-theme-light .col-lg-4:nth-child(2) .icon-box { background: linear-gradient( 135deg, #9333ea, #ec4899 ); }*/ /* CARD 3 */ body.kw-theme-light .col-lg-4:nth-child(3) .agency-social-item::before { background: linear-gradient( 90deg, #16a34a, #4ade80 ); } /*body.kw-theme-light .col-lg-4:nth-child(3) .icon-box { background: linear-gradient( 135deg, #16a34a, #22c55e ); }*/ /* ICON */ body.kw-theme-light .agency-social-item .icon-box { width:75px; height:75px; border-radius:22px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; box-shadow: 0 15px 35px rgba(0,0,0,.15); background: #2074ea; } body.kw-theme-light .readmore-btn { border: 1px solid #ffffff; } body.kw-theme-light .footer-contact-item .icon-box { border: 1px solid #ffffff; } body.kw-theme-light .kwi-price-card-price { color: #1856af !important; } body.kw-theme-light .service-item-header .icon-box i{ color: #4789f4 !important; } body.kw-theme-light .agency-social-item .icon-box i { color:#fff !important; font-size:32px; } /* TITLE */ body.kw-theme-light .agency-social-content h3 { color:#0f172a !important; font-size:24px !important; font-weight:750 !important; margin-bottom:12px; } /* TEXT */ body.kw-theme-light .agency-social-content p { color:#64748b !important; font-size:15px; line-height:1.7; } /* BUTTON */ body.kw-theme-light .agency-social-btn { margin-top:25px; } body.kw-theme-light .readmore-btn { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background: linear-gradient( 135deg, #2563eb, #0ea5e9 ); box-shadow: 0 12px 30px rgba(37,99,235,.35); } body.kw-theme-light .readmore-btn img { width:18px; } /* HOVER */ body.kw-theme-light .agency-social-item:hover { transform: translateY(-12px); box-shadow: 0 35px 80px rgba(37,99,235,.18); border-color: rgba(37,99,235,.35) !important; } /* MOBILE */ @media(max-width:767px) { body.kw-theme-light .join-agency { padding:70px 0 !important; } body.kw-theme-light .join-agency h1 { font-size:34px !important; } body.kw-theme-light .agency-social-item { margin-bottom: 53px; padding: 42px 32px 10px !important; height: 100% !important; } } /* ===================================================== KW LIGHT THEME WHY CHOOSE PREMIUM COLOR CARDS ===================================================== */ /* MAIN BOX */ body.kw-theme-light .why-choose-item { position:relative; padding:35px 32px !important; border-radius:24px !important; overflow:hidden; border:1px solid rgba(0,0,0,.08); box-shadow: 0 20px 50px rgba(15,23,42,.08); transition:.35s ease; background:#fff; } /* TOP GLOW LINE */ body.kw-theme-light .why-choose-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; } /* ===================================== BOX 1 - BLUE ===================================== */ body.kw-theme-light .why-choose-item:nth-child(1) { background: linear-gradient( 145deg, #ffffff, #eff6ff ); border-color: rgba(37,99,235,.18); } body.kw-theme-light .why-choose-item:nth-child(1)::before { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } /* ===================================== BOX 2 - PURPLE ===================================== */ body.kw-theme-light .why-choose-item:nth-child(2) { background: linear-gradient( 145deg, #ffffff, #faf5ff ); border-color: rgba(147,51,234,.18); } body.kw-theme-light .why-choose-item:nth-child(2)::before { background: linear-gradient( 90deg, #9333ea, #ec4899 ); } /* ===================================== BOX 3 - GREEN ===================================== */ body.kw-theme-light .why-choose-item:nth-child(3) { background: linear-gradient( 145deg, #ffffff, #f0fdf4 ); border-color: rgba(22,163,74,.18); } body.kw-theme-light .why-choose-item:nth-child(3)::before { background: linear-gradient( 90deg, #16a34a, #4ade80 ); } /* HEADING */ body.kw-theme-light .why-choose-item h3 { color:#0f172a !important; font-size:23px !important; font-weight:750 !important; margin-bottom:15px !important; } /* TEXT */ body.kw-theme-light .why-choose-item p { color:#64748b !important; font-size:15px !important; line-height:1.8 !important; } /* ACTIVE CARD */ body.kw-theme-light .why-choose-item.active { transform:translateY(-8px); box-shadow: 0 30px 70px rgba(37,99,235,.18); } /* HOVER */ body.kw-theme-light .why-choose-item:hover { transform: translateY(-10px); box-shadow: 0 35px 80px rgba(15,23,42,.15); } /* ACTIVE TEXT COLOR */ body.kw-theme-light .why-choose-item.active h3 { color:#2563eb !important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .why-choose-item { margin-bottom:20px; } } /* ===================================================== KW LIGHT THEME DIGITAL SUCCESS LIST PREMIUM CARDS ===================================================== */ /* COMMON CARD */ body.kw-theme-light .success-list-item { position:relative !important; padding:32px 35px !important; margin-bottom:25px !important; border-radius:22px !important; overflow:hidden !important; background:#fff !important; border:1px solid rgba(0,0,0,.08) !important; box-shadow: 0 20px 45px rgba(15,23,42,.08) !important; transition:.35s ease !important; } /* TOP COLOR BAR */ body.kw-theme-light .success-list-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; } /* ===================================== FIRST CARD - BLUE ===================================== */ body.kw-theme-light .success-list-item:nth-child(1) { background: linear-gradient( 145deg, #ffffff, #eff6ff ) !important; border-color: rgba(37,99,235,.18) !important; } body.kw-theme-light .success-list-item:nth-child(1)::before { background: linear-gradient( 90deg, #2563eb, #38bdf8 ) !important; } /* ===================================== SECOND CARD - GREEN ===================================== */ body.kw-theme-light .success-list-item:nth-child(2) { background: linear-gradient( 145deg, #ffffff, #f0fdf4 ) !important; border-color: rgba(22,163,74,.18) !important; } body.kw-theme-light .success-list-item:nth-child(2)::before { background: linear-gradient( 90deg, #16a34a, #4ade80 ) !important; } /* TEXT */ body.kw-theme-light .success-list-item p { color:#64748b !important; font-size:16px !important; line-height:1.8 !important; margin:0 !important; } /* HIGHLIGHT TITLE */ body.kw-theme-light .success-list-item p span { font-weight:750 !important; color:#0f172a !important; } /* FIRST TITLE COLOR */ body.kw-theme-light .success-list-item:nth-child(1) p span { color:#2563eb !important; } /* SECOND TITLE COLOR */ body.kw-theme-light .success-list-item:nth-child(2) p span { color:#16a34a !important; } /* HOVER */ body.kw-theme-light .success-list-item:hover { transform: translateY(-8px) !important; box-shadow: 0 35px 70px rgba(37,99,235,.15) !important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .success-list-item { padding:25px !important; } } /* ===================================================== KW LIGHT THEME ABOUT AGENCY PREMIUM CARDS ===================================================== */ /* MAIN CARD */ body.kw-theme-light .about-agency-item { position:relative !important; display:flex !important; align-items:flex-start !important; gap:22px !important; padding:28px 30px !important; margin-bottom:22px !important; border-radius:20px !important; background: linear-gradient( 145deg, #ffffff 0%, #f8fbff 100% ) !important; border:1px solid rgba(37,99,235,.12) !important; box-shadow: 0 18px 45px rgba(15,23,42,.07) !important; overflow:hidden !important; transition:.35s ease !important; } /* TOP ACCENT LINE */ body.kw-theme-light .about-agency-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:4px; background: linear-gradient( 90deg, #2563eb, #38bdf8 ) !important; } /* ICON BOX */ body.kw-theme-light .about-agency-item .icon-box { width:65px !important; height:65px !important; flex:0 0 65px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:18px !important; background: linear-gradient( 145deg, #2563eb, #60a5fa ) !important; box-shadow: 0 12px 25px rgba(37,99,235,.25) !important; } /* ICON */ body.kw-theme-light .about-agency-item .icon-box img { width:32px !important; height:32px !important; filter:brightness(0) invert(1) !important; } /* CONTENT */ body.kw-theme-light .agency-item-content h3 { margin:0 0 10px !important; color:#0f172a !important; font-size:20px !important; font-weight:700 !important; text-transform:capitalize !important; } /* DESCRIPTION */ body.kw-theme-light .agency-item-content p { margin:0 !important; color:#64748b !important; font-size:15px !important; line-height:1.7 !important; } /* DIFFERENT CARD COLORS */ /* CARD 2 */ body.kw-theme-light .about-agency-item:nth-child(2)::before { background: linear-gradient( 90deg, #7c3aed, #c084fc ) !important; } body.kw-theme-light .about-agency-item:nth-child(2) .icon-box { background: linear-gradient( 145deg, #7c3aed, #c084fc ) !important; } /* CARD 3 */ body.kw-theme-light .about-agency-item:nth-child(3)::before { background: linear-gradient( 90deg, #059669, #34d399 ) !important; } body.kw-theme-light .about-agency-item:nth-child(3) .icon-box { background: linear-gradient( 145deg, #059669, #34d399 ) !important; } /* CARD 4 */ body.kw-theme-light .about-agency-item:nth-child(4)::before { background: linear-gradient( 90deg, #f59e0b, #fbbf24 ) !important; } body.kw-theme-light .about-agency-item:nth-child(4) .icon-box { background: linear-gradient( 145deg, #f59e0b, #fbbf24 ) !important; } /* HOVER EFFECT */ body.kw-theme-light .about-agency-item:hover { transform: translateY(-7px) !important; box-shadow: 0 30px 65px rgba(37,99,235,.15) !important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .about-agency-item { padding:22px !important; gap:15px !important; } body.kw-theme-light .about-agency-item .icon-box { width:55px !important; height:55px !important; flex:0 0 55px !important; } } body.kw-theme-light .about-agency-list { gap: 0px !important; } /* ========================================= KW LIGHT THEME COURSE CARD TEXT PREMIUM UPDATE ========================================= */ /* COURSE TITLE */ body.kw-theme-light .gold-course-card h3 { color:#111827 !important; font-size:20px !important; font-weight:700 !important; letter-spacing:.2px !important; line-height:1.3 !important; } /* PRICE TEXT */ body.kw-theme-light .gold-course-card h4 { color:#2563eb !important; font-size:20px !important; font-weight:800 !important; line-height:1.2 !important; } /* BUTTON TEXT */ body.kw-theme-light .gold-course-card .btn-highlighted { font-size:14px !important; font-weight:700 !important; letter-spacing:.3px !important; } /* CARD INNER SPACING */ body.kw-theme_light .gold-course-card h3, body.kw-theme-light .gold-course-card h3 { margin-bottom:8px !important; } body.kw-theme-light .gold-course-card h4 { margin-bottom:18px !important; } /* PREMIUM DARK TEXT */ body.kw-theme-light .gold-course-card { color:#111827 !important; } body.kw-theme-light .gold-course-card::before { content: ""; position: absolute; inset: 0; border-radius: 18px; padding: 2px; background: linear-gradient( 135deg, #0f3d91, #2563eb, #60a5fa, #38bdf8, #0f4cba ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .85; } /* ===================================================== KW LIGHT THEME - PREMIUM PAGE HEADER ===================================================== */ body.kw-theme-light .page-header { position:relative !important; overflow:hidden !important; background: radial-gradient( circle at 10% 20%, rgba(37,99,235,.12), transparent 35% ), radial-gradient( circle at 90% 80%, rgba(56,189,248,.12), transparent 35% ), linear-gradient( 135deg, #ffffff, #f4f8ff ) !important; } /* PREMIUM GRID EFFECT */ body.kw-theme-light .page-header::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.045) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.045) 1px, transparent 1px ); background-size:55px 55px; pointer-events:none; } /* CONTENT */ body.kw-theme-light .page-header-box { position:relative; z-index:2; text-align:center; } /* MAIN TITLE */ body.kw-theme-light .page-header-box h1 { color:#111827 !important; font-size:64px !important; font-weight:900 !important; letter-spacing:.5px !important; margin-bottom:25px !important; -webkit-text-fill-color:#111827 !important; } /* BREADCRUMB GLASS BOX */ body.kw-theme-light .page-header-box .breadcrumb { display:inline-flex !important; align-items:center !important; gap:10px !important; padding:12px 26px !important; margin:0 !important; border-radius:50px !important; background: rgba(255,255,255,.75) !important; border: 1px solid rgba(37,99,235,.18) !important; box-shadow: 0 15px 35px rgba(37,99,235,.12) !important; backdrop-filter:blur(10px) !important; } /* HOME LINK */ body.kw-theme-light .page-header-box .breadcrumb-item a { color:#2563eb !important; font-weight:600 !important; } /* ACTIVE */ body.kw-theme-light .page-header-box .breadcrumb-item.active { color:#475569 !important; font-weight:600 !important; } /* SEPARATOR */ body.kw-theme-light .page-header-box .breadcrumb-item+.breadcrumb-item::before { color:#94a3b8 !important; } /* BOTTOM BLUE LINE */ body.kw-theme-light .page-header::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background: linear-gradient( 90deg, transparent, #2563eb, #38bdf8, transparent ); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .page-header { padding: 30px 0 !important; } body.kw-theme-light .page-header-box h1 { font-size:38px !important; } } /* ===================================================== KW LIGHT THEME PREMIUM ABOUT SECTION ===================================================== */ body.kw-theme-light .kwi-about-premium { position:relative; padding:90px 0 !important; background: radial-gradient( circle at left top, rgba(37,99,235,.10), transparent 35% ), linear-gradient( 135deg, #ffffff, #f6f9ff ) !important; overflow:hidden; } /* BACKGROUND GRID */ body.kw-theme-light .kwi-about-premium::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.035) 1px, transparent 1px ); background-size:55px 55px; } /* LEFT CONTENT */ body.kw-theme-light .kwi-about-left { position:relative; z-index:2; } /* TAG */ body.kw-theme-light .kwi-about-tag { display:inline-flex !important; padding:10px 22px !important; border-radius:50px !important; color:#2563eb !important; background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; border: 1px solid rgba(37,99,235,.20) !important; font-size:14px !important; font-weight:600 !important; } /* HEADING */ body.kw-theme-light .kwi-about-left h2 { color:#111827 !important; font-size:46px !important; line-height:1.15 !important; font-weight:800 !important; margin-top:25px !important; } /* BLUE GRADIENT TEXT */ body.kw-theme-light .kwi-about-left h2 span { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } /* DESCRIPTION */ body.kw-theme-light .kwi-about-left p { color:#475569 !important; font-size:17px !important; line-height:1.8 !important; } /* BUTTON */ body.kw-theme-light .kwi-about-left .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #0f4cba ) !important; color:#fff !important; border-radius:12px !important; padding:15px 30px !important; box-shadow: 0 15px 35px rgba(37,99,235,.25) !important; } /* RIGHT CARD WRAPPER */ body.kw-theme-light .kwi-about-card-box { position:relative; z-index:2; } /* CARDS */ body.kw-theme-light .kwi-about-card { background: rgba(255, 255, 255, .85) !important; border: 1px solid rgba(37, 99, 235, .15) !important; border-radius: 20px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, .08) !important; backdrop-filter: blur(12px); transition: .3s ease; padding-left: 109px; } /* CARD HOVER */ body.kw-theme-light .kwi-about-card:hover { transform:translateY(-6px); border-color:#2563eb !important; box-shadow: 0 25px 60px rgba(37,99,235,.15) !important; } /* ICON */ body.kw-theme-light .kwi-card-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:#fff; font-size:20px; margin-bottom:15px; } /* CARD TITLE */ body.kw-theme-light .kwi-about-card h3 { color:#111827 !important; font-size:22px !important; font-weight:700 !important; } /* CARD TEXT */ body.kw-theme-light .kwi-about-card p { color:#64748b !important; line-height:1.7 !important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kwi-about-left h2 { font-size:34px !important; } } /* ========================================= KW LIGHT THEME COLORFUL ABOUT CARDS ========================================= */ /* CARD 1 */ body.kw-theme-light .kwi-about-card:nth-child(1) { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; border-color: rgba(37,99,235,.25) !important; } /* CARD 2 */ body.kw-theme-light .kwi-about-card:nth-child(2) { background: linear-gradient( 135deg, #f0fdfa, #ccfbf1 ) !important; border-color: rgba(13,148,136,.25) !important; } /* CARD 3 */ body.kw-theme-light .kwi-about-card:nth-child(3) { background: linear-gradient( 135deg, #eef2ff, #e0e7ff ) !important; border-color: rgba(99,102,241,.25) !important; } /* TOP COLOR LINE */ body.kw-theme-light .kwi-about-card { position:relative !important; overflow:hidden !important; } body.kw-theme-light .kwi-about-card::before { content:""; position:absolute; top:0; left:0; width:100%; height:4px; background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } body.kw-theme-light .kwi-about-card:nth-child(2)::before { background: linear-gradient( 90deg, #0f766e, #2dd4bf ); } body.kw-theme-light .kwi-about-card:nth-child(3)::before { background: linear-gradient( 90deg, #4f46e5, #818cf8 ); } /* ICON DIFFERENT COLORS */ body.kw-theme-light .kwi-about-card:nth-child(1) .kwi-card-icon { background: linear-gradient( 135deg, #2563eb, #60a5fa ); } body.kw-theme-light .kwi-about-card:nth-child(2) .kwi-card-icon { background: linear-gradient( 135deg, #059669, #34d399 ); } body.kw-theme-light .kwi-about-card:nth-child(3) .kwi-card-icon { background: linear-gradient( 135deg, #7c3aed, #a78bfa ); } /* HOVER */ body.kw-theme-light .kwi-about-card:hover { transform:translateY(-8px) !important; } /* ===================================================== KW LIGHT THEME PREMIUM APPROACH SECTION ===================================================== */ body.kw-theme-light .our-approach { position:relative; background: radial-gradient( circle at top left, rgba(37,99,235,.10), transparent 35% ), radial-gradient( circle at bottom right, rgba(14,165,233,.10), transparent 35% ), #ffffff !important; overflow:hidden; } /* BACKGROUND GRID */ body.kw-theme-light .our-approach::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.035) 1px, transparent 1px ); background-size:55px 55px; } /* CONTENT */ body.kw-theme-light .our-approach .kwi-content { position:relative; z-index:2; } /* TAG */ body.kw-theme-light .our-approach .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border: 1px solid rgba(37,99,235,.25) !important; } /* HEADING */ body.kw-theme-light .our-approach h1 { color:#111827 !important; font-weight:800 !important; } body.kw-theme-light .our-approach h1 span { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* DESCRIPTION */ body.kw-theme-light .our-approach .hero-content p { color:#64748b !important; max-width:800px; margin:auto; } /* ===================================== APPROACH CARDS ===================================== */ body.kw-theme-light .mission-vision-item { position: relative; background: linear-gradient(145deg, #ffffff, #f8fbff) !important; border: 1px solid rgba(37, 99, 235, .15) !important; border-radius: 28px !important; overflow: hidden !important; box-shadow: 0 20px 50px rgba(15, 23, 42, .08); transition: .4s ease; margin-top: 30px; } /* TOP BLUE LINE */ body.kw-theme-light .mission-vision-item::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } body.kw-theme-light .mission-vision-img figure { overflow:hidden; border-radius:22px !important; margin:0 !important; } body.kw-theme-light .mission-vision-img img { width:100% !important; border-radius:22px !important; transition:.5s ease; } body.kw-theme-light .mission-vision-item:hover img { transform:scale(1.06); } /* TITLE */ body.kw-theme-light .mission-vision-content h3 { color:#111827 !important; font-size:24px !important; font-weight:750 !important; margin-bottom:12px !important; } /* TEXT */ body.kw-theme-light .mission-vision-content p { color:#64748b !important; line-height:1.8 !important; } /* DIFFERENT CARD COLORS */ /* MISSION */ body.kw-theme-light .mission-vision-item:nth-child(1)::before { background: linear-gradient( 90deg, #2563eb, #60a5fa ); } /* VISION */ body.kw-theme-light .mission-vision-item:nth-child(2)::before { background: linear-gradient( 90deg, #7c3aed, #c084fc ); } /* VALUES */ body.kw-theme-light .mission-vision-item:nth-child(3)::before { background: linear-gradient( 90deg, #059669, #34d399 ); } /* HOVER */ body.kw-theme-light .mission-vision-item:hover { transform: translateY(-10px); box-shadow: 0 35px 80px rgba(37,99,235,.18); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .our-approach { padding:60px 0!important; } body.kw-theme-light .mission-vision-item { margin-bottom:25px; } } /* ===================================================== KW WHO WE ARE - PREMIUM LIGHT CARD DESIGN ===================================================== */ body.kw-theme-light .who-we-are { position: relative; padding: 90px 0 !important; background: radial-gradient( circle at top right, rgba(59,130,246,.12), transparent 35% ), radial-gradient( circle at bottom left, rgba(96,165,250,.10), transparent 40% ), #ffffff !important; } /* subtle grid */ body.kw-theme-light .who-we-are::before { content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(37,99,235,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37,99,235,.035) 1px, transparent 1px ); background-size:55px 55px; } /* LEFT CONTENT */ body.kw-theme-light .who-we-are .hero-content { position:relative; z-index:2; } body.kw-theme-light .who-we-are .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border:1px solid rgba(37,99,235,.25); } body.kw-theme-light .who-we-are h1 { color:#111827 !important; font-size:48px !important; font-weight:800 !important; } body.kw-theme-light .who-we-are h1 span { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.kw-theme-light .who-we-are p { color:#64748b !important; line-height:1.8; } /* ===================================== COUNTER AREA ===================================== */ body.kw-theme-light .experts-counters-list { display:grid !important; grid-template-columns:repeat(2,1fr); gap:26px !important; } /* ALL BOX SAME SIZE */ body.kw-theme-light .experts-counter-item { width:100% !important; min-height:210px !important; padding:28px !important; border-radius:26px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; position:relative; overflow:hidden; background: linear-gradient( 145deg, #ffffff, #eef6ff ) !important; border:1px solid rgba(37,99,235,.18); box-shadow: 0 20px 45px rgba(37,99,235,.12); transition:.35s ease; } /* BLUE WAVE EFFECT */ body.kw-theme-light .experts-counter-item::after { content:""; position:absolute; width:180px; height:180px; right:-70px; bottom:-80px; background: radial-gradient( circle, rgba(59,130,246,.25), transparent 70% ); } /* ICON WHITE CIRCLE */ body.kw-theme-light .experts-counter-item .icon-box { width:65px !important; height:65px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#ffffff !important; border-radius:50% !important; box-shadow: 0 10px 25px rgba(37,99,235,.15); margin-bottom:18px; } body.kw-theme-light .experts-counter-item .icon-box img { width:32px !important; height:32px !important; filter: hue-rotate(180deg); } /* NUMBER */ body.kw-theme-light .experts-counter-content h2 { font-size:38px !important; font-weight:800 !important; color:#0f172a !important; margin:0 !important; } /* TEXT */ body.kw-theme-light .experts-counter-content p { color:#64748b !important; font-size:15px !important; } /* INDIVIDUAL CARD COLORS */ /* STUDENT */ body.kw-theme-light .expert-box-1 .experts-counter-item:first-child { background: linear-gradient( 135deg, #eaf2ff, #dbeafe )!important; } /* COURSES */ body.kw-theme-light .expert-box-1 .experts-counter-item:last-child { background: linear-gradient( 135deg, #f3e8ff, #ede9fe )!important; } /* TRAINER */ body.kw-theme-light .expert-box-2 .experts-counter-item:first-child { background: linear-gradient( 135deg, #ecfdf5, #d1fae5 )!important; } /* COMMUNITY */ body.kw-theme-light .expert-box-2 .experts-counter-item:last-child { background: linear-gradient( 135deg, #fff7ed, #ffedd5 )!important; } /* HOVER */ body.kw-theme-light .experts-counter-item:hover { transform:translateY(-10px); box-shadow: 0 35px 70px rgba(37,99,235,.20); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .experts-counters-list { grid-template-columns:1fr; } body.kw-theme-light .who-we-are h1 { font-size:34px!important; } } body.kw-theme-light .experts-counter-box { width: 100%; } /* ========================================= REMOVE BLACK + GOLD PREMIUM BLUE LIGHT THEME ========================================= */ /* Main headings black to navy */ body.kw-theme-light .testimonial__area h1, body.kw-theme-light .testimonial__area h2, body.kw-theme-light .testimonial__area h3, body.kw-theme-light .testimonial__area h4, body.kw-theme-light .testimonial__area h5 { color:#0f172a !important; } /* Golden text replace blue gradient */ body.kw-theme-light .testimonial__area h1 span, body.kw-theme-light .testimonial__area .name { background: linear-gradient( 90deg, #2563eb, #06b6d4 ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* Gold quote icon */ body.kw-theme-light .quote-icon { background: linear-gradient( 135deg, #2563eb, #06b6d4 ) !important; color:#ffffff !important; } /* Gold borders replace blue */ body.kw-theme-light .testimonial__item { border: 1px solid rgba(37,99,235,.18) !important; } /* Gold shadow remove */ body.kw-theme-light .testimonial__item:hover { box-shadow: 0 30px 60px rgba(37,99,235,.18) !important; } /* Image top gradient */ body.kw-theme-light .testimonial__thumb { background: linear-gradient( 135deg, #1d4ed8, #38bdf8 ) !important; } /* Paragraph premium dark grey */ body.kw-theme-light .testimonial__content p { color:#475569 !important; } /* Name */ body.kw-theme-light .testimonial__avatar .name { color:#2563eb !important; } /* Dots/arrows */ body.kw-theme-light .owl-nav button { background: linear-gradient( 135deg, #2563eb, #0ea5e9 ) !important; } body.kw-theme-light .testimonial__area.section-py-120 { padding-top: 30px; padding-bottom: 30px; } /* ===================================================== KWI COURSE PAGE PREMIUM LIGHT MULTI COLOR THEME ===================================================== */ /* MAIN BACKGROUND */ body.kw-theme-light .kwi-package-page { background: radial-gradient( circle at top left, rgba(37,99,235,.10), transparent 35% ), radial-gradient( circle at bottom right, rgba(14,165,233,.10), transparent 35% ), #ffffff !important; } /* ===================================================== HERO ===================================================== */ body.kw-theme-light .kwi-package-content h1 span { background: linear-gradient( 90deg, #2563eb, #06b6d4 ) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; } body.kw-theme-light .kwi-package-meta div { background:#ffffff !important; border:1px solid rgba(37,99,235,.15); box-shadow: 0 10px 30px rgba(37,99,235,.10); border-radius:14px !important; padding:12px 18px !important; color:#334155 !important; } body.kw-theme-light .kwi-package-meta i { color:#2563eb !important; } /* ===================================================== VIDEO BOX ===================================================== */ body.kw-theme-light .videomain { border-radius:28px !important; overflow:hidden !important; box-shadow: 0 25px 60px rgba(15,23,42,.15); } /* ===================================================== OVERVIEW BOX ===================================================== */ body.kw-theme-light .kwi-content-box { background: linear-gradient( 145deg, #ffffff, #f8fbff ); padding:35px !important; border-radius:24px !important; border:1px solid rgba(37,99,235,.12); box-shadow: 0 20px 50px rgba(37,99,235,.10); } body.kw-theme-light .kwi-content-box h2 span { color:#2563eb !important; } body.kw-theme-light .kwi-content-box li::marker { color:#2563eb; } /* ===================================================== COURSE DETAILS MULTI COLOR BOX ===================================================== */ body.kw-theme-light .kwi-highlight-box { background: linear-gradient( 145deg, #eff6ff, #ffffff ) !important; border-radius:24px !important; border:1px solid #bfdbfe !important; padding:30px !important; box-shadow: 0 20px 50px rgba(37,99,235,.12); } body.kw-theme-light .kwi-highlight-box h3 { color:#0f172a !important; } body.kw-theme-light .kwi-highlight-box li { background:#ffffff; margin-bottom:12px; padding:14px; border-radius:12px; color:#475569 !important; box-shadow: 0 5px 15px rgba(0,0,0,.05); } body.kw-theme-light .kwi-highlight-box i { color:#2563eb !important; } /* ===================================================== ACCORDION ===================================================== */ body.kw-theme-light .kwi-accordion-item { border-radius:20px !important; overflow:hidden; border:1px solid rgba(37,99,235,.15); background:#fff; box-shadow: 0 15px 40px rgba(37,99,235,.08); } body.kw-theme-light .kwi-accordion-btn { background: linear-gradient( 90deg, #2563eb, #38bdf8 ) !important; color:#ffffff !important; border-radius:0 !important; } body.kw-theme-light .kwi-accordion-btn span { background:#ffffff !important; color:#2563eb !important; } body.kw-theme-light .kwi-accordion-body li { background:#f8fafc; margin-bottom:10px; padding:14px 18px; border-radius:12px; color:#334155 !important; } body.kw-theme-light .kwi-accordion-body li i { color:#2563eb !important; } /* ===================================================== INSTRUCTOR CARD ===================================================== */ body.kw-theme-light .kwi-instructor-section { border-top: 1px solid rgba(37, 99, 235, .15) !important; padding-top: 30px; } body.kw-theme-light .kwi-instructor-section img { border:5px solid #2563eb !important; box-shadow: 0 20px 50px rgba(37,99,235,.25) !important; } body.kw-theme-light .kwi-instructor-section h2 { color:#0f172a !important; } body.kw-theme-light .kwi-instructor-section h4 { color:#2563eb !important; } /* ===================================================== PREMIUM SPACING ===================================================== */ body.kw-theme-light .kwi-package-overview, body.kw-theme-light .kwi-curriculum-section { margin-top:60px !important; } /* ===================================================== TAGS ===================================================== */ body.kw-theme-light .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border:1px solid #bfdbfe !important; } body.kw-theme-light .kwi-price-card h4 { color: #07275d; font-weight: 800; } /* ===================================================== KNOWLEDGE WAVE INDIA CONTACT SECTION PREMIUM LIGHT BLUE THEME ===================================================== */ /* MAIN SECTION */ body.kw-theme-light .page-contact-us { background: radial-gradient( circle at left, rgba(37,99,235,.10), transparent 35% ), radial-gradient( circle at right, rgba(14,165,233,.12), transparent 35% ), #ffffff !important; } /* LEFT CONTENT */ body.kw-theme-light .contact-information h1 { color:#0f172a !important; } body.kw-theme-light .contact-information h1 span { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.kw-theme-light .contact-information p { color:#64748b !important; } /* TAG */ body.kw-theme-light .kwi-tag { background: linear-gradient( 135deg, #eff6ff, #dbeafe ) !important; color:#2563eb !important; border:1px solid #bfdbfe !important; } /* ===================================================== CONTACT INFO CARDS ===================================================== */ body.kw-theme-light .contact-info-box { margin-top:35px; } body.kw-theme-light .info-box-1 { display:flex !important; gap:20px !important; } body.kw-theme-light .contact-info-item { padding: 10px !important; border-radius: 22px !important; background: linear-gradient(145deg, #ffffff, #f3f8ff) !important; border: 1px solid rgba(37, 99, 235, .18) !important; box-shadow: 0 15px 40px rgba(37, 99, 235, .10); /*overflow: hidden;*/ transition: .3s ease; } /* TOP BLUE LINE */ body.kw-theme-light .contact-info-item::before { display: none !important; } body.kw-theme-light .contact-info-item:hover { transform:translateY(-8px); box-shadow: 0 25px 60px rgba(37,99,235,.18); } /* ICON */ body.kw-theme-light .contact-info-item .icon-box { width: 65px !important; height: 65px !important; display: flex !important; justify-content: center !important; align-items: center !important; border-radius: 18px !important; background: linear-gradient(135deg, #2563eb, #38bdf8) !important; margin: 0 auto; margin-bottom: 22px; } body.kw-theme-light .contact-info-item .icon-box img { width:32px !important; filter:brightness(0) invert(1); } /* TEXT */ body.kw-theme-light .contact-item-content h3 { color:#0f172a !important; font-size:18px !important; font-weight:700 !important; } body.kw-theme-light .contact-item-content a { color:#2563eb !important; font-weight:600 !important; } /* ===================================================== FORM CARD ===================================================== */ body.kw-theme-light .contact-us-form { padding:40px !important; border-radius:28px !important; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border: 1px solid rgba(37,99,235,.18); box-shadow: 0 25px 70px rgba(37,99,235,.12); } /* INPUTS */ body.kw-theme-light .contact-us-form .form-control { border-radius:14px !important; border: 1px solid #dbeafe !important; background:#ffffff !important; color:#0f172a !important; transition:.3s ease; } body.kw-theme-light .contact-us-form textarea.form-control { height:auto !important; } body.kw-theme-light .contact-us-form .form-control:focus { border-color:#2563eb !important; box-shadow: 0 0 0 4px rgba(37,99,235,.12); } /* BUTTON */ body.kw-theme-light .contact-form-btn .btn-highlighted { width:100% !important; border-radius:14px !important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 ) !important; color:#ffffff !important; border:none !important; box-shadow: 0 15px 35px rgba(37,99,235,.30); font-weight:700 !important; } body.kw-theme-light .contact-form-btn .btn-highlighted:hover { transform:translateY(-3px); box-shadow: 0 25px 50px rgba(37,99,235,.40); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .info-box-1 { flex-direction:column !important; } body.kw-theme-light .contact-us-form { padding:25px !important; } } body.kw-theme-light .login-options a, .signup-text a { color: black; } body.kw-theme-light .login-divider span { background: linear-gradient( 135deg, #2563eb, #0f4c81 ) !important; color: white !important; } body.kw-theme-light .kwi-login-form-box img { filter: invert(1); margin-left: 17px; } body.kw-theme-light .kwi-login-form-box img { filter: invert(1) !important; margin-left: 17px !important; } /* ===================================================== KWI PREMIUM SIGNUP FORM - LIGHT BLUE THEME ===================================================== */ body.kw-theme-light .account__form { padding:45px !important; background: linear-gradient( 145deg, #ffffff, #f7fbff ) !important; border-radius:28px !important; border: 1px solid rgba(37,99,235,.15) !important; box-shadow: 0 25px 70px rgba(37,99,235,.12) !important; position:relative; overflow:hidden; } /* TOP BLUE EFFECT */ body.kw-theme-light .account__form::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; background: linear-gradient( 90deg, #2563eb, #38bdf8, #60a5fa ); } /* HEADING */ body.kw-theme-light .account__form h2 { font-size:34px !important; font-weight:800 !important; color:#0f172a !important; margin-bottom:10px !important; } body.kw-theme-light .account__form > p { color:#64748b !important; margin-bottom:35px !important; } /* LABEL */ body.kw-theme-light .account__form label { color:#1e293b !important; font-size:14px !important; font-weight:600 !important; margin-bottom:8px !important; } /* INPUT WRAPPER */ body.kw-theme-light .form-grp { margin-bottom:22px !important; } /* INPUT */ body.kw-theme-light .account__form input, body.kw-theme-light .account__form select { height:55px !important; width:100% !important; border-radius:14px !important; background:#ffffff !important; border: 1px solid #dbeafe !important; padding:0 18px !important; color:#0f172a !important; font-size:14px !important; transition:.3s ease !important; } /* PLACEHOLDER */ body.kw-theme-light .account__form input::placeholder { color:#94a3b8 !important; } /* FOCUS */ body.kw-theme-light .account__form input:focus, body.kw-theme-light .account__form select:focus { outline:none !important; border-color:#2563eb !important; box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important; } /* SELECT 2 */ body.kw-theme-light .select2-container .select2-selection--single { height:55px !important; border-radius:14px !important; border:1px solid #dbeafe !important; background:#fff !important; } body.kw-theme-light .select2-selection__rendered { line-height:55px !important; padding-left:18px !important; color:#64748b !important; } body.kw-theme-light .select2-selection__arrow { height:55px !important; } /* PASSWORD EYE */ body.kw-theme-light .eye-btn { color:#2563eb !important; cursor:pointer; right:18px !important; } /* CHECKBOX */ body.kw-theme-light .account__form input[type="checkbox"] { width:18px !important; height:18px !important; accent-color:#2563eb !important; } body.kw-theme-light .account__form label a { color:#2563eb !important; font-weight:600 !important; } /* BUTTON */ body.kw-theme-light .account__form .btn-highlighted { width:100% !important; height:58px !important; margin-top:25px !important; border-radius:16px !important; border:none !important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 ) !important; color:#fff !important; font-size:16px !important; font-weight:700 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; box-shadow: 0 18px 35px rgba(37,99,235,.30) !important; transition:.3s ease !important; } body.kw-theme-light .account__form .btn-highlighted:hover { transform:translateY(-4px); box-shadow: 0 25px 50px rgba(37,99,235,.40) !important; } /* RESPONSIVE */ @media(max-width:768px) { body.kw-theme-light .account__form { padding:25px !important; } body.kw-theme-light .account__form h2 { font-size:26px !important; } } body.kw-theme-light .kwi-login-page { padding-top: 30px !important; padding-bottom: 30px !important; } body.kw-theme-light .gold-course-section { padding-top: 30px !important; padding-bottom: 30px !important; } @media only screen and (max-width:767px) { body.kw-theme-light .navbar-brand { width: 50% !important; } body.kw-theme-light .kwi-content h1 { font-size: 30px !important; } body.kw-theme-light .team-image img { height: auto !important; } body.kw-theme-light .why-choose-content { margin-top: 30px !important; } body.kw-theme-light .join-agency .col-lg-4 { margin-bottom: 50px; } body.kw-theme-light .experts-counter-box { width: 100% !important; } body.kw-theme-light .contact-info-box .info-box-1 .contact-info-item { align-items: center !important; gap: 10px; } body.kw-theme-light .contact-info-item .icon-box { margin-bottom: 0px !important; } body.kw-theme-light .password-toggle:hover { color: #14519a; } .kwi-package-meta { margin: 0px 0 20px !important; } } /*Userpanel Css*/ /* ========================================== KWI LEARNING PROGRESS CARD PREMIUM LIGHT THEME ========================================== */ body.kw-theme-light .kw-premium-dashboard-card { background: linear-gradient( 145deg, #ffffff, #f5f9ff ) !important; border-radius:28px !important; border:1px solid #dbeafe !important; /*padding:28px !important;*/ box-shadow: 0 20px 45px rgba(37,99,235,.12)!important; position:relative; overflow:hidden; } /* TOP GLOW */ body.kw-theme-light .kw-premium-dashboard-card::before { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-80px; background: radial-gradient( circle, rgba(59,130,246,.18), transparent 70% ); border-radius:50%; } /* TITLE AREA */ body.kw-theme-light .kw-card-title span { /*width:60px;*/ /*height:60px;*/ display:flex; align-items:center; justify-content:center; border-radius:18px; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:#fff; font-size:24px; box-shadow: 0 12px 25px rgba(37,99,235,.25); } body.kw-theme-light .kw-card-title h3 { color:#0f172a!important; font-size:22px!important; font-weight:800!important; } body.kw-theme-light .kw-card-title p { color:#64748b!important; } /* ===================================== PROGRESS BOX ===================================== */ body.kw-theme-light .kw-progress-box { margin-top:25px; padding:20px; border-radius:18px; background: linear-gradient( 135deg, #eff6ff, #ffffff ); border:1px solid #dbeafe; } body.kw-theme-light .kw-progress-top h5 { color:#334155!important; } body.kw-theme-light .kw-progress-top strong { color:#2563eb!important; font-size:20px; } /* PROGRESS BAR */ body.kw-theme-light .kw-progress-line { height:10px!important; background:#dbeafe!important; border-radius:20px!important; overflow:hidden; } body.kw-theme-light .kw-progress-line span { display:block; height:100%; border-radius:20px; background: linear-gradient( 90deg, #2563eb, #38bdf8 )!important; } /* ===================================== STATS BOXES ===================================== */ body.kw-theme-light .kw-learning-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:22px; } body.kw-theme-light .kw-learning-stats > div { padding:18px 12px; border-radius:18px; background:#fff; border:1px solid #e2e8f0; } /* STAT 1 */ body.kw-theme-light .kw-learning-stats > div:nth-child(1) { background: linear-gradient( 145deg, #eff6ff, #dbeafe ); border-color:#93c5fd; } /* STAT 2 */ body.kw-theme-light .kw-learning-stats > div:nth-child(2) { background: linear-gradient( 145deg, #ecfdf5, #d1fae5 ); border-color:#6ee7b7; } /* STAT 3 */ body.kw-theme-light .kw-learning-stats > div:nth-child(3) { background: linear-gradient( 145deg, #faf5ff, #ede9fe ); border-color:#c4b5fd; } body.kw-theme-light .kw-learning-stats h4 { font-size:28px!important; font-weight:800!important; color:#0f172a!important; } body.kw-theme-light .kw-learning-stats p { color:#64748b!important; font-size:13px!important; } /* HOVER */ body.kw-theme-light .kw-learning-stats > div:hover { transform:translateY(-5px); box-shadow: 0 15px 30px rgba(37,99,235,.12); transition:.3s ease; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-learning-stats { grid-template-columns:1fr; } } /* ========================================== KWI QUICK ACCESS PREMIUM LIGHT STYLE ========================================== */ body.kw-theme-light .kw-quick-access-list a { position:relative; display:flex; align-items:center; gap:16px; padding:16px 18px; border-radius:18px; background:linear-gradient( 145deg, #ffffff, #f8fbff ); border:1px solid #dbeafe; color:#0f172a!important; text-decoration:none; overflow:hidden; transition:.35s ease; box-shadow: 0 10px 25px rgba(37,99,235,.08); } /* ICON BOX */ body.kw-theme-light .kw-quick-access-list a i { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:15px; color:#fff; font-size:18px; flex-shrink:0; } /* TEXT */ body.kw-theme-light .kw-quick-access-list a span { font-size:15px!important; font-weight:700!important; color:#1e293b!important; } /* ===================================== ITEM 1 BLUE ===================================== */ body.kw-theme-light .kw-quick-access-list a:nth-child(1) { border-left:4px solid #2563eb; } body.kw-theme-light .kw-quick-access-list a:nth-child(1) i { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); } /* ===================================== ITEM 2 PURPLE ===================================== */ body.kw-theme-light .kw-quick-access-list a:nth-child(2) { border-left:4px solid #8b5cf6; } body.kw-theme-light .kw-quick-access-list a:nth-child(2) i { background: linear-gradient( 135deg, #7c3aed, #c084fc ); } /* ===================================== ITEM 3 GREEN ===================================== */ body.kw-theme-light .kw-quick-access-list a:nth-child(3) { border-left:4px solid #10b981; } body.kw-theme-light .kw-quick-access-list a:nth-child(3) i { background: linear-gradient( 135deg, #059669, #34d399 ); } /* HOVER */ body.kw-theme-light .kw-quick-access-list a:hover { transform:translateX(8px); box-shadow: 0 18px 35px rgba(37,99,235,.15); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-quick-access-list a { padding:14px; } } /* ========================================== KWI ROADMAP CARDS FULL COLOR PREMIUM ========================================== */ body.kw-theme-light .kw-roadmap-card { position:relative; padding:30px !important; border-radius:24px !important; border:none !important; overflow:hidden; transition:.35s ease; box-shadow: 0 15px 35px rgba(0,0,0,.10)!important; } /* STEP NUMBER */ body.kw-theme-light .kw-step-number { width:55px; height:55px; display:flex; align-items:center; justify-content:center; border-radius:18px; color:#fff!important; background:rgba(255,255,255,.25)!important; backdrop-filter:blur(10px); font-weight:800; } /* TEXT */ body.kw-theme-light .kw-roadmap-card h4 { color:#0f172a!important; font-weight:800!important; } body.kw-theme-light .kw-roadmap-card p { color:#475569!important; } /* ================================== BOX 01 BLUE ================================== */ body.kw-theme-light .kw-roadmap-card:nth-child(1) { background: linear-gradient( 145deg, #dbeafe, #eff6ff )!important; } body.kw-theme-light .kw-roadmap-card:nth-child(1) .kw-step-number { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; } /* ================================== BOX 02 PURPLE ================================== */ body.kw-theme-light .kw-roadmap-card:nth-child(2) { background: linear-gradient( 145deg, #ede9fe, #faf5ff )!important; } body.kw-theme_light .kw-roadmap-card:nth-child(2) .kw-step-number { background: linear-gradient( 135deg, #7c3aed, #c084fc )!important; } /* ================================== BOX 03 GREEN ================================== */ body.kw-theme-light .kw-roadmap-card:nth-child(3) { background: linear-gradient( 145deg, #d1fae5, #ecfdf5 )!important; } body.kw-theme-light .kw-roadmap-card:nth-child(3) .kw-step-number { background: linear-gradient( 135deg, #059669, #34d399 )!important; } /* HOVER */ body.kw-theme-light .kw-roadmap-card:hover { transform:translateY(-8px); box-shadow: 0 25px 50px rgba(37,99,235,.18)!important; } /* ========================================== KWI ROADMAP HEADING TAG PREMIUM LIGHT THEME ========================================== */ body.kw-theme-light .kw-roadmap-heading span { display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:9px 20px !important; border-radius:50px !important; background: linear-gradient( 135deg, rgba(37,99,235,.12), rgba(56,189,248,.18) ) !important; border: 1px solid rgba(37,99,235,.25) !important; color:#2563eb !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.4px !important; margin-bottom:14px !important; box-shadow: 0 8px 20px rgba(37,99,235,.10) !important; backdrop-filter:blur(10px) !important; } /* ICON/SHINE EFFECT */ body.kw-theme-light .kw-roadmap-heading span::before { content:"✦"; margin-right:7px; color:#38bdf8; font-size:12px; } /* HOVER */ body.kw-theme-light .kw-roadmap-heading span:hover { background: linear-gradient( 135deg, rgba(37,99,235,.18), rgba(56,189,248,.25) ) !important; transform:translateY(-2px); transition:.3s ease; } body.kw-theme-light .kw-roadmap-section { margin-top: 50px; } /* ===================================================== KWI PREMIUM COURSE CARDS - LIGHT MULTI COLOR ===================================================== */ body.kw-theme-light .service-item { position: relative !important; height: max-content; overflow: hidden !important; border-radius: 22px !important; background: linear-gradient(145deg, #ffffff, #f8fbff) !important; border: 1px solid rgba(255, 255, 255, .8) !important; box-shadow: 0 15px 40px rgba(30, 64, 175, .12), inset 0 1px 0 rgba(255, 255, 255, .8) !important; transition: all .35s ease !important; margin-bottom: 30px; } body.kw-theme-light .kw-progress-info span { color: black !important; } body.kw-theme-light .usercourses .kw-input-box { background: white; } /* TOP COLOR LINE */ body.kw-theme-light .service-item::before { content:""; position:absolute; top:0; left:0; right:0; height:5px; border-radius:20px 20px 0 0; background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } /* DIFFERENT CARD COLORS */ body.kw-theme-light .col-lg-4:nth-child(3n+1) .service-item { background: linear-gradient( 145deg, #ffffff, #eef6ff ) !important; } body.kw-theme-light .col-lg-4:nth-child(3n+2) .service-item { background: linear-gradient( 145deg, #ffffff, #f4efff ) !important; } body.kw-theme-light .col-lg-4:nth-child(3n+3) .service-item { background: linear-gradient( 145deg, #ffffff, #edfff7 ) !important; } /* HOVER */ body.kw-theme-light .service-item:hover { transform: translateY(-8px) !important; box-shadow: 0 25px 55px rgba(37,99,235,.18) !important; } /* IMAGE BOX */ body.kw-theme-light .service-item .icon-box { padding:0 !important; overflow:hidden !important; /*border-radius:18px !important;*/ } body.kw-theme-light .service-item .icon-box img { width:100% !important; /*height:220px !important;*/ /*object-fit:cover !important;*/ transition:.5s ease !important; } body.kw-theme-light .service-item:hover .icon-box img { transform:scale(1.06); } /* CARD BODY */ body.kw-theme-light .service-item-body { /*padding:22px !important;*/ } body.kw-theme-light .upcoming-courses-section { padding: 40px 0 0 0; } /* COURSE TITLE */ body.kw-theme-light .service-item h3 { color:#172554 !important; font-weight:800 !important; } /* PROGRESS TRACK */ body.kw-theme-light .kw-progress-track { background:#e5e7eb !important; } body.kw-theme-light .kw-progress-fill { background: linear-gradient( 90deg, #2563eb, #38bdf8 ) !important; } /* TEACHER AREA */ body.kw-theme-light .kw-teacher-info { border-top: 1px solid rgba(37,99,235,.12) !important; } body.kw-theme-light .kw-teacher-avatar img { border:3px solid #fff !important; box-shadow: 0 5px 15px rgba(0,0,0,.12); } body.kw-theme-light .kw-teacher-details h6 { color:#172554 !important; } body.kw-theme-light .kw-teacher-details p { color:#64748b !important; } /* LOCK ICON */ body.kw-theme-light .service-item .fa-lock-open { border:none !important; background: linear-gradient( 135deg, #22c55e, #16a34a ) !important; color:white !important; box-shadow: 0 8px 20px rgba(34,197,94,.35) !important; } body.kw-theme-light .kw-course-detail-page { background: transparent !important; } /*body.kw-theme-light .kw-dashboard-sidebar { width: 300px !important; max-width: 300px !important; }*/ @media (max-width: 991px) { .kwi-premium-header .navbar { display: none; } } body.kw-theme-light .kw-sidebar-close { background: rgb(102 68 236); color: #ffffff; margin: -5px 0px 0px 0px !important; } /* ===================================================== KWI PREMIUM COURSE HERO - LIGHT THEME ===================================================== */ body.kw-theme-light .kw-course-hero { position:relative !important; padding:40px !important; border-radius:28px !important; background: linear-gradient( 135deg, #ffffff 0%, #f4f8ff 45%, #eef5ff 100% ) !important; border:1px solid rgba(37,99,235,.12) !important; box-shadow: 0 25px 60px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.8) !important; overflow:hidden !important; } /* PREMIUM GLOW */ body.kw-theme-light .kw-course-hero::before { content:""; position:absolute; width:300px; height:300px; top:-120px; right:-100px; background: radial-gradient( circle, rgba(59,130,246,.25), transparent 70% ); border-radius:50%; } /* COURSE TAG */ body.kw-theme-light .kw-course-tag { display:inline-flex !important; align-items:center !important; gap:8px !important; padding:9px 18px !important; border-radius:50px !important; background: linear-gradient( 135deg, #2563eb, #38bdf8 ) !important; color:#fff !important; font-size:13px !important; font-weight:700 !important; box-shadow: 0 8px 20px rgba(37,99,235,.25) !important; } /* HEADING */ body.kw-theme-light .kw-course-hero h1 { margin-top:22px !important; font-size:42px !important; font-weight:800 !important; color:#172554 !important; } /* DESCRIPTION */ body.kw-theme-light .kw-course-hero p { color:#64748b !important; font-size:16px !important; line-height:1.7 !important; } /* META */ body.kw-theme-light .kw-course-meta { display:flex !important; gap:15px !important; flex-wrap:wrap !important; margin-top:25px !important; } body.kw-theme-light .kw-course-meta span { display:flex !important; align-items:center !important; gap:8px !important; padding:10px 18px !important; border-radius:50px !important; background:#ffffff !important; color:#1e40af !important; border: 1px solid rgba(37,99,235,.15) !important; font-weight:600 !important; box-shadow: 0 8px 20px rgba(0,0,0,.06) !important; } body.kw-theme-light .kw-course-meta i { color:#2563eb !important; } /* ===================================================== PROGRESS CARD ===================================================== */ body.kw-theme-light .kw-course-progress-card { padding:28px !important; border-radius:24px !important; background: linear-gradient( 145deg, #2563eb, #4f46e5 ) !important; color:#fff !important; box-shadow: 0 20px 45px rgba(37,99,235,.35) !important; position:relative !important; overflow:hidden !important; } body.kw-theme-light .kw-course-progress-card::after { content:""; position:absolute; width:180px; height:180px; right:-60px; bottom:-60px; background: rgba(255,255,255,.15); border-radius:50%; } body.kw-theme-light .kw-course-progress-card span { font-size:14px !important; opacity:.9 !important; } body.kw-theme-light .kw-course-progress-card h3 { font-size:52px !important; font-weight:900 !important; margin:10px 0 !important; color:#fff !important; } /* PROGRESS BAR */ body.kw-theme-light .kw-course-progress-card .kw-progress-line { height:10px !important; background: rgba(255,255,255,.25) !important; border-radius:20px !important; overflow:hidden !important; } body.kw-theme-light .kw-course-progress-card .kw-progress-line span { display:block !important; height:100% !important; background: linear-gradient( 90deg, #ffffff, #bfdbfe ) !important; border-radius:20px !important; } body.kw-theme-light .kw-course-progress-card p { color:rgba(255,255,255,.85) !important; margin-top:15px !important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-course-hero { padding:25px !important; } body.kw-theme-light .kw-course-hero h1 { font-size:32px !important; } } /* ========================================== KWI PREMIUM VIDEO PLAYER CARD LIGHT THEME ========================================== */ body.kw-theme-light .kw-video-player-card { position:relative !important; padding:30px !important; background: linear-gradient( 145deg, #ffffff, #f3f8ff ) !important; border-radius:28px !important; border:1px solid #dbeafe !important; box-shadow: 0 25px 60px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.8) !important; overflow:hidden !important; } /* Glow */ body.kw-theme-light .kw-video-player-card::before { content:""; position:absolute; width:250px; height:250px; right:-100px; top:-100px; background: radial-gradient( circle, rgba(59,130,246,.20), transparent 70% ); border-radius:50%; } /* TITLE AREA */ body.kw-theme-light .kw-video-title-row { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:25px !important; position:relative; z-index:2; } body.kw-theme-light .kw-video-title-row span { display:inline-flex !important; padding:7px 16px !important; border-radius:50px !important; background: linear-gradient( 135deg, #2563eb, #38bdf8 ) !important; color:#fff !important; font-size:12px !important; font-weight:700 !important; box-shadow: 0 8px 20px rgba(37,99,235,.25); } body.kw-theme-light .kw-video-title-row h3 { margin-top:14px !important; margin-bottom:6px !important; font-size:26px !important; font-weight:800 !important; color:#0f172a !important; } body.kw-theme-light .kw-video-title-row p { color:#64748b !important; margin:0 !important; } /* VIDEO FRAME */ body.kw-theme-light .kw-video-frame { position:relative !important; padding:10px !important; border-radius:22px !important; background: linear-gradient( 135deg, #dbeafe, #eef2ff ) !important; border:1px solid #bfdbfe !important; box-shadow: 0 20px 45px rgba(15,23,42,.15) !important; } /* IFRAME */ body.kw-theme-light .kw-video-frame iframe { border-radius:18px !important; overflow:hidden !important; } /* VIDEO HOVER */ body.kw-theme-light .kw-video-frame:hover { box-shadow: 0 30px 60px rgba(37,99,235,.20) !important; transition:.35s ease; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-video-player-card { padding:20px!important; } body.kw-theme-light .kw-video-title-row h3 { font-size:22px!important; } } /* ===================================================== KWI COURSE MODULE SECTION PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-module-section { padding:50px 35px !important; border-radius:35px !important; background: linear-gradient( 135deg, #f8fbff 0%, #eef6ff 50%, #ffffff 100% ) !important; box-shadow: 0 25px 70px rgba(37,99,235,.08)!important; } /* ================================= HEADING ================================= */ body.kw-theme-light .kw-module-heading span { display:inline-flex!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; color:#2563eb!important; font-size:13px!important; font-weight:800!important; } body.kw-theme-light .kw-module-heading h2 { color:#0f172a!important; font-weight:800!important; } /* ================================= CERTIFICATE BUTTON ================================= */ body.kw-theme-light .kw-gold-btn { display:inline-flex!important; align-items:center!important; gap:10px!important; padding:14px 25px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; font-weight:700!important; border:none!important; box-shadow: 0 15px 35px rgba(37,99,235,.30)!important; transition:.3s ease!important; } body.kw-theme-light .kw-gold-btn:hover { transform:translateY(-4px); } /* ================================= MODULE CARD ================================= */ body.kw-theme-light .kw-video-module-card { position:relative!important; height:100%!important; overflow:hidden!important; border-radius:24px!important; border:1px solid rgba(37,99,235,.12)!important; box-shadow: 0 15px 40px rgba(37,99,235,.10)!important; transition:.35s ease!important; } /* DIFFERENT COLORS */ body.kw-theme-light .col-xl-4:nth-child(3n+1) .kw-video-module-card { background: linear-gradient( 145deg, #ffffff, #eaf4ff )!important; } body.kw-theme-light .col-xl-4:nth-child(3n+2) .kw-video-module-card { background: linear-gradient( 145deg, #ffffff, #f4efff )!important; } body.kw-theme-light .col-xl-4:nth-child(3n+3) .kw-video-module-card { background: linear-gradient( 145deg, #ffffff, #ecfff7 )!important; } /* IMAGE */ body.kw-theme-light .kw-module-thumb { border-radius:22px 22px 0 0!important; overflow:hidden!important; } body.kw-theme-light .kw-module-thumb img { width:100%!important; height:220px!important; object-fit:cover!important; transition:.5s ease!important; } body.kw-theme-light .kw-video-module-card:hover img { transform:scale(1.06); } /* PLAY BUTTON */ body.kw-theme-light .kw-play-btn { width:60px!important; height:60px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; box-shadow: 0 15px 35px rgba(37,99,235,.40)!important; } /* CONTENT */ body.kw-theme-light .kw-module-content { padding:22px!important; } body.kw-theme-light .kw-module-content span { display:inline-flex!important; padding:6px 14px!important; border-radius:50px!important; background:#dbeafe!important; color:#2563eb!important; font-weight:700!important; font-size:12px!important; } body.kw-theme-light .kw-module-content h4 { color:#0f172a!important; font-weight:800!important; font-size:18px!important; line-height:1.4!important; } body.kw-theme-light .kw-module-content p { color:#64748b!important; } /* HOVER */ body.kw-theme-light .kw-video-module-card:hover { transform:translateY(-8px)!important; box-shadow: 0 25px 55px rgba(37,99,235,.18)!important; } /* ACTIVE */ body.kw-theme-light .kw-video-module-card.active { border:2px solid #2563eb!important; } @media(max-width:768px) { body.kw-theme-light .kw-module-section { padding:30px 15px!important; } body.kw-theme-light .kw-module-thumb img { height:180px!important; } } /* ===================================================== KWI PROFILE HERO PREMIUM LIGHT THEME ===================================================== */ body.kw-theme-light .kw-lux-profile-hero { position:relative!important; padding:35px 40px!important; border-radius:32px!important; background: linear-gradient( 135deg, #ffffff, #f1f7ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 25px 60px rgba(37,99,235,.12)!important; overflow:hidden!important; } /* BACKGROUND GLOW */ body.kw-theme-light .kw-lux-profile-hero .kw-hero-glow { position:absolute; width:300px; height:300px; right:-100px; top:-120px; background: radial-gradient( circle, rgba(59,130,246,.25), transparent 70% ); border-radius:50%; } /* USER BOX */ body.kw-theme-light .kw-profile-user-box { display:flex!important; align-items:center!important; gap:25px!important; position:relative; z-index:2; } /* AVATAR */ body.kw-theme-light .kw-profile-avatar { border-radius:50%!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); box-shadow: 0 15px 35px rgba(37,99,235,.35); } body.kw-theme-light .kw-profile-avatar img { width:100%!important; height:100%!important; object-fit:cover!important; border-radius:50%!important; border:4px solid #fff!important; } /* BADGE */ body.kw-theme-light .kw-lux-badge { display:inline-flex!important; align-items:center!important; gap:8px!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; border:1px solid #bfdbfe!important; color:#2563eb!important; font-size:13px!important; font-weight:700!important; } body.kw-theme-light .kw-lux-badge i { color:#0ea5e9!important; } /* NAME */ body.kw-theme-light .kw-profile-user-content h1 { /*margin:12px 0 8px!important;*/ color:#0f172a!important; font-size:36px!important; font-weight:800!important; } /* EMAIL */ body.kw-theme-light .kw-profile-user-content p { color:#64748b!important; margin:0!important; } body.kw-theme-light .kw-profile-user-content p i { color:#2563eb!important; } /* MINI INFO */ body.kw-theme-light .kw-user-mini-info { display:flex!important; gap:12px!important; margin-top:18px!important; flex-wrap:wrap!important; } body.kw-theme-light .kw-user-mini-info span { padding:8px 16px!important; border-radius:50px!important; background:#ffffff!important; border:1px solid #dbeafe!important; color:#64748b!important; font-size:13px!important; } body.kw-theme-light .kw-user-mini-info strong { color:#2563eb!important; } /* EDIT BUTTON */ body.kw-theme-light .kw-lux-profile-hero .btn-highlighted { display:inline-flex!important; align-items:center!important; gap:10px!important; padding:15px 28px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 )!important; color:#fff!important; font-weight:700!important; border:none!important; box-shadow: 0 15px 35px rgba(37,99,235,.35)!important; transition:.3s ease!important; } body.kw-theme-light .kw-lux-profile-hero .btn-highlighted:hover { transform:translateY(-4px); box-shadow: 0 22px 45px rgba(37,99,235,.45)!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-profile-user-box { flex-direction:column!important; align-items:flex-start!important; } body.kw-theme-light .kw-lux-profile-hero { padding:25px!important; } .kw-profile-user-content h1 { font-size:30px!important; } } /* ========================================== KWI PROFILE STATS PREMIUM MULTI COLOR BOXES ========================================== */ body.kw-theme-light .kw-profile-stat-card { position:relative!important; padding:30px 22px!important; border-radius:26px!important; overflow:hidden!important; border:none!important; transition:.35s ease!important; box-shadow: 0 18px 45px rgba(15,23,42,.12)!important; } /* GLASS SHINE */ body.kw-theme-light .kw-profile-stat-card::after { content:""; position:absolute; width:120px; height:120px; right:-40px; top:-40px; background:rgba(255,255,255,.35); border-radius:50%; } /* ICON */ body.kw-theme-light .kw-profile-stat-card span { width:65px!important; height:65px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:20px!important; color:#fff!important; font-size:24px!important; background:rgba(255,255,255,.25)!important; backdrop-filter:blur(10px); margin-bottom:18px!important; } /* TEXT */ body.kw-theme-light .kw-profile-stat-card h3 { color:#0f172a!important; font-size:34px!important; font-weight:900!important; } body.kw-theme-light .kw-profile-stat-card p { color:#334155!important; font-weight:600!important; } /* ================================= BOX 1 SKY BLUE ================================= */ body.kw-theme-light .kw-profile-stat-card:nth-child(1) { background: linear-gradient( 135deg, #bfdbfe, #eff6ff )!important; } body.kw-theme-light .kw-profile-stat-card:nth-child(1) span { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; } /* ================================= BOX 2 MINT GREEN ================================= */ body.kw-theme-light .kw-profile-stat-card:nth-child(2) { background: linear-gradient( 135deg, #bbf7d0, #ecfdf5 )!important; } body.kw-theme-light .kw-profile-stat-card:nth-child(2) span { background: linear-gradient( 135deg, #059669, #34d399 )!important; } /* ================================= BOX 3 PURPLE ================================= */ body.kw-theme-light .kw-profile-stat-card:nth-child(3) { background: linear-gradient( 135deg, #ddd6fe, #faf5ff )!important; } body.kw-theme-light .kw-profile-stat-card:nth-child(3) span { background: linear-gradient( 135deg, #7c3aed, #c084fc )!important; } /* ================================= BOX 4 PEACH ORANGE ================================= */ body.kw-theme-light .kw-profile-stat-card:nth-child(4) { background: linear-gradient( 135deg, #fed7aa, #fff7ed )!important; } body.kw-theme-light .kw-profile-stat-card:nth-child(4) span { background: linear-gradient( 135deg, #ea580c, #fb923c )!important; } /* HOVER */ body.kw-theme-light .kw-profile-stat-card:hover { transform:translateY(-10px)! box-shadow: 0 30px 60px rgba(37,99,235,.20)!important; } /* ===================================================== KWI PROFILE TAB PREMIUM LIGHT COLOR THEME ===================================================== */ /* COMMON LUX CARD */ body.kw-theme-light .kw-lux-card { position:relative!important; background: linear-gradient( 145deg, #ffffff, #f7fbff )!important; border-radius:26px!important; border:1px solid #dbeafe!important; padding:28px!important; box-shadow: 0 18px 45px rgba(37,99,235,.10)!important; overflow:hidden!important; transition:.35s ease!important; } body.kw-theme-light .kw-lux-card:hover { transform:translateY(-5px); box-shadow: 0 28px 60px rgba(37,99,235,.16)!important; } /* ====================================== CARD HEADING ====================================== */ body.kw-theme-light .kw-card-heading span { display:inline-flex!important; padding:7px 16px!important; border-radius:50px!important; background:#dbeafe!important; color:#2563eb!important; font-size:12px!important; font-weight:700!important; } body.kw-theme-light .kw-card-heading h3 { color:#0f172a!important; font-weight:800!important; margin-top:10px!important; } /* ====================================== PROFILE STATUS ====================================== */ body.kw-theme-light .kw-profile-progress { height:12px!important; background:#dbeafe!important; border-radius:20px!important; overflow:hidden!important; } body.kw-theme-light .kw-profile-progress div { height:100%!important; background: linear-gradient( 90deg, #2563eb, #38bdf8 )!important; border-radius:20px!important; } body.kw-theme-light .kw-card-heading strong { color:#2563eb!important; font-size:24px!important; } /* ====================================== INFORMATION ROWS ====================================== */ body.kw-theme-light .kw-info-row { display:flex!important; justify-content:space-between!important; align-items:center!important; padding:14px 16px!important; margin-bottom:10px!important; border-radius:16px!important; background: linear-gradient( 135deg, #f8fbff, #ffffff )!important; border:1px solid #e0edff!important; } body.kw-theme-light .kw-info-row span { color:#64748b!important; font-weight:600!important; } body.kw-theme-light .kw-info-row strong { color:#172554!important; } /* ====================================== PROFILE SUMMARY CARD ====================================== */ body.kw-theme-light .kw-profile-summary { text-align:center!important; } body.kw-theme-light .kw-summary-avatar { width:100px!important; height:100px!important; margin:auto!important; padding:4px!important; border-radius:50%!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); } body.kw-theme-light .kw-summary-avatar img { width:100%!important; height:100%!important; border-radius:50%!important; object-fit:cover!important; border:4px solid #fff!important; } body.kw-theme-light .kw-profile-summary h4 { color:#0f172a!important; font-weight:800!important; } body.kw-theme-light .kw-summary-badge { display:inline-flex!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #fef3c7, #fde68a )!important; color:#92400e!important; font-weight:700!important; } /* SUMMARY STATS */ body.kw-theme-light .kw-summary-grid { display:grid!important; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:20px!important; } body.kw-theme-light .kw-summary-grid div { padding:15px!important; border-radius:18px!important; } /* Courses */ body.kw-theme-light .kw-summary-grid div:first-child { background: linear-gradient( 135deg, #dbeafe, #eff6ff ); } /* Certificate */ body.kw-theme-light .kw-summary-grid div:last-child { background: linear-gradient( 135deg, #dcfce7, #ecfdf5 ); } /* ====================================== PACKAGE CARDS ====================================== */ body.kw-theme-light .kw-package-card { padding:30px!important; border-radius:26px!important; border:none!important; box-shadow: 0 18px 40px rgba(0,0,0,.10)!important; transition:.35s ease!important; } /* Current Plan */ body.kw-theme-light .kw-package-card.active { background: linear-gradient( 145deg, #dbeafe, #eff6ff )!important; } /* Previous Plan */ body.kw-theme-light .kw-package-card:not(.active) { background: linear-gradient( 145deg, #ede9fe, #faf5ff )!important; } body.kw-theme-light .kw-package-card span { color:#2563eb!important; font-weight:700!important; } body.kw-theme-light .kw-package-card h3 { color:#0f172a!important; font-weight:800!important; } body.kw-theme-light .kw-package-card p { color:#64748b!important; } /* BUTTON */ body.kw-theme-light .kw-package-card .btn-highlighted { display:inline-flex!important; padding:12px 22px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; font-weight:700!important; box-shadow: 0 12px 25px rgba(37,99,235,.30)!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-info-row { flex-direction:column; align-items:flex-start!important; gap:5px; } } /* ===================================================== KWI PROFILE TABS PREMIUM LIGHT STYLE ===================================================== */ body.kw-theme-light .kw-lux-tabs { display:flex!important; align-items:center!important; gap:10px!important; padding:8px!important; width:max-content!important; background: linear-gradient( 145deg, #ffffff, #f1f7ff )!important; border-radius:20px!important; border:1px solid #dbeafe!important; box-shadow: 0 12px 30px rgba(37,99,235,.10)!important; } /* TAB BUTTON */ body.kw-theme-light .kw-tab-btn { position:relative!important; padding:13px 28px!important; border:none!important; border-radius:14px!important; background:transparent!important; color:#64748b!important; font-size:14px!important; font-weight:700!important; cursor:pointer!important; transition:.35s ease!important; } /* ACTIVE TAB */ body.kw-theme_light .kw-tab-btn.active, body.kw-theme-light .kw-tab-btn.active { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; box-shadow: 0 10px 25px rgba(37,99,235,.35)!important; } /* HOVER */ body.kw-theme-light .kw-tab-btn:hover { color:#2563eb; } /* ACTIVE ICON STYLE IF ADDED */ body.kw-theme-light .kw-tab-btn.active::after { content:""; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:35px; height:3px; border-radius:20px; background:#38bdf8; } /* MOBILE */ @media(max-width:600px) { body.kw-theme-light .kw-lux-tabs { width:100%!important; } body.kw-theme-light .kw-tab-btn { flex:1; padding:12px 15px!important; font-size:13px!important; } } body.kw-theme-light .kw-profile-summary p strong { color: black; } body.kw-theme-light .kw-summary-grid span { color: black; font-size: 13px; } body.kw-theme-light .kw-summary-grid h5 { color: black; } body.kw-theme-light .kw-edit-profile-page { background: transparent !important; } /* ===================================================== KWI EDIT PROFILE HERO PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-edit-hero { position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:25px!important; padding:35px 40px!important; border-radius:30px!important; background: linear-gradient( 135deg, #ffffff, #eef6ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 25px 60px rgba(37,99,235,.12)!important; overflow:hidden!important; } /* BACKGROUND GLOW */ body.kw-theme-light .kw-edit-hero::before { content:""; position:absolute; width:280px; height:280px; right:-100px; top:-120px; background: radial-gradient( circle, rgba(56,189,248,.25), transparent 70% ); border-radius:50%; } /* TAG */ body.kw-theme-light .kw-edit-tag { display:inline-flex!important; align-items:center!important; gap:8px!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; border:1px solid #bfdbfe!important; color:#2563eb!important; font-size:13px!important; font-weight:700!important; } /* HEADING */ body.kw-theme-light .kw-edit-hero h1 { margin:15px 0 10px!important; color:#0f172a!important; } body.kw-theme-light .kw-edit-hero h1 strong { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* DESCRIPTION */ body.kw-theme-light .kw-edit-hero p { color:#64748b!important; max-width:600px; line-height:1.7!important; } /* BACK BUTTON */ body.kw-theme-light .kw-back-btn { position:relative; z-index:2; display:inline-flex!important; align-items:center!important; gap:10px!important; padding:14px 25px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 )!important; color:#fff!important; font-weight:700!important; text-decoration:none!important; box-shadow: 0 15px 35px rgba(37,99,235,.35)!important; transition:.35s ease!important; } body.kw-theme-light .kw-back-btn:hover { transform:translateY(-4px); box-shadow: 0 25px 45px rgba(37,99,235,.45)!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-edit-hero { flex-direction:column!important; align-items:flex-start!important; padding:25px!important; } } /* ===================================================== KWI PROFILE EDIT FORM PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-edit-card { position:relative!important; padding:35px!important; border-radius:30px!important; background: linear-gradient( 145deg, #ffffff, #f5f9ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 25px 60px rgba(37,99,235,.12)!important; } /* FORM GROUP */ body.kw-theme-light .kw-form-group label { display:block!important; margin-bottom:8px!important; color:#334155!important; font-size:14px!important; font-weight:700!important; } /* INPUT */ body.kw-theme-light .kw-input-box input, body.kw-theme-light .kw-input-box textarea { width:100%!important; padding:15px 18px 15px 48px!important; border-radius:16px!important; background: linear-gradient( 135deg, #ffffff, #f8fbff )!important; border:1px solid #dbeafe!important; color:#0f172a!important; font-size:14px!important; transition:.3s ease!important; } /* TEXTAREA */ body.kw-theme-light .kw-input-box textarea { padding-top:18px!important; resize:none!important; } /* FOCUS */ body.kw-theme_light .kw-input-box input:focus, body.kw-theme-light .kw-input-box input:focus, body.kw-theme-light .kw-input-box textarea:focus { outline:none!important; border-color:#2563eb!important; box-shadow: 0 0 0 4px rgba(37,99,235,.10)!important; } /* DISABLED */ body.kw-theme-light .kw-input-box.disabled input, body.kw-theme-light input:disabled { background:#f1f5f9!important; color:#64748b!important; cursor:not-allowed!important; } /* ===================================================== BUTTON AREA ===================================================== */ body.kw-theme-light .kw-form-actions { display:flex!important; align-items:center!important; gap:15px!important; margin-top:10px!important; } /* SAVE BUTTON */ body.kw-theme-light .kw-form-actions .btn-highlighted { display:inline-flex!important; align-items:center!important; gap:10px!important; padding:14px 28px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 )!important; color:#fff!important; border:none!important; font-weight:700!important; box-shadow: 0 15px 35px rgba(37,99,235,.30)!important; transition:.3s ease!important; } body.kw-theme-light .kw-form-actions .btn-highlighted:hover { transform:translateY(-4px); } /* CANCEL */ body.kw-theme-light .kw-cancel-btn { padding:14px 28px!important; border-radius:50px!important; background:#fff!important; border:1px solid #cbd5e1!important; color:#475569!important; font-weight:700!important; transition:.3s ease!important; } body.kw-theme-light .kw-cancel-btn:hover { background:#eff6ff!important; color:#2563eb!important; border-color:#2563eb!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-edit-card { padding:22px!important; } body.kw-theme-light .kw-form-actions { flex-direction:column!important; align-items:stretch!important; } } body.kw-theme-light .kw-input-box { background: linear-gradient( 135deg, #2563eb, #0ea5e9 ) !important; padding: 0px 0px 0px 13px !important; } body.kw-theme-light .kw-input-box i { color: white !important; } body.kw-theme-light .kw-form-heading h3 { color: black; font-size: 28px; font-weight: 900; margin: 0; } body.kw-theme-light .kw-form-heading span { color: #236aeb !important; } body.kw-theme-light .kw-certificate-page { background: transparent !important; } /* ===================================================== KWI CERTIFICATE HERO PREMIUM LIGHT THEME ===================================================== */ body.kw-theme-light .kw-certificate-hero { position:relative!important; padding:40px!important; border-radius:32px!important; background: linear-gradient( 135deg, #ffffff, #eef6ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 25px 60px rgba(37,99,235,.12)!important; overflow:hidden!important; } /* BACKGROUND GLOW */ body.kw-theme-light .kw-certificate-hero::before { content:""; position:absolute; width:320px; height:320px; right:-120px; top:-140px; background: radial-gradient( circle, rgba(56,189,248,.28), transparent 70% ); border-radius:50%; } /* CERTIFICATE TAG */ body.kw-theme-light .kw-cert-tag { display:inline-flex!important; align-items:center!important; gap:8px!important; padding:9px 20px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; border:1px solid #bfdbfe!important; color:#2563eb!important; font-size:13px!important; font-weight:800!important; } body.kw-theme-light .kw-cert-tag i { color:#0ea5e9!important; } /* HEADING */ body.kw-theme-light .kw-certificate-hero h1 { margin-top:18px!important; color:#0f172a!important; } body.kw-theme-light .kw-certificate-hero h1 strong { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* DESCRIPTION */ body.kw-theme-light .kw-certificate-hero p { max-width:600px!important; color:#64748b!important; font-size:16px!important; line-height:1.7!important; } /* BUTTON */ body.kw-theme-light .kw-certificate-hero .btn-highlighted { position:relative; z-index:2; display:inline-flex!important; align-items:center!important; gap:10px!important; padding:15px 30px!important; border-radius:50px!important; background: linear-gradient( 135deg, #2563eb, #0ea5e9 )!important; color:#fff!important; font-weight:700!important; border:none!important; box-shadow: 0 15px 35px rgba(37,99,235,.35)!important; transition:.35s ease!important; } body.kw-theme-light .kw-certificate-hero .btn-highlighted:hover { transform:translateY(-5px); box-shadow: 0 25px 50px rgba(37,99,235,.45)!important; } /* ICON */ body.kw-theme-light .kw-certificate-hero .btn-highlighted i { font-size:15px!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-certificate-hero { padding:25px!important; } } /* ===================================================== KWI CERTIFICATE STATS PREMIUM MULTI COLOR CARDS ===================================================== */ body.kw-theme-light .kw-cert-stat-card { position:relative!important; padding:30px 20px!important; border-radius:26px!important; overflow:hidden!important; border:none!important; transition:.35s ease!important; box-shadow: 0 18px 45px rgba(15,23,42,.12)!important; } /* SHINE EFFECT */ body.kw-theme-light .kw-cert-stat-card::after { content:""; position:absolute; width:120px; height:120px; right:-40px; top:-40px; background:rgba(255,255,255,.35); border-radius:50%; } /* ICON */ body.kw-theme-light .kw-cert-stat-card span { width:65px!important; height:65px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:20px!important; color:#fff!important; font-size:24px!important; margin-bottom:18px!important; background:rgba(255,255,255,.25)!important; backdrop-filter:blur(10px); } /* NUMBER */ body.kw-theme-light .kw-cert-stat-card h3 { color:#0f172a!important; font-size:36px!important; font-weight:900!important; margin-bottom:8px!important; } /* TEXT */ body.kw-theme-light .kw-cert-stat-card p { color:#334155!important; font-weight:600!important; } /* ===================================== CARD 1 - BLUE ===================================== */ body.kw-theme-light .kw-cert-stat-card:nth-child(1) { background: linear-gradient( 135deg, #bfdbfe, #eff6ff )!important; } body.kw-theme-light .kw-cert-stat-card:nth-child(1) span { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; } /* ===================================== CARD 2 - GREEN ===================================== */ body.kw-theme-light .kw-cert-stat-card:nth-child(2) { background: linear-gradient( 135deg, #bbf7d0, #ecfdf5 )!important; } body.kw-theme-light .kw-cert-stat-card:nth-child(2) span { background: linear-gradient( 135deg, #059669, #34d399 )!important; } /* ===================================== CARD 3 - PURPLE ===================================== */ body.kw-theme-light .kw-cert-stat-card:nth-child(3) { background: linear-gradient( 135deg, #ddd6fe, #faf5ff )!important; } body.kw-theme-light .kw-cert-stat-card:nth-child(3) span { background: linear-gradient( 135deg, #7c3aed, #c084fc )!important; } /* HOVER */ body.kw-theme-light .kw-cert-stat-card:hover { transform:translateY(-8px)!important; box-shadow: 0 30px 60px rgba(37,99,235,.20)!important; } /* ===================================================== KWI CERTIFICATE PROGRESS PREMIUM LIGHT CARD ===================================================== */ body.kw-theme-light .kw-cert-progress-card { position:relative!important; padding:32px!important; border-radius:28px!important; background: linear-gradient( 145deg, #ffffff, #f1f7ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 20px 50px rgba(37,99,235,.12)!important; overflow:hidden!important; } /* GLOW EFFECT */ body.kw-theme-light .kw-cert-progress-card::before { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-80px; background: radial-gradient( circle, rgba(56,189,248,.25), transparent 70% ); border-radius:50%; } /* HEADING */ body.kw-theme-light .kw-cert-card-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; position:relative; z-index:2; } body.kw-theme-light .kw-cert-card-heading span { display:inline-flex!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; border:1px solid #bfdbfe!important; color:#2563eb!important; font-size:12px!important; font-weight:800!important; } body.kw-theme-light .kw-cert-card-heading h3 { margin-top:12px!important; color:#0f172a!important; font-size:24px!important; font-weight:800!important; } /* PERCENTAGE */ body.kw-theme-light .kw-cert-card-heading strong { width:70px!important; height:70px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; font-size:20px!important; font-weight:900!important; box-shadow: 0 15px 35px rgba(37,99,235,.35)!important; } /* PROGRESS BAR */ body.kw-theme-light .kw-cert-progress-line { height:12px!important; margin:25px 0 18px!important; background:#dbeafe!important; border-radius:20px!important; overflow:hidden!important; } body.kw-theme-light .kw-cert-progress-line div { height:100%!important; border-radius:20px!important; background: linear-gradient( 90deg, #2563eb, #38bdf8 )!important; box-shadow: 0 5px 15px rgba(37,99,235,.35)!important; } /* DESCRIPTION */ body.kw-theme-light .kw-cert-progress-card p { color:#64748b!important; font-size:14px!important; line-height:1.7!important; margin:0!important; } /* HOVER */ body.kw-theme-light .kw-cert-progress-card:hover { transform:translateY(-6px)!important; box-shadow: 0 30px 65px rgba(37,99,235,.18)!important; transition:.35s ease!important; } /* ===================================================== KWI CERTIFICATE SECTION HEADING PREMIUM ===================================================== */ body.kw-theme-light .kw-cert-section-heading { position:relative!important; padding:25px 30px!important; border-radius:24px!important; background: linear-gradient( 145deg, #ffffff, #f3f8ff )!important; border:1px solid #dbeafe!important; box-shadow: 0 15px 35px rgba(37,99,235,.10)!important; overflow:hidden!important; } /* GLOW */ body.kw-theme-light .kw-cert-section-heading::after { content:""; position:absolute; width:160px; height:160px; right:-50px; top:-50px; background: radial-gradient( circle, rgba(56,189,248,.25), transparent 70% ); border-radius:50%; } /* SMALL TAG */ body.kw-theme-light .kw-cert-section-heading span { display:inline-flex!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; border:1px solid #bfdbfe!important; color:#2563eb!important; font-size:12px!important; font-weight:800!important; letter-spacing:.3px!important; } /* HEADING */ body.kw-theme-light .kw-cert-section-heading h2 { margin-top:14px!important; color:#0f172a!important; } /* HIGHLIGHT TEXT */ body.kw-theme-light .kw-cert-section-heading h2 strong { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-cert-section-heading { padding:20px!important; } } body.kw-theme-light .kw-sidebar-link:hover, body.kw-theme-light .kw-sidebar-link.active { background: linear-gradient(135deg, #2563eb, #0f4c81) !important; color: white !important; } body.kw-theme-light .kw-aside-help-box h2 span { color: #35b1f6 !important; } /* ========================================== KNOWLEDGE WAVE - CERTIFICATE CARDS PREMIUM LIGHT MULTI COLOR ========================================== */ /* MAIN CARD */ body.kw-theme-light .kw-certificate-card, body.kw-theme-light .kw-cert-card, body.kw-theme-light .certificate-card { background: linear-gradient( 145deg, #ffffff, #f5f9ff ) !important; border:1px solid rgba(37,99,235,.12) !important; border-radius:24px !important; overflow:hidden !important; box-shadow: 0 18px 45px rgba(30,64,175,.10) !important; transition:.35s ease !important; } body.kw-theme-light .kw-certificate-card:hover, body.kw-theme-light .kw-cert-card:hover, body.kw-theme-light .certificate-card:hover { transform:translateY(-8px) !important; box-shadow: 0 25px 55px rgba(37,99,235,.18) !important; } /* CERTIFICATE IMAGE */ body.kw-theme-light .kw-certificate-card img, body.kw-theme-light .kw-cert-card img, body.kw-theme-light .certificate-card img { width:100% !important; height:220px !important; object-fit:cover !important; border-radius:20px 20px 0 0 !important; } /* CONTENT AREA */ body.kw-theme-light .kw-certificate-card .card-body, body.kw-theme-light .kw-cert-card .card-body, body.kw-theme-light .certificate-card .card-body { padding:25px !important; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; } /* TITLE */ body.kw-theme-light .kw-certificate-card h3, body.kw-theme-light .kw-cert-card h3, body.kw-theme-light .certificate-card h3 { color:#0f172a !important; font-size:18px !important; font-weight:700 !important; } /* DESCRIPTION */ body.kw-theme-light .kw-certificate-card p, body.kw-theme-light .kw-cert-card p, body.kw-theme-light .certificate-card p { color:#64748b !important; line-height:1.6 !important; } /* TAGS */ body.kw-theme-light .kw-certificate-card span, body.kw-theme-light .kw-cert-card span { color:#2563eb !important; } /* BUTTON */ body.kw-theme-light .kw-certificate-card .btn, body.kw-theme-light .kw-cert-card .btn { background: linear-gradient( 135deg, #2563eb, #06b6d4 ) !important; color:white !important; border-radius:12px !important; padding:10px 24px !important; box-shadow: 0 10px 25px rgba(37,99,235,.25) !important; } /* ================================== DIFFERENT COLOR CARDS ================================== */ body.kw-theme-light .kw-certificate-card:nth-child(1), body.kw-theme-light .kw-cert-card:nth-child(1) { background: linear-gradient( 145deg, #eef6ff, #ffffff ) !important; } body.kw-theme-light .kw-certificate-card:nth-child(2), body.kw-theme-light .kw-cert-card:nth-child(2) { background: linear-gradient( 145deg, #f5edff, #ffffff ) !important; } body.kw-theme-light .kw-certificate-card:nth-child(3), body.kw-theme-light .kw-cert-card:nth-child(3) { background: linear-gradient( 145deg, #ecfff7, #ffffff ) !important; } body.kw-theme-light .kw-certificate-card:nth-child(4), body.kw-theme-light .kw-cert-card:nth-child(4) { background: linear-gradient( 145deg, #fff7e8, #ffffff ) !important; } /* GRID GAP */ body.kw-theme-light .kw-cert-body h4 { color: black !important; } body.kw-theme-light .kw-cert-meta i { color: #2563ee !important; } /* ===================================================== KNOWLEDGE WAVE BILLING PAGE PREMIUM LIGHT THEME ===================================================== */ /* MAIN BACKGROUND */ body.kw-theme-light .kw-lead-hero, body.kw-theme-light .kw-billing-filter-card, body.kw-theme-light .kw-billing-table-card { background: linear-gradient( 145deg, #ffffff, #f7faff ) !important; border:1px solid rgba(37,99,235,.12) !important; border-radius:28px !important; box-shadow: 0 20px 50px rgba(15,23,42,.08) !important; } /* ===================================================== HERO ===================================================== */ body.kw-theme-light .kw-lead-tag { background: linear-gradient( 135deg, #dbeafe, #eff6ff ) !important; color:#2563eb !important; border:1px solid #bfdbfe !important; border-radius:50px !important; padding:8px 18px !important; } body.kw-theme-light .kw-lead-hero h1 { color:#0f172a !important; } body.kw-theme-light .kw-lead-hero strong { color:#2563eb !important; } body.kw-theme-light .kw-lead-hero p { color:#64748b !important; } /* ===================================================== STAT CARDS MULTI COLOR ===================================================== */ body.kw-theme-light .kw-billing-stat-card { padding:25px !important; border-radius:22px !important; background:#fff !important; border:1px solid rgba(0,0,0,.06) !important; box-shadow: 0 15px 35px rgba(15,23,42,.08) !important; transition:.3s ease !important; } body.kw-theme-light .kw-billing-stat-card:hover { transform:translateY(-7px); } /* GOLD */ body.kw-theme-light .kw-billing-stat-card:nth-child(1) { background: linear-gradient( 145deg, #fff8e7, #ffffff )!important; border-color:#f5d77a!important; } /* GREEN */ body.kw-theme-light .kw-billing-stat-card:nth-child(2) { background: linear-gradient( 145deg, #ecfdf5, #ffffff )!important; border-color:#86efac!important; } /* BLUE */ body.kw-theme-light .kw-billing-stat-card:nth-child(3) { background: linear-gradient( 145deg, #eff6ff, #ffffff )!important; border-color:#93c5fd!important; } /* PINK */ body.kw-theme-light .kw-billing-stat-card:nth-child(4) { background: linear-gradient( 145deg, #fdf2f8, #ffffff )!important; border-color:#f9a8d4!important; } /* ICON BOX */ body.kw-theme-light .stat-icon { width:52px!important; height:52px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:16px!important; box-shadow: 0 10px 25px rgba(0,0,0,.12)!important; } body.kw-theme-light .stat-icon.gold { background:#fbbf24!important; color:white!important; } body.kw-theme-light .stat-icon.green { background:#10b981!important; color:white!important; } body.kw-theme-light .stat-icon.blue { background:#2563eb!important; color:white!important; } body.kw-theme-light .stat-icon.pink { background:#ec4899!important; color:white!important; } /* ===================================================== FILTER CARD ===================================================== */ body.kw-theme-light .kw-billing-filter-card { padding:30px!important; } body.kw-theme-light .kw-form-control { background:#f8fafc!important; border:1px solid #dbeafe!important; border-radius:14px!important; /*border-top-right-radius: 0 !important;*/ /*border-bottom-right-radius: 0 !important;*/ } body.kw-theme-light .kw-form-control input, body.kw-theme-light .kw-form-control select { color:#0f172a!important; background:transparent!important; } /* SEARCH BUTTON */ body.kw-theme-light .btn-gold { background: linear-gradient( 135deg, #2563eb, #3b82f6 )!important; color:white!important; border-radius:14px!important; box-shadow: 0 10px 25px rgba(37,99,235,.25)!important; } /* ===================================================== TABLE CARD ===================================================== */ body.kw-theme-light .kw-billing-table-card { padding:30px!important; } body.kw-theme-light .kw-billing-table { background:white!important; border-radius:20px!important; overflow:hidden!important; } body.kw-theme-light .kw-billing-table thead { background: linear-gradient( 135deg, #eff6ff, #ffffff )!important; } body.kw-theme-light .kw-billing-table th { color:#1e3a8a!important; font-weight:700!important; } body.kw-theme-light .kw-billing-table td { color:#475569!important; border-bottom:1px solid #e5e7eb!important; } /* PRODUCT TEXT */ body.kw-theme-light .kw-billing-table td span[style*="ffffff"] { color:#0f172a!important; } /* BADGES */ body.kw-theme-light .order-badge.upgrade { background:#ede9fe!important; color:#7c3aed!important; border-radius:50px!important; padding:6px 14px!important; } body.kw-theme-light .status-badge.unpaid { background: #fee2e2 !important; color: #dc2626 !important; border-radius: 50px !important; padding: 6px 5px !important; } /* INVOICE BUTTON */ body.kw-theme-light .btn-invoice { background: linear-gradient( 135deg, #2563eb, #06b6d4 )!important; color:white!important; border-radius:12px!important; padding:9px 18px!important; box-shadow: 0 10px 20px rgba(37,99,235,.25)!important; } body.kw-theme-light .kw-billing-table th { color: white !important; font-weight: 700 !important; background: #1c79e4 !important; } body.kw-theme-light .kw-lead-hero-actions button { background: linear-gradient(135deg, #2563eb, #3b82f6) !important; color: white !important; } body.kw-theme-light .kw-affiliate-dashboard { background: transparent; } /* ===================================================== KW AFFILIATE HERO - PREMIUM LIGHT VERSION ===================================================== */ /* MAIN HERO */ body.kw-theme-light .kw-affiliate-hero { position:relative; /*padding:45px 45px !important;*/ background: linear-gradient( 135deg, #ffffff 0%, #f4f8ff 55%, #eef6ff 100% ) !important; border-radius:30px !important; border:1px solid #dbeafe !important; box-shadow: 0 25px 60px rgba(37,99,235,.12) !important; overflow:hidden !important; } /* Soft Glow */ body.kw-theme-light .kw-affiliate-hero:before { content:""; position:absolute; width:250px; height:250px; right:-80px; top:-80px; background: radial-gradient( circle, rgba(37,99,235,.18), transparent 70% ); } /* TAG */ body.kw-theme-light .kw-affiliate-tag { display:inline-flex!important; align-items:center!important; gap:8px!important; padding:8px 18px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dbeafe, #eff6ff )!important; color:#2563eb!important; border:1px solid #bfdbfe!important; font-size:13px!important; font-weight:700!important; box-shadow: 0 8px 20px rgba(37,99,235,.12)!important; } /* HEADING */ body.kw-theme-light .kw-affiliate-hero h1 { /*margin-top:18px!important;*/ color:#0f172a!important; /*font-size:42px!important;*/ font-weight:800!important; } body.kw-theme-light .kw-affiliate-hero h1 strong { color:#2563eb!important; background: linear-gradient( 90deg, #2563eb, #06b6d4 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* HAND */ body.kw-theme-light .kw-wave-hand { display:inline-block; animation: kwWave .8s infinite alternate; } @keyframes kwWave { from { transform:rotate(-10deg); } to { transform:rotate(10deg); } } /* DESCRIPTION */ body.kw-theme-light .kw-affiliate-hero p { color:#64748b!important; font-size:15px!important; line-height:1.8!important; max-width:620px!important; } /* ===================================================== REFERRAL BOX ===================================================== */ body.kw-theme-light .kw-referral-box { padding:26px!important; background: linear-gradient( 145deg, #fff7ed, #ffffff )!important; border-radius:24px!important; border:1px solid #fed7aa!important; box-shadow: 0 15px 40px rgba(234,88,12,.12)!important; } /* LABEL */ body.kw-theme-light .kw-referral-box label { display:block!important; margin-bottom:12px!important; color:#ea580c!important; font-size:13px!important; font-weight:700!important; } /* INPUT WRAPPER */ body.kw-theme-light .kw-referral-input { display:flex!important; overflow:hidden!important; border-radius:14px!important; border:1px solid #fdba74!important; background:#fff!important; } /* INPUT */ body.kw-theme-light .kw-referral-input input { flex:1!important; height:48px!important; padding:0 15px!important; border:0!important; outline:none!important; color:#334155!important; background:white!important; font-size:13px!important; } /* COPY BUTTON */ body.kw-theme-light .kw-referral-input button { width:55px!important; border:0!important; background: linear-gradient( 135deg, #f59e0b, #fbbf24 )!important; color:white!important; cursor:pointer!important; font-size:18px!important; } /* SMALL TEXT */ body.kw-theme-light .kw-referral-box small { display:block!important; margin-top:12px!important; color:#94a3b8!important; font-size:12px!important; } /* ===================================================== KW AFFILIATE STAT CARDS - PREMIUM MULTI COLOR ===================================================== */ body.kw-theme-light .kw-aff-stat-card { position:relative; /*padding:28px 25px !important;*/ /*min-height:170px !important;*/ background:#ffffff !important; border-radius:24px !important; border:1px solid transparent !important; box-shadow: 0 15px 40px rgba(15,23,42,.08) !important; overflow:hidden !important; transition:.35s ease !important; } /* Top gradient line */ body.kw-theme-light .kw-aff-stat-card:before { content:""; position:absolute; top:0; left:20px; right:20px; height:4px; border-radius:0 0 20px 20px; } /* Hover */ body.kw-theme-light .kw-aff-stat-card:hover { transform:translateY(-8px); box-shadow: 0 25px 55px rgba(37,99,235,.18)!important; } /* ICON */ body.kw-theme-light .kw-aff-icon { width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:16px; font-size:22px; margin-bottom:18px; color:white; box-shadow: 0 10px 25px rgba(0,0,0,.12); } /* NUMBER */ body.kw-theme-light .kw-aff-stat-card h3 { margin:0 0 8px!important; font-size:25px!important; font-weight:800!important; color:#0f172a!important; } /* TEXT */ body.kw-theme-light .kw-aff-stat-card p { margin:0!important; color:#64748b!important; font-size:14px!important; } /* ===================================================== CARD 1 - BLUE ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(1) .kw-aff-stat-card { background: linear-gradient(145deg,#ffffff,#eff6ff)!important; border-color:#bfdbfe!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(1) .kw-aff-icon { background: linear-gradient(135deg,#2563eb,#38bdf8); } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(1) .kw-aff-stat-card:before { background:#2563eb; } /* ===================================================== CARD 2 - GREEN ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(2) .kw-aff-stat-card { background: linear-gradient(145deg,#ffffff,#ecfdf5)!important; border-color:#a7f3d0!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(2) .kw-aff-icon { background: linear-gradient(135deg,#059669,#34d399); } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(2) .kw-aff-stat-card:before { background:#10b981; } /* ===================================================== CARD 3 - PURPLE ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(3) .kw-aff-stat-card { background: linear-gradient(145deg,#ffffff,#f5f3ff)!important; border-color:#ddd6fe!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(3) .kw-aff-icon { background: linear-gradient(135deg,#7c3aed,#c084fc); } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(3) .kw-aff-stat-card:before { background:#8b5cf6; } /* ===================================================== CARD 4 - ORANGE ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(4) .kw-aff-stat-card { background: linear-gradient(145deg,#ffffff,#fff7ed)!important; border-color:#fed7aa!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(4) .kw-aff-icon { background: linear-gradient(135deg,#ea580c,#fb923c); } body.kw-theme_light .kw-affiliate-stats .col-xl-4:nth-child(4) .kw-aff-stat-card:before { background:#f97316; } /* ===================================================== CARD 5 - PINK ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(5) .kw-aff-stat-card { background: linear-gradient(145deg,#ffffff,#fdf2f8)!important; border-color:#fbcfe8!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(5) .kw-aff-icon { background: linear-gradient(135deg,#db2777,#f472b6); } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(5) .kw-aff-stat-card:before { background:#ec4899; } /* ===================================================== CARD 6 - GOLD SHARE DASHBOARD ===================================================== */ body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(6) .kw-aff-stat-card { background: linear-gradient( 145deg, #fff7cc, #fff1a8 )!important; border-color:#facc15!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(6) .kw-aff-icon { background: linear-gradient( 135deg, #d97706, #facc15 ); color:white!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(6) h3 { color:#92400e!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(6) p { color:#a16207!important; } body.kw-theme-light .kw-affiliate-stats .col-xl-4:nth-child(6) .kw-aff-stat-card:before { background:#eab308; } /* ===================================================== AFFILIATE OVERVIEW PREMIUM LIGHT STYLE ===================================================== */ body.kw-theme-light .kw-aff-premium-card { position:relative; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border:1px solid #dbeafe !important; border-radius:26px !important; padding:28px !important; box-shadow: 0 20px 50px rgba(30,64,175,.08) !important; overflow:hidden !important; transition:.35s ease; } body.kw-theme-light .kw-aff-premium-card:hover { transform:translateY(-6px); box-shadow: 0 30px 70px rgba(37,99,235,.15)!important; } /* TOP COLOR LINE */ body.kw-theme-light .kw-aff-premium-card:before { content:""; position:absolute; top:0; left:25px; right:25px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #2563eb, #8b5cf6, #22c55e ); } /* ===================================================== HEADING ===================================================== */ body.kw-theme-light .kw-aff-card-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; } body.kw-theme-light .kw-aff-card-heading span { display:inline-flex; padding:7px 16px; border-radius:50px; background:#eff6ff; color:#2563eb; font-size:12px; font-weight:700; margin-bottom:8px; } body.kw-theme-light .kw-aff-card-heading h3 { margin:0; color:#0f172a; font-size:22px; font-weight:800; } /* BUTTON */ body.kw-theme-light .kw-aff-card-heading .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; border-radius:12px!important; padding:11px 20px!important; color:#fff!important; box-shadow: 0 10px 25px rgba(37,99,235,.25); } /* ===================================================== EARNING PROGRESS BOX ===================================================== */ body.kw-theme-light .kw-earning-progress-item { padding:18px; /*margin-bottom:16px;*/ border-radius:18px; background:#ffffff; border:1px solid #e2e8f0; transition:.3s ease; } body.kw-theme-light .kw-earning-progress-item:hover { transform:translateX(6px); box-shadow: 0 10px 25px rgba(15,23,42,.08); } body.kw-theme-light .kw-progress-info { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; } body.kw-theme-light .kw-progress-info h5 { margin:0; font-size:15px; color:#475569; font-weight:600; } body.kw-theme-light .kw-progress-info strong { color:#0f172a; font-size:18px; font-weight:800; } /* PROGRESS BAR */ body.kw-theme-light .kw-aff-progress-line { height:10px; background:#e2e8f0; border-radius:20px; overflow:hidden; } body.kw-theme-light .kw-aff-progress-line span { display:block; height:100%; border-radius:20px; background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } /* First earning */ body.kw-theme-light .kw-earning-progress-item:nth-child(1) .kw-aff-progress-line span { background: linear-gradient( 90deg, #2563eb, #60a5fa ); } /* Industry */ body.kw-theme-light .kw-earning-progress-item:nth-child(2) .kw-aff-progress-line span { background: linear-gradient( 90deg, #10b981, #34d399 ); } /* Today */ body.kw-theme-light .kw-earning-progress-item:nth-child(3) .kw-aff-progress-line span { background: linear-gradient( 90deg, #f59e0b, #facc15 ); } /* ===================================================== QUICK LINKS ===================================================== */ body.kw-theme-light .kw-aff-quick-links { display:flex; flex-direction:column; gap:15px; } body.kw-theme-light .kw-aff-quick-links a { display:flex; align-items:center; gap:15px; padding:18px; border-radius:18px; text-decoration:none; background: linear-gradient( 145deg, #ffffff, #f8fafc ); border:1px solid #dbeafe; color:#0f172a; font-weight:700; transition:.3s ease; } body.kw-theme-light .kw-aff-quick-links a:hover { transform:translateX(8px); border-color:#2563eb; box-shadow: 0 12px 30px rgba(37,99,235,.15); } /* ICONS */ body.kw-theme-light .kw-aff-quick-links i { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:14px; color:white; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); } /* Second link different color */ body.kw-theme-light .kw-aff-quick-links a:nth-child(2) i { background: linear-gradient( 135deg, #059669, #34d399 ); } /* ===================================================== KW AFFILIATE LEAD TABLE PREMIUM LIGHT DESIGN ===================================================== */ body.kw-theme-light .kw-premium-table-card { position:relative; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border-radius:26px !important; padding:28px !important; border:1px solid #dbeafe !important; box-shadow: 0 20px 50px rgba(37,99,235,.10)!important; overflow:hidden; } /* TOP GRADIENT LINE */ body.kw-theme-light .kw-premium-table-card:before { content:""; position:absolute; top:0; left:30px; right:30px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #2563eb, #8b5cf6, #22c55e ); } /* HEADER */ body.kw-theme-light .kw-table-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; } body.kw-theme-light .kw-table-header span { display:inline-flex; padding:7px 16px; border-radius:50px; background:#eff6ff; color:#2563eb; font-size:12px; font-weight:700; } body.kw-theme-light .kw-table-header h3 { margin:8px 0 0; font-size:22px; font-weight:800; color:#0f172a; } /* VIEW ALL BUTTON */ body.kw-theme-light .kw-table-header .btn-highlighted { background: linear-gradient( 135deg, #2563eb, #38bdf8 )!important; color:#fff!important; padding:12px 22px!important; border-radius:14px!important; box-shadow: 0 10px 25px rgba(37,99,235,.25); } /* TABLE WRAPPER */ body.kw-theme-light .kw-aff-table-wrap { overflow-x:auto; } /* TABLE */ body.kw-theme-light .kw-aff-table { width:100%; border-collapse:separate; border-spacing:0 12px; } /* HEAD */ body.kw-theme-light .kw-aff-table thead th { background:#f1f5f9; color:#475569; padding:15px; font-size:13px; font-weight:700; border:0; } /* ROW */ body.kw-theme-light .kw-aff-table tbody tr { background:#ffffff; box-shadow: 0 8px 25px rgba(15,23,42,.06); transition:.3s ease; } body.kw-theme-light .kw-aff-table tbody tr:hover { transform:translateY(-3px); box-shadow: 0 15px 35px rgba(37,99,235,.15); } body.kw-theme-light .kw-aff-table td { padding:18px 15px; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; color:#334155; } /* ROUND CORNERS */ body.kw-theme-light .kw-aff-table td:first-child { border-radius:15px 0 0 15px; } body.kw-theme-light .kw-aff-table td:last-child { border-radius:0 15px 15px 0; } /* USER */ body.kw-theme-light .kw-user-cell { display:flex; align-items:center; gap:12px; } body.kw-theme-light .kw-user-cell img { width:45px!important; height:45px; object-fit:cover; border-radius:50%; border:3px solid #dbeafe; } body.kw-theme-light .kw-user-cell h6 { margin:0; color:#0f172a; font-size:14px; font-weight:700; } /* PACKAGE BADGES */ body.kw-theme-light .kw-package-badge { display:inline-flex; padding:7px 14px; border-radius:50px; background: linear-gradient( 135deg, #ede9fe, #ddd6fe ); color:#6d28d9; font-size:12px; font-weight:700; } /* Different packages */ body.kw-theme-light .kw-aff-table tr:nth-child(2n) .kw-package-badge { background: linear-gradient( 135deg, #dcfce7, #bbf7d0 ); color:#15803d; } body.kw-theme-light .kw-aff-table tr:nth-child(3n) .kw-package-badge { background: linear-gradient( 135deg, #fef3c7, #fde68a ); color:#b45309; } /* STATUS */ body.kw-theme-light .kw-status { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:50px; font-size:12px; font-weight:700; } /* SUCCESS */ body.kw-theme-light .kw-status.success { background:#dcfce7; color:#15803d; } /* PENDING */ body.kw-theme-light .kw-status.pending { background:#fef3c7; color:#b45309; } /* EARNING */ body.kw-theme-light .kw-earning { color:#2563eb!important; font-size:15px; font-weight:800; } body.kw-theme-light .kw-earning.muted { color:#94a3b8!important; } /* ACTION BUTTON */ body.kw-theme-light .kw-table-action { display:inline-flex; padding:8px 18px; border-radius:12px; text-decoration:none; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:#fff!important; font-size:13px; font-weight:700; box-shadow: 0 8px 20px rgba(37,99,235,.20); transition:.3s ease; } body.kw-theme-light .kw-table-action:hover { transform:translateY(-3px); box-shadow: 0 15px 30px rgba(37,99,235,.30); } /* ===================================================== KW AFFILIATE MINI CARDS PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-aff-mini-card { position:relative; padding:28px 25px !important; background:#ffffff !important; border-radius:24px !important; border:1px solid transparent !important; overflow:hidden !important; box-shadow: 0 15px 40px rgba(15,23,42,.08) !important; transition:.35s ease !important; } /* Gradient top line */ body.kw-theme-light .kw-aff-mini-card:before { content:""; position:absolute; top:0; left:25px; right:25px; height:4px; border-radius:0 0 20px 20px; } /* Hover */ body.kw-theme-light .kw-aff-mini-card:hover { transform:translateY(-8px); box-shadow: 0 25px 55px rgba(37,99,235,.16)!important; } /* ICON */ body.kw-theme-light .kw-aff-mini-card i { width:55px; height:55px; display:flex; align-items:center; justify-content:center; border-radius:18px; font-size:22px; color:white; margin-bottom:18px; box-shadow: 0 10px 25px rgba(0,0,0,.15); } /* TITLE */ body.kw-theme-light .kw-aff-mini-card h4 { color:#0f172a!important; font-size:20px!important; font-weight:800!important; margin-bottom:10px!important; } /* DESCRIPTION */ body.kw-theme-light .kw-aff-mini-card p { color:#64748b!important; line-height:1.6!important; font-size:14px!important; } /* BUTTON */ body.kw-theme-light .kw-aff-mini-card a { display:inline-flex; margin-top:15px; padding:9px 20px; border-radius:12px; text-decoration:none; font-size:13px; font-weight:700; color:white!important; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); box-shadow: 0 10px 22px rgba(37,99,235,.25); transition:.3s ease; } body.kw-theme-light .kw-aff-mini-card a:hover { transform:translateY(-3px); } /* ===================================================== CARD 1 - LEADER BOARD BLUE/PURPLE ===================================================== */ body.kw-theme-light .kw-aff-mini-card:nth-child(1) { background: linear-gradient( 145deg, #eff6ff, #ffffff )!important; border-color:#bfdbfe!important; } body.kw-theme-light .kw-aff-mini-card:nth-child(1):before { background: linear-gradient( 90deg, #2563eb, #8b5cf6 ); } body.kw-theme-light .kw-aff-mini-card:nth-child(1) i { background: linear-gradient( 135deg, #2563eb, #8b5cf6 ); } /* ===================================================== CARD 2 - SOCIAL MEDIA GREEN ===================================================== */ body.kw-theme-light .kw-aff-mini-card:nth-child(2) { background: linear-gradient( 145deg, #ecfdf5, #ffffff )!important; border-color:#a7f3d0!important; } body.kw-theme-light .kw-aff-mini-card:nth-child(2):before { background: linear-gradient( 90deg, #059669, #34d399 ); } body.kw-theme_light .kw-aff-mini-card:nth-child(2) i { background: linear-gradient( 135deg, #059669, #34d399 ); } /* ===================================================== CARD 3 - KYC ORANGE/PINK ===================================================== */ body.kw-theme-light .kw-aff-mini-card:nth-child(3) { background: linear-gradient( 145deg, #fff7ed, #ffffff )!important; border-color:#fed7aa!important; } body.kw-theme-light .kw-aff-mini-card:nth-child(3):before { background: linear-gradient( 90deg, #ea580c, #f472b6 ); } body.kw-theme-light .kw-aff-mini-card:nth-child(3) i { background: linear-gradient( 135deg, #ea580c, #f59e0b ); } /* ===================================================== BUTTON COLORS ===================================================== */ body.kw-theme-light .kw-aff-mini-card:nth-child(2) a { background: linear-gradient( 135deg, #059669, #34d399 ); } body.kw-theme-light .kw-aff-mini-card:nth-child(3) a { background: linear-gradient( 135deg, #ea580c, #fb923c ); } /* ===================================================== KW PAYOUT CARD PREMIUM LIGHT DESIGN ===================================================== */ body.kw-theme-light .kw-payout-card { position:relative; padding:35px !important; background: linear-gradient( 145deg, #ecfdf5, #ffffff 60%, #eff6ff ) !important; border-radius:28px !important; border:1px solid #a7f3d0 !important; overflow:hidden !important; box-shadow: 0 20px 50px rgba(16,185,129,.12) !important; transition:.35s ease !important; } /* Glow Effect */ body.kw-theme-light .kw-payout-card:before { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-80px; background: radial-gradient( circle, rgba(16,185,129,.20), transparent 70% ); } /* Hover */ body.kw-theme-light .kw-payout-card:hover { transform:translateY(-8px); box-shadow: 0 30px 70px rgba(16,185,129,.20)!important; } /* ICON BOX */ body.kw-theme-light .kw-payout-icon { width:65px; height:65px; display:flex; align-items:center; justify-content:center; border-radius:20px; margin-bottom:20px; background: linear-gradient( 135deg, #059669, #34d399 ) !important; color:white!important; font-size:26px; box-shadow: 0 12px 30px rgba(16,185,129,.30); } /* SMALL TITLE */ body.kw-theme-light .kw-payout-card > span { display:inline-flex; padding:7px 16px; border-radius:50px; background: linear-gradient( 135deg, #d1fae5, #ecfdf5 ); color:#059669!important; font-size:13px; font-weight:700; margin-bottom:12px; } /* AMOUNT */ body.kw-theme-light .kw-payout-card h3 { margin:10px 0!important; font-size:34px!important; font-weight:900!important; color:#047857!important; } /* DESCRIPTION */ body.kw-theme-light .kw-payout-card p { color:#64748b!important; line-height:1.7!important; font-size:14px!important; } /* DATE BOX */ body.kw-theme-light .kw-payout-date { display:flex; align-items:center; gap:10px; margin:20px 0; padding:14px 18px; border-radius:16px; background: linear-gradient( 135deg, #ffffff, #f0fdf4 ); border:1px solid #bbf7d0; color:#475569!important; font-weight:600; } body.kw-theme-light .kw-payout-date i { color:#10b981!important; font-size:18px; } /* BUTTON */ body.kw-theme-light .kw-payout-card .btn-highlighted { display:inline-flex; align-items:center; justify-content:center; padding:12px 28px!important; border-radius:14px!important; background: linear-gradient( 135deg, #059669, #10b981 )!important; color:white!important; font-weight:700!important; box-shadow: 0 12px 30px rgba(16,185,129,.30)!important; transition:.3s ease; } body.kw-theme-light .kw-payout-card .btn-highlighted:hover { transform:translateY(-3px); box-shadow: 0 18px 35px rgba(16,185,129,.40)!important; } body.kw-theme-light .kw-card-title i { color: white !important; } body.kw-theme-light .kw-lead-page { background: transparent; } /* ===================================================== KW LEAD STATUS CARDS PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-lead-stat-card { position:relative; /*padding:28px 22px !important;*/ background:#ffffff !important; border-radius:24px !important; border:1px solid transparent !important; overflow:hidden !important; box-shadow: 0 15px 40px rgba(15,23,42,.08) !important; transition:.35s ease !important; } /* TOP COLOR LINE */ body.kw-theme-light .kw-lead-stat-card:before { content:""; position:absolute; top:0; left:25px; right:25px; height:4px; border-radius:20px; } body.kw-theme-light .kw-lead-stat-card:hover { transform:translateY(-8px); box-shadow: 0 25px 55px rgba(37,99,235,.18)!important; } /* ICON */ body.kw-theme-light .kw-lead-stat-icon { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:18px; margin-bottom:18px; color:white!important; font-size:23px; box-shadow: 0 12px 25px rgba(0,0,0,.15); } /* TITLE */ body.kw-theme-light .kw-lead-stat-card > span { display:block; color:#64748b!important; font-size:13px!important; font-weight:700!important; margin-bottom:8px; } /* VALUE */ body.kw-theme-light .kw-lead-stat-card h3 { color:#0f172a!important; font-size:18px!important; font-weight:800!important; margin:0 0 8px!important; } /* DESCRIPTION */ body.kw-theme-light .kw-lead-stat-card p { color:#64748b!important; font-size:8px!important; } /* ===================================================== CARD 1 - KYC GREEN ===================================================== */ body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(1) .kw-lead-stat-card { background: linear-gradient( 145deg, #ecfdf5, #ffffff )!important; border-color:#86efac!important; } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(1) .kw-lead-stat-icon { background: linear-gradient( 135deg, #059669, #34d399 ); } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(1) .kw-lead-stat-card:before { background: linear-gradient( 90deg, #059669, #34d399 ); } /* ===================================================== CARD 2 - BANK BLUE ===================================================== */ body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(2) .kw-lead-stat-card { background: linear-gradient( 145deg, #eff6ff, #ffffff )!important; border-color:#93c5fd!important; } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(2) .kw-lead-stat-icon { background: linear-gradient( 135deg, #2563eb, #38bdf8 ); } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(2) .kw-lead-stat-card:before { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } /* ===================================================== CARD 3 - PAN PURPLE ===================================================== */ body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(3) .kw-lead-stat-card { background: linear-gradient( 145deg, #f5f3ff, #ffffff )!important; border-color:#c4b5fd!important; } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(3) .kw-lead-stat-icon { background: linear-gradient( 135deg, #7c3aed, #c084fc ); } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(3) .kw-lead-stat-card:before { background: linear-gradient( 90deg, #7c3aed, #c084fc ); } /* ===================================================== CARD 4 - PAYOUT ORANGE/GOLD ===================================================== */ body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(4) .kw-lead-stat-card { background: linear-gradient( 145deg, #fff7ed, #ffffff )!important; border-color:#fdba74!important; } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(4) .kw-lead-stat-icon { background: linear-gradient( 135deg, #ea580c, #fbbf24 ); } body.kw-theme-light .kw-lead-stats-row .col-xl-3:nth-child(4) .kw-lead-stat-card:before { background: linear-gradient( 90deg, #ea580c, #fbbf24 ); } /* APPROVED GREEN TEXT */ body.kw-theme-light .kw-lead-stat-card .kw-positive { color:#059669!important; font-weight:700!important; } /* ===================================================== KW KYC DETAILS PREMIUM LIGHT DESIGN ===================================================== */ body.kw-theme-light .kw-lead-filter-card { position:relative; /*padding:30px !important;*/ background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border-radius:28px !important; border:1px solid #dbeafe !important; box-shadow: 0 20px 50px rgba(15,23,42,.08) !important; overflow:hidden !important; } /* TOP GRADIENT */ body.kw-theme-light .kw-lead-filter-card:before { content:""; position:absolute; top:0; left:30px; right:30px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #10b981, #2563eb, #8b5cf6 ); } /* HEADER */ body.kw-theme-light .kw-lead-filter-head { display:flex; justify-content:space-between; /*align-items:center;*/ margin-bottom:30px; } body.kw-theme-light .kw-lead-filter-head span:first-child { display:inline-flex; padding:7px 16px; border-radius:50px; background:#eff6ff; color:#2563eb; font-size:12px; font-weight:700; } body.kw-theme-light label{ color: black; } body.kw-theme-light .kw-lead-filter-head h3 { margin-top:8px!important; color:#0f172a!important; font-weight:800!important; } /* APPROVED BADGE */ body.kw-theme-light .kw-status.success { background: linear-gradient( 135deg, #dcfce7, #bbf7d0 )!important; color:#15803d!important; padding:10px 18px!important; border-radius:50px!important; font-weight:700!important; border:1px solid #86efac!important; } /* ===================================================== INPUT BOXES ===================================================== */ body.kw-theme-light .kw-form-control.disabled { display:flex; align-items:center; gap:12px; background: linear-gradient( 145deg, #ffffff, #f8fafc )!important; border:1px solid #dbeafe!important; border-radius:16px!important; padding:12px 16px!important; box-shadow: 0 8px 20px rgba(15,23,42,.05); } body.kw-theme_light .kw-form-control.disabled { border-color:#dbeafe!important; } body.kw-theme-light .kw-form-control i { width:38px; height:38px; display:grid; align-items:center; justify-content:center; border-radius:12px; background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:#fff!important; } body.kw-theme-light .kw-form-control input { background:transparent!important; border:0!important; color:#0f172a!important; font-weight:600!important; } /* LABEL */ body.kw-theme-light .form-label { color:#475569!important; font-size:13px!important; font-weight:700!important; } /* ===================================================== IMAGE CARDS ===================================================== */ body.kw-theme-light .upload-img-view { width:100%!important; height:180px!important; object-fit:cover!important; border-radius:20px!important; padding:6px!important; background:#fff!important; border:1px solid #dbeafe!important; box-shadow: 0 12px 30px rgba(15,23,42,.08)!important; transition:.3s ease; } body.kw-theme-light .upload-img-view:hover { transform:translateY(-5px); box-shadow: 0 20px 40px rgba(37,99,235,.15)!important; } /* IMAGE SECTION */ body.kw-theme-light .kw-lead-filter-card hr { border-color:#e2e8f0!important; margin:30px 0!important; } /* ===================================================== BUTTON ===================================================== */ body.kw-theme-light .edit-bank-detail { background: linear-gradient( 135deg, #2563eb, #06b6d4 )!important; color:#fff!important; border-radius:14px!important; padding:12px 28px!important; border:0!important; font-weight:700!important; box-shadow: 0 12px 30px rgba(37,99,235,.25)!important; transition:.3s ease; } body.kw-theme-light .edit-bank-detail:hover { transform:translateY(-3px); box-shadow: 0 18px 40px rgba(37,99,235,.35)!important; } /* ===================================================== KW KYC ACTIVITY TABLE PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-lead-table-card { position:relative; padding:28px !important; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border-radius:28px !important; border:1px solid #dbeafe !important; box-shadow: 0 20px 50px rgba(15,23,42,.08) !important; overflow:hidden !important; } /* TOP GRADIENT */ body.kw-theme-light .kw-lead-table-card:before { content:""; position:absolute; top:0; left:30px; right:30px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #10b981, #2563eb, #8b5cf6 ); } /* HEADER */ body.kw-theme-light .kw-lead-table-head { margin-bottom:25px; } body.kw-theme-light .kw-lead-table-head span { display:inline-flex; padding:7px 16px; border-radius:50px; background: linear-gradient( 135deg, #dcfce7, #ecfdf5 ); color:#059669!important; font-size:12px; font-weight:700; } body.kw-theme-light .kw-lead-table-head h3 { margin-top:10px!important; color:#0f172a!important; font-size:22px!important; font-weight:800!important; } /* TABLE */ body.kw-theme-light .kw-lead-table { border-collapse:separate!important; border-spacing:0 12px!important; } body.kw-theme-light .kw-lead-table thead th { background:#eff6ff!important; color:#2563eb!important; border:0!important; padding:15px!important; font-size:13px!important; font-weight:700!important; } /* ROW */ body.kw-theme-light .kw-lead-table tbody tr { background:#ffffff!important; box-shadow: 0 8px 25px rgba(15,23,42,.06)!important; transition:.3s ease; } body.kw-theme-light .kw-lead-table tbody tr:hover { transform:translateY(-4px); box-shadow: 0 18px 35px rgba(37,99,235,.12)!important; } /* CELLS */ body.kw-theme-light .kw-lead-table td { padding:18px!important; color:#475569!important; border-top:1px solid #e5e7eb!important; border-bottom:1px solid #e5e7eb!important; vertical-align:middle!important; } /* ROUND CORNERS */ body.kw-theme-light .kw-lead-table td:first-child { border-radius:16px 0 0 16px; } body.kw-theme-light .kw-lead-table td:last-child { border-radius:0 16px 16px 0; } /* NUMBER */ body.kw-theme-light .kw-lead-table td:first-child { color:#2563eb!important; font-weight:800!important; } /* DATE */ body.kw-theme-light .kw-lead-table td:nth-child(2) { color:#334155!important; font-weight:600!important; } /* ===================================================== STATUS BADGE ===================================================== */ body.kw-theme-light .kw-status.success { display:inline-flex!important; align-items:center; gap:7px; padding:8px 16px!important; border-radius:50px!important; background: linear-gradient( 135deg, #dcfce7, #bbf7d0 )!important; color:#15803d!important; border:1px solid #86efac!important; font-weight:700!important; } /* ===================================================== BANK DETAILS BOX ===================================================== */ body.kw-theme-light .kw-lead-table td small { display:block; padding:15px; border-radius:16px; background: linear-gradient( 145deg, #f8fafc, #eff6ff ); border:1px solid #dbeafe; color:#475569!important; line-height:1.8!important; } body.kw-theme-light .kw-lead-table td small strong { color:#0f172a!important; } /* ===================================================== REASON BADGE ===================================================== */ body.kw-theme-light .change-badge { display:inline-flex!important; padding:9px 16px!important; border-radius:50px!important; background: linear-gradient( 135deg, #e0f2fe, #dbeafe )!important; color:#0369a1!important; border:1px solid #bae6fd!important; font-weight:600!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-lead-table-card { padding:18px!important; } body.kw-theme-light .kw-form-control i { width: 35px; height: 30px; } body.kw-theme-light .kw-lead-table { min-width:850px; } } body.kw-theme-light .kw-lux-lb-page { background: transparent; } /* ===================================================== KW LUXURY LEADERBOARD HERO - PREMIUM LIGHT ===================================================== */ body.kw-theme-light .kw-lux-lb-hero { position:relative; padding:45px !important; background: linear-gradient( 135deg, #ffffff, #f4f8ff 55%, #f8f5ff ) !important; border-radius:32px !important; border:1px solid #dbeafe !important; box-shadow: 0 25px 60px rgba(37,99,235,.12) !important; overflow:hidden !important; } /* Background Glow */ body.kw-theme-light .kw-lux-lb-hero:before { content:""; position:absolute; width:300px; height:300px; right:-100px; top:-100px; background: radial-gradient( circle, rgba(139,92,246,.18), transparent 70% ); } /* TAG */ body.kw-theme-light .kw-lux-lb-tag { display:inline-flex; align-items:center; gap:8px; padding:9px 20px; border-radius:50px; background: linear-gradient( 135deg, #fef3c7, #fffbeb ); border:1px solid #fde68a; color:#b45309!important; font-weight:800; font-size:13px; box-shadow: 0 8px 20px rgba(245,158,11,.15); } body.kw-theme-light .kw-lux-lb-tag i { color:#f59e0b; } /* HEADING */ body.kw-theme-light .kw-lux-lb-hero h1 { /*margin-top:20px!important;*/ color:#0f172a!important; } body.kw-theme-light .kw-lux-lb-hero h1 strong { background: linear-gradient( 90deg, #2563eb, #8b5cf6 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* DESCRIPTION */ body.kw-theme-light .kw-lux-lb-hero p { color:#64748b!important; line-height:1.8!important; } /* ===================================================== HERO STATS ===================================================== */ body.kw-theme-light .kw-lux-lb-hero-stats { display:flex; gap:15px; margin-top:30px; } body.kw-theme-light .kw-lux-lb-hero-stats div { padding:18px; border-radius:20px; background:#ffffff; border:1px solid #dbeafe; box-shadow: 0 12px 30px rgba(15,23,42,.06); transition:.3s ease; } body.kw-theme-light .kw-lux-lb-hero-stats div:hover { transform:translateY(-5px); } body.kw-theme-light .kw-lux-lb-hero-stats span { display:block; color:#64748b!important; font-size:12px; font-weight:700; } body.kw-theme-light .kw-lux-lb-hero-stats strong { display:block; margin-top:8px; color:#0f172a!important; font-size:22px; font-weight:900; } /* Different stat colors */ body.kw-theme-light .kw-lux-lb-hero-stats div:nth-child(1) { background: linear-gradient( 145deg, #eff6ff, #ffffff ); } body.kw-theme-light .kw-lux-lb-hero-stats div:nth-child(2) { background: linear-gradient( 145deg, #ecfdf5, #ffffff ); } body.kw-theme-light .kw-lux-lb-hero-stats div:nth-child(3) { background: linear-gradient( 145deg, #f5f3ff, #ffffff ); } /* ===================================================== RANK CARD ===================================================== */ body.kw-theme-light .kw-lux-user-rank-card { position:relative; display:flex; align-items:center; justify-content:space-between; padding:26px; /*min-height:250px;*/ border-radius:28px; background: linear-gradient( 145deg, #fff7ed, #ffffff ); border:1px solid #fed7aa; box-shadow: 0 20px 45px rgba(234,88,12,.12); } /* Rank Content */ body.kw-theme-light .kw-lux-rank-content span { color:#ea580c!important; font-weight:700; font-size:20px; } body.kw-theme-light .kw-lux-rank-content h3 { font-size:45px!important; margin:6px !important; font-weight:900!important; background: linear-gradient( 135deg, #f59e0b, #ea580c ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.kw-theme-light .kw-lux-rank-content p { color:#64748b!important; line-height:1.6; } /* Avatar */ body.kw-theme-light .kw-lux-rank-avatar img { object-fit:cover; border-radius:50%; border:6px solid #fff; box-shadow: 0 15px 35px rgba(234,88,12,.25); } /* Mobile */ @media(max-width:768px) { body.kw-theme-light .kw-lux-lb-hero { padding:25px!important; } body.kw-theme-light .kw-lux-lb-hero-stats { flex-direction:column; } } /* ===================================================== KW LUXURY LEADERBOARD PREMIUM LIGHT ===================================================== */ /* MAIN PODIUM + LIST CARDS ===================================================== */ body.kw-theme-light .kw-lux-podium-card, body.kw-theme-light .kw-lux-rank-list-card { position:relative; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border-radius:30px !important; padding:30px !important; border:1px solid #dbeafe !important; box-shadow: 0 25px 60px rgba(15,23,42,.10) !important; overflow:hidden !important; } /* TOP COLOR LINE */ body.kw-theme-light .kw-lux-podium-card:before, body.kw-theme-light .kw-lux-rank-list-card:before { content:""; position:absolute; top:0; left:30px; right:30px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #f59e0b, #2563eb, #8b5cf6 ); } /* HEADING */ body.kw-theme-light .kw-lux-card-heading span { display:inline-flex; padding:7px 16px; border-radius:50px; background: linear-gradient( 135deg, #fff7ed, #fffbeb ); color:#b45309!important; font-size:12px; font-weight:800; } body.kw-theme-light .kw-lux-card-heading h3 { color:#0f172a!important; font-size:24px!important; font-weight:900!important; } /* TROPHY */ body.kw-theme-light .kw-lux-card-heading > i { font-size:35px; color:#f59e0b; filter: drop-shadow(0 8px 15px rgba(245,158,11,.35)); } /* ===================================================== WINNER PODIUM CARDS ===================================================== */ body.kw-theme-light .kw-lux-winner-card { position:relative; padding:25px 18px!important; text-align:center; border-radius:24px!important; background:#fff; border:1px solid #e2e8f0; box-shadow: 0 15px 35px rgba(15,23,42,.08); transition:.35s ease; } body.kw-theme-light .kw-lux-winner-card:hover { transform:translateY(-10px); } /* AVATAR */ body.kw-theme-light .kw-winner-avatar img { object-fit:cover; border-radius:50%; border:5px solid #fff; box-shadow: 0 15px 35px rgba(0,0,0,.18); } /* NAME */ body.kw-theme-light .kw-lux-winner-card h4 { color:#0f172a!important; font-weight:800!important; margin-top:15px!important; } body.kw-theme-light .kw-lux-winner-card p { color:#64748b!important; } body.kw-theme-light .kw-lux-winner-card strong { display: block; margin-top: 10px; color: white !important; font-size: 18px !important; font-weight: 900 !important; background: #32a1f4; } /* RANK NUMBER */ body.kw-theme-light .kw-rank-medal { /*position:absolute;*/ /*top:15px;*/ /*left:15px;*/ /*width:42px;*/ /*height:42px;*/ /*display:flex;*/ align-items:center; justify-content:center; border-radius:50%; font-weight:900; background:#f1f5f9; color:#334155; } /* #1 GOLD */ body.kw-theme-light .kw-lux-winner-card.first { background: linear-gradient( 145deg, #fff7cc, #ffffff )!important; border:2px solid #facc15!important; transform:translateY(-15px); } body.kw-theme-light .kw-lux-winner-card.first .kw-rank-medal { background:#f59e0b; color:white; } body.kw-theme-light .kw-crown-icon { color: white; /* font-size: 30px; */ filter: drop-shadow(0 8px 15px rgba(245, 158, 11, .4)); } /* #2 SILVER */ body.kw-theme-light .kw-lux-winner-card.second { background: linear-gradient( 145deg, #f8fafc, #ffffff ); border-color:#cbd5e1!important; } body.kw-theme-light .kw-lux-winner-card.second .kw-rank-medal { background:#94a3b8; color:white; } /* #3 BRONZE */ body.kw-theme-light .kw-lux-winner-card.third { background: linear-gradient( 145deg, #fff7ed, #ffffff ); border-color:#fdba74!important; } body.kw-theme-light .kw-lux-winner-card.third .kw-rank-medal { background:#ea580c; color:white; } /* ===================================================== RANKING LIST ===================================================== */ body.kw-theme-light .kw-lux-rank-row { /*display:flex;*/ align-items:center; gap:15px; padding:16px; margin-bottom:12px; background: linear-gradient( 145deg, #ffffff, #f8fafc ); border-radius:18px; border:1px solid #e2e8f0; transition:.3s ease; } body.kw-theme-light .kw-lux-rank-row:hover { transform:translateX(8px); border-color:#93c5fd; box-shadow: 0 12px 30px rgba(37,99,235,.12); } /* RANK NUMBER */ body.kw-theme-light .kw-rank-number { /*width:40px;*/ /*height:40px;*/ /*display:flex;*/ /*align-items:center;*/ /*justify-content:center;*/ /*border-radius:14px;*/ background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:white!important; /*font-weight:800;*/ } /* USER IMAGE */ body.kw-theme-light .kw-lux-rank-row img { width:55px!important; height:55px!important; object-fit:cover; border-radius:50%; border:3px solid #dbeafe; } /* USER NAME */ body.kw-theme-light .kw-lux-rank-row h5 { margin:0; color:#0f172a!important; font-weight:800!important; } body.kw-theme-light .kw-lux-rank-row p { margin:4px 0 0; color:#64748b!important; } /* AMOUNT */ body.kw-theme-light .kw-lux-rank-row strong { /*margin-left:auto;*/ color:#059669!important; font-weight:900!important; } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-lux-winner-card.first { transform:none; } } /* ===================================================== KW TOP EARNERS COLUMN PREMIUM LIGHT DESIGN ===================================================== */ body.kw-theme-light .kw-lux-column-card { position:relative; padding:28px !important; border-radius:28px !important; background: linear-gradient( 145deg, #ffffff, #f8fbff ) !important; border:1px solid #dbeafe !important; box-shadow: 0 20px 50px rgba(15,23,42,.08)!important; overflow:hidden; transition:.35s ease; } body.kw-theme-light .kw-lux-column-card:hover { transform:translateY(-8px); box-shadow: 0 30px 70px rgba(37,99,235,.15)!important; } /* TOP LINE */ body.kw-theme-light .kw-lux-column-card:before { content:""; position:absolute; top:0; left:25px; right:25px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #2563eb, #8b5cf6 ); } /* ===================================================== HEAD ===================================================== */ body.kw-theme-light .kw-lux-column-head span { display:inline-flex; padding:7px 16px; border-radius:50px; font-size:12px; font-weight:800; background:#eff6ff; color:#2563eb; } body.kw-theme-light .kw-lux-column-head h3 { margin-top:10px; font-size:22px!important; font-weight:900!important; color:#0f172a!important; } /* ===================================================== RANK ITEM ===================================================== */ body.kw-theme-light .kw-lux-small-rank { /*display:flex;*/ /*align-items:center;*/ /*gap:14px;*/ /*padding:14px;*/ margin-bottom:12px; border-radius:18px; background:#ffffff; border:1px solid #e2e8f0; /*transition:.3s ease;*/ } body.kw-theme-light .kw-lux-small-rank:hover { transform:translateX(8px); border-color:#93c5fd; box-shadow: 0 12px 30px rgba(37,99,235,.12); } /* RANK NUMBER */ body.kw-theme-light .kw-lux-small-rank > span { /*width:38px;*/ /*height:38px;*/ /*display:flex;*/ /*align-items:center;*/ /*justify-content:center;*/ /*border-radius:14px;*/ background: linear-gradient( 135deg, #2563eb, #38bdf8 ); color:white!important; /*font-weight:900;*/ } /* IMAGE */ body.kw-theme-light .kw-lux-small-rank img { width:52px!important; height:52px!important; object-fit:cover; border-radius:50%; border:3px solid #dbeafe; box-shadow: 0 8px 20px rgba(37,99,235,.18); } /* NAME */ body.kw-theme-light .kw-lux-small-rank h5 { margin:0; color:#0f172a!important; font-size:14px; font-weight:800; } /* PACKAGE */ body.kw-theme-light .kw-lux-small-rank p { margin:4px 0 0; color:#64748b!important; font-size:13px; } /* AMOUNT */ body.kw-theme-light .kw-lux-small-rank strong { margin-left:auto; color:#059669!important; font-size:15px; font-weight:900; } /* ===================================================== FIRST RANK HIGHLIGHT ===================================================== */ body.kw-theme-light .kw-lux-small-rank:nth-child(1) { background: linear-gradient( 145deg, #fff7cc, #ffffff ); border-color:#facc15; } body.kw-theme-light .kw-lux-small-rank:nth-child(1) > span { background: linear-gradient( 135deg, #f59e0b, #facc15 ); } /* SECOND */ body.kw-theme-light .kw-lux-small-rank:nth-child(2) { background: linear-gradient( 145deg, #f8fafc, #ffffff ); border-color:#cbd5e1; } body.kw-theme-light .kw-lux-small-rank:nth-child(2) > span { background: linear-gradient( 135deg, #64748b, #94a3b8 ); } /* THIRD */ body.kw-theme_light .kw-lux-small-rank:nth-child(3) { background: linear-gradient( 145deg, #fff7ed, #ffffff ); border-color:#fdba74; } body.kw-theme-light .kw-lux-small-rank:nth-child(3) > span { background: linear-gradient( 135deg, #ea580c, #fb923c ); } /* ===================================================== DIFFERENT COLUMN COLORS ===================================================== */ /* TODAY */ body.kw-theme-light .col-xl-4:nth-child(1) .kw-lux-column-card:before { background: linear-gradient( 90deg, #2563eb, #38bdf8 ); } /* WEEKLY */ body.kw-theme-light .col-xl-4:nth-child(2) .kw-lux-column-card:before { background: linear-gradient( 90deg, #059669, #34d399 ); } /* MONTHLY */ body.kw-theme-light .col-xl-4:nth-child(3) .kw-lux-column-card:before { background: linear-gradient( 90deg, #7c3aed, #c084fc ); } /* MOBILE */ @media(max-width:768px) { body.kw-theme-light .kw-lux-column-card { padding:20px!important; } } body.kw-theme-light .kw-lux-small-rank-list { gap: 0 !important; } body.kw-theme-light .kw-lead-filter-card h5 { color: black !important; } /* ===================================================== KW SIDEBAR COLORFUL PREMIUM GLASS STYLE ===================================================== */ body.kw-theme-light .kw-dashboard-sidebar{ background: linear-gradient( 160deg, #eef6ff 0%, #fdf4ff 45%, #f0fdf4 100% ) !important; border-right:0!important; box-shadow: 10px 0 40px rgba(37,99,235,.12)!important; padding:18px 14px!important; } /* Gradient Border */ body.kw-theme-light .kw-dashboard-sidebar:after{ content:""; position:absolute; top:0; right:0; width:3px; height:100%; background: linear-gradient( 180deg, #2563eb, #8b5cf6, #ec4899, #10b981 ); } /* MENU GAP */ body.kw-theme-light .kw-sidebar-menu{ gap:8px!important; } /* MENU ITEM */ body.kw-theme-light .kw-sidebar-link{ position:relative; display:flex!important; align-items:center!important; gap:12px!important; padding:12px 14px!important; border-radius:18px!important; color:#334155!important; font-weight:700!important; font-size:14px!important; background: rgba(255,255,255,.65); border:1px solid rgba(255,255,255,.8); backdrop-filter:blur(10px); transition:.35s ease!important; } /* Gradient Border Effect */ body.kw-theme-light .kw-sidebar-link:before{ content:""; position:absolute; inset:0; border-radius:18px; padding:1px; background: linear-gradient( 135deg, rgba(37,99,235,.35), rgba(168,85,247,.25), rgba(16,185,129,.25) ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:.3s; } body.kw-theme-light .kw-sidebar-link:hover:before{ opacity:1; } /* HOVER */ body.kw-theme-light .kw-sidebar-link:hover{ transform:translateX(6px); background: linear-gradient( 135deg, #ffffff, #eef6ff ); color:white!important; box-shadow: 0 10px 25px rgba(37,99,235,.12); } /* ICON BOX */ body.kw-theme-light .kw-menu-icon{ width:40px!important; height:40px!important; border-radius:14px!important; display:flex!important; align-items:center!important; justify-content:center!important; background: linear-gradient( 135deg, #ffffff, #e0ecff )!important; color:#2563eb!important; box-shadow: 0 8px 18px rgba(37,99,235,.12); } /* DIFFERENT ICON COLORS */ body.kw-theme-light .kw-sidebar-menu li:nth-child(2) .kw-menu-icon{ color:#7c3aed!important; background:#f3e8ff!important; } body.kw-theme-light .kw-sidebar-menu li:nth-child(3) .kw-menu-icon{ color:#059669!important; background:#dcfce7!important; } body.kw-theme-light .kw-sidebar-menu li:nth-child(4) .kw-menu-icon{ color:#ea580c!important; background:#ffedd5!important; } body.kw-theme-light .kw-sidebar-menu li:nth-child(5) .kw-menu-icon{ color:#db2777!important; background:#fce7f3!important; } /* ACTIVE MENU */ body.kw-theme-light .kw-sidebar-link.active{ background: linear-gradient( 135deg, #2563eb, #7c3aed )!important; color:white!important; border-color:transparent!important; box-shadow: 0 15px 35px rgba(124,58,237,.35)!important; } /* ACTIVE ICON */ body.kw-theme-light .kw-sidebar-link.active .kw-menu-icon{ background: rgba(255,255,255,.20)!important; color:white!important; } /* LOGOUT */ body.kw-theme-light .logout { /* margin-top: 18px !important; */ /* border-radius: 18px !important; */ /* background: linear-gradient(135deg, #ef4444, #f97316) !important; */ /* box-shadow: 0 12px 30px rgba(239, 68, 68, .25) !important; */ width: 100% !important; display: flex !important; } body.kw-theme-light .kw-aside-help-box h2 { color: black !important; } body.kw-theme-light .kw-aside-help-box p { color: black; } /* HELP CARD */ body.kw-theme-light .kw-aside-help-box{ background: linear-gradient( 145deg, #ffffff, #f3e8ff )!important; border:1px solid rgba(124,58,237,.18)!important; border-radius:24px!important; box-shadow: 0 15px 35px rgba(124,58,237,.12)!important; } /* ========================================= LIGHT THEME LOADER ========================================= */ .kw-theme-light.active.loading:before { content: "Loading..."; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); z-index: 99999999999; color: #0b489e; text-align: center; padding-top: 5%; font-size: 20px; letter-spacing: 5px; font-weight: bold; text-shadow: 0 0 10px rgba(11, 72, 158, 0.3); } /* Main Loader Overlay */ .kw-theme-light .my-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.88); z-index: 9999999999; align-items: center; display: grid; } /* Loader Box */ .kw-theme-light .load-wrapp { width: 150px; height: 150px; padding: 20px; border-radius: 12px; text-align: center; background: #ffffff; display: grid; align-items: center; margin: 0 auto; border: 1px solid rgba(11, 72, 158, 0.25); box-shadow: 0 0 15px rgba(11, 72, 158, 0.08), 0 5px 35px rgba(0, 0, 0, 0.08); } .kw-theme-light .load-wrapp p { padding: 0 0 20px; } /* Loading Text */ .kw-theme-light .letter-holder { padding: 16px; display: flex; justify-content: center; } .kw-theme-light .letter { float: left; font-size: 14px; color: #0b489e; font-weight: 600; text-shadow: 0 0 5px rgba(11, 72, 158, 0.3); } /* Loading Animation */ .kw-theme-light .load-6 .letter { animation-name: loadingF_light; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: linear; } /* Input Loader */ .kw-theme-light .input-load { display: block; width: fit-content; border-radius: 5px; margin: 5px 0 0 0; height: 25px; padding: 0 9px; background: #ffffff; border: 1px solid rgba(11, 72, 158, 0.25); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .kw-theme-light .input-load .letter-holder { padding: 0; } /* ========================================= LETTER DELAYS (SAME) ========================================= */ .kw-theme-light .l-1 { animation-delay: 0.48s; } .kw-theme-light .l-2 { animation-delay: 0.6s; } .kw-theme-light .l-3 { animation-delay: 0.72s; } .kw-theme-light .l-4 { animation-delay: 0.84s; } .kw-theme-light .l-5 { animation-delay: 0.96s; } .kw-theme-light .l-6 { animation-delay: 1.08s; } .kw-theme-light .l-7 { animation-delay: 1.2s; } .kw-theme-light .l-8 { animation-delay: 1.32s; } .kw-theme-light .l-9 { animation-delay: 1.44s; } .kw-theme-light .l-10 { animation-delay: 1.56s; } /* ========================================= LIGHT ANIMATION ========================================= */ @keyframes loadingF_light { 0% { opacity: 0.25; color: #6b8cbd; transform: translateY(0); } 50% { opacity: 1; color: #0b489e; transform: translateY(-4px); text-shadow: 0 0 5px rgba(11, 72, 158, 0.4), 0 0 15px rgba(11, 72, 158, 0.2); } 100% { opacity: 0.25; color: #6b8cbd; transform: translateY(0); } } /* ========================================= PROGRESS - LIGHT THEME ========================================= */ .kw-theme-light #progressWrapper { padding: 0 5%; border-radius: 15px !important; margin-top: 15px; } .kw-theme-light #progressText { text-align: center; color: #0b489e; font-size: 25px; font-weight: 900; text-shadow: 0 0 8px rgba(11, 72, 158, 0.15); } .kw-theme-light .progress-div { background: #f0f4fa; margin: 10px 17%; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); border-radius: 8px; padding: 1px 0; display: block; border: 1px solid rgba(11, 72, 158, 0.15); } body.kw-theme-light .kw-lead-pagination span[aria-current="page"] > span, .kw-lead-pagination .active, .kw-lead-pagination .page-item.active .page-link { background: linear-gradient(135deg, #2563eb, #38bdf8) !important; color: white !important; } body.kw-theme-light .kw-lead-pagination p span, body.kw-theme-light .kw-lead-pagination .font-medium { color: black !important; } @media (max-width: 767px) { body.kw-theme-light .kw-lead-stat-card h3 { font-size: 16px !important; } body.kw-theme-light .kw-lead-stat-card p { font-size: 7px !important; } body.kw-theme-light .kw-lead-user h6 { color: #000000; } } /*Userpanel Css*/