{"id":626,"date":"2026-09-07T09:32:36","date_gmt":"2026-09-07T09:32:36","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=626"},"modified":"2026-09-15T09:09:46","modified_gmt":"2026-09-15T09:09:46","slug":"international-students","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/international-students\/","title":{"rendered":"International Students"},"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 International Students | Study in Canada | 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: #080F1A;\r\n }\r\n\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\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 margin-bottom: 0px;\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 \/* ===== BADGE ===== *\/\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(255, 184, 0, 0.06);\r\n border: 1px solid rgba(255, 184, 0, 0.08);\r\n padding: 6px 20px 6px 16px;\r\n border-radius: 50px;\r\n width: fit-content;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: rgba(255, 184, 0, 0.6);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n font-family: 'Work Sans', sans-serif;\r\n }\r\n\r\n .hero-badge .badge-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: #FFB800;\r\n border-radius: 50%;\r\n animation: pulseDot 1.8s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.2; transform: scale(0.5); }\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: 52px;\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 max-width: 480px;\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 \/* ===== BUTTONS ===== *\/\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 4px;\r\n }\r\n\r\n .hero-btn-primary,\r\n .hero-btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 34px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n text-decoration: none;\r\n font-family: 'Work Sans', sans-serif;\r\n border: none;\r\n white-space: nowrap;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-btn-primary {\r\n background: linear-gradient(135deg, #FFB800, #F59900);\r\n color: #080F1A;\r\n box-shadow: 0 4px 30px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n .hero-btn-primary::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #FFC84D, #FF8A00);\r\n opacity: 0;\r\n transition: 0.4s ease;\r\n }\r\n\r\n .hero-btn-primary:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 50px rgba(255, 184, 0, 0.3);\r\n }\r\n\r\n .hero-btn-primary:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .hero-btn-primary span,\r\n .hero-btn-primary svg {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-btn-secondary {\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .hero-btn-secondary::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255, 255, 255, 0.04);\r\n opacity: 0;\r\n transition: 0.4s ease;\r\n border-radius: 50px;\r\n }\r\n\r\n .hero-btn-secondary:hover {\r\n transform: translateY(-3px);\r\n border-color: rgba(255, 184, 0, 0.15);\r\n color: #ffffff;\r\n }\r\n\r\n .hero-btn-secondary:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .hero-btn-secondary span,\r\n .hero-btn-secondary svg {\r\n position: relative;\r\n z-index: 1;\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 + BADGES\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 \/* ===== BADGE 3 - HANDS-ON ===== *\/\r\n .hero-badge-3 {\r\n position: absolute;\r\n top: 20px;\r\n right: -5px;\r\n z-index: 3;\r\n background: rgba(255, 184, 0, 0.03);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 184, 0, 0.04);\r\n border-radius: 12px;\r\n padding: 10px 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n transition: 0.4s ease;\r\n }\r\n\r\n .hero-badge-3:hover {\r\n background: rgba(255, 184, 0, 0.06);\r\n border-color: rgba(255, 184, 0, 0.08);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-badge-3 .icon {\r\n font-size: 14px;\r\n color: #FFB800;\r\n opacity: 0.3;\r\n font-style: normal;\r\n }\r\n\r\n .hero-badge-3 .text {\r\n font-size: 11px;\r\n color: rgba(255, 255, 255, 0.3);\r\n font-family: 'Work Sans', sans-serif;\r\n letter-spacing: 0.3px;\r\n font-weight: 300;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE - FIXED FOR TABLET\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 .hero-btn-primary, .hero-btn-secondary { padding: 16px 44px; font-size: 14px; }\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 .hero-btn-primary, .hero-btn-secondary { padding: 12px 28px; font-size: 12px; }\r\n }\r\n\r\n \/* TABLET FIX - padding reduced, content centered *\/\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 .hero-badge-3 { \r\n top: 15px; \r\n right: 5px; \r\n padding: 8px 14px; \r\n }\r\n .hero-badge-3 .icon { font-size: 12px; }\r\n .hero-badge-3 .text { font-size: 10px; }\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-btn-primary, .hero-btn-secondary { \r\n padding: 11px 22px; \r\n font-size: 12px; \r\n flex: 1 1 auto; \r\n justify-content: center; \r\n }\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 .hero-badge-3 { display: none; }\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-badge { font-size: 8px; padding: 4px 12px 4px 10px; gap: 8px; }\r\n .hero-badge .badge-dot { width: 5px; height: 5px; }\r\n .hero-subtitle { font-size: 13px; }\r\n .hero-actions { flex-direction: row; flex-wrap: wrap; gap: 8px; width: 100%; }\r\n .hero-btn-primary, .hero-btn-secondary { \r\n flex: 1 1 auto; \r\n min-width: 110px; \r\n padding: 9px 14px; \r\n font-size: 11px; \r\n gap: 6px; \r\n }\r\n .hero-btn-primary svg, .hero-btn-secondary svg { width: 13px; height: 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-btn-primary, .hero-btn-secondary { min-width: 90px; padding: 7px 10px; font-size: 10px; }\r\n .hero-btn-primary svg, .hero-btn-secondary svg { width: 11px; height: 11px; }\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 .hero-btn-primary, .hero-btn-secondary { min-width: 80px; padding: 6px 8px; font-size: 9px; gap: 4px; }\r\n .hero-btn-primary svg, .hero-btn-secondary svg { width: 10px; height: 10px; }\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\">International Students<\/span>\r\n <\/div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"hero-title\">\r\n Study in Canada \u2014 <span class=\"gold\">International Students<\/span> at Elite College\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\">Designated Learning Institution<\/span>\r\n <\/div>\r\n\r\n <!-- Subtitle -->\r\n <p class=\"hero-subtitle\">\r\n At <strong>Elite College<\/strong>, we welcome students from around the world.\r\n Our career-focused programs, expert faculty, and hands-on training prepare you\r\n for real-world success - from study permits to career launch.\r\n <\/p>\r\n\r\n <!-- Buttons -->\r\n <div class=\"hero-actions\">\r\n <a href=\"#\" class=\"hero-btn-primary\">\r\n <span>Study Permit Guidance<\/span>\r\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n <polyline points=\"12 5 19 12 12 19\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/programs\/\" class=\"hero-btn-secondary\">\r\n <span>Explore Programs<\/span>\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"9 18 15 12 9 6\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\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> 4 GTA campuses\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u25c8<\/span> Hands-on training\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u2713<\/span> DLI #0152989030622\r\n <\/span>\r\n <span class=\"hero-trust-item\">\r\n <span class=\"icon\">\u25c9<\/span> Career-focused programs\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT CONTENT -->\r\n <div class=\"hero-image-wrapper\">\r\n\r\n <!-- Main Image -->\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/2148398581-e1788936456308.jpg\" \r\n alt=\"International students at 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\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-9522756 e-con-full e-flex e-con e-parent\" data-id=\"9522756\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49bea8 elementor-widget elementor-widget-html\" data-id=\"b49bea8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Study Permit Guidance \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 .study-permit-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 80px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .study-permit-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background: \r\n radial-gradient(ellipse at 30% 50%, rgba(195, 21, 69, 0.03) 0%, transparent 60%),\r\n radial-gradient(ellipse at 70% 80%, rgba(195, 21, 69, 0.02) 0%, transparent 50%),\r\n linear-gradient(180deg, #ffffff 0%, #fafafa 100%);\r\n }\r\n\r\n .study-permit-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: flex-start;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .study-permit-image-wrapper {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .study-permit-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.08);\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .study-permit-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .study-permit-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 44px;\r\n line-height: 1.05;\r\n color: #1a1a1a;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .study-permit-title .gold {\r\n color: #C31545;\r\n }\r\n\r\n .study-permit-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 .study-permit-divider .label {\r\n font-size: 11px;\r\n font-weight: 400;\r\n color: #666666;\r\n font-family: 'Work Sans', sans-serif;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .study-permit-description {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: rgba(0, 0, 0, 0.55);\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 .study-permit-description strong {\r\n color: #1a1a1a;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ============================================================\r\n STUDY PERMIT BODY COPY (REPLACED \u2014 NO BULLET LIST)\r\n ============================================================ *\/\r\n .study-permit-body {\r\n margin-top: 12px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px;\r\n }\r\n\r\n .study-permit-body-item h3 {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #1a1a1a;\r\n letter-spacing: -0.2px;\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .study-permit-body-item h3::before {\r\n content: '';\r\n width: 3px;\r\n height: 18px;\r\n background: #C31545;\r\n border-radius: 2px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .study-permit-body-item p {\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.6);\r\n line-height: 1.75;\r\n margin: 0;\r\n padding-left: 13px;\r\n }\r\n\r\n .study-permit-body-item p strong {\r\n color: #1a1a1a;\r\n font-weight: 600;\r\n }\r\n\r\n .study-permit-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 34px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n text-decoration: none;\r\n font-family: 'Work Sans', sans-serif;\r\n border: none;\r\n white-space: nowrap;\r\n position: relative;\r\n overflow: hidden;\r\n background: #C31545;\r\n color: #ffffff;\r\n box-shadow: 0 4px 30px rgba(195, 21, 69, 0.2);\r\n margin-top: 8px;\r\n width: fit-content;\r\n }\r\n\r\n .study-permit-btn::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #D91A52, #A01038);\r\n opacity: 0;\r\n transition: 0.4s ease;\r\n }\r\n\r\n .study-permit-btn:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 50px rgba(195, 21, 69, 0.3);\r\n }\r\n\r\n .study-permit-btn:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .study-permit-btn span,\r\n .study-permit-btn svg {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .study-permit-btn svg {\r\n stroke: #ffffff;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (min-width: 1440px) {\r\n .study-permit-section { padding: 100px 60px; }\r\n .study-permit-title { font-size: 50px; }\r\n .study-permit-container { gap: 70px; }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .study-permit-title { font-size: 38px; }\r\n .study-permit-container { gap: 50px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .study-permit-title { font-size: 34px; }\r\n .study-permit-container { gap: 40px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .study-permit-section { padding: 60px 30px; }\r\n .study-permit-container { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .study-permit-image-wrapper { position: static; order: 0; }\r\n .study-permit-content { order: 0; }\r\n .study-permit-title { font-size: 30px; }\r\n .study-permit-image-wrapper .main-image { max-width: 100%; }\r\n .study-permit-description { font-size: 15px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .study-permit-section { padding: 50px 20px; }\r\n .study-permit-container { grid-template-columns: 1fr; gap: 30px; }\r\n .study-permit-image-wrapper { position: static; order: 1; }\r\n .study-permit-content { order: 2; }\r\n .study-permit-title { font-size: 26px; }\r\n .study-permit-description { font-size: 14px; }\r\n .study-permit-btn { padding: 12px 28px; font-size: 12px; }\r\n .study-permit-divider .label { font-size: 9px; }\r\n\r\n .study-permit-body {\r\n gap: 18px;\r\n }\r\n .study-permit-body-item h3 {\r\n font-size: 16px;\r\n }\r\n .study-permit-body-item p {\r\n font-size: 13px;\r\n padding-left: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .study-permit-section { padding: 40px 16px; }\r\n .study-permit-title { font-size: 22px; }\r\n .study-permit-description { font-size: 13px; }\r\n .study-permit-btn { padding: 10px 22px; font-size: 11px; width: 100%; justify-content: center; }\r\n .study-permit-btn svg { width: 14px; height: 14px; }\r\n .study-permit-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n\r\n .study-permit-body {\r\n gap: 16px;\r\n }\r\n .study-permit-body-item h3 {\r\n font-size: 15px;\r\n gap: 8px;\r\n }\r\n .study-permit-body-item h3::before {\r\n height: 15px;\r\n width: 2.5px;\r\n }\r\n .study-permit-body-item p {\r\n font-size: 12.5px;\r\n padding-left: 10px;\r\n line-height: 1.7;\r\n }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .study-permit-title { font-size: 19px; }\r\n .study-permit-btn { padding: 8px 16px; font-size: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"study-permit-section\">\r\n\r\n <!-- Background -->\r\n <div class=\"study-permit-bg\"><\/div>\r\n\r\n <div class=\"study-permit-container\">\r\n\r\n <!-- LEFT - IMAGE -->\r\n <div class=\"study-permit-image-wrapper\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/makeup-kit.png\" \r\n alt=\"Study permit guidance for international students\" \r\n class=\"main-image\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <!-- RIGHT - CONTENT -->\r\n <div class=\"study-permit-content\">\r\n\r\n <!-- Title -->\r\n <h2 class=\"study-permit-title\">\r\n Study Permit <span class=\"gold\">Guidance<\/span>\r\n <\/h2>\r\n\r\n <!-- Divider -->\r\n <div class=\"study-permit-divider\">\r\n <span style=\"color: #c31545;\">\u25c9<\/span>\r\n <span class=\"label\"> Healthcare \u00b7 Business \u00b7 Food service hospitality \u00b7 Beauty<\/span>\r\n <\/div>\r\n\r\n <!-- Description -->\r\n <p class=\"study-permit-description\">\r\n At <strong>Elite College<\/strong>, we offer career-focused programs in \r\n <strong>healthcare, business, food service hospitality, and beauty<\/strong>. \r\n Our dedicated international student advisors provide one-on-one guidance \r\n through the study permit process \u2014 so you can focus on building your career in Canada.\r\n <\/p>\r\n\r\n <!-- ============================================\r\n STUDY PERMIT BODY COPY (REPLACED)\r\n No bullet list \u2014 only real paragraphs\r\n ============================================ -->\r\n <div class=\"study-permit-body\">\r\n\r\n <div class=\"study-permit-body-item\">\r\n <h3>Study Permit Requirements<\/h3>\r\n <p>To study in Canada as an international student, you need a valid study permit issued by <strong>IRCC (Immigration, Refugees and Citizenship Canada)<\/strong>. Requirements include an acceptance letter from a <strong>Designated Learning Institution (DLI)<\/strong>, proof of financial support, a clean criminal record, and a valid passport. Elite College's DLI number is <strong>O152989030622<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"study-permit-body-item\">\r\n <h3>Application Timeline<\/h3>\r\n <p>Study permit applications typically take <strong>4\u201312 weeks<\/strong> to process, depending on your country of residence and application volume. We recommend applying at least <strong>3 months before<\/strong> your program start date. Elite College's advisors guide you through every step \u2014 from document collection to visa interview preparation.<\/p>\r\n <\/div>\r\n\r\n <div class=\"study-permit-body-item\">\r\n <h3>Tuition for International Students<\/h3>\r\n <p>International student tuition at Elite College is different from domestic rates. For example, the <strong>Personal Support Worker (PSW)<\/strong> program costs approximately <strong>$15,000 CAD<\/strong> for international students, compared to <strong>$6,500 CAD<\/strong> for domestic students. Tuition varies by program and does not include textbooks, materials, or living expenses. Contact our admissions team for a detailed breakdown of fees, payment plans, and scholarship opportunities.<\/p>\r\n <\/div>\r\n\r\n <div class=\"study-permit-body-item\">\r\n <h3>Post-Graduate Work Permit (PGWP)<\/h3>\r\n <p>Graduates of eligible programs may apply for a <strong>Post-Graduation Work Permit (PGWP)<\/strong>, allowing you to work in Canada for up to <strong>3 years<\/strong> after graduation. Our career services team helps you navigate the PGWP application process and connect with employers.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- CTA Button -->\r\n <a href=\"#\" class=\"study-permit-btn\">\r\n <span>Get Study Permit Support<\/span>\r\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\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\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-05586b9 e-con-full e-flex e-con e-parent\" data-id=\"05586b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30d9b49 elementor-widget elementor-widget-html\" data-id=\"30d9b49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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.faq-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 40px 10px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n font-family: 'Work Sans', sans-serif;\r\n box-sizing: border-box;\r\n}\r\n.faq-section * { box-sizing: border-box; }\r\n\r\n.faq-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -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.faq-container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.faq-header {\r\n text-align: left;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.faq-badge {\r\n display: inline-block;\r\n font-size: 10px;\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: 5px 14px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(195, 21, 69, 0.1);\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.faq-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 40px;\r\n color: #1a1a1a;\r\n letter-spacing: -0.5px;\r\n line-height: 1.15;\r\n margin: 0 0 10px;\r\n}\r\n.faq-title .gold { color: #C31545; }\r\n\r\n.faq-subtext {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.55);\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0;\r\n}\r\n\r\n\/* FAQ LIST *\/\r\n.faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.faq-item {\r\n background: #ffffff;\r\n border: 1.5px solid rgba(10, 22, 40, 0.06);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n.faq-item:hover {\r\n border-color: rgba(195, 21, 69, 0.15);\r\n box-shadow: 0 4px 20px rgba(195, 21, 69, 0.04);\r\n}\r\n.faq-item.active {\r\n border-color: rgba(195, 21, 69, 0.2);\r\n box-shadow: 0 8px 30px rgba(195, 21, 69, 0.06);\r\n}\r\n\r\n.faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n user-select: none;\r\n transition: background 0.3s ease;\r\n}\r\n.faq-question:hover { background: rgba(195, 21, 69, 0.02); }\r\n\r\n.faq-question h3 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n line-height: 1.5;\r\n margin: 0;\r\n letter-spacing: -0.1px;\r\n}\r\n\r\n.faq-icon {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: rgba(195, 21, 69, 0.06);\r\n color: #C31545;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n font-weight: 400;\r\n transition: all 0.3s ease;\r\n line-height: 1;\r\n}\r\n.faq-item.active .faq-icon {\r\n background: #C31545;\r\n color: #ffffff;\r\n transform: rotate(45deg);\r\n}\r\n\r\n.faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n}\r\n.faq-answer p {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.6);\r\n line-height: 1.75;\r\n margin: 0;\r\n padding: 0 24px 20px 24px;\r\n}\r\n.faq-answer p strong {\r\n color: #1a1a1a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (min-width: 1440px) {\r\n .faq-section { padding: 100px 60px; }\r\n .faq-title { font-size: 48px; }\r\n}\r\n@media (max-width: 1024px) {\r\n .faq-section { padding: 60px 30px; }\r\n .faq-title { font-size: 34px; }\r\n}\r\n@media (max-width: 768px) {\r\n .faq-section { padding: 50px 20px; }\r\n .faq-title { font-size: 28px; }\r\n .faq-subtext { font-size: 14px; }\r\n .faq-question { padding: 16px 20px; }\r\n .faq-question h3 { font-size: 14px; }\r\n .faq-answer p { padding: 0 20px 18px 20px; font-size: 13px; }\r\n}\r\n@media (max-width: 480px) {\r\n .faq-section { padding: 40px 16px; }\r\n .faq-title { font-size: 24px; }\r\n .faq-subtext { font-size: 13px; }\r\n .faq-question { padding: 14px 16px; gap: 12px; }\r\n .faq-question h3 { font-size: 13px; }\r\n .faq-icon { width: 24px; height: 24px; font-size: 15px; }\r\n .faq-answer p { padding: 0 16px 16px 16px; font-size: 12.5px; }\r\n}\r\n@media (max-width: 400px) {\r\n .faq-title { font-size: 20px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"faq-container\">\r\n\r\n <!-- Header -->\r\n <div class=\"faq-header\">\r\n <span class=\"faq-badge\">FREQUENTLY ASKED QUESTIONS<\/span>\r\n <h2 class=\"faq-title\">Study Permit <span class=\"gold\">FAQs<\/span><\/h2>\r\n <p class=\"faq-subtext\">\r\n Answers to common questions international students ask about studying at Elite College in Canada.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- FAQ Items -->\r\n <div class=\"faq-list\">\r\n\r\n <!-- FAQ 1 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h3>What are the study permit requirements for Canada?<\/h3>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>To apply for a Canadian study permit, you need: an acceptance letter from a Designated Learning Institution (DLI) like Elite College (DLI #O152989030622), proof of financial support, a valid passport, a clean criminal record, and proof of ties to your home country. You may also need a medical exam depending on your country of residence. Elite College's international advisors provide full documentation support throughout the process.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 2 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h3>Can I work while studying in Canada as an international student?<\/h3>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes. International students with a valid study permit can work up to <strong>20 hours per week<\/strong> during academic sessions and <strong>full-time during scheduled breaks<\/strong> (winter, summer, and reading week). You must have a Social Insurance Number (SIN) and be enrolled in a DLI. After graduation, you may be eligible for a Post-Graduation Work Permit (PGWP) to work in Canada for up to 3 years.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 3 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h3>What documents do I need to apply for a study permit?<\/h3>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Required documents typically include: a valid passport, Elite College acceptance letter, proof of tuition payment, proof of financial support (bank statements or GIC), academic transcripts, English proficiency test results (IELTS\/TOEFL), a statement of purpose, passport-sized photos, and a medical exam report (if required). Our advisors help you prepare and submit a complete application.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 4 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h3>How long does study permit processing take?<\/h3>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Study permit processing typically takes <strong>4\u201312 weeks<\/strong>, depending on your country of residence and application volume. We strongly recommend applying at least <strong>3 months before<\/strong> your program start date to allow sufficient processing time. Elite College's advisors help you plan your timeline and avoid delays.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n FAQPAGE SCHEMA (JSON-LD) \u2014 Google Rich Snippet\r\n ============================================================ -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What are the study permit requirements for Canada?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"To apply for a Canadian study permit, you need: an acceptance letter from a Designated Learning Institution (DLI) like Elite College (DLI #O152989030622), proof of financial support, a valid passport, a clean criminal record, and proof of ties to your home country. You may also need a medical exam depending on your country of residence. Elite College's international advisors provide full documentation support throughout the process.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I work while studying in Canada as an international student?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. International students with a valid study permit can work up to 20 hours per week during academic sessions and full-time during scheduled breaks (winter, summer, and reading week). You must have a Social Insurance Number (SIN) and be enrolled in a DLI. After graduation, you may be eligible for a Post-Graduation Work Permit (PGWP) to work in Canada for up to 3 years.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What documents do I need to apply for a study permit?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Required documents typically include: a valid passport, Elite College acceptance letter, proof of tuition payment, proof of financial support (bank statements or GIC), academic transcripts, English proficiency test results (IELTS\/TOEFL), a statement of purpose, passport-sized photos, and a medical exam report (if required). Our advisors help you prepare and submit a complete application.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"How long does study permit processing take?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Study permit processing typically takes 4\u201312 weeks, depending on your country of residence and application volume. We strongly recommend applying at least 3 months before your program start date to allow sufficient processing time. Elite College's advisors help you plan your timeline and avoid delays.\"\r\n }\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n<!-- ============================================================\r\n FAQ TOGGLE SCRIPT\r\n ============================================================ -->\r\n<script>\r\n function toggleFaq(element) {\r\n var item = element.parentElement;\r\n var answer = item.querySelector('.faq-answer');\r\n var isActive = item.classList.contains('active');\r\n\r\n document.querySelectorAll('.faq-item').forEach(function(el) {\r\n if (el !== item) {\r\n el.classList.remove('active');\r\n el.querySelector('.faq-answer').style.maxHeight = '0';\r\n }\r\n });\r\n\r\n if (isActive) {\r\n item.classList.remove('active');\r\n answer.style.maxHeight = '0';\r\n } else {\r\n item.classList.add('active');\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var firstFaq = document.querySelector('.faq-item');\r\n if (firstFaq) {\r\n firstFaq.classList.add('active');\r\n var answer = firstFaq.querySelector('.faq-answer');\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a5301f e-con-full e-flex e-con e-parent\" data-id=\"6a5301f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e92515 elementor-widget elementor-widget-html\" data-id=\"9e92515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>How to Apply \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 .apply-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 60px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .apply-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background:\r\n radial-gradient(ellipse at 30% 20%, rgba(195, 21, 69, 0.02) 0%, transparent 50%),\r\n radial-gradient(ellipse at 70% 80%, rgba(195, 21, 69, 0.02) 0%, transparent 50%),\r\n linear-gradient(180deg, #ffffff 0%, #fafafa 100%);\r\n }\r\n\r\n .apply-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .apply-header {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n }\r\n\r\n \/* ===== BADGE ===== *\/\r\n .apply-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(195, 21, 69, 0.06);\r\n border: 1px solid rgba(195, 21, 69, 0.08);\r\n padding: 5px 16px 5px 12px;\r\n border-radius: 50px;\r\n font-size: 9px;\r\n font-weight: 600;\r\n color: #C31545;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n font-family: 'Work Sans', sans-serif;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .apply-badge .badge-dot {\r\n width: 5px;\r\n height: 5px;\r\n background: #C31545;\r\n border-radius: 50%;\r\n animation: pulseDot 1.8s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.2; transform: scale(0.5); }\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .apply-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 44px;\r\n line-height: 1.05;\r\n color: #1a1a1a;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .apply-title .gold {\r\n color: #C31545;\r\n }\r\n\r\n .apply-title .light {\r\n font-weight: 400;\r\n color: #888888;\r\n }\r\n\r\n \/* ===== DIVIDER ===== *\/\r\n .apply-divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin: 8px 0 12px;\r\n }\r\n\r\n .apply-divider .line {\r\n width: 40px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #C31545, transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n .apply-divider .label {\r\n font-size: 11px;\r\n font-weight: 400;\r\n color: #999999;\r\n font-family: 'Work Sans', sans-serif;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n .apply-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 8px;\r\n }\r\n\r\n \/* ===== INDIVIDUAL CARD ===== *\/\r\n .apply-card {\r\n background: #ffffff;\r\n border: 1px solid rgba(195, 21, 69, 0.06);\r\n border-radius: 20px;\r\n padding: 32px 28px 28px;\r\n text-align: center;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n position: relative;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .apply-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(195, 21, 69, 0.15);\r\n box-shadow: 0 20px 60px rgba(195, 21, 69, 0.06);\r\n }\r\n\r\n \/* ===== CARD NUMBER \/ STEP ===== *\/\r\n .apply-card .step-number {\r\n font-family: 'Source Serif 4', serif;\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: rgba(195, 21, 69, 0.08);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n \/* ===== CARD ICON ===== *\/\r\n .apply-card .card-icon {\r\n font-size: 32px;\r\n display: block;\r\n margin-bottom: 12px;\r\n color: #C31545;\r\n opacity: 0.6;\r\n font-style: normal;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ===== CARD TITLE ===== *\/\r\n .apply-card h3 {\r\n font-family: 'Source Serif 4', serif;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n \/* ===== CARD DESCRIPTION ===== *\/\r\n .apply-card p {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.5);\r\n line-height: 1.6;\r\n font-family: 'Work Sans', sans-serif;\r\n }\r\n\r\n .apply-card p strong {\r\n color: #1a1a1a;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== CARD HIGHLIGHT TEXT (for step 3) ===== *\/\r\n .apply-card .highlight {\r\n color: #C31545;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (min-width: 1440px) {\r\n .apply-section { padding: 100px 60px; }\r\n .apply-title { font-size: 50px; }\r\n .apply-grid { gap: 40px; }\r\n .apply-card { padding: 40px 32px 32px; }\r\n .apply-card h3 { font-size: 22px; }\r\n .apply-card p { font-size: 15px; }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .apply-title { font-size: 38px; }\r\n .apply-grid { gap: 24px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .apply-title { font-size: 34px; }\r\n .apply-grid { gap: 20px; }\r\n .apply-card { padding: 28px 22px 24px; }\r\n .apply-card .step-number { font-size: 40px; }\r\n .apply-card .card-icon { font-size: 28px; }\r\n .apply-card h3 { font-size: 18px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .apply-section { padding: 60px 30px; }\r\n .apply-title { font-size: 30px; }\r\n .apply-grid { gap: 18px; }\r\n .apply-card { padding: 24px 18px 20px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .apply-section { padding: 50px 20px; }\r\n .apply-title { font-size: 26px; }\r\n .apply-header { margin-bottom: 32px; }\r\n .apply-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .apply-card {\r\n padding: 24px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n text-align: left;\r\n }\r\n .apply-card .step-number {\r\n font-size: 32px;\r\n margin-bottom: 0;\r\n flex-shrink: 0;\r\n min-width: 48px;\r\n }\r\n .apply-card .card-icon {\r\n font-size: 24px;\r\n margin-bottom: 0;\r\n flex-shrink: 0;\r\n }\r\n .apply-card .card-text {\r\n flex: 1;\r\n }\r\n .apply-card h3 {\r\n font-size: 16px;\r\n margin-bottom: 2px;\r\n }\r\n .apply-card p {\r\n font-size: 13px;\r\n }\r\n .apply-divider .line { width: 30px; }\r\n .apply-divider .label { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .apply-section { padding: 40px 16px; }\r\n .apply-title { font-size: 20px; }\r\n .apply-badge { font-size: 8px; padding: 4px 10px 4px 8px; gap: 6px; }\r\n .apply-badge .badge-dot { width: 4px; height: 4px; }\r\n .apply-header { margin-bottom: 24px; }\r\n .apply-grid { gap: 12px; max-width: 100%; }\r\n .apply-card {\r\n padding: 16px 14px;\r\n gap: 12px;\r\n border-radius: 14px;\r\n }\r\n .apply-card .step-number {\r\n font-size: 26px;\r\n min-width: 36px;\r\n }\r\n .apply-card .card-icon {\r\n font-size: 20px;\r\n }\r\n .apply-card h3 {\r\n font-size: 15px;\r\n }\r\n .apply-card p {\r\n font-size: 12px;\r\n }\r\n .apply-divider .line { width: 20px; height: 1.5px; }\r\n .apply-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .apply-title { font-size: 18px; }\r\n .apply-card {\r\n padding: 14px 12px;\r\n gap: 10px;\r\n }\r\n .apply-card .step-number { font-size: 22px; min-width: 30px; }\r\n .apply-card .card-icon { font-size: 18px; }\r\n .apply-card h3 { font-size: 14px; }\r\n .apply-card p { font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"apply-section\">\r\n\r\n <!-- Background -->\r\n <div class=\"apply-bg\"><\/div>\r\n\r\n <div class=\"apply-container\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"apply-header\">\r\n\r\n <!-- Title -->\r\n <h2 class=\"apply-title\">\r\n There Here Are <span class=\"gold\">Many Ways<\/span>\r\n To Learn\r\n <\/h2>\r\n\r\n <!-- Divider -->\r\n <div class=\"apply-divider\">\r\n <span class=\"line\"><\/span>\r\n <span class=\"label\" style=\"color: black;\">How to Apply<\/span>\r\n <span class=\"line\" style=\"background: linear-gradient(270deg, #C31545, transparent);\"><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- CARDS GRID -->\r\n <div class=\"apply-grid\">\r\n\r\n <!-- CARD 1: REGISTRATION -->\r\n <div class=\"apply-card\">\r\n <span class=\"step-number\">01<\/span>\r\n <span class=\"card-icon\">\u25c8<\/span>\r\n <div class=\"card-text\">\r\n <h3>Registration<\/h3>\r\n <p>Get in touch with us with your <strong>documents<\/strong> and <strong>educational certificates<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2: DOCUMENTATION -->\r\n <div class=\"apply-card\">\r\n <span class=\"step-number\">02<\/span>\r\n <span class=\"card-icon\">\u25c8<\/span>\r\n <div class=\"card-text\">\r\n <h3>Documentation<\/h3>\r\n <p>Let us complete your <strong>documentation<\/strong> and deposit your <strong>program fee<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3: GET STARTED -->\r\n <div class=\"apply-card\">\r\n <span class=\"step-number\">03<\/span>\r\n <span class=\"card-icon\">\u25c8<\/span>\r\n <div class=\"card-text\">\r\n <h3>Get Started Now<\/h3>\r\n <p>You are ready to learn your <strong class=\"highlight\">desired program<\/strong> and start your career journey!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\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-65442e5 e-con-full e-flex e-con e-parent\" data-id=\"65442e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b33e565 elementor-widget elementor-widget-html\" data-id=\"b33e565\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CTA with Book a Treatment<\/title>\r\n\r\n <!-- Google Fonts & Font Awesome (same as original) -->\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 * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: white;\r\n }\r\n\r\n .cta-section {\r\n padding: 40px 40px 40px;\r\n background: #2F6F62;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -20%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(255, 184, 0, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .cta-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -10%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(255, 184, 0, 0.02) 0%, transparent 60%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .cta-section .accent-line {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, #FFB800, #FF8C00, transparent);\r\n z-index: 1;\r\n }\r\n\r\n .cta-section .grid-pattern {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(255, 255, 255, 0.008) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.008) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .cta-container {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n }\r\n\r\n .cta-section .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255, 184, 0, 0.06);\r\n border: 1px solid rgba(255, 184, 0, 0.06);\r\n padding: 6px 20px 6px 16px;\r\n border-radius: 50px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: rgba(255, 184, 0, 0.4);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n font-family: 'Work Sans', sans-serif;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cta-section .badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n background: #FFB800;\r\n border-radius: 50%;\r\n animation: pulseDot 1.8s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.2; transform: scale(0.5); }\r\n }\r\n\r\n .cta-section h2 {\r\n font-family: 'Source Serif 4', serif;\r\n font-weight: 700;\r\n font-size: 42px;\r\n color: #ffffff;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cta-section h2 .gold {\r\n background: linear-gradient(135deg, #FFB800, #FF8C00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .cta-section .cta-text {\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 18px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.45);\r\n max-width: 600px;\r\n margin: 0 auto 35px;\r\n line-height: 1.7;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n \/* =====================================================\r\n BUTTONS - FLEXIBLE\r\n ===================================================== *\/\r\n\r\n .cta-section .cta-buttons {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* ===== PRIMARY BUTTON (Apply Now) ===== *\/\r\n .cta-section .cta-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 44px;\r\n border-radius: 50px;\r\n background: linear-gradient(135deg, #FFB800, #FF8C00);\r\n color: #0A1628;\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.3px;\r\n box-shadow: 0 4px 30px rgba(255, 184, 0, 0.15);\r\n flex: 0 1 auto;\r\n }\r\n\r\n .cta-section .cta-btn-primary i {\r\n transition: 0.4s ease;\r\n }\r\n\r\n .cta-section .cta-btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 50px rgba(255, 184, 0, 0.25);\r\n background: linear-gradient(135deg, #FFC84D, #FF9A1A);\r\n }\r\n\r\n .cta-section .cta-btn-primary:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .cta-section .cta-btn-primary:active {\r\n transform: scale(0.96);\r\n }\r\n\r\n \/* ===== SECONDARY BUTTON (Phone) ===== *\/\r\n .cta-section .cta-btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 40px;\r\n border-radius: 50px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n color: rgba(255, 255, 255, 0.6);\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: all 0.4s ease;\r\n letter-spacing: 0.3px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .cta-section .cta-btn-secondary i {\r\n font-size: 16px;\r\n color: #FFB800;\r\n opacity: 0.4;\r\n transition: 0.4s ease;\r\n }\r\n\r\n .cta-section .cta-btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.04);\r\n border-color: rgba(255, 184, 0, 0.08);\r\n color: #ffffff;\r\n }\r\n\r\n .cta-section .cta-btn-secondary:hover i {\r\n opacity: 0.8;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== NEW: TERTIARY BUTTON (Book a Treatment) ===== \r\n styled consistently with primary but with a different accent \r\n (we'll use a subtle outline with gold hover, or a similar gradient)\r\n we want it to look distinct but cohesive. Since original design uses gold\/amber,\r\n I'll make it a \"ghost\" button with gold border and gold text, \r\n hover fills with soft gold background. It's elegant and matches theme.\r\n *\/\r\n .cta-section .cta-btn-tertiary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 40px;\r\n border-radius: 50px;\r\n background: transparent;\r\n border: 1px solid rgba(255, 184, 0, 0.3);\r\n color: #FFB800;\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: all 0.4s ease;\r\n letter-spacing: 0.3px;\r\n flex: 0 1 auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 20px rgba(255, 184, 0, 0.05);\r\n }\r\n\r\n .cta-section .cta-btn-tertiary i {\r\n font-size: 15px;\r\n color: #FFB800;\r\n opacity: 0.8;\r\n transition: 0.4s ease;\r\n }\r\n\r\n .cta-section .cta-btn-tertiary:hover {\r\n background: rgba(255, 184, 0, 0.08);\r\n border-color: rgba(255, 184, 0, 0.5);\r\n color: #FFC84D;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(255, 184, 0, 0.15);\r\n }\r\n\r\n .cta-section .cta-btn-tertiary:hover i {\r\n opacity: 1;\r\n transform: scale(1.05);\r\n }\r\n\r\n .cta-section .cta-btn-tertiary:active {\r\n transform: scale(0.96);\r\n }\r\n\r\n \/* =====================================================\r\n RESPONSIVE\r\n ===================================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .cta-section { padding: 70px 30px 70px; }\r\n .cta-section h2 { font-size: 36px; }\r\n .cta-section .cta-text { font-size: 16px; }\r\n .cta-section .cta-btn-primary,\r\n .cta-section .cta-btn-secondary,\r\n .cta-section .cta-btn-tertiary { \r\n padding: 14px 34px; \r\n font-size: 14px; \r\n }\r\n }\r\n\r\n \/* Mobile - buttons side by side (now up to 3, but we keep them wrap-friendly) *\/\r\n @media (max-width: 600px) {\r\n .cta-section { padding: 60px 20px 60px; }\r\n .cta-section h2 { font-size: 28px; }\r\n .cta-section .cta-text { font-size: 15px; max-width: 100%; }\r\n \r\n .cta-section .cta-buttons {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n width: 100%;\r\n justify-content: center;\r\n flex-wrap: wrap; \/* allow wrap if not enough space *\/\r\n }\r\n \r\n .cta-section .cta-btn-primary,\r\n .cta-section .cta-btn-secondary,\r\n .cta-section .cta-btn-tertiary {\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n padding: 12px 16px;\r\n font-size: 13px;\r\n justify-content: center;\r\n white-space: nowrap;\r\n }\r\n \r\n .cta-section .cta-btn-primary i,\r\n .cta-section .cta-btn-secondary i,\r\n .cta-section .cta-btn-tertiary i {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .cta-section { padding: 50px 16px 50px; }\r\n .cta-section h2 { font-size: 24px; }\r\n .cta-section .cta-text { font-size: 14px; }\r\n .cta-section .badge { font-size: 8px; padding: 4px 12px; }\r\n \r\n .cta-section .cta-btn-primary,\r\n .cta-section .cta-btn-secondary,\r\n .cta-section .cta-btn-tertiary {\r\n padding: 10px 12px;\r\n font-size: 12px;\r\n }\r\n \r\n .cta-section .cta-btn-primary i,\r\n .cta-section .cta-btn-secondary i,\r\n .cta-section .cta-btn-tertiary i {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .cta-section .cta-btn-primary,\r\n .cta-section .cta-btn-secondary,\r\n .cta-section .cta-btn-tertiary {\r\n padding: 8px 10px;\r\n font-size: 10px;\r\n gap: 5px;\r\n }\r\n \r\n .cta-section .cta-btn-primary i,\r\n .cta-section .cta-btn-secondary i,\r\n .cta-section .cta-btn-tertiary i {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n \/* for very small screens, we may want to allow buttons to wrap *\/\r\n @media (max-width: 480px) {\r\n .cta-section .cta-buttons {\r\n flex-wrap: wrap;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cta-section\">\r\n\r\n <!-- Accent Line -->\r\n <div class=\"accent-line\"><\/div>\r\n\r\n <!-- Grid Pattern -->\r\n <div class=\"grid-pattern\"><\/div>\r\n\r\n <div class=\"cta-container\">\r\n <!-- Heading -->\r\n <h2>\r\n Ready to Begin <span class=\"gold\">Your Journey<\/span>?\r\n <\/h2>\r\n\r\n <!-- Subtext -->\r\n <p class=\"cta-text\">\r\n Applications for Fall 2026 are open \u2014 talk to admissions today.\r\n <\/p>\r\n\r\n <!-- Buttons: Apply Now + Book a Treatment + Phone -->\r\n <div class=\"cta-buttons\">\r\n <!-- Apply Now (primary) -->\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\" class=\"cta-btn-primary\">\r\n Apply Now <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n\r\n <!-- NEW: Book a Treatment button (tertiary style) -->\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/elite-college\/apply-now\" class=\"cta-btn-tertiary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book a Treatment\r\n <\/a>\r\n\r\n <!-- Phone (secondary) -->\r\n <a href=\"tel:+19055548882\" class=\"cta-btn-secondary\">\r\n <i class=\"fas fa-phone\"><\/i> (905) 554-8882\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\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>International Students | Study in Canada | Elite College Home \/ International Students Study in Canada \u2014 International Students at Elite College \u25c9 Designated Learning Institution At Elite College, we welcome students from around the world. Our career-focused programs, expert faculty, and hands-on training prepare you for real-world success – from study permits to career […]<\/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-626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/626","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=626"}],"version-history":[{"count":109,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/626\/revisions"}],"predecessor-version":[{"id":1363,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/626\/revisions\/1363"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}