/* ================================================================
SBCK AND CO. - MASTER PREMIUM STYLE SYSTEM (PRODUCTION READY)
Developer: Satyajeet Rout
================================================================ */
/* =========================================
START: 1. GLOBAL VARIABLES
What it does: Stores main colors and transitions used everywhere.
========================================= */
:root {
--primary: #002147; /* Deep Corporate Blue */
--accent: #C5A059; /* Elite Gold */
--white: #ffffff;
--light: #f8f9fa;
--text-main: #333333;
--text-muted: #666666;
--shadow: 0 10px 30px rgba(0,0,0,0.08);
--transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* END: 1. GLOBAL VARIABLES */
/* =========================================
START: 2. BASE & RESET
What it does: Removes default browser margins and sets base fonts.
========================================= */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; color: var(--text-main); line-height: 1.7; overflow-x: hidden; margin-top: 85px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.section { padding: 80px 0; }
.bg-light { background-color: var(--light); }
::selection { background: rgba(212, 175, 55, 0.2); color: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 2px; }
/* END: 2. BASE & RESET */
/* =========================================
START: 3. PREMIUM TYPOGRAPHY
What it does: Sets header fonts and text alignments.
========================================= */
h1, h2, h3 { font-family: 'Playfair Display', serif; font-weight: 700; }
.heading-blue { color: var(--primary); font-size: 2.5rem; margin-bottom: 20px; }
.heading-gold { color: var(--accent); font-size: 2.2rem; }
.centered { text-align: center; }
/* ARCHITECTURE FIX START */
/* Reason: Relocated orphaned .small-text class to Typography section */
.small-text {
color: var(--accent);
display: inline-block;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 16px;
border-radius: 30px;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 15px;
}
/* ARCHITECTURE FIX END */
/* END: 3. PREMIUM TYPOGRAPHY */
/* =========================================
START: 4. GLOBAL PREMIUM ANIMATIONS
What it does: Custom float, shine, and JS scroll reveal effects.
========================================= */
@keyframes floatVertical { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes shine { to { background-position: 200% center; } }
@keyframes goldShine { to { background-position: 200% center; } }
@keyframes textPulse { 0%, 100% { text-shadow: 0 0 0px rgba(197, 160, 89, 0); transform: scale(1); } 50% { text-shadow: 0 0 15px rgba(197, 160, 89, 0.4); transform: scale(1.02); } }
@keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes trustFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
/* JS Scroll Classes */
.reveal-init { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.215, 0.610, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1); will-change: opacity; }
.premium-appear { opacity: 1 !important; transform: translateY(0) !important; }
.slide-right-to-left { opacity: 0; transform: translateX(100px); transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1); }
.slide-right-to-left.visible { opacity: 1; transform: translateX(0); }
/* Buttons & Interactive Elements Feedback */
button, .btn, input[type="submit"], .gold-tool-box-dropzone { transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }
button:active, .btn:active, input[type="submit"]:active { transform: scale(0.97); }
/* Glassmorphism Card Hover (Shared) */
.feature-card, .premium-card, .elite-premium-card, .scheme-card, .pmc-widget-wrapper { position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
.feature-card:hover, .premium-card:hover, .elite-premium-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 1px 0px rgba(212, 175, 55, 0.3) !important; }
/* END: 4. GLOBAL PREMIUM ANIMATIONS */
/* =========================================
START: 5. SHARED GLOBAL COMPONENTS (DEDUPLICATED)
What it does: Single source of truth for items used on multiple pages.
========================================= */
/* --- A. MASTER FAQ ACCORDION (Centralized for all pages) --- */
.faq-accordion-container { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px; }
.faq-accordion-item { background: #ffffff; border: 1px solid rgba(0,33,71,0.08); border-radius: 8px; overflow: hidden; transition: all 0.3s ease; }
.faq-question { width: 100%; text-align: left; background: none; border: none; padding: 20px 25px; font-family: 'Poppins', sans-serif; font-size: 1.05rem; font-weight: 600; color: var(--primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease; }
.faq-question span { display: flex; align-items: center; gap: 10px; }
.faq-question:hover { background: rgba(0,33,71,0.02); }
.faq-icon { transition: transform 0.3s ease; color: var(--accent); }
.faq-accordion-item.active .faq-icon { transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; background: #fafbfe; }
.faq-answer p { padding: 0 25px 25px 25px; color: #555555; font-size: 0.95rem; line-height: 1.7; margin: 0; }
/* --- B. MASTER SUBSIDY / DISCLAIMER WARNING BOX --- */
.subsidy-warning-box, .tax-disclaimer-box { display: flex; background-color: #fbfbfd; border: 1px solid #eeeeee; border-left: 4px solid var(--accent); border-radius: 6px; padding: 16px 20px; margin: 0 auto 30px auto; max-width: 1200px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); align-items: flex-start; gap: 14px; }
.warning-flex-container { display: flex; align-items: flex-start; gap: 14px; }
.warning-icon, .disclaimer-icon { color: var(--accent); font-size: 1.2rem; margin-top: 2px; flex-shrink: 0; }
.disclaimer-icon { background-color: var(--accent); color: #ffffff; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; }
.warning-text-content, .disclaimer-text { font-size: 0.9rem; line-height: 1.55; color: #4a4a4a; }
/* --- C. MASTER WIDGET WRAPPER --- */
.pmc-widget-wrapper { background: #ffffff; border-radius: 12px; padding: 40px; border: 1px solid rgba(0, 33, 71, 0.06); box-shadow: 0 20px 40px rgba(0,0,0,0.08); margin: 20px auto 40px auto; }
.widget-header { text-align: center; margin-bottom: 35px; }
.widget-main-icon { font-size: 2.2rem; color: var(--accent); margin-bottom: 12px; }
.widget-header h3 { font-family: 'Playfair Display', serif; color: var(--primary); font-size: 1.8rem; margin: 5px 0; }
.widget-header p { font-family: 'Poppins', sans-serif; color: var(--text-muted); font-size: 0.95rem; max-width: 600px; margin: 0 auto; }
.input-block label { display: block; font-family: 'Poppins', sans-serif; color: var(--primary); font-weight: 600; font-size: 0.95rem; margin-bottom: 10px; }
.input-block select, .input-block input { width: 100%; padding: 12px 15px; font-family: 'Poppins', sans-serif; border: 1px solid rgba(0, 33, 71, 0.15); background-color: #f8fafd; color: var(--primary); border-radius: 6px; font-size: 0.95rem; outline: none; transition: border-color 0.3s ease; box-sizing: border-box; }
.input-block select:focus, .input-block input:focus { border-color: var(--accent); }
/* --- D. SHARED UTILITY GRIDS --- */
.grid-4col { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.grid-3col { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
/* END: 5. SHARED GLOBAL COMPONENTS */
/* =========================================
START: 6. HEADER, NAVIGATION & DROPDOWNS
What it does: Top sticky navbar and mega menus.
========================================= */
.main-header { background: var(--white); position: fixed; width: 100%; top: 0; left: 0; z-index: 4000; box-shadow: 0 2px 20px rgba(0,0,0,0.05); }
.nav-container { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; height: 85px; }
.logo-area { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.site-logo { height: 60px; width: auto; flex-shrink: 0; }
.logo-text h1 { font-size: 1.4rem; color: var(--primary); margin: 0; text-transform: uppercase; letter-spacing: 1px; }
.logo-sub { font-size: 0.75rem; color: var(--accent); text-transform: uppercase; letter-spacing: 2px; font-weight: 600; display: block; }
.logo-firm { font-size: 0.65rem; color: var(--text-muted); display: block; }
.nav-menu ul { display: flex; list-style: none; gap: 30px; align-items: center; }
.nav-menu ul li a { text-decoration: none; color: var(--primary); font-weight: 500; font-size: 0.95rem; transition: var(--transition); }
.nav-menu ul li a:hover, .nav-menu ul li a.active { color: var(--accent); }
.nav-menu ul li a.active { font-weight: 700 !important; position: relative; }
.nav-menu ul li a.active::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background-color: var(--accent); border-radius: 2px; }
.menu-toggle { display: none; cursor: pointer; flex-direction: column; gap: 5px; z-index: 5001; }
.bar { width: 25px; height: 3px; background: var(--primary); transition: var(--transition); }
.dropdown-parent { position: relative; }
.dropdown-icon { font-size: 0.7rem; margin-left: 5px; transition: transform 0.3s ease; }
.dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); background: var(--white); min-width: 650px; box-shadow: 0 20px 50px rgba(0, 33, 71, 0.15); border-top: 4px solid var(--accent); border-radius: 8px; display: grid !important; grid-template-columns: 1fr 1fr; gap: 5px 20px; padding: 25px; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); list-style: none; z-index: 5000; }
.dropdown-menu li { margin: 0; }
.dropdown-menu li a { padding: 10px 15px; display: block; font-size: 0.9rem; font-weight: 500; color: var(--primary) !important; border-radius: 6px; transition: all 0.3s ease; border-left: 3px solid transparent; }
.dropdown-menu li a:hover { background: rgba(197, 160, 89, 0.08); color: var(--accent) !important; border-left: 3px solid var(--accent); padding-left: 20px; }
/* Touch Fix for iOS */
@media (hover: hover) and (pointer: fine) {
.dropdown-parent:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown-parent:hover .dropdown-icon { transform: rotate(180deg); }
}
.dropdown-parent.is-open .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown-parent.is-open .dropdown-icon { transform: rotate(180deg); }
@media (min-width: 993px) and (max-width: 1250px) {
.dropdown-menu { left: auto; right: -20px; transform: translateY(15px); min-width: 500px; }
@media (hover: hover) and (pointer: fine) { .dropdown-parent:hover .dropdown-menu { transform: translateY(0); } }
.dropdown-parent.is-open .dropdown-menu { transform: translateY(0); }
}
/* END: 6. HEADER, NAVIGATION & DROPDOWNS */
/* =========================================
START: 7. UNIVERSAL FOOTER (Merged V3.7 Updates)
========================================= */
.main-footer { background: #09172A; color: #ffffff; padding: 70px 0 20px 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr !important; gap: 35px; }
.footer-brand h1, .footer-contact h2, .footer-services h2 { color: var(--accent) !important; margin-bottom: 15px; text-transform: uppercase; }
.footer-services h2 { font-size: 1.2rem; font-family: 'Playfair Display', serif; }
.footer-contact p { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.footer-contact p i { color: var(--accent) !important; font-size: 1.1rem; width: 20px; text-align: center; margin-top: 5px; }
.footer-contact p a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.3s ease; }
.footer-contact p a:hover { color: var(--accent); }
.footer-services ul { list-style: none; padding: 0; margin: 0; }
.footer-services ul li { margin-bottom: 12px; }
.footer-services ul li a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.95rem; transition: all 0.3s ease; display: inline-block; }
.footer-services ul li a:hover { color: var(--accent); transform: translateX(6px); }
/* V3.7 Map Radius Update Merged */
.footer-map-container { border-radius: 20px; overflow: hidden; border: 1px solid rgba(197, 160, 89, 0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.footer-logo-img { height: 60px; width: auto; margin-bottom: 15px; }
.all-services-link { color: var(--accent); font-weight: 600; margin-top: 5px; }
/* V3.7 Footer Bottom Consolidation */
.footer-bottom { width: 100%; text-align: center; background-color: #002147; border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 50px; padding: 20px 0; box-sizing: border-box; }
.footer-bottom small { color: #a3b1c2; font-family: 'Poppins', sans-serif; font-size: 0.88rem; letter-spacing: 0.5px; }
.footer-bottom small strong { color: var(--accent); font-weight: 500; }
/* END: 7. UNIVERSAL FOOTER */
/* =========================================
START: 8. BUTTONS & FORMS
========================================= */
.btn-primary { background: var(--primary); color: var(--white) !important; padding: 12px 25px; border-radius: 4px; font-weight: 600; }
.btn-outline { border: 2px solid var(--primary); color: var(--primary); padding: 12px 30px; text-decoration: none; display: inline-block; transition: var(--transition); font-weight: 600; border-radius: 4px; }
.btn-outline:hover { background: var(--primary); color: var(--white); }
/* BACKEND FIX START */
/* Reason: Form error/success states for future Python backend feedback */
.clean-input-group input.is-invalid, .clean-input-group textarea.is-invalid, .clean-select.is-invalid {
border-color: #e84118 !important;
background-color: #fff5f5;
}
.form-feedback-error {
color: #e84118; font-size: 0.85rem; margin-top: 5px; display: none;
}
.form-feedback-success {
background: #f0fdf4; color: #166534; padding: 15px; border-radius: 6px;
border: 1px solid #86efac; margin-bottom: 20px; display: none;
}
/* BACKEND FIX END */
/* END: 8. BUTTONS & FORMS */
/* =========================================
START: 9. PAGE: HOME
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL for Linux server compatibility */
.hero-section {
height: calc(100vh - 85px);
background: linear-gradient(rgba(0,33,71,0.6), rgba(0,33,71,0.6)), url('../image/back-sbck.jpg') center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
/* DEPLOYMENT FIX END */
.animate-text { color: var(--white); font-size: 4rem; opacity: 0; transform: translateY(40px); transition: opacity 1.5s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); text-transform: uppercase; letter-spacing: 5px; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); border-top: 1px solid var(--accent); border-bottom: 1px solid var(--accent); padding: 20px 0; }
.animate-text.reveal { opacity: 1; transform: translateY(0); }
.intro-section { padding: 120px 0; background-color: var(--white); position: relative; }
.elite-premium-card { background: #ffffff; padding: 80px; position: relative; border-radius: 12px; box-shadow: 0 40px 100px rgba(0, 33, 71, 0.04); border: 1px solid rgba(197, 160, 89, 0.2); transition: transform 0.6s var(--transition), box-shadow 0.6s ease; overflow: hidden; }
.elite-premium-card::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(135deg, #C5A059 0%, #F1D38E 50%, #C5A059 100%); }
.elite-premium-card:hover { transform: translateY(-12px); box-shadow: 0 50px 120px rgba(0, 33, 71, 0.1); }
.gold-decor-circle { position: absolute; bottom: -80px; right: -80px; width: 250px; height: 250px; background-color: rgba(197, 160, 89, 0.03); border-radius: 50%; z-index: 1; }
.subheading { font-size: 2.4rem; color: var(--primary); margin-bottom: 25px; font-family: 'Playfair Display', serif; }
.intro-text-body p { font-size: 1.15rem; color: #444; line-height: 1.9; font-style: italic; margin-bottom: 40px; max-width: 90%; border-left: 2px solid #eee; padding-left: 20px; }
.team-section-bg { background-color: #fafafa; padding: 80px 0; }
.premium-heading { font-size: 36px; color: var(--primary); margin-bottom: 20px; position: relative; }
.premium-heading::after { content: ''; display: block; width: 60px; height: 3px; background: var(--accent); margin-top: 10px; }
/* V3.7 Team Layout Update Merged */
.team-container { display: flex; gap: 60px; align-items: center; margin-top: 40px; width: 100%; }
.team-content { flex: 0.8; }
.team-image { flex: 1.2; min-width: 450px; border-radius: 15px; overflow: hidden; box-shadow: 20px 20px 0px var(--primary); display: block; }
.team-image img { width: 100%; display: block; transition: transform 0.5s ease; }
.team-image:hover img { transform: scale(1.1); }
.feature-card { background: var(--white); padding: 40px 30px; text-align: center; border-radius: 8px; border: 1px solid #eee; transition: var(--transition); }
.feature-card:hover { transform: translateY(-10px); box-shadow: var(--shadow); border-color: var(--accent); }
.feature-card i { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; display: block; }
.premium-form { background: var(--primary); padding: 40px; border-radius: 12px; color: var(--white); }
.premium-form h3 { color: var(--accent); margin-bottom: 10px; }
.premium-form input, .premium-form select, .premium-form textarea { width: 100%; padding: 15px; margin-bottom: 15px; border-radius: 4px; border: none; }
.btn-submit { background: var(--accent); color: var(--white); border: none; width: 100%; padding: 15px; font-weight: 700; cursor: pointer; text-transform: uppercase; border-radius: 4px; }
.animate-team-text { display: inline-block; animation: textPulse 3s infinite ease-in-out; }
.infra-tools-bg { background: var(--white); padding: 60px 0; }
.heading-blue-shine { color: var(--primary); font-size: 2.5rem; margin-bottom: 40px; position: relative; display: inline-block; background: linear-gradient(120deg, #002147 0%, #0056b3 50%, #002147 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 3s linear infinite; }
.floating-infra { animation: floating 4s ease-in-out infinite; }
.infra-container { max-width: 800px; margin: 0 auto; background: var(--light); padding: 40px; border-radius: 15px; border-left: 5px solid var(--accent); text-align: left; box-shadow: var(--shadow); }
.infra-item p { font-size: 1.2rem; color: var(--text-main); margin-bottom: 15px; line-height: 1.6; }
.infra-item p strong { color: var(--primary); }
.trust-section-bg { background-color: var(--light); padding: 100px 0; }
.heading-gold-shine { font-size: 2.8rem; font-family: 'Playfair Display', serif; font-weight: 700; margin-bottom: 60px; background: linear-gradient(90deg, #C5A059, #F1D38E, #C5A059); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: goldShine 3s linear infinite; display: inline-block; }
.floating-trust { animation: trustFloat 4s ease-in-out infinite; }
.trust-card { background: var(--white); border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); border: 1px solid rgba(197, 160, 89, 0.1); }
.trust-card:hover { transform: translateY(-10px); border-color: var(--accent); }
.trust-image { height: 200px; overflow: hidden; }
.trust-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.trust-card:hover .trust-image img { transform: scale(1.1); }
.trust-content { padding: 30px; text-align: left; }
.trust-content h4 { color: var(--primary); font-size: 1.4rem; margin-bottom: 15px; }
.trust-content p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; }
/* END: 9. PAGE: HOME */
/* =========================================
START: 10. PAGE: ABOUT
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.about-hero { background: linear-gradient(rgba(0,33,71,0.7), rgba(0,33,71,0.7)), url('../image/back-sbck.jpg') center/cover no-repeat; background-attachment: fixed; }
/* DEPLOYMENT FIX END */
.pointed-lines { list-style: none; padding: 0; }
.pointed-lines li { font-size: 1.15rem; margin-bottom: 18px; display: flex; align-items: flex-start; gap: 15px; color: var(--text-main); }
.pointed-lines i { color: var(--accent); margin-top: 6px; font-size: 0.9rem; }
.partner-card-full { display: flex; gap: 60px; padding: 60px; border-radius: 20px; box-shadow: var(--shadow); margin-bottom: 50px; align-items: center; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.95), #fcfaf5); backdrop-filter: blur(10px); border: 1px solid rgba(197, 160, 89, 0.2); position: relative; overflow: hidden; }
.partner-card-full.reverse { flex-direction: row-reverse; background: #fdfdfd; }
.partner-info { flex: 1.5; }
.partner-photo { flex: 1; overflow: hidden; border-radius: 15px; transition: all 0.5s ease; outline: 1px solid var(--accent); outline-offset: 15px; box-shadow: 25px 25px 0px rgba(0, 33, 71, 0.05); }
.partner-photo img { width: 100%; height: 480px; object-fit: cover; display: block; transition: var(--transition); }
.partner-card-full:hover .partner-photo { outline-offset: 0px; box-shadow: var(--shadow); }
.tag-container { margin: 20px 0 30px 0; display: flex; flex-wrap: wrap; gap: 12px; }
.tag { padding: 6px 16px; border-radius: 4px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; }
.gold-tag { border: 1.5px solid var(--accent); color: var(--accent); background: rgba(197, 160, 89, 0.05); }
.blue-tag { border: 1.5px solid var(--primary); color: var(--primary); background: rgba(0, 33, 71, 0.05); }
.tag:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.2); background: var(--accent); color: white; }
.gold-icon { font-size: 3rem; color: var(--accent); margin-bottom: 20px; display: block; }
.partner-info h2 { background: linear-gradient(90deg, #002147, #C5A059, #002147); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 5s linear infinite; font-size: 2.8rem; }
.partner-card-full::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: var(--accent); transition: all 0.6s ease; transform: translateX(-50%); }
.partner-card-full:hover::after { width: 100%; }
.cta-divider-container { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #002147 0%, #0a1d37 100%); padding: 40px 60px; border-radius: 15px; margin: 60px 0; border-left: 5px solid var(--accent); box-shadow: 0 20px 40px rgba(0, 33, 71, 0.2); }
.cta-content h2 { margin: 0; font-size: 1.8rem; color: #fff; }
.cta-content p { color: rgba(255,255,255,0.7); margin-top: 5px; }
.btn-premium-floating { display: inline-block; padding: 15px 35px; background: var(--accent); color: var(--primary); text-decoration: none; font-weight: 700; border-radius: 50px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); letter-spacing: 1px; }
.btn-premium-floating i { margin-left: 10px; transition: 0.3s; }
.btn-premium-floating:hover { transform: translateY(-8px) scale(1.05); background: #fff; color: var(--primary); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); }
.btn-premium-floating:hover i { transform: translateX(5px); }
/* END: 10. PAGE: ABOUT */
/* =========================================
START: 11. PAGE: SERVICES (AND CARDS)
========================================= */
.services-floating-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; padding: 40px 0; }
.service-item-card { padding: 40px 30px; border-radius: 15px; text-align: center; position: relative; overflow: hidden; opacity: 0; transform: translateY(30px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s ease; }
.service-item-card:hover { will-change: transform, opacity, background-position; transform: translateY(-20px) scale(1.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25); z-index: 10; }
.service-item-card.visible { opacity: 1; transform: translateY(0); }
.service-card-icon { font-size: 2.8rem; margin-bottom: 22px; display: inline-block; }
.service-item-card p { font-weight: 600; font-size: 1.1rem; line-height: 1.5; margin: 0; }
.premium-floating-heading { font-size: 3.2rem; font-family: 'Playfair Display', serif; margin-bottom: 20px; text-align: center; animation: floatVertical 4s ease-in-out infinite; }
.blue-shine { background: linear-gradient(90deg, #002147, #0056b3, #002147); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 4s linear infinite; }
.gold-shine { background: linear-gradient(90deg, #C5A059, #F1D38E, #C5A059); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: goldShine 3s linear infinite; }
/* Service Card Dynamic Colors */
.services-floating-grid .service-item-card:nth-child(3n+1) { background: linear-gradient(120deg, #002147 0%, #004a99 50%, #002147 100%); background-size: 200% auto; animation: shine 4s linear infinite; border-bottom: 4px solid var(--accent); }
.services-floating-grid .service-item-card:nth-child(3n+1) p, .services-floating-grid .service-item-card:nth-child(3n+1) i { background: linear-gradient(90deg, #C5A059, #F1D38E, #C5A059); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: goldShine 3s linear infinite; }
.services-floating-grid .service-item-card:nth-child(3n+2) { background: linear-gradient(120deg, #ffffff 0%, #f0f0f0 50%, #ffffff 100%); background-size: 200% auto; animation: shine 5s linear infinite; border-bottom: 4px solid var(--primary); }
.services-floating-grid .service-item-card:nth-child(3n+2) p, .services-floating-grid .service-item-card:nth-child(3n+2) i { background: linear-gradient(90deg, #C5A059, #b38b43, #C5A059); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: goldShine 3s linear infinite; }
.services-floating-grid .service-item-card:nth-child(3n) { background: linear-gradient(120deg, #C5A059 0%, #F1D38E 50%, #C5A059 100%); background-size: 200% auto; animation: goldShine 4s linear infinite; border-bottom: 4px solid var(--primary); }
.services-floating-grid .service-item-card:nth-child(3n) p, .services-floating-grid .service-item-card:nth-child(3n) i { background: linear-gradient(90deg, #002147, #0056b3, #002147); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 3s linear infinite; }
.bg-gold-infra { background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); border-top: 3px solid var(--accent); padding: 100px 0; position: relative; }
.infra-item-list { display: grid; gap: 20px; margin-top: 30px; }
.infra-item-list p { font-size: 1.1rem; display: flex; align-items: center; gap: 15px; color: var(--primary); font-weight: 500; }
.infra-item-list i { color: var(--accent); font-size: 1.4rem; width: 30px; }
.gold-tool-box { background: var(--white); border: 2px solid var(--accent); padding: 50px; border-radius: 0px; text-align: center; box-shadow: 15px 15px 0px var(--accent); }
.gold-tool-box i { font-size: 4rem; color: var(--primary); margin-bottom: 25px; }
.gold-tool-box h3 { color: var(--primary); font-family: 'Playfair Display', serif; margin-bottom: 15px; }
/* Clickable Interactive Cards with Pill Buttons */
a.service-item-card { position: relative; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 30px; border-radius: 12px; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; }
a.service-item-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0, 33, 71, 0.15); }
a.service-item-card .service-card-icon, a.service-item-card p { transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.more-info-btn { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); padding: 8px 24px; border-radius: 50px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0; white-space: nowrap; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.more-info-btn i { margin-left: 5px; transition: transform 0.3s ease; }
a.service-item-card:hover .service-card-icon, a.service-item-card:hover p { transform: translateY(-15px); }
a.service-item-card:hover .more-info-btn { bottom: 25px; opacity: 1; }
a.service-item-card:hover .more-info-btn i { transform: translateX(4px); }
.card-blue { background: var(--primary); }
.card-blue p, .card-blue .service-card-icon { color: var(--white) !important; }
.card-blue .more-info-btn { background: var(--white); color: var(--primary); }
.card-white { background: var(--white); border: 1px solid rgba(0,0,0,0.05); }
.card-white p { color: var(--text-main) !important; }
.card-white .service-card-icon { color: var(--accent) !important; }
.card-white .more-info-btn { background: linear-gradient(90deg, #C5A059, #F1D38E); color: var(--primary); }
.card-gold { background: #E5D5B5; }
.card-gold p, .card-gold .service-card-icon { color: var(--primary) !important; }
.card-gold .more-info-btn { background: var(--primary); color: var(--white); }
/* END: 11. PAGE: SERVICES */
/* =========================================
START: 12. PAGE: CAREER
========================================= */
.career-intro-text { max-width: 700px; margin: 0 auto 50px auto; color: var(--text-muted); }
.career-card-heading { font-size: 1.5rem; }
.career-dual-layout { padding: 0; display: flex; flex-wrap: wrap; overflow: hidden; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.career-image-panel { flex: 1; min-width: 300px; background: linear-gradient(rgba(0,33,71,0.4), rgba(0,33,71,0.8)), url('../image/Carrer-Sbck.jpeg') center/cover; padding: 60px 40px; display: flex; flex-direction: column; justify-content: center; }
/* DEPLOYMENT FIX END */
.career-panel-heading { font-size: 2.8rem; margin-bottom: 15px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); }
.career-panel-text { color: var(--white); font-size: 1.1rem; max-width: 90%; }
.career-form-panel { flex: 1.2; min-width: 350px; background: var(--primary); padding: 60px 50px; position: relative; }
.form-gold-accent { position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #C5A059, #F1D38E, #C5A059); }
.form-main-heading { font-size: 2rem; margin-bottom: 30px; }
.career-form-transparent { padding: 0; background: transparent; }
.career-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.submit-margin { margin-top: 10px; }
.premium-upload-zone { position: relative; border: 2px dashed rgba(197, 160, 89, 0.6); background: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 30px 20px; text-align: center; margin-bottom: 15px; transition: all 0.3s ease; cursor: pointer; }
.premium-upload-zone:hover { background: rgba(197, 160, 89, 0.1); border-color: var(--accent); }
.premium-upload-zone .upload-icon { font-size: 2.5rem; color: var(--accent); margin-bottom: 15px; }
.premium-upload-zone p { color: var(--white); font-size: 1rem; margin-bottom: 5px; line-height: 1.4; }
.premium-upload-zone .highlight-browse { color: var(--accent); font-weight: 600; text-decoration: underline; }
.premium-upload-zone .upload-formats { font-size: 0.75rem; color: rgba(255, 255, 255, 0.5); display: block; }
.premium-upload-zone .file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; padding: 0; }
.upload-required-note { color: #ff6b6b; font-size: 0.8rem; margin: -10px 0 20px 5px; font-style: italic; }
.premium-select-box { width: 100%; padding: 15px; margin-bottom: 15px; border-radius: 4px; border: none; background: #ffffff; color: var(--text-muted); font-family: 'Poppins', sans-serif; font-size: 1rem; appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 50%; cursor: pointer; }
.premium-select-box:focus { outline: 2px solid var(--accent); }
.btn-premium-submit { background: linear-gradient(90deg, #C5A059 0%, #F1D38E 50%, #C5A059 100%); background-size: 200% auto; color: var(--primary); border: none; width: 100%; padding: 18px; font-weight: 700; cursor: pointer; text-transform: uppercase; border-radius: 6px; font-size: 1.1rem; letter-spacing: 1.5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); transition: all 0.4s ease; margin-top: 15px; display: flex; justify-content: center; align-items: center; gap: 12px; }
.btn-premium-submit:hover { background-position: right center; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.4); color: var(--primary); }
.btn-premium-submit i { font-size: 1.2rem; transition: transform 0.3s ease; }
.btn-premium-submit:hover i { transform: translateX(5px) translateY(-5px); }
/* END: 12. PAGE: CAREER */
/* =========================================
START: 13. PAGE: CONTACT
========================================= */
.contact-mega-card { display: flex; flex-wrap: wrap; background: var(--white); border-radius: 20px; box-shadow: 0 40px 80px rgba(0, 33, 71, 0.12); overflow: hidden; border: 1px solid rgba(197, 160, 89, 0.2); }
.contact-info-side { flex: 1; min-width: 350px; background: var(--primary); padding: 60px; position: relative; display: flex; flex-direction: column; }
.contact-detail-list { margin-bottom: 40px; }
.contact-detail-item { display: flex; align-items: flex-start; margin-bottom: 30px; gap: 20px; }
.contact-detail-item i { font-size: 1.8rem; color: var(--accent); background: rgba(197, 160, 89, 0.1); padding: 15px; border-radius: 50%; transition: all 0.3s ease; }
.contact-detail-item:hover i { background: var(--accent); color: var(--primary); transform: scale(1.1); }
.contact-detail-item h4 { color: var(--accent); font-size: 1.1rem; margin-bottom: 5px; font-family: 'Poppins', sans-serif; }
.contact-detail-item p { color: var(--white); font-size: 0.95rem; line-height: 1.6; }
.contact-side-map { margin-top: auto; width: 100%; height: 250px; border-radius: 12px; overflow: hidden; border: 2px solid rgba(197, 160, 89, 0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.3); transition: all 0.3s ease; }
.contact-side-map:hover { border-color: var(--accent); }
.contact-form-side { flex: 1.3; min-width: 400px; padding: 60px 80px; background: var(--white); }
.clean-contact-form { width: 100%; }
.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.clean-input-group { margin-bottom: 25px; }
.clean-input-group label { display: block; font-size: 0.9rem; color: var(--primary); font-weight: 600; margin-bottom: 8px; }
.clean-input-group input, .clean-input-group textarea, .clean-select { width: 100%; padding: 15px 20px; border: 1px solid #e0e0e0; background: #fcfcfc; border-radius: 8px; font-family: 'Poppins', sans-serif; font-size: 1rem; color: var(--text-main); transition: all 0.3s ease; }
.clean-input-group input:focus, .clean-input-group textarea:focus, .clean-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.1); background: var(--white); }
.clean-select { appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: 50%; cursor: pointer; }
.req-star { color: #e84118; font-weight: 700; margin-left: 3px; font-size: 1rem; }
.form-section-header { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; gap: 15px; }
.gold-line { height: 2px; flex: 1; background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.6), transparent); }
.form-section-title { color: var(--primary); font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.1rem; letter-spacing: 2px; text-transform: uppercase; }
.premium-form-upgrade .clean-input-group input, .premium-form-upgrade .clean-input-group textarea, .premium-form-upgrade .clean-select { border: none; border-bottom: 2px solid #d1d5db; border-radius: 6px 6px 0 0; background: rgba(0, 33, 71, 0.03); padding: 16px 20px; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.premium-form-upgrade .clean-input-group input:focus, .premium-form-upgrade .clean-input-group textarea:focus, .premium-form-upgrade .clean-select:focus { border-bottom: 2px solid var(--accent); background: #ffffff; box-shadow: 0 15px 30px rgba(0, 33, 71, 0.08); transform: translateY(-3px); outline: none; }
.premium-form-upgrade .clean-input-group label { transition: all 0.3s ease; }
.premium-form-upgrade .clean-input-group:focus-within label { color: var(--accent); }
/* END: 13. PAGE: CONTACT */
/* =========================================
START: 14. PAGE: PROJECT MANAGEMENT (PMC) & FINANCING
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced spaces with hyphens in URLs */
.pmc-master-hero { height: 75vh; min-height: 500px; background: linear-gradient(rgba(0,33,71,0.65), rgba(0,33,71,0.9)), url('../image/TRUST- SBCK.jpg') center/cover no-repeat fixed; display: flex; align-items: center; justify-content: center; }
/* DEPLOYMENT FIX END */
.pmc-hero-tag { color: var(--white); letter-spacing: 3px; font-weight: 700; font-size: 1.1rem; display: inline-block; margin: 0 15px; }
.pmc-main-title { font-size: 4.5rem; color: var(--white); font-family: 'Playfair Display', serif; margin: 20px 0; text-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.pmc-hero-sub { font-size: 1.3rem; color: rgba(255,255,255,0.9); font-style: italic; }
.pmc-oversight-container { padding-top: 50px; padding-bottom: 20px; }
.pmc-intro-description { max-width: 900px; margin: 30px auto 0; text-align: center; }
.pmc-intro-description p { color: var(--text-muted); font-size: 1.15rem; line-height: 1.9; margin-bottom: 20px; }
.pmc-split-card { display: flex; background: var(--primary); border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.pmc-split-img { flex: 1; background: url('../image/G SBCK.png') center/cover; min-height: 450px; }
.pmc-split-text { flex: 1; padding: 70px 60px; display: flex; flex-direction: column; justify-content: center; }
.pmc-card-icon { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; opacity: 0.8; }
.heading-white { color: var(--white); font-size: 2.5rem; font-family: 'Playfair Display', serif; margin-bottom: 25px; }
.pmc-split-text p { color: rgba(255,255,255,0.8); line-height: 1.8; font-size: 1.1rem; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.pmc-leverage-section { background: linear-gradient(rgba(23, 146, 126, 0.493), rgba(5, 53, 90, 0.95)), url('../image/Client Partnership.png') center/cover fixed; padding: 100px 0; margin: 50px 0; }
/* DEPLOYMENT FIX END */
.pmc-leverage-flex { display: flex; align-items: center; gap: 60px; flex-wrap: wrap; }
.pmc-leverage-left { flex: 1.5; min-width: 350px; }
.pmc-leverage-left p { color: rgba(255,255,255,0.8); font-size: 1.15rem; line-height: 1.8; margin-top: 25px; }
.pmc-leverage-right { flex: 1; display: flex; justify-content: center; }
.pmc-integration-box { text-align: center; }
.pmc-integration-box i { font-size: 4.5rem; color: var(--white); margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.2)); }
.pmc-integration-box h4 { color: var(--white); font-size: 1.3rem; margin-bottom: 10px; font-weight: 700; }
.pmc-integration-box p { color: rgba(255,255,255,0.6); }
.pmc-laptop-showcase { width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 50px rgba(0, 33, 71, 0.15); margin: 20px 0 60px 0; }
.pmc-laptop-showcase img { width: 100%; height: auto; display: block; object-fit: cover; max-height: 600px; }
.pmc-cta-pill { background: var(--primary); border-radius: 80px; padding: 50px 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-shadow: 0 20px 40px rgba(0,33,71,0.2); margin-bottom: 60px; }
.pmc-cta-info h2 { color: var(--white); font-size: 2.2rem; font-family: 'Playfair Display', serif; margin-bottom: 10px; }
.pmc-cta-info p { color: rgba(255,255,255,0.7); font-size: 1.05rem; }
.pmc-gold-pill-btn { background: linear-gradient(90deg, #E5D5B5, #D4AF37); color: var(--primary); padding: 18px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; display: flex; align-items: center; gap: 15px; white-space: nowrap; transition: transform 0.3s ease; }
.pmc-gold-pill-btn:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }
.pmc-timeline-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pmc-step-card-light, .pmc-step-card-dark { padding: 50px 30px; border-radius: 20px; text-align: center; position: relative; }
.pmc-step-card-light { background: var(--light); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.pmc-step-card-dark { background: var(--primary); box-shadow: 0 20px 40px rgba(0,33,71,0.2); }
.pmc-card-raised { transform: translateY(-20px); }
.pmc-step-num-dark, .pmc-step-num-light { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; }
.pmc-step-num-dark { background: var(--primary); color: var(--white); }
.pmc-step-num-light { background: var(--white); color: var(--primary); border: 4px solid var(--accent); }
.pmc-step-icon { font-size: 2.5rem; color: var(--text-muted); margin-bottom: 20px; }
.pmc-step-icon-white { font-size: 2.5rem; color: var(--white); margin-bottom: 20px; }
.pmc-step-title-blue { font-size: 1.5rem; color: var(--primary); margin-bottom: 15px; font-weight: 700; }
.pmc-step-title-white { font-size: 1.5rem; color: var(--white); margin-bottom: 15px; font-weight: 700; }
.pmc-step-text { color: var(--text-muted); font-size: 0.95rem; }
.pmc-step-text-light { color: rgba(255,255,255,0.8); font-size: 0.95rem; }
/* Financing Overrides */
/* DEPLOYMENT FIX START */
/* Reason: Replaced spaces with hyphens in URLs */
.financing-hero { background: linear-gradient(rgba(0,33,71,0.72), rgba(0,33,71,0.93)), url('../image/adjst sbck.jpg') center/cover no-repeat fixed !important; }
.financing-split .pmc-split-img { background: url('../image/COP SBCK.png') center/cover !important; }
.financing-leverage { background: linear-gradient(rgba(23, 146, 126, 0.55), rgba(5, 53, 90, 0.97)), url('../image/Professional Integrity.png') center/cover fixed !important; }
/* DEPLOYMENT FIX END */
.financing-badge { display: flex; justify-content: center; align-items: center; }
.financing-badge .gold-line { width: 50px !important; flex: none !important; }
.leverage-heading { font-size: 2.8rem !important; }
.timeline-adjustment { padding-bottom: 100px !important; }
.section-header-gap { margin-bottom: 70px !important; }
/* END: 14. PAGE: PROJECT MANAGEMENT (PMC) & FINANCING */
/* =========================================
START: 15. PAGE: MOFPI SUBSIDY
========================================= */
.mofpi-hero { background: linear-gradient(rgba(0,33,71,0.76), rgba(0,33,71,0.95)), url('../image/dng.jpg') center/cover no-repeat fixed !important; }
.mofpi-split .pmc-split-img { background: url('../image/tec.png') center/cover !important; }
.mofpi-leverage { background: linear-gradient(rgba(19, 84, 122, 0.65), rgba(0, 20, 40, 0.98)), url('../image/Grow.png') center/cover fixed !important; }
/* Data Tables & Widget */
.pmc-data-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-family: 'Poppins', sans-serif; background: #ffffff; border-radius: 6px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
.pmc-data-table th, .pmc-data-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid rgba(0,33,71,0.05); }
.pmc-data-table th { background-color: var(--primary); color: var(--white); font-weight: 600; font-size: 0.95rem; }
.pmc-data-table td { color: #444; font-size: 0.9rem; }
.pmc-data-table tr:hover td { background-color: rgba(197, 160, 89, 0.05); }
.widget-body-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.widget-inputs-panel { display: flex; flex-direction: column; gap: 25px; }
.range-display-container { display: flex; align-items: center; gap: 15px; }
.range-display-container input[type="range"] { flex: 1; accent-color: #bfa15f; cursor: pointer; }
.range-val-badge { background: #002147; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 600; padding: 5px 12px; border-radius: 4px; font-size: 0.9rem; min-width: 80px; text-align: center; }
.widget-outputs-panel { background: #f4f7fb; border-left: 4px solid #bfa15f; padding: 35px; border-radius: 0 6px 6px 0; text-align: center; }
.output-metric { display: flex; flex-direction: column; gap: 5px; }
.metric-label { font-family: 'Poppins', sans-serif; color: #555555; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; }
.metric-value-accent { font-family: 'Playfair Display', serif; color: #bfa15f; font-size: 2.4rem; font-weight: 700; }
.output-divider { height: 1px; background: rgba(0, 33, 71, 0.08); margin: 20px 0; }
.output-metric-sub { font-family: 'Poppins', sans-serif; font-size: 0.85rem; color: #666666; }
.output-metric-sub strong { display: block; color: #002147; margin-top: 4px; }
/* -----------------------------------------
FIX: THE SCHEME CARDS SYSTEM (Running Light Animation)
Pattern: Gold -> White -> Gold
----------------------------------------- */
.mofpi-schemes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 40px;
}
/* Base Card Setup for the Running Light Engine */
.scheme-card {
position: relative;
overflow: hidden;
z-index: 1;
padding: 40px 35px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
text-align: left;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.scheme-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,33,71,0.15);
}
/* The Spinning Light Element */
.scheme-card::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
animation: border-rotate 4s linear infinite;
z-index: -2;
}
/* The Inner Card Background */
.scheme-card::after {
content: '';
position: absolute;
inset: 3px; /* This sets the thickness of the running light */
border-radius: 14px;
z-index: -1;
}
/* Pushes the text and icons above the background */
.scheme-card > * {
position: relative;
z-index: 2;
}
/* -----------------------------------------
CARD 1 & 3: GOLD CONTAINER + BLUE LIGHT
----------------------------------------- */
.mofpi-schemes-grid .scheme-card:nth-child(odd)::before {
background: conic-gradient(transparent, transparent, transparent, var(--primary));
}
.mofpi-schemes-grid .scheme-card:nth-child(odd)::after {
background: var(--accent); /* True Gold Background */
}
/* Force text/icons to be Deep Blue for contrast on Gold */
.mofpi-schemes-grid .scheme-card:nth-child(odd) h3,
.mofpi-schemes-grid .scheme-card:nth-child(odd) p,
.mofpi-schemes-grid .scheme-card:nth-child(odd) i {
color: var(--primary) !important;
}
/* -----------------------------------------
CARD 2: WHITE CONTAINER + GOLD LIGHT
----------------------------------------- */
.mofpi-schemes-grid .scheme-card:nth-child(even)::before {
background: conic-gradient(transparent, transparent, transparent, var(--accent));
}
.mofpi-schemes-grid .scheme-card:nth-child(even)::after {
background: #ffffff; /* White Background */
}
/* Force text/icons to be Gold & Blue for contrast on White */
.mofpi-schemes-grid .scheme-card:nth-child(even) h3,
.mofpi-schemes-grid .scheme-card:nth-child(even) i {
color: var(--accent) !important;
}
.mofpi-schemes-grid .scheme-card:nth-child(even) p {
color: var(--text-muted) !important;
}
/* General Typography Sizes */
.scheme-icon { font-size: 2.5rem; margin-bottom: 20px; display: block; }
.scheme-card h3 { font-family: 'Playfair Display', serif; font-size: 1.4rem; margin-bottom: 12px; font-weight: 700; }
.scheme-card p { font-family: 'Poppins', sans-serif; font-size: 0.95rem; line-height: 1.6; margin: 0; }
/* END: 15. PAGE: MOFPI SUBSIDY */
/* =========================================
START: 16. PAGE: TURNKEY SOLUTIONS & HUB
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.turnkey-hero { background: linear-gradient(rgba(0,33,71,0.76), rgba(0,33,71,0.95)), url('../image/DREAM SBCK.jpg') center/cover no-repeat fixed !important; }
/* DEPLOYMENT FIX END */
.turnkey-split .pmc-split-img { background: url('../image/tec.png') center/cover !important; }
.turnkey-leverage { background: linear-gradient(rgba(19, 84, 122, 0.65), rgba(0, 20, 40, 0.98)), url('../image/Rupees.jpg') center/cover fixed !important; }
.turnkey-capabilities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 35px; margin-top: 25px; }
.turnkey-capabilities-grid .scheme-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.05); padding: 45px 35px; border-radius: 4px; text-align: left; box-shadow: 0 12px 35px rgba(0,0,0,0.01); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; }
.turnkey-capabilities-grid .scheme-card:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(0, 33, 71, 0.07); border-color: rgba(191, 161, 95, 0.25); }
.turnkey-capabilities-grid .scheme-icon { font-size: 2.3rem; color: #bfa15f; margin-bottom: 25px; display: inline-block; }
.turnkey-capabilities-grid .scheme-card h3 { font-family: 'Poppins', sans-serif; color: #002147; font-size: 1.35rem; font-weight: 600; margin-bottom: 15px; letter-spacing: -0.3px; }
.turnkey-capabilities-grid .scheme-card p { font-family: 'Poppins', sans-serif; color: #666666; font-size: 0.95rem; line-height: 1.65; margin: 0; }
.turnkey-interactive-hub { padding-top: 50px; padding-bottom: 90px; }
.timeline-interactive-engine { display: grid; grid-template-columns: 1fr 1.3fr; gap: 50px; margin-top: 55px; background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.06); border-radius: 8px; padding: 40px; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.02); }
.timeline-navigation-column { display: flex; flex-direction: column; gap: 15px; position: relative; }
.timeline-navigation-column::before { content: ''; position: absolute; left: 27px; top: 30px; bottom: 30px; width: 2px; background: rgba(0, 33, 71, 0.06); z-index: 1; }
.timeline-nav-item { display: flex; align-items: center; gap: 20px; padding: 20px; border-radius: 6px; cursor: pointer; background: transparent; z-index: 2; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.timeline-nav-item:hover { background: rgba(0, 33, 71, 0.02); }
.node-circle { width: 54px; height: 54px; border-radius: 50%; background: #ffffff; border: 2px solid rgba(0, 33, 71, 0.1); color: #002147; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.node-title-meta h4 { font-family: 'Poppins', sans-serif; color: #444444; font-size: 1.05rem; font-weight: 600; margin: 0 0 4px 0; transition: color 0.3s ease; }
.node-title-meta small { font-family: 'Poppins', sans-serif; color: #888888; font-size: 0.82rem; display: block; }
.timeline-nav-item.active { background: rgba(0, 33, 71, 0.03); border-left: 3px solid #bfa15f; }
.timeline-nav-item.active .node-circle { background: #002147; border-color: #002147; color: #bfa15f; box-shadow: 0 0 0 6px rgba(0, 33, 71, 0.08); }
.timeline-nav-item.active .node-title-meta h4 { color: #002147; }
.timeline-display-column { background: rgba(0, 33, 71, 0.02); border: 1px solid rgba(0, 33, 71, 0.02); border-radius: 6px; padding: 50px 40px; position: relative; display: flex; align-items: center; }
.display-panel { display: none; opacity: 0; transform: translateY(15px); transition: all 0.4s ease; }
.display-panel.active { display: block; opacity: 1; transform: translateY(0); }
.panel-icon-badge { font-size: 2.6rem; color: #bfa15f; margin-bottom: 25px; }
.display-panel h3 { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: #002147; margin-bottom: 15px; font-weight: 700; }
.panel-lead { font-family: 'Poppins', sans-serif; font-size: 1rem; color: #555555; line-height: 1.6; margin-bottom: 25px; }
.panel-bullet-points { list-style: none; padding: 0; margin: 0; }
.panel-bullet-points li { font-family: 'Poppins', sans-serif; font-size: 0.92rem; color: #666666; margin-bottom: 14px; display: flex; align-items: flex-start; gap: 12px; line-height: 1.5; }
.panel-bullet-points li i { color: #002147; margin-top: 3px; font-size: 1rem; }
/* END: 16. PAGE: TURNKEY SOLUTIONS & HUB */
/* =========================================
START: 17. PAGE: AUDIT & ASSURANCE
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.audit-hero { background: linear-gradient(rgba(0,33,71,0.75), rgba(0,25,50,0.92)), url('../image/Laptop meet.jpg') center/cover no-repeat fixed !important; }
/* DEPLOYMENT FIX END */
.audit-split .pmc-split-img { background: url('../image/sbckimg.png') center/cover !important; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.audit-leverage { background: linear-gradient(rgba(19, 84, 122, 0.70), rgba(0, 20, 40, 0.95)), url('../image/CST Sbck.jpg') center/cover fixed !important; }
/* DEPLOYMENT FIX END */
.audit-calc-form { display: flex; flex-direction: column; gap: 20px; }
.calc-submit-btn { width: 100%; justify-content: center; border: none; cursor: pointer; margin-top: 10px; }
.audit-result-box { margin-top: 20px; padding: 20px; border-radius: 8px; font-size: 1rem; font-weight: 700; display: none; text-align: center; line-height: 1.6; animation: fadeIn 0.4s ease forwards; }
/* END: 17. PAGE: AUDIT & ASSURANCE */
/* =========================================
START: 18. PAGE: TAXATION (DIRECT & INDIRECT)
========================================= */
.taxation-hero { background: linear-gradient(rgba(0,33,71,0.8), rgba(0,33,71,0.95)), url('../image/Tax.jpg') center/cover no-repeat fixed !important; }
.tax-split-container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.tax-service-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.08); border-radius: 12px; padding: 45px 40px; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tax-service-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0,33,71,0.08); }
.tax-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,33,71,0.1); }
.tax-card-header i { font-size: 2.5rem; color: var(--accent); }
.tax-card-header h3 { font-family: 'Playfair Display', serif; font-size: 1.8rem; color: var(--primary); margin: 0; }
.tax-feature-list { list-style: none; padding: 0; margin: 0; }
.tax-feature-list li { font-size: 0.95rem; color: #555; line-height: 1.7; margin-bottom: 20px; position: relative; padding-left: 20px; }
.tax-feature-list li::before { content: "•"; color: var(--accent); font-size: 1.5rem; position: absolute; left: 0; top: -4px; }
.tax-feature-list li strong { color: var(--primary); }
.compliance-rules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.rule-box { background: #f8fafd; border-left: 4px solid var(--accent); padding: 30px 25px; border-radius: 6px; transition: background 0.3s ease; }
.rule-box:hover { background: #f0f4f9; }
.rule-box i { font-size: 2rem; color: var(--primary); margin-bottom: 15px; }
.rule-box h4 { font-family: 'Poppins', sans-serif; color: var(--primary); font-size: 1.1rem; margin-bottom: 10px; }
.rule-box p { font-size: 0.9rem; color: #666; line-height: 1.6; }
.tax-calendar-hub { box-shadow: 0 10px 40px rgba(0,0,0,0.05); border: none; background: #fafbfe; }
.tax-calendar-hub .timeline-nav-item { background: transparent; }
.tax-calendar-hub .timeline-nav-item.active { background: #fff; border-left: 3px solid #c5a059; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }
.tax-calendar-hub .timeline-nav-item.active .node-circle { background: #002147; color: #c5a059; border: none; }
.tax-calendar-hub .timeline-display-column { background: #ffffff; border-left: 1px solid #f0f0f0; }
.calculator-outer-section { background-color: #ffffff; padding: 60px 0; }
.calculator-wrapper { max-width: 800px; margin: 0 auto; background: #111111; border-radius: 12px; padding: 40px; color: #fff; font-family: 'Poppins', sans-serif; box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
.calc-header h2 { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; margin-bottom: 30px; color: #ffffff; }
.calc-table-area { margin-bottom: 40px; }
.calc-row { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #2a2a2a; font-size: 0.95rem; color: #cccccc; }
.calc-header-row { font-weight: 600; color: #ffffff; border-bottom: 2px solid #333333; }
.calc-col-val { font-family: monospace; font-size: 1.05rem; }
.calc-middle-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; padding: 20px 0; border-bottom: 1px solid #2a2a2a; }
.calc-summary-left, .calc-summary-right { text-align: center; }
.sum-title { font-size: 0.9rem; color: #999999; margin-bottom: 8px; }
.sum-val { font-size: 1.2rem; font-family: monospace; color: #ffffff; }
.calc-donut-container { position: relative; display: flex; flex-direction: column; align-items: center; }
.donut-chart { width: 180px; height: 180px; border-radius: 50%; background: conic-gradient(#4ade80 0% 9%, #60a5fa 9% 100%); position: relative; margin-bottom: 15px; }
.donut-inner { position: absolute; inset: 22px; background: #111111; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.donut-text { text-align: center; }
.d-label { display: block; font-size: 0.7rem; color: #999999; letter-spacing: 1px; margin-bottom: 4px; }
.d-val { display: block; font-size: 1.5rem; font-weight: 700; color: #ffffff; }
.donut-legend { display: flex; gap: 20px; font-size: 0.8rem; color: #666666; }
.calc-controls-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.calc-control-group { display: flex; align-items: center; justify-content: space-between; }
.calc-control-group label { font-size: 0.9rem; color: #aaaaaa; }
.control-input-area { display: flex; align-items: center; gap: 15px; }
.control-input-area input[type="range"] { width: 100px; accent-color: #60a5fa; cursor: pointer; }
.control-input-area input[type="number"] { width: 80px; background: #222222; border: 1px solid #333333; color: #ffffff; padding: 8px 10px; border-radius: 6px; font-family: monospace; font-size: 0.95rem; text-align: center; outline: none; }
.tax-resources-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.resource-card { display: block; background: #f8fafd; border: 1px solid rgba(0,33,71,0.05); padding: 40px 30px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; text-align: center; }
.resource-card:hover { background: #ffffff; box-shadow: 0 15px 35px rgba(0,33,71,0.08); transform: translateY(-5px); }
.resource-card i { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; }
.resource-card h3 { color: var(--primary); font-size: 1.2rem; margin-bottom: 15px; }
.resource-card p { color: #666666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 20px; }
.resource-link { color: var(--primary); font-weight: 600; font-size: 0.9rem; }
/* END: 18. PAGE: TAXATION */
/* =========================================
START: 19. PAGE: INTERNATIONAL TAXATION
========================================= */
.int-tax-hero { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.95)), url('../image/dng.jpg') center/cover no-repeat fixed !important; }
.int-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 30px; }
.int-service-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.06); border-radius: 8px; padding: 35px 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.int-service-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,33,71,0.08); border-color: rgba(197, 160, 89, 0.3); }
.int-service-card i { font-size: 2.2rem; color: var(--accent); margin-bottom: 20px; display: block; }
.int-service-card h4 { font-family: 'Poppins', sans-serif; font-size: 1.15rem; color: var(--primary); margin-bottom: 12px; }
.int-service-card p { font-size: 0.9rem; color: #666; line-height: 1.6; margin: 0; }
.int-rules-section { background: linear-gradient(rgba(0, 20, 40, 0.92), rgba(0, 33, 71, 0.98)), url('../image/headimg.jpg') center/cover fixed !important; padding: 80px 0; }
.rule-box-dark { background: rgba(255,255,255,0.03); border: 1px solid rgba(197, 160, 89, 0.2); padding: 30px 25px; border-radius: 8px; backdrop-filter: blur(4px); transition: background 0.3s ease; }
.rule-box-dark:hover { background: rgba(197, 160, 89, 0.1); }
.rule-box-dark i { font-size: 2rem; color: var(--accent); margin-bottom: 15px; }
.rule-box-dark h4 { font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 1.1rem; margin-bottom: 10px; }
.rule-box-dark p { font-size: 0.9rem; color: rgba(255,255,255,0.75); line-height: 1.6; }
.int-forms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 30px; }
.form-card { background: #fbfbfc; border-left: 4px solid var(--primary); padding: 30px 25px; border-radius: 6px; transition: all 0.3s ease; }
.form-card:hover { background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-left-color: var(--accent); }
.form-icon { display: inline-block; background: rgba(0, 33, 71, 0.05); color: var(--primary); font-weight: 700; font-size: 0.9rem; padding: 6px 12px; border-radius: 4px; margin-bottom: 15px; letter-spacing: 1px; }
.form-card:hover .form-icon { background: var(--accent); color: #fff; }
.form-card h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 10px; }
.form-card p { font-size: 0.9rem; color: #555; line-height: 1.6; }
.int-split-bottom-layout, .global-split-bottom-layout { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; }
.int-resources-list, .global-resources-list { display: flex; flex-direction: column; gap: 15px; }
.int-resource-card, .global-resource-card { display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid rgba(0,33,71,0.06); padding: 20px 25px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.int-resource-card:hover, .global-resource-card:hover { box-shadow: 0 10px 25px rgba(0,33,71,0.06); border-color: rgba(197, 160, 89, 0.4); transform: translateX(5px); }
.int-resource-card i, .global-resource-card i { font-size: 2rem; color: var(--accent); flex-shrink: 0; }
.int-resource-card h3, .global-resource-card h3 { color: var(--primary); font-size: 1.05rem; margin-bottom: 5px; }
.int-resource-card p, .global-resource-card p { color: #666; font-size: 0.85rem; margin: 0; }
/* END: 19. PAGE: INTERNATIONAL TAXATION */
/* =========================================
START: 20. PAGE: GLOBAL ACCOUNTING
========================================= */
.global-hero { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.95)), url('../image/compsbck.jpg') center/cover no-repeat fixed !important; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.global-security-section { background: linear-gradient(rgba(0, 20, 40, 0.95), rgba(0, 33, 71, 0.98)), url('../image/F-sbck.jpg') center/cover fixed !important; padding: 80px 0; }
/* DEPLOYMENT FIX END */
.trust-box-dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(197, 160, 89, 0.25); padding: 35px 25px; border-radius: 8px; backdrop-filter: blur(5px); transition: background 0.3s ease, transform 0.3s ease; text-align: center; }
.trust-box-dark:hover { background: rgba(197, 160, 89, 0.12); transform: translateY(-5px); }
.trust-box-dark i { font-size: 2.2rem; color: var(--accent); margin-bottom: 20px; }
.trust-box-dark h4 { font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 1.1rem; margin-bottom: 12px; }
.trust-box-dark p { font-size: 0.9rem; color: rgba(255,255,255,0.75); line-height: 1.6; }
.global-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
.global-service-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.06); border-radius: 8px; padding: 40px 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); transition: transform 0.3s ease, box-shadow 0.3s ease; border-bottom: 4px solid transparent; }
.global-service-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,33,71,0.08); border-bottom-color: var(--accent); }
.global-service-card i { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; display: block; }
.global-service-card:hover i { color: var(--accent); }
.global-service-card h4 { font-family: 'Poppins', sans-serif; font-size: 1.15rem; color: var(--primary); margin-bottom: 12px; }
.global-service-card p { font-size: 0.95rem; color: #555; line-height: 1.6; margin: 0; }
.table-responsive-container { overflow-x: auto; margin-top: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); border-radius: 8px; }
.global-comparison-table { width: 100%; border-collapse: collapse; font-family: 'Poppins', sans-serif; background: #ffffff; min-width: 600px; }
.global-comparison-table th, .global-comparison-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid rgba(0,33,71,0.06); }
.global-comparison-table th { background-color: var(--primary); color: var(--accent); font-weight: 600; font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.5px; }
.global-comparison-table td { color: #444; font-size: 0.95rem; vertical-align: middle; }
.global-comparison-table tr:hover td { background-color: rgba(197, 160, 89, 0.05); }
.global-comparison-table td strong { color: var(--primary); }
.regulatory-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 30px; }
.reg-card { background: #fbfbfc; border-left: 4px solid var(--accent); padding: 30px 25px; border-radius: 6px; transition: all 0.3s ease; }
.reg-card:hover { background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.06); }
.reg-icon { display: inline-block; background: var(--primary); color: #ffffff; font-weight: 700; font-size: 0.9rem; padding: 6px 14px; border-radius: 4px; margin-bottom: 15px; letter-spacing: 1px; }
.reg-card h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 10px; }
.reg-card p { font-size: 0.9rem; color: #555; line-height: 1.6; }
/* END: 20. PAGE: GLOBAL ACCOUNTING */
/* =========================================
START: 21. PAGE: INVENTORY MANAGEMENT & AUDIT
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.inventory-hero { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.95)), url('../image/Client Partnership.png') center/cover no-repeat fixed !important; }
/* DEPLOYMENT FIX END */
.inv-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
.inv-service-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.08); border-radius: 12px; padding: 35px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; }
.inv-service-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--accent); transform: scaleX(0); transition: transform 0.3s ease; }
.inv-service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,33,71,0.08); }
.inv-service-card:hover::before { transform: scaleX(1); }
.inv-icon { width: 70px; height: 70px; background: #f8fafd; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; font-size: 1.8rem; color: var(--primary); transition: background 0.3s ease, color 0.3s ease; }
.inv-service-card:hover .inv-icon { background: var(--primary); color: #ffffff; }
.inv-service-card h4 { font-family: 'Poppins', sans-serif; font-size: 1.15rem; color: var(--primary); margin-bottom: 15px; }
.inv-service-card p { font-size: 0.95rem; color: #555; line-height: 1.6; margin: 0; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.inv-dark-section { background: linear-gradient(rgba(0, 20, 40, 0.95), rgba(0, 33, 71, 0.98)), url('../image/stc sbck.jpg') center/cover fixed !important; padding: 80px 0; margin-top: 60px; }
/* DEPLOYMENT FIX END */
.inv-tab-container { max-width: 1000px; margin: 40px auto 0 auto; }
.inv-tab-buttons { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap; }
.inv-tab-btn { background: rgba(255,255,255,0.05); border: 1px solid rgba(197, 160, 89, 0.3); color: #ffffff; padding: 14px 25px; border-radius: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: all 0.3s ease; }
.inv-tab-btn:hover { background: rgba(197, 160, 89, 0.2); }
.inv-tab-btn.active { background: var(--accent); color: #002147; border-color: var(--accent); box-shadow: 0 0 15px rgba(197, 160, 89, 0.4); }
.inv-tab-content { display: none; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 40px; backdrop-filter: blur(5px); animation: fadeIn 0.4s ease-in-out; }
.inv-tab-content.active { display: block; }
.inv-tab-content h3 { color: var(--accent); font-size: 1.5rem; margin-bottom: 25px; display: flex; align-items: center; gap: 12px; }
.inv-tab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.inv-tab-box h4 { color: #ffffff; font-size: 1.1rem; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
.inv-tab-box p { color: rgba(255,255,255,0.75); font-size: 0.95rem; line-height: 1.6; }
.inv-industry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 25px; }
.inv-ind-card { background: #fbfbfc; border-left: 4px solid var(--primary); padding: 30px 25px; border-radius: 6px; transition: all 0.3s ease; }
.inv-ind-card:hover { background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.06); border-left-color: var(--accent); }
.inv-ind-card i { font-size: 2.2rem; color: var(--primary); margin-bottom: 15px; }
.inv-ind-card h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 10px; }
.inv-ind-card p { font-size: 0.9rem; color: #555; line-height: 1.6; }
.inv-erp-banner { background: var(--primary); border-radius: 12px; padding: 40px; margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-shadow: 0 20px 40px rgba(0,33,71,0.15); }
.erp-text { flex: 1; }
.erp-text h3 { color: var(--accent); font-size: 1.5rem; margin-bottom: 15px; }
.erp-text p { color: #ffffff; font-size: 0.95rem; line-height: 1.6; margin: 0; }
.erp-logos { display: flex; flex-wrap: wrap; gap: 15px; flex: 1; justify-content: center; }
.erp-logos span { background: rgba(255,255,255,0.1); color: #ffffff; padding: 10px 20px; border-radius: 30px; font-size: 0.9rem; font-weight: 600; border: 1px solid rgba(255,255,255,0.2); }
.inv-process-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.inv-step-card { background: #ffffff; border: 1px solid rgba(0, 33, 71, 0.08); border-radius: 12px; padding: 40px 25px 25px 25px; position: relative; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.02); }
.step-number { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 45px; height: 45px; background: var(--primary); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; border: 4px solid #ffffff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.inv-step-card h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 12px; }
.inv-step-card p { font-size: 0.9rem; color: #666; line-height: 1.6; }
.inv-resources-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.inv-resource-card { display: block; background: #f8fafd; border: 1px solid rgba(0,33,71,0.05); padding: 40px 30px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; text-align: center; }
.inv-resource-card:hover { background: #ffffff; box-shadow: 0 15px 35px rgba(0,33,71,0.08); transform: translateY(-5px); }
.inv-resource-card i { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; }
.inv-resource-card h3 { color: var(--primary); font-size: 1.2rem; margin-bottom: 15px; }
.inv-resource-card p { color: #666666; font-size: 0.95rem; line-height: 1.5; margin: 0; }
.inv-cta-banner, .acc-cta-banner { background: linear-gradient(135deg, var(--primary), #1a365d); border-radius: 16px; padding: 60px 40px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.inv-cta-banner::after, .acc-cta-banner::after { content: ""; position: absolute; bottom: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(197, 160, 89, 0.2) 0%, transparent 70%); }
.cta-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.cta-content h2 { color: #ffffff; font-size: 2rem; font-family: 'Playfair Display', serif; margin-bottom: 15px; }
.cta-content p { color: rgba(255,255,255,0.8); font-size: 1rem; line-height: 1.6; margin-bottom: 30px; }
.inv-btn-primary, .acc-btn-primary { display: inline-block; background: var(--accent); color: #002147; padding: 16px 32px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }
.inv-btn-primary:hover, .acc-btn-primary:hover { background: #d9b872; transform: translateY(-3px); box-shadow: 0 15px 25px rgba(197, 160, 89, 0.4); }
.inv-btn-primary i, .acc-btn-primary i { margin-left: 8px; }
/* END: 21. PAGE: INVENTORY MANAGEMENT & AUDIT */
/* =========================================
START: 22. PAGE: ACCOUNTING & BOOKKEEPING
========================================= */
.accounting-hero { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.95)), url('../image/Tax.jpg') center/cover no-repeat fixed !important; }
.acc-bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(180px, auto); gap: 20px; margin-top: 30px; }
.acc-bento-card { background: #ffffff; border: 1px solid rgba(0,33,71,0.06); border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.acc-bento-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,33,71,0.08); }
.card-tall { grid-row: span 2; background: linear-gradient(145deg, #f8fafd, #ffffff); border-left: 4px solid var(--accent); }
.card-wide { grid-column: span 2; }
.acc-bento-card i { font-size: 2rem; color: var(--accent); margin-bottom: 15px; display: block; }
.acc-bento-card h4 { font-family: 'Poppins', sans-serif; font-size: 1.1rem; color: var(--primary); margin-bottom: 10px; }
.acc-bento-card p { font-size: 0.9rem; color: #666; line-height: 1.6; margin: 0; }
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.acc-why-section { background: linear-gradient(rgba(0, 20, 40, 0.95), rgba(0, 33, 71, 0.98)), url('../image/PROJECT-M.jpg') center/cover fixed !important; padding: 80px 0; }
/* DEPLOYMENT FIX END */
.acc-split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.acc-compliance-list { list-style: none; padding: 0; margin: 0; }
.acc-compliance-list li { display: flex; gap: 20px; margin-bottom: 25px; align-items: flex-start; }
.acc-compliance-list li i { font-size: 1.8rem; color: var(--accent); margin-top: 5px; }
.acc-compliance-list li strong { display: block; color: #ffffff; font-size: 1.1rem; margin-bottom: 5px; font-family: 'Poppins', sans-serif; }
.acc-compliance-list li span { color: rgba(255,255,255,0.75); font-size: 0.95rem; line-height: 1.6; }
.acc-split-image { width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.3); border: 4px solid rgba(197, 160, 89, 0.3); }
.acc-feature-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.acc-feature-img:hover { transform: scale(1.05); }
.acc-tech-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px; }
.tech-badge { background: #ffffff; border: 1px solid rgba(0,33,71,0.08); padding: 15px 30px; border-radius: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; color: var(--primary); box-shadow: 0 5px 15px rgba(0,0,0,0.03); display: flex; align-items: center; gap: 12px; transition: all 0.3s ease; }
.tech-badge i { color: var(--accent); font-size: 1.2rem; }
.tech-badge:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,33,71,0.08); border-color: rgba(197, 160, 89, 0.5); }
.acc-tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; align-items: center; }
.acc-tier-card { background: #ffffff; border: 1px solid rgba(0,33,71,0.08); border-radius: 12px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.02); position: relative; transition: transform 0.3s ease; }
.acc-tier-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,33,71,0.08); }
.tier-highlight { border: 2px solid var(--accent); transform: scale(1.05); box-shadow: 0 20px 40px rgba(0,33,71,0.08); z-index: 2; }
.tier-highlight:hover { transform: scale(1.05) translateY(-8px); }
.tier-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--accent); color: #002147; font-weight: 700; font-size: 0.8rem; padding: 6px 15px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; }
.tier-icon { width: 70px; height: 70px; background: #f8fafd; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; font-size: 1.8rem; color: var(--primary); }
.tier-highlight .tier-icon { background: var(--primary); color: #ffffff; }
.acc-tier-card h3 { color: var(--primary); font-size: 1.2rem; margin-bottom: 15px; }
.acc-tier-card p { font-size: 0.95rem; color: #666; line-height: 1.6; }
.acc-bubble-faq-container { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.acc-bubble-faq-item { background: #ffffff; border: none; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); overflow: hidden; transition: all 0.3s ease; }
.acc-bubble-faq-item.active { box-shadow: 0 12px 35px rgba(0,33,71,0.1); }
.acc-bubble-question { width: 100%; text-align: left; background: none; border: none; padding: 22px 30px; font-family: 'Poppins', sans-serif; font-size: 1.05rem; font-weight: 600; color: var(--primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease; }
.acc-bubble-question span { display: flex; align-items: center; gap: 12px; }
.acc-bubble-question i:first-child { color: var(--accent); font-size: 1.2rem; }
.acc-bubble-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; background: #ffffff; }
.acc-bubble-answer p { padding: 0 30px 25px 30px; color: #555555; font-size: 0.95rem; line-height: 1.7; margin: 0; border-top: 1px dashed rgba(0,33,71,0.05); padding-top: 20px; }
.acc-resources-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.acc-resource-card { display: block; background: #f8fafd; border: 1px solid rgba(0,33,71,0.05); padding: 40px 30px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; text-align: center; }
.acc-resource-card:hover { background: #ffffff; box-shadow: 0 15px 35px rgba(0,33,71,0.08); transform: translateY(-5px); }
.acc-resource-card i { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; }
.acc-resource-card h3 { color: var(--primary); font-size: 1.2rem; margin-bottom: 15px; }
.acc-resource-card p { color: #666666; font-size: 0.95rem; line-height: 1.5; margin: 0; }
/* END: 22. PAGE: ACCOUNTING & BOOKKEEPING */
/* =========================================
START: 23. PAGE: COMPANY LAW COMPLIANCE
========================================= */
.company-law-hero { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.95)), url('../image/headimg.jpg') center/cover no-repeat fixed; padding: 140px 0 100px 0; text-align: center; }
.law-intro-box { background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 15px 35px rgba(0,33,71,0.06); margin-top: -50px; position: relative; z-index: 10; border-top: 4px solid var(--accent); }
.law-intro-box p { font-size: 1.05rem; color: #444; line-height: 1.8; margin: 0; }
.law-bento-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 40px; }
.law-card { padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
.law-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.law-card i { font-size: 2.5rem; margin-bottom: 20px; }
.law-card h4 { font-family: 'Poppins', sans-serif; font-size: 1.2rem; margin-bottom: 12px; font-weight: 700; }
.law-card p { font-size: 0.95rem; line-height: 1.6; margin: 0; }
.bg-blue { background: var(--primary); color: var(--accent); }
.bg-blue h4, .bg-blue p, .bg-blue i { color: var(--accent); }
.bg-white { background: #ffffff; border: 1px solid rgba(0,33,71,0.08); }
.bg-white h4, .bg-white i { color: var(--accent); }
.bg-white p { color: var(--primary); }
.bg-gold { background: var(--accent); color: var(--primary); }
.bg-gold h4, .bg-gold p, .bg-gold i { color: var(--primary); }
.law-statutory-section { background: linear-gradient(to right, #f8fafd, #ffffff); padding: 80px 0; margin-top: 60px; }
.law-split-layout { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
.law-image-wrapper { position: relative; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,33,71,0.15); }
.growth-image { width: 100%; border-radius: 16px; display: block; }
.image-overlay-badge { position: absolute; top: -20px; right: -20px; background: var(--accent); color: var(--primary); font-weight: 700; padding: 15px 25px; border-radius: 30px; font-size: 1.1rem; box-shadow: 0 10px 20px rgba(197, 160, 89, 0.4); }
.law-subtext { font-size: 1.05rem; color: #555; margin-bottom: 30px; }
.law-rules-list { display: flex; flex-direction: column; gap: 20px; }
.rule-item { display: flex; gap: 20px; background: #ffffff; padding: 20px; border-radius: 12px; border-left: 4px solid var(--accent); box-shadow: 0 5px 15px rgba(0,0,0,0.03); }
.rule-item i { font-size: 1.8rem; color: var(--primary); margin-top: 5px; }
.rule-item div { font-size: 0.95rem; color: #444; line-height: 1.6; }
.rule-item strong { color: var(--primary); font-size: 1.05rem; display: block; margin-bottom: 5px; }
.project-map-container { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 60px 0; max-width: 1100px; margin: 0 auto; }
.map-line-background { position: absolute; top: 50%; left: 5%; right: 5%; height: 4px; background: rgba(197, 160, 89, 0.3); z-index: 1; transform: translateY(-50%); }
.map-step { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 22%; }
.map-dot { width: 60px; height: 60px; background: var(--primary); color: var(--accent); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 1.2rem; border: 4px solid #ffffff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-bottom: 20px; transition: transform 0.3s ease; }
.map-card { background: #ffffff; padding: 25px 20px; border-radius: 12px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-top: 3px solid var(--accent); }
.map-step:hover .map-dot { transform: scale(1.1); background: var(--accent); color: var(--primary); }
.map-card h4 { color: var(--primary); margin-bottom: 10px; font-size: 1.1rem; }
.map-card p { font-size: 0.85rem; color: #666; line-height: 1.5; margin: 0; }
.map-step.up .map-card { transform: translateY(-20px); }
.map-step.down .map-card { transform: translateY(20px); }
.law-links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }
.law-link-card { display: flex; align-items: center; gap: 20px; background: #f8fafd; border: 1px solid rgba(0,33,71,0.08); padding: 25px; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; }
.law-link-card:hover { background: var(--primary); transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,33,71,0.15); }
.law-link-card i { font-size: 2.2rem; color: var(--accent); }
.law-link-card h4 { color: var(--primary); font-size: 1.05rem; margin-bottom: 5px; transition: color 0.3s ease; }
.law-link-card p { color: #666; font-size: 0.85rem; margin: 0; transition: color 0.3s ease; }
.law-link-card:hover h4, .law-link-card:hover p { color: #ffffff; }
/* END: 23. PAGE: COMPANY LAW COMPLIANCE */
/* =========================================
START: 24. PAGE: GST SERVICES
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.gst-hero-banner { background: linear-gradient(rgba(0,33,71,0.85), rgba(0,33,71,0.98)), url('../image/CST Sbck.jpg') center/cover no-repeat fixed; padding: 150px 0 120px 0; text-align: center; }
/* DEPLOYMENT FIX END */
.gst-intro-box { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; background: #ffffff; padding: 50px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,33,71,0.08); align-items: center; }
.gst-intro-text p { font-size: 1.1rem; color: #444; line-height: 1.8; margin-bottom: 20px; }
.gst-intro-image-container { position: relative; }
.premium-image { width: 100%; border-radius: 15px; position: relative; z-index: 2; box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
.image-gold-frame { position: absolute; top: 20px; right: -20px; width: 100%; height: 100%; border: 4px solid var(--accent); border-radius: 15px; z-index: 1; }
.gst-reforms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.reform-card { background: #ffffff; border: 1px solid rgba(0,33,71,0.08); padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: transform 0.4s ease, box-shadow 0.4s ease; position: relative; overflow: hidden; }
.reform-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,33,71,0.1); }
.reform-icon { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; }
.reform-card h3 { color: var(--primary); font-size: 1.3rem; margin-bottom: 5px; }
.reform-card h4 { color: var(--accent); font-size: 1rem; margin-bottom: 15px; }
.reform-card p { color: #555; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px; }
.solution-box { background: rgba(197, 160, 89, 0.1); border-left: 4px solid var(--accent); padding: 15px; border-radius: 0 8px 8px 0; font-size: 0.9rem; color: var(--primary); }
.highlight-card { border: 2px solid var(--accent); background: linear-gradient(to bottom, #ffffff, #fdfbf7); }
.gst-dark-glass-section { background: linear-gradient(135deg, #001229, #002147); padding: 80px 0; margin-top: 80px; }
.gst-solutions-split { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: center; }
.gst-solutions-list { display: flex; flex-direction: column; gap: 20px; }
.glass-solution-card { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 25px; border-radius: 12px; display: flex; gap: 20px; align-items: flex-start; transition: background 0.3s ease; }
.glass-solution-card:hover { background: rgba(255, 255, 255, 0.1); }
.glass-solution-card i { font-size: 2rem; color: var(--accent); margin-top: 5px; }
.glass-solution-card h4 { color: #ffffff; font-size: 1.15rem; margin-bottom: 8px; }
.glass-solution-card p { color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; line-height: 1.6; margin: 0; }
.gst-tech-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.tech-box { background: #f8fafd; border: 1px solid rgba(0,33,71,0.05); padding: 40px; text-align: center; border-radius: 16px; transition: transform 0.3s ease; }
.tech-box:hover { transform: translateY(-8px); background: #ffffff; box-shadow: 0 15px 35px rgba(0,33,71,0.08); }
.tech-box i { font-size: 3rem; color: var(--primary); margin-bottom: 20px; }
.tech-box h3 { color: var(--primary); margin-bottom: 15px; font-size: 1.2rem; }
.tech-box p { color: #666; font-size: 0.95rem; line-height: 1.6; }
.gst-cta-box { background: linear-gradient(135deg, var(--primary), #001a38); padding: 60px; border-radius: 20px; text-align: center; color: #ffffff; box-shadow: 0 20px 40px rgba(0,0,0,0.15); position: relative; overflow: hidden; }
.gst-cta-box h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: var(--accent); margin-bottom: 15px; }
.gst-cta-box p { font-size: 1.1rem; color: rgba(255,255,255,0.8); max-width: 800px; margin: 0 auto 30px auto; }
.btn-shining-gold { display: inline-block; background: var(--accent); color: var(--primary); padding: 16px 36px; font-size: 1.1rem; font-weight: 700; border-radius: 30px; text-decoration: none; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }
.btn-shining-gold::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); animation: shine-effect 3s infinite; }
@keyframes shine-effect { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }
.btn-shining-gold:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.5); }
.btn-shining-gold i { margin-left: 10px; }
.cta-address { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); }
.cta-address h4 { color: var(--accent); margin-bottom: 10px; }
.cta-address p { font-size: 0.95rem; margin-bottom: 10px; }
/* END: 24. PAGE: GST SERVICES */
/* =========================================
START: 25. PAGE: FINANCIAL ADVISORY (CORRECTED SHINE ENGINES)
What it does: Runs a multi-color border glow that preserves container colors.
========================================= */
.fin-hero { background: radial-gradient(circle at center, rgba(0,33,71,0.85) 0%, rgba(0,18,40,1) 100%), url('../image/headimg.jpg') center/cover no-repeat fixed; padding: 160px 0 120px 0; text-align: center; color: #fff; }
.fin-intro-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; background: #ffffff; padding: 50px; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,33,71,0.06); align-items: center; }
.fin-intro-text h2 { color: var(--primary); font-size: 1.8rem; margin-bottom: 20px; border-bottom: 3px solid var(--accent); display: inline-block; padding-bottom: 10px; }
.fin-intro-text p { color: #555; font-size: 1.05rem; line-height: 1.7; margin-bottom: 15px; }
.fin-premium-img { width: 100%; border-radius: 12px; box-shadow: -15px 15px 0px rgba(197, 160, 89, 0.2); }
.fin-bento-shine-grid { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: auto auto; gap: 25px; }
/* 1. MASTER SHINE WRAPPER CONTAINER */
.shine-effect {
position: relative;
border-radius: 16px;
overflow: hidden;
z-index: 1;
padding: 3px; /* Stays as the precise thickness of your glowing track */
box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}
/* 2. THE ROTATING GRADIENT ENGINE */
.shine-effect::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: conic-gradient(transparent, transparent, transparent, var(--accent));
animation: border-rotate 4s linear infinite;
z-index: -2;
}
/* 3. CONSOLIDATED CHROMATIC INNER BACKDROPS */
/* White Containers -> Retain White Center */
.shine-effect::after {
content: '';
position: absolute;
inset: 3px;
background: #ffffff;
border-radius: 14px;
z-index: -1;
}
/* Deep Blue Containers -> Force Dark Blue Center Override */
.card-blue.shine-effect::after {
background: var(--primary) !important;
}
/* ==========================================================
FIX: TRUE GOLD CONTAINER OVERRIDE
========================================================== */
.card-gold.shine-effect::after {
background: var(--accent) !important;
}
@keyframes border-rotate { 100% { transform: rotate(360deg); } }
.large-box { grid-row: span 2; }
.bento-content { position: relative; padding: 40px; height: 100%; background: transparent; z-index: 2; }
.bento-content h3 { color: var(--primary); font-size: 1.3rem; margin-bottom: 15px; }
.bento-content p { color: #555; line-height: 1.6; font-size: 0.95rem; }
/* Overriding heading colors for blue backgrounds so they stay readable */
.card-blue .bento-content h3,
.card-blue .bento-content p {
color: #ffffff !important;
}
.card-blue .bento-content h3 {
color: var(--accent) !important;
}
/* ==========================================================
FIX: Force the running light to be BLUE on the Gold Card
========================================================== */
.card-gold.shine-effect::before {
background: conic-gradient(transparent, transparent, transparent, var(--primary)) !important;
}
/* Ensure the text and icons on the Gold Card stay Deep Blue */
.card-gold .bento-content h3,
.card-gold .bento-content p,
.card-gold .bento-content i {
color: var(--primary) !important;
}
.fin-dark-section { background: var(--primary); padding: 80px 0; margin-top: 80px; }
.fin-solutions-container { display: flex; flex-direction: column; gap: 50px; }
.fin-solution-group { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(197, 160, 89, 0.2); border-radius: 16px; padding: 40px; }
.solution-title { color: var(--accent); font-size: 1.5rem; margin-bottom: 30px; border-bottom: 1px solid rgba(197, 160, 89, 0.3); padding-bottom: 15px; }
.solution-title .number { background: var(--accent); color: var(--primary); padding: 5px 12px; border-radius: 8px; margin-right: 15px; font-size: 1.2rem; }
.solution-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.s-card { background: #ffffff; padding: 30px; border-radius: 12px; transition: transform 0.3s ease; }
.s-card:hover { transform: translateY(-5px); }
.s-card h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 15px; }
.s-card p { color: #555; font-size: 0.9rem; line-height: 1.6; margin: 0; }
.fin-sector-matrix { background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); overflow: hidden; border: 1px solid #eee; }
.matrix-header { display: grid; grid-template-columns: 1fr 1.5fr 1fr; background: var(--primary); color: var(--accent); font-weight: 700; padding: 20px 30px; font-size: 1.1rem; }
.matrix-row { display: grid; grid-template-columns: 1fr 1.5fr 1fr; padding: 25px 30px; border-bottom: 1px solid #eee; transition: background 0.3s ease; align-items: center; }
.matrix-row:hover { background: #fdfbf7; }
.matrix-row:last-child { border-bottom: none; }
.m-industry { color: var(--primary); font-weight: 700; font-size: 1.05rem; }
.m-industry i { color: var(--accent); margin-right: 10px; }
.m-value { color: #555; font-size: 0.95rem; line-height: 1.5; padding-right: 20px; }
.m-metric { background: rgba(197, 160, 89, 0.1); color: var(--primary); padding: 15px; border-radius: 8px; font-size: 0.9rem; text-align: center; border: 1px dashed var(--accent); }
.fin-advantage-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
.fin-adv-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 25px; }
.fin-adv-list li { display: flex; gap: 20px; background: #f8fafd; padding: 25px; border-radius: 12px; border-left: 4px solid var(--accent); }
.fin-adv-list i { font-size: 2rem; color: var(--primary); margin-top: 5px; }
.fin-adv-list strong { display: block; color: var(--primary); font-size: 1.1rem; margin-bottom: 5px; }
.fin-adv-list div { color: #555; font-size: 0.95rem; line-height: 1.6; }
.fin-graph-img { width: 100%; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,33,71,0.15); }
/* END: 25. PAGE: FINANCIAL ADVISORY */
/* =========================================
START: 26. PAGE: STARTUP CONSULTANCY
========================================= */
/* DEPLOYMENT FIX START */
/* Reason: Replaced space with hyphen in URL */
.startup-hero { background: linear-gradient(rgba(0,18,40,0.9), rgba(0,33,71,0.95)), url('../image/DREAM SBCK.jpg') center/cover no-repeat fixed; padding: 160px 0 120px 0; text-align: center; color: #fff; }
/* DEPLOYMENT FIX END */
.startup-intro-box { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 45px; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,33,71,0.1); border-top: 4px solid var(--accent); text-align: center; }
.startup-intro-box p { font-size: 1.1rem; color: #444; line-height: 1.8; margin-bottom: 20px; max-width: 900px; margin-left: auto; margin-right: auto; }
.startup-bento-grid { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: auto auto; gap: 25px; }
/* FIX: Z-Index specificiy resolved for card-inner */
.running-light-card { position: relative; border-radius: 20px; overflow: hidden; padding: 3px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); z-index: 1; }
.running-light-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: var(--accent); animation: running-border 3.5s linear infinite; z-index: -1; }
.card-inner { position: relative; height: 100%; border-radius: 18px; padding: 40px; background: #ffffff; z-index: 1; }
.box-blue { color: #ffffff; background: var(--primary); }
.box-blue::before { background: conic-gradient(transparent 70%, var(--accent) 100%); }
.box-blue .card-inner { background: var(--primary); }
.box-blue h3, .box-blue h4 { color: var(--accent); }
.box-white { color: #555; }
.box-white::before { background: conic-gradient(transparent 70%, var(--accent) 100%); }
.box-white .card-inner { background: #ffffff; }
.box-white h3 { color: var(--primary); }
.box-gold { color: var(--primary); }
.box-gold::before { background: conic-gradient(transparent 70%, var(--primary) 100%); }
.box-gold .card-inner { background: var(--accent); }
.box-gold h3 { color: var(--primary); }
.card-icon-gold { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; }
.card-icon-blue { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; }
.card-inner h3 { font-size: 1.4rem; margin-bottom: 10px; }
.card-inner h4 { font-size: 1rem; margin-bottom: 15px; font-weight: normal; }
.card-inner p { line-height: 1.6; font-size: 0.95rem; }
.startup-big-image-wrapper { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,33,71,0.15); }
.startup-hero-image { width: 100%; height: 400px; object-fit: cover; display: block; transition: transform 0.5s ease; }
.startup-big-image-wrapper:hover .startup-hero-image { transform: scale(1.05); }
.image-overlay-text { position: absolute; bottom: 30px; left: 30px; background: rgba(0, 33, 71, 0.9); color: var(--accent); padding: 15px 30px; border-radius: 12px; font-size: 1.5rem; font-weight: 700; border-left: 4px solid var(--accent); z-index: 2; }
.startup-solutions-section { background: #001a38; padding: 80px 0; margin-top: 80px; }
.startup-service-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.startup-column { display: flex; flex-direction: column; gap: 20px; }
.column-header { background: var(--accent); color: var(--primary); padding: 20px; border-radius: 12px; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.column-header i { font-size: 2rem; margin-bottom: 10px; }
.column-header h3 { font-size: 1.2rem; }
.startup-mini-card { background: #ffffff; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left: 3px solid var(--accent); }
.startup-mini-card h4 { color: var(--primary); margin-bottom: 10px; font-size: 1.05rem; }
.startup-mini-card p { color: #555; font-size: 0.9rem; line-height: 1.5; margin: 0; }
.startup-edge-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.edge-card { background: #ffffff; border: 1px solid #eee; padding: 40px; border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.edge-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,33,71,0.08); border-color: var(--accent); }
.edge-icon-wrapper { width: 80px; height: 80px; background: rgba(197, 160, 89, 0.1); color: var(--primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; margin: 0 auto 20px auto; }
.edge-card h3 { color: var(--primary); margin-bottom: 15px; font-size: 1.2rem; }
.edge-card p { color: #666; font-size: 0.95rem; line-height: 1.6; }
.startup-cta-box { display: grid; grid-template-columns: 1.5fr 1fr; background: var(--primary); border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,33,71,0.2); }
.btn-startup-gold { display: inline-block; background: var(--accent); color: var(--primary); padding: 16px 36px; font-size: 1.1rem; font-weight: 700; border-radius: 30px; text-decoration: none; transition: transform 0.3s ease; box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }
.btn-startup-gold:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.5); }
.cta-address-sidebar { background: #001a38; padding: 60px 40px; color: rgba(255,255,255,0.9); }
.cta-address-sidebar h4 { color: var(--accent); margin-bottom: 20px; font-size: 1.1rem; }
.cta-address-sidebar p { font-size: 0.95rem; margin-bottom: 15px; line-height: 1.5; }
.cta-address-sidebar i { color: var(--accent); margin-right: 10px; width: 20px; }
/* END: 26. PAGE: STARTUP CONSULTANCY */
/* =========================================
START: 27. MASTER RESPONSIVE MEDIA QUERIES (CONSOLIDATED)
========================================= */
@media (max-width: 992px) {
/* FIXED HEADER BAR */
.main-header { position: fixed; top: 0; left: 0; width: 100%; height: 75px; background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 4000; box-shadow: 0 4px 20px rgba(0, 33, 71, 0.08); }
.nav-container { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 20px; }
.site-logo { height: 40px; }
/* ANIMATED HAMBURGER TOGGLE */
.menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 32px; height: 32px; cursor: pointer; z-index: 5001; }
.menu-toggle .bar { height: 3px; width: 100%; background-color: var(--primary); border-radius: 4px; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s ease, background-color 0.3s ease; }
.menu-toggle.active .bar:nth-child(1) { transform: translateY(9px) rotate(45deg); background-color: var(--accent); }
.menu-toggle.active .bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.menu-toggle.active .bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg); background-color: var(--accent); }
/* PREMIUM GLASSMORPHISM MENU DRAWER */
.nav-menu { position: fixed; top: -120vh; left: 0; width: 100%; height: calc(100dvh - 75px); max-height: calc(100dvh - 75px); background-color: rgba(255, 255, 255, 0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: top 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); padding: 10px 0 env(safe-area-inset-bottom, 40px) 0; margin: 0; display: block; z-index: 3900; overflow-y: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.nav-menu.active { top: 75px; }
.nav-menu ul { display: block; width: 100%; padding: 0; margin: 0; list-style: none; }
.nav-menu ul li { display: block; width: 100%; position: relative; border-bottom: 1px solid rgba(0, 33, 71, 0.05); }
.nav-menu ul li a { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; color: var(--primary); font-family: 'Poppins', sans-serif; font-size: clamp(1rem, 3.5vw, 1.15rem); font-weight: 500; text-decoration: none; transition: background 0.3s ease, padding-left 0.3s ease; }
/* MOBILE DROPDOWN FIX (Text Visibility) */
.nav-menu .dropdown-menu {
position: static !important;
transform: none !important;
left: auto !important;
display: block !important;
min-width: 100% !important;
width: 100%;
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #ffffff !important;
padding: 0;
margin: 0;
box-shadow: none !important;
transition: max-height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease, padding 0.4s ease;
border-left: 2px solid var(--accent);
}
.nav-menu .dropdown-parent.is-open .dropdown-menu {
display: block !important;
max-height: 1200px;
opacity: 1;
visibility: visible;
padding: 10px 0 15px 0;
}
.nav-menu .dropdown-menu li { border-bottom: 1px solid rgba(0, 33, 71, 0.05); }
.nav-menu .dropdown-menu li:last-child { border-bottom: none; }
.nav-menu .dropdown-menu li a { padding: 14px 24px 14px 40px; font-size: clamp(0.9rem, 3vw, 1rem); font-weight: 500; color: #333333 !important; border-left: 3px solid transparent; background: #ffffff !important; }
.nav-menu .dropdown-menu li a:active, .nav-menu .dropdown-menu li a:hover { background-color: #f4f8fc !important; color: var(--primary) !important; border-left: 3px solid var(--accent); padding-left: 45px; }
.nav-menu .dropdown-parent > a { padding-right: 60px; }
.nav-menu .dropdown-icon { position: absolute; right: 0; top: 0; height: 100%; width: 65px; display: flex; align-items: center; justify-content: center; z-index: 10; font-size: 0.85rem; color: #999; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s ease; }
.nav-menu .dropdown-parent.is-open > a .dropdown-icon { transform: rotate(180deg); color: var(--accent); }
/* General Layout Resets */
.footer-grid { grid-template-columns: 1fr 1fr !important; }
.footer-map-container { grid-column: span 2; }
.partner-card-full { gap: 30px; padding: 40px; }
.partner-info h2 { font-size: 2.2rem; }
.pmc-main-title { font-size: 3.5rem; }
.pmc-split-card { flex-direction: column; }
.pmc-split-text { padding: 40px 30px; }
.pmc-leverage-flex { flex-direction: column; text-align: center; }
.pmc-cta-pill { flex-direction: column; padding: 40px; border-radius: 30px; text-align: center; }
.pmc-timeline-grid { grid-template-columns: 1fr; gap: 60px; }
.pmc-card-raised { transform: none; }
.leverage-heading { font-size: 2.2rem !important; }
.mofpi-hero, .mofpi-leverage, .turnkey-hero, .turnkey-leverage, .financing-hero, .financing-leverage { background-attachment: scroll !important; }
.scheme-card { padding: 35px 25px; }
.widget-body-grid { grid-template-columns: 1fr; gap: 30px; }
.pmc-widget-wrapper { padding: 25px; }
.timeline-interactive-engine { grid-template-columns: 1fr; gap: 30px; padding: 20px; }
.timeline-navigation-column { flex-direction: row; overflow-x: auto; padding-bottom: 15px; scroll-snap-type: x mandatory; }
.timeline-navigation-column::before { display: none; }
.timeline-nav-item { flex-shrink: 0; scroll-snap-align: start; background: rgba(0, 33, 71, 0.02); border: 1px solid rgba(0, 33, 71, 0.04); border-left: none; padding: 12px 20px; }
.timeline-nav-item.active { border-left: none; border-bottom: 3px solid #bfa15f; }
.timeline-display-column { padding: 35px 20px; }
.tax-split-container, .calc-controls-grid, .tax-resources-grid { grid-template-columns: 1fr; }
.calc-middle-section { flex-direction: column; gap: 30px; }
.int-split-bottom-layout, .global-split-bottom-layout { grid-template-columns: 1fr; gap: 50px; }
.inv-process-flow, .acc-bento-grid { grid-template-columns: 1fr 1fr; }
.inv-resources-grid, .inv-tab-grid, .acc-split-layout, .acc-tier-grid, .acc-resources-grid { grid-template-columns: 1fr; }
.inv-erp-banner { flex-direction: column; text-align: center; }
.card-tall { grid-row: span 1; }
.card-wide { grid-column: span 1; }
.tier-highlight { transform: scale(1); }
.tier-highlight:hover { transform: translateY(-8px); }
.law-split-layout { grid-template-columns: 1fr; }
.project-map-container { flex-direction: column; gap: 40px; padding: 20px 0; }
.map-line-background { width: 4px; height: 100%; top: 0; left: 30px; transform: none; }
.map-step { width: 100%; flex-direction: row; gap: 30px; align-items: center; }
.map-step.up .map-card, .map-step.down .map-card { transform: none; }
.map-card { text-align: left; flex: 1; }
.map-dot { margin-bottom: 0; z-index: 5; }
.gst-intro-box, .gst-reforms-grid, .gst-solutions-split, .gst-tech-grid { grid-template-columns: 1fr; }
.image-gold-frame { display: none; }
.gst-cta-box { padding: 40px 20px; }
.fin-intro-split, .fin-bento-shine-grid, .fin-advantage-split { grid-template-columns: 1fr; }
.large-box { grid-row: auto; }
.matrix-header { display: none; }
.matrix-row { grid-template-columns: 1fr; gap: 15px; padding: 20px; border: 1px solid #eee; margin: 10px; border-radius: 12px; }
.m-metric { text-align: left; }
.startup-bento-grid, .startup-service-columns, .startup-edge-grid, .startup-cta-box { grid-template-columns: 1fr; }
.size-large { grid-row: auto; }
.image-overlay-text { font-size: 1.2rem; bottom: 20px; left: 20px; padding: 10px 20px; }
.contact-form-side, .contact-info-side { padding: 50px 40px; }
}
@media (max-width: 768px) {
.grid-2col, .team-container, .footer-grid, .grid-3col, .grid-4col, .acc-bento-grid { grid-template-columns: 1fr !important; display: grid; }
.team-image { min-width: 100%; box-shadow: 10px 10px 0px var(--primary); }
.elite-premium-card { padding: 40px 25px; }
.animate-text { font-size: 2.2rem; }
.footer-map-container { grid-column: span 1; }
.partner-card-full, .partner-card-full.reverse { flex-direction: column; padding: 30px 20px; }
.partner-photo { width: 100%; outline-offset: 10px; }
.partner-photo img { height: 350px; }
.services-floating-grid { grid-template-columns: 1fr; gap: 20px; }
.career-form-grid, .form-grid-2 { grid-template-columns: 1fr; gap: 0; }
.career-form-panel { padding: 40px 25px; }
.contact-mega-card { flex-direction: column; }
.contact-form-side, .contact-info-side { padding: 40px 20px; min-width: 100%; }
.subsidy-warning-box { margin: 0 15px 25px 15px; padding: 14px 16px; }
.warning-text-content { font-size: 0.85rem; }
.cta-divider-container { flex-direction: column; text-align: center; gap: 30px; padding: 40px 20px; }
.inv-process-flow { grid-template-columns: 1fr; }
}
/* END: 27. MASTER RESPONSIVE MEDIA QUERIES */
/* ================================================================
END: SBCK AND CO. - MASTER PREMIUM STYLE SYSTEM
================================================================ */