/* ==========================================================================
   UNIVCOLL BRANDING & ROOT SYSTEM
   ========================================================================== */

/* ==================================================
   UNIVCOLL MASTER DESIGN SYSTEM (FINAL CLEAN VERSION)
   ================================================== */
   
/* --- Final Merged Global Styles --- */
:root {
    /* 1. Core Brand Colors (Originals) */
    --primary-blue: #0a1e3d;      /* Logo Shield Blue / Footer BG */
    --gold: #d4af37;              /* Premium Metallic Gold */
    --teal-bg: #157997;           /* Drishti Style Teal Mix */
    --red: #ff0000;               /* Sitemap Red / Alerts */
    --wa-green: #25D366;          /* WhatsApp Official Green */
    --white: #ffffff;
    --p-blue: #0a1e3d;

    /* 2. Typography & UI Shading */
    --bg-light: #f4f7f9;          /* Page Background */
    --text-dark: #333333;         /* Main Headings */
    --text-gray: #666666;         /* Standard Body Text */
    --text-silver: #e0e0e0;       /* Contrast Text for Dark BG (Footer) */
    --text-muted: #999999;        /* Secondary Links / Small Text */

    /* 3. Premium & Specialized Shades */
    --dark-night: #02050a;        /* Deep Black (Sub-footer) */
    --gold-bright: #f0b729;       /* Bright Gold for Hover / Highlights */
    --gold-dark: #624806; 
    --royal-blue: #0067B8;
    /* 4. Elevation & Glow Effects */
    --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);
    --shadow-lg: 0 15px 35px rgba(0,0,0,0.1);
    --gold-glow: 0 0 20px rgba(212, 175, 55, 0.3);

    /* 5. Professional Motion (Transitions) */
    --transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    --transition-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        /* Animation Variables */
}


* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    font-family: 'Poppins', sans-serif; 
    background: var(--primary-blue); 
    color: #fff; 
    overflow-x: hidden;
}
.container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }
.hindi-font { font-family: 'Mukta', sans-serif; }

/* ==========================================================================
   STICKY HEADER [Laptop & Mobile Optimized]
   ========================================================================== */
.main-header {
    position: fixed; top: 0; width: 100%; z-index: 1000;
    background: var(--primary-blue); padding: clamp(8px, 2vh, 18px) 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    transition: var(--transition);
}
.nav-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* --- Zoom Out Control --- */
    max-width: 1400px; /* Yeh sabse zaroori hai, content ko bikharne se rokega */
    margin: 0 auto;    /* Content ko hamesha screen ke beech (Center) mein rakhega */
    width: 95%;        /* Screen ke dono taraf halka sa gap banaye rakhega */
    /* ------------------------ */
    flex-wrap: wrap;   /* Mobile par elements ko adjust hone dega */
    padding: 10px 0;
}

/* Sitemap Tag Red Style */
.sitemap-tag { 
    background: var(--red); color: white; padding: 5px 15px; 
    text-decoration: none; font-weight: 900; font-size: 0.8rem; 
    border-radius: 2px; text-transform: uppercase;
}
/*course blink* start/
/* --- UGC NET 1st Paper Blinking Effect --- */
.pulse-highlight {
    position: relative;
    display: inline-block;
    padding: 5px 15px !important;
    background: var(--red); /* आपकी ओरिजिनल रेड कलर */
    color: var(--white) !important;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    animation: pulse-red 2s infinite; /* ब्लिंकिंग एनीमेशन */
    transition: var(--transition);
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #ffb700;
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

/* माउस ले जाने पर गोल्ड ग्लो इफ़ेक्ट */
.pulse-highlight:hover {
    background: var(--gold);
    color: var(--primary-blue) !important;
    animation: none; /* होवर पर एनीमेशन रुक जाएगा */
    box-shadow: var(--gold-glow);
}
/*course blink end*/

.head-link { color: #fff; text-decoration: none; margin: 0 12px; font-size: 0.9rem; opacity: 0.9; }
/*.burger-menu { 
    background: #0d2a33; border: none; color: white; 
    padding: 10px 14px; border-radius: 4px; cursor: pointer; 
    font-size: 1.25rem; transition: 0.3s;
}
.burger-menu:hover { background: #153c48; }*/
.menu-toggle {
    background-color: var(--gold);
    color: var(--text-on-dark);
    /* Width ko thoda badha sakte hain ya 'auto' rakh sakte hain padding ke saath */
    width: 50px; 
    height: 55px; /* Height thodi badhayi taaki text niche aa sake */
    border-radius: 6px;
    display: flex;
    flex-direction: column; /* Isse icon aur text upar-niche aayenge */
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    border: none; /* Default border hatane ke liye */
    cursor: pointer;
    gap: 2px; /* Icon aur text ke beech halka sa gap */
}

/* Bars icon ka size thoda chhota rakhein taaki balance bane */
.menu-toggle i {
    font-size: 18px; 
}

/* Niche wale "MENU" text ki styling */
.menu-toggle span {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 1; 
     margin-top: 2px;
    font-family: 'Poppins', sans-serif; /* Ya jo bhi aapki site ka font ho */
}

.menu-toggle:hover {
    background-color: var(--white);
    color: var(--gold);
}
/*====== FINAL PAYMENT BUTTON *====/
/* --- UVC FINAL PAYMENT BUTTON STYLING --- */
.uvc-nav-payment {
    margin-left: 15px; /* बाकी मेनू से थोड़ी दूरी */
    display: inline-flex;
    align-items: center;
}

.uvc-nav-payment a {
    background: rgba(37, 211, 102, 0.08); /* बहुत हल्का हरा (Trust Color) */
    border: 2px solid #25D366; /* सुरक्षित महसूस कराने के लिए ग्रीन बॉर्डर */
    padding: 8px 18px !important;
    border-radius: 6px;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    align-items: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* आइकॉन और टेक्स्ट के बीच गैप */
}

/* आइकॉन स्टाइलिंग */
.uvc-nav-payment a i {
    color: #25D366 !important; /* WhatsApp Green जैसा सुरक्षित रंग */
    margin-right: 10px;
    font-size: 1.1rem;
    animation: uvc-icon-pulse 2s infinite ease-in-out;
}

/* टेक्स्ट स्टाइलिंग */
.uvc-nav-payment a span {
    color: #ffffff !important;
    font-size: 0.9rem;
}

/* होवर इफेक्ट (Hover Effect) */
.uvc-nav-payment a:hover {
    background: #25D366 !important; /* होवर पर पूरा हरा */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    border-color: #25D366;
}

.uvc-nav-payment a:hover i, 
.uvc-nav-payment a:hover span {
    color: #0a1e3d !important; /* होवर पर टेक्स्ट नेवी ब्लू (Dark) हो जाएगा */
}

/* सुरक्षा आइकॉन के लिए हल्का धड़कता हुआ एनिमेशन */
@keyframes uvc-icon-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.15); opacity: 0.8; }
}

/* मोबाइल रिस्पॉन्सिवनेस */
@media (max-width: 768px) {
    .uvc-nav-payment {
        margin: 15px 0;
        width: 100%;
        justify-content: center;
    }
    .uvc-nav-payment a {
        width: 90%;
        justify-content: center;
        padding: 12px !important;
    }
}
/*====== FINAL PAYMENT BUTTON END  *====/
/* ==========================================================================
   HERO SECTION & TAGLINE 
   ========================================================================== */
/* --- HERO SECTION सुधार (Zoom-Proof & Premium) --- */
.hero-box {
    /* min-height सुनिश्चित करता है कि ज़ूम-आउट पर बैकग्राउंड पूरी स्क्रीन घेरे */
    min-height: 100vh; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    /* गहरा रेडियल ग्रेडिएंट जो 25% ज़ूम पर भी प्रीमियम लुक देता है */
    background: radial-gradient(circle at center, var(--teal-bg) 0%, #06162d 100%);
    text-align: center; 
    color: #fff; 
    padding: 100px 20px; /* पर्याप्त पैडिंग ताकि कंटेंट किनारों से न चिपके */
}

.hero-logo { 
    height: clamp(80px, 15vh, 140px); /* लोगो का साइज़ थोड़ा व्यवस्थित किया */
    margin-bottom: 1.5rem; 
    filter: drop-shadow(0 0 20px rgba(0,0,0,0.3)); 
}

.hero-content {
    max-width: 1400px; /* बड़ी स्क्रीन और ज़ूम-आउट के लिए चौड़ाई बढ़ाई गई */
    margin: 0 auto;
    width: 100%;
}

.hero-brand { 
    font-family: 'Playfair Display', serif; 
    font-size: clamp(3.5rem, 8vw, 7.5rem); 
    line-height: 1.1;
    margin-bottom: 0.5rem;
    font-weight: 900;
    /* Premium Metallic Gradient */
    background: linear-gradient(180deg, #f6e27a 0%, #d4af37 45%, #b8962e 70%, #f6e27a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* गहराई के लिए drop-shadow बेहतर है text-shadow से */
    filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.4));
}

.hero-tagline { 
    font-size: clamp(1.1rem, 2.5vw, 1.9rem); 
    font-weight: 400; 
    letter-spacing: 2px; 
    margin-top: 15px; 
    opacity: 0.95;
}

/* --- MOBILE & TABLET OPTIMIZATION --- */
@media (max-width: 768px) {
    .hero-box {
        padding: 60px 15px; /* मोबाइल पर पैडिंग थोड़ी कम */
        min-height: auto; /* मोबाइल पर 100vh की जगह कंटेंट के हिसाब से हाइट */
        padding-top: 100px; 
    }

    .hero-logo {
        height: 80px; /* मोबाइल पर लोगो का स्थिर साइज़ */
        margin-bottom: 0.5rem;
    }

    .hero-brand {
        font-size: 3.2rem; /* मोबाइल पर नाम स्पष्ट दिखेगा */
        line-height: 1.2;
    }

    .hero-tagline {
        font-size: 1.1rem;
        letter-spacing: 1px;
        margin-bottom: 2rem;
    }

}

/* बहुत छोटी स्क्रीन (जैसे iPhone SE) के लिए */
@media (max-width: 380px) {
    .hero-brand {
        font-size: 2.8rem;
    }
    .hero-tagline {
        font-size: 0.95rem;
    }
}


/* --- Services Wrap (Premium Desktop & Zoom Fix) --- */

/* --- 1. डेस्कटॉप/लैपटॉप डिज़ाइन (बड़ी स्क्रीन) --- */
.services-wrap { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
    gap: 1.5rem; 
    max-width: 1240px; 
    margin: 3.5rem auto 0; 
    padding: 0 20px;
}

.svc-link { 
    background: rgba(255, 255, 255, 0.08); 
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.2); 
    
    /* 1. पैडिंग कम करें (सबसे ज़रूरी) */
    padding: 0.8rem 0.5rem; 
    
    color: #fff !important; 
    text-decoration: none !important; 
    border-radius: 8px; 
    
    /* 2. फ़ॉन्ट साइज़ थोड़ा छोटा करें */
    font-size: 0.9rem; 
    font-weight: 600;
    line-height: 1.2; /* लाइन के बीच की दूरी कम करने के लिए */
    
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: center;
    
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    
    /* 3. आइकन और टेक्स्ट के बीच का गैप कम करें */
    gap: 8px;
    
    /* 4. अब यह 100px काम करेगा */
    min-height: 100px; 
}

.svc-link i {
    font-size: 1.8rem;
    color: #F0A500;
    transition: 0.3s;
}

.svc-link:hover { 
    background: #ffffff !important; 
    color: #001a35 !important;
    border-color: #F0A500; 
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.4);
}

.svc-link:hover i { color: #001a35; }

/* --- 2. मोबाइल डिज़ाइन (991px से नीचे) --- */
@media screen and (max-width: 991px) {
    .services-wrap {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 100%;
        padding: 0 15px;
    }

    .svc-link {
        flex-direction: row; /* मोबाइल पर आइकन और टेक्स्ट एक लाइन में (Best for UX) */
        justify-content: flex-start;
        text-align: left;
        padding: 1.1rem 1.3rem;
        min-height: 60px;
        gap: 15px;
    }

    .svc-link i {
        font-size: 1.3rem;
        width: 30px;
    }

    .svc-link:active {
        background: #F0A500;
        color: #000 !important;
        transform: scale(0.97);
    }
}


/* --- Services Wrap (Premium Desktop & Zoom Fix) End --- */




/* World-Class Trust Strip Styling */
.uvc-trust-strip {
    width: 100%;
    padding: 20px 0;
    margin: 30px 0;
    background: rgba(255, 255, 255, 0.03); /* Glass effect */
    backdrop-filter: blur(5px);
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.uvc-trust-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.uvc-badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #d4af37; /* Premium Gold */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    opacity: 0.9;
}

.uvc-badge-item i {
    font-size: 1.8rem;
    filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.3));
}

.uvc-badge-item span {
    font-size: 0.85rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff; /* Contrast text */
}

.uvc-badge-item span strong {
    display: block;
    font-size: 1rem;
    color: #d4af37;
    margin-bottom: 2px;
}

/* Hover Animations */
.uvc-badge-item:hover {
    transform: translateY(-8px) scale(1.05);
    opacity: 1;
    filter: brightness(1.2);
}

.uvc-badge-item:hover i {
    color: #fff;
    text-shadow: 0 0 15px #d4af37;
}

/* Specific Style for Open Access (The Trust Booster) */
.uvc-open-access i {
    color: #ffd700;
}

/* Mobile Responsiveness */
/* मोबाइल के लिए सुपर कॉम्पैक्ट (991px और नीचे) */
@media screen and (max-width: 991px) {
    .uvc-trust-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* एक लाइन में 2 आइटम */
        gap: 8px; /* गैप एकदम कम */
        padding: 5px 10px;
        max-width: 100%;
    }

    .uvc-badge-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 6px 10px !important; /* पैडिंग बहुत कम की गई है */
        background: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        min-height: 45px !important; /* हाइट एकदम कम कर दी गई है */
    }

    .uvc-badge-item i {
        font-size: 1.1rem !important; /* आइकॉन छोटा किया गया है */
        width: 22px;
        margin-right: 8px;
        color: #F0A500;
    }

    .uvc-badge-item span {
        font-size: 0.65rem !important; /* टेक्स्ट का साइज छोटा किया गया है */
        line-height: 1.1;
        text-align: left;
        color: #fff;
    }

    .uvc-badge-item span strong {
        display: block; /* ISSN/ISBN को ऊपर वाली लाइन में लाने के लिए */
        font-size: 0.75rem;
        color: #F0A500;
        margin-bottom: 1px;
    }
}

/* बहुत छोटे फोन के लिए (जैसे 360px चौड़ाई) */
@media screen and (max-width: 400px) {
    .uvc-badge-item {
        padding: 5px 8px !important;
    }
    .uvc-badge-item span {
        font-size: 0.6rem !important;
    }
    .uvc-badge-item i {
        font-size: 1rem !important;
    }
}

/* =========================================================
   MEGA MENU OVERLAY (FINAL FIXED VERSION)
   ========================================================= */

.mega-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff; /* Pura white background */
    z-index: 99999;    /* Sabse upar */
    display: none;      /* By default hide rahega */
    overflow-y: auto;
    padding: 80px 0 50px;
    color: #333;        /* Text dark rahega */
}

/* Jab Menu khulega (JS se .open add hoga) */
.mega-menu-overlay.open {
    display: block;    
    animation: fadeIn 0.3s ease-in-out; 
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Close Button Position & Design */
.menu-close {
    position: absolute;
    top: 25px;
    right: 5%;         /* Professional gap */
    z-index: 100000;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 6px;
    background: #666;  /* Gray background */
    color: #fff;       /* White icon */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.menu-close:hover {
    background: #0a1e3d; /* Hover par UnivColl Blue */
}

/* Grid Layout */
.menu-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:40px;
}

/* Menu Column */
.menu-column h4{
    font-size:18px;
    font-weight:700;
    margin-bottom:18px;
    border-bottom:2px solid #eee;
    padding-bottom:6px;
    color:var(--primary-blue);
}

/* List Links */
.link-list{
    list-style:none;
}

.link-list li{
    margin-bottom:12px;
}

.link-list a{
    text-decoration:none;
    color:#444;
    font-size:15px;
    display:block;
    transition:var(--transition);
}

.link-list a::before{
    content:'›';
    color:var(--gold);
    margin-right:8px;
    font-weight:900;
}

.link-list a:hover{
    color:var(--primary-blue);
    transform:translateX(5px);
}

/* Left Custom Icon Links */
.links-col{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.links-col a{
    font-size:16px;
    font-weight:600;
    color:var(--primary-blue);
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:10px;
}

.links-col a i{
    color:var(--gold);
    font-size:18px;
}

.links-col a:hover{
    color:var(--gold);
}

/* ==========================================================================
   WHATSAPP HLOTIG BUTTON 
   ========================================================================== */
/* --- World Class WhatsApp Floating Button --- */
/* --- Master World-Class WhatsApp Button --- */
.wa-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    padding: 10px 18px;
    border-radius: 50px;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid rgba(255, 255, 255, 0.15);
}

/* Breathing Ping Animation */
.wa-float::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #25D366;
    border-radius: 50px;
    z-index: -1;
    animation: wa-ping 2s infinite;
    opacity: 0;
}

@keyframes wa-ping {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.wa-txt { 
    font-size: 10px; 
    text-align: right; 
    line-height: 1.1; 
    margin-right: 12px; 
    font-weight: 500;
    letter-spacing: 0.5px;
}

.wa-txt span { 
    font-size: 13px; 
    font-weight: 900; 
    display: block;
    text-transform: uppercase;
}

.wa-icon { 
    font-size: 24px; 
    display: flex;
    align-items: center;
}

/* Hover Effect for Desktop */
.wa-float:hover {
    transform: scale(1.08) translateY(-5px);
    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.5);
}

/* --- Mobile Optimization (Sleek & Text Enabled) --- */
@media (max-width: 768px) {
    .wa-float {
        padding: 6px 12px; /* Thota aur compact */
        bottom: 15px;
        right: 15px;
    }
    
    .wa-txt {
        display: block !important; /* Text ko mobile par wapas laya gaya */
        font-size: 7px;           /* Ekdam thota size */
        margin-right: 8px;
    }
    
    .wa-txt span {
        font-size: 9px;           /* "FIRST" mobile par chhota dikhega */
    }
    
    .wa-icon {
        font-size: 18px;          /* Mobile icon size balance */
    }

    .wa-float:active {
        transform: scale(0.95);
    }
}

/*whatsApp floting button end*/

/* Mobile Optimization */
@media (max-width: 900px) {
    
    .hero-brand { font-size: 3.5rem; }
    .hero-tagline { font-size: 1.2rem; }
    .menu-grid { grid-template-columns: 1fr; padding: 0 20px; }
    .svc-link { flex-basis: 100%; }
    .mega-menu-overlay { padding: 60px 0; }
}

/* Mobile view ke liye special adjustment */
@media (max-width: 900px) {

    
    /* Header center ko horizontal karne ke liye */
    .header-center {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
        font-size:12px;
        margin-left:10px;
    }

    /* Links ka font size thoda chota taaki ek line mein fit ho jaye */
    .head-link {
        font-size: 0.75rem !important; 
        margin: 0 !important;
        white-space: nowrap;      /* Text ko wrap hone se rokega */
    }

    /* Email top ko mobile par dikhane ke liye (agar wo hidden tha) */
    .email-top {
        display: inline-block !important;
    }

    /* Sitemap aur Menu button ke beech space balanced rahe */
    .nav-flex {
        flex-wrap: wrap; 
        justify-content: space-between;
    }
}
/*-----2nd part start-------*/

