/* ===================== VARIABLES (in root.css) ===================== */
:root {
  /* Fonts */
  --font-roboto-condensed: 'Roboto Condensed', sans-serif;
  --font-inter: 'Inter', sans-serif;
  --font-geist: 'Geist', sans-serif;

  /* Font Sizes */
  --size-12: 12px;
  --size-14: 14px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-36: 36px;
  --size-48: 48px;
  --size-64: 64px;

  /* Font-weight */
  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;
  --weight-700: 700;
  --weight-800: 800;

  /* Padding */
--section-padding: 80px 0px;
--section-mobile-padding: 40px 15px;
  /* Colors */
  --color-dark-blue:#151322;
  --color-dark: #333;
  --color-light-gray: #505050;
  --color-white: #fff;
  --color-orange: #f57c00;
  --color-orange-light: #f7941d;
  --color-maroon: #AF2321;
  --color-red-primary: #E63946;
  --color-blue-dark: #011053;
  --color-blue-light: #3F8EFC;
  --color-blue-deep: #014481;
  --color-purple: #3A3285;

  /* Backgrounds */
  --bg-footer: #F8FCFF;
  --bg-newsletter: #EFF8FF;
  --bg-white: #fff;
  /* Gradients */
  --main-gradient: linear-gradient(89.59deg, #011053 -11.54%, #3F8EFC 76.91%);
  --alt-gradient: linear-gradient(to right, #011053, #00D2FF);
  --gallery-background: linear-gradient(135deg, #FF6672, #2E2A6F);
  --hover-gradient: linear-gradient(to right, #00D2FF, #0a0a0c);
  --nav-border-gradient: linear-gradient(to right, #F3F8FF, #ADCBFF, #F3F8FF);
}