:root {
    --font-family:                          'DM Sans', sans-serif;
    --font-family-rtl:                      'Noto Sans Arabic', sans-serif;
    --font-family-global:                   'Rubik', sans-serif;
    --blue:                                  #1A1F71;
    --deep-blue:                             #0A0F45;
    --bright-sky-blue:                       #38BDF8;
    --blue-hover:                            #17a2b8;
    --indigo:                                #001021;
    --purple:                                #707b8d;
    --pink:                                  #eef5f9;
    --soft-orange:                           #E08B03;
    --burnt-orange:                          #D45700;
    --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:                              #2a2d32;
    --gray-900:                              #1b1c20;
    --black-navy-txt:                        #0F2C46;
    --gray:                                  var(--gray-600);
    --gray-dark:                             var(--gray-800);
    --primary:                               var(--blue);
    --primary-hover:                         var( --deep-blue);
    --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(--indigo);
    --leftbar-backgroud:                     var(--blue);
    --leftbar-backgroud-hover:               var(--waikawa-gray);
    --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(--deep-blue);
    --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(--orange);
    --url-color-hover:                       var(--soft-orange);
    --beta-badge-color:                      var(--url-color);
    --error-text-color:                      var(--danger);
    --leftbar-active-item-left-border:       var(--white);
}