:root {
    --primary-blue: #0a1e3d;
    --teal-grad: linear-gradient(90deg, #157997, #26b1b1);
    --red-grad: linear-gradient(90deg, #ff4b2b, #ff416c);
    --transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.portal-section { padding: 60px 20px; background: #f4f7f6; display: flex; justify-content: center; }
.portal-wrapper { display: flex; gap: 30px; max-width: 1300px; width: 100%; margin: 0 auto; }
.portal-card { flex: 1; background: #fff; border: 1px solid #eee; padding: 30px 10px; text-align: center; box-shadow: 0 15px 35px rgba(0,0,0,0.07); border-radius: 8px; display: flex; flex-direction: column; align-items: center; overflow: hidden; }
.portal-logo { height: 65px; margin-bottom: 25px; object-fit: contain; }
.slider-container { display: flex; align-items: center; width: 100%; margin-bottom: 25px; position: relative; }

/* --- Slider Viewport --- */
.grid-viewport {
    overflow: hidden;
    width: 100%;
    height: 145px !important; /* Laptop row height lock */
}

/* --- Fixed Flex Structure (3x2 Layout Fix) --- */
.grid-content {
    display: flex !important;
    flex-wrap: wrap; /* Laptop par 2 rows banane ke liye */
    flex-direction: column; /* Items ko columns mein lagayega taaki sliding sets mein ho */
    height: 140px; 
    gap: 12px;
    width: 100%;
    transition: transform var(--transition);
}

/* Har item ki width laptop par 1/3 hogi (Total 6 per set) */
.grid-item {
    background: var(--teal-grad);
    color: white;
    border-radius: 4px;
    width: calc(33.33% - 8px); 
    height: 60px;
    flex-shrink: 0;
    display: flex;
    overflow: hidden;
}

.grid-item a {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; color: white; text-decoration: none;
    padding: 10px; font-size: 13px; font-weight: 500; text-align: center;
}

.arrow-btn { background: none; border: none; font-size: 28px; cursor: pointer; padding: 0 15px; color: #444; z-index: 10; }
.btn-visit { display: inline-block; padding: 15px 0; color: white; text-decoration: none; font-weight: bold; border-radius: 6px; background: var(--red-grad); width: 85%; text-transform: uppercase; margin-top: auto; }

/* --- Mobile View (Set of 2 Items) --- */
/* --- MOBILE VIEW FIX --- */
@media (max-width: 992px) {
    .portal-wrapper { 
        flex-direction: column; 
        gap: 40px; 
    }

    .grid-viewport { 
        height: 155px !important; /* 2 vertical items ki height fix */
    }

    .grid-content {
        display: grid !important;
        /* Mobile par sirf 1 column aur 2 rows (upar-niche structure) */
        grid-template-columns: 100% !important; 
        grid-template-rows: repeat(2, 65px) !important;
        
        /* ZAROORI: Items ko sets mein line se lagane ke liye */
        grid-auto-flow: column !important;
        grid-auto-columns: 100% !important; 
        
        gap: 12px;
        width: 100%;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .grid-item {
        width: 100% !important;
        min-height: 65px;
    }
    .hero-logo {

        margin-top: 30px !important; /* Isse logo mobile par niche sarak jayega */

    }
}

/*---2nd part end-----*/

/* =========================================================
   JOURNAL PORTFOLIO START
   ========================================================= */
/* Slider Section Styling */
/* ================================
ULTIMATE COLLECTION SECTION
================================ */

.ultimate-collection-section {
    padding: 50px 0;
    background: #ffffff;
    overflow: hidden;
}

.collection-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 35px;
}

.collection-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 4vw, 38px);
    color: #0a1e3d;
    font-weight: 900;
}

.view-all-link {
    color: #009688;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s;
}

.view-all-link:hover { color: #d4af37; }

/* Slider Layout */
.slider-wrapper {
    position: relative;
    padding: 0 5px;
}

.slider-viewport {
    overflow: hidden;
}

.slider-track {
    display: flex;
    gap: 20px;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* FIX: Laptop par hamesha 6 books dikhayi dengi */
.book-card {
       flex: 0 0 calc(100% / 6 - 17px); 
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.book-img-box {
    width: 100%;
    aspect-ratio: 2 / 3.2; /* Professional Scholar Book Ratio */
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.book-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.book-card:hover { transform: translateY(-8px); }
.book-card:hover img { transform: scale(1.08); }

.book-title {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #0a1e3d;
    text-decoration: none;
    padding: 15px 5px;
    line-height: 1.4;
}

/* Navigation Buttons */
.slide-nav {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: 0.3s;
}

.slide-nav:hover { background: #0a1e3d; color: #fff; border-color: #0a1e3d; }
.prev-nav { left: -25px; }
.next-nav { right: -25px; }

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .book-card { flex: 0 0 calc(100% / 4 - 15px); } /* Tablets/Small Laptop: 4 books */
}

@media (max-width: 768px) {
    .book-card { flex: 0 0 calc(100% / 3 - 14px); } /* Medium Mobile: 3 books */
    .slide-nav { display: none; }
}

@media (max-width: 480px) {
    .book-card { flex: 0 0 calc(50% - 10px); } /* Mobile: 2 books */
}
   /* =========================================================
   JOURNAL PORTFOLIO END
   ========================================================= */

/*whatsApp channel*/
.support-strip-container {
    padding: 15px;
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
}

.support-strip {
    background: #ffffff;
    border-radius: 12px;
    padding: clamp(15px, 4vw, 30px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    box-shadow: 0 10px 40px rgba(10, 30, 61, 0.08); /* Primary Blue tint */
    border: 1px solid #f0f0f0;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.support-strip:hover {
    transform: translateY(-5px);
    border-color: var(--gold); /* Premium Gold border on hover */
    box-shadow: 0 20px 50px rgba(10, 30, 61, 0.15);
}

/* Update Info Styling */
.update-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.live-pulse {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: var(--teal-bg);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pulse-dot {
    height: 10px;
    width: 10px;
    background-color: var(--wa-green);
    border-radius: 50%;
    position: relative;
    animation: pulse-ring 1.5s infinite;
}

@keyframes pulse-ring {
    0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.main-heading {
    font-size: clamp(18px, 2.5vw, 26px);
    font-weight: 800;
    color: var(--primary-blue);
    margin: 0;
}

/* WhatsApp Button Advanced Styling */
.wa-action-btn {
    background: var(--wa-green);
    color: white !important;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: var(--transition);
    border: 2px solid transparent;
}

.btn-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.wa-action-btn i {
    font-size: 35px;
}

.text-group {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.small-label { font-size: 11px; opacity: 0.9; text-transform: uppercase; }
.big-label { font-size: 19px; font-weight: 800; }

/* Shine Effect Animation */
.shine-effect {
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: auto-shine 4s infinite;
}

@keyframes auto-shine {
    0% { left: -100%; }
    20% { left: 100%; }
    100% { left: 100%; }
}

.wa-action-btn:hover {
    background: var(--primary-blue);
    transform: scale(1.05);
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 992px) {
    .support-strip {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }
    
    .update-info { align-items: center; }
    
    .wa-action-btn {
        width: 100%;
        justify-content: center;
    }
}
/*whatsApp channel end*/
/*testimonial*/
.testimonial-section {
    padding: 50px 20px;
    background: #f8fafc;
    overflow: hidden;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-title {
    color: var(--primary-blue);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: var(--gold);
    border-radius: 2px;
}

.section-subtitle { color: var(--text-dark); opacity: 0.8; }

/* Viewport & Track */
.testimonial-container {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

.testimonial-viewport {
    overflow: hidden;
    width: 100%;
}

.testimonial-track {
    display: flex;
    transition: transform var(--transition); /* 0.6s easing applied here */
    gap: 20px;
}

/* Card Styling */
.testimonial-card {
    background: #fff;
    min-width: calc(33.33% - 14px); /* Laptop pe 3 cards */
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(10, 30, 61, 0.05);
    border-bottom: 4px solid transparent;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-card:hover {
    border-color: var(--gold);
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(10, 30, 61, 0.12);
}

.quote-icon {
    font-size: 40px;
    color: var(--teal-bg);
    opacity: 0.2;
    margin-bottom: -20px;
}

.testimonial-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-dark);
    font-style: italic;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-info img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #eee;
    object-fit: cover;
}

.author-details h4 {
    color: var(--primary-blue);
    margin: 0;
    font-size: 17px;
}

.author-details p {
    font-size: 13px;
    margin: 0;
    color: var(--teal-bg);
    font-weight: 600;
}

/* Navigation Buttons */
.nav-btn {
    background: #fff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    cursor: pointer;
    font-size: 20px;
    color: var(--primary-blue);
    position: absolute;
    z-index: 10;
    transition: 0.3s;
}

.nav-btn:hover {
    background: var(--primary-blue);
    color: #fff;
}

.prev { left: -25px; }
.next { right: -25px; }

/* Mobile View (Sirf 1 card dikhega) */
@media (max-width: 992px) {
    .testimonial-card {
        min-width: 100%;
    }
    .prev { left: 0; }
    .next { right: 0; }
    .testimonial-track { gap: 0; }
}

/*testimonial end*/
/*center mode focus book*/
/* ===== WRAPPER ===== */
.nxr-wrapper {
  padding: 40px 40px;
  background: var(--white);
  overflow: hidden;

  max-width: 1300px;      /* ✅ center control */
  margin-left: auto;      /* ✅ LEFT FIX */
  margin-right: auto;     /* ✅ RIGHT FIX */
}

/* ===== FLEX ===== */
.nxr-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;  /* same layout */
  gap: 10px;
}

/* ===== TEXT ===== */
.nxr-textbox {
  min-width: 340px;
  margin-top: 10px;
}

.nxr-textbox h2 {
  font-size: 48px;
  color: var(--primary-blue);
}

.nxr-textbox p {
  color: var(--text-gray);
  margin: 10px 0 20px;
}

/* ===== BUTTON ===== */
.nxr-btn {
  background: var(--primary-blue);
  color: var(--white);
  padding: 12px 25px;
  border: none;
  cursor: pointer;
  transition: var(--transition);
}

.nxr-btn:hover {
  background: var(--gold);
}

/* ===== SLIDER ZONE ===== */
.nxr-slider-zone {
  position: relative;
  width: 100%;
  max-width: 780px;

  margin-top: -30px;
  overflow: hidden;
}

/* ===== TRACK ===== */
.nxr-track {
  display: flex;
  align-items: center;
  transition: transform var(--transition);
}

/* ===== CARD ===== */
.nxr-card {
  flex: 0 0 260px;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  transform: scale(0.85);
  transition: 0.4s ease;
}

/* ===== IMAGE ===== */
.nxr-card img {
  width: 85%;
  border-radius: 14px;
  box-shadow: var(--shadow-lg);
}

/* ===== ACTIVE ===== */
.nxr-active {
  transform: scale(1.2);
  opacity: 1;
  z-index: 2;
}

/* ===== ARROWS ===== */
.nxr-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: var(--white);
  border: none;
  padding: 10px;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  z-index: 10;
}

.nxr-prev { left: 0; }
.nxr-next { right: 0; }

/* ===== BASE ===== */
.nxr-base {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 40px;
  background: linear-gradient(to bottom, #eee, #ddd);
  border-radius: 20px;
  box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

  .nxr-flex {
    flex-direction: column;
    text-align: center;
  }

  .nxr-slider-zone {
    max-width: 100%;
    margin-top: 0;
  }

  .nxr-card {
    flex: 0 0 70%;
  }

  .nxr-textbox h2 {
    font-size: 32px;
  }
}

/*center mode focus book end*/

/*best seller*/
/* --- Bestseller Section CSS --- */
.bestseller-section {
    padding: 50px 0;
    background: var(--white);
    overflow: hidden;
}

.section-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

.bs-main-title {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: var(--primary-blue);
    font-weight: 900;
    margin-bottom: 5px;
}

.bs-subtitle {
    font-family: 'Poppins', sans-serif;
    color: var(--text-gray);
    font-size: 1.1rem;
}

.view-all-btn {
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: var(--transition);
    border-bottom: 2px solid transparent;
}

.view-all-btn:hover {
    color: var(--gold);
    border-color: var(--gold);
}

/* Slider Layout */
.bs-slider-wrapper {
    position: relative;
    padding: 0 50px;
}

.bs-viewport {
    overflow: hidden;
}

.bs-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    gap: 20px;
}

.bs-card {
    flex: 0 0 calc(100% / 6 - 17px); /* Laptop: 6 items */
    text-align: center;
    transition: var(--transition);
}

.bs-book-img {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    aspect-ratio: 2/3;
    margin-bottom: 15px;
    background: #eee;
}

.bs-book-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.bs-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(10, 30, 61, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s;
}

.bs-overlay button {
    background: var(--gold);
    border: none;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.bs-card:hover .bs-book-img img { transform: scale(1.05); }
.bs-card:hover .bs-overlay { opacity: 1; }

.bs-category {
    font-family: 'Poppins', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 1px;
    color: #888;
    text-transform: uppercase;
}

/* Navigation Buttons */
.bs-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    cursor: pointer;
    z-index: 10;
    transition: var(--transition);
}

.bs-nav-btn:hover { background: var(--primary-blue); color: white; border-color: var(--primary-blue); }
.bs-nav-btn.prev { left: -10px; }
.bs-nav-btn.next { right: -10px; }

/* Dots */
.bs-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.dot.active {
    background: var(--red);
    width: 25px;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 1024px) {
    .bs-card { flex: 0 0 calc(100% / 4 - 15px); } /* Tablets: 4 items */
}

@media (max-width: 600px) {
    .bs-main-title { font-size: 2rem; }
    .bs-slider-wrapper { padding: 0 10px; }
    .bs-card { flex: 0 0 calc(100% / 2 - 10px); } /* Mobile: 2 items */
    .bs-nav-btn { display: none; } /* Mobile mein arrows hide kar sakte hain */
}
/*best seller end*/

/*language start*/
.desi-reads-section {
    padding: 40px 0;
    background: var(--bg-light);
    overflow: hidden;
}

.desi-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.desi-main-title {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: var(--primary-blue);
    font-weight: 900;
}

.desi-subtitle {
    color: var(--text-gray);
    font-size: 1.1rem;
    font-weight: 400;
}

/* Slider Track Logic */
.desi-slider-viewport {
    overflow: hidden;
    padding: 20px 0;
}

.desi-slider-track {
    display: flex;
    gap: 15px;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Language Cards - Laptop: 8 items */
.lang-card {
    flex: 0 0 calc(100% / 8 - 14px);
    background: var(--white);
    padding: 30px 15px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lang-native {
    font-size: 1.6rem;
    color: var(--primary-blue);
    margin-bottom: 8px;
    font-weight: 700;
}

.lang-eng {
    font-size: 0.8rem;
    letter-spacing: 2px;
    color: var(--text-gray);
    font-weight: 600;
}

/* Hover Effect - Gold Touch */
.lang-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2);
}

.lang-card:hover .lang-native {
    color: var(--gold);
}

/* Navigation Buttons */
.desi-nav-btns {
    display: flex;
    gap: 10px;
}

.desi-nav-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: var(--white);
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-blue);
}

.desi-nav-btn:hover {
    background: var(--primary-blue);
    color: var(--white);
    border-color: var(--primary-blue);
}

/* Responsive: Mobile 2 Cards */
@media (max-width: 992px) {
    .lang-card { flex: 0 0 calc(100% / 4 - 12px); }
}

@media (max-width: 600px) {
    .desi-main-title { font-size: 2rem; }
    .lang-card { flex: 0 0 calc(100% / 2 - 10px); padding: 20px 10px; }
    .desi-nav-btns { display: none; } /* Mobile पर swipe बेहतर है */
}
/*language end*/

/*recent updates */
/* --- Global Container --- */
.my-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* --- Section Main Style --- */
.univ-updates-section {
    padding: 80px 0;
    background-color: var(--bg-light);
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Centered Title & Underline --- */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-title {
    display: inline-block;
    color: var(--primary-blue);
    font-weight: 800;
    font-size: 2.2rem;
    position: relative;
    padding-bottom: 15px;
    margin: 0;
}

.section-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gold);
    border-radius: 10px;
}

/* --- Grid Layout --- */
.updates-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

/* --- Card Design --- */
.update-card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.update-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
}

/* Headers Color Variants */
.card-header {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--white);
}

.gold-head { background-color: var(--gold); }
.blue-head { background-color: var(--primary-blue); }

.card-header h4 {
    margin: 0;
    font-size: 1.1rem;
    letter-spacing: 1px;
    font-weight: 700;
}

/* --- Card Body & List --- */
.card-body {
    height: 400px;
    overflow-y: auto;
    padding: 10px 20px;
    background: #fff;
}

.update-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.update-item {
    display: flex;
    align-items: flex-start;
    padding: 18px 12px;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    transition: var(--transition);
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
}

/* Hover Effect Desktop */
@media (hover: hover) {
    .update-item:hover {
        background-color: #f9f9f9;
        transform: translateX(8px);
    }
    .update-item:hover .date-box {
        background: var(--teal-bg);
        border-color: var(--teal-bg);
    }
    .update-item:hover .day, 
    .update-item:hover .month {
        color: var(--white);
    }
}

/* Mobile Active Touch Effect */
.update-item:active {
    background-color: #f0f3f6;
    transform: scale(0.98);
}

/* --- Components Inside List --- */
.date-box {
    background: #f0f3f6;
    min-width: 55px;
    height: 55px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    transition: 0.3s ease;
}

.day { font-weight: 800; font-size: 1.2rem; color: var(--primary-blue); line-height: 1; }
.month { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: var(--text-dark); }

.update-info .year {
    display: block;
    font-size: 0.85rem;
    color: var(--teal-bg);
    margin-bottom: 3px;
    font-weight: 700;
}

.title-text {
    margin: 0;
    font-size: 1.05rem;
    color: var(--primary-blue);
    font-weight: 700;
    line-height: 1.4;
}

/* --- Custom Scrollbar --- */
.custom-scroll::-webkit-scrollbar { width: 5px; }
.custom-scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .section-title { font-size: 1.8rem; }
    .updates-grid { grid-template-columns: 1fr; }
    .card-body { height: 350px; }
    .date-box { border-left: 3px solid var(--teal-bg); } /* मोबाइल विजुअल गाइड */
}
/* recent updates End*/
/*IMPACT SECTION STYLES start*/
/* Container Fix */
/* --- RESEARCH IMPACT SECTION (FINAL) --- */
.uvc-impact-wrapper {
    background-color: var(--primary-blue);
    padding: 80px 20px;
    color: var(--white);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
}

.uv-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Intro Styling */
.uvc-impact-intro {
    margin-bottom: 50px;
}

.uvc-mini-tag {
    color: var(--gold);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.uvc-main-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    font-weight: 900;
    margin: 10px 0;
}

.uvc-sub-desc {
    color: var(--text-silver);
    font-size: 1rem;
    max-width: 750px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.6;
}

/* Grid System */
.uvc-stats-mosaic {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* डेस्कटॉप पर 4 कॉलम */
    gap: 20px;
}

/* Individual Stat Box */
.uvc-stat-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.1);
    padding: 30px 20px;
    border-radius: 12px;
    transition: var(--transition-smooth);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.uvc-stat-box:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--gold);
    transform: translateY(-8px);
    box-shadow: var(--gold-glow);
}

.uvc-icon {
    font-size: 1.8rem;
    color: var(--gold-bright);
    margin-bottom: 15px;
    transition: 0.3s ease;
}

.uvc-stat-box:hover .uvc-icon {
    transform: scale(1.1);
}

.uvc-num-wrap {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.uvc-plus {
    color: var(--gold);
}

.uvc-label {
    font-size: 0.9rem;
    color: var(--text-silver);
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Trust Highlight Box */
.uvc-trust-highlight {
    background: linear-gradient(145deg, var(--gold-dark), var(--gold)) !important;
    border: none;
}

.uvc-trust-highlight .uvc-label,
.uvc-trust-highlight .uvc-trust-tags {
    color: var(--primary-blue);
    font-weight: 700;
}

.uvc-trust-tags {
    font-size: 1.2rem;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

/* RESPONSIVE BREAKPOINTS */

/* Tablets & Small Laptops (2-Column) */
@media (max-width: 992px) {
    .uvc-stats-mosaic {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

/* Mobile Devices (2-Column Grid Fix) */
@media (max-width: 600px) {
    .uvc-impact-wrapper {
        padding: 50px 15px;
    }

    .uvc-stats-mosaic {
        grid-template-columns: repeat(2, 1fr); /* मोबाइल पर 2 कॉलम फिक्स */
        gap: 12px;
    }

    .uvc-stat-box {
        padding: 20px 10px;
        min-height: 160px; /* बराबर ऊंचाई के लिए */
    }

    .uvc-icon {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .uvc-num-wrap {
        font-size: 1.5rem;
    }

    .uvc-label {
        font-size: 0.75rem;
        letter-spacing: 0;
    }

    .uvc-trust-tags {
        font-size: 0.9rem;
    }
}
/*IMPACT SECTION STYLES End*/
 /*touch us start*/
.uvc-signup-section {
    padding: 80px 0;
    background: var(--bg-light);
    text-align: center;
}

.uvc-signup-header h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    color: var(--primary-blue);
    font-weight: 900;
    margin-bottom: 15px;
}

.uvc-signup-header p {
    color: var(--text-gray);
    font-size: 1.1rem;
    margin-bottom: 50px;
}

/* Form Layout */
.uvc-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Floating Labels Logic */
.uvc-input-group {
    position: relative;
    border-bottom: 2px solid #ddd;
    transition: var(--transition);
}

.uvc-input-group input {
    width: 100%;
    padding: 15px 0;
    border: none;
    background: transparent;
    outline: none;
    font-size: 1.1rem;
    color: var(--text-dark);
}

.uvc-input-group label {
    position: absolute;
    left: 0;
    top: 15px;
    color: var(--text-gray);
    pointer-events: none;
    transition: 0.3s ease all;
}

/* Input focus animations */
.uvc-input-group input:focus + label,
.uvc-input-group input:not(:placeholder-shown) + label {
    top: -10px;
    font-size: 0.85rem;
    color: var(--gold);
    font-weight: 700;
}

.uvc-input-group:focus-within {
    border-color: var(--primary-blue);
}

/* Submit Button */
.uvc-btn-wrap { margin-top: 50px; }
.uvc-submit-btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 15px 60px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
}

.uvc-submit-btn:hover {
    background: var(--primary-blue);
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* Success Message Box */
.uvc-success-box {
    display: none;
    margin-top: 40px;
    animation: fadeInUp 0.5s forwards;
}

.uvc-success-box i { font-size: 3rem; color: var(--wa-green); margin-bottom: 15px; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 768px) {
    .uvc-form-grid { grid-template-columns: 1fr; padding: 0 20px; }
}
  /*touch us end*/
  /*footer start*/
/* ==================================================
   UNIVCOLL WORLD-CLASS FINAL FOOTER CSS
   ================================================== */

.uvc-footer {
    background-color: var(--primary-blue);
    color: var(--white);
    padding-top: 80px;
    position: relative;
    overflow: hidden;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    border-top: 1px solid rgba(212, 175, 55, 0.15); /* Subtle gold top border */
}

/* --- Elegant Top Glow Animation --- */
.uvc-footer-glow {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 3px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    animation: glow-slide 5s infinite linear;
}

@keyframes glow-slide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.uvc-footer-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
}

.uvc-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 50px;
    padding-bottom: 60px;
}

/* --- Brand Section --- */
.uvc-f-logo-wrap { 
    display: flex; 
    align-items: center; 
    gap: 15px; 
    margin-bottom: 25px; 
}

.uvc-f-logo { 
    width: 50px; 
    height: auto; 
    filter: drop-shadow(var(--gold-glow)); 
}

.uvc-f-brand-name { 
    font-size: 1.8rem; 
    font-weight: 800; 
    color: var(--gold); 
    letter-spacing: 1px; 
}

.uvc-f-desc { 
    color: var(--text-silver); 
    line-height: 1.7; 
    font-size: 0.95rem; 
    margin-bottom: 25px; 
}

/* --- Social Icons --- */
.uvc-social-icons { 
    display: flex; 
    gap: 12px; 
}

.uvc-s-link {
    width: 40px; 
    height: 40px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 50%; 
    color: var(--gold);
    transition: var(--transition-smooth); /* Using new smooth transition */
}

.uvc-s-link:hover {
    background: var(--gold); 
    color: var(--primary-blue);
    transform: translateY(-5px) rotate(360deg);
    box-shadow: var(--gold-glow);
}
.uvc-s-link i {
    color: var(--gold) !important; /* यह गोल्ड रंग को पक्का कर देगा */
    display: block;
    font-size: 1.1rem;
}
.uvc-s-link:hover i {
    color: var(--primary-blue) !important; /* होवर करने पर नीला हो जाएगा */
}

/* --- Column Headings --- */
.uvc-f-title {
    color: var(--white); 
    font-size: 1.1rem; 
    font-weight: 700;
    margin-bottom: 30px; 
    position: relative; 
    letter-spacing: 1px;
}

.uvc-f-title::after {
    content: ''; 
    position: absolute; 
    bottom: -10px; 
    left: 0;
    width: 40px; 
    height: 2px; 
    background: var(--gold);
}

/* --- Links Styling --- */
.uvc-f-links { 
    list-style: none; 
    padding: 0; 
}

.uvc-f-links li { 
    margin-bottom: 15px; 
}

.uvc-f-links a {
    color: var(--text-muted); 
    text-decoration: none;
    font-size: 0.95rem; 
    transition: 0.3s ease;
    display: inline-block;
}

.uvc-f-links a:hover { 
    color: var(--gold); 
    transform: translateX(8px); 
}

.uvc-f-gold-link { 
    color: var(--gold) !important; 
    font-weight: 600; 
}

.uvc-badge {
    background: var(--red); 
    color: var(--white); 
    font-size: 0.65rem;
    padding: 2px 8px; 
    border-radius: 20px; 
    margin-left: 5px; 
    vertical-align: middle;
}

.uvc-f-alert { 
    color: #ff6b6b !important; 
    font-style: italic; 
    font-weight: 500;
}

/* --- Contact & Parent Tag --- */
.uvc-contact-card p {
    color: var(--text-silver); 
    font-size: 0.95rem;
    margin-bottom: 15px; 
    display: flex; 
    align-items: center; 
    gap: 12px;
}

.uvc-contact-card i { 
    color: var(--gold); 
    font-size: 1.1rem; 
}

.uvc-parent-tag {
    margin-top: 30px; 
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-left: 3px solid var(--gold);
    border-radius: 0 8px 8px 0;
}

.uvc-parent-tag small { 
    color: var(--gold); 
    letter-spacing: 2px; 
    font-weight: 700; 
    text-transform: uppercase;
    font-size: 0.75rem;
}

.uvc-parent-tag p { 
    margin-top: 5px; 
    font-weight: 600; 
    font-size: 0.95rem;
    color: var(--white);
}

/* --- THE ELSEVIER SUB-FOOTER --- */
.uvc-sub-footer {
    background: var(--dark-night); /* Elsevier style deep black */
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.uvc-sf-inner {
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    gap: 40px;
}

.uvc-sf-brand { 
    font-size: 1.2rem; 
    font-weight: 900; 
    letter-spacing: 3px; 
    margin-bottom: 10px; 
    color: var(--white); 
    text-transform: uppercase;
}

.uvc-sf-left p { 
    font-size: 0.8rem; 
    color: var(--text-gray); 
    max-width: 700px; 
    line-height: 1.6; 
}

.uvc-sf-right { 
    display: flex; 
    gap: 25px; 
    flex-wrap: wrap; 
}

.uvc-sf-right a {
    color: var(--text-muted); 
    text-decoration: none; 
    font-size: 0.85rem;
    display: flex; 
    align-items: center; 
    gap: 8px; 
    transition: 0.3s;
}

.uvc-sf-right a i { 
    font-size: 0.7rem; 
    color: var(--gold); 
}

.uvc-sf-right a:hover { 
    color: var(--white); 
}

.uvc-cookie-link { 
    border: 1px solid #333; 
    padding: 5px 12px; 
    border-radius: 4px; 
}

/* --- MOBILE RESPONSIVE MAGIC --- */
@media (max-width: 992px) {
    .uvc-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .uvc-footer-grid { 
        grid-template-columns: 1fr; 
        text-align: center; 
        gap: 40px;
    }
    .uvc-f-title::after { left: 50%; transform: translateX(-50%); }
    .uvc-social-icons { justify-content: center; }
    .uvc-f-logo-wrap { justify-content: center; }
    .uvc-sf-inner { flex-direction: column; text-align: center; }
    .uvc-sf-right { justify-content: center; }
    .uvc-f-links a:hover { transform: translateY(-3px); }
    .uvc-parent-tag { border-left: none; border-top: 3px solid var(--gold); border-radius: 8px; }
}
  /*footer end*/
  /*audio*/
.audio-box {
      text-align: center;
      padding: 30px;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }

    .audio-btn {
      padding: 12px 25px;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      background: #007bff;
      color: #fff;
      cursor: pointer;
      transition: 0.3s;
    }

    .audio-btn:hover {
      background: #0056b3;
    }

    .audio-btn:active {
      transform: scale(0.95);
    }
  /*audio end*/
  /*home end*/


/* --- 1. Top Black Bar & Ticker (Journal Page upar ka part)--- */
/* ================================================================
   1. GLOBAL RESET & BASE SETTINGS
   ================================================================ */
/* ================================================================
   1. GLOBAL RESET & WRAPPERS
   ================================================================ */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.uc-main-wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
}

.uc-container {
    max-width: 1440px;
    margin: 0 auto;
    width: 95%;
}

/* लैपटॉप पर मोबाइल के एक्स्ट्रा एलिमेंट्स को छुपाना */
.uc-mobile-only, .uc-mobile-sidebar, .uc-mobile-scroll-row {
    display: none !important;
}

/* ================================================================
   2. LAPTOP DESIGN (FOR DESKTOP / COMPUTER)
   ================================================================ */

.uc-top-ultra-bar {
    background: #000;
    color: #fff;
    padding: 8px 0;
    border-bottom: 1px solid #222;
}

.uc-top-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.uc-contact-side {
    display: flex;
    align-items: center;
    gap: 20px;
}

.uc-contact-side a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 500;
}

.uc-contact-side i { color: #F0A500; }

.uc-ticker-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 60px;
    overflow: hidden;
}

.uc-latest-btn {
    background: #ff0000;
    color: #fff;
    padding: 2px 10px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 15px;
}

.uc-ticker-window { overflow: hidden; white-space: nowrap; flex: 1; }

.uc-ticker-move {
    display: inline-block;
    animation: uc-ticker-kf 15s linear infinite;
    font-size: 13px;
    color: #eee;
}

@keyframes uc-ticker-kf {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.uc-x-close {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    margin-left: 15px;
}

.uc-hub-row {
    background: #002147;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.uc-hub-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uc-brand-identity {
    display: flex;
    align-items: center;
    gap: 15px;
}

.uc-brand-identity img { height: 55px; width: auto; }
.uc-brand-name { color: #fff; font-size: 28px; font-weight: 800; letter-spacing: 1px; }

.uc-action-btns { display: flex; gap: 10px; }

.uc-btn {
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: 0.3s;
}

.uc-home { background: #F0A500; color: #000 !important; }
.uc-teal { background: #008080; } 
.uc-red { background: #e60000; } 
.uc-cyan { background: #00ced1; } 
.uc-orange { background: #ff8c00; }

.uc-main-nav {
    background: #001a35;
    border-bottom: 4px solid #F0A500;
    position: relative; /* ड्रॉपडाउन के लिए ज़रूरी */
}

.uc-nav-center { display: flex; justify-content: center; }

.uc-nav-list {
    list-style: none !important;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 5px;
}

.uc-nav-list > li {
    position: relative; /* ड्रॉपडाउन को LI के हिसाब से सेट करने के लिए */
}

.uc-nav-list li a, .uc-nav-list li .uc-drop-head {
    color: #fff !important;
    padding: 18px 20px;
    display: block;
    font-weight: 600;
    font-size: 14.5px;
    text-decoration: none !important;
    cursor: pointer;
}

/* ================================================================
   LAPTOP DROPDOWN REPAIR (FINAL MASTER FIX)
   ================================================================ */

/* ड्रॉपडाउन का ढांचा (शुरू में छुपा हुआ) */
.uc-drop-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff !important;
    min-width: 250px;
    padding: 10px 0;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    border-top: 3px solid #F0A500;
    
    display: none; /* डिफ़ॉल्ट रूप से बंद */
    visibility: hidden;
    opacity: 0;
    z-index: 9999999 !important;
    list-style: none !important;
}

/* लैपटॉप पर माउस ले जाते ही (HOVER) मेनू खुलना चाहिए */
@media screen and (min-width: 992px) {
    .uc-has-drop:hover > .uc-drop-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* आइकॉन को माउस की अड़चन से बचाना */
    .uc-nav-list li i {
        pointer-events: none;
    }
}

/* ड्रॉपडाउन के अंदर के लिंक्स */
.uc-drop-menu li {
    width: 100%;
}

.uc-drop-menu li a {
    color: #333 !important;
    padding: 12px 20px !important;
    display: block !important;
    text-decoration: none !important;
    font-size: 14.5px;
    font-weight: 500;
    text-align: left;
    transition: 0.2s;
}

.uc-drop-menu li a:hover {
    background: #f8f9fa !important;
    color: #F0A500 !important;
    padding-left: 25px !important;
}
/*==========UGC NET 1st Paper========*/

/* --- UNIQUE ATTENTION BUTTON --- */
.uc-net-attention-btn {
    position: relative;
    display: inline-flex;
    padding: 3px; /* बॉर्डर के लिए जगह */
    background: #008b8b;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* घूमती हुई बॉर्डर (The Attention Seeker) */
.uc-net-attention-btn::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 400%;
    background: conic-gradient(
        transparent, 
        #ff8c00, 
        #ffd700, 
        transparent 30%
    );
    top: -150%;
    left: -25%;
    animation: rotate-border 4s linear infinite;
}

/* बटन का अंदरूनी हिस्सा */
.uc-net-content {
    position: relative;
    background: #0a1e3d; /* आपके ब्रांड का नेवी ब्लू */
    padding: 10px 25px;
    border-radius: 6px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uc-net-content i {
    color: #ff8c00 !important; /* आइकॉन ऑरेंज में */
    font-size: 1.2rem;
    filter: drop-shadow(0 0 5px #ff8c00);
}

.uc-net-content span {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 0.95rem;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* होवर करने पर बटन का व्यवहार */
.uc-net-attention-btn:hover {
    transform: scale(1.08) rotate(-1deg);
}

.uc-net-attention-btn:hover::before {
    animation-duration: 1.5s; /* होवर पर बॉर्डर तेज घूमेगी */
}

/* Flare Effect: एक चमक जो आर-पार जाती है */
.uc-net-flare {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255, 221, 0, 0.4), 
        transparent
    );
    z-index: 3;
    animation: flare-swipe 3s infinite;
}

/* एनिमेशन की परिभाषा */
@keyframes rotate-border {
    100% { transform: rotate(360deg); }
}

@keyframes flare-swipe {
    0% { left: -100%; }
    30% { left: 150%; }
    100% { left: 150%; }
}
/* ================================================================
   3. MOBILE MASTER DESIGN (UNDER 991PX ONLY)
   ================================================================ */
@media screen and (max-width: 991px) {
    
    .uc-action-btns, .uc-main-nav, .uc-laptop-only {
        display: none !important;
    }

    .uc-mobile-only {
        display: flex !important;
    }

    .uc-top-flex {
        justify-content: center !important;
        flex-direction: column;
        padding: 10px 0;
    }
    .uc-contact-side { gap: 15px; justify-content: center; }

    .uc-ticker-wrapper {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 8px 10px;
        background: #000;
    }
    .uc-ticker-move { animation-duration: 10s; }

    .uc-hub-flex {
        justify-content: space-between !important;
        padding: 12px 8px !important;
    }

    .uc-brand-identity {
        flex-direction: column !important;
        min-width: 60px;
        gap: 2px !important;
    }
    .uc-brand-identity img { height: 35px !important; }
    .uc-brand-name { font-size: 9px !important; text-align: center; }

    .uc-mobile-mid-btns {
        display: flex !important;
        gap: 4px;
        flex: 1;
        justify-content: center;
    }
    .uc-m-btn {
        background: #2979FF;
        color: #fff !important;
        font-size: 8.5px;
        padding: 7px 2px;
        text-decoration: none;
        border-radius: 3px;
        min-width: 65px;
        text-align: center;
        font-weight: bold;
    }

    .uc-burger-wrapper {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        background: #002147;
        color: #fff;
        padding: 5px 8px;
        border-radius: 4px;
        min-width: 55px;
    }
    .uc-burger-wrapper i { font-size: 18px; }
    .uc-burger-wrapper span { font-size: 8px; font-weight: bold; margin-top: 2px; }

    .uc-mobile-scroll-row {
        display: block !important;
        background: #001a35;
        padding: 10px 0;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .uc-scroll-container { display: inline-flex; padding: 0 15px; gap: 10px; }
    .uc-s-btn {
        padding: 8px 18px;
        border-radius: 5px;
        color: #fff !important;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
    }
    .s-home { background: #f0a500; color: #000 !important; }
    .s-blogs { background: #008080; }
    .s-classroom { background: #e60000; }
    .s-interview { background: #00ced1; }
    .s-thesis, .s-research { background: #ff8c00; }

    .uc-mobile-scroll-row::-webkit-scrollbar { display: none; }

    /* --- MOBILE SIDEBAR --- */
    .uc-mobile-sidebar {
        display: block !important;
        position: fixed;
        top: 0;
        right: -100%;
        width: 85%;
        height: 100%;
        background: #001a35;
        z-index: 10000;
        transition: 0.4s;
        overflow-y: auto;
    }

    .uc-mobile-sidebar.is-active {
        right: 0 !important;
    }

    .uc-sidebar-header {
        padding: 20px;
        background: #002147;
        display: flex;
        justify-content: space-between;
        color: #fff;
        border-bottom: 1px solid #F0A500;
    }
    
    .uc-mobile-main-list { list-style: none; padding: 10px 20px; }
    .uc-mobile-main-list li { border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0; }
    .uc-mobile-main-list li a { color: #fff !important; text-decoration: none; font-size: 16px; font-weight: 600; }

    .uc-side-flex { display: flex; justify-content: space-between; align-items: center; }
    .uc-plus { color: #F0A500; font-size: 18px; }
    .uc-mobile-sub { display: none; padding: 10px 0 0 20px; list-style: none; }
    .uc-mobile-sub li { border: none; padding: 8px 0; }
}
/*journal by category*/
/* Sidebar Styles */
 /* 3. Your CSS Styles */
        .journal-system-container {
            display: flex;
            max-width: 1400px;
            margin: 0 auto;
            gap: 30px;
            padding: 20px;
            background-color: var(--white);
        }

        .subject-sidebar {
            width: 25%;
            border-right: 1px solid var(--text-silver);
            padding-right: 20px;
        }

        .sidebar-title {
            color: var(--primary-blue);
            font-size: 1.1rem;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--gold);
        }

        .subject-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px; 
}

.subject-list li {
    position: relative;
    padding: 12px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-blue);
    background: var(--white);
    border: 1px solid #eef2f5;
    border-radius: 8px; 
    cursor: pointer;
    overflow: hidden; 
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
}

.subject-list li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 100%;
    background-color: var(--primary-blue);
    z-index: -1;
    transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.subject-list li:hover {
    color: var(--white);
    border-color: var(--primary-blue);
    transform: translateX(6px); 
    box-shadow: 0 6px 15px rgba(10, 30, 61, 0.15); 
}

.subject-list li:hover::before {
    width: 100%; 
}

.subject-list li.active {
    background: var(--primary-blue);
    color: var(--white);
    border: 1px solid var(--primary-blue); 
    border-left: 5px solid var(--gold); 
    box-shadow: 0 8px 20px rgba(10, 30, 61, 0.25);
    transform: translateX(8px); 
}

.subject-list li::after {
    content: '\f105'; 
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free"; 
    font-weight: 900;
    color: var(--gold);
    opacity: 0;
    transform: translateX(-15px); 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.subject-list li:hover::after,
.subject-list li.active::after {
    opacity: 1;
    transform: translateX(0); 
}

        .journal-content { display: flex; flex-direction: column; }
        .journal-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}
        .journal-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            margin-bottom: 40px;
            min-height: 800px;
        }
        #journal-grid {
    display: grid !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 20px auto 0 !important;
}

        .journal-card {
            background: var(--white);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border: 1px solid var(--bg-light);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding-bottom: 15px;
            height: max-content;
        }

        .journal-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-lg), var(--gold-glow);
            border-color: var(--gold);
        }

        .journal-cover-wrapper {
            width: 100%;
            aspect-ratio: 3/4;
            overflow: hidden;
            background-color: var(--bg-light);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }

        .journal-cover { width: 100%; height: 100%; object-fit: cover; transition: var(--transition); }
        .journal-card:hover .journal-cover { transform: scale(1.05); }

        .journal-title {
            font-size: 0.95rem;
            color: var(--primary-blue);
            font-weight: 600;
            padding: 0 15px;
            line-height: 1.4;
            margin-bottom: 10px;
        }

        .pagination-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-top: auto;
            padding-top: 20px;
            border-top: 1px dashed var(--text-silver);
        }

        .page-btn, .page-num {
            padding: 8px 16px;
            border: none;
            background: var(--bg-light);
            color: var(--text-dark);
            font-weight: 600;
            cursor: pointer;
            border-radius: 4px;
            transition: var(--transition-smooth);
        }

        .page-btn:hover:not(:disabled), .page-num:hover {
            background: var(--primary-blue);
            color: var(--white);
            box-shadow: var(--shadow-sm);
        }

        .page-num.active { background: var(--gold); color: var(--white); pointer-events: none; }
        .page-btn:disabled { opacity: 0.5; cursor: not-allowed; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @media screen and (max-width: 992px) { .journal-grid { grid-template-columns: repeat(2, 1fr); } }
        @media screen and (max-width: 768px) {
            .journal-system-container { flex-direction: column; }
            .journal-content { width: 100%; order: 1; }
            .subject-sidebar { width: 100%; order: 2; border-right: none; border-top: 2px solid var(--gold); padding-top: 20px; margin-top: 20px; }
            .journal-grid { grid-template-columns: repeat(2, 1fr); min-height: auto; }
        }
        @media screen and (max-width: 480px) {
            .page-btn { padding: 6px 10px; font-size: 0.8rem; }
            .page-num { padding: 6px 10px; }
        }
        /* =========================================================
   MOBILE & TABLET GRID OPTIMIZATION (8 Journals / 4 Rows)
========================================================= */
@media (max-width: 992px) {
    #journal-grid {
        display: grid !important;
        /* मोबाइल पर 2 कॉलम पक्का करने के लिए */
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 20px 15px !important; 
        padding: 15px 10px !important;
        align-items: start !important;
    }

    .journal-card {
        /* मोबाइल पर कार्ड की चौड़ाई और गैप सेट करना */
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    .journal-cover-wrapper {
        height: auto !important; /* इमेज को दबने से बचाएगा */
    }

    .journal-title {
        font-size: 0.85rem !important;
        line-height: 1.3 !important;
        margin: 10px 0 !important;
        height: 2.6rem !important; /* टाइटल को 2 लाइन तक सीमित रखेगा ताकि सब एक बराबर दिखें */
        overflow: hidden;
    }

    /* मोबाइल पर बटन्स को थोड़ा छोटा और साफ़ दिखाने के लिए */
    .journal-actions {
        padding: 0 5px !important;
        gap: 8px !important;
    }

    .btn-main, .btn-sub {
        padding: 6px 4px !important;
        font-size: 0.75rem !important;
    }
}
/* research journal heading*/
/* ================================================================
   WORLD CLASS RESEARCH JOURNALS HEADING
   ================================================================ */

.uc-premium-heading-box {
    text-align: center;
    margin-bottom: 3rem;
    padding: 20px 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 30px !important;
    width: 100% !important;
}

.uc-ultra-modern-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 2.8rem; /* लैपटॉप के लिए दमदार साइज */
    font-weight: 800;
    color: var(--primary-blue);
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin: 0;
    padding: 0;
}

/* एनीमेटेड टेक्स्ट इफेक्ट */
.uc-main-text {
    background: linear-gradient(to right, var(--primary-blue) 20%, var(--gold) 40%, var(--gold-bright) 60%, var(--primary-blue) 80%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: uc-shine-gold 4s linear infinite;
    position: relative;
}

/* गोल्ड लाइन्स (Dashed/Modern Look) */
.uc-title-line {
    height: 3px;
    flex: 1;
    max-width: 80px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
    position: relative;
    border-radius: 10px;
}

/* सब-कैप्शन स्टाइल */
.uc-sub-caption {
    font-size: 0.95rem;
    color: var(--text-gray);
    font-weight: 500;
    margin-top: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    opacity: 0;
    animation: uc-fade-up 1s ease forwards 0.5s;
}

/* --- ANIMATIONS --- */

/* गोल्ड शाइन एनीमेशन */
@keyframes uc-shine-gold {
    to { background-position: 200% center; }
}

/* हल्का सा ऊपर आने वाला इफेक्ट */
@keyframes uc-fade-up {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* माउस ले जाने पर जादू (Hover Effect) */
.uc-ultra-modern-title:hover .uc-main-text {
    transform: scale(1.05);
    transition: var(--transition);
    text-shadow: var(--gold-glow);
}

/* ================================================================
   MOBILE RESPONSIVENESS
   ================================================================ */
@media screen and (max-width: 991px) {
    .uc-ultra-modern-title {
        font-size: 1.8rem;
        gap: 10px;
    }
    .uc-title-line {
        max-width: 40px;
    }
    .uc-sub-caption {
        font-size: 0.7rem;
        letter-spacing: 2px;
    }
}
/* research journal heading End */
/* journal publications page end*/
/*buy book page start*/
/* =========================================================
   BOOKS BY CATEGORY PAGE
   ========================================================= */

.book-system-container {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    gap: 30px;
    padding: 20px;
    background-color: var(--white);
}

.book-subject-sidebar {
    width: 25%;
    border-right: 1px solid var(--text-silver);
    padding-right: 20px;
}

.book-sidebar-title {
    color: var(--primary-blue);
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--gold);
}

.book-subject-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.book-subject-list li {
    position: relative;
    padding: 12px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-blue);
    background: var(--white);
    border: 1px solid #eef2f5;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.book-subject-list li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--primary-blue);
    z-index: -1;
    transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.book-subject-list li:hover {
    color: var(--white);
    border-color: var(--primary-blue);
    transform: translateX(6px);
    box-shadow: 0 6px 15px rgba(10, 30, 61, 0.15);
}

.book-subject-list li:hover::before {
    width: 100%;
}

.book-subject-list li.active {
    background: var(--primary-blue);
    color: var(--white);
    border: 1px solid var(--primary-blue);
    border-left: 5px solid var(--gold);
    box-shadow: 0 8px 20px rgba(10, 30, 61, 0.25);
    transform: translateX(8px);
}

.book-subject-list li::after {
    content: '\f105';
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--gold);
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.book-subject-list li:hover::after,
.book-subject-list li.active::after {
    opacity: 1;
    transform: translateX(0);
}

.book-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.book-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
    min-height: 800px;
    width: 100%;
}

#book-grid {
    display: grid;
    justify-content: center;
    width: 100%;
    margin: 20px auto 0;
}

.book-card {
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid var(--bg-light);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 15px;
    height: max-content;
}

.book-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg), var(--gold-glow);
    border-color: var(--gold);
}

.book-cover-wrapper {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background-color: var(--bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.book-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.book-card:hover .book-cover {
    transform: scale(1.05);
}

.book-title {
    font-size: 0.95rem;
    color: var(--primary-blue);
    font-weight: 600;
    padding: 0 15px;
    line-height: 1.4;
    margin-bottom: 10px;
    min-height: 2.8em;
}

.book-meta {
    font-size: 0.85rem;
    color: var(--text-gray);
    margin-bottom: 8px;
    padding: 0 15px;
}

.book-price {
    font-size: 1rem;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 12px;
}

.book-actions {
    display: flex;
    gap: 8px;
    padding: 0 12px;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.book-btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
    transition: var(--transition-smooth);
    border: none;
    cursor: pointer;
}

.book-btn-primary {
    background: var(--primary-blue);
    color: var(--white);
}

.book-btn-primary:hover {
    background: var(--gold);
    color: var(--white);
}

.book-btn-secondary {
    background: var(--bg-light);
    color: var(--text-dark);
}

.book-btn-secondary:hover {
    background: var(--primary-blue);
    color: var(--white);
}

.book-pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px dashed var(--text-silver);
    width: 100%;
}

.book-page-btn,
.book-page-num {
    padding: 8px 16px;
    border: none;
    background: var(--bg-light);
    color: var(--text-dark);
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: var(--transition-smooth);
}

.book-page-btn:hover:not(:disabled),
.book-page-num:hover {
    background: var(--primary-blue);
    color: var(--white);
    box-shadow: var(--shadow-sm);
}

.book-page-num.active {
    background: var(--gold);
    color: var(--white);
    pointer-events: none;
}

.book-page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.bk-premium-heading-box {
    text-align: center;
    margin-bottom: 3rem;
    padding: 20px 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 30px;
    width: 100%;
}

.bk-ultra-modern-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--primary-blue);
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin: 0;
    padding: 0;
}

.bk-main-text {
    background: linear-gradient(to right, var(--primary-blue) 20%, var(--gold) 40%, var(--gold-bright) 60%, var(--primary-blue) 80%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: bk-shine-gold 4s linear infinite;
    position: relative;
}

.bk-title-line {
    height: 3px;
    flex: 1;
    max-width: 80px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
    position: relative;
    border-radius: 10px;
}

.bk-sub-caption {
    font-size: 0.95rem;
    color: var(--text-gray);
    font-weight: 500;
    margin-top: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    opacity: 0;
    animation: bk-fade-up 1s ease forwards 0.5s;
}

@keyframes bk-shine-gold {
    to { background-position: 200% center; }
}

@keyframes bk-fade-up {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bk-ultra-modern-title:hover .bk-main-text {
    transform: scale(1.05);
    transition: var(--transition);
    text-shadow: var(--gold-glow);
}

@media screen and (max-width: 992px) {
    .book-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bk-ultra-modern-title {
        font-size: 1.8rem;
        gap: 10px;
    }

    .bk-title-line {
        max-width: 40px;
    }

    .bk-sub-caption {
        font-size: 0.7rem;
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 768px) {
    .book-system-container {
        flex-direction: column;
    }

    .book-content {
        width: 100%;
        order: 1;
    }

    .book-subject-sidebar {
        width: 100%;
        order: 2;
        border-right: none;
        border-top: 2px solid var(--gold);
        padding-top: 20px;
        margin-top: 20px;
    }

    .book-grid {
        grid-template-columns: repeat(2, 1fr);
        min-height: auto;
    }
}

@media screen and (max-width: 480px) {
    .book-page-btn {
        padding: 6px 10px;
        font-size: 0.8rem;
    }

    .book-page-num {
        padding: 6px 10px;
    }

    .book-actions {
        gap: 6px;
    }

    .book-btn {
        padding: 7px 10px;
        font-size: 0.76rem;
    }
}
/**buy book page start/

/*book publish with us start*/
/* Unique Scoped Styles for Publish Page */
/*section1*/
#ucp-publish-section-2026 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--bg-light);
    color: var(--text-dark);
    padding-bottom: 80px;
    line-height: 1.6;
}

/* Premium Typography for Scholars */
.ucp-main-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3.5rem);
    color: var(--gold);
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

/* Hero Container with Deep Gradient */
.ucp-hero-box {
    background: linear-gradient(145deg, var(--primary-blue), #162a4d);
    padding: 100px 20px;
    text-align: center;
    border-bottom: 5px solid var(--gold);
    border-radius: 0 0 50px 50px;
    box-shadow: var(--shadow-lg);
}

/* Floating Feature Cards Grid */
.ucp-features-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: -60px auto 50px;
    padding: 0 20px;
}

.ucp-feature-item {
    background: var(--white);
    padding: 35px;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: var(--transition);
    text-align: center;
}

.ucp-feature-item:hover {
    transform: translateY(-12px);
    box-shadow: var(--gold-glow);
    border-color: var(--gold);
}

/* Unique Action Buttons */
.ucp-btn-gold-lx {
    background: linear-gradient(to right, var(--gold), var(--gold-bright));
    color: var(--primary-blue) !important;
    padding: 18px 40px;
    font-weight: 800;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.ucp-btn-gold-lx:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6);
}

.ucp-mail-highlight{
    color: #ffffff;
    background: #0a1e3d;
    padding: 5px 14px;
    border-radius: 30px;
    font-weight: 800;
    letter-spacing: 0.3px;
    box-shadow: 0 0 18px rgba(255,255,255,0.35);
    animation: ucpGlowMail 2s infinite alternate;
    word-break: break-word;
}

@keyframes ucpGlowMail{
    from{
        box-shadow: 0 0 8px rgba(255,255,255,0.15);
        transform: scale(1);
    }
    to{
        box-shadow: 0 0 22px rgba(255,255,255,0.55);
        transform: scale(1.03);
    }
}

@media (max-width: 480px){

    .ucp-btn-gold-lx{
        padding: 14px 18px;
        font-size: 0.95rem;
    }

    .ucp-mail-highlight{
        font-size: 0.9rem;
        padding: 5px 10px;
    }
}

/*submit-paper button*/
/* =========================================================
   RESEARCH PAPER CTA SECTION
   UNIQUE PREMIUM BUTTON DESIGN
========================================================= */

.ucp-rp-cta-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 22px;
    text-align: center;
}

.ucp-rp-cta-text{
    font-size: 1.05rem;
    font-weight: 700;
    color: gold;
    letter-spacing: 0.3px;
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(255,255,255,0.15);
}

.ucp-rp-cta-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 34px;
    border-radius: 60px;
    background: linear-gradient(135deg,#0a1e3d,#174786);
    color: red;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 1.2px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 12px 28px rgba(10,30,61,0.28);
    isolation: isolate;
    animation: ucpRpBtnFloat 2.8s infinite ease-in-out;
}

.ucp-rp-cta-btn::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.28) 50%,
        transparent 80%
    );
    transform: translateX(-120%);
    transition: transform 0.7s ease;
    z-index: -1;
}

.ucp-rp-cta-btn:hover::before{
    transform: translateX(120%);
}

.ucp-rp-cta-btn:hover{
    transform: translateY(-4px) scale(1.04);
    background: linear-gradient(135deg,#d4af37,#f5c84c);
    color: #0a1e3d;
    box-shadow: 0 18px 38px rgba(10,30,61,0.35);
}

.ucp-rp-cta-btn:active{
    transform: scale(0.98);
}

.ucp-rp-pulse-ring{
    position: absolute;
    right: 16px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffffff;
    animation: ucpRpPulseRing 1.8s infinite;
}

@keyframes ucpRpPulseRing{

    0%{
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255,255,255,0.75);
    }

    70%{
        transform: scale(1.45);
        box-shadow: 0 0 0 16px rgba(255,255,255,0);
    }

    100%{
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
    }
}

@keyframes ucpRpBtnFloat{

    0%,100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(-4px);
    }
}

/* =========================
   TABLET RESPONSIVE
========================= */

@media (max-width: 768px){

    .ucp-rp-cta-wrap{
        gap: 12px;
    }

    .ucp-rp-cta-text{
        font-size: 0.98rem;
    }

    .ucp-rp-cta-btn{
        padding: 12px 26px;
        font-size: 0.9rem;
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */

@media (max-width: 480px){

    .ucp-rp-cta-wrap{
        flex-direction: column;
        gap: 10px;
    }

    .ucp-rp-cta-text{
        width: 100%;
        font-size: 0.92rem;
        line-height: 1.45;
    }

    .ucp-rp-cta-btn{
        width: 100%;
        max-width: 290px;
        padding: 12px 18px;
        font-size: 0.88rem;
        letter-spacing: 0.8px;
    }

    .ucp-rp-pulse-ring{
        right: 14px;
        width: 12px;
        height: 12px;
    }
}

/* High-Attention Buttons Section */
.ucp-attention-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
}

/* Unique ID for Guidelines - Pulsing Red */
#ucp-id-guidelines-trigger {
    background-color: var(--red);
    color: white;
    padding: 16px 30px;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    animation: ucp-pulse-red 2s infinite;
    cursor: pointer;
}

/* Unique ID for Discount - Vibrant Gold */
#ucp-id-discount-flash {
    background-color: var(--gold-bright);
    color: var(--primary-blue);
    padding: 16px 30px;
    border-radius: 8px;
    font-weight: 800;
    border: 2px dashed var(--gold-dark);
    transition: 0.3s;
    cursor: pointer;
}

#ucp-id-discount-flash:hover {
    background-color: var(--white);
    transform: rotate(-2deg);
}

