<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<link href='//fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>

<style>
    #accordionwrapper {
        display: flex;
        justify-content: space-evenly;
    }

    .accordion__item {
        margin: 5px auto;
		font-size: 17px;
		line-height:27px;
		font-family:Poppins,Helvetica,Verdana,sans-serif;
		width:100%;
		min-width:700px;
		max-width:700px;
		border-bottom:1px solid #ddd;
    }

    .accordion__item:after {
        /* 
        content: '\02795';
        */
    }    

    .accordion__item .accordion__title {
        font-family:Poppins,Helvetica,Verdana,sans-serif;
		font-weight:600;
		font-size: 18px;
        position: relative;
        display: block;
        padding: 20px 60px 22px 13px;
        /*margin-bottom: 2px;*/
        margin-right:5px;
        color: #202020;
        text-decoration: none;
        background-color: none;
        border-radius: 3px;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
        cursor: pointer;
    }

    .accordion__item .accordion__title:hover {
		color:#0097CF;
        background-color: none;
        transition: all 0.5s ease-out;
    }

	.accordion__item .accordion__title .accordion-active {
		color:#0097CF;		
	}

    .accordion__item .accordion-active {
		color:#0097CF;
        background-color: none;
    }
    
    .accordion__item .accordion__title:after {
        /* content: '\02795'; */
        content: "";
        background: url('https://dealhacks.com/static/images/icons/skinny_plus.png') no-repeat;
        background-image: url('https://dealhacks.com/static/images/icons/skinny_plus.png') no-repeat;
        background-size: 30px;
        background-repeat: no-repeat;
        position: absolute;
        top: 13px;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        font-size: 20px;
        font-weight: 300;
        margin-right: 5px;
        background-color: none;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;  
    }
    
    .accordion__item .accordion-active:after {
        /*content: '\02796'; */
        content: "";
        background: url('https://dealhacks.com/static/images/icons/skinny_minus.png');
        background-size: 30px;
        background-repeat: no-repeat;
        position: absolute;
        top: 13px;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        font-size: 20px;
        font-weight: 300;
        margin-right: 5px;
        background-color: none;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    
    .accordion__item .accordion__title .accordion__arrow:after {
        /*content: '\02795'; */
    }

    .accordion__item .accordion__title .accordion__arrow {
        position: absolute;
        top: 13px;
        right: 10px;
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        font-size: 20px;
        font-weight: 700;
        margin-right: 5px;
        background-color: none;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .accordion__item .accordion__rotate {
        transform: rotate(225deg);
    }

    .accordion__item .accordion__content {
        padding: 0 30px 30px;
        margin-bottom: 2px;
        font-size: 17px;
		line-height:27px;
		font-family:Poppins,Helvetica,Verdana,sans-serif;
        display: none;
        background-color: none;
		/*max-width:600px;*/
    }

    .accordion__item .accordion__arrow-item {
        font-weight: 700;
    }

    /*-------------------------------------*/
    
	/* ######################################################### */
	/*                       MOBILE STYLES                       */
	/* ######################################################### */


	/******************************************************************************/ 
	/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
	/******************************************************************************/ 
	/* So, iMac is 2554 */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 2554px) and (max-width: 3200px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}	

	/******************************************************************************/ 
	/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
	/******************************************************************************/ 
	/* This is the 2nd screen connected to the iMac */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1922px) and (max-width: 2553px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}	

	/******************************************************************************/ 
	/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
	/******************************************************************************/ 
	/* This is the 2nd screen connected to the iMac */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1920px) and (max-width: 1921px) {

	}	
		
	/******************************************************************************/ 
	/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
	/******************************************************************************/ 

	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1441px) and (max-width: 1919px) {

	}		

	/******************************************************************************/ 
	/***************        MACBOOK AIR DISPLAY SCREENS         *****************/
	/******************************************************************************/ 

	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1367px) and (max-width: 1440px) {

	}	

	/******************************************************************************/ 
	/***************      SMALLER THAN FULL SCREEN MACBOOK        *****************/
	/******************************************************************************/ 

	@media (min-width: 1364px) and (max-width: 1366px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}	
		
	/******************************************************************************/ 
	/***************       MACBOOK AIR SCREENS AND 1280 X 800     *****************/
	/******************************************************************************/ 

	@media (min-width: 1280px) and (max-width: 1363px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}		

	/******************************************************************************/ 
	/********************             Larger iPads           **********************/
	/******************************************************************************/ 

	@media (min-width: 1024px) and (max-width: 1279px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}

	/* Landscape tablet to iPads */
	@media (min-width: 980px) and (max-width: 1024px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {
		.accordion__item {
			min-width: 90%;
			max-width: 90%;
		}	
	}

	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {
		.accordion__item {
			min-width: 600px;
			max-width: 600px;
			
		}	
	}

	/* Landscape phones and down */
	@media (max-width: 586px) {
		.accordion__item {
			min-width: 100%;
			max-width: 100%;
		}		
	}

	/* Landscape phones and down */
	@media (max-width: 480px) {
		.accordion__item {
			min-width: 100%;
			max-width: 100%;
		}	
	}	

	/* Older phones with super small screens */
	@media (max-width: 320px) {
		.accordion__item {
			min-width: 100%;
			max-width: 100%;
		}	
	}	
</style>    
</style>


    <div id="accordionwrapper">
        <div class="accordion">
            <div class="accordion__item">
                <div class="accordion__title">
                    <div class="accordion__arrow"><span class="accordion__arrow-item"></span></div>
                    <span class="accordion__title-text">There are 33M+ active small businesses in the US</span>
                </div>
                <div class="accordion__content">
					They not only provide 50% of the jobs in the US, but they also make up half of 
					the US economy. 
                </div>
            </div>
            <div class="accordion__item">
                <div class="accordion__title">
                    <div class="accordion__arrow"><span class="accordion__arrow-item"></span></div>
                    <span class="accordion__title-text">80% (or 26M) of small businesses are 1-person businesses</span>
                </div>
                <div class="accordion__content">
					That’s 26M+ 1 person micro-businesses - many of who could probably use a 
					ittle more tech help or even a fractional employee.
                </div>
            </div>
            <div class="accordion__item">
                <div class="accordion__title">
                    <div class="accordion__arrow"><span class="accordion__arrow-item"></span></div>
                    <span class="accordion__title-text">There are 334M+ active small businesses globally</span>
                </div>
                <div class="accordion__content">
					Small businesses don&rsquo;s just account for half the US economy and jobs, they also
					make up half the global economy and jobs.
                </div>
            </div>
			<div class="accordion__item">
				<div class="accordion__title">
					<div class="accordion__arrow"><span class="accordion__arrow-item"></span></div>
					<span class="accordion__title-text">Over 53M+ Americans are Freelancers &amp; 1.5B+ worldwide</span>
				</div>
				<div class="accordion__content">
					American Freelancers contribute over $700B+/yr. to the US economy. Now, just
					imagine how much Freelancers globally contribute.
				</div>
			</div>
			<br />
			<div style="text-align:center;">
				<a href="/manifesto" title="View sources" style="font-weight:600; font-size:17px; 
				font-family:Montserrat,Raleway,'Open Sans',Helvetica,Verdana, sans-serif;">View sources
					<i class="fa fa-angle-right" aria-hidden="true"></i></a>
			</div>
        </div>
    </div>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	 <script>
		 //var $i = jQuery.noConflict();
		 //alert($i.fn.jquery);
		 //var jQuery_3_7_1 = $.noConflict(true);
		 //var jQuery_3_7_1 = jQuery.noConflict();
		 //var $j = jQuery.noConflict(true);
		 //var jQuery = $.noConflict(true);
		 var jQuery_3_7_1 = jQuery.noConflict(true);
		
	 </script>
	
  
    <script>
		//jQuery.noConflict();
		jQuery_3_7_1(function () {

            //BEGIN
			jQuery_3_7_1(".accordion__title").on("click", function (e) {

                e.preventDefault();
				var $this = jQuery_3_7_1(this);

				if (!$this.hasClass("accordion-active")) {
					jQuery_3_7_1(".accordion__content").slideUp(400);
					jQuery_3_7_1(".accordion__title").removeClass("accordion-active");
                    //$('.accordion__arrow', this).removeClass('accordion__arrow');
                    //$('.accordion__arrow').removeClass('accordion__rotate');
                }

                $this.toggleClass("accordion-active");
                //$this.toggleClass("accordion__arrow");
                //$('.accordion__arrow', this).addClass('accordion__arrow');
                $this.next().slideToggle();
                //$('.accordion__arrow', this).addClass('accordion__arrow');
                //$('.accordion__arrow', this).toggleClass('accordion__rotate');
            });
            //END

        });
    </script>