{"id":96,"date":"2024-11-16T11:36:29","date_gmt":"2024-11-16T11:36:29","guid":{"rendered":"https:\/\/pmdc.org.pk\/?page_id=96"},"modified":"2026-01-10T13:11:31","modified_gmt":"2026-01-10T08:11:31","slug":"compare-universties","status":"publish","type":"page","link":"https:\/\/pmdc.org.pk\/?page_id=96","title":{"rendered":"Compare Universities"},"content":{"rendered":"<style>\n        :root {\n            \/* Colors *\/\n            --cta-orange: #ff7900;\n            --cta-orange-hover: #e56800;\n            --cta-orange-light: #ff9533;\n            --cta-orange-dark: #cc6100;\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #666666;\n            --light-gray: #cccccc;\n            --off-white: #fafafa;\n            --white: #ffffff;\n            --success: #22c55e;\n            --warning: #f59e0b;\n            --error: #ef4444;\n            --info: #3b82f6;\n            \/* Spacing *\/\n            --space-xs: 0.25rem;\n            --space-sm: 0.5rem;\n            --space-md: 1rem;\n            --space-lg: 1.5rem;\n            --space-xl: 2rem;\n            --space-2xl: 3rem;\n            --space-3xl: 4rem;\n            --space-4xl: 5rem;\n            --space-5xl: 6rem;\n            --space-6xl: 8rem;\n            --space-7xl: 10rem;\n            --space-8xl: 12rem;\n            \/* Typography *\/\n            --font-primary: 'Bricolage Grotesque', sans-serif;\n            --font-secondary: 'Poppins', sans-serif;\n            --font-body: 'Inter', sans-serif;\n        }\n        \/* Reset and base styles *\/\n        .uni-compare * { \n            box-sizing: border-box; \n            margin: 0; \n            padding: 0; \n        }\n        .uni-compare {\n            font-family: var(--font-body);\n            max-width: 100vw;\n            margin: 0 auto;\n            padding: var(--space-lg);\n            background: var(--off-white);\n            border-radius: 12px;\n            font-size: 16px;\n            line-height: 1.6;\n            color: var(--dark-gray);\n        }\n        \/* Header Section *\/\n        .uni-header {\n            text-align: center;\n            margin-bottom: var(--space-3xl);\n        }\n        .uni-title {\n            font-family: var(--font-primary);\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--black);\n            margin-bottom: var(--space-sm);\n            line-height: 1.1;\n        }\n        .uni-subtitle {\n            font-family: var(--font-secondary);\n            font-size: 1.125rem;\n            color: var(--medium-gray);\n            font-weight: 500;\n            line-height: 1.4;\n        }\n        \/* Controls Section *\/\n        .uni-controls {\n            background: var(--white);\n            padding: var(--space-xl);\n            border-radius: 16px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n            margin-bottom: var(--space-2xl);\n            border: 1px solid #e2e8f0;\n        }\n        .uni-selects {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: var(--space-md);\n        }\n        .uni-select {\n            width: 100%;\n            padding: var(--space-md) var(--space-lg);\n            border: 2px solid var(--light-gray);\n            border-radius: 8px;\n            font-size: 1rem;\n            font-weight: 500;\n            font-family: var(--font-secondary);\n            background: var(--white);\n            transition: all 0.3s ease;\n            cursor: pointer;\n            color: var(--dark-gray);\n        }\n        .uni-select:hover {\n            border-color: var(--cta-orange);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(255, 121, 0, 0.15);\n        }\n        .uni-select:focus {\n            outline: none;\n            border-color: var(--cta-orange);\n            box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.1);\n        }\n        \/* Empty State *\/\n        .uni-empty {\n            text-align: center;\n            padding: var(--space-5xl) var(--space-xl);\n            background: linear-gradient(135deg, var(--cta-orange) 0%, var(--cta-orange-dark) 100%);\n            color: var(--white);\n            border-radius: 16px;\n            margin-bottom: var(--space-2xl);\n        }\n        .uni-empty h3 {\n            font-family: var(--font-primary);\n            font-size: 1.5rem;\n            margin-bottom: var(--space-sm);\n            font-weight: 600;\n            line-height: 1.3;\n        }\n        .uni-empty p {\n            font-family: var(--font-body);\n            font-size: 1.125rem;\n            opacity: 0.9;\n            line-height: 1.6;\n        }\n        \/* Grid Layout *\/\n        .uni-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n            gap: var(--space-xl);\n        }\n        \/* University Cards *\/\n        .uni-card {\n            background: var(--white);\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n            transition: all 0.3s ease;\n            border: 1px solid #e2e8f0;\n            display: flex;\n            flex-direction: column;\n        }\n        .uni-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n        }\n        \/* Card Header *\/\n        .uni-card-header {\n            background: linear-gradient(135deg, var(--cta-orange) 0%, var(--cta-orange-dark) 100%);\n            padding: var(--space-lg);\n            color: var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n        .uni-card-header::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100px;\n            height: 100px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%;\n            transform: translate(30px, -30px);\n        }\n        .uni-card-title {\n            font-family: var(--font-primary);\n            font-size: 1.125rem;\n            font-weight: 600;\n            line-height: 1.3;\n            position: relative;\n            z-index: 1;\n        }\n        \/* Card Body with improved hierarchy *\/\n        .uni-card-body {\n            padding: var(--space-xl);\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: var(--space-lg);\n        }\n        \/* Key Stats Section - Moved to center and made more prominent *\/\n        .uni-key-stats {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: var(--space-md);\n            padding: var(--space-lg);\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n            border-radius: 12px;\n            border: 2px solid var(--cta-orange);\n            transition: all 0.3s ease;\n            order: 1;\n        }\n        .uni-key-stat {\n            text-align: center;\n            padding: var(--space-sm);\n        }\n        .uni-key-stat:hover {\n            transform: scale(1.05);\n            background: rgba(255, 121, 0, 0.1);\n        }\n        .uni-key-stat-value {\n            font-family: var(--font-secondary);\n            font-size: 1.25rem;\n            font-weight: 800;\n            color: var(--cta-orange);\n            margin-bottom: var(--space-xs);\n            line-height: 1.2;\n        }\n        .uni-key-stat-label {\n            font-family: var(--font-body);\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--dark-gray);\n            text-transform: uppercase;\n            letter-spacing: 0.8px;\n            line-height: 1.4;\n        }\n        \/* Programs Section *\/\n        .uni-programs {\n            order: 2;\n        }\n        .uni-section-title {\n            font-family: var(--font-secondary);\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--black);\n            margin-bottom: var(--space-sm);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .uni-programs-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: var(--space-xs);\n        }\n        .uni-program-tag {\n            background: #e7f3ff;\n            color: var(--info);\n            transition: all 0.2s ease;\n            padding: var(--space-xs) var(--space-sm);\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            white-space: nowrap;\n            border: 1px solid #bde0ff;\n        }\n        .uni-program-tag:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(255, 121, 0, 0.2);\n        }\n        \/* Details Section *\/\n        .uni-details {\n            display: flex;\n            flex-direction: column;\n            gap: var(--space-md);\n            order: 3;\n        }\n        .uni-detail-group {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: var(--space-sm);\n        }\n        .uni-detail-item {\n            display: flex;\n            align-items: flex-start;\n            gap: var(--space-sm);\n            padding: var(--space-sm);\n            border-radius: 8px;\n            transition: background 0.2s ease;\n            border: 1px solid #f1f5f9;\n            border-left: 3px solid transparent;\n        }\n        .uni-detail-item:hover {\n            background: var(--off-white);\n            border-left-color: var(--cta-orange);\n        }\n        .uni-detail-content {\n            flex: 1;\n        }\n        .uni-detail-label {\n            font-family: var(--font-secondary);\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--black);\n            margin-bottom: 2px;\n            line-height: 1.4;\n        }\n        .uni-detail-value {\n            font-family: var(--font-body);\n            font-size: 0.875rem;\n            color: var(--medium-gray);\n            line-height: 1.5;\n            font-weight: 500;\n        }\n        \/* CTA Button *\/\n        .uni-cta {\n            order: 4;\n            margin-top: auto;\n        }\n        .uni-cta-button {\n            width: 100%;\n            padding: var(--space-lg);\n            background: linear-gradient(135deg, var(--cta-orange) 0%, var(--cta-orange-dark) 100%);\n            color: var(--white);\n            border: none;\n            border-radius: 12px;\n            font-family: var(--font-secondary);\n            font-size: 1rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(255, 121, 0, 0.3);\n        }\n        .uni-cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(255, 121, 0, 0.4);\n            background: linear-gradient(135deg, var(--cta-orange-hover) 0%, var(--cta-orange-dark) 100%);\n        }\n        .uni-cta-button:active {\n            transform: translateY(0);\n        }\n        \/* Status Colors *\/\n        .status-high { color: var(--success) !important; }\n        .status-medium { color: var(--warning) !important; }\n        .status-low { color: var(--error) !important; }\n        .status-yes { color: var(--success) !important; }\n        .status-no { color: var(--error) !important; }\n        .status-fee { color: var(--error) !important; }\n        .status-deadline { color: var(--warning) !important; }\n        \/* Utility Classes *\/\n        .hidden { display: none !important; }\n        .fade-in {\n            animation: fadeIn 0.4s ease-out;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \/* Responsive Design *\/\n        @media (max-width: 1023px) {\n            .uni-compare { padding: var(--space-md); }\n            .uni-title { font-size: 2.5rem; }\n            .uni-grid { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }\n            .uni-key-stats { grid-template-columns: 1fr; }\n        }\n        @media (max-width: 767px) {\n            .uni-compare { padding: var(--space-sm); }\n            .uni-title { font-size: 2rem; }\n            .uni-subtitle { font-size: 1rem; }\n            .uni-selects { grid-template-columns: 1fr; }\n            .uni-grid { grid-template-columns: 1fr; gap: var(--space-md); }\n            .uni-card { margin-bottom: var(--space-md); }\n            .uni-empty { padding: var(--space-2xl) var(--space-md); }\n            .uni-controls { padding: var(--space-md); }\n            .uni-card-body { padding: var(--space-md); }\n            .uni-key-stats { grid-template-columns: 1fr; }\n            .uni-detail-group { grid-template-columns: 1fr; }\n            .uni-key-stat-value { font-size: 1.5rem; }\n        }\n    <\/style>\n<h1>University Comparison Tool<\/h1>\n<p>Compare up to 3 universities side by side with detailed insights<\/p>\n<p>                <select data-index=\"0\"><option value=\"\">Select First University<\/option><\/select><br \/>\n                <select data-index=\"1\"><option value=\"\">Select Second University<\/option><\/select><br \/>\n                <select data-index=\"2\"><option value=\"\">Select Third University<\/option><\/select><\/p>\n<h3>Start Your Comparison<\/h3>\n<p>Select at least one university to begin comparing detailed information<\/p>\n","protected":false},"excerpt":{"rendered":"<p>University Comparison Tool Compare up to 3 universities side by side with detailed insights Select First University Select Second University Select Third University Start Your Comparison Select at least one university to begin comparing detailed information<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=96"}],"version-history":[{"count":10,"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":26779,"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=\/wp\/v2\/pages\/96\/revisions\/26779"}],"wp:attachment":[{"href":"https:\/\/pmdc.org.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a58df8bd36f73a4ac6a64c6. Config Timestamp: 2026-07-16 13:41:22 UTC, Cached Timestamp: 2026-08-02 09:46:53 UTC, Optimization Time: 2.14ms -->