/* Unique Animations */
@keyframes ucp-pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 0, 0, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}

/* Mobile Friendly Adjustments */
@media screen and (max-width: 768px) {
    .ucp-hero-box { padding: 60px 15px; border-radius: 0; }
    .ucp-features-container { margin-top: 30px; }
    .ucp-attention-footer { flex-direction: column; width: 100%; padding: 0 20px; }
    #ucp-id-guidelines-trigger, #ucp-id-discount-flash { width: 100%; }
}
/*section2*/
/* Scoped CSS for UnivColl Publishing Roadmap */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;600&display=swap');

#ucp-2026-main-wrapper {
    /* पिछला गैप खत्म करने के लिए Negative Margin */
    margin-top: -120px; 
    padding: 20px 20px 80px 20px;
    background: var(--bg-light);
    position: relative;
    z-index: 10; /* ताकि यह पिछले सेक्शन के ऊपर सही से सेट हो सके */
    overflow: hidden;
}

/* अगर मोबाइल पर गैप कम करना हो तो */
@media (max-width: 768px) {
    #ucp-2026-main-wrapper {
        margin-top: -60px; 
        padding-top: 10px;
    }
}

.ucp-2026-section-header {
    text-align: center;
    margin-bottom: 60px;
}

.ucp-2026-section-header h2 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-blue);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    margin-bottom: 10px;
}
/* */
.ucp-process-line{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #0a1e3d;
    line-height: 1.6;
    text-align: center;
}

