:root {
    --body-color: #414141;
    --title-color: #020749;
    --title-above-color: #020749;
    --box-shadow: 0 3px 20px rgba(0, 0, 0, .16);
    --border-radius: 6px;

    /* HEADER MENU */
    --header-background: #fff;
    --header-small-background: #020749;
    --header-small-color: #FFF;
    --header-small-icon-color: #00BDEC;
    --header-mobile-toggle-color: #040F09;
    
	--menu-nav-color: #040F09;
	--menu-nav-color-hover: #00BDEC;
	--menu-nav-color-active: #00BDEC;
	--sub-menu-background: #020749;
	--sub-menu-nav-color: #FFF;
    --sub-menu-nav-background-color: #020749;
    --sub-menu-nav-color-hover: #FFF;
    --sub-menu-nav-background-color-hover: #00BDEC;
 

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

    /* LINK */
    --link-color: #00BDEC;
    --link-color-hover: #020749;

    /* Breadcrumbs */
    --breadcrumb-color: #040F09;
    --breadcrumb-color-active: #020749;
    --breadcrumb-color-on-hero-background-image: #FFF;
    --breadcrumb-color-on-post: #040F09;
    --breadcrumb-color-active-on-post: #020749;

    /* list */
    --check-color: #00BDEC;
    --check-circle-color: #FFF;
    --check-circle-background-color: #00BDEC;

    --check-color-on-primary: #020749;
    --check-circle-color-on-primary: #FFF;
    --check-circle-background-color-on-primary: #020749;

    --check-color-on-half-background-image: #FFF;
    --check-circle-color-on-half-background-image: #FFF;
    --check-circle-background-color-on-half-background-image: #00BDEC;

    --text-colored: #00BDEC;

    /* Hero */
    --hero-background-color: #E1EFF5;
    --hero-check-color: #00BDEC;;
    --hero-check-circle-color: #E5DFD9;
    --hero-check-circle-background-color: #00BDEC;
    --hero-above-title-color: #020749;
    --hero-title-color: #020749;
    --hero-background-title-color: #020749;
    --hero-background-title: #FFF;
    --hero-text-color: #040F09;

    --hero-stat-color: #323337; 
    --hero-stat-title-color: #00BDEC; 

    /* Blur */
    --hero-mask-blur: rgba(209, 231, 240, 0.5);

    /* Hero button */
    --button-primary-color-on-hero: #FFF;
    --button-primary-color-hover-on-hero: #FFF;
    --button-primary-bkg-color-on-hero: #00BDEC;
    --button-primary-bkg-color-hover-on-hero: #020749;
    --button-primary-border-color-on-hero: #00BDEC;
    --button-primary-border-color-hover-on-hero: #020749;

    --button-phone-color-on-hero: #020749;
    --button-phone-color-hover-on-hero: #00BDEC;
    --button-phone-icon-color-on-hero: #020749;
    --button-phone-bkg-color-on-hero: transparent;
    --button-phone-bkg-color-hover-on-hero: transparent;
    --button-phone-border-color-on-hero: transparent;
    --button-phone-border-color-hover-on-hero: transparent;

    /* Buttons */
    
    /* primary */
	--button-primary-color: #FFF;
    --button-primary-color-hover: #FFF;
    --button-primary-bkg-color: #00BDEC;
    --button-primary-bkg-color-hover: #020749;
    --button-primary-border-color: #00BDEC;
    --button-primary-border-color-hover: #020749;

    --button-primary-color-on-primary: #FFF;
    --button-primary-color-hover-on-primary: #FFF;
    --button-primary-bkg-color-on-primary: #00BDEC;
    --button-primary-bkg-color-hover-on-primary: #020749;
    --button-primary-border-color-on-primary: #00BDEC;
    --button-primary-border-color-hover-on-primary: #020749;
    
    --button-primary-color-on-half-background-image: #FFF;
    --button-primary-color-hover-on-half-background-image: #00BDEC;
    --button-primary-bkg-color-on-half-background-image: #00BDEC;
    --button-primary-bkg-color-hover-on-half-background-image: transparent;
    --button-primary-border-color-on-half-background-image: #00BDEC;
    --button-primary-border-color-hover-on-half-background-image: #00BDEC;

    /* secondary */
	--button-secondary-color: #020749;
    --button-secondary-color-hover: #FFF;
    --button-secondary-bkg-color: transparent;
    --button-secondary-bkg-color-hover: #020749;
    --button-secondary-border-color: #020749;
    --button-secondary-border-color-hover: #020749;

    --button-secondary-color-on-primary: #020749;
    --button-secondary-color-hover-on-primary: #FFF;
    --button-secondary-bkg-color-on-primary: transparent;
    --button-secondary-bkg-color-hover-on-primary: #020749;
    --button-secondary-border-color-on-primary: #020749;
    --button-secondary-border-color-hover-on-primary: #020749;
    
    --button-secondary-color-on-half-background-image: #00BDEC;
    --button-secondary-color-hover-on-half-background-image: #020749;
    --button-secondary-bkg-color-on-half-background-image: transparent;
    --button-secondary-bkg-color-hover-on-half-background-image: #00BDEC;
    --button-secondary-border-color-on-half-background-image: #00BDEC;
    --button-secondary-border-color-hover-on-half-background-image: #020749;
    

    /* section */
    /* primary */
    --primary-section-background-color: #E1EFF5;
	--primary-section-title-color: #020749;
    --primary-section-title-above-color: #020749;
	--primary-section-color: #323337;
	--primary-section-link-color: #020749;
	--primary-section-link-color-hover: #F7F8FF;

    /* Background */
    --half-background-image-background-color: #020749;
	--half-background-image-title-color: #FFFFFF;
    --half-background-image-title-above-color: #FFF;
	--half-background-image-color: #FFF;
	--half-background-image-link-color: #00BDEC;      
	--half-background-image-link-color-hover: #E5DFD9;

    /* Image */
    --image-pad-text-background: #020749;
    --image-pad-text-color: #FFF;

    --image-pad-text-background-on-primary: #020749;
    --image-pad-text-color-on-primary: #FFF;

    /* Steps */
    --step-color: #040F09;
    --step-background-color: #E1EFF5;
    --step-title-color: #020749;

    /* Steps primary */
    --step-color-on-primary: #040F09;
    --step-background-color-on-primary: #FFF;
    --step-title-color-on-primary: #020749;

    /* Half background image */
    --step-color-on-half-background-image: #040F09;
    --step-background-color-on-half-background-image: #E1EFF5;
    --step-title-color-on-half-background-image: #020749;
      

    /* Benefits */
    --benefits-background-color: #E1EFF5;
    --benefits-color: #040F09;
    --benefits-title-color: #020749;

    --benefits-background-color-on-primary: #FFF;
    --benefits-color-on-primary: #040F09;
    --benefits-title-color-on-primary: #020749;

    --benefits-background-color-half-background-image: #E1EFF5;
    --benefits-color-half-background-image: #040F09;
    --benefits-title-color-half-background-image: #020749;


    /* FAQ */
    --faq-title-color: #fff;
    --faq-title-color-active: #fff;
    --faq-background-color: #020749;
    --faq-background-color-active: #020749;
    --faq-arrow-color: #fff;
    --faq-arrow-color-active: #fff;
    --faq-text-color: #040F09;


    --faq-title-color-on-primary: #fff;
    --faq-title-color-active-on-primary: #fff;
    --faq-background-color-on-primary: #020749;
    --faq-background-color-active-on-primary: #020749;
    --faq-arrow-color-on-primary: #fff;
    --faq-arrow-color-active-on-primary: #fff;
    --faq-text-color-on-primary: #040F09;

    --faq-title-color-on-half-background-image: #020749;
    --faq-title-color-active-on-half-background-image: #020749;
    --faq-background-color-on-half-background-image: #E1EFF5;
    --faq-background-color-active-on-half-background-image: #E1EFF5;
    --faq-arrow-color-on-half-background-image: #020749;
    --faq-arrow-color-active-on-half-background-image: #020749;
    --faq-text-color-on-half-background-image: #FFF;
    
    /* Service thumbnail */
    --service-thumbnail-background-color: #FFF;
    --service-thumbnail-color: #040F09;

    /* Service thumbnail primary */
    --service-thumbnail-background-color-on-primary: #FFF;
    --service-thumbnail-color-on-primary: #040F09;

    --service-thumbnail-background-color-on-half-background-image: #FFF;
    --service-thumbnail-color-on-half-background-image: #040F09;

    /* Reviews slider */
    --reviews-slider-color: #040F09;
    --reviews-slider-author-color: #040F09;

    --reviews-slider-color-on-primary: #040F09;
    --reviews-slider-author-color-on-primary: #040F09;

    --reviews-slider-color-on-half-background-image: #FFF;
    --reviews-slider-author-color-on-half-background-image: #E5DFD9;

    /* Slider */
    --slidew-arrow-color: #020749;
    --slidew-arrow-color-inactive: #E5DFD9;
    --slidew-arrow-background-color: #020749;
    --slidew-arrow-background-color-inactive: #E5DFD9;

    --slidew-arrow-background-color-on-primary: #020749;
    --slidew-arrow-background-color-inactive-on-primary: #E5DFD9;

    --slidew-arrow-background-color-on-half-background-image: #E5DFD9;
    --slidew-arrow-background-color-inactive-on-half-background-image: #FFF;

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

    /* Footer */
    --footer-background-color: #020749   ;
    --footer-link-color: rgba(255, 255, 255, .7);
    --footer-link-color-hover: rgba(255, 255, 255, 1);
    --footer-color: #FFF;
    --footer-title-color: #FFF;
    --footer-list-color: #00BDEC;     
    
    --social-icon-color: #38B3F1;
    --social-icon-color-hover: #001A69;
    --social-icon-background-color: transparent;
    --social-icon-background-color-hover: #38B3F1;

    /* Form */
    --form-background-color: #FFFFFF;
    --input-background-color: #FFF;
    --input-color: #414141;
    --input-border-color: #909090;
    --form-submit-color: #FFF;
    --form-submit-background-color: #00BDEC;
    --form-submit-color-hover: #FFF;
    --form-submit-background-color-hover: #020749;
    --form-check-color: #00BDEC;

    --table-heading-background-color: #00BDEC;
    --table-heading-color: #040F09;
    --table-border-color: #EEEEEE;
}