/*-- Variables --*/
:root {
  --primary-font: 'Poppins', sans-serif;
  --secondary-font: 'Roboto', sans-serif;
  --font-awesome: 'Font Awesome 5 Pro';
  --primary-color: #FF2C54;
  --secondary-color: #FF9500;
  --action-color: #FECC00;
  --grey-dark-key: #000;
  --grey-dark-one: #121213;
  --grey-dark-two: #494E51;
  --grey-dark-three: #6B7074;
  --grey-dark-four: #7b7b7b;
  --grey-dark-five: #2B2B2B;
  --grey-dark-six: #cecece;
  --grey-dark-seven: #1a1a1a;
  --grey-dark-eight: #3f3f3f;
  --grey-mid: #C1C6C9;
  --grey-light-one: #D3D7DA;
  --grey-light-two: #F0F0F0;
  --grey-light-three: #F9F9F9;
  --border-color: #E6E6E6;
  --color-white: #fff;
  --color-success: #3EB75E;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-danger: #FF0003;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-green-one: #4CD965;
  --color-green-two: #3CD289;
  --color-green-three: #008079;
  --color-blue-one: #007AFF;
  --color-blue-two: #5AC8FA;
  --color-blue-three: #01ABF2;
  --color-blue-four: #4C8EBC;
  --color-red-one: #FF3A30;
  --color-red-two: #FF4F00;
  --color-purple-one: #5856D5;
  --color-purple-two: #CA9CF4;
  --color-yellow-one: #FFD400;
  --color-yellow-two: #FDE953;
  --color-blue-grey-one: #3F5573;
  --radius: 4px;
  --radius-big: 6px;
  --radius-small: 2px;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-bold: 700;
  --s-black: 900;
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --cubic-easing: cubic-bezier(0.86, 0, 0.07, 1);
}