:root {
	--font-family:                           'Open Sans', sans-serif;
	--font-family-rtl:                       'Noto Sans Arabic', sans-serif;
	--font-family-global:                    'Rubik', sans-serif;
	--blue:                                  #0097e6;
	--blue-hover:                            #17a2b8;
	--indigo:                                #00304D;
	--purple:                                #7F00FF;
	--pink:                                  #eef5f9;
	--red:                                   #F23526;
	--red-hover:                             #f16e6f;
	--orange:                                #ff9000;
	--yellow:                                #FE9043;
	--yellow-hover:                          #F26103;
	--green:                                 #0A9FAB;
	--teal:                                  #20c997;
	--cyan:                                  #0A9FAB;
	--white:                                 #ffffff;
	--black:                                 #000000;
	--light:                                 #eff0f5;
	--light-hover:                           #d7dae6;
	--gray-100:                              #ECECF5;
	--gray-200:                              #e5e8ef;
	--gray-300:                              #d2d6de;
	--gray-400:                              #aeb5c1;
	--gray-500:                              #878f9f;
	--gray-600:                              #333;
	--gray-700:                              #4e5460;
	--gray-800:                              #2a2d32;
	--gray-900:                              #1b1c20;
	--black-navy-txt:                        #0F2C46;
	--gray:                                  var(--gray-600);
	--gray-dark:                             var(--gray-800);
	--primary:                               var(--yellow);
	--primary-hover:                         var(--yellow-hover);
	--secondary:                             var(--indigo);
	--tertiary:                              var(--white);
	--success:                               var(--green);
	--info:                                  var(--cyan);
	--warning:                               var(--orange);
	--danger:                                var(--red);
	--dark:                                  var(--gray-800);
	--dark-hover:                            var(--gray-900);
	--breakpoint-xs:                         0;
	--breakpoint-sm:                         576px;
	--breakpoint-md:                         768px;
	--breakpoint-lg:                         992px;
	--breakpoint-xl:                         1200px;
	--font-family-sans-serif:                var(--font-family);
	--font-family-monospace:                 SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--body-background:                       var(--gray-100);
	--background-by-default:                 var(--gray-100);
	--scrollbar-background-color:            var(--white);
	--scrollbar-color:                       var(--gray-600);
	--text-by-default:                       var(--gray-600);
	--leftbar-backgroud:                     linear-gradient(348deg, #FE9043 -0.41%, #0A9FAB 105.43%);
	--leftbar-backgroud-hover:               rgba(255, 255, 255, 0.30);
	--leftbar-text-color:                    var(--white);
	--leftbar-text-color-hover:              var(--primary);
	--header-background:                     var(--white);
	--header-logo-background:                var(--primary);
	--header-background-hover:               var(--gray-200);
	--header-text-color:                     var(--indigo);
	--header-text-color-hover:               var(--white);
	--header-dropdown-menu-background:       var(--white);
	--header-dropdown-menu-background-hover: var(--gray-100);
	--header-dropdown-menu-text-color:       var(--black);
	--header-dropdown-menu-text-color-hover: var(--primary);
	--btn-primary-background:                linear-gradient(90deg, #F7771E 0.24%, #089FAC 104.49%);
	--btn-primary-background-hover:          linear-gradient(127deg, #23BDB8 21.4%, #43E794 78.6%);
	--header-grid-background:                var(--black);
	--header-grid-text-color:                var(--white);
	--grid-border-color:                     var(--gray-100);
	--grid-background-color:                 var(--white);
	--tooltip-arrow-bg:                      var(--white);
	--tooltip-bg:                            var(--white);
	--grid-background-color-hover:           #e3f5ff;
	--btn-paypal:                            #009cde;
	--btn-paynl:                             #cc0066;
	--btn-bancontact:                        var(--white);
	--navigation-text-color:                 #8c8982;
	--btn-facebook-bg:                       #3b5998;
	--btn-google-border:                     #4285f4;
	--btn-linkedin-bg:                       #0e76a8;
	--invited:                               #009cde;
	--lifetime-color:                        #25BCB6;
	--gofi-color:                            #47B5FF;
	--url-color:                             var(--green);
	--url-color-hover:                       #165E52;
	--beta-badge-color:                      var(--url-color);
	--error-text-color:                      var(--danger);
	--leftbar-active-item-left-border:       var(--white);
}