:root {
    --font-family:        'Inter', sans-serif;
    --font-family-rtl:    'Noto Sans Arabic', sans-serif;
    --font-family-global: 'Rubik', sans-serif;
    --blue:               #e55443;
    --midnight-blue:      #002E66;
    --chathams-blue:      #194275;
    --cerulean:           #0091D5;
    --chambray:           #335885;
    --apple:              #4FB747;
    --blue-hover:         #f16e6f;
    --indigo:             #00304D;
    --blue-charcoal:      #001021;
    --purple:             #707b8d;
    --pink:               #eef5f9;
    --red:                #F23526;
    --red-hover:          #f16e6f;
    --orange:             #ff9000;
    --yellow:             #f9f286;
    --yellow-hover:       #f8bd0b;
    --green:                                 #6ED26C;
    --teal:                                  #20c997;
    --cyan:                                  #f37061;
    --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:                              #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(--midnight-blue);
    --primary-hover:                         var(--cerulean);
    --secondary:                             var(--blue-charcoal);
    --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(--blue-charcoal);
    --leftbar-backgroud:                     var(--primary);
    --leftbar-backgroud-hover:               var(--chathams-blue);
    --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(--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(--primary);
    --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(--apple);
    --url-color-hover:                       #3F9539FF;
    --beta-badge-color:                      var(--url-color);
    --error-text-color:                      var(--danger);
    --leftbar-active-item-left-border:       var(--chambray);
}