.ucp-process-line span{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.ucp-process-line i{
    font-size: 0.72rem;
    color: #d4af37;
}

@media (max-width: 768px){

    .ucp-process-line{
        font-size: 0.78rem;
        gap: 6px;
        padding: 8px 10px;
    }

    .ucp-process-line i{
        font-size: 0.65rem;
    }
}

@media (max-width: 480px){

    .ucp-process-line{
        font-size: 0.72rem;
        gap: 5px;
        line-height: 1.5;
    }
}

/* Roadmap Container */
.ucp-2026-roadmap-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

/* Vertical Line for Laptop */
.ucp-2026-roadmap-container::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, var(--gold), var(--teal-bg), transparent);
    z-index: 1;
}

/* Step Card Styles */
.ucp-2026-step-card {
    width: 45%;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
    transition: var(--transition);
}

.ucp-2026-step-card:nth-child(odd) { float: left; text-align: right; clear: both; }
.ucp-2026-step-card:nth-child(even) { float: right; text-align: left; clear: both; }

.ucp-2026-step-content {
    background: var(--white);
    padding: 30px;
    border-radius: 15px;
    box-shadow: var(--shadow-sm);
    border-bottom: 4px solid var(--gold);
    transition: var(--transition-smooth);
}

.ucp-2026-step-card:hover .ucp-2026-step-content {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
}

.ucp-2026-step-icon {
    font-size: 2rem;
    margin-bottom: 15px;
    display: inline-block;
}

.ucp-2026-step-title {
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 8px;
}

/* Dot on the Timeline */
.ucp-2026-dot {
    width: 20px;
    height: 20px;
    background: var(--gold);
    border: 4px solid var(--white);
    border-radius: 50%;
    position: absolute;
    top: 30px;
    z-index: 3;
}

.ucp-2026-step-card:nth-child(odd) .ucp-2026-dot { right: -12.5%; }
.ucp-2026-step-card:nth-child(even) .ucp-2026-dot { left: -12.5%; }

/* Custom Action Buttons Styling */
.ucp-2026-action-area {
    text-align: center;
    margin-top: 50px;
    clear: both;
}

#ucp-2026-btn-guidelines {
    background: var(--red);
    color: var(--white);
    padding: 18px 35px;
    border-radius: 10px;
    font-weight: bold;
    border: none;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.3);
    cursor: pointer;
    margin: 10px;
    animation: ucp-2026-pulse 2s infinite;
}

#ucp-2026-btn-discount {
    background: linear-gradient(45deg, var(--gold), var(--gold-bright));
    color: var(--primary-blue);
    padding: 18px 35px;
    border-radius: 10px;
    font-weight: 800;
    border: 2px dashed var(--gold-dark);
    cursor: pointer;
    margin: 10px;
    box-shadow: var(--gold-glow);
}

