/* ============================================== LIGHT THEME – Aditya Landing Page Activated via data-theme="light" on Focus areas: ✓ Logo visibility on white backgrounds ✓ Background colors → clean whites ✓ Pictures & images → sharp, no washout ✓ Card styling → soft shadows, proper borders ============================================== */ /* ================================================== 1. GLOBAL ================================================== */ [data-theme="light"] body { background-color: #ffffff; color: #1e1e2f; } /* ================================================== 2. NAVBAR ================================================== */ [data-theme="light"] .header .reva-navbar.scrolled { background: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="light"] .header .reva-navbar.scrolled .nav-link { color: #1e1e2f; } [data-theme="light"] .header .reva-navbar.scrolled .nav-link:hover { color: #c23934; } /* LOGO: Ensure the Aditya logo is crisp on white navbar */ [data-theme="light"] .header .reva-navbar.scrolled .aditya-logo { filter: none !important; opacity: 1; /* Add subtle drop-shadow so logo pops from white bg */ drop-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } [data-theme="light"] .custom-navbar { background: rgba(255, 255, 255, 0.96); } [data-theme="light"] .custom-navbar .nav-link { color: #1e1e2f; } /* ================================================== 3. HERO SECTION Keep dark overlay for readability over background image. Slightly soften the overlay in light mode. ================================================== */ [data-theme="light"] .hero-section::after { background: linear-gradient(90deg, rgba(15, 23, 42, 0.80) 0%, rgba(15, 23, 42, 0.28) 100%); } /* HERO BACKGROUND IMAGE – ensure it stays vibrant */ [data-theme="light"] .hero-section { filter: none; } /* ================================================== 4. ADMISSION FORM CARD ================================================== */ [data-theme="light"] .admission-card-form { background: #ffffff !important; border: 1px solid #e8e8ec !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04), 0 16px 40px rgba(0, 0, 0, 0.08) !important; border-radius: 20px !important; } [data-theme="light"] .admission-card-form h4 { color: #1e1e2f; } [data-theme="light"] .admission-card-form label { color: #555; } [data-theme="light"] .admission-card-form .form-control, [data-theme="light"] .admission-card-form .form-select { background: #ffffff; color: #1e1e2f; border-color: #dce0e5; } [data-theme="light"] .admission-card-form .form-control:focus, [data-theme="light"] .admission-card-form .form-select:focus { border-color: #c23934; box-shadow: 0 0 0 3px rgba(194, 57, 52, 0.08); } [data-theme="light"] .admission-card-form::-webkit-scrollbar-track { background: #f4f4f4; } [data-theme="light"] .admission-card-form::-webkit-scrollbar-thumb { background: #c23934; } /* Payment completed card */ [data-theme="light"] .form-wrapper.mid-main .admission-card-form { background: #ffffff; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); } [data-theme="light"] .form-wrapper.mid-main .form-title { color: #1e1e2f; } [data-theme="light"] .form-wrapper.mid-main .modal-box p { color: #333; } /* ================================================== 6. STUDY AT ADITYA SECTION ================================================== */ [data-theme="light"] .study_at_reva_main_section { background: #ffffff !important; color: #1e1e2f; box-shadow: none; margin: 0 !important; border-radius: 0 !important; padding: 80px 0; border-top: 1px solid #f0f0f2; border-bottom: 1px solid #f0f0f2; } /* Red branded block – stays red, text white */ [data-theme="light"] .study_reva_sub_one { background-color: #c23934; } [data-theme="light"] .study_reva_sub_one h5 { color: #ffffff !important; } [data-theme="light"] .study_reva_sub_one p { color: rgba(255, 255, 255, 0.92) !important; } [data-theme="light"] .study_reva_sub_two { background-color: #ffffff; } /* RANKED CARD – soft elevated card on white */ [data-theme="light"] .ranked_one { background: #ffffff; border-left: 5px solid #c23934; border-radius: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06); } [data-theme="light"] .ranked_one:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.10); } [data-theme="light"] .ranked_one h3 { color: #1e1e2f !important; border-bottom-color: #f0f0f2 !important; } [data-theme="light"] .ranked_one h4 { color: #c23934 !important; } [data-theme="light"] .ranked_one p { color: #444 !important; } [data-theme="light"] .ranked_one ul.bullet-point li, [data-theme="light"] .study_right_contentt .bullet-point li { color: #444 !important; } /* Right study description text */ [data-theme="light"] .right_study_content h4 { color: #333 !important; border-left-color: #c23934; } /* COLLEGE LOGO CARDS – clean white with soft border */ [data-theme="light"] .study_right_content { background: #ffffff; border: 1px solid #f0f0f2 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04); } [data-theme="light"] .study_right_content:hover { border-color: rgba(194, 57, 52, 0.2) !important; box-shadow: 0 4px 12px rgba(194, 57, 52, 0.08), 0 12px 28px rgba(194, 57, 52, 0.12); transform: translateY(-8px); } [data-theme="light"] .study_right_content h3 { color: #c23934 !important; } [data-theme="light"] .study_right_content p { color: #555 !important; } /* COLLEGE LOGOS inside cards – sharp and visible */ [data-theme="light"] .study_right_content img, [data-theme="light"] .international_study_right .item img { filter: none !important; opacity: 1 !important; /* Slight contrast boost on white */ image-rendering: auto; } /* Accredited logos */ [data-theme="light"] .accredited_main h5 { color: #1e1e2f !important; } [data-theme="light"] .accredited_main_slider .item img { filter: none !important; opacity: 1 !important; } [data-theme="light"] .accredited_main_slider .item h6 { color: #555 !important; } [data-theme="light"] .line { border-color: #e8e8ec !important; } /* ================================================== 7. PROGRAMMES AT ADITYA ================================================== */ [data-theme="light"] .programme_at_reva_section { background-color: rgb(246 246 246); } [data-theme="light"] .programe_ate_one h2 { color: #1e1e2f !important; } [data-theme="light"] .programe_ate_one h2 .clr-red { color: #c23934 !important; } [data-theme="light"] .programe_ate_one h3 { color: #444 !important; } /* IFRAME CARD for programmes */ [data-theme="light"] #admissionFrame { background: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06); } [data-theme="light"] .programe_section_course .row iframe { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06); } /* ================================================== 8. PLACEMENT SECTION ★ Stays dark – has background image with overlay. ★ No changes needed. ================================================== */ /* ================================================== 9. RECRUITER PARTNERS SECTION ================================================== */ [data-theme="light"] .recruter_main_section { background-color: #ffffff; border-top: 1px solid #f0f0f2; } [data-theme="light"] .recruter_one h4 { color: #1e1e2f !important; } /* RECRUITER LOGOS – crisp on white background */ [data-theme="light"] .recruiter-partners_slider-logo li img { filter: none !important; opacity: 1 !important; } /* Life at Aditya heading */ [data-theme="light"] .life_at_reva_main h5 { color: #1e1e2f !important; } [data-theme="light"] .life_at_reva_main h5 span, [data-theme="light"] .life_at_reva_main h5 spna { color: #c23934 !important; } /* VIDEO CARD – clean border on light bg */ [data-theme="light"] .video-wrapper { border-color: #e0e0e4 !important; background: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 12px 36px rgba(0, 0, 0, 0.06) !important; } [data-theme="light"] .video-wrapper:hover { box-shadow: 0 8px 24px rgba(194, 57, 52, 0.10), 0 20px 50px rgba(194, 57, 52, 0.14) !important; } /* VIDEO THUMBNAIL – stay vivid, no dimming */ [data-theme="light"] .video-thumb { filter: none !important; opacity: 1 !important; } /* Play button (hidden but safety) */ [data-theme="light"] .play-button { filter: none; } /* ================================================== 11. THE ADITYA EXPERIENCE (reva_edge) ================================================== */ [data-theme="light"] .reva_edge { background: #ffffff !important; } [data-theme="light"] .reva_edge::before { background: radial-gradient(ellipse 55% 45% at 5% 10%, rgba(194, 57, 52, 0.04) 0%, transparent 65%), radial-gradient(ellipse 45% 40% at 95% 90%, rgba(194, 57, 52, 0.03) 0%, transparent 65%); } [data-theme="light"] .reva_edge::after { border-color: rgba(194, 57, 52, 0.06); } [data-theme="light"] .reva-edge_title h5 { color: #1e1e2f !important; } [data-theme="light"] .reva-edge_title h5 .txt-red { color: #c23934 !important; } [data-theme="light"] .reva-edge_title h5 .txt-mute { color: rgba(30, 30, 47, 0.28) !important; } /* BADGE */ [data-theme="light"] .reva-edge_badge { background: rgba(194, 57, 52, 0.08); border-color: rgba(194, 57, 52, 0.20); color: #c23934; } /* EXPERIENCE CARDS – stay red (brand identity) */ [data-theme="light"] .reva_edge_content { background: #c23934; border-color: rgba(255, 255, 255, 0.15); box-shadow: 0 2px 8px rgba(194, 57, 52, 0.12), 0 8px 20px rgba(194, 57, 52, 0.10); } [data-theme="light"] .reva_edge_content:hover { background: #a82e29; box-shadow: 0 8px 20px rgba(194, 57, 52, 0.20), 0 16px 32px rgba(194, 57, 52, 0.18); } [data-theme="light"] .reva_edge_content p { color: rgba(255, 255, 255, 0.92) !important; } /* EXPERIENCE CARD ICONS – keep white (they're on red cards) */ [data-theme="light"] .reva_edge_content figure img { filter: brightness(0) invert(1) !important; } /* ================================================== 12. FOOTER – Stays dark in both themes ================================================== */ /* No overrides — dark footer is standard */ /* ================================================== 13. FLOATING APPLY BUTTONS ================================================== */ [data-theme="light"] .floating-apply-btn, [data-theme="light"] .floating-apply-btn-mobile { background: #ffffff; color: #1e1e2f; border-color: #c23934; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 6px 16px rgba(0, 0, 0, 0.08); } [data-theme="light"] .floating-apply-btn:hover, [data-theme="light"] .floating-apply-btn-mobile:hover { background: #fff5f5; color: #c23934; } /* ================================================== 14. TABS & ACCORDION ================================================== */ [data-theme="light"] ul.section_course_one li .nav-link { background: #f4f5f7; color: #1e1e2f; } [data-theme="light"] ul.section_course_one li .nav-link.active { background: #c23934; color: #fff; } [data-theme="light"] .section_course_two .accordion-item { background: #fff; border-color: #f0f0f2; } [data-theme="light"] .section_course_two .accordion-button { background: #fff; color: #1e1e2f; } [data-theme="light"] .section_course_two .accordion-button:not(.collapsed) { background: #fdf0ef; color: #1e1e2f; } [data-theme="light"] .courselist-menu { background: #faf5f2; } [data-theme="light"] .courselist-menu h2 { color: #1e1e2f; } [data-theme="light"] .courselist-menu ul li a { color: #333; } /* ================================================== 15. SELECT2 DROPDOWNS ================================================== */ [data-theme="light"] .select2-container--default .select2-selection--single { background: #fff; border-color: #dce0e5; } [data-theme="light"] .select2-dropdown { background: #fff; border-color: #dce0e5; } [data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #1e1e2f; } /* ================================================== 16. UTILITY CLASS OVERRIDES ================================================== */ [data-theme="light"] .text-dark { color: #1e1e2f !important; } [data-theme="light"] .bg-white { background: #fff !important; } [data-theme="light"] .clr-red { color: #c23934 !important; } [data-theme="light"] .bg-white.rounded.shadow-sm { box-shadow: none !important; } /* ================================================== 17. GLOBAL IMAGE PROTECTION Prevent any image from getting washed out or losing visibility on white backgrounds. ================================================== */ /* General: all images stay fully opaque */ [data-theme="light"] img { opacity: 1; } /* Study section – college logos in slider */ [data-theme="light"] .study_at_reva_main_section .study_right_content img, [data-theme="light"] .study_at_reva_main_section .international_study_right img { filter: none !important; opacity: 1 !important; } /* Recruiter section logos */ [data-theme="light"] .recruter_main_section img { filter: none !important; opacity: 1 !important; } /* Programme section images */ [data-theme="light"] .programme_at_reva_section img { filter: none !important; opacity: 1 !important; } /* Life at Aditya – video thumbnail */ [data-theme="light"] .life_at_reva_main2 .video-thumb { filter: none !important; opacity: 1 !important; } /* Footer logo – no change (footer stays dark) */ /* Experience card icons – KEEP white (on red bg) */ [data-theme="light"] .reva_edge .reva_edge_content figure img { filter: brightness(0) invert(1) !important; opacity: 1 !important; }