{"id":419,"date":"2026-09-04T10:28:56","date_gmt":"2026-09-04T10:28:56","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/elite-college\/?page_id=419"},"modified":"2026-09-15T11:29:03","modified_gmt":"2026-09-15T11:29:03","slug":"about","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/elite-college\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"419\" class=\"elementor elementor-419\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0434093 e-con-full e-flex e-con e-parent\" data-id=\"0434093\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b453978 elementor-widget elementor-widget-html\" data-id=\"b453978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.about-hero-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.about-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.about-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\/* ===== BREADCRUMB ===== *\/\r\n.about-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.about-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\r\n.about-breadcrumb a:hover {\r\n    color: #FFB800;\r\n}\r\n\r\n.about-breadcrumb .sep {\r\n    color: rgba(255, 255, 255, 0.15);\r\n    margin: 0 6px;\r\n}\r\n\r\n.about-breadcrumb .current {\r\n    color: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n.about-hero-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* ===== TITLE ===== *\/\r\n.about-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.about-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: aboutGoldMove 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutGoldMove {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* ===== DIVIDER ===== *\/\r\n.about-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.about-hero-divider .line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #FFB800, transparent);\r\n    border-radius: 2px;\r\n}\r\n\r\n.about-hero-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.about-hero-subtitle {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.45);\r\n    line-height: 1.8;\r\n    font-family: 'Work Sans', sans-serif;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n.about-hero-subtitle strong {\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== TRUST BAR ===== *\/\r\n.about-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.about-hero-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.about-hero-trust-item:hover {\r\n    color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.about-hero-trust-item .icon {\r\n    font-size: 12px;\r\n    color: #FFB800;\r\n    opacity: 0.3;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.about-hero-trust-item:hover .icon {\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* ===== RIGHT - IMAGE ===== *\/\r\n.about-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.about-hero-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@media (min-width: 1440px) {\r\n    .about-hero-section { padding: 140px 60px 100px; }\r\n    .about-hero-title { font-size: 58px; }\r\n    .about-hero-container { gap: 70px; }\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n    .about-hero-title { font-size: 44px; }\r\n    .about-hero-container { gap: 50px; }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n    .about-hero-title { font-size: 40px; }\r\n    .about-hero-container { gap: 40px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .about-hero-section { padding: 100px 30px 60px; min-height: auto; }\r\n    .about-hero-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .about-hero-content { order: 1; }\r\n    .about-hero-image-wrapper { order: 2; }\r\n    .about-hero-title { font-size: 36px; }\r\n    .about-hero-subtitle { font-size: 15px; max-width: 100%; }\r\n    .about-hero-image-wrapper .main-image { max-width: 100%; }\r\n    .about-hero-trust { gap: 6px 16px; }\r\n    .about-hero-trust-item { font-size: 11px; }\r\n    .about-hero-divider .line { width: 30px; }\r\n    .about-hero-divider .label { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .about-hero-section { padding: 80px 20px 50px; min-height: 60vh; }\r\n    .about-hero-title { font-size: 30px; }\r\n    .about-hero-subtitle { font-size: 14px; }\r\n    .about-hero-trust { gap: 6px 12px; }\r\n    .about-hero-trust-item { font-size: 10px; }\r\n    .about-hero-divider .line { width: 25px; }\r\n    .about-hero-divider .label { font-size: 9px; }\r\n    .about-breadcrumb { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .about-hero-section { padding: 70px 16px 40px; min-height: 50vh; }\r\n    .about-hero-title { font-size: 24px; }\r\n    .about-hero-subtitle { font-size: 13px; }\r\n    .about-hero-trust { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; padding-top: 12px; }\r\n    .about-hero-trust-item { font-size: 9px; gap: 4px; }\r\n    .about-hero-trust-item .icon { font-size: 9px; }\r\n    .about-hero-divider .line { width: 20px; height: 1.5px; }\r\n    .about-hero-divider .label { font-size: 8px; letter-spacing: 1.5px; }\r\n    .about-breadcrumb { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .about-hero-title { font-size: 20px; }\r\n    .about-hero-trust-item { font-size: 8px; }\r\n    .about-hero-trust { gap: 3px 8px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .about-hero-title { font-size: 18px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-hero-section\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"about-hero-bg\"><\/div>\r\n\r\n    <div class=\"about-hero-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"about-hero-content\">\r\n\r\n            <!-- Breadcrumb -->\r\n            <div class=\"about-breadcrumb\">\r\n                <a href=\"\/\">Home<\/a>\r\n                <span class=\"sep\">\/<\/span>\r\n                <span class=\"current\">About Us<\/span>\r\n            <\/div>\r\n\r\n            <!-- Title -->\r\n            <h1 class=\"about-hero-title\">\r\n                Beauty & Healthcare Training at \r\n\r\n<span class=\"gold\">Elite College in the GTA<\/span>\r\n            <\/h1>\r\n\r\n            <!-- Divider -->\r\n            <div class=\"about-hero-divider\">\r\n                <span style=\"color: #FF9200;\">\u25c9<\/span>\r\n                <span class=\"label\">Successful Business Training For All Business Sectors<\/span>\r\n            <\/div>\r\n\r\n            <!-- Subtitle -->\r\n            <p class=\"about-hero-subtitle\">\r\n                 <strong>Elite College<\/strong> is a DLI-approved private career college serving the Greater Toronto Area since 2017. Registered under the Ontario Career Colleges Act, 2005, we offer career-focused programs in healthcare, business, beauty, and hospitality \u2014 built around hands-on training, small class sizes, and industry-experienced instructors. Our mission is simple: prepare graduates with the real skills employers actually need.\r\n            <\/p>\r\n\r\n            <!-- Trust -->\r\n            <div class=\"about-hero-trust\">\r\n                <span class=\"about-hero-trust-item\">\r\n                    <span class=\"icon\">\u2713<\/span> 4 GTA campuses\r\n                <\/span>\r\n                <span class=\"about-hero-trust-item\">\r\n                    <span class=\"icon\">\u25c8<\/span> On-site Medi Spa\r\n                <\/span>\r\n                <span class=\"about-hero-trust-item\">\r\n                    <span class=\"icon\">\u25c9<\/span> Career Colleges Act, 2005\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT CONTENT - IMAGE -->\r\n        <div class=\"about-hero-image-wrapper\">\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-content\/uploads\/2026\/09\/Elite-College.webp\" \r\n                alt=\"Elite College Campus\" \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-a718cf9 e-con-full e-flex e-con e-parent\" data-id=\"a718cf9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f07f0 elementor-widget elementor-widget-html\" data-id=\"02f07f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.accreditation-section {\r\n    padding: 60px 40px 50px;\r\n    background: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.accreditation-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -150px;\r\n    right: -150px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(215, 24, 76, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.accreditation-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\/* ===== BADGES GRID ===== *\/\r\n.accreditation-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    align-items: center;\r\n}\r\n\r\n.accreditation-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 18px 24px;\r\n    background: #f8f9fc;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(10, 22, 40, 0.03);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.accreditation-item:hover {\r\n    background: #ffffff;\r\n    border-color: rgba(215, 24, 76, 0.06);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.accreditation-item .icon-wrap {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    color: #d7184c;\r\n    transition: all 0.4s ease;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.accreditation-item:hover .icon-wrap {\r\n    background: rgba(215, 24, 76, 0.1);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.accreditation-item .text {\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.7);\r\n    line-height: 1.5;\r\n}\r\n\r\n.accreditation-item .text strong {\r\n    color: #0A1628;\r\n    font-weight: 600;\r\n    display: block;\r\n    font-size: 15px;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.accreditation-item .text .sub {\r\n    font-size: 12px;\r\n    color: rgb(106 75 0);\r\n    font-weight: 500;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 1199px) {\r\n    .accreditation-section { padding: 50px 30px 40px; }\r\n    .accreditation-grid { gap: 20px; }\r\n    .accreditation-item { padding: 16px 20px; }\r\n    .accreditation-item .text { font-size: 13px; }\r\n    .accreditation-item .text strong { font-size: 14px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .accreditation-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n    .accreditation-item:last-child { \r\n        grid-column: 1 \/ -1; \r\n        max-width: 50%; \r\n        margin: 0 auto; \r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .accreditation-section { padding: 40px 20px 30px; }\r\n    .accreditation-grid { gap: 14px; }\r\n    .accreditation-item { padding: 14px 16px; border-radius: 12px; }\r\n    .accreditation-item .icon-wrap { width: 38px; height: 38px; min-width: 38px; font-size: 15px; }\r\n    .accreditation-item .text { font-size: 12px; }\r\n    .accreditation-item .text strong { font-size: 13px; }\r\n    .accreditation-item .text .sub { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .accreditation-section { padding: 32px 16px 24px; }\r\n    .accreditation-grid { \r\n        grid-template-columns: 1fr; \r\n        gap: 12px; \r\n    }\r\n    .accreditation-item:last-child { \r\n        grid-column: 1; \r\n        max-width: 100%; \r\n        margin: 0; \r\n    }\r\n    .accreditation-item { \r\n        padding: 12px 14px; \r\n        border-radius: 10px; \r\n        width: 100%;\r\n    }\r\n    .accreditation-item .icon-wrap { \r\n        width: 34px; \r\n        height: 34px; \r\n        min-width: 34px; \r\n        font-size: 13px; \r\n    }\r\n    .accreditation-item .text { font-size: 12px; }\r\n    .accreditation-item .text strong { font-size: 13px; }\r\n    .accreditation-item .text .sub { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .accreditation-item { padding: 10px 12px; gap: 12px; }\r\n    .accreditation-item .icon-wrap { width: 30px; height: 30px; min-width: 30px; font-size: 11px; }\r\n    .accreditation-item .text { font-size: 11px; }\r\n    .accreditation-item .text strong { font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"accreditation-section\">\r\n    <div class=\"accreditation-container\">\r\n\r\n        <div class=\"accreditation-grid\">\r\n\r\n            <!-- Badge 1: Registered (Ontario Career Colleges Act) -->\r\n            <a href=\"https:\/\/www.ontario.ca\/page\/private-career-colleges\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"accreditation-item\" aria-label=\"Verify Ontario Career Colleges registration\">\r\n                <div class=\"icon-wrap\">\r\n                    <i class=\"fas fa-check-circle\"><\/i>\r\n                <\/div>\r\n                <div class=\"text\">\r\n                    <strong>Registered<\/strong>\r\n                    Ontario Career Colleges Act, 2005\r\n                    <span class=\"sub\">Approved and regulated<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Badge 2: IRCC Designated (DLI) -->\r\n            <a href=\"https:\/\/www.canada.ca\/en\/immigration-refugees-citizenship\/services\/study-canada\/study-permit\/prepare\/designated-learning-institutions-list.html\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"accreditation-item\" aria-label=\"Verify IRCC Designated Learning Institution status\">\r\n                <div class=\"icon-wrap\">\r\n                    <i class=\"fas fa-passport\"><\/i>\r\n                <\/div>\r\n                <div class=\"text\">\r\n                    <strong>IRCC Designated<\/strong>\r\n                    DLI #0152989030622\r\n                    <span class=\"sub\">Designated Learning Institution<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Badge 3: OSAP-Eligible -->\r\n            <a href=\"https:\/\/www.ontario.ca\/page\/osap-ontario-student-assistance-program\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"accreditation-item\" aria-label=\"Learn about OSAP financial aid\">\r\n                <div class=\"icon-wrap\">\r\n                    <i class=\"fas fa-graduation-cap\"><\/i>\r\n                <\/div>\r\n                <div class=\"text\">\r\n                    <strong>OSAP-Eligible<\/strong>\r\n                    Financial aid available\r\n                    <span class=\"sub\">Ontario Student Assistance Program<\/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-908d1c5 e-con-full e-flex e-con e-parent\" data-id=\"908d1c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0141c99 elementor-widget elementor-widget-html\" data-id=\"0141c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hmv-section {\r\n    padding: 40px 40px 60px;\r\n    background: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hmv-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(215, 24, 76, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.hmv-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.hmv-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.hmv-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.hmv-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.hmv-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.hmv-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\/* ===== 3 CARDS ===== *\/\r\n.hmv-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.hmv-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 36px 28px 30px;\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    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hmv-card::before {\r\n    content: '';\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    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.hmv-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.hmv-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hmv-card .card-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    min-width: 56px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #d7184c;\r\n    margin-bottom: 16px;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.hmv-card:hover .card-icon {\r\n    background: rgba(215, 24, 76, 0.12);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.hmv-card 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: 10px;\r\n    letter-spacing: -0.2px;\r\n}\r\n\r\n.hmv-card 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.2px;\r\n}\r\n\r\n.hmv-card p strong {\r\n    color: #0A1628;\r\n    font-weight: 500;\r\n}\r\n\r\n.hmv-card .card-footer {\r\n    margin-top: 16px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(10, 22, 40, 0.04);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #d7184c;\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n}\r\n\r\n.hmv-card .card-footer i {\r\n    font-size: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hmv-card:hover .card-footer i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1199px) {\r\n    .hmv-section { padding: 60px 30px 50px; }\r\n    .hmv-header h2 { font-size: 34px; }\r\n    .hmv-grid { gap: 24px; }\r\n    .hmv-card { padding: 30px 24px 24px; }\r\n    .hmv-card h3 { font-size: 20px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hmv-header h2 { font-size: 30px; }\r\n    .hmv-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .hmv-card:last-child { grid-column: 1 \/ -1; max-width: 50%; margin: 0 auto; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hmv-section { padding: 50px 20px 40px; }\r\n    .hmv-header h2 { font-size: 26px; }\r\n    .hmv-header p { font-size: 14px; }\r\n    .hmv-grid { gap: 16px; }\r\n    .hmv-card { padding: 24px 20px 20px; border-radius: 16px; }\r\n    .hmv-card h3 { font-size: 18px; }\r\n    .hmv-card p { font-size: 13px; }\r\n    .hmv-card .card-icon { width: 48px; height: 48px; min-width: 48px; font-size: 18px; }\r\n    .hmv-card:last-child { max-width: 100%; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hmv-section { padding: 40px 16px 30px; }\r\n    .hmv-header .label { font-size: 10px; padding: 3px 12px; }\r\n    .hmv-header h2 { font-size: 22px; }\r\n    .hmv-header p { font-size: 13px; }\r\n    .hmv-grid { grid-template-columns: 1fr; gap: 14px; }\r\n    .hmv-card:last-child { max-width: 100%; }\r\n    .hmv-card { padding: 20px 16px 18px; border-radius: 14px; }\r\n    .hmv-card h3 { font-size: 17px; }\r\n    .hmv-card p { font-size: 13px; }\r\n    .hmv-card .card-icon { width: 44px; height: 44px; min-width: 44px; font-size: 16px; }\r\n    .hmv-card .card-footer { font-size: 12px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .hmv-header h2 { font-size: 18px; }\r\n    .hmv-card h3 { font-size: 15px; }\r\n    .hmv-card p { font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hmv-section\">\r\n    <div class=\"hmv-container\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"hmv-header\">\r\n            \r\n            <h2>Our <span class=\"gold\">History <\/span>, Mission &amp; Vision<\/h2>\r\n            <p>Built on excellence \u2014 shaping the future of beauty and healthcare education.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 3 Cards -->\r\n        <div class=\"hmv-grid\">\r\n\r\n            <!-- Card 1: History -->\r\n            <div class=\"hmv-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-book-open\"><\/i>\r\n                <\/div>\r\n                <h3>Our History<\/h3>\r\n                <p>\r\n                    Elite College was founded to <strong>revolutionize beauty and healthcare education<\/strong>. Since 2017, we've grown into a leading institution, committed to <strong>hands-on, industry-driven training<\/strong> that empowers graduates with the skills and confidence to excel.\r\n                <\/p>\r\n                <div class=\"card-footer\">\r\n                    <span>Since 2017<\/span>\r\n                    <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Mission -->\r\n            <div class=\"hmv-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-bullseye\"><\/i>\r\n                <\/div>\r\n                <h3>Our Mission<\/h3>\r\n                <p>\r\n                    To provide <strong>comprehensive, hands-on education<\/strong> beyond conventional training. We equip students with <strong>technical expertise<\/strong> and <strong>business skills<\/strong> \u2014 shaping confident, skilled professionals ready to succeed in beauty and healthcare.\r\n                <\/p>\r\n                <div class=\"card-footer\">\r\n                    <span>Excellence in Education<\/span>\r\n                    <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Vision -->\r\n            <div class=\"hmv-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n                <h3>Our Vision<\/h3>\r\n                <p>\r\n                    To be the <strong>leading institution<\/strong> empowering beauty and healthcare professionals. We foster <strong>confidence, innovation, and business acumen<\/strong> \u2014 ensuring graduates thrive as skilled practitioners and successful entrepreneurs.\r\n                <\/p>\r\n                <div class=\"card-footer\">\r\n                    <span>Shaping Future Leaders<\/span>\r\n                    <i class=\"fas fa-arrow-right\"><\/i>\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-89eb71a e-con-full e-flex e-con e-parent\" data-id=\"89eb71a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa95cd7 elementor-widget elementor-widget-html\" data-id=\"fa95cd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.campus-section {\r\n    padding: 80px 40px 60px;\r\n    background: #f8f9fc;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.campus-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(215, 24, 76, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.campus-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.campus-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.campus-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.campus-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.campus-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.campus-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\/* ===== CAMPUS GRID ===== *\/\r\n.campus-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.campus-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 28px 22px 22px;\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    position: relative;\r\n    overflow: hidden;\r\n    text-align: center;\r\n}\r\n\r\n.campus-card::before {\r\n    content: '';\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, #d7184c, #b0123e);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.campus-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.campus-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.campus-card .card-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    min-width: 52px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 24, 76, 0.06);\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    margin: 0 auto 14px;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.campus-card:hover .card-icon {\r\n    background: rgba(215, 24, 76, 0.12);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.campus-card 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: 4px;\r\n    letter-spacing: -0.2px;\r\n}\r\n\r\n.campus-card .campus-address {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgb(1 15 34 \/ 95%);\r\n    line-height: 1.6;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.campus-card .campus-badge {\r\n    display: inline-block;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    padding: 3px 12px;\r\n    border-radius: 50px;\r\n    background: rgba(215, 24, 76, 0.06);\r\n    color: #d7184c;\r\n    border: 1px solid rgba(215, 24, 76, 0.06);\r\n    margin-top: 4px;\r\n}\r\n\r\n.campus-card .campus-badge.non-vocational {\r\n    background: rgba(10, 22, 40, 0.04);\r\n    color: rgb(3 18 40 \/ 84%);\r\n    border-color: rgb(2 16 36);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1199px) {\r\n    .campus-section { padding: 60px 30px 50px; }\r\n    .campus-header h2 { font-size: 34px; }\r\n    .campus-grid { gap: 20px; }\r\n    .campus-card { padding: 24px 18px 18px; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .campus-header h2 { font-size: 30px; }\r\n    .campus-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .campus-card { padding: 22px 18px 18px; }\r\n    .campus-card h3 { font-size: 16px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .campus-section { padding: 50px 20px 40px; }\r\n    .campus-header h2 { font-size: 26px; }\r\n    .campus-header p { font-size: 14px; }\r\n    .campus-grid { gap: 16px; }\r\n    .campus-card { padding: 20px 16px 16px; border-radius: 14px; }\r\n    .campus-card h3 { font-size: 15px; }\r\n    .campus-card .campus-address { font-size: 12px; }\r\n    .campus-card .card-icon { width: 44px; height: 44px; min-width: 44px; font-size: 17px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .campus-section { padding: 40px 16px 30px; }\r\n    .campus-header .label { font-size: 10px; padding: 3px 12px; }\r\n    .campus-header h2 { font-size: 22px; }\r\n    .campus-header p { font-size: 13px; }\r\n    .campus-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .campus-card { padding: 16px 12px 14px; border-radius: 12px; }\r\n    .campus-card h3 { font-size: 14px; }\r\n    .campus-card .campus-address { font-size: 11px; }\r\n    .campus-card .card-icon { width: 38px; height: 38px; min-width: 38px; font-size: 14px; margin-bottom: 10px; }\r\n    .campus-card .campus-badge { font-size: 8px; padding: 2px 8px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .campus-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\r\n    .campus-card { padding: 14px 10px 12px; }\r\n    .campus-card h3 { font-size: 13px; }\r\n    .campus-card .campus-address { font-size: 10px; }\r\n    .campus-card .card-icon { width: 34px; height: 34px; min-width: 34px; font-size: 12px; }\r\n    .campus-card .campus-badge { font-size: 7px; padding: 1px 6px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"campus-section\">\r\n    <div class=\"campus-container\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"campus-header\">\r\n        \r\n            <h2>Learn at <span class=\"gold\">4 Locations<\/span> Across the GTA<\/h2>\r\n            <p>Conveniently located campuses across the Greater Toronto Area.<\/p>\r\n        <\/div>\r\n\r\n                <!-- Campus Grid -->\r\n        <div class=\"campus-grid\">\r\n\r\n            <!-- Campus 1: Markham (20 Main St North) -->\r\n            <div class=\"campus-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Markham<\/h3>\r\n                <p class=\"campus-address\">20 Main St North<br>Markham, Ontario, L3P 1X2<\/p>\r\n                <span class=\"campus-badge\">Main Campus<\/span>\r\n            <\/div>\r\n\r\n            <!-- Campus 2: Markham (9861 Leslie St) -->\r\n            <div class=\"campus-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Markham<\/h3>\r\n                <p class=\"campus-address\">9861 Leslie St<br>Markham, Ontario, L4B 3Y4<\/p>\r\n                <span class=\"campus-badge\">Main Campus<\/span>\r\n            <\/div>\r\n\r\n            <!-- Campus 3: Scarborough -->\r\n            <div class=\"campus-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Scarborough<\/h3>\r\n                <p class=\"campus-address\">4246 Sheppard Ave East<br>Scarborough, M1S 1T5<\/p>\r\n                <span class=\"campus-badge\">Main Campus<\/span>\r\n            <\/div>\r\n\r\n            <!-- Campus 4: Markham (3190 Steeles Ave East) - Non-Vocational -->\r\n            <div class=\"campus-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Markham<\/h3>\r\n                <p class=\"campus-address\">3190 Steeles Ave East<br>Markham, L3R 1G9<\/p>\r\n                <span class=\"campus-badge non-vocational\">Non-Vocational Only<\/span>\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-18ceddc e-con-full e-flex e-con e-parent\" data-id=\"18ceddc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-812b545 elementor-widget elementor-widget-html\" data-id=\"812b545\" 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 \/ About Us Beauty &#038; Healthcare Training at Elite College in the GTA \u25c9 Successful Business Training For All Business Sectors Elite College is a DLI-approved private career college serving the Greater Toronto Area since 2017. Registered under the Ontario Career Colleges Act, 2005, we offer career-focused programs in healthcare, business, beauty, and hospitality [&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-419","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/419","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=419"}],"version-history":[{"count":84,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/419\/revisions"}],"predecessor-version":[{"id":1383,"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/pages\/419\/revisions\/1383"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/elite-college\/wp-json\/wp\/v2\/media?parent=419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}