@keyframes ucp-2026-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Responsive Fix for Mobile */
@media (max-width: 768px) {
    .ucp-2026-roadmap-container::before { left: 20px; }
    .ucp-2026-step-card { width: 100%; float: none !important; text-align: left !important; padding-left: 50px; }
    .ucp-2026-dot { left: 11px !important; }
}
/*section 3 */
/* Unique CSS for "Why Choose UnivColl" Section */
#ucp-why-section-2026 {
    background-color: var(--white);
    padding: 60px 20px;
    margin-top: -30px; /* गैप कम करने के लिए */
    font-family: 'Inter', sans-serif;
}

.ucp-why-container {
    max-width: 1200px;
    margin: 0 auto;
}

.ucp-why-header {
    text-align: center;
    margin-bottom: 50px;
}

.ucp-why-header h2 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-blue);
    font-size: clamp(2rem, 4vw, 3rem);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.ucp-why-header h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gold);
    border-radius: 2px;
}

/* Grid Layout */
.ucp-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
    padding: 10px;
}

/* Premium Card Design */
.ucp-why-card {
    background: var(--bg-light);
    padding: 35px 25px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid transparent;
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
}

.ucp-why-card:hover {
    background: var(--white);
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
    border-color: var(--gold);
}

.ucp-why-icon-box {
    font-size: 2.5rem;
    margin-bottom: 20px;
    display: block;
    transition: transform 0.4s ease;
}

.ucp-why-card:hover .ucp-why-icon-box {
    transform: scale(1.2) rotate(5deg);
}

.ucp-why-card h3 {
    color: var(--primary-blue);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.ucp-why-card p {
    color: var(--text-gray);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Attention Grabbing Buttons Area */
.ucp-why-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
}

/* High Priority Buttons */
#ucp-why-guidelines-btn {
    background: var(--red);
    color: var(--white);
    padding: 15px 35px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
    animation: ucp-red-glow 2s infinite linear;
}

#ucp-why-discount-btn {
    background: linear-gradient(135deg, var(--gold-bright), var(--gold));
    color: var(--primary-blue);
    padding: 15px 35px;
    border-radius: 8px;
    font-weight: 800;
    text-decoration: none;
    border: 2px dashed var(--gold-dark);
    box-shadow: var(--gold-glow);
    transition: 0.3s;
}

#ucp-why-discount-btn:hover {
    background: var(--white);
    border-style: solid;
}

/* Keyframe for Red Button */
@keyframes ucp-red-glow {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); box-shadow: 0 4px 25px rgba(255, 0, 0, 0.5); }
    100% { transform: scale(1); }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    #ucp-why-section-2026 { padding: 40px 15px; margin-top: -10px; }
    .ucp-why-grid { gap: 15px; }
    .ucp-why-cta { flex-direction: column; width: 100%; }
    #ucp-why-guidelines-btn, #ucp-why-discount-btn { text-align: center; }
}
/*section 5*/
/* Scoped FAQ Styling for UnivColl */
#ucp-faq-section-2026 {
    background-color: var(--bg-light);
    padding: 40px 20px;
    margin-top: -20px; /* पिछले सेक्शन से सटा हुआ */
    font-family: 'Inter', sans-serif;
}

.ucp-faq-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.ucp-faq-header {
    text-align: center;
    margin-bottom: 40px;
}

.ucp-faq-header h2 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-blue);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    border-bottom: 3px solid var(--gold);
    display: inline-block;
    padding-bottom: 10px;
}

/* Unique Accordion Styling */
.ucp-faq-item {
    background: var(--white);
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(10, 30, 61, 0.05);
    overflow: hidden;
    transition: var(--transition-smooth);
}

.ucp-faq-item:hover {
    box-shadow: var(--shadow-lg);
    border-color: var(--gold);
}

/* Question Area */
.ucp-faq-question {
    width: 100%;
    padding: 22px 30px;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: 0.3s;
}

.ucp-faq-question span {
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.1rem;
    padding-right: 15px;
}

/* The "Plus" Icon Transformation */
.ucp-faq-icon {
    color: var(--gold);
    font-size: 1.2rem;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Active State Styles */
.ucp-faq-item.ucp-active {
    border-left: 5px solid var(--gold);
}

.ucp-faq-item.ucp-active .ucp-faq-icon {
    transform: rotate(180deg);
}

/* Answer Area (Hidden by default) */
.ucp-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fdfdfd;
}

.ucp-faq-answer-inner {
    padding: 0 30px 25px 30px;
    color: var(--text-gray);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* Distinct Action Buttons */
.ucp-faq-footer-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
}

#ucp-faq-btn-red {
    background: var(--red);
    color: white;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.2);
    animation: ucp-faq-bounce 2s infinite;
}

#ucp-faq-btn-gold {
    background: linear-gradient(to right, var(--gold), var(--gold-bright));
    color: var(--primary-blue);
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 800;
    border: 2px dashed var(--gold-dark);
}

@keyframes ucp-faq-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ucp-faq-question { padding: 18px 20px; }
    .ucp-faq-question span { font-size: 1rem; }
    .ucp-faq-footer-btns { flex-direction: column; width: 100%; }
}
/*section 6*/
/* --- UNIQUE CSS FOR ACADEMIC SHOWCASE --- */
#ucp-books-showcase-2026 {
    background-color: var(--white);
    padding: 60px 0;
    margin-top: -30px; /* Reduces gap with previous section */
    overflow: hidden;
    position: relative;
    user-select: none;
}

.ucp-showcase-title {
    text-align: center;
    margin-bottom: 50px;
}

.ucp-showcase-title h2 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-blue);
    font-size: clamp(2rem, 4vw, 2.8rem);
    margin-bottom: 5px;
}

.ucp-showcase-title::after {
    content: 'Global Excellence in Scholarly Publishing';
    display: block;
    font-size: 0.85rem;
    font-family: 'Inter', sans-serif;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
}

.ucp-books-viewport {
    display: flex;
    overflow: hidden;
    width: 100%;
}

/* The Animated Track */
.ucp-books-track {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: ucp-slide-loop 45s linear infinite;
    padding: 20px 0;
}

/* Pause on hover to allow scholar to read/click */
.ucp-books-track:hover {
    animation-play-state: paused;
}

.ucp-book-item {
    display: block;
    width: 240px; /* Fixed width for calculation */
    perspective: 1200px;
    text-decoration: none;
    transition: var(--transition);
}

.ucp-book-item img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 4px 12px 12px 4px;
    box-shadow: 8px 8px 15px rgba(0,0,0,0.12);
    border-left: 8px solid rgba(10, 30, 61, 0.08); /* Spine effect */
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 3D "Opening Book" Hover Effect */
.ucp-book-item:hover img {
    transform: rotateY(-18deg) scale(1.06);
    box-shadow: 25px 25px 40px rgba(10, 30, 61, 0.25);
    border-left: 8px solid var(--gold); /* Spine glows gold on hover */
}

/* Loop Animation Logic */
@keyframes ucp-slide-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-270px * 8)); } /* (Width 240 + Gap 30) * Number of original items */
}

/* Responsive Scaling for Mobile */
@media (max-width: 768px) {
    #ucp-books-showcase-2026 { padding: 40px 0; margin-top: -10px; }
    .ucp-book-item { width: 170px; }
    .ucp-book-item img { height: 240px; }
    
    @keyframes ucp-slide-loop {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-200px * 8)); } /* (Width 170 + Gap 30) * 8 */
    }
}
/*section 6*/
#ucp-mini-gallery-2026 {
    width: 100%;
    overflow: hidden;
    background: transparent;
    padding: 15px 0;
    /* ऊपर और नीचे हल्की गोल्डन लाइन */
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.ucp-mini-track {
    display: flex;
    width: max-content;
    gap: 20px; /* किताबों के बीच का गैप */
    animation: ucp-mini-loop 35s linear infinite;
}

.ucp-mini-track:hover {
    animation-play-state: paused;
}

.ucp-mini-item {
    display: block;
    width: 110px; /* मध्यम-छोटा साइज (100px से 110px बेस्ट है) */
    text-decoration: none;
    perspective: 800px;
}

.ucp-mini-item img {
    width: 100%;
    height: 155px; /* प्रोपोर्शनल हाइट */
    object-fit: cover;
    border-radius: 2px 8px 8px 2px;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.15);
    border-left: 4px solid var(--gold); /* बाइंडिंग लुक */
    transition: transform 0.4s ease;
}

.ucp-mini-item:hover img {
    transform: rotateY(-12deg) scale(1.1);
    border-left-color: var(--gold-bright);
}

/* Keyframes Logic */
@keyframes ucp-mini-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-130px * 8)); } /* (Width 110 + Gap 20) * 8 */
}

/* Mobile Friendly */
@media (max-width: 768px) {
    .ucp-mini-item { width: 85px; }
    .ucp-mini-item img { height: 120px; }
    @keyframes ucp-mini-loop {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-105px * 8)); }
    }
}
/*==========================================================================================*/

/* 1. MAIN SECTION WRAPPER */
#uc-publish-portal {
    position: relative;
    padding: 80px 0;
    background: #02050a; /* Deep Night Background */
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    overflow-x: hidden;
}

.uc-container-fluid {
    width: 95%;
    max-width: 1350px;
    margin: 0 auto;
    text-align: center;
}

/* 2. TYPOGRAPHY (INTERNATIONAL STYLE) */
.uc-tagline {
    color: var(--gold);
    letter-spacing: 5px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.uc-main-heading {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3.8rem);
    margin-bottom: 15px;
    line-height: 1.2;
    font-weight: 700;
}

.uc-brand-highlight {
    color: var(--gold);
    background: linear-gradient(135deg, #d4af37 0%, #f0b729 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.uc-subheading {
    max-width: 800px;
    margin: 0 auto 50px;
    color: #e0e0e0;
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: 300;
}

/* 3. COMPACT FEATURE BOXES (Laptop: 4-Inline | Mobile: 2x2) */
.uc-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Force 4 columns on Laptop */
    gap: 15px;
    margin-bottom: 50px;
}

.uc-feature-card {
    background: var(--uc-glass);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 10px; /* Small & Compact */
    border-radius: 12px;
    transition: var(--uc-transition);
}

.uc-feature-card:hover {
    border-color: var(--gold);
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: var(--uc-gold-glow);
}

.uc-card-icon {
    font-size: 1.6rem;
    color: var(--gold);
    margin-bottom: 12px;
    display: block;
}

.uc-feature-card h3 {
    font-size: 1rem;
    margin-bottom: 8px;
    color: #ffffff;
    font-weight: 600;
}

.uc-feature-card p {
    font-size: 0.78rem;
    color: #999999;
    line-height: 1.4;
    margin: 0;
}

/* 4. BUTTONS ROW (Laptop: 4-Inline | Mobile: 2x2) */
.uc-all-buttons-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Force 4 inline on Laptop */
    gap: 15px;
    max-width: 1150px;
    margin: 0 auto 60px;
}

.uc-btn-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: var(--uc-transition);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Button Variants */
.btn-submit { background: linear-gradient(135deg, #ff4e50, #ff0000); color: #fff; border: none; box-shadow: 0 8px 20px rgba(255,0,0,0.2); }
.btn-expert { border: 1px solid rgba(255,255,255,0.2); color: #fff; background: rgba(255,255,255,0.03); }
.btn-guide  { border: 1px solid var(--gold); color: var(--gold); }
.btn-promo  { border: 1px solid var(--teal-bg); color: var(--teal-bg); }

.uc-btn-item:hover {
    transform: scale(1.03);
    filter: brightness(1.2);
}


/* 6. RESPONSIVENESS (MOBILE & TABLET) */

/* Handle Zoom & Tablet (2x2 Grid) */
@media (max-width: 1024px) {
    .uc-feature-grid, .uc-all-buttons-wrap {
        grid-template-columns: repeat(2, 1fr); /* 2 blocks per row */
    }
}

/* Mobile Specific (Very Small Screens) */
@media (max-width: 600px) {
    #uc-publish-portal { padding: 50px 0; }
    .uc-main-heading { font-size: 1.8rem; }
    
    /* Small Boxes 2-2 */
    .uc-feature-grid { gap: 10px; }
    .uc-feature-card { padding: 15px 8px; }
    .uc-feature-card h3 { font-size: 0.85rem; }
    .uc-feature-card p { font-size: 0.7rem; }

    /* Buttons 2-2 */
    .uc-all-buttons-wrap { gap: 10px; }
    .uc-btn-item { font-size: 0.72rem; padding: 12px 5px; }
}

/* Reveal Animation */
.uc-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.8s ease-out;
}
.uc-reveal.active {
    opacity: 1;
    transform: translateY(0);
}
/*section 2 book publication*/
/* UnivColl Process Styling */
.ucp-main-section {
    padding: 80px 0;
    background: radial-gradient(circle at center, #0b1c3f, #02050a);
    color: var(--white);
    overflow: hidden;
    width: 100%;
}

.ucp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.ucp-header {
    text-align: center;
    margin-bottom: 60px;
}

.ucp-pre-title {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
}

.ucp-section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 5vw, 42px);
    margin: 15px 0;
    line-height: 1.2;
}

.ucp-section-subtitle {
    color: var(--text-silver);
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
    opacity: 0.8;
}

/* Timeline Layout */
.ucp-timeline-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 80px;
    gap: 20px;
}

.ucp-timeline-line {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    z-index: 1;
}

.ucp-step-card {
    position: relative;
    z-index: 2;
    flex: 1;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px 20px;
    border-radius: 16px;
    transition: var(--transition);
}

.ucp-step-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold);
    box-shadow: var(--gold-glow);
    background: rgba(255, 255, 255, 0.07);
}

.ucp-step-number {
    width: 50px;
    height: 50px;
    background: var(--dark-night);
    border: 2px solid var(--gold);
    color: var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin: 0 auto 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.ucp-step-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--white);
    font-family: 'Playfair Display', serif;
}

.ucp-step-desc {
    font-size: 14px;
    color: var(--text-silver);
    line-height: 1.5;
}

/* Trust Strip */
.ucp-trust-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 100px;
    text-align: center;
    margin-bottom: 60px;
}

.ucp-trust-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.1rem;
}

.ucp-trust-icon { font-size: 1.5rem; }

/* Buttons Area */
.ucp-action-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.ucp-btn {
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    text-align: center;
    display: inline-block;
}

.ucp-btn-main {
    background: linear-gradient(45deg, #ff4e50, #ff0000); /* Red Gradient for conversion */
    color: white;
    padding: 18px 45px;
    border-radius: 50px;
    font-size: 1.2rem;
    box-shadow: 0 10px 20px rgba(255, 0, 0, 0.3);
}

.ucp-btn-main:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(255, 0, 0, 0.5);
}

.ucp-btn-secondary-group {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: center;
}

.ucp-btn-guide, .ucp-btn-promo {
    padding: 14px 30px;
    border-radius: 12px;
    border: 2px solid;
    flex: 1;
    max-width: 250px;
}

.ucp-btn-guide { border-color: var(--gold); color: var(--gold); }
.ucp-btn-guide:hover { background: var(--gold); color: var(--p-blue); }

.ucp-btn-promo { border-color: var(--teal-bg); color: var(--teal-bg); }
.ucp-btn-promo:hover { background: var(--teal-bg); color: white; }

/* Mobile Optimization */
@media (max-width: 991px) {
    .ucp-timeline-wrapper {
        flex-direction: column;
        padding-left: 30px;
    }
    .ucp-timeline-line {
        left: 25px;
        top: 0;
        width: 2px;
        height: 100%;
    }
    .ucp-step-card {
        display: flex;
        gap: 20px;
        align-items: center;
        text-align: left;
    }
    .ucp-step-number {
        margin: 0;
        flex-shrink: 0;
    }
    .ucp-trust-strip {
        border-radius: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .ucp-btn-secondary-group {
        flex-direction: column;
        align-items: center;
    }
    .ucp-btn-guide, .ucp-btn-promo {
        width: 100%;
        max-width: 100%;
    }
}
.ucp-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ucp-active {
    opacity: 1;
    transform: translateY(0);
}
/*section 3 book publication*/
/* --- PREMIUM BOOK SHOWCASE - FINAL OPTIMIZED CSS --- */
/* --- UNIVCOLL PREMIUM BOOK SHOWCASE - FINAL COMPACT VERSION --- */
/* --- UNIVCOLL PREMIUM BOOK SHOWCASE - FINAL PRODUCTION READY --- */

:root {
    --bg-light: #fdfdfd;
    --white: #ffffff;
    --text-dark: #0a1128;
    --royal-blue: #003366;
    --gold: #b8860b;
    --gold-bright: #d4af37;
    --gold-glow: 0 0 20px rgba(212, 175, 55, 0.5);
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 15px 35px rgba(0,0,0,0.15);
}

/* 1. Main Wrapper - Compact Gaps */
.uc-showcase-outer-wrapper {
    background-color: var(--bg-light);
    padding: 20px 0; /* Very compact gap */
    width: 100%;
    overflow-x: hidden; 
    overflow-y: visible; 
    touch-action: pan-y;
    border-top: 1px solid rgba(184, 134, 11, 0.2); 
    position: relative;
}

/* 2. Header Style */
.uc-header-block {
    max-width: 1400px;
    margin: 0 auto 5px; 
    display: flex;
    justify-content: center; 
    align-items: center;
    position: relative;
    padding: 0 4%;
}

.uc-section-title {
    font-size: 1.4rem;
    color: var(--text-dark);
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.uc-section-title .highlight { color: var(--gold); }

.uc-view-all-btn {
    position: absolute; right: 4%;
    text-decoration: none !important; color: var(--royal-blue);
    font-weight: 700; font-size: 0.7rem;
    transition: all 0.3s ease;
}

.uc-view-all-btn:hover { color: var(--gold); }

/* 3. Slider System */
.uc-slider-container { 
    width: 100%; 
    overflow: hidden; 
    padding: 10px 0; 
}

.uc-slider-track {
    display: flex;
    width: max-content;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

/* 4. Book Card - Small & Elegant (Desktop) */
.uc-book-card {
    width: 14vw; 
    padding: 0 8px;
    box-sizing: border-box;
}

.uc-zoom-layer {
    width: 100%;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
}

.uc-zoom-layer img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    display: block;
}

/* 5. Hover Logic */
.uc-book-card:hover .uc-zoom-layer {
    transform: scale(1.1) translateY(-8px);
    z-index: 99;
}

/* 6. Animations (14vw Desktop / 42vw Mobile) */
.uc-animate-step-1 { animation: ucHoldSlideDesktop 12s infinite cubic-bezier(0.45, 0, 0.55, 1); }
.uc-animate-step-2 { animation: ucHoldSlideDesktop 16s infinite cubic-bezier(0.45, 0, 0.55, 1); }

@keyframes ucHoldSlideDesktop {
    0%, 15%    { transform: translate3d(0, 0, 0); }
    16.6%, 31% { transform: translate3d(-14vw, 0, 0); }
    33.2%, 47% { transform: translate3d(-28vw, 0, 0); }
    49.8%, 63% { transform: translate3d(-42vw, 0, 0); }
    66.4%, 80% { transform: translate3d(-56vw, 0, 0); }
    83%, 96%   { transform: translate3d(-70vw, 0, 0); }
    100%       { transform: translate3d(-84vw, 0, 0); }
}

.uc-slider-track:hover { animation-play-state: paused; }

/* 7. PREMIUM CTA BUTTON (Fix for the blue link) */
.uc-mt-gap { margin-top: 10px; } 

.uc-cta-footer { 
    text-align: center; 
    margin-top: 15px;
    padding-bottom: 10px;
}

.uc-browse-cta {
    display: inline-block;
    background-color: var(--royal-blue);
    color: var(--white) !important;
    padding: 10px 30px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s ease;
    border: 2px solid var(--royal-blue);
}

.uc-browse-cta:hover {
    background-color: var(--gold);
    border-color: var(--gold);
    color: var(--royal-blue) !important;
    box-shadow: var(--gold-glow);
    transform: translateY(-3px);
}

/* 8. Mobile Fixes */
@media (max-width: 768px) {
    .uc-showcase-outer-wrapper { padding: 10px 0; }
    .uc-section-title { font-size: 1.1rem; }
    .uc-header-block { margin-bottom: 5px; }
    
    .uc-book-card { width: 42vw; padding: 0 10px; }
    
    @keyframes ucHoldSlideMobile {
        0%, 15%    { transform: translate3d(0, 0, 0); }
        16.6%, 31% { transform: translate3d(-42vw, 0, 0); }
        33.2%, 47% { transform: translate3d(-84vw, 0, 0); }
        49.8%, 63% { transform: translate3d(-126vw, 0, 0); }
        66.4%, 80% { transform: translate3d(-168vw, 0, 0); }
        83%, 96%   { transform: translate3d(-210vw, 0, 0); }
        100%       { transform: translate3d(-252vw, 0, 0); }
    }
}
/*section 3 end*/
/*section 4 start*/
/* --- COMPACT PREMIUM DESIGN SYSTEM --- */
:root {
    --uc-navy: #001a33;
    --uc-gold: #b8860b;
    --uc-gold-light: #d4af37;
    --uc-white: #ffffff;
    --uc-silver: #cccccc;
    --uc-glass: rgba(255, 255, 255, 0.05);
    --uc-transition: all 0.3s ease;
}

.uc-why-compact-wrapper {
    background-color: var(--uc-navy);
    padding: 50px 0; /* Balanced padding for less space */
    width: 100%;
    color: var(--uc-white);
    font-family: 'Poppins', sans-serif;
    border-top: 1px solid rgba(184, 134, 11, 0.2);
}

.uc-container-sleek {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Minimal Header */
.uc-header-mini {
    text-align: center;
    margin-bottom: 35px;
}

.uc-tag-gold {
    color: var(--uc-gold-light);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 5px;
}

.uc-title-mini {
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.highlight-gold { color: var(--uc-gold); }

.uc-desc-mini {
    color: var(--uc-silver);
    font-size: 0.95rem;
    opacity: 0.8;
}

/* Compact Grid (4 items per row) */
.uc-grid-compact {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 40px;
}

.uc-feature-mini {
    background: var(--uc-glass);
    border: 1px solid rgba(212, 175, 55, 0.1);
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: var(--uc-transition);
}

.uc-feature-mini:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--uc-gold);
    transform: translateY(-3px);
}

.uc-icon-small { font-size: 1.4rem; }

.uc-feature-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0;
    color: var(--uc-white);
}

/* Sleek Trust Bar */
.uc-trust-sleek-bar {
    display: flex;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.uc-trust-pill {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--uc-gold-light);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* --- MOBILE RESPONSIVE (Kam Jagah Ke Liye) --- */
@media (max-width: 991px) {
    .uc-grid-compact { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .uc-why-compact-wrapper { padding: 40px 0; }
    .uc-title-mini { font-size: 1.4rem; }
    
    .uc-grid-compact { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }

    .uc-feature-mini { padding: 12px; }

    .uc-trust-sleek-bar {
        flex-wrap: wrap;
        border-radius: 15px;
        padding: 15px;
        justify-content: center;
        gap: 15px;
    }

    .uc-trust-pill {
        width: 45%;
        font-size: 0.75rem;
        justify-content: center;
    }
}
/*section 5 book publication */
/* Scoped FAQ Styling for UnivColl */
#ucp-faq-section-2026 {
    background-color: var(--bg-light);
    padding: 40px 20px;
    margin-top: -20px; /* पिछले सेक्शन से सटा हुआ */
    font-family: 'Inter', sans-serif;
}

.ucp-faq-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.ucp-faq-header {
    text-align: center;
    margin-bottom: 40px;
}

.ucp-faq-header h2 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-blue);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    border-bottom: 3px solid var(--gold);
    display: inline-block;
    padding-bottom: 10px;
}

