{"id":1661,"date":"2026-01-19T18:06:15","date_gmt":"2026-01-19T18:06:15","guid":{"rendered":"https:\/\/columbusinstitute.org\/?page_id=1661"},"modified":"2026-03-05T19:22:59","modified_gmt":"2026-03-05T19:22:59","slug":"share360","status":"publish","type":"page","link":"https:\/\/columbusinstitute.org\/es\/share360\/","title":{"rendered":"Share360"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1661\" class=\"elementor elementor-1661\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e4631d e-flex e-con-boxed e-con e-parent\" data-id=\"9e4631d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f107db elementor-widget elementor-widget-html\" data-id=\"7f107db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Partner with Columbus Institute | Support Latino Students<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* --- CSS VARIABLES --- *\/\n        :root {\n            --primary-blue: #0b1e2e;\n            --primary-blue-dark: #0b1e2e;\n            --navy: #0b1e2e;\n            --slate-blue: #3b4d63;\n            --coral: #a43d3f;\n            --success-green: #4cd137;\n            --light-bg: #ffffff;\n            --white: #ffffff;\n            --off-white: #ffffff;\n            --gray: #a1a7a9;\n            --text-dark: #0b1e2e;\n            --text-medium: #3b4d63;\n            --text-light: #a1a7a9;\n            --text-lighter: #a1a7a9;\n            --border: #e5e5e5;\n            --shadow-sm: 0 5px 20px rgba(11, 30, 46, 0.08);\n            --shadow-md: 0 10px 30px rgba(11, 30, 46, 0.12);\n            --shadow-lg: 0 20px 40px rgba(11, 30, 46, 0.15);\n        }\n\n        \/* --- GLOBAL STYLES --- *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .ci-partner-page {\n            font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            color: var(--text-dark);\n            line-height: 1.6;\n            background: var(--white);\n            overflow-x: hidden;\n        }\n\n        .ci-container {\n            padding: 0 20px;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        .ci-btn {\n            display: inline-block;\n            background-color: var(--coral);\n            color: var(--white) !important;\n            padding: 16px 40px;\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: 8px;\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), \n                        box-shadow 0.3s ease,\n                        background-color 0.2s ease;\n            border: none;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ci-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .ci-btn:hover::before {\n            left: 100%;\n        }\n\n        .ci-btn:hover {\n            background-color: #8b3335;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(164, 61, 63, 0.4);\n        }\n\n        .ci-btn:active {\n            transform: translateY(-1px);\n        }\n\n        \/* --- HERO SECTION --- *\/\n        .ci-hero {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 100px 0 80px 0;\n            gap: 60px;\n            position: relative;\n        }\n\n        .ci-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(164, 61, 63, 0.08) 0%, transparent 70%);\n            border-radius: 50%;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .ci-hero-image-wrapper {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            position: relative;\n            z-index: 1;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(-2deg); }\n            50% { transform: translateY(-20px) rotate(-2deg); }\n        }\n\n        .ci-hero-image-wrapper::before {\n            content: '';\n            position: absolute;\n            width: 320px;\n            height: 320px;\n            background: linear-gradient(135deg, rgba(164, 61, 63, 0.15) 0%, rgba(59, 77, 99, 0.1) 100%);\n            border-radius: 50%;\n            z-index: -1;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            animation: pulse 3s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n            50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.4; }\n        }\n\n        .ci-hero-img {\n            max-width: 100%;\n            width: 350px;\n            border-radius: 12px;\n            box-shadow: 0 25px 50px rgba(11, 30, 46, 0.2);\n            transform: rotate(-2deg);\n            border: 6px solid var(--navy);\n            position: relative;\n            z-index: 2;\n        }\n\n        .ci-hero-content {\n            flex: 1.2;\n            position: relative;\n            z-index: 1;\n        }\n\n        .ci-hero h1 {\n            font-size: 48px;\n            color: var(--navy);\n            margin-bottom: 24px;\n            line-height: 1.15;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n\n        .ci-hero p {\n            font-size: 19px;\n            color: var(--text-medium);\n            margin-bottom: 20px;\n            line-height: 1.7;\n        }\n\n        .ci-hero p:last-of-type {\n            margin-bottom: 35px;\n        }\n\n        \/* --- HOW IT WORKS SECTION --- *\/\n        .ci-steps {\n            background: var(--white);\n            padding: 90px 0;\n            position: relative;\n            border-top: 1px solid var(--border);\n        }\n\n        .ci-steps::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--border), transparent);\n        }\n\n        .ci-section-title {\n            font-size: 38px;\n            color: var(--navy);\n            margin-bottom: 60px;\n            font-weight: 700;\n            text-align: center;\n            letter-spacing: -0.02em;\n        }\n\n        .ci-steps-grid {\n            display: flex;\n            justify-content: space-between;\n            gap: 35px;\n            margin-bottom: 80px;\n        }\n\n        .ci-step-card {\n            flex: 1;\n            background: var(--white);\n            padding: 45px 30px;\n            border-radius: 16px;\n            box-shadow: var(--shadow-sm);\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), \n                        box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            border: 2px solid rgba(11, 30, 46, 0.1);\n        }\n\n        .ci-step-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--navy) 0%, var(--slate-blue) 50%, var(--coral) 100%);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s ease;\n        }\n\n        .ci-step-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .ci-step-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(11, 30, 46, 0.15);\n        }\n\n        .ci-icon-circle {\n            width: 80px;\n            height: 80px;\n            background: var(--navy);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 24px auto;\n            font-size: 32px;\n            font-weight: bold;\n            font-family: 'Space Mono', monospace;\n            box-shadow: 0 4px 15px rgba(11, 30, 46, 0.25);\n            animation: iconPulse 3s ease-in-out infinite;\n        }\n\n        .ci-step-card:nth-child(1) .ci-icon-circle {\n            animation-delay: 0s;\n        }\n\n        .ci-step-card:nth-child(2) .ci-icon-circle {\n            animation-delay: 0.3s;\n        }\n\n        .ci-step-card:nth-child(3) .ci-icon-circle {\n            animation-delay: 0.6s;\n        }\n\n        @keyframes iconPulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n\n        .ci-step-card h3 {\n            font-size: 22px;\n            margin-bottom: 16px;\n            color: var(--navy);\n            font-weight: 700;\n        }\n\n        .ci-step-card p {\n            font-size: 16px;\n            color: var(--text-medium);\n            line-height: 1.7;\n        }\n\n        \/* --- IMPACT STATS SECTION --- *\/\n        .ci-impact-stats {\n            background: linear-gradient(135deg, var(--slate-blue) 0%, var(--navy) 100%);\n            padding: 70px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ci-impact-stats::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(164, 61, 63, 0.2) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n\n        .ci-impact-stats .ci-section-title {\n            color: var(--white);\n            margin-bottom: 50px;\n        }\n\n        .ci-stats-grid {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n        }\n\n        .ci-stat-card {\n            text-align: center;\n            min-width: 200px;\n        }\n\n        .ci-stat-number {\n            font-size: 56px;\n            font-weight: 700;\n            color: var(--white);\n            margin-bottom: 10px;\n            font-family: 'Space Mono', monospace;\n            background: linear-gradient(135deg, var(--white), rgba(164, 61, 63, 0.8));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            position: relative;\n            filter: drop-shadow(0 0 0px rgba(164, 61, 63, 0));\n            transition: filter 0.3s ease;\n        }\n\n        .ci-stat-number.counting {\n            animation: coralGlow 2s ease-in-out;\n        }\n\n        @keyframes coralGlow {\n            0%, 100% {\n                filter: drop-shadow(0 0 0px rgba(164, 61, 63, 0));\n            }\n            50% {\n                filter: drop-shadow(0 0 20px rgba(164, 61, 63, 0.8));\n            }\n        }\n\n        .ci-stat-label {\n            font-size: 16px;\n            color: rgba(253, 251, 245, 0.8);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            font-weight: 500;\n        }\n\n        \/* --- BENEFITS SECTION --- *\/\n        .ci-benefits {\n            padding: 90px 0;\n        }\n\n        .ci-benefits-container {\n            display: flex;\n            align-items: center;\n            gap: 70px;\n            background: linear-gradient(135deg, var(--navy) 0%, var(--slate-blue) 100%);\n            border-radius: 24px;\n            padding: 70px;\n            color: var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ci-benefits-container::before {\n            content: '';\n            position: absolute;\n            top: -30%;\n            left: -20%;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(164, 61, 63, 0.15) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n\n        .ci-benefits-container::after {\n            content: '';\n            position: absolute;\n            bottom: -40%;\n            right: -15%;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(164, 61, 63, 0.1) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n\n        .ci-benefits-content {\n            flex: 1;\n            position: relative;\n            z-index: 1;\n        }\n\n        .ci-benefits h2 {\n            font-size: 38px;\n            margin-bottom: 20px;\n            color: var(--white);\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n\n        .ci-benefits-content > p {\n            color: rgba(253, 251, 245, 0.85);\n            margin-bottom: 35px;\n            font-size: 18px;\n            line-height: 1.7;\n        }\n\n        .ci-check-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 40px 0;\n        }\n\n        .ci-check-list li {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 18px;\n            font-size: 18px;\n            line-height: 1.6;\n            animation: slideIn 0.6s ease-out backwards;\n        }\n\n        .ci-check-list li:nth-child(1) { animation-delay: 0.1s; }\n        .ci-check-list li:nth-child(2) { animation-delay: 0.2s; }\n        .ci-check-list li:nth-child(3) { animation-delay: 0.3s; }\n        .ci-check-list li:nth-child(4) { animation-delay: 0.4s; }\n\n        @keyframes slideIn {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .ci-check-icon {\n            color: var(--coral);\n            margin-right: 15px;\n            font-size: 24px;\n            font-weight: bold;\n            min-width: 24px;\n        }\n\n        .ci-btn-secondary {\n            background: var(--white);\n            color: var(--navy) !important;\n        }\n\n        .ci-btn-secondary:hover {\n            background: #f5f5f5;\n            box-shadow: 0 8px 20px rgba(11, 30, 46, 0.15);\n        }\n\n        \/* --- TESTIMONIAL SECTION --- *\/\n        .ci-testimonial {\n            background: var(--white);\n            padding: 80px 0;\n            position: relative;\n            border-top: 1px solid var(--border);\n        }\n\n        .ci-testimonial blockquote {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 50px 60px;\n            background: var(--white);\n            border-radius: 20px;\n            box-shadow: var(--shadow-md);\n            font-size: 24px;\n            line-height: 1.7;\n            color: var(--navy);\n            font-style: italic;\n            position: relative;\n            border: 2px solid rgba(11, 30, 46, 0.1);\n            border-left: 6px solid var(--navy);\n        }\n\n        .ci-testimonial blockquote::before {\n            content: '\"';\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            font-size: 80px;\n            color: rgba(11, 30, 46, 0.08);\n            font-family: Georgia, serif;\n            line-height: 1;\n        }\n\n        .ci-testimonial cite {\n            display: block;\n            margin-top: 25px;\n            font-size: 18px;\n            color: var(--text-medium);\n            font-style: normal;\n            font-weight: 600;\n        }\n\n        \/* --- FAQ SECTION --- *\/\n        .ci-faq {\n            padding: 90px 0;\n            background: var(--white);\n        }\n\n        .ci-faq-list {\n            max-width: 850px;\n            margin: 0 auto;\n        }\n\n        .ci-faq-item {\n            background: var(--white);\n            border-radius: 12px;\n            margin-bottom: 20px;\n            overflow: hidden;\n            border: 2px solid rgba(11, 30, 46, 0.15);\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .ci-faq-item:hover {\n            border-color: var(--navy);\n            box-shadow: 0 4px 12px rgba(11, 30, 46, 0.1);\n        }\n\n        .ci-faq-question {\n            padding: 25px 30px;\n            font-size: 19px;\n            font-weight: 600;\n            color: var(--navy);\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            user-select: none;\n        }\n\n        .ci-faq-question::after {\n            content: '+';\n            font-size: 28px;\n            font-weight: 300;\n            color: var(--navy);\n            transition: transform 0.3s ease;\n        }\n\n        .ci-faq-item.active .ci-faq-question::after {\n            transform: rotate(45deg);\n        }\n\n        .ci-faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease, padding 0.4s ease;\n            padding: 0 30px;\n        }\n\n        .ci-faq-item.active .ci-faq-answer {\n            max-height: 500px;\n            padding: 0 30px 25px 30px;\n        }\n\n        .ci-faq-answer p {\n            color: var(--text-light);\n            line-height: 1.7;\n            font-size: 16px;\n        }\n\n        \/* --- PARTNERS SHOWCASE --- *\/\n        .ci-partners-showcase {\n            background: var(--white);\n            padding: 60px 0;\n            text-align: center;\n            border-top: 1px solid var(--border);\n        }\n\n        .ci-partners-showcase h3 {\n            font-size: 26px;\n            color: var(--navy);\n            margin-bottom: 40px;\n            font-weight: 700;\n        }\n\n        .ci-partner-logos {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            opacity: 0.6;\n        }\n\n        .ci-partner-placeholder {\n            width: 150px;\n            height: 80px;\n            background: var(--white);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--text-lighter);\n            font-size: 14px;\n            font-weight: 500;\n            border: 2px dashed var(--border);\n        }\n\n        \/* --- FOOTER --- *\/\n        .ci-footer-note {\n            text-align: center;\n            padding: 50px 20px;\n            font-size: 14px;\n            color: var(--text-lighter);\n            border-top: 1px solid var(--border);\n            background: var(--white);\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 900px) {\n            .ci-hero {\n                flex-direction: column;\n                text-align: center;\n                padding: 60px 0 50px 0;\n            }\n            \n            .ci-hero-image-wrapper {\n                order: 2;\n                margin-top: 40px;\n            }\n\n            .ci-hero h1 {\n                font-size: 36px;\n            }\n\n            .ci-steps-grid {\n                flex-direction: column;\n            }\n            \n            .ci-benefits-container {\n                flex-direction: column;\n                padding: 50px 30px;\n                gap: 40px;\n            }\n\n            .ci-section-title {\n                font-size: 30px;\n            }\n\n            .ci-stats-grid {\n                gap: 40px;\n            }\n\n            .ci-testimonial blockquote {\n                padding: 40px 30px;\n                font-size: 20px;\n            }\n\n            .ci-faq-question {\n                font-size: 17px;\n                padding: 20px 25px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .ci-hero h1 {\n                font-size: 32px;\n            }\n\n            .ci-hero p {\n                font-size: 16px;\n            }\n\n            .ci-btn {\n                padding: 14px 30px;\n                font-size: 16px;\n            }\n\n            .ci-benefits h2 {\n                font-size: 28px;\n            }\n\n            .ci-stat-number {\n                font-size: 42px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"ci-partner-page\">\n\n    <!-- HERO SECTION -->\n    <div class=\"ci-container\">\n        <div class=\"ci-hero\">\n            <div class=\"ci-hero-content\">\n                <h1>Support Columbus Institute at No Cost to Your Business<\/h1>\n                <p>We have partnered with <strong>Share360<\/strong> to allow local businesses to support our scholarship and mentorship programs simply by using their existing payment processing.<\/p>\n                <p>It costs you nothing extra, but it means the world to our students.<\/p>\n                \n                <a href=\"https:\/\/calendly.com\/share360\/columbus-institute\" target=\"_blank\" class=\"ci-btn\" rel=\"noopener\">\n                    Click Here to Enroll\n                <\/a>\n            <\/div>\n            \n            <div class=\"ci-hero-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/share360.co\/wp-content\/uploads\/2025\/11\/Columbus-Institute-Door-Decal-682x1024.png\" alt=\"Columbus Institute Partner Decal\" class=\"ci-hero-img\" title=\"\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- HOW IT WORKS SECTION -->\n    <div class=\"ci-steps\">\n        <div class=\"ci-container\">\n            <h2 class=\"ci-section-title\">How It Works<\/h2>\n            \n            <div class=\"ci-steps-grid\">\n                <div class=\"ci-step-card\">\n                    <div class=\"ci-icon-circle\">1<\/div>\n                    <h3>Enroll Your Business<\/h3>\n                    <p>Click the link to visit Share360 and sign up. It takes just a few minutes to register your business for the program.<\/p>\n                <\/div>\n\n                <div class=\"ci-step-card\">\n                    <div class=\"ci-icon-circle\">2<\/div>\n                    <h3>Process Normally<\/h3>\n                    <p>Continue processing credit and debit card payments exactly as you do today. There is no disruption to your operations.<\/p>\n                <\/div>\n\n                <div class=\"ci-step-card\">\n                    <div class=\"ci-icon-circle\">3<\/div>\n                    <h3>We Receive Support<\/h3>\n                    <p>A portion of the processing fees\u2014which you are already paying\u2014is automatically donated to Columbus Institute.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- IMPACT STATS SECTION -->\n    <div class=\"ci-impact-stats\">\n        <div class=\"ci-container\">\n            <h2 class=\"ci-section-title\">Our Partner Impact<\/h2>\n            <div class=\"ci-stats-grid\">\n                <div class=\"ci-stat-card\">\n                    <div class=\"ci-stat-number\">$5K+<\/div>\n                    <div class=\"ci-stat-label\">Raised Through Partners<\/div>\n                <\/div>\n                <div class=\"ci-stat-card\">\n                    <div class=\"ci-stat-number\">15+<\/div>\n                    <div class=\"ci-stat-label\">Partner Businesses<\/div>\n                <\/div>\n                <div class=\"ci-stat-card\">\n                    <div class=\"ci-stat-number\">30+<\/div>\n                    <div class=\"ci-stat-label\">Students Supported<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- BENEFITS SECTION -->\n    <div class=\"ci-container ci-benefits\">\n        <div class=\"ci-benefits-container\">\n            <div class=\"ci-benefits-content\">\n                <h2>Why Join the Program?<\/h2>\n                <p>Join a network of local businesses dedicated to empowering Latino students and families.<\/p>\n                \n                <ul class=\"ci-check-list\">\n                    <li><span class=\"ci-check-icon\">\u2713<\/span> Zero additional cost to your business<\/li>\n                    <li><span class=\"ci-check-icon\">\u2713<\/span> Support scholarships & mentorship programs<\/li>\n                    <li><span class=\"ci-check-icon\">\u2713<\/span> Receive a \"Proud Supporter\" door decal<\/li>\n                    <li><span class=\"ci-check-icon\">\u2713<\/span> Monthly free advertising for your business<\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/share360.co\/columbus-institute\/\" target=\"_blank\" class=\"ci-btn ci-btn-secondary\" rel=\"noopener\">\n                    Learn More\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL SECTION -->\n    <div class=\"ci-testimonial\">\n        <div class=\"ci-container\">\n            <blockquote>\n                Supporting Columbus Institute through Share360 was effortless. We're proud to invest in our community's future without any extra cost to our bottom line.\n                <cite>\u2014 Maria Rodriguez, Local Restaurant Owner<\/cite>\n            <\/blockquote>\n        <\/div>\n    <\/div>\n\n    <!-- FAQ SECTION -->\n    <div class=\"ci-faq\">\n        <div class=\"ci-container\">\n            <h2 class=\"ci-section-title\">Common Questions<\/h2>\n            \n            <div class=\"ci-faq-list\">\n                <div class=\"ci-faq-item\">\n                    <div class=\"ci-faq-question\">Does this cost my business anything extra?<\/div>\n                    <div class=\"ci-faq-answer\">\n                        <p>No, absolutely not. You continue paying your standard processing fees. A portion of those fees (which you're already paying) is redirected to support Columbus Institute scholarships.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ci-faq-item\">\n                    <div class=\"ci-faq-question\">How long does it take to set up?<\/div>\n                    <div class=\"ci-faq-answer\">\n                        <p>Enrollment typically takes 5-10 minutes. You'll provide basic business information to Share360, and they'll handle the rest. Most businesses are fully enrolled within 24-48 hours.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ci-faq-item\">\n                    <div class=\"ci-faq-question\">Will this change how I process payments?<\/div>\n                    <div class=\"ci-faq-answer\">\n                        <p>No Changes to your day-to-day operations. There will be a behind-the-scenes change to your processor with no cost to you. The only difference beyond that is where a portion of the processing fees goes.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ci-faq-item\">\n                    <div class=\"ci-faq-question\">What kind of support does Columbus Institute provide?<\/div>\n                    <div class=\"ci-faq-answer\">\n                        <p>Columbus Institute provides college scholarships, mentorship programs, financial literacy resources, and educational support to Latino students and families in our community.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ci-faq-item\">\n                    <div class=\"ci-faq-question\">Can I cancel or opt out at any time?<\/div>\n                    <div class=\"ci-faq-answer\">\n                        <p>Yes, the program is completely voluntary. You can discontinue participation at any time by contacting Share360 directly.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- FOOTER -->\n    <div class=\"ci-footer-note\">\n        <p>You will be redirected to our trusted partner site, Share360, to complete enrollment.<\/p>\n        <p style=\"margin-top: 10px;\">Questions? Contact us at <strong>info@columbusinstitute.org<\/strong><\/p>\n    <\/div>\n\n<\/div>\n\n<script>\n\/\/ FAQ Accordion functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.ci-faq-item');\n    \n    faqItems.forEach(item => {\n        const question = item.querySelector('.ci-faq-question');\n        \n        question.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all items\n            faqItems.forEach(otherItem => {\n                otherItem.classList.remove('active');\n            });\n            \n            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n    \n    \/\/ Counter Animation for Stats\n    const statNumbers = document.querySelectorAll('.ci-stat-number');\n    let hasAnimated = false;\n    \n    function animateCounter(element, target, prefix = '', suffix = '') {\n        const duration = 1200; \/\/ 1.2 seconds (faster!)\n        const start = 0;\n        const increment = target \/ (duration \/ 16); \/\/ 60fps\n        let current = start;\n        \n        element.classList.add('counting');\n        \n        const timer = setInterval(() => {\n            current += increment;\n            if (current >= target) {\n                current = target;\n                clearInterval(timer);\n                setTimeout(() => {\n                    element.classList.remove('counting');\n                }, 300);\n            }\n            \n            \/\/ Format the number\n            let displayValue = Math.floor(current);\n            if (target >= 1000) {\n                displayValue = (displayValue \/ 1000).toFixed(0) + 'K';\n            }\n            \n            element.textContent = prefix + displayValue + suffix;\n        }, 16);\n    }\n    \n    \/\/ Intersection Observer to trigger animation when scrolled into view\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting && !hasAnimated) {\n                hasAnimated = true;\n                \n                \/\/ Animate each stat with its specific values\n                const stats = [\n                    { element: statNumbers[0], target: 5000, prefix: '$', suffix: '+' },\n                    { element: statNumbers[1], target: 15, prefix: '', suffix: '+' },\n                    { element: statNumbers[2], target: 30, prefix: '', suffix: '+' }\n                ];\n                \n                stats.forEach((stat, index) => {\n                    setTimeout(() => {\n                        animateCounter(stat.element, stat.target, stat.prefix, stat.suffix);\n                    }, index * 200); \/\/ Stagger each animation by 200ms\n                });\n            }\n        });\n    }, { threshold: 0.5 });\n    \n    \/\/ Observe the stats section\n    const statsSection = document.querySelector('.ci-impact-stats');\n    if (statsSection) {\n        observer.observe(statsSection);\n    }\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Partner with Columbus Institute | Support Latino Students Support Columbus Institute at No Cost to Your Business We have partnered [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/pages\/1661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/comments?post=1661"}],"version-history":[{"count":25,"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/pages\/1661\/revisions"}],"predecessor-version":[{"id":1716,"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/pages\/1661\/revisions\/1716"}],"wp:attachment":[{"href":"https:\/\/columbusinstitute.org\/es\/wp-json\/wp\/v2\/media?parent=1661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}