:root {
    --body-color: #414141;
    --title-color: #040F09;
    --title-above-color: #0597CF;
    --box-shadow: 0 3px 15px rgba(0, 0, 0, .16);
    --border-radius: 6px;
    --secondary-color: #02ABEC;

    /* HEADER MENU */
    --header-background: #013153;
	--menu-nav-color: #FFF;
	--menu-nav-color-hover: #02ABEC;
	--menu-nav-color-active: #02ABEC;
	--sub-menu-nav-background: #FFF;
	--sub-menu-nav-color: #040F09;
	--sub-menu-nav-color-hover: #013153;
	--sub-menu-nav-background-hover: #02ABEC;
    --header-mobile-toggle-color: #fff;

    /* MOBILE SIDEBAR MENU */
    --sidebar-menu-nav-color: #040F09;
    --sidebar-color: #040F09;
    --sidebar-background-color: #FFF;
    --sidebar-background-color-hover: #F4FBFF;
    --sidebar-sub-menu-nav-color: #040F09;
    --sidebar-sub-menu-nav-color-hover: #FFF;

    /* LINK */
    --link-color: #02ABEC;
    --link-color-hover: #0597CF;

    /* Breadcrumbs */
    --breadcrumb-color: #FFF;
    --breadcrumb-color-active: #0597CF;
    --breadcrumb-color-on-post: #FFF;
    --breadcrumb-color-active-on-post: #0597CF;

    /* list */
    --check-color: #0597CF;
    --check-color-on-primary: #0597CF;
    --check-color-on-secondary: #0597CF;
    --check-color-on-background: #0597CF;

    /* Hero */
    --hero-background-color: rgba(4, 15, 9, 0.5);
    --hero-check-color: #0597CF;;
    --hero-check-circle-color: rgba(4, 15, 9, 0.5);
    --hero-check-circle-background-color: #0597CF;
    --hero-title-color: #FFF;
    --hero-text-color: #FFF;

    /* Hero Benefits */
    --hero-benefits-color: #040F09;
    --hero-benefits-title-color: #040F09;
    --hero-benefits-background-color: #FFF;
    --hero-benefits-background-color-hover: #F4FBFF;

    /* Hero button */
    --button-primary-color-on-hero: #013153;
    --button-primary-color-hover-on-hero: #013153;
    --button-primary-bkg-color-on-hero: #02ABEC;
    --button-primary-bkg-color-hover-on-hero: #0597CF;
    --button-primary-border-color-on-hero: #02ABEC;
    --button-primary-border-color-hover-on-hero: #0597CF;

    --button-secondary-color-on-hero: #013153;
    --button-secondary-color-hover-on-hero: #013153;
    --button-secondary-bkg-color-on-hero: #f5fbff;
    --button-secondary-bkg-color-hover-on-hero: #FFF;
    --button-secondary-border-color-on-hero: #F4FBFF;
    --button-secondary-border-color-hover-on-hero: #FFF;

    /* section */
	--primary-section-background-color: #013153;
	--primary-section-title-color: #FFFFFF;
    --primary-section-title-above-color: #0597CF;
	--primary-section-color: #FFF;
	--primary-section-link-color: #0597CF;
	--primary-section-link-color-hover: #F7F8FF;

	--secondary-section-background-color:  #F4FBFF;
	--secondary-section-title-color: #000000;
    --secondary-section-title-above-color: #02ABEC;
	--secondary-section-color: #040F09;
	--secondary-section-link-color: #0597CF;
	--secondary-section-link-color-hover: #013153;

	--background-section-title-color: #FFFFFF;
    --background-section-title-above-color: #0597CF;
	--background-section-color: #FFF;
	--background-section-link-color: #02ABEC;
	--background-section-link-color-hover: #FFF;

    --section-background-mask-color: #040F09;

    /* Buttons */
    
    /* primary */
	--button-primary-color: #013153;
    --button-primary-color-hover: #013153;
    --button-primary-bkg-color: #02ABEC;
    --button-primary-bkg-color-hover: #0597CF;
    --button-primary-border-color: #02ABEC;
    --button-primary-border-color-hover: #0597CF;
    
	--button-primary-color-on-primary: #013153;
    --button-primary-color-hover-on-primary: #013153;
    --button-primary-bkg-color-on-primary: #02ABEC;
    --button-primary-bkg-color-hover-on-primary: #0597CF;
    --button-primary-border-color-on-primary: #02ABEC;
    --button-primary-border-color-hover-on-primary: #0597CF;

    --button-primary-color-on-secondary: #013153;
    --button-primary-color-hover-on-secondary: #013153;
    --button-primary-bkg-color-on-secondary: #02ABEC;
    --button-primary-bkg-color-hover-on-secondary: #0597CF;
    --button-primary-border-color-on-secondary: #02ABEC;
    --button-primary-border-color-hover-on-secondary: #0597CF;

    --button-primary-color-on-background: #013153;
    --button-primary-color-hover-on-background: #013153;
    --button-primary-bkg-color-on-background: #02ABEC;
    --button-primary-bkg-color-hover-on-background: #0597CF;
    --button-primary-border-color-on-background: #02ABEC;
    --button-primary-border-color-hover-on-background: #0597CF;

    /* secondary */
	--button-secondary-color: #013153;
    --button-secondary-color-hover: #F4FBFF;
    --button-secondary-bkg-color: transparent;
    --button-secondary-bkg-color-hover: #013153;
    --button-secondary-border-color: #013153;
    --button-secondary-border-color-hover: #013153;
    
    --button-secondary-color-on-primary: #040F09;
    --button-secondary-color-hover-on-primary: #FFF;
    --button-secondary-bkg-color-on-primary: #FFF;
    --button-secondary-bkg-color-hover-on-primary: transparent;
    --button-secondary-border-color-on-primary: #FFF;
    --button-secondary-border-color-hover-on-primary: #FFF;

    --button-secondary-color-on-secondary: #013153;
    --button-secondary-color-hover-on-secondary: #FFF;
    --button-secondary-bkg-color-on-secondary: transparent;
    --button-secondary-bkg-color-hover-on-secondary: #013153;
    --button-secondary-border-color-on-secondary: #013153;
    --button-secondary-border-color-hover-on-secondary: #013153;

    --button-secondary-color-on-background: #040F09;
    --button-secondary-color-hover-on-background: #FFF;
    --button-secondary-bkg-color-on-background: #FFF;
    --button-secondary-bkg-color-hover-on-background: transparent;
    --button-secondary-border-color-on-background: #FFF;
    --button-secondary-border-color-hover-on-background: #FFF;

    /* Statistic */
    --stat-color: #000000;
    --stat-title-color: #02ABEC;
    --stat-background-color: #FFF;

    --stat-color-on-primary: #FFF    ;
    --stat-title-color-on-primary: #F4FBFF;
    
    /* Reviews slider */
    --reviews-slider-color: #484848;
    --reviews-slider-background-color: #FFF;
    --reviews-slider-author-color: #040F09;

    /* Steps */
    --steps-color: #040F09;
    --steps-title-color: #000000;
    --steps-arrow-color: brightness(0) saturate(100%) invert(54%) sepia(42%) saturate(6118%) hue-rotate(167deg) brightness(104%) contrast(98%);

    --steps-color-on-primary: #FFF;
    --steps-title-color-on-primary: #F4FBFF;
    --steps-arrow-color-on-primary: brightness(0) saturate(100%) invert(54%) sepia(42%) saturate(6118%) hue-rotate(167deg) brightness(104%) contrast(98%);

    --steps-color-on-secondary: #040F09;
    --steps-title-color-on-secondary: #000000;
    --steps-arrow-color-on-secondary: brightness(0) saturate(100%) invert(54%) sepia(42%) saturate(6118%) hue-rotate(167deg) brightness(104%) contrast(98%);

    --steps-color-on-background: #FFF;
    --steps-title-color-on-background: #F4FBFF;
    --steps-arrow-color-on-background: brightness(0) saturate(100%) invert(54%) sepia(42%) saturate(6118%) hue-rotate(167deg) brightness(104%) contrast(98%);

    /* FAQ */
    --faq-title-color: #040F09;
    --faq-title-color-active: #0597CF;
    --faq-text-color: #484848;
    --faq-border-color: #D0D0D0;

    --faq-title-color-on-primary: #040F09;
    --faq-title-color-active-on-primary: #0597CF;
    --faq-text-color-on-primary: #FFF;
    --faq-border-color-on-primary: #D0D0D0;

    --faq-title-color-on-secondary: #040F09;
    --faq-title-color-active-on-secondary: #013153;
    --faq-text-color-on-secondary: #484848;
    --faq-border-color-on-secondary: #D0D0D0;

    --faq-title-color-on-background: #040F09;
    --faq-title-color-active-on-background: #F4FBFF;
    --faq-text-color-on-background: #484848;
    --faq-border-color-on-background: #D0D0D0;

    /* Service thumbnail */
    --service-thumbnail-background-color: #FFF;
    --service-thumbnail-background-color-hover: #F4FBFF;
    --service-thumbnail-color: #414141;
    --service-thumbnail-color-hover: #414141;
    --service-thumbnail-title-color: #003253;
    --service-thumbnail-title-color-hover: #003253;
    --service-thumbnail-more-color: #02ABEC;
    --service-thumbnail-more-color-hover: #02ABEC;

    /* Slider */
    --slidew-arrow-background-color: #E9F2E9;
    --slidew-arrow-color: #fff;
    --slidew-arrow-background-color-inactive: #F4FBFF;
    --slidew-arrow-color-inactive: #fff;

    --slidew-arrow-background-color-on-primary: #E9F2E9;
    --slidew-arrow-color-on-primary: #fff;
    --slidew-arrow-background-color-inactive-on-primary: #02ABEC;
    --slidew-arrow-color-inactive-on-primary: #fff;

    --slidew-arrow-background-color-on-secondary: #E9F2E9;
    --slidew-arrow-color-on-secondary: #fff;
    --slidew-arrow-background-color-inactive-on-secondary: #F4FBFF;
    --slidew-arrow-color-inactive-on-secondary: #fff;

    /* Blog */
    --category-label-color: #fff;
    --category-label-background: #040F09;


    /* Footer */
    --footer-background-color: #013153;
    --footer-link-color: #FFFFFF;
    --footer-color: #FFFFFF;
    --footer-title-color: #02ABEC;
    --footer-list-color: #02ABEC;           

    /* Form */
    --form-background-color: #FFFFFF;
    --input-background-color: #FDFDFD;
    --input-color: #414141;
    --input-border-color: #EEEEEE;
    --form-submit-color: #040F09;
    --form-submit-background-color: #02ABEC;
    --form-submit-color-hover: #040F09;
    --form-submit-background-color-hover: #013153;
    --form-check-color: #414141;

    --table-heading-background-color: #0597CF;
    --table-heading-color: #040F09;
    --table-border-color: #EEEEEE;
}