/* Unique Accordion Styling */
.ucp-faq-item {
    background: var(--white);
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(10, 30, 61, 0.05);
    overflow: hidden;
    transition: var(--transition-smooth);
}

.ucp-faq-item:hover {
    box-shadow: var(--shadow-lg);
    border-color: var(--gold);
}

/* Question Area */
.ucp-faq-question {
    width: 100%;
    padding: 22px 30px;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: 0.3s;
}

.ucp-faq-question span {
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.1rem;
    padding-right: 15px;
}

/* The "Plus" Icon Transformation */
.ucp-faq-icon {
    color: var(--gold);
    font-size: 1.2rem;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Active State Styles */
.ucp-faq-item.ucp-active {
    border-left: 5px solid var(--gold);
}

.ucp-faq-item.ucp-active .ucp-faq-icon {
    transform: rotate(180deg);
}

/* Answer Area (Hidden by default) */
.ucp-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fdfdfd;
}

.ucp-faq-answer-inner {
    padding: 0 30px 25px 30px;
    color: var(--text-gray);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* Distinct Action Buttons */
.ucp-faq-footer-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
}

#ucp-faq-btn-red {
    background: var(--red);
    color: white;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.2);
    animation: ucp-faq-bounce 2s infinite;
}

#ucp-faq-btn-gold {
    background: linear-gradient(to right, var(--gold), var(--gold-bright));
    color: var(--primary-blue);
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 800;
    border: 2px dashed var(--gold-dark);
}

@keyframes ucp-faq-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ucp-faq-question { padding: 18px 20px; }
    .ucp-faq-question span { font-size: 1rem; }
    .ucp-faq-footer-btns { flex-direction: column; width: 100%; }
}
/*section 5 book publication end*/
/*======================================= book chapter Page start===========*/
/*section 1 book chapter*/
/* --- UNIVCOLL HERO + VALUE PROP FINAL SYSTEM --- */

:root {
    /* Agar root pehle se defined nahi hai toh in values ka use hoga */
    --uc-chp-red: #ff0000;
}

.uc-chp-hero-wrapper {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #000a1a 100%);
    padding: 60px 0 50px;
    width: 100%;
    color: var(--white);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.uc-chp-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Tagline & H1 */
.uc-chp-tagline {
    display: block;
    color: var(--gold-bright);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    animation: ucChpFadeUp 0.5s ease-out;
}

.uc-chp-main-title {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    animation: ucChpFadeUp 0.6s ease-out;
}

.uc-chp-gold { color: var(--gold); }

.uc-chp-subheading {
    font-size: 1.15rem;
    color: var(--text-silver);
    max-width: 800px;
    margin: 0 auto 20px;
    line-height: 1.5;
    animation: ucChpFadeUp 0.7s ease-out;
}

/* Trust Line */
.uc-chp-trust-line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 0.85rem;
    color: var(--white);
    margin-bottom: 30px;
    opacity: 0.9;
}

.uc-chp-check { color: var(--gold-bright); font-style: normal; margin-right: 4px; font-weight: bold; }
.uc-chp-sep { color: rgba(255,255,255,0.2); font-weight: 100; }

/* --- CTA BUTTON GROUP (FIXED & UPDATED) --- */
.uc-chp-cta-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}

/* Primary Button (Red) */
.uc-chp-btn-primary {
    background-color: var(--uc-chp-red) !important;
    color: var(--white) !important;
    padding: 12px 28px;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition);
    box-shadow: 0 4px 15px rgba(255,0,0,0.3);
}

.uc-chp-btn-primary:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 20px rgba(255,0,0,0.5);
}

/* Secondary Button (Outline) */
.uc-chp-btn-secondary {
    background: transparent !important;
    border: 1.5px solid var(--white);
    color: var(--white) !important;
    padding: 11px 28px;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition);
}

.uc-chp-btn-secondary:hover {
    background: var(--white) !important;
    color: var(--primary-blue) !important;
}

/* Tertiary Button (THE FIX - Clear visibility) */
.uc-chp-btn-tertiary {
    color: var(--text-silver) !important; 
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px dashed rgba(255,255,255,0.3);
    padding: 5px 0;
    transition: var(--transition);
}

.uc-chp-btn-tertiary:hover {
    color: var(--gold-bright) !important;
    border-bottom: 1px solid var(--gold-bright);
    transform: translateX(3px);
}

/* Value Prop Block */
.uc-chp-value-box {
    max-width: 850px;
    margin: 30px auto 0;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.uc-chp-value-title {
    font-size: 1.4rem;
    color: var(--gold-bright);
    margin-bottom: 15px;
    font-weight: 700;
}

.uc-chp-value-text {
    font-size: 1rem;
    color: var(--text-silver);
    line-height: 1.7;
    text-align: center;
}

/* Animations */
@keyframes ucChpFadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .uc-chp-hero-wrapper { padding: 40px 0; }
    
    .uc-chp-main-title { font-size: 1.7rem; padding: 0 5px; }
    .uc-chp-subheading { font-size: 1rem; padding: 0 10px; }
    
    .uc-chp-trust-line { 
        flex-direction: column; 
        gap: 8px; 
        margin-bottom: 25px;
    }
    .uc-chp-sep { display: none; }

    .uc-chp-cta-group {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }
    .uc-chp-btn-primary, .uc-chp-btn-secondary, .uc-chp-btn-tertiary {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }

    .uc-chp-value-box { margin-top: 25px; padding-top: 20px; }
    .uc-chp-value-title { font-size: 1.2rem; }
    .uc-chp-value-text { font-size: 0.9rem; }
}
/*section 2 book chapter start*/
/* --- UNIVCOLL QUICK LINKS SYSTEM (APPLE-LIKE MINIMALISM) --- */

.uc-ql-wrapper {
    background-color: var(--bg-light);
    padding: 20px 0; /* Ultra-compact vertical space */
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: relative;
    z-index: 10;
}

.uc-ql-container {
    max-width: 1300px; /* Wider for single row desktop */
    margin: 0 auto;
    padding: 0 20px;
}

.uc-ql-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px; /* Tight premium spacing */
    flex-wrap: nowrap; /* Forces single row on desktop */
}

/* Link Card Design */
.uc-ql-item {
    background-color: rgb(219, 219, 219);
    text-decoration: none !important;
    padding: 10px 18px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(2, 55, 107, 0.05); /* Subtle royal-blue tint */
    white-space: nowrap; /* Prevents text breaking */
}

.uc-ql-text {
    color: var(--royal-blue);
    font-size: 13px; /* Compact Apple-style font size */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    transition: color 0.3s ease;
     border: 1px solid rgba(110, 110, 110, 0.05);
}

/* Hover Interaction */
.uc-ql-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    background-color: var(--white);
    border-color: var(--gold-bright);
}

.uc-ql-item:hover .uc-ql-text {
    color: var(--gold) !important;
}

/* --- MOBILE & TABLET ADAPTATION --- */

@media (max-width: 1100px) {
    .uc-ql-grid {
        flex-wrap: wrap; /* Wraps cleanly on smaller laptops */
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .uc-ql-wrapper {
        padding: 15px 0;
    }

    .uc-ql-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columns for mobile */
        gap: 10px;
    }

    .uc-ql-item {
        padding: 12px 10px;
        min-height: 44px; /* Touch targets optimized */
        text-align: center;
    }

    .uc-ql-text {
        font-size: 11px;
        letter-spacing: 0.2px;
        white-space: normal; /* Allows 2 lines on small screens */
    }
}

@media (max-width: 400px) {
    .uc-ql-grid {
        grid-template-columns: 1fr; /* Single column on very small phones */
    }
}

/*section 3 book chapter*/
/* --- UNIVCOLL COMPACT SERVICES & TRUST SYSTEM --- */

.uc-cpt-main-wrapper {
    background-color: var(--bg-light);
    padding: 40px 0; /* Compact Vertical Height */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
}

.uc-cpt-container {
    max-width: 1000px; /* Tight container for better focus */
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Style */
.uc-cpt-header {
    text-align: center;
    margin-bottom: 20px;
}

.uc-cpt-main-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.5px;
}

.highlight-blue { color: var(--royal-blue); }

/* Core Services Grid */
.uc-cpt-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.uc-cpt-card {
    background-color: var(--white);
    padding: 18px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

/* Subtle Gold Accent Line on hover */
.uc-cpt-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.uc-cpt-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.uc-cpt-card:hover::after { transform: scaleX(1); }

.uc-cpt-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.uc-cpt-icon { font-size: 1.5rem; }

.uc-cpt-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--royal-blue);
}

.uc-cpt-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uc-cpt-list li {
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 5px;
    font-weight: 500;
}

/* Trust Pillars Section */
.uc-cpt-trust-block {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.uc-cpt-trust-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
}

.uc-cpt-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns desktop */
    gap: 12px;
}

.uc-cpt-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(255,255,255,0.5);
    border-radius: 6px;
    transition: var(--transition);
    cursor: default;
}

.uc-cpt-item span { font-size: 14px; }

.uc-cpt-item:hover {
    color: var(--gold);
    transform: translateY(-2px);
    background: var(--white);
}

/* --- MOBILE UX (STRICT COMPACT) --- */

@media (max-width: 768px) {
    .uc-cpt-main-wrapper { padding: 25px 0; }
    .uc-cpt-main-title { font-size: 1.4rem; }
    
    .uc-cpt-services-grid {
        grid-template-columns: 1fr; /* Stacked cards */
        gap: 15px;
    }

    .uc-cpt-trust-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns mobile */
        gap: 8px;
    }

    .uc-cpt-item {
        padding: 12px 8px;
        font-size: 12px;
    }
}
/*section 4 book chapter*/
/* --- UNIVCOLL VISIBILITY & WORKFLOW SYSTEM --- */

.uc-gwa-outer-wrapper {
    background-color: var(--bg-light);
    padding: 40px 0; /* Compact Height */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.uc-gwa-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Visibility Section */
.uc-gwa-visibility {
    text-align: center;
    margin-bottom: 40px;
}

.uc-gwa-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--text-dark);
}

.uc-gwa-chips-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.uc-gwa-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(0,0,0,0.04);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: var(--royal-blue);
    transition: var(--transition);
    cursor: default;
    border: 1px solid transparent;
}

.uc-gwa-chip:hover {
    background: var(--white);
    border-color: var(--gold-bright);
    color: var(--gold);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

/* Workflow Section */
.uc-gwa-process {
    text-align: center;
    position: relative;
}

.uc-gwa-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: #555;
}

.uc-gwa-timeline-wrap {
    position: relative;
    padding: 20px 0;
}

/* Connector Line Animation */
.uc-gwa-line {
    position: absolute;
    top: 45px;
    left: 5%;
    width: 90%;
    height: 2px;
    background: linear-gradient(to right, var(--gold) 0%, rgba(184, 134, 11, 0.1) 100%);
    z-index: 1;
    transform-origin: left;
    animation: ucLineDraw 2s ease-out forwards;
}

@keyframes ucLineDraw {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.uc-gwa-steps-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

/* Step Card Design */
.uc-gwa-step {
    background: var(--white);
    padding: 12px 8px;
    border-radius: 10px;
    width: 120px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid rgba(0,0,0,0.03);
    opacity: 0;
    transform: translateY(15px);
    animation: ucStepFadeUp 0.6s ease-out forwards;
    animation-delay: var(--delay);
}

.uc-gwa-step-icon {
    font-size: 1.4rem;
    margin-bottom: 6px;
    display: block;
    transition: transform 0.3s ease;
}

.uc-gwa-step-name {
    font-size: 12px;
    font-weight: 700;
    color: var(--royal-blue);
    display: block;
}

/* Step Hover Micro-interactions */
.uc-gwa-step:hover {
    transform: translateY(-6px) scale(1.05);
    box-shadow: var(--gold-glow);
    border-color: var(--gold);
}

.uc-gwa-step:hover .uc-gwa-step-icon {
    transform: scale(1.2) rotate(5deg);
}

@keyframes ucStepFadeUp {
    to { opacity: 1; transform: translateY(0); }
}

/* --- MOBILE UX (STRICT COMPACT) --- */

@media (max-width: 991px) {
    .uc-gwa-steps-container { flex-wrap: wrap; justify-content: center; gap: 15px; }
    .uc-gwa-line { display: none; } /* Hide horizontal line on tablet/mobile */
}

@media (max-width: 768px) {
    .uc-gwa-outer-wrapper { padding: 30px 0; }
    
    .uc-gwa-chips-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .uc-gwa-steps-container {
        display: block;
        padding-left: 25px;
        text-align: left;
        border-left: 2px solid var(--gold); /* Vertical timeline for mobile */
    }

    .uc-gwa-step {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 12px;
        padding: 10px 15px;
        text-align: left;
    }

    .uc-gwa-step-icon { margin-bottom: 0; }
}
/*section 5 book chapter*/
/* --- UNIVCOLL BENEFITS & GUIDELINES SYSTEM --- */

.uc-ag-outer-wrapper {
    background-color: var(--bg-light);
    padding: 40px 0; /* Compact Vertical Spacing */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
}

.uc-ag-container {
    max-width: 900px; /* Centered narrow focus for better readability */
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.uc-ag-header {
    text-align: center;
    margin-bottom: 20px;
}

.uc-ag-main-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
}

.highlight-gold { color: var(--gold); }

/* Benefits Grid (Compact Hybrid UI) */
.uc-ag-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 35px;
}

.uc-ag-item {
    background: var(--white);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid rgba(0,0,0,0.02);
    opacity: 0;
    transform: translateY(10px);
    animation: ucAgFadeStagger 0.5s ease-out forwards;
    animation-delay: var(--delay);
}

.uc-ag-item:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: var(--shadow-lg), var(--gold-glow);
    border-color: var(--gold-bright);
}

.uc-ag-icon {
    font-size: 1.3rem;
    transition: transform 0.3s ease;
}

.uc-ag-item:hover .uc-ag-icon {
    transform: scale(1.2);
}

.uc-ag-text {
    font-size: 13px;
    font-weight: 600;
    color: var(--royal-blue);
}

/* Guidelines Section */
.uc-ag-guidelines {
    text-align: center;
    background: rgba(255,255,255,0.4);
    padding: 20px;
    border-radius: 12px;
    border: 1px dashed rgba(0,0,0,0.1);
    animation: ucAgFadeUp 0.6s ease-out;
}

.uc-ag-sub-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uc-ag-list-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}

.uc-ag-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uc-ag-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.uc-ag-list li:last-child { border-bottom: none; }

.uc-ag-dot {
    width: 6px;
    height: 6px;
    background: var(--gold);
    border-radius: 50%;
    flex-shrink: 0;
}

/* Animations */
@keyframes ucAgFadeStagger {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ucAgFadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- MOBILE UX (STRICT COMPACT) --- */
@media (max-width: 768px) {
    .uc-ag-main-title { font-size: 1.3rem; }
    
    .uc-ag-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .uc-ag-item {
        padding: 10px;
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .uc-ag-text { font-size: 11px; }

    .uc-ag-guidelines { padding: 15px; }
    
    .uc-ag-list li { font-size: 12px; }
}
/*section 6 book chapter*/
/* --- UNIVCOLL AUDIENCE & TRUST SYSTEM --- */

.uc-wt-outer-wrapper {
    background-color: var(--bg-light);
    padding: 40px 0; /* Compact Vertical Spacing */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
}

.uc-wt-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

/* 1. Who Can Publish - Chips UI */
.uc-wt-audience {
    margin-bottom: 35px;
}

.uc-wt-heading {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.highlight-blue { color: var(--royal-blue); }

.uc-wt-chips-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.uc-wt-chip {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--white);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid rgba(0,0,0,0.03);
    opacity: 0;
    transform: translateY(10px);
    animation: ucWtFadeStagger 0.5s ease-out forwards;
    animation-delay: var(--delay);
}

.uc-wt-chip:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    color: var(--gold);
    border-color: var(--gold-bright);
}

/* 2. Trust Stats Grid */
.uc-wt-subheading {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.uc-wt-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 25px;
}

.uc-wt-stat {
    background: var(--white);
    padding: 16px 10px;
    border-radius: 10px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border-bottom: 3px solid transparent;
}

.uc-wt-stat:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--shadow-lg), var(--gold-glow);
    border-bottom-color: var(--gold);
}

.uc-wt-number {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--royal-blue);
    margin-bottom: 4px;
}

.uc-wt-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
}

/* Logo Strip Style */
.uc-wt-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.uc-wt-logo-item {
    font-size: 11px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: var(--transition);
    cursor: default;
}

.uc-wt-logo-item:hover {
    color: var(--gold);
    transform: scale(1.05);
}

