{"id":13774,"date":"2026-07-16T19:24:19","date_gmt":"2026-07-16T19:24:19","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=13774"},"modified":"2026-07-23T03:20:18","modified_gmt":"2026-07-23T03:20:18","slug":"new-home-page","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=13774","title":{"rendered":"new home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13774\" class=\"elementor elementor-13774\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e039cd6 e-con-full e-flex e-con e-parent\" data-id=\"e039cd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66bdae9 elementor-widget elementor-widget-html\" data-id=\"66bdae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ELEMENTOR FULL-WIDTH FIX - Add this HTML widget to a Full Width Section with No Gap -->\n<style>\n    \/* ===== ELEMENTOR OVERRIDE - REMOVE ALL GAPS ===== *\/\n    .elementor-widget-html,\n    .elementor-widget-html .elementor-widget-container {\n        width: 100% !important;\n        max-width: 100% !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n    \n    .elementor-section.elementor-section-stretched,\n    .elementor-section-full_width,\n    .elementor-container,\n    .elementor-column,\n    .elementor-column-wrap,\n    .elementor-widget-wrap,\n    .elementor-element {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n    }\n    \n    \/* Ensure hero takes full width *\/\n    .hero-wrapper {\n        width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        margin-right: calc(-50vw + 50%) !important;\n        overflow-x: hidden;\n    }\n\n    \/* ===== MAIN STYLES ===== *\/\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .hero-wrapper {\n        font-family: 'Outfit', sans-serif;\n    }\n\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');\n\n    \/* ===== SMART ANNOUNCEMENT BANNER ===== *\/\n    .announcement-banner {\n        background: linear-gradient(90deg, #F59E0B 0%, #F97316 50%, #F59E0B 100%);\n        background-size: 200% 100%;\n        animation: bannerGradient 8s ease infinite;\n        padding: 0.7rem 1.5rem;\n        position: relative;\n        z-index: 100;\n        overflow: hidden;\n        width: 100%;\n    }\n\n    @keyframes bannerGradient {\n        0%, 100% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n    }\n\n    .announcement-banner::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n        animation: bannerShimmer 3s ease-in-out infinite;\n    }\n\n    @keyframes bannerShimmer {\n        0% { left: -100%; }\n        100% { left: 100%; }\n    }\n\n    .banner-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        flex-wrap: wrap;\n        position: relative;\n        z-index: 2;\n    }\n\n    .banner-text {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    .banner-highlight {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.4rem;\n        background: #1a56db;\n        padding: 0.3rem 0.8rem;\n        border-radius: 100px;\n        color: #FFFFFF !important;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .banner-highlight .spark {\n        animation: sparkle 1.5s ease-in-out infinite;\n    }\n\n    @keyframes sparkle {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.7; transform: scale(1.2); }\n    }\n\n    .banner-main-text {\n        color: #FFFFFF !important;\n        font-size: 1.85rem;\n        font-weight: 800;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n    }\n\n    .old-name {\n        color: #1a56db !important;\n        font-weight: 700;\n        background: #FFFFFF;\n        padding: 0.15rem 0.5rem;\n        border-radius: 4px;\n        text-decoration: line-through;\n        text-decoration-color: #ef4444;\n        text-decoration-thickness: 2px;\n        font-size: 1.4rem;\n    }\n\n    .arrow-icon {\n        color: #FFFFFF !important;\n        font-size: 1.4 rem;\n        animation: arrowMove 1s ease-in-out infinite;\n    }\n\n    @keyframes arrowMove {\n        0%, 100% { transform: translateX(0); }\n        50% { transform: translateX(5px); }\n    }\n\n    .new-name {\n        color: #1a56db !important;\n        font-weight: 800;\n        background: #FFFFFF;\n        padding: 0.2rem 0.6rem;\n        border-radius: 4px;\n        font-size: 1.1rem;\n    }\n\n    .banner-divider {\n        width: 4px;\n        height: 4px;\n        background: #FFFFFF;\n        border-radius: 50%;\n        margin: 0 0.5rem;\n        opacity: 0.7;\n    }\n\n    .banner-contact {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #FFFFFF !important;\n        font-size: 1.2rem;\n        font-weight: 600;\n    }\n\n    .whatsapp-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n        background: #25D366;\n        padding: 0.3rem 0.7rem;\n        border-radius: 100px;\n        color: #FFFFFF !important;\n        font-size: 0.95rem;\n        font-weight: 700;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 8px rgba(37, 211, 102, 0.4);\n    }\n\n    .whatsapp-btn:hover {\n        transform: scale(1.05);\n        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.5);\n    }\n\n    .whatsapp-btn svg {\n        width: 14px;\n        height: 14px;\n        fill: #FFFFFF;\n    }\n\n    \/* ===== HERO SECTION ===== *\/\n    .hero {\n        position: relative;\n        padding: 4rem 4rem 5rem 4rem;\n        background: linear-gradient(160deg, #2563EB 0%, #1E40AF 50%, #1E3A8A 100%);\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n        background-size: 30px 30px;\n        z-index: 1;\n    }\n\n    .bg-blob {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(100px);\n        opacity: 0.4;\n        z-index: 1;\n    }\n\n    .bg-blob-1 {\n        width: 500px;\n        height: 500px;\n        background: #3B82F6;\n        top: -200px;\n        left: -100px;\n        animation: blobMove1 20s ease-in-out infinite;\n    }\n\n    .bg-blob-2 {\n        width: 400px;\n        height: 400px;\n        background: #F97316;\n        bottom: -150px;\n        right: 5%;\n        opacity: 0.25;\n        animation: blobMove2 18s ease-in-out infinite;\n    }\n\n    @keyframes blobMove1 {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(30px, 30px) scale(1.05); }\n    }\n\n    @keyframes blobMove2 {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(-20px, -20px) scale(1.1); }\n    }\n\n    .bottom-accent {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(90deg, #F97316 0%, #FBBF24 50%, #F97316 100%);\n        background-size: 200% 100%;\n        animation: shimmer 4s linear infinite;\n        z-index: 20;\n    }\n\n    @keyframes shimmer {\n        0% { background-position: 200% 0; }\n        100% { background-position: -200% 0; }\n    }\n\n    .hero-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1.1fr;\n        align-items: center;\n        gap: 4rem;\n        width: 100%;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* ===== IMAGE SECTION ===== *\/\n    .hero-image {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .image-wrapper {\n        position: relative;\n        opacity: 0;\n        animation: slideInLeft 1s ease-out forwards;\n        animation-delay: 0.2s;\n    }\n\n    @keyframes slideInLeft {\n        from { opacity: 0; transform: translateX(-50px); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .hero-image img {\n        width: 100%;\n        max-width: 460px;\n        height: auto;\n        position: relative;\n        z-index: 3;\n        animation: floatImage 6s ease-in-out infinite;\n        filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.25));\n    }\n\n    @keyframes floatImage {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-18px); }\n    }\n\n    .image-glow {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 380px;\n        height: 380px;\n        background: radial-gradient(circle, rgba(249, 115, 22, 0.15) 0%, rgba(249, 115, 22, 0.05) 40%, transparent 70%);\n        border-radius: 50%;\n        z-index: 1;\n        animation: glowPulse 5s ease-in-out infinite;\n    }\n\n    @keyframes glowPulse {\n        0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n        50% { transform: translate(-50%, -50%) scale(1.08); opacity: 1; }\n    }\n\n    .deco-circle {\n        position: absolute;\n        border-radius: 50%;\n        border: 2px solid rgba(255, 255, 255, 0.1);\n        z-index: 2;\n    }\n\n    .deco-circle-1 {\n        width: 450px;\n        height: 450px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        animation: rotateCircle 30s linear infinite;\n    }\n\n    .deco-circle-2 {\n        width: 380px;\n        height: 380px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        border-style: dashed;\n        animation: rotateCircle 25s linear infinite reverse;\n    }\n\n    @keyframes rotateCircle {\n        from { transform: translate(-50%, -50%) rotate(0deg); }\n        to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    \/* ===== CONTENT SECTION ===== *\/\n    .hero-content {\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        background: rgba(249, 115, 22, 0.15);\n        border: 1px solid rgba(249, 115, 22, 0.35);\n        padding: 0.5rem 1.25rem;\n        border-radius: 100px;\n        margin-bottom: 1.5rem;\n        opacity: 0;\n        animation: fadeDown 0.7s ease-out forwards;\n        animation-delay: 0.4s;\n    }\n\n    @keyframes fadeDown {\n        from { opacity: 0; transform: translateY(-20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .badge-dot {\n        width: 8px;\n        height: 8px;\n        background: #F97316;\n        border-radius: 50%;\n        animation: dotPulse 2s ease-in-out infinite;\n        box-shadow: 0 0 8px #F97316;\n    }\n\n    @keyframes dotPulse {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.3); }\n    }\n\n    .badge-text {\n        font-size: 0.8rem;\n        font-weight: 600;\n        color: #FBBF24 !important;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n    }\n\n    .hero-title {\n        font-size: 3.25rem;\n        font-weight: 900;\n        color: #FFFFFF !important;\n        line-height: 1.15;\n        margin-bottom: 1.25rem;\n        letter-spacing: -0.5px;\n        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    .title-line {\n        display: block;\n        overflow: hidden;\n    }\n\n    .title-line .text {\n        display: inline-block;\n        opacity: 0;\n        transform: translateY(100%);\n        animation: textReveal 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        color: #FFFFFF !important;\n    }\n\n    .title-line:nth-child(1) .text { animation-delay: 0.5s; }\n    .title-line:nth-child(2) .text { animation-delay: 0.65s; }\n    .title-line:nth-child(3) .text { animation-delay: 0.8s; }\n\n    @keyframes textReveal {\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .highlight {\n        position: relative;\n        color: #FB923C !important;\n        display: inline-block;\n        font-weight: 900;\n    }\n\n    .highlight::after {\n        content: '';\n        position: absolute;\n        bottom: 2px;\n        left: 0;\n        width: 0;\n        height: 4px;\n        background: linear-gradient(90deg, #F97316, #FBBF24);\n        border-radius: 2px;\n        animation: underlineGrow 0.8s ease-out forwards;\n        animation-delay: 1.4s;\n    }\n\n    @keyframes underlineGrow {\n        to { width: 100%; }\n    }\n\n    .promo-arrow {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #F97316, #FBBF24);\n        border-radius: 50%;\n        margin-left: 0.75rem;\n        color: #FFFFFF !important;\n        font-size: 1.25rem;\n        font-weight: 900;\n        animation: arrowBounce 2s ease-in-out infinite;\n        box-shadow: 0 5px 20px rgba(249, 115, 22, 0.4);\n    }\n\n    @keyframes arrowBounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-8px); }\n    }\n\n    .hero-subtitle {\n        font-size: 1.05rem;\n        color: rgba(255, 255, 255, 0.85) !important;\n        line-height: 1.8;\n        margin-bottom: 2rem;\n        max-width: 480px;\n        opacity: 0;\n        animation: fadeUp 0.8s ease-out forwards;\n        animation-delay: 1s;\n    }\n\n    @keyframes fadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .feature-pills {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 0.6rem;\n        margin-bottom: 2rem;\n        opacity: 0;\n        animation: fadeUp 0.8s ease-out forwards;\n        animation-delay: 1.2s;\n    }\n\n    .pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        padding: 0.55rem 1.1rem;\n        border-radius: 100px;\n        color: #FFFFFF !important;\n        font-size: 0.85rem;\n        font-weight: 600;\n        transition: all 0.3s ease;\n    }\n\n    .pill:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n    }\n\n    .pill-icon {\n        width: 20px;\n        height: 20px;\n        background: linear-gradient(135deg, #F97316, #FBBF24);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.65rem;\n        color: #FFFFFF !important;\n        font-weight: bold;\n    }\n\n    .hero-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 1rem;\n        opacity: 0;\n        animation: fadeUp 0.8s ease-out forwards;\n        animation-delay: 1.4s;\n    }\n\n    .btn {\n        padding: 1rem 2.25rem;\n        font-size: 0.95rem;\n        font-weight: 700;\n        border-radius: 12px;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        border: none;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .btn-primary {\n        background: linear-gradient(135deg, #F97316, #EA580C);\n        color: #FFFFFF !important;\n        box-shadow: 0 8px 25px rgba(249, 115, 22, 0.35);\n    }\n\n    .btn-primary::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .btn-primary:hover::before {\n        left: 100%;\n    }\n\n    .btn-primary:hover {\n        transform: translateY(-3px) scale(1.02);\n        box-shadow: 0 12px 35px rgba(249, 115, 22, 0.45);\n    }\n\n    .btn-secondary {\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        color: #FFFFFF !important;\n        border: 2px solid rgba(255, 255, 255, 0.25);\n    }\n\n    .btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.2);\n        border-color: #FFFFFF;\n        transform: translateY(-3px);\n    }\n\n    .btn-icon {\n        width: 18px;\n        height: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .btn:hover .btn-icon {\n        transform: translateX(4px);\n    }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 1100px) {\n        .hero {\n            padding: 3rem 2rem 4rem 2rem;\n        }\n\n        .hero-container {\n            gap: 3rem;\n        }\n\n        .hero-title {\n            font-size: 2.75rem;\n        }\n\n        .hero-image img {\n            max-width: 380px;\n        }\n\n        .deco-circle-1 { width: 380px; height: 380px; }\n        .deco-circle-2 { width: 320px; height: 320px; }\n        .image-glow { width: 320px; height: 320px; }\n    }\n\n    @media (max-width: 900px) {\n        .hero-container {\n            grid-template-columns: 1fr;\n            text-align: center;\n        }\n\n        .hero-image {\n            order: 1;\n            max-width: 380px;\n            margin: 0 auto;\n        }\n\n        .hero-content { order: 2; }\n        .hero-title { font-size: 2.5rem; }\n        .hero-subtitle { max-width: 100%; }\n        .deco-circle { display: none; }\n    }\n\n    @media (max-width: 700px) {\n        .banner-text {\n            flex-direction: column;\n            gap: 0.4rem;\n        }\n\n        .banner-divider { display: none; }\n        .announcement-banner { padding: 0.5rem 1rem; }\n        .banner-main-text { font-size: 0.75rem; }\n        .old-name, .new-name { font-size: 0.75rem; }\n        .banner-contact { font-size: 0.75rem; }\n    }\n\n    @media (max-width: 600px) {\n        .hero {\n            padding: 2.5rem 1.25rem 3rem 1.25rem;\n        }\n\n        .hero-title { font-size: 1.9rem; }\n        .promo-arrow { width: 32px; height: 32px; font-size: 1rem; }\n        .hero-subtitle { font-size: 0.95rem; }\n        .feature-pills { gap: 0.4rem; }\n        .pill { font-size: 0.78rem; padding: 0.45rem 0.9rem; }\n        .hero-buttons { flex-direction: column; width: 100%; }\n        .btn { width: 100%; justify-content: center; }\n        .image-glow { width: 260px; height: 260px; }\n        .hero-image img { max-width: 300px; }\n        .banner-highlight { font-size: 0.65rem; padding: 0.2rem 0.5rem; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n    <!-- ANNOUNCEMENT BANNER -->\n    <!-- <div class=\"announcement-banner\">\n        <div class=\"banner-content\">\n            <div class=\"banner-text\">\n                <span class=\"banner-highlight\">\n                    <span class=\"spark\">\u2728<\/span> Big News!\n                <\/span>\n                <span class=\"banner-main-text\">\n                    <span class=\"old-name\">cssadda.in<\/span>\n                    <span class=\"arrow-icon\">\u2192<\/span>\n                    <span class=\"new-name\">PROMOTIONEXAMS.COM<\/span>\n                <\/span>\n                \n                <span class=\"banner-divider\"><\/span>\n                \n                <span class=\"banner-contact\">\n                    For queries:\n                    <a href=\"https:\/\/wa.me\/919870176238\" target=\"_blank\" class=\"whatsapp-btn\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n                        <\/svg>\n                        9870176238\n                    <\/a>\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/div>-->\n\n    <!-- HERO SECTION -->\n    <section class=\"hero\">\n        <div class=\"bg-blob bg-blob-1\"><\/div>\n        <div class=\"bg-blob bg-blob-2\"><\/div>\n\n        <div class=\"hero-container\">\n            <!-- IMAGE - LEFT -->\n            <div class=\"hero-image\">\n                <div class=\"image-wrapper\">\n                    <div class=\"deco-circle deco-circle-1\"><\/div>\n                    <div class=\"deco-circle deco-circle-2\"><\/div>\n                    <div class=\"image-glow\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/07\/syllabus-scaled.png\" alt=\"Online Learning Platform\">\n                <\/div>\n            <\/div>\n\n            <!-- CONTENT - RIGHT -->\n            <div class=\"hero-content\">\n                <div class=\"hero-badge\">\n                    <span class=\"badge-dot\"><\/span>\n                    <span class=\"badge-text\">Portal for Government Promotion Exams<\/span>\n                <\/div>\n\n                <h1 class=\"hero-title\">\n                    <span class=\"title-line\">\n                        <span class=\"text\">Master Your<\/span>\n                    <\/span>\n                    <span class=\"title-line\">\n                        <span class=\"text\">Departmental<\/span>\n                    <\/span>\n                    <span class=\"title-line\">\n                        <span class=\"text\">\n                            <span class=\"highlight\">Promotion Exams<\/span>\n                            <span class=\"promo-arrow\">\u2191<\/span>\n                        <\/span>\n                    <\/span>\n                <\/h1>\n\n                <p class=\"hero-subtitle\">\n                    Elevate your government career with India's most trusted exam preparation platform. Expert guidance, updated syllabus & proven success strategies.\n                <\/p>\n\n                <div class=\"feature-pills\">\n                    <div class=\"pill\">\n                        <span class=\"pill-icon\">\u2713<\/span>\n                        <span>Updated Syllabus<\/span>\n                    <\/div>\n                    <div class=\"pill\">\n                        <span class=\"pill-icon\">\u2713<\/span>\n                        <span>Previous Papers<\/span>\n                    <\/div>\n                    <div class=\"pill\">\n                        <span class=\"pill-icon\">\u2713<\/span>\n                        <span>Expert Support<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"bottom-accent\"><\/div>\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal for Government Promotion Exams Master Your Departmental Promotion Exams \u2191 Elevate your government career with India&#8217;s most trusted exam [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[],"tags":[],"class_list":["post-13774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/13774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13774"}],"version-history":[{"count":112,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/13774\/revisions"}],"predecessor-version":[{"id":14274,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/13774\/revisions\/14274"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}