{"id":538,"date":"2026-09-05T07:56:24","date_gmt":"2026-09-05T07:56:24","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=538"},"modified":"2026-09-16T06:56:40","modified_gmt":"2026-09-16T06:56:40","slug":"financial-aid","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/financial-aid\/","title":{"rendered":"Financial Aid"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"538\" class=\"elementor elementor-538\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39af7bf e-con-full e-flex e-con e-parent\" data-id=\"39af7bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c20c1 elementor-widget elementor-widget-html\" data-id=\"49c20c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.financial-banner-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 70vh;\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.financial-banner-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: #023154;\r\n}\r\n\r\n.financial-banner-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\/* ===== BREADCRUMB ===== *\/\r\n.financial-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: 4px;\r\n}\r\n\r\n.financial-breadcrumb a {\r\n    color: #ffb800;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.financial-breadcrumb a:hover {\r\n    color: #FFB800;\r\n}\r\n\r\n.financial-breadcrumb .sep {\r\n    color: rgba(255, 255, 255, 0.15);\r\n    margin: 0 6px;\r\n}\r\n\r\n.financial-breadcrumb .current {\r\n    color: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n.financial-banner-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* ===== TITLE ===== *\/\r\n.financial-banner-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.financial-banner-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: financialGoldMove 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes financialGoldMove {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* ===== DIVIDER ===== *\/\r\n.financial-banner-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.financial-banner-divider .line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #ff9200, transparent);\r\n    border-radius: 2px;\r\n}\r\n\r\n.financial-banner-divider .label {\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    color: rgba(255, 255, 255, 0.5);\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.financial-banner-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.financial-banner-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.financial-banner-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.financial-banner-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 12px;\r\n    color: rgba(255, 255, 255, 0.5);\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.financial-banner-trust-item:hover {\r\n    color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.financial-banner-trust-item .icon {\r\n    font-size: 12px;\r\n    color: #FF9200;\r\n    opacity: 0.3;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.financial-banner-trust-item:hover .icon {\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* ===== RIGHT - IMAGE ===== *\/\r\n.financial-banner-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.financial-banner-image-wrapper .main-image {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n\r\n@media (min-width: 1440px) {\r\n    .financial-banner-section { padding: 140px 60px 100px; }\r\n    .financial-banner-title { font-size: 58px; }\r\n    .financial-banner-container { gap: 70px; }\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n    .financial-banner-title { font-size: 44px; }\r\n    .financial-banner-container { gap: 50px; }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n    .financial-banner-title { font-size: 40px; }\r\n    .financial-banner-container { gap: 40px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .financial-banner-section { padding: 100px 30px 60px; min-height: auto; }\r\n    .financial-banner-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .financial-banner-content { order: 1; }\r\n    .financial-banner-image-wrapper { order: 2; }\r\n    .financial-banner-title { font-size: 36px; }\r\n    .financial-banner-subtitle { font-size: 15px; max-width: 100%; }\r\n    .financial-banner-image-wrapper .main-image { max-width: 100%; }\r\n    .financial-banner-trust { gap: 6px 16px; }\r\n    .financial-banner-trust-item { font-size: 11px; }\r\n    .financial-banner-divider .line { width: 30px; }\r\n    .financial-banner-divider .label { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .financial-banner-section { padding: 80px 20px 50px; min-height: 60vh; }\r\n    .financial-banner-title { font-size: 30px; }\r\n    .financial-banner-subtitle { font-size: 14px; }\r\n    .financial-banner-trust { gap: 6px 12px; }\r\n    .financial-banner-trust-item { font-size: 10px; }\r\n    .financial-banner-divider .line { width: 25px; }\r\n    .financial-banner-divider .label { font-size: 9px; }\r\n    .financial-breadcrumb { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .financial-banner-section { padding: 70px 16px 40px; min-height: 50vh; }\r\n    .financial-banner-title { font-size: 24px; }\r\n    .financial-banner-subtitle { font-size: 13px; }\r\n    .financial-banner-trust { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; padding-top: 12px; }\r\n    .financial-banner-trust-item { font-size: 9px; gap: 4px; }\r\n    .financial-banner-trust-item .icon { font-size: 9px; }\r\n    .financial-banner-divider .line { width: 20px; height: 1.5px; }\r\n    .financial-banner-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n    .financial-breadcrumb { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .financial-banner-title { font-size: 20px; }\r\n    .financial-banner-trust-item { font-size: 8px; }\r\n    .financial-banner-trust { gap: 3px 8px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .financial-banner-title { font-size: 18px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"financial-banner-section\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"financial-banner-bg\"><\/div>\r\n\r\n    <div class=\"financial-banner-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"financial-banner-content\">\r\n\r\n            <!-- Breadcrumb -->\r\n            <div class=\"financial-breadcrumb\">\r\n                <a href=\"\/\">Home<\/a>\r\n                <span class=\"sep\">\/<\/span>\r\n                <span class=\"current\">Financial Aid<\/span>\r\n            <\/div>\r\n\r\n            <!-- Title -->\r\n            <h1 class=\"financial-banner-title\">\r\n                Financial Aid & <span class=\"gold\">OSAP<\/span> Options at Elite College\r\n            <\/h1>\r\n\r\n            <!-- Divider -->\r\n            <div class=\"financial-banner-divider\">\r\n                <span style=\"color: #FF9200;\">\u25c9<\/span>\r\n                <span class=\"label\">Tuition, Deposits & Payment Plans<\/span>\r\n            <\/div>\r\n\r\n            <!-- Subtitle \u2014 UPDATED (duplicate \u09ac\u09be\u09a6, \u0986\u09b8\u09b2 \u09a4\u09a5\u09cd\u09af) -->\r\n            <p class=\"financial-banner-subtitle\">\r\n                Tuition at Elite College ranges from <strong>$X,XXX to $XX,XXX<\/strong> depending on your program. \r\n                Secure your seat with a <strong>$XXX deposit<\/strong>, then choose from flexible payment plans \u2014 \r\n                including <strong>0% interest financing<\/strong> and monthly installments.\r\n            <\/p>\r\n\r\n            <!-- Trust Bar \u2014 UPDATED (financial \u09a4\u09a5\u09cd\u09af) -->\r\n            <div class=\"financial-banner-trust\">\r\n                <span class=\"financial-banner-trust-item\">\r\n                    <span class=\"icon\">\u2713<\/span> OSAP Eligible\r\n                <\/span>\r\n                <span class=\"financial-banner-trust-item\">\r\n                    <span class=\"icon\">\u25c8<\/span> 0% Interest Financing\r\n                <\/span>\r\n                <span class=\"financial-banner-trust-item\">\r\n                    <span class=\"icon\">\u25c9<\/span> Flexible Payment Plans\r\n                <\/span>\r\n                <span class=\"financial-banner-trust-item\">\r\n                    <span class=\"icon\">\u2713<\/span> Better Jobs Ontario\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT CONTENT - IMAGE -->\r\n        <div class=\"financial-banner-image-wrapper\">\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/Elite-Graduate_11-768x614-1.webp\" \r\n                alt=\"Elite College Financial Aid\" \r\n                class=\"main-image\"\r\n                loading=\"lazy\"\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<div class=\"elementor-element elementor-element-5ffe68c e-con-full e-flex e-con e-parent\" data-id=\"5ffe68c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6884954 elementor-widget elementor-widget-html\" data-id=\"6884954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.financial-section {\r\n    padding: 60px 40px 60px;\r\n    background: #f8f9fc;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.financial-container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.financial-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.financial-header .label {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #d7184c;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    padding: 5px 18px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(215, 24, 76, 0.08);\r\n    display: inline-block;\r\n}\r\n\r\n.financial-header h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 38px;\r\n    color: #0A1628;\r\n    line-height: 1.15;\r\n    margin-top: 8px;\r\n}\r\n\r\n.financial-header h2 .gold {\r\n    background: linear-gradient(135deg, #d7184c, #b0123e);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.financial-header p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    margin-top: 6px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== 6 CARDS GRID ===== *\/\r\n.financial-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n\/* ===== CARD ===== *\/\r\n.financial-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(10, 22, 40, 0.04);\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    cursor: pointer;\r\n}\r\n\r\n.financial-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.04);\r\n    border-color: rgba(215, 24, 76, 0.08);\r\n}\r\n\r\n\/* ===== CARD IMAGE - FIXED ===== *\/\r\n.financial-card .card-image {\r\n    width: 100%;\r\n    height: 200px;\r\n    background: #e8ecf0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.financial-card .card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.financial-card:hover .card-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* Card top accent bar *\/\r\n.financial-card .card-accent {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #d7184c, #b0123e);\r\n    z-index: 2;\r\n}\r\n\r\n\/* ===== CARD BODY ===== *\/\r\n.financial-card .card-body {\r\n    padding: 20px 22px 22px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.financial-card .card-body .card-icon {\r\n    font-size: 18px;\r\n    color: #d7184c;\r\n    margin-bottom: 8px;\r\n    opacity: 0.6;\r\n}\r\n\r\n.financial-card .card-body h3 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    color: #0A1628;\r\n    margin-bottom: 6px;\r\n    letter-spacing: -0.2px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.financial-card .card-body p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgba(10, 22, 40, 0.6);\r\n    line-height: 1.7;\r\n    flex: 1;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.financial-card .card-body p strong {\r\n    color: #0A1628;\r\n    font-weight: 500;\r\n}\r\n\r\n.financial-card .card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #d7184c;\r\n    border-top: 1px solid rgba(10, 22, 40, 0.04);\r\n    padding-top: 12px;\r\n    margin-top: auto;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.financial-card .card-link i {\r\n    font-size: 10px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.financial-card:hover .card-link i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (min-width: 992px) {\r\n    .financial-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n    }\r\n    .financial-card .card-image {\r\n        height: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) and (min-width: 600px) {\r\n    .financial-section { padding: 60px 30px 50px; }\r\n    .financial-header h2 { font-size: 32px; }\r\n    .financial-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n    .financial-card .card-image { height: 180px; }\r\n    .financial-card .card-body { padding: 18px 18px 18px; }\r\n    .financial-card .card-body h3 { font-size: 16px; }\r\n}\r\n\r\n@media (max-width: 599px) and (min-width: 400px) {\r\n    .financial-section { padding: 50px 16px 40px; }\r\n    .financial-header h2 { font-size: 26px; }\r\n    .financial-header p { font-size: 14px; }\r\n    .financial-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 14px;\r\n    }\r\n    .financial-card .card-image { height: 140px; }\r\n    .financial-card .card-body { padding: 14px 14px 16px; }\r\n    .financial-card .card-body h3 { font-size: 14px; }\r\n    .financial-card .card-body p { font-size: 12px; }\r\n    .financial-card .card-body .card-link { font-size: 11px; }\r\n    .financial-card .card-body .card-icon { font-size: 15px; }\r\n}\r\n\r\n@media (max-width: 399px) {\r\n    .financial-section { padding: 40px 12px 30px; }\r\n    .financial-header h2 { font-size: 22px; }\r\n    .financial-header p { font-size: 13px; }\r\n    .financial-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n    }\r\n    .financial-card .card-image { height: 110px; }\r\n    .financial-card .card-body { padding: 10px 10px 12px; }\r\n    .financial-card .card-body h3 { font-size: 12px; }\r\n    .financial-card .card-body p { font-size: 10px; line-height: 1.5; margin-bottom: 8px; }\r\n    .financial-card .card-body .card-link { font-size: 10px; padding-top: 8px; }\r\n    .financial-card .card-body .card-icon { font-size: 13px; }\r\n    .financial-header .label { font-size: 9px; padding: 3px 10px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .financial-card .card-image { height: 100px; }\r\n    .financial-card .card-body h3 { font-size: 11px; }\r\n    .financial-card .card-body p { font-size: 9px; }\r\n}\r\n<\/style>\r\n<section class=\"financial-section\">\r\n    <div class=\"financial-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"financial-header\">\r\n            \r\n            <h2>Funding <span class=\"gold\">Options<\/span> to Support Your Education<\/h2>\r\n            <p>Explore financial assistance programs available for your studies.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 6 CARDS -->\r\n        <div class=\"financial-grid\">\r\n\r\n            <!-- Card 1: OSAP -->\r\n            <a href=\"https:\/\/www.ontario.ca\/page\/osap-ontario-student-assistance-program\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/images.png\" alt=\"OSAP\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/span>\r\n                    <h3>Ontario Student Assistance Program (OSAP)<\/h3>\r\n                    <p>OSAP is the foundational student assistance program in Ontario, offering postsecondary students an array of <strong>grants and loans<\/strong> to help cover the cost of their studies.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 2: Better Jobs Ontario -->\r\n            <a href=\"https:\/\/www.ontario.ca\/page\/better-jobs-ontario\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/professional-Makeup.webp\" alt=\"Better Jobs Ontario\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-briefcase\"><\/i><\/span>\r\n                    <h3>Better Jobs Ontario<\/h3>\r\n                    <p>The Better Jobs Ontario program is an application-based grant program that provides <strong>unemployed individuals<\/strong> with vocational skills training.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 3: Future Entrepreneur -->\r\n            <a href=\"https:\/\/futureentrepreneurgrant.com\/\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/image3-1536x1536-1.webp\" alt=\"Future Entrepreneur\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-rocket\"><\/i><\/span>\r\n                    <h3>Future Entrepreneur<\/h3>\r\n                    <p>Support for aspiring entrepreneurs to <strong>launch and grow<\/strong> their own businesses. Funding and mentorship programs available.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 4: Indigenous Peoples -->\r\n            <a href=\"https:\/\/www.canada.ca\/en\/employment-social-development\/programs\/indigenous-skills-employment-training.html\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/y4ew1fnvbc6a8zs3-1.webp\" alt=\"Indigenous Peoples\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-feather\"><\/i><\/span>\r\n                    <h3>Indigenous Peoples in Canada<\/h3>\r\n                    <p>Dedicated funding and support programs for <strong>Indigenous students<\/strong> to access education and training opportunities across Canada.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 5: ISET Program -->\r\n            <a href=\"https:\/\/www.canada.ca\/en\/revenue-agency\/services\/child-family-benefits\/canada-training-credit.html\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/Content-Eyebrow-Tint-Course-4-1536x1023-1.webp\" alt=\"ISET Program\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/span>\r\n                    <h3>ISET Program<\/h3>\r\n                    <p>The Indigenous Skills and Employment Training (ISET) Program is designed to help <strong>Indigenous people<\/strong> improve their skills and find employment.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 6: Canada Training Credit -->\r\n            <a href=\"https:\/\/www.medicard.com\/provider-profile.php?id=15088\" target=\"_blank\" class=\"financial-card\" rel=\"noopener\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/medicard_sme-badge-logo-768x254-1.webp\" alt=\"Canada Training Credit\">\r\n                    <div class=\"card-accent\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <span class=\"card-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/span>\r\n                    <h3>Canada Training Credit (CTC)<\/h3>\r\n                    <p>The Canada Training Credit is a <strong>refundable tax credit<\/strong> available to help Canadians with the cost of eligible training fees. You can claim the CTC for tuition and other fees.<\/p>\r\n                    <span class=\"card-link\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                <\/div>\r\n            <\/a>\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<div class=\"elementor-element elementor-element-f58b94a e-con-full e-flex e-con e-parent\" data-id=\"f58b94a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95383aa elementor-widget elementor-widget-html\" data-id=\"95383aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.intl-showcase-section {\r\n    padding: 90px 40px 100px;\r\n    background: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.intl-showcase-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -300px;\r\n    left: -200px;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(215, 24, 76, 0.035) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.intl-showcase-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.intl-showcase-header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n}\r\n\r\n.intl-showcase-header .label {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #d7184c;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(215, 24, 76, 0.1);\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.intl-showcase-header h2 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 44px;\r\n    color: #0A1628;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.intl-showcase-header h2 .gold {\r\n    background: linear-gradient(135deg, #d7184c, #b0123e);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.intl-showcase-header p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: rgba(10, 22, 40, 0.5);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== SHOWCASE LIST ===== *\/\r\n.intl-showcase-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* ===== SINGLE ROW ===== *\/\r\n.intl-showcase-item {\r\n    display: grid;\r\n    grid-template-columns: 200px 1fr;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(10, 22, 40, 0.06);\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n}\r\n\r\n.intl-showcase-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: linear-gradient(180deg, #d7184c, #b0123e);\r\n    transform: scaleY(0);\r\n    transform-origin: top;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.intl-showcase-item:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 50px rgba(10, 22, 40, 0.07);\r\n    border-color: rgba(215, 24, 76, 0.12);\r\n}\r\n\r\n.intl-showcase-item:hover::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n\/* ===== LEFT PANEL (Number + Icon) ===== *\/\r\n.intl-showcase-left {\r\n    background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);\r\n    padding: 36px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    border-right: 1px solid rgba(10, 22, 40, 0.04);\r\n    transition: background 0.5s ease;\r\n    position: relative;\r\n}\r\n\r\n.intl-showcase-item:hover .intl-showcase-left {\r\n    background: linear-gradient(135deg, #0A1628 0%, #023154 100%);\r\n}\r\n\r\n.intl-showcase-num {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 48px;\r\n    line-height: 1;\r\n    color: rgba(10, 22, 40, 0.1);\r\n    transition: color 0.5s ease;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.intl-showcase-item:hover .intl-showcase-num {\r\n    color: rgba(255, 184, 0, 0.9);\r\n}\r\n\r\n.intl-showcase-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    background: rgba(215, 24, 76, 0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    color: #d7184c;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.intl-showcase-item:hover .intl-showcase-icon {\r\n    background: rgba(255, 184, 0, 0.15);\r\n    color: #FFB800;\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* ===== RIGHT PANEL (Content) ===== *\/\r\n.intl-showcase-right {\r\n    padding: 36px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.intl-showcase-right h3 {\r\n    font-family: 'Source Serif 4', serif;\r\n    font-weight: 700;\r\n    font-size: 22px;\r\n    color: #0A1628;\r\n    margin-bottom: 12px;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.3px;\r\n}\r\n\r\n.intl-showcase-right p {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: rgba(10, 22, 40, 0.65);\r\n    line-height: 1.8;\r\n    letter-spacing: 0.1px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.intl-showcase-right p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.intl-showcase-right p strong {\r\n    color: #0A1628;\r\n    font-weight: 600;\r\n}\r\n\r\n.intl-showcase-right p .highlight {\r\n    color: #d7184c;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n\r\n@media (max-width: 1199px) {\r\n    .intl-showcase-section { padding: 80px 30px 90px; }\r\n    .intl-showcase-header h2 { font-size: 38px; }\r\n    .intl-showcase-item { grid-template-columns: 170px 1fr; }\r\n    .intl-showcase-left { padding: 30px 22px; }\r\n    .intl-showcase-num { font-size: 42px; }\r\n    .intl-showcase-right { padding: 30px 32px; }\r\n    .intl-showcase-right h3 { font-size: 20px; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .intl-showcase-header h2 { font-size: 34px; }\r\n    .intl-showcase-item { grid-template-columns: 140px 1fr; }\r\n    .intl-showcase-left { padding: 26px 18px; }\r\n    .intl-showcase-num { font-size: 36px; }\r\n    .intl-showcase-icon { width: 44px; height: 44px; font-size: 18px; }\r\n    .intl-showcase-right { padding: 28px 26px; }\r\n    .intl-showcase-right h3 { font-size: 19px; }\r\n    .intl-showcase-right p { font-size: 13.5px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .intl-showcase-section { padding: 60px 20px 70px; }\r\n    .intl-showcase-header { margin-bottom: 44px; }\r\n    .intl-showcase-header h2 { font-size: 28px; }\r\n    .intl-showcase-header p { font-size: 14px; }\r\n    .intl-showcase-list { gap: 14px; }\r\n    .intl-showcase-item { \r\n        grid-template-columns: 1fr; \r\n        border-radius: 16px;\r\n    }\r\n    .intl-showcase-item:hover { transform: translateY(-3px); }\r\n    .intl-showcase-left {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        gap: 14px;\r\n        padding: 20px 22px;\r\n        border-right: none;\r\n        border-bottom: 1px solid rgba(10, 22, 40, 0.04);\r\n    }\r\n    .intl-showcase-item:hover .intl-showcase-left {\r\n        background: linear-gradient(135deg, #0A1628 0%, #023154 100%);\r\n    }\r\n    .intl-showcase-num { font-size: 34px; }\r\n    .intl-showcase-icon { width: 40px; height: 40px; font-size: 16px; }\r\n    .intl-showcase-right { padding: 22px 22px 24px; }\r\n    .intl-showcase-right h3 { font-size: 18px; margin-bottom: 10px; }\r\n    .intl-showcase-right p { font-size: 13px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .intl-showcase-section { padding: 50px 16px 60px; }\r\n    .intl-showcase-header .label { font-size: 10px; padding: 4px 14px; letter-spacing: 2px; }\r\n    .intl-showcase-header h2 { font-size: 24px; }\r\n    .intl-showcase-header p { font-size: 13px; }\r\n    .intl-showcase-left { padding: 18px 18px; }\r\n    .intl-showcase-num { font-size: 28px; }\r\n    .intl-showcase-icon { width: 36px; height: 36px; font-size: 14px; }\r\n    .intl-showcase-right { padding: 20px 18px 22px; }\r\n    .intl-showcase-right h3 { font-size: 17px; }\r\n    .intl-showcase-right p { font-size: 12.5px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .intl-showcase-header h2 { font-size: 20px; }\r\n    .intl-showcase-num { font-size: 24px; }\r\n    .intl-showcase-right h3 { font-size: 16px; }\r\n    .intl-showcase-right p { font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"intl-showcase-section\">\r\n    <div class=\"intl-showcase-container\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"intl-showcase-header\">\r\n            <h2>Everything You Need to <span class=\"gold\">Know<\/span><\/h2>\r\n            <p>From study permit to post-graduation work \u2014 here's your complete guide to studying at Elite College.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Showcase List -->\r\n        <div class=\"intl-showcase-list\">\r\n\r\n            <!-- Item 01: Study Permit -->\r\n            <div class=\"intl-showcase-item\">\r\n                <div class=\"intl-showcase-left\">\r\n                    <div class=\"intl-showcase-num\">01<\/div>\r\n                    <div class=\"intl-showcase-icon\">\r\n                        <i class=\"fas fa-passport\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"intl-showcase-right\">\r\n                    <h3>Study Permit Requirements<\/h3>\r\n                    <p>\r\n                        To study in Canada as an international student, you need a valid study permit issued by \r\n                        <strong>IRCC (Immigration, Refugees and Citizenship Canada)<\/strong>. Requirements include \r\n                        an acceptance letter from a <strong>Designated Learning Institution (DLI)<\/strong>, proof of \r\n                        financial support, a clean criminal record, and a valid passport.\r\n                    <\/p>\r\n                    <p>\r\n                        Elite College's DLI number is <strong>0152989030622<\/strong>.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 02: Application Timeline -->\r\n            <div class=\"intl-showcase-item\">\r\n                <div class=\"intl-showcase-left\">\r\n                    <div class=\"intl-showcase-num\">02<\/div>\r\n                    <div class=\"intl-showcase-icon\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"intl-showcase-right\">\r\n                    <h3>Application Timeline<\/h3>\r\n                    <p>\r\n                        Study permit applications typically take <strong>4\u201312 weeks<\/strong> to process, depending on \r\n                        your country of residence and application volume.\r\n                    <\/p>\r\n                    <p>\r\n                        We recommend applying at least <strong>3 months before your program start date<\/strong>. \r\n                        Elite College's advisors guide you through every step \u2014 from document collection to \r\n                        visa interview preparation.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 03: Tuition -->\r\n            <div class=\"intl-showcase-item\">\r\n                <div class=\"intl-showcase-left\">\r\n                    <div class=\"intl-showcase-num\">03<\/div>\r\n                    <div class=\"intl-showcase-icon\">\r\n                        <i class=\"fas fa-dollar-sign\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"intl-showcase-right\">\r\n                    <h3>Tuition for International Students<\/h3>\r\n                    <p>\r\n                        International student tuition at Elite College is different from domestic rates. For example, \r\n                        the <strong>Personal Support Worker (PSW)<\/strong> program costs approximately \r\n                        <span class=\"highlight\">$15,000 CAD<\/span> for international students, compared to \r\n                        <span class=\"highlight\">$6,500 CAD<\/span> for domestic students.\r\n                    <\/p>\r\n                    <p>\r\n                        Tuition varies by program and does not include textbooks, materials, or living expenses. \r\n                        Contact our admissions team for a detailed breakdown of fees, payment plans, and scholarship opportunities.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 04: PGWP -->\r\n            <div class=\"intl-showcase-item\">\r\n                <div class=\"intl-showcase-left\">\r\n                    <div class=\"intl-showcase-num\">04<\/div>\r\n                    <div class=\"intl-showcase-icon\">\r\n                        <i class=\"fas fa-briefcase\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"intl-showcase-right\">\r\n                    <h3>Post-Graduate Work Permit (PGWP)<\/h3>\r\n                    <p>\r\n                        Graduates of eligible programs may apply for a <strong>Post-Graduation Work Permit (PGWP)<\/strong>, \r\n                        allowing you to work in Canada for up to <strong>3 years<\/strong> after graduation.\r\n                    <\/p>\r\n                    <p>\r\n                        Our career services team helps you navigate the PGWP application process and connect with employers.\r\n                    <\/p>\r\n                <\/div>\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<div class=\"elementor-element elementor-element-429f216 e-con-full e-flex e-con e-parent\" data-id=\"429f216\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f30bf3b elementor-widget elementor-widget-html\" data-id=\"f30bf3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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.cta-section {\r\n    padding: 40px 40px 40px;\r\n    background: #023154;\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\/* Top accent line *\/\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\/* Subtle grid pattern *\/\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\/* ===== CONTAINER ===== *\/\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\/* ===== BADGE ===== *\/\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\/* ===== HEADING ===== *\/\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\/* ===== SUBTEXT ===== *\/\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 ===== *\/\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\/* =====================================================\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 { padding: 14px 34px; font-size: 14px; }\r\n}\r\n\r\n\/* Mobile - 2 buttons side by side *\/\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    }\r\n    \r\n    .cta-section .cta-btn-primary,\r\n    .cta-section .cta-btn-secondary {\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        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        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        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        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        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\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 - Side by Side on Mobile -->\r\n        <div class=\"cta-buttons\">\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            <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>\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>Home \/ Financial Aid Financial Aid &#038; OSAP Options at Elite College \u25c9 Tuition, Deposits &#038; Payment Plans Tuition at Elite College ranges from $X,XXX to $XX,XXX depending on your program. Secure your seat with a $XXX deposit, then choose from flexible payment plans \u2014 including 0% interest financing and monthly installments. \u2713 OSAP Eligible [&hellip;]<\/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-538","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/538","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=538"}],"version-history":[{"count":55,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/538\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}