.uc-wt-logo-sep { color: #ddd; }

/* Animations */
@keyframes ucWtFadeStagger {
    to { opacity: 1; transform: translateY(0); }
}

/* --- MOBILE UX (STRICT COMPACT) --- */
@media (max-width: 768px) {
    .uc-wt-outer-wrapper { padding: 25px 0; }
    
    .uc-wt-chips-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .uc-wt-chip { font-size: 11px; padding: 10px 8px; justify-content: center; }

    .uc-wt-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .uc-wt-stat { padding: 12px 8px; }
    .uc-wt-number { font-size: 1rem; }
    
    .uc-wt-logos { 
        flex-wrap: wrap; 
        gap: 10px; 
    }
    .uc-wt-logo-sep { display: none; }
    .uc-wt-logo-item { width: 100%; text-align: center; font-size: 10px; }
}

/*section 8 book chapter*/
/* --- UNIVCOLL FINAL CTA SYSTEM (ULTRA-PREMIUM) --- */

:root {
    --uc-cta-red: #ff0000;
    --uc-cta-wa: #25d366;
}

.uc-cta-final-wrapper {
    /* Premium Dark Gradient */
    background: linear-gradient(180deg, var(--primary-blue) 0%, #00050a 100%);
    padding: 60px 0;
    width: 100%;
    color: var(--white);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    border-top: 1px solid rgba(212, 175, 55, 0.15);
    overflow: hidden;
}

.uc-cta-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Typography */
.uc-cta-main-title {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    animation: ucCtaFadeUp 0.5s ease-out forwards;
}

.uc-cta-gold { color: var(--gold-bright); }

.uc-cta-subtext {
    font-size: 1.1rem;
    color: var(--text-silver);
    margin-bottom: 25px;
    line-height: 1.6;
    opacity: 0.9;
    animation: ucCtaFadeUp 0.7s ease-out forwards;
}

/* Conversion Badges (Chips UI) */
.uc-cta-highlights {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.uc-cta-badge {
    background: rgba(255, 255, 255, 0.08);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: var(--transition);
    cursor: default;
}

.uc-cta-badge:hover {
    background: rgba(212, 175, 55, 0.15);
    border-color: var(--gold);
    transform: translateY(-2px);
}

/* Button System */
.uc-cta-button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    animation: ucCtaPopIn 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.uc-cta-btn-primary {
    background-color: var(--uc-cta-red) !important;
    color: var(--white) !important;
    padding: 14px 30px;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 8px;
    transition: var(--transition);
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
}

.uc-cta-btn-primary:hover {
    transform: scale(1.05);
    box-shadow: var(--gold-glow);
}

.uc-cta-btn-secondary {
    border: 1.5px solid var(--white);
    color: var(--white) !important;
    padding: 13px 30px;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 8px;
    transition: var(--transition);
}

.uc-cta-btn-secondary:hover {
    background: var(--white);
    color: var(--primary-blue) !important;
}

.uc-cta-btn-wa {
    background-color: var(--uc-cta-wa) !important;
    color: var(--white) !important;
    padding: 14px 30px;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 8px;
    animation: ucWaPulse 2s infinite;
}

/* Animations */
@keyframes ucCtaFadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ucCtaPopIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes ucWaPulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* --- MOBILE UX (STRICT COMPACT) --- */
@media (max-width: 768px) {
    .uc-cta-final-wrapper { padding: 40px 0; }
    .uc-cta-main-title { font-size: 1.6rem; }
    .uc-cta-subtext { font-size: 0.95rem; }

    .uc-cta-button-group {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .uc-cta-btn-primary, .uc-cta-btn-secondary, .uc-cta-btn-wa {
        width: 100%;
        box-sizing: border-box;
    }

    .uc-cta-badge { font-size: 11px; width: 100%; text-align: center; }
}
/*section 9 book chapter*/
/* --- UNIVCOLL BOOK SHOWCASE SLIDER SYSTEM --- */

.uc-bs-outer-wrapper {
    background-color: var(--bg-light);
    padding: 50px 0;
    width: 100%;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

.uc-bs-container {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

/* Header Section */
.uc-bs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    margin-bottom: 30px;
}

.uc-bs-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0;
}

.highlight-gold { color: var(--gold); }

.uc-bs-view-all {
    color: var(--royal-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: var(--transition);
    border-bottom: 1px solid transparent;
}

.uc-bs-view-all:hover {
    color: var(--gold);
    border-bottom: 1px solid var(--gold);
}

/* Slider Row & Track Logic */
.uc-bs-slider-row {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); /* Apple Fade Effect */
}

.uc-bs-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: ucMarquee 30s linear infinite;
}

.track-reverse {
    animation: ucMarquee 45s linear infinite reverse; /* Slower & Reverse */
}

.uc-bs-slider-row:hover .uc-bs-track {
    animation-play-state: paused;
}

/* Book Card Design */
.uc-bs-card {
    width: 170px; /* Desktop width */
    flex-shrink: 0;
    transition: var(--transition);
    cursor: pointer;
}

.uc-bs-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    display: block;
}

.uc-bs-card:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: var(--shadow-lg);
}

/* Bottom CTA */
.uc-bs-footer {
    text-align: center;
    margin-top: 40px;
}

.uc-bs-cta-btn {
    display: inline-block;
    background-color: var(--royal-blue);
    color: var(--white);
    padding: 14px 40px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: var(--transition);
    border: 2px solid var(--royal-blue);
}

.uc-bs-cta-btn:hover {
    background-color: var(--gold);
    border-color: var(--gold);
    box-shadow: var(--gold-glow);
    transform: translateY(-3px);
}

/* Keyframes for Seamless Loop */
@keyframes ucMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 10px)); } /* Half track length */
}

/* --- MOBILE UX (STRICT) --- */
@media (max-width: 768px) {
    .uc-bs-outer-wrapper { padding: 30px 0; }
    
    .uc-bs-header { 
        flex-direction: column; 
        text-align: center; 
        gap: 10px;
        padding: 0 20px;
    }

    .uc-bs-title { font-size: 1.4rem; }

    .uc-bs-card {
        width: 120px; /* Smaller for mobile */
    }

    .uc-bs-card img {
        height: 170px;
    }

    .uc-bs-track {
        animation-duration: 20s; /* Faster for mobile to feel dynamic */
    }

    .uc-bs-cta-btn {
        width: 80%;
        padding: 12px 20px;
        font-size: 0.9rem;
    }
}
/*section 10 book chapter*/
/* --- UNIVCOLL INDEXING & ACCESS SYSTEM --- */

.uc-idx-outer-wrapper {
    background-color: var(--bg-light);
    padding: 30px 0; /* Compact Height */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.uc-idx-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Heading with Gold Bar */
.uc-idx-heading {
    font-size: 19px;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}

.uc-idx-bar {
    display: block;
    width: 30px;
    height: 2px;
    background: var(--gold);
    margin: 4px auto 0;
}

/* Logo Strip - Pill Style Cards */
.uc-idx-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.uc-idx-logo {
    background: var(--white);
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 80px;
    transition: var(--transition);
    cursor: default;
}

.uc-idx-logo img {
    max-height: 24px;
    width: auto;
    filter: grayscale(1); /* Grayscale by default */
    transition: filter 0.3s ease;
}

.uc-idx-text-logo {
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
}

/* Logo Hover Interaction */
.uc-idx-logo:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--gold-bright);
}

.uc-idx-logo:hover img {
    filter: grayscale(0); /* Full color on hover */
}

.uc-idx-logo:hover .uc-idx-text-logo {
    color: var(--gold);
}

/* Quick Action Links */
.uc-idx-links {
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
}

.uc-idx-link {
    text-decoration: none !important;
    color: inherit;
    font-weight: 500;
    transition: var(--transition);
    padding: 5px;
}

.uc-idx-action {
    color: var(--royal-blue);
    font-weight: 700;
    position: relative;
}

.uc-idx-action::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: var(--gold);
    transition: width 0.3s ease;
}

.uc-idx-link:hover .uc-idx-action { color: var(--gold); }
.uc-idx-link:hover .uc-idx-action::after { width: 100%; }

.uc-idx-sep { color: #ddd; margin: 0 10px; }

/* Call for Chapters Text */
.uc-idx-call {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

.highlight-gold { color: var(--gold); font-weight: 700; }
.uc-idx-emphasis { font-weight: 600; color: var(--text-dark); }

/* --- MOBILE UX (STRICT) --- */

@media (max-width: 768px) {
    .uc-idx-outer-wrapper { padding: 25px 0; }
    
    .uc-idx-logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .uc-idx-logo { width: auto; height: 30px; }

    .uc-idx-links {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .uc-idx-sep { display: none; }
    
    .uc-idx-call { padding: 0 10px; line-height: 1.4; }
}
/*section 11 book chapter*/

.uc-srch-outer-wrapper {
    background-color: #f9f9f9;
    padding: 30px 0; /* Reduced padding */
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

.uc-srch-container {
    max-width: 700px; /* More compact width */
    margin: 0 auto;
    padding: 0 20px;
}

.uc-srch-header {
    text-align: center;
    margin-bottom: 20px;
}

.uc-srch-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.highlight-gold { color: #b8860b; }

.uc-srch-controls {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
}

.uc-srch-box-wrap {
    position: relative;
    width: 100%;
}

.uc-srch-input {
    width: 100%;
    padding: 12px 20px;
    padding-right: 45px;
    border-radius: 8px; /* Square-ish rounded for professional look */
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.uc-srch-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #003366;
}

.uc-srch-category {
    margin-bottom: 15px;
}

.uc-srch-cat-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uc-srch-line { flex: 1; height: 1px; background: #eee; }

.uc-srch-item {
    background: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    transition: 0.2s;
}

.uc-srch-item:hover {
    border-left: 4px solid #b8860b;
    background: #fffdf5;
}

.uc-srch-link {
    text-decoration: none;
    color: #003366;
    font-weight: 600;
    font-size: 14px;
}

.uc-srch-vol {
    display: block;
    font-size: 11px;
    color: #999;
}
/*contact us page start*/
/*section A start*/
* {
  box-sizing: border-box;
}

.contact-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(10, 30, 61, 0.98) 0%, rgba(10, 30, 61, 0.94) 100%);
  color: var(--white);
  padding: 42px 20px 56px;
  isolation: isolate;
}

.contact-hero__container {
  width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.contact-hero__bg {
  position: absolute;
  border-radius: 50%;
  filter: blur(28px);
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}

.contact-hero__bg--left {
  width: 260px;
  height: 260px;
  left: -90px;
  top: -70px;
  background: var(--gold);
}

.contact-hero__bg--right {
  width: 320px;
  height: 320px;
  right: -120px;
  bottom: -130px;
  background: #157997;
}

.contact-hero__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(10px);
  margin-bottom: 28px;
}

.contact-hero__notice-icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  color: var(--gold-bright);
  margin-top: 1px;
}

.contact-hero__notice-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.contact-hero__notice-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
}

.contact-hero__notice-text strong {
  color: var(--gold-bright);
  font-weight: 700;
}

.contact-hero__content {
  max-width: 920px;
}

.contact-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.12);
  border: 1px solid rgba(212, 175, 55, 0.28);
  color: #ffe7a1;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.contact-hero__eyebrow-icon {
  width: 16px;
  height: 16px;
  color: var(--gold-bright);
  flex: 0 0 auto;
}

.contact-hero__eyebrow-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.contact-hero__title {
  margin: 0;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--white);
  text-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

.contact-hero__title::after {
  content: "";
  display: block;
  width: 110px;
  height: 4px;
  margin-top: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold), rgba(212, 175, 55, 0.15));
  box-shadow: var(--gold-glow);
}

.contact-hero__subtitle {
  margin: 22px 0 0;
  max-width: 980px;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.88);
}

.contact-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.contact-hero__chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-silver);
  font-size: 0.92rem;
  font-weight: 500;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-smooth), background var(--transition-smooth), border-color var(--transition-smooth);
}

.contact-hero__chip:hover {
  transform: translateY(-2px);
  background: rgba(212, 175, 55, 0.14);
  border-color: rgba(212, 175, 55, 0.34);
}

.contact-hero__chip-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.16);
  color: var(--gold-bright);
  font-size: 0.82rem;
  font-weight: 700;
  flex: 0 0 auto;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-hero {
    padding: 32px 16px 42px;
  }

  .contact-hero__notice {
    padding: 12px 14px;
    border-radius: 14px;
  }

  .contact-hero__notice-text {
    font-size: 0.92rem;
    line-height: 1.65;
  }

  .contact-hero__eyebrow {
    font-size: 0.8rem;
    padding: 8px 12px;
  }

  .contact-hero__subtitle {
    line-height: 1.8;
  }

  .contact-hero__meta {
    gap: 10px;
  }

  .contact-hero__chip {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .contact-hero__title::after {
    width: 84px;
    height: 3px;
    margin-top: 14px;
  }

  .contact-hero__notice {
    gap: 10px;
  }

  .contact-hero__notice-icon {
    width: 20px;
    height: 20px;
  }
}
/*section b start*/
/* --- LEFT SIDE CONTAINER & STICKY CONFIGURATION --- */
.uc-left-info-column {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: var(--text-dark);
}

/* Elegant Sticky Mechanism for Desktop Scrolling Experience */
.uc-left-sticky-scroll-container {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* --- 1. INTRO BLOCK BRANDING --- */
.uc-left-intro-block {
    margin-bottom: 8px;
}

.uc-left-main-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-blue);
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.uc-left-main-desc {
    font-size: 0.98rem;
    color: var(--text-gray);
    line-height: 1.68;
    text-align: justify;
}

/* --- PREMIUM CARD PATTERN FRAMEWORK --- */
.uc-left-card {
    background-color: var(--white);
    border-radius: 8px;
    padding: 30px;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(10, 30, 61, 0.05);
    transition: transform var(--transition-smooth), box-shadow var(--transition-smooth);
}

.uc-left-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* Unified Typography Card Header Layout */
.uc-left-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(10, 30, 61, 0.06);
    padding-bottom: 14px;
}

.uc-left-card-icon-wrapper {
    font-size: 1.35rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--bg-light);
    border-radius: 6px;
    border: 1px solid rgba(10, 30, 61, 0.03);
}

.uc-left-shield-gold {
    background-color: rgba(212, 175, 55, 0.08);
}

.uc-left-card-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary-blue);
}

/* --- 2. HEADQUARTERS CARD SPECIFICS --- */
.uc-left-address-text {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--primary-blue);
    line-height: 1.5;
    margin-bottom: 24px;
    position: relative;
    padding-left: 4px;
}

.uc-left-hq-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.uc-left-grid-fullwidth {
    grid-column: span 2;
}

.uc-left-meta-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.uc-left-meta-label {
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-gray);
    font-weight: 500;
}

.uc-left-meta-value {
    font-size: 0.95rem;
    color: var(--primary-blue);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-smooth);
}

.uc-left-meta-value:hover {
    color: var(--gold);
}

.uc-left-link-wa {
    color: #25D366;
}

.uc-left-highlight-time {
    background-color: var(--bg-light);
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 0.9rem;
    border-left: 3px solid var(--gold);
    color: var(--text-dark);
}

/* --- 3 & 4. DIRECTORY DESKS LIST DESIGN --- */
.uc-left-directory-subtitle {
    font-size: 0.92rem;
    color: var(--text-gray);
    margin-bottom: 20px;
    line-height: 1.5;
}

.uc-left-desk-accordion-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.uc-left-desk-row {
    background-color: var(--bg-light);
    border-radius: 6px;
    padding: 16px 20px;
    border: 1px solid rgba(10, 30, 61, 0.02);
    transition: background-color var(--transition-smooth);
}

.uc-left-desk-row:hover {
    background-color: rgba(10, 30, 61, 0.03);
}

.uc-left-desk-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.uc-left-desk-name {
    font-family: 'Poppins', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--primary-blue);
}

.uc-left-desk-action-email {
    font-size: 0.88rem;
    color: var(--white);
    background-color: var(--primary-blue);
    padding: 4px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color var(--transition-smooth), color var(--transition-smooth);
}

.uc-left-desk-action-email:hover {
    background-color: var(--gold);
    color: var(--primary-blue);
}

.uc-left-desk-text {
    font-size: 0.88rem;
    color: var(--text-gray);
    line-height: 1.5;
}

/* --- 5. ACADEMIC SERVICES MATRIX --- */
.uc-left-matrix-subtitle {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 16px;
}

.uc-left-matrix-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uc-left-matrix-list li {
    font-size: 0.92rem;
    color: var(--text-dark);
    line-height: 1.45;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uc-left-matrix-bullet {
    width: 6px;
    height: 6px;
    background-color: var(--gold);
    border-radius: 50%;
    flex-shrink: 0;
}

/* --- 6. TRUST SIGNALS & SEO CHECKLIST --- */
.uc-left-trust-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.uc-left-trust-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background-color: rgba(244, 247, 249, 0.5);
    padding: 12px 16px;
    border-radius: 6px;
    border-left: 2px solid rgba(10, 30, 61, 0.1);
}

.uc-left-check {
    font-size: 1rem;
    line-height: 1;
    margin-top: 2px;
    flex-shrink: 0;
}

.uc-left-trust-item p {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--primary-blue);
    line-height: 1.45;
}

/* --- VIEWPORT RESPONSIVE STYLING GRID --- */
@media (max-width: 1200px) {
    .uc-left-main-heading { font-size: 1.75rem; }
    .uc-left-card { padding: 22px; }
}

@media (max-width: 768px) {
    .uc-left-sticky-scroll-container {
        position: static; /* Unsticks layout seamlessly for safe workflow flow stacked on mobile */
        gap: 20px;
    }
    .uc-left-main-heading {
        font-size: 1.5rem;
        margin-bottom: 12px;
    }
    .uc-left-main-desc {
        font-size: 0.92rem;
        line-height: 1.6;
    }
    .uc-left-hq-meta-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .uc-left-grid-fullwidth {
        grid-column: span 1;
    }
    .uc-left-desk-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .uc-left-desk-action-email {
        align-self: flex-start;
        font-size: 0.82rem;
        padding: 2px 8px;
    }
    .uc-left-trust-item {
        padding: 10px 12px;
    }
    .uc-left-trust-item p {
        font-size: 0.85rem;
    }
}
/*section c right side start*/
/* --- RIGHT SIDE COLUMN FRAMEWORK CONTAINER --- */
.uc-right-form-column {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: var(--text-dark);
}

.uc-form-premium-wrapper {
    background-color: var(--white);
    border-radius: 8px;
    padding: 40px;
    box-shadow: var(--shadow-lg);
    border: 1px solid rgba(10, 30, 61, 0.05);
}

/* --- 1. FORM HEADER TYPOGRAPHY --- */
.uc-form-headline-group {
    margin-bottom: 24px;
}

.uc-form-main-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-blue);
    line-height: 1.25;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.uc-form-sub-desc {
    font-size: 0.95rem;
    color: var(--text-gray);
    line-height: 1.6;
}

/* --- 2. GUIDELINE ADVISORY BOX --- */
.uc-form-guideline-card {
    background-color: rgba(212, 175, 55, 0.07);
    border-left: 4px solid var(--gold);
    padding: 16px 20px;
    border-radius: 4px;
    margin-bottom: 35px;
}

.uc-guideline-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.uc-guideline-icon {
    font-size: 1rem;
    line-height: 1;
}

.uc-guideline-label {
    font-family: 'Poppins', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--primary-blue);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uc-guideline-text {
    font-size: 0.88rem;
    color: var(--primary-blue);
    line-height: 1.5;
}

/* --- 3. FIELDSET DIRECTORIES & CATEGORIES SEPARATORS --- */
.uc-form-fieldset-group {
    border: none;
    margin-bottom: 30px;
    padding: 0;
}

.uc-fieldset-legend {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(10, 30, 61, 0.08);
    padding-bottom: 10px;
}

.uc-legend-count {
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--white);
    background-color: var(--gold);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uc-legend-title {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--primary-blue);
    font-weight: 600;
}

/* --- FORM CONTROLS & COMPONENT STYLING --- */
.uc-form-row-grid {
    display: grid;
    margin-bottom: 18px;
}

