{"id":1207,"date":"2026-09-12T11:29:20","date_gmt":"2026-09-12T11:29:20","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=1207"},"modified":"2026-09-17T05:32:59","modified_gmt":"2026-09-17T05:32:59","slug":"apply-now","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\/","title":{"rendered":"Apply Now"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Admissions Process \u2014 Elite College<\/title>\r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Work Sans', sans-serif;\r\n background: #ffffff;\r\n }\r\n\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n background: #080F1A;\r\n overflow: hidden;\r\n padding: 60px 40px 80px;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background: #023154;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1320px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .hero-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .hero-breadcrumb {\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.25);\r\n letter-spacing: 0.5px;\r\n }\r\n .hero-breadcrumb a {\r\n color: rgba(255, 184, 0, 0.5);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n .hero-breadcrumb a:hover {\r\n color: #FFB800;\r\n }\r\n .hero-breadcrumb .sep {\r\n color: rgba(255, 255, 255, 0.15);\r\n margin: 0 6px;\r\n }\r\n .hero-breadcrumb .current {\r\n color: rgba(255, 255, 255, 0.35);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .hero-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 48px;\r\n line-height: 1.05;\r\n color: #ffffff;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-title .gold {\r\n background: linear-gradient(135deg, #FFB800 0%, #FF8C00 50%, #FFB800 100%);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: goldMove 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes goldMove {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n \/* ===== DIVIDER ===== *\/\r\n .hero-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin: 2px 0 4px;\r\n }\r\n\r\n .hero-divider .label {\r\n font-size: 11px;\r\n font-weight: 400;\r\n color: rgb(255, 255, 255);\r\n font-family: 'Work Sans', sans-serif;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* ===== SUBTITLE ===== *\/\r\n .hero-subtitle {\r\n font-size: 16px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.45);\r\n line-height: 1.8;\r\n font-family: 'Work Sans', sans-serif;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n .hero-subtitle strong {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== TRUST BAR ===== *\/\r\n .hero-trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 24px;\r\n margin-top: 6px;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n }\r\n\r\n .hero-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: rgb(255, 255, 255);\r\n font-family: 'Work Sans', sans-serif;\r\n font-weight: 300;\r\n letter-spacing: 0.2px;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .hero-trust-item:hover {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .hero-trust-item .icon {\r\n font-size: 14px;\r\n color: #FFB800;\r\n opacity: 0.4;\r\n transition: 0.3s ease;\r\n font-style: normal;\r\n }\r\n\r\n .hero-trust-item:hover .icon {\r\n opacity: 0.8;\r\n }\r\n\r\n \/* ============================================================\r\n RIGHT - IMAGE\r\n ============================================================ *\/\r\n .hero-image-wrapper {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-image-wrapper .main-image {\r\n width: 100%;\r\n max-width: 560px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5);\r\n border: 1px solid rgba(255, 255, 255, 0.03);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (min-width: 1440px) {\r\n .hero-section { padding: 140px 60px 100px; }\r\n .hero-title { font-size: 58px; }\r\n .hero-container { gap: 70px; }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .hero-title { font-size: 44px; }\r\n .hero-container { gap: 50px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .hero-title { font-size: 40px; }\r\n .hero-container { gap: 40px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-section { \r\n padding: 40px 30px 50px; \r\n min-height: auto; \r\n }\r\n .hero-container { \r\n grid-template-columns: 1fr; \r\n gap: 30px; \r\n }\r\n .hero-content { order: 1; }\r\n .hero-image-wrapper { order: 2; }\r\n .hero-title { font-size: 36px; }\r\n .hero-subtitle { font-size: 15px; max-width: 100%; }\r\n .hero-image-wrapper .main-image { max-width: 100%; }\r\n .hero-trust { gap: 6px 16px; }\r\n .hero-trust-item { font-size: 11px; }\r\n .hero-divider .label { font-size: 10px; }\r\n .hero-breadcrumb { font-size: 12px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-section { \r\n padding: 30px 20px 40px; \r\n }\r\n .hero-title { font-size: 30px; }\r\n .hero-subtitle { font-size: 14px; }\r\n .hero-trust { gap: 6px 12px; }\r\n .hero-trust-item { font-size: 10px; }\r\n .hero-divider .label { font-size: 9px; }\r\n .hero-breadcrumb { font-size: 11px; }\r\n .hero-container { gap: 24px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-section { \r\n padding: 20px 16px 30px; \r\n }\r\n .hero-title { font-size: 24px; }\r\n .hero-subtitle { font-size: 13px; }\r\n .hero-trust { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; padding-top: 12px; }\r\n .hero-trust-item { font-size: 9px; gap: 4px; }\r\n .hero-trust-item .icon { font-size: 11px; }\r\n .hero-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n .hero-breadcrumb { font-size: 10px; }\r\n .hero-container { gap: 18px; }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .hero-title { font-size: 20px; }\r\n .hero-trust-item { font-size: 8px; }\r\n .hero-trust { gap: 3px 8px; }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .hero-title { font-size: 18px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"hero-section\">\r\n\r\n <!-- Background -->\r\n <div class=\"hero-bg\"><\/div>\r\n\r\n <div class=\"hero-container\">\r\n\r\n <!-- LEFT CONTENT -->\r\n <div class=\"hero-content\">\r\n\r\n <!-- Breadcrumb -->\r\n <div class=\"hero-breadcrumb\">\r\n <a href=\"\/\">Home<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <span class=\"current\">Apply Now<\/span>\r\n <\/div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"hero-title\">\r\n Apply <span class=\"gold\">Now<\/span>\r\n <\/h1>\r\n\r\n <!-- Divider -->\r\n <div class=\"hero-divider\">\r\n <span style=\"color: #FBAB00;\">\u25c9<\/span>\r\n <span class=\"label\">Join Elite College<\/span>\r\n <\/div>\r\n\r\n <!-- Subtitle \/ Description -->\r\n <p class=\"hero-subtitle\" style=\"text-align: justify;\">\r\n Join Elite College for an extraordinary education led by industry leaders. \r\n Our streamlined admissions process includes a <strong>personalized on-campus interview, \r\n facility tour,<\/strong> and discussion of your <strong>career goals<\/strong>. \r\n We assign a dedicated <strong>Financial Aid Officer<\/strong> to assist in planning your \r\n educational journey. Experience education beyond the norm at Elite College.\r\n <\/p>\r\n\r\n <!-- Trust -->\r\n <div class=\"hero-trust\">\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u2726<\/span> On-Campus Interview\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u25c8<\/span> Facility Tour\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u2713<\/span> Financial Aid Officer\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u25c9<\/span> Career Colleges Act, 2005\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT CONTENT - IMAGE -->\r\n <div class=\"hero-image-wrapper\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/125151.webp\" \r\n alt=\"Admissions Process \u2014 Elite College\" \r\n class=\"main-image\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-407ea34 e-con-full e-flex e-con e-parent\" data-id=\"407ea34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc37135 elementor-widget elementor-widget-shortcode\" data-id=\"fc37135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1213-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1213\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/1207#wpcf7-f1213-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1213\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1213-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<!-- ============================================================\n APPLY NOW FORM SECTION (Modified - Reduced Padding)\n ============================================================ -->\n<p><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><br \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><br \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\" \/><br \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n<\/p>\n<section class=\"premium-contact-section\">\n\t<div class=\"premium-contact-container\">\n\n <!-- Header -->\n\t\t<div class=\"premium-header\">\n\t\t\t<p><span class=\"premium-badge\">APPLY NOW<\/span>\n\t\t\t<\/p>\n\t\t\t<h2 class=\"premium-heading\">Start Your Application\n\t\t\t<\/h2>\n\t\t\t<p class=\"premium-subtext\"><br \/>\nFill out the form below and our admissions team will contact you within 24 hours.\n\t\t\t<\/p>\n\t\t<\/div>\n\n <!-- Form -->\n\t\t<form class=\"premium-form\" onsubmit=\"event.preventDefault(); alert('Application submitted!');\">\n\n <!-- NAME -->\n\t\t\t<div class=\"premium-form-group\">\n\t\t\t\t<p><label class=\"premium-label\"><br \/>\nFull Name <span class=\"premium-required\">*<\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"premium-form-row\">\n\t\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t\t<p><input type=\"text\" class=\"premium-input\" placeholder=\"First name\" required \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t\t<p><input type=\"text\" class=\"premium-input\" placeholder=\"Last name\" required \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- EMAIL -->\n\t\t\t<div class=\"premium-form-group\">\n\t\t\t\t<p><label class=\"premium-label\"><br \/>\nEmail <span class=\"premium-required\">*<\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t<p><input type=\"email\" class=\"premium-input\" placeholder=\"you@example.com\" required \/>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- PHONE -->\n\t\t\t<div class=\"premium-form-group\">\n\t\t\t\t<p><label class=\"premium-label\"><br \/>\nPhone <span class=\"premium-required\">*<\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t<p><input type=\"tel\" class=\"premium-input\" placeholder=\"(000) 000-0000\" required \/>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- PROGRAM OF INTEREST -->\n\t\t\t<div class=\"premium-form-group\">\n\t\t\t\t<p><label class=\"premium-label\"><br \/>\nProgram of Interest <span class=\"premium-required\">*<\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t<p><select class=\"premium-input premium-select\" required>\n <option value=\"\">Select a program<\/option>\n <option value=\"psw\">Personal Support Worker (PSW)<\/option>\n <option value=\"eca\">Early Childcare Assistant<\/option>\n <option value=\"huc\">Hospital Unit Clerk<\/option>\n <option value=\"mesm\">Medical Esthetics and Spa Management<\/option>\n <option value=\"mt\">Massage Therapy<\/option>\n <option value=\"abm\">Accounting and Business Management<\/option>\n <option value=\"hrms\">Human Resources & Marketing Specialist<\/option>\n <option value=\"mua\">Make-up Artistry<\/option>\n <option value=\"dca\">Dietary Cook Assistant<\/option>\n <\/select>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- MESSAGE -->\n\t\t\t<div class=\"premium-form-group\">\n\t\t\t\t<p><label class=\"premium-label\">Message<\/label>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"premium-input-wrapper\">\n\t\t\t\t\t<p><textarea class=\"premium-textarea\" maxlength=\"260\" placeholder=\"Tell us about your career goals...\"><\/textarea>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"premium-hint\">\n\t\t\t\t\t<p><span id=\"charCount\">0<\/span> of 260 max characters\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- CAPTCHA -->\n\t\t\t<div class=\"premium-captcha-wrapper\">\n\t\t\t\t<div class=\"premium-captcha-label\">\n\t\t\t\t\t<p>CAPTCHA\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"premium-captcha-box\">\n\t\t\t\t\t<p><input type=\"checkbox\" class=\"premium-captcha-checkbox\" id=\"captcha\" required \/><br \/>\n<label for=\"captcha\" class=\"premium-captcha-text\">I'm not a robot<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<div class=\"premium-captcha-brand\">\n\t\t\t\t\t\t<p><span class=\"premium-captcha-brand-icon\">\ud83e\udd16<\/span><br \/>\n<span class=\"premium-captcha-brand-text\">reCAPTCHA<\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n <!-- SUBMIT -->\n\t\t\t<p><button type=\"submit\" class=\"premium-submit-btn\"><br \/>\n<span>Submit Application<\/span><br \/>\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg><br \/>\n<\/button>\n\t\t\t<\/p>\n\t\t<\/form>\n\t<\/div>\n<\/section>\n<style>\n\/* ============================================================\n APPLY NOW SECTION \u2014 REDUCED PADDING\n ============================================================ *\/\n.premium-contact-section {\n padding: 40px 20px 40px;\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);\n position: relative;\n overflow: hidden;\n}\n\n.premium-contact-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(195, 21, 69, 0.04) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n}\n\n.premium-contact-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n\/* ===== HEADER ===== *\/\n.premium-header {\n text-align: left;\n margin-bottom: 24px;\n}\n\n.premium-badge {\n display: inline-block;\n font-family: 'Work Sans', sans-serif;\n font-size: 11px;\n font-weight: 700;\n color: #C31545;\n letter-spacing: 2.5px;\n background: rgba(195, 21, 69, 0.06);\n padding: 5px 14px;\n border-radius: 50px;\n border: 1px solid rgba(195, 21, 69, 0.1);\n margin-bottom: 12px;\n text-transform: uppercase;\n}\n\n.premium-heading {\n font-family: 'Source Serif 4', serif;\n font-weight: 700;\n font-size: 36px;\n color: #0A1628;\n letter-spacing: -0.5px;\n line-height: 1.15;\n margin-bottom: 10px;\n}\n\n.premium-heading::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #C31545, #9e0f38);\n border-radius: 4px;\n margin-top: 12px;\n}\n\n.premium-subtext {\n font-family: 'Work Sans', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: rgba(10, 22, 40, 0.55);\n line-height: 1.6;\n max-width: 560px;\n}\n\n\/* ===== FORM ===== *\/\n.premium-form {\n display: flex;\n flex-direction: column;\n gap: 20px;\n background: #ffffff;\n border-radius: 16px;\n padding: 28px;\n box-shadow: 0 20px 60px rgba(10, 22, 40, 0.06),\n 0 4px 12px rgba(10, 22, 40, 0.04);\n border: 1px solid rgba(10, 22, 40, 0.04);\n}\n\n.premium-form-group {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.premium-label {\n font-family: 'Work Sans', sans-serif;\n font-size: 12px;\n font-weight: 600;\n color: #0A1628;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n}\n\n.premium-required {\n color: #C31545;\n font-weight: 700;\n margin-left: 2px;\n}\n\n.premium-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n}\n\n.premium-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n.premium-input,\n.premium-textarea {\n font-family: 'Work Sans', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: #0A1628;\n background: #f8f9fc;\n border: 1.5px solid rgba(10, 22, 40, 0.06);\n border-radius: 10px;\n padding: 12px 16px;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n outline: none;\n}\n\n\/* ===== SELECT DROPDOWN ===== *\/\n.premium-select {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230A1628' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n background-repeat: no-repeat;\n background-position: right 16px center;\n background-size: 14px;\n padding-right: 44px;\n cursor: pointer;\n}\n\n.premium-input::placeholder,\n.premium-textarea::placeholder {\n color: rgba(10, 22, 40, 0.3);\n font-weight: 400;\n}\n\n.premium-input:hover,\n.premium-textarea:hover {\n border-color: rgba(195, 21, 69, 0.15);\n background: #ffffff;\n}\n\n.premium-input:focus,\n.premium-textarea:focus,\n.premium-select:focus {\n border-color: #C31545;\n background: #ffffff;\n box-shadow: 0 0 0 4px rgba(195, 21, 69, 0.08),\n 0 4px 16px rgba(195, 21, 69, 0.06);\n transform: translateY(-1px);\n}\n\n.premium-textarea {\n resize: vertical;\n min-height: 100px;\n line-height: 1.5;\n}\n\n.premium-hint {\n font-family: 'Work Sans', sans-serif;\n font-size: 11px;\n font-weight: 400;\n color: rgba(10, 22, 40, 0.4);\n margin-top: 2px;\n display: flex;\n justify-content: flex-end;\n}\n\n\/* ===== CAPTCHA ===== *\/\n.premium-captcha-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.premium-captcha-label {\n font-family: 'Work Sans', sans-serif;\n font-size: 11px;\n font-weight: 700;\n color: #0A1628;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n}\n\n.premium-captcha-box {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n background: #f8f9fc;\n border: 1.5px solid rgba(10, 22, 40, 0.06);\n border-radius: 10px;\n padding: 12px 16px;\n width: fit-content;\n min-width: 280px;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.premium-captcha-box:hover {\n border-color: rgba(195, 21, 69, 0.15);\n background: #ffffff;\n}\n\n.premium-captcha-checkbox {\n width: 22px;\n height: 22px;\n border: 2px solid #c0c4cc;\n border-radius: 6px;\n cursor: pointer;\n appearance: none;\n -webkit-appearance: none;\n position: relative;\n background: #ffffff;\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n flex-shrink: 0;\n}\n\n.premium-captcha-checkbox:hover {\n border-color: #C31545;\n}\n\n.premium-captcha-checkbox:checked {\n background: linear-gradient(135deg, #C31545, #9e0f38);\n border-color: #C31545;\n transform: scale(1.05);\n}\n\n.premium-captcha-checkbox:checked::after {\n content: '\u2713';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 14px;\n font-weight: 700;\n color: #ffffff;\n}\n\n.premium-captcha-text {\n font-family: 'Work Sans', sans-serif;\n font-size: 13px;\n font-weight: 500;\n color: #0A1628;\n flex: 1;\n cursor: pointer;\n}\n\n.premium-captcha-brand {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n margin-left: auto;\n}\n\n.premium-captcha-brand-icon {\n font-size: 20px;\n line-height: 1;\n}\n\n.premium-captcha-brand-text {\n font-family: 'Work Sans', sans-serif;\n font-size: 8px;\n font-weight: 500;\n color: rgba(10, 22, 40, 0.45);\n letter-spacing: 0.3px;\n}\n\n\/* ===== SUBMIT BUTTON ===== *\/\n.premium-submit-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #C31545, #9e0f38);\n color: #ffffff;\n border: none;\n padding: 15px 40px;\n border-radius: 50px;\n font-family: 'Work Sans', sans-serif;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n margin-top: 4px;\n width: fit-content;\n letter-spacing: 0.5px;\n box-shadow: 0 8px 30px rgba(195, 21, 69, 0.25),\n 0 2px 8px rgba(195, 21, 69, 0.15);\n position: relative;\n overflow: hidden;\n}\n\n.premium-submit-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #d41a50, #b01140);\n opacity: 0;\n transition: opacity 0.4s ease;\n}\n\n.premium-submit-btn:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 14px 45px rgba(195, 21, 69, 0.35),\n 0 4px 12px rgba(195, 21, 69, 0.2);\n}\n\n.premium-submit-btn:hover::before {\n opacity: 1;\n}\n\n.premium-submit-btn:active {\n transform: translateY(-1px) scale(0.99);\n}\n\n.premium-submit-btn span,\n.premium-submit-btn svg {\n position: relative;\n z-index: 1;\n}\n\n.premium-submit-btn svg {\n transition: transform 0.3s ease;\n}\n\n.premium-submit-btn:hover svg {\n transform: translateX(4px);\n}\n\n\/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n@media (min-width: 1440px) {\n .premium-contact-section { padding: 60px 40px 60px; }\n .premium-heading { font-size: 42px; }\n}\n\n@media (max-width: 1024px) {\n .premium-contact-section { padding: 40px 24px 40px; }\n .premium-heading { font-size: 30px; }\n .premium-form { padding: 24px; }\n}\n\n@media (max-width: 768px) {\n .premium-contact-section { padding: 32px 16px 32px; }\n .premium-heading { font-size: 26px; }\n .premium-subtext { font-size: 13px; }\n .premium-form { padding: 20px; border-radius: 14px; gap: 18px; }\n .premium-form-row { grid-template-columns: 1fr; gap: 12px; }\n .premium-captcha-box { min-width: 100%; }\n}\n\n@media (max-width: 480px) {\n .premium-contact-section { padding: 24px 12px 24px; }\n .premium-heading { font-size: 22px; }\n .premium-subtext { font-size: 12px; }\n .premium-form { padding: 16px; border-radius: 12px; gap: 16px; }\n .premium-label { font-size: 11px; }\n .premium-input, .premium-textarea { font-size: 13px; padding: 11px 14px; border-radius: 8px; }\n .premium-captcha-box { padding: 10px 14px; gap: 10px; border-radius: 8px; }\n .premium-captcha-text { font-size: 12px; }\n .premium-submit-btn { padding: 13px 32px; font-size: 13px; width: 100%; }\n}\n\n@media (max-width: 360px) {\n .premium-heading { font-size: 18px; }\n .premium-form { padding: 14px 12px; }\n}\n<\/style>\n<p><script>\n (function() {\n var messageTextarea = document.querySelector('.premium-textarea');\n var charCount = document.getElementById('charCount');\n if (messageTextarea && charCount) {\n messageTextarea.addEventListener('input', function() {\n charCount.textContent = this.value.length;\n });\n }\n })();\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebaa346 e-con-full e-flex e-con e-parent\" data-id=\"ebaa346\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6242c91 elementor-widget elementor-widget-html\" data-id=\"6242c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n.ec-map-section {\r\n padding: 60px 40px 100px;\r\n background: linear-gradient(180deg, #f8f9fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Work Sans', sans-serif;\r\n box-sizing: border-box;\r\n}\r\n.ec-map-section * { box-sizing: border-box; }\r\n\r\n.ec-map-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n left: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(195, 21, 69, 0.04) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n}\r\n\r\n.ec-map-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.ec-map-header {\r\n text-align: left;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.ec-map-badge {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #C31545;\r\n letter-spacing: 2.5px;\r\n background: rgba(195, 21, 69, 0.06);\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(195, 21, 69, 0.1);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ec-map-heading {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 40px;\r\n color: #0A1628;\r\n letter-spacing: -0.5px;\r\n line-height: 1.15;\r\n margin: 0 0 12px;\r\n}\r\n.ec-map-heading::after {\r\n content: '';\r\n display: block;\r\n width: 60px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #C31545, #9e0f38);\r\n border-radius: 4px;\r\n margin-top: 16px;\r\n}\r\n\r\n.ec-map-subtext {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: rgba(10, 22, 40, 0.55);\r\n line-height: 1.7;\r\n max-width: 560px;\r\n margin: 0;\r\n}\r\n\r\n.ec-map-grid {\r\n display: grid;\r\n grid-template-columns: 400px 1fr;\r\n gap: 32px;\r\n align-items: stretch;\r\n}\r\n\r\n.ec-map-info-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 36px 32px;\r\n box-shadow: 0 20px 60px rgba(10, 22, 40, 0.06), 0 4px 12px rgba(10, 22, 40, 0.04);\r\n border: 1px solid rgba(10, 22, 40, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n}\r\n\r\n.ec-map-info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n}\r\n\r\n.ec-map-info-icon {\r\n flex-shrink: 0;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n background: rgba(195, 21, 69, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: #C31545;\r\n transition: all 0.3s ease;\r\n}\r\n.ec-map-info-item:hover .ec-map-info-icon {\r\n background: rgba(195, 21, 69, 0.12);\r\n transform: scale(1.05);\r\n}\r\n\r\n.ec-map-info-content { flex: 1; padding-top: 4px; }\r\n\r\n.ec-map-info-label {\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #C31545;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.ec-map-info-value {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #0A1628;\r\n line-height: 1.5;\r\n}\r\n.ec-map-info-value a {\r\n color: #0A1628;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n}\r\n.ec-map-info-value a:hover { color: #C31545; }\r\n\r\n.ec-map-directions-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n background: linear-gradient(135deg, #C31545, #9e0f38);\r\n color: #ffffff;\r\n border: none;\r\n padding: 16px 32px;\r\n border-radius: 50px;\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n margin-top: auto;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 8px 30px rgba(195, 21, 69, 0.25), 0 2px 8px rgba(195, 21, 69, 0.15);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.ec-map-directions-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #d41a50, #b01140);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n.ec-map-directions-btn:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 14px 45px rgba(195, 21, 69, 0.35), 0 4px 12px rgba(195, 21, 69, 0.2);\r\n}\r\n.ec-map-directions-btn:hover::before { opacity: 1; }\r\n.ec-map-directions-btn span, .ec-map-directions-btn i {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.ec-map-directions-btn i { transition: transform 0.3s ease; }\r\n.ec-map-directions-btn:hover i { transform: translateX(4px); }\r\n\r\n.ec-map-embed-wrapper {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(10, 22, 40, 0.06), 0 4px 12px rgba(10, 22, 40, 0.04);\r\n border: 1px solid rgba(10, 22, 40, 0.04);\r\n min-height: 480px;\r\n background: #f8f9fc;\r\n}\r\n.ec-map-embed-wrapper iframe {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 480px;\r\n border: 0;\r\n filter: grayscale(0.1) contrast(1.02);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (min-width: 1440px) {\r\n .ec-map-section { padding: 100px 60px 120px; }\r\n .ec-map-heading { font-size: 48px; }\r\n .ec-map-grid { grid-template-columns: 440px 1fr; }\r\n}\r\n@media (max-width: 1024px) {\r\n .ec-map-section { padding: 60px 30px 80px; }\r\n .ec-map-heading { font-size: 34px; }\r\n .ec-map-grid { grid-template-columns: 1fr; gap: 28px; }\r\n .ec-map-info-card { padding: 32px 28px; }\r\n .ec-map-embed-wrapper { min-height: 400px; }\r\n .ec-map-embed-wrapper iframe { min-height: 400px; }\r\n}\r\n@media (max-width: 768px) {\r\n .ec-map-section { padding: 50px 20px 60px; }\r\n .ec-map-heading { font-size: 28px; }\r\n .ec-map-subtext { font-size: 14px; }\r\n .ec-map-info-card { padding: 28px 24px; border-radius: 16px; gap: 20px; }\r\n .ec-map-info-icon { width: 40px; height: 40px; font-size: 16px; }\r\n .ec-map-info-value { font-size: 14px; }\r\n .ec-map-embed-wrapper { min-height: 320px; border-radius: 16px; }\r\n .ec-map-embed-wrapper iframe { min-height: 320px; }\r\n}\r\n@media (max-width: 480px) {\r\n .ec-map-section { padding: 40px 16px 50px; }\r\n .ec-map-heading { font-size: 24px; }\r\n .ec-map-subtext { font-size: 13px; }\r\n .ec-map-info-card { padding: 24px 20px; border-radius: 14px; }\r\n .ec-map-directions-btn { padding: 14px 28px; font-size: 13px; width: 100%; }\r\n .ec-map-embed-wrapper { min-height: 280px; border-radius: 14px; }\r\n .ec-map-embed-wrapper iframe { min-height: 280px; }\r\n}\r\n@media (max-width: 360px) {\r\n .ec-map-heading { font-size: 20px; }\r\n .ec-map-info-card { padding: 20px 16px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ec-map-section\">\r\n <div class=\"ec-map-container\">\r\n\r\n <!-- Header -->\r\n <div class=\"ec-map-header\">\r\n \r\n <h2 class=\"ec-map-heading\">Find Our Campus<\/h2>\r\n <p class=\"ec-map-subtext\">\r\n Visit us in person \u2014 we're located in the heart of Markham, Ontario.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Grid: Address Card + Google Map -->\r\n <div class=\"ec-map-grid\">\r\n\r\n <!-- LEFT: Address Card -->\r\n <div class=\"ec-map-info-card\">\r\n\r\n <div class=\"ec-map-info-item\">\r\n <div class=\"ec-map-info-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"ec-map-info-content\">\r\n <div class=\"ec-map-info-label\">Address<\/div>\r\n <div class=\"ec-map-info-value\">20 Main St N, Markham, ON L3P 1X2<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ec-map-info-item\">\r\n <div class=\"ec-map-info-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"ec-map-info-content\">\r\n <div class=\"ec-map-info-label\">Phone<\/div>\r\n <div class=\"ec-map-info-value\">\r\n <a href=\"tel:+19055551234\">(905) 555-1234<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ec-map-info-item\">\r\n <div class=\"ec-map-info-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"ec-map-info-content\">\r\n <div class=\"ec-map-info-label\">Email<\/div>\r\n <div class=\"ec-map-info-value\">\r\n <a href=\"mailto:info@elitecollege.school\">info@elitecollege.school<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ec-map-info-item\">\r\n <div class=\"ec-map-info-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"ec-map-info-content\">\r\n <div class=\"ec-map-info-label\">Office Hours<\/div>\r\n <div class=\"ec-map-info-value\">Monday \u2013 Friday: 9:00 AM \u2013 5:00 PM<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Directions Button -->\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=20+Main+St+N,+Markham,+ON+L3P+1X2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ec-map-directions-btn\">\r\n <span>Get Directions<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT: Google Map Embed -->\r\n <div class=\"ec-map-embed-wrapper\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps?q=20+Main+St+N,+Markham,+ON+L3P+1X2&output=embed\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n style=\"border:0;\"\r\n allowfullscreen=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Elite College Location \u2014 20 Main St N, Markham, ON L3P 1X2\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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>Admissions Process \u2014 Elite College Home \/ Apply Now Apply Now \u25c9 Join Elite College Join Elite College for an extraordinary education led by industry leaders. Our streamlined admissions process includes a personalized on-campus interview, facility tour, and discussion of your career goals. We assign a dedicated Financial Aid Officer to assist in planning your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/1207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/comments?post=1207"}],"version-history":[{"count":14,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/1207\/revisions"}],"predecessor-version":[{"id":1424,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/1207\/revisions\/1424"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=1207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}