:root {
    --body-color: #444; 
    --nav-color: #ffffff;
	--footer-nav-color: #313e5b;
    --nav-color-hover: #30ffaf;
    --toggle-menu-color: #FFF;

    --title-color: #313e5b;
    --above-title-color: #30ffaf;
    --above-title-bkg-color: #313e5b;
    --author-title-color: #313e5b;

	--bullet--color: #313e5b;
	--date-color: #313e5b;
	--link-color: var( --above-title-color);

	--header-background-color: #0a1031;

	--hero-background-color: #0a1031;
	--hero-title-color: #30ffaf;

	--box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

    --btn-primary-color: #071032;
    --btn-primary-color-hover: #071032;
    --btn-primary-bkg-color: #30ffaf;
    --btn-primary-bkg-color-hover: #acffdf;
    --border-radius: 6px;

    --btn-primary-hero-color: #FFF;
    --btn-primary-hero-color-hover: #071032;
    --btn-primary-hero-bkg-color: transparent;;
    --btn-primary-hero-bkg-color-hover: #acffdf;
    --btn-primary-hero-border-color: #fff;

	--checkbox-color: #313e5b;
	--checkbox-bkg-color: #f5f5ff;

	--icon-bgk-color: #313e5b;

    /* Sections  */
	--section-holder-padding: 80px;

	--white-section-background: #fff;
	--blue-section-background: #405cba;
	--dark-blue--section-background: #071032;
	--light-grey--section-background: #96a6af;

	/* Price toggle */
	--toggle-border-color: #30ffaf;
	--toggle-active-background-color: #30ffaf;
	--toggle-active-background-color-hover: #f9f9f9;

	--price-plan-check-color: #30ffaf;
	--price-plan-name: #313e5b;

}


@media only screen and (max-width:991px) {
	:root {
		--section-holder-padding: 60px;
	}
	
	:root {
		--h2-margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--section-holder-padding: 40px;
	}
}