.uc-grid-2-col {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.uc-grid-3-col {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.uc-align-center-row {
    align-items: center;
}

.uc-input-component-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
    width: 100%;
}

.uc-form-row-grid .uc-input-component-block {
    margin-bottom: 0; /* Clear stacked sub-margins inside grids */
}

.uc-input-label {
    font-family: 'Poppins', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--primary-blue);
}

.uc-required-star {
    color: #ff0000;
    font-weight: bold;
}

/* Base Input Elements Structure UI */
.uc-form-control-input,
.uc-form-control-select,
.uc-form-control-textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid rgba(10, 30, 61, 0.12);
    background-color: var(--white);
    color: var(--text-dark);
    font-size: 0.92rem;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    transition: border-color var(--transition-smooth), box-shadow var(--transition-smooth);
}

.uc-form-control-input:focus,
.uc-form-control-select:focus,
.uc-form-control-textarea:focus {
    outline: none;
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 4px rgba(10, 30, 61, 0.05);
}

/* Accessible Customized Options Arrow */
.uc-select-custom-arrow {
    position: relative;
    width: 100%;
}

.uc-form-control-select {
    cursor: pointer;
    appearance: none;
    padding-right: 40px;
}

.uc-select-custom-arrow::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--primary-blue);
    pointer-events: none;
}

.uc-form-control-textarea {
    resize: vertical;
    min-height: 110px;
}

/* --- PREMIUM FILE DRAG AND DROP ZONE --- */
.uc-file-drag-drop-zone {
    position: relative;
    border: 1.5px dashed rgba(10, 30, 61, 0.2);
    border-radius: 6px;
    padding: 24px;
    text-align: center;
    background-color: var(--bg-light);
    cursor: pointer;
    transition: background-color var(--transition-smooth), border-color var(--transition-smooth);
}

.uc-file-drag-drop-zone.uc-dragover-active,
.uc-file-drag-drop-zone:hover {
    background-color: rgba(10, 30, 61, 0.02);
    border-color: var(--primary-blue);
}

.uc-native-file-handler {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.uc-upload-prompt-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.uc-upload-cloud-icon {
    font-size: 1.8rem;
    line-height: 1;
}

.uc-upload-main-text {
    font-family: 'Poppins', sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--primary-blue);
}

.uc-upload-sub-text {
    font-size: 0.82rem;
    color: var(--text-gray);
    line-height: 1.4;
    max-width: 450px;
}

.uc-upload-file-feedback {
    margin-top: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--gold);
    word-break: break-all;
}

/* --- 4. ACCESSIBLE RECAPTCHA LAYOUT MODULE --- */
.uc-fieldset-security {
    margin-bottom: 35px;
}

.uc-recaptcha-anchor-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.uc-recaptcha-emulated-card {
    background-color: #f9f9f9;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 10px 14px;
    width: 100%;
    max-width: 304px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.uc-recaptcha-flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.uc-recaptcha-checkbox-label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.uc-native-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0; width: 0;
}

.uc-custom-checkbox-box {
    height: 24px;
    width: 24px;
    background-color: var(--white);
    border: 2px solid #c1c1c1;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    transition: border-color 0.2s ease;
}

.uc-native-checkbox:checked ~ .uc-custom-checkbox-box {
    border-color: #4285f4;
}

.uc-custom-checkbox-box::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px; top: 2px;
    width: 5px; height: 11px;
    border: solid #4285f4;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.uc-native-checkbox:checked ~ .uc-custom-checkbox-box::after {
    display: block;
}

.uc-recaptcha-label-text {
    font-size: 0.85rem;
    font-weight: 500;
    color: #000000;
}

.uc-recaptcha-brand-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.uc-recaptcha-badge-icon {
    font-size: 1.2rem;
    line-height: 1;
    color: #4285f4;
}

.uc-recaptcha-brand-title {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--text-gray);
    margin-top: 2px;
}

.uc-recaptcha-privacy-links {
    font-size: 0.55rem;
    color: var(--text-muted);
    margin-top: 1px;
}

/* --- 6. SUCCESS STATE BANNER --- */
.uc-form-success-banner {
    background-color: rgba(37, 211, 102, 0.08);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-left: 4px solid #25D366;
    padding: 18px 22px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    animation: ucFadeInUp 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.uc-success-banner-icon {
    font-size: 1.25rem;
    line-height: 1;
}

.uc-success-banner-text {
    font-size: 0.92rem;
    color: var(--primary-blue);
    line-height: 1.6;
}

@keyframes ucFadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- 5. CALL TO ACTION EXECUTION ROW --- */
.uc-form-submit-action-row {
    margin-top: 10px;
}

.uc-form-submit-action-button {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    padding: 15px 30px;
    background-color: var(--primary-blue);
    color: var(--white);
    border: none;
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: background-color var(--transition-smooth), transform 0.2s ease, box-shadow var(--transition-smooth);
}

.uc-form-submit-action-button:hover {
    background-color: #0d274f;
    box-shadow: var(--shadow-sm);
}

.uc-form-submit-action-button:active {
    transform: scale(0.99);
}

/* Refined Form Processing Loader CSS */
.uc-btn-loader {
    width: 20px;
    height: 20px;
    border: 2.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    border-top-color: var(--white);
    animation: ucSpinLoader 0.75s linear infinite;
}

@keyframes ucSpinLoader {
    to { transform: rotate(360deg); }
}

.uc-form-response-commitment-statement {
    font-size: 0.82rem;
    color: var(--text-gray);
    line-height: 1.5;
    margin-top: 14px;
    text-align: justify;
}

/* --- RESPONSIVE ADAPTATION LAYOUT LAYER --- */
@media (max-width: 1200px) {
    .uc-form-premium-wrapper { padding: 30px; }
    .uc-form-main-heading { font-size: 1.75rem; }
    .uc-grid-3-col {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .uc-grid-3-col .uc-input-component-block {
        margin-bottom: 18px;
    }
    .uc-grid-3-col .uc-input-component-block:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    /* Mobile-First Layout Rules Inherited via Master Assembly Workflow */
    .uc-form-premium-wrapper {
        padding: 24px 20px;
    }
    .uc-form-main-heading {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }
    .uc-form-sub-desc {
        font-size: 0.88rem;
    }
    .uc-grid-2-col {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .uc-grid-2-col .uc-input-component-block {
        margin-bottom: 18px;
    }
    .uc-grid-2-col .uc-input-component-block:last-child {
        margin-bottom: 0;
    }
    .uc-fieldset-security .uc-grid-2-col .uc-input-component-block {
        margin-bottom: 18px; /* Maintain partition gap before captcha on small screens */
    }
    .uc-recaptcha-anchor-container {
        justify-content: flex-start;
    }
    .uc-recaptcha-emulated-card {
        max-width: 100%;
    }
}
/**/
@media (max-width: 768px) {
    .uc-contact-main-container {
        flex-direction: column; /* यह स्वतः ही लेफ्ट को ऊपर और राइट को नीचे कर देगा */
    }
    .uc-contact-column-form {
        order: 2; /* फॉर्म को नीचे कर देगा */
    }
    .uc-contact-column-info {
        order: 1; /* लेफ्ट साइड की जानकारी को ऊपर रखेगा */
    }
}
/*contact us page end*/

/*online pay start*/
        /* --- HEADER BRAND HERO --- */
        .up-pay-hero {
            background-color: var(--primary-blue);
            padding: 60px 24px;
            text-align: center;
            color: var(--white);
            position: relative;
            border-bottom: 4px solid var(--gold);
        }

        .up-pay-hero::before {
            content: '';
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 80%);
            pointer-events: none;
        }

        .up-hero-container {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .up-hero-badge {
            font-family: 'Poppins', sans-serif;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--gold);
            font-weight: 600;
            margin-bottom: 12px;
            display: inline-block;
        }

        .up-pay-title {
            font-family: 'Poppins', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 16px;
            letter-spacing: -0.5px;
        }

        .up-pay-subtitle {
            font-size: 1rem;
            color: #e0e0e0;
            max-width: 680px;
            margin: 0 auto;
            font-weight: 300;
            line-height: 1.6;
        }

        /* --- MAIN SYSTEM CONTAINER --- */
        .up-main-wrapper {
            max-width: 1200px;
            margin: -40px auto 60px auto;
            padding: 0 24px;
            display: grid;
            grid-template-columns: 1.618fr 1fr;
            gap: 32px;
            position: relative;
            z-index: 10;
        }

        /* --- FORM STRUCTURE ENGINE --- */
        .up-form-card {
            background-color: var(--white);
            border-radius: var(--radius-md);
            padding: 40px;
            box-shadow: var(--shadow-lg);
            border: 1px solid rgba(10, 30, 61, 0.03);
        }

        .up-info-alert-ribbon {
            background-color: rgba(212, 175, 55, 0.08);
            border-left: 4px solid var(--gold);
            padding: 14px 18px;
            border-radius: var(--radius-sm);
            font-size: 0.88rem;
            color: var(--primary-blue);
            margin-bottom: 30px;
            line-height: 1.5;
        }

        .up-fieldset-segment {
            border: none;
            margin-bottom: 35px;
        }

        .up-fieldset-legend {
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            margin-bottom: 22px;
            border-bottom: 1px solid rgba(10, 30, 61, 0.08);
            padding-bottom: 10px;
        }

        .up-legend-num {
            font-family: 'Poppins', sans-serif;
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--white);
            background-color: var(--primary-blue);
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .up-legend-title {
            font-family: 'Poppins', sans-serif;
            font-size: 0.95rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--primary-blue);
            font-weight: 600;
        }

        .up-control-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }

        .up-control-group {
            display: flex;
            flex-direction: column;
            gap: 6px;
            position: relative;
        }

        .up-full-width-control {
            grid-column: span 2;
        }

        .up-input-label {
            font-family: 'Poppins', sans-serif;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--primary-blue);
        }

        .up-required {
            color: #ff0000;
            margin-left: 2px;
        }

        .up-input-with-icon {
            position: relative;
            display: flex;
            align-items: center;
        }

        .up-field-icon {
            position: absolute;
            left: 14px;
            font-size: 1rem;
            pointer-events: none;
            opacity: 0.7;
        }

    
.up-form-control {
    width: 100%;
    padding: 12px 16px;
    font-size: 0.92rem;
    color: var(--text-dark);
    background-color: var(--white);

    border: 1.5px solid #d9dfe7; 
    border-radius: var(--radius-sm);
    font-family: 'Open Sans', sans-serif;
    transition: border-color var(--transition), box-shadow var(--transition);
}

        .up-input-with-icon .up-form-control {
            padding-left: 42px;
        }

        .up-form-control:focus {
            outline: none;
    border-color: var(--primary-blue); 
    box-shadow: 0 0 0 4px rgba(10, 30, 61, 0.06); 
        }

        /* Custom Select Configuration */
        select.up-form-control {
            appearance: none;
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230a1e3d'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 14px center;
            background-size: 18px;
            padding-right: 40px;
        }

        /* --- SEARCHABLE COUNTRY SEARCH UI --- */
        .up-searchable-select-container {
            position: relative;
            width: 100%;
        }

        .up-select-search-input {
            border-bottom: 1px solid var(--border-muted);
            border-radius: var(--radius-sm) var(--radius-sm) 0 0;
        }

        .up-country-dropdown-list {
            position: absolute;
            top: 100%; left: 0; width: 100%;
            background-color: var(--white);
            border: 1.5px solid var(--primary-blue);
            border-top: none;
            border-radius: 0 0 var(--radius-sm) var(--radius-sm);
            max-height: 220px;
            overflow-y: auto;
            z-index: 999;
            box-shadow: var(--shadow-lg);
            display: none;
        }


        .up-country-option {
    padding: 10px 16px;
    font-size: 0.92rem;
    color: #333333 !important; 
    background-color: #ffffff !important; 
    cursor: pointer;
    transition: background-color var(--transition);
}

        .up-country-option:hover {
             background-color: #f4f7f9 !important; 
    color: #0a1e3d !important; 
    font-weight: 600;
        }

        /* Tel Phone Input Architecture */
        .up-phone-wrapper {
            display: grid;
            grid-template-columns: 90px 1fr;
            gap: 8px;
            width: 100%;
        }

        .up-phone-cc {
            text-align: center;
            background-color: var(--bg-light);
            font-weight: 600;
            color: var(--primary-blue);
        }

        /* --- DYNAMIC CONDITIONAL MOUNT BLOCK --- */
        .up-dynamic-conditional-container {
            background-color: rgba(244, 247, 249, 0.6);
            border-radius: var(--radius-md);
            padding: 0;
            margin-bottom: 0;
            transition: all var(--transition);
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .up-dynamic-conditional-container.up-active-padding {
            padding: 24px;
            margin-bottom: 30px;
            border: 1px solid rgba(10, 30, 61, 0.04);
        }

        .up-conditional-node {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 100%;
            animation: upFormSectionFade 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
        }

        @keyframes upFormSectionFade {
            from { opacity: 0; transform: translateY(8px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Dynamic Repeating Journal Block Matrix */
        .up-repeater-journal-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 100%;
        }

        .up-journal-repeater-node {
            background-color: var(--white);
            border: 1px solid var(--border-muted);
            border-radius: var(--radius-sm);
            padding: 20px;
            position: relative;
            box-shadow: var(--shadow-sm);
            animation: upFormSectionFade 0.35s ease forwards;
        }

        .up-journal-node-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
            border-bottom: 1px dashed var(--border-muted);
            padding-bottom: 8px;
        }

        .up-journal-node-title {
            font-family: 'Poppins', sans-serif;
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--gold-dark, #624806);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .up-remove-block-btn {
            background: none;
            border: none;
            color: #ff0000;
            font-size: 0.82rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 4px 8px;
            border-radius: 4px;
            transition: background-color var(--transition);
        }

        .up-remove-block-btn:hover {
            background-color: rgba(255, 0, 0, 0.05);
        }

        .up-add-more-trigger-row {
            margin-top: 4px;
        }

        .up-add-block-btn {
            font-family: 'Poppins', sans-serif;
            background-color: transparent;
            border: 1.5px dashed var(--primary-blue);
            color: var(--primary-blue);
            padding: 10px 20px;
            font-size: 0.88rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all var(--transition);
        }

        .up-add-block-btn:hover {
            background-color: var(--primary-blue);
            color: var(--white);
        }

        /* --- SECURITY CAPTCHA & EXECUTION --- */
        .up-captcha-flex-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #f9f9f9;
            border: 1px solid #d3d3d3;
            border-radius: 3px;
            padding: 12px 16px;
            max-width: 304px;
            margin-bottom: 25px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.02);
        }

        .up-mock-recaptcha-lhs {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            user-select: none;
        }

        .up-captcha-cb {
            width: 24px;
            height: 24px;
            cursor: pointer;
        }

        .up-captcha-lbl {
            font-size: 0.85rem;
            font-weight: 500;
            color: #000000;
        }

        .up-mock-recaptcha-rhs {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .up-rc-logo { font-size: 1.2rem; line-height: 1; color: #4285f4; }
        .up-rc-txt { font-size: 0.65rem; font-weight: 600; color: var(--text-gray); margin-top: 2px; }
        .up-rc-legal { font-size: 0.55rem; color: #999999; }

        .up-submit-btn {
            font-family: 'Poppins', sans-serif;
            width: 100%;
            padding: 16px 32px;
            background-color: var(--primary-blue);
            color: var(--white);
            border: 1px solid var(--primary-blue);
            font-size: 1.1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            border-radius: var(--radius-sm);
            cursor: pointer;
            box-shadow: var(--shadow-sm);
            transition: all var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .up-submit-btn:hover {
            background-color: var(--white);
            color: var(--primary-blue);
            border-color: var(--primary-blue);
            box-shadow: var(--shadow-lg);
        }

        /* --- SIDEBAR META INFORMATION PACK --- */
        .up-sidebar-column {
            display: flex;
            flex-direction: column;
            gap: 28px;
        }

        .up-sidebar-card {
            background-color: var(--white);
            border-radius: var(--radius-md);
            padding: 30px;
            box-shadow: var(--shadow-sm);
            border: 1px solid rgba(10, 30, 61, 0.04);
        }

        .up-side-heading {
            font-family: 'Poppins', sans-serif;
            font-size: 1.1rem;
            color: var(--primary-blue);
            margin-bottom: 16px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
            border-bottom: 2px solid var(--gold);
            padding-bottom: 8px;
        }

        .up-summary-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .up-summary-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.9rem;
            border-bottom: 1px dashed rgba(10, 30, 61, 0.06);
            padding-bottom: 8px;
        }

        .up-summary-item:last-child {
            border: none; padding: 0;
        }

        .up-summary-label { color: var(--text-gray); }
        .up-summary-val { font-weight: 600; color: var(--primary-blue); }

        .up-total-amount-row {
            margin-top: 10px;
            padding: 12px 16px;
            background-color: var(--bg-light);
            border-radius: var(--radius-sm);
            border-left: 4px solid var(--primary-blue);
        }

        .up-trust-card p {
            font-size: 0.88rem;
            color: var(--text-gray);
            line-height: 1.6;
            margin-bottom: 14px;
        }

        .up-trust-card p:last-child {
            margin-bottom: 0;
        }

        /* --- MINI FAQ ACCORDION COMPONENT --- */
        .up-faq-accordion {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .up-faq-item {
            border: 1px solid var(--border-muted);
            border-radius: var(--radius-sm);
            overflow: hidden;
        }

        .up-faq-trigger {
            display: none;
        }

        .up-faq-label {
            font-family: 'Poppins', sans-serif;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--primary-blue);
            padding: 12px 16px;
            background-color: var(--white);
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
        }

        .up-faq-label::after {
            content: "+";
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--gold);
            transition: transform var(--transition);
        }

        .up-faq-panel {
            max-height: 0;
            overflow: hidden;
            background-color: #fafbfc;
            opacity: 0;
            transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
            padding: 0 16px;
        }

        .up-faq-panel p {
            font-size: 0.82rem;
            color: var(--text-gray);
            line-height: 1.5;
            padding: 12px 0;
        }

        .up-faq-trigger:checked ~ .up-faq-label {
            background-color: var(--bg-light);
        }

        .up-faq-trigger:checked ~ .up-faq-label::after {
            transform: rotate(45deg);
        }

        .up-faq-trigger:checked ~ .up-faq-panel {
            max-height: 120px;
            opacity: 1;
            padding: 0 16px;
        }

        /* --- RESPONSIVE ENGINE ADAPTATION --- */
        @media (max-width: 992px) {
            .up-main-wrapper {
                grid-template-columns: 1fr;
                margin-top: -20px;
            }
            .up-sidebar-column {
                order: 2;
            }
            .up-form-card {
                order: 1;
                padding: 30px 24px;
            }
        }

        @media (max-width: 680px) {
            .up-pay-hero { padding: 45px 16px; }
            .up-pay-title { font-size: 1.85rem; }
            .up-pay-subtitle { font-size: 0.88rem; }
            .up-control-row {
                grid-template-columns: 1fr;
                gap: 0;
            }
            .up-full-width-control {
                grid-column: span 1;
            }
            .up-control-group {
                margin-bottom: 16px;
            }
            .up-grid-3-col {
                grid-template-columns: 1fr !important;
                gap: 0 !important;
            }
            .up-recaptcha-anchor-container {
                width: 100%;
            }
            .up-captcha-flex-row {
                max-width: 100%;
            }
        }
/*online pay end*/
/*buy book start*/

/*buy book end*/
.ucp-manuscript-info{
    max-width: 920px;
    margin: 18px auto 0;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid rgba(212,175,55,0.22);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(10,30,61,0.08);
}

.ucp-manuscript-info-head{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 1rem;
    font-weight: 700;
    color: #0a1e3d;
}

.ucp-manuscript-info-head i{
    color: #d4af37;
    font-size: 1.05rem;
}

.ucp-manuscript-info-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ucp-manuscript-info-item{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #edf1f6;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #24324a;
    line-height: 1.3;
}

.ucp-manuscript-info-item i{
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0a1e3d;
    color: #ffffff;
    font-size: 0.85rem;
    box-shadow: 0 6px 14px rgba(10,30,61,0.15);
}

@media (max-width: 768px){
    .ucp-manuscript-info{
        padding: 14px;
    }

    .ucp-manuscript-info-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px){
    .ucp-manuscript-info-grid{
        grid-template-columns: 1fr;
    }

    .ucp-manuscript-info-item{
        font-size: 0.86rem;
    }
}