:root {
	--font-family:                           'Inter', sans-serif;
	--font-family-rtl:                       'Noto Sans Arabic', sans-serif;
	--font-family-global:                    'Rubik', sans-serif;
	--blue:                                  #1A1F71;
	--deep-blue:                             #001341;
	--bright-sky-blue:                       #07A1F0;
	--blue-hover:                            #17a2b8;
	--indigo:                                #001021;
	--purple:                                #707b8d;
	--pink:                                  #eef5f9;
	--soft-orange:                           #FF7300;
	--burnt-orange:                          #D35F00;
	--red:                                   #F23526;
	--red-hover:                             #f16e6f;
	--orange:                                #E08B03;
	--yellow:                                #f9f286;
	--yellow-hover:                          #f8bd0b;
	--green:                                 #6ED26C;
	--teal:                                  #20c997;
	--cyan:                                  #f37061;
	--aqua:                                  #0A9FE2;
	--white:                                 #ffffff;
	--waikawa-gray:                          #6175AD;
	--light-gray:                            #E5E7EB;
	--black:                                 #000000;
	--light:                                 #eff0f5;
	--light-hover:                           #d7dae6;
	--gray-100:                              #ECECF5;
	--gray-200:                              #e5e8ef;
	--gray-300:                              #d2d6de;
	--gray-400:                              #aeb5c1;
	--gray-500:                              #878f9f;
	--gray-600:                              #646c7b;
	--gray-700:                              #4e5460;
	--gray-800:                              #2F2F2F;
	--gray-900:                              #1b1c20;
	--black-navy-txt:                        #0F2C46;
	--gray:                                  var(--gray-600);
	--gray-dark:                             var(--gray-800);
	--primary:                               var(--soft-orange);
	--primary-hover:                         var(--burnt-orange);
	--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:                     var(--gray-800);
	--leftbar-backgroud-hover:               rgba(255, 255, 255, 0.10);
	--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-100);
	--header-text-color:                     var(--gray-600);
	--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(--gray-600);
	--header-dropdown-menu-text-color-hover: var(--primary);
	--btn-primary-background:                var(--primary);
	--btn-primary-background-hover:          var(--primary-hover);
	--header-grid-background:                var(--gray-800);
	--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(--soft-orange);
	--url-color-hover:                       var(--burnt-orange);
	--beta-badge-color:                      var(--url-color);
	--error-text-color:                      var(--danger);
	--leftbar-active-item-left-border:       var(--white);
}