:root {
  --gradient: linear-gradient( to right, rgb(255,64,62) 0%, rgb(255,129,27) 100%);
  --gradient-sec: linear-gradient( to right, rgb(57,26,166) 0%, rgb(6,163,245) 100%);
  --primary: #fe4c1c;
  --secondary: #391aa6;
  --primary-hover: #e63201;
  --primary-dark: #801c01;
  --rgba-primary-1: rgba(254, 76, 28, 0.1);
  --rgba-primary-2: rgba(254, 76, 28, 0.2);
  --rgba-primary-3: rgba(254, 76, 28, 0.3);
  --rgba-primary-4: rgba(254, 76, 28, 0.4);
  --rgba-primary-5: rgba(254, 76, 28, 0.5);
  --rgba-primary-6: rgba(254, 76, 28, 0.6);
  --rgba-primary-9: rgba(254, 76, 28, 0.9);
  --font-family-base: Roboto, sans-serif;
  --border-radius-base: 6px;
  --font-family-title: Poppins, sans-serif;
  --title: #212529;
}

.bg-primary {
    background-color: var(--primary) !important;
    color: #fff;
}
.shadow-primary {
    box-shadow: 0px 12px 20px 0px var(--rgba-primary-3);
}
.radius {
    border-radius: var(--border-radius-base);
}