* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: url("../assets/icons/cursors/cursor.svg"), auto;
}

::-moz-selection {
  /* Code for Firefox */
  background: rgba(214, 22, 102, 0.31);
}

::selection {
  background: rgba(214, 22, 102, 0.31);
  color: #f4f4f4 !important;
  /* color: red !important; */
  /* background: darkgoldenrod !important; */
}

:root {
  --white-color : #f4f4f4;
  --first-color : #b764e7;
  --first-color-border: #b078ff;
  --second-color : #f53749;
  --second-color-border: #ff74ca;
  --third-color : #5432ff;

  --fourth-color: #d64d98;
  --fourth-color-border: #ffc2e3;
  --fourth-color-shadow: rgba(214, 77, 152, 0.5);

  --fivth-color: #ae6bff; 
  --fivth-color-border: #cfa9ff;
  --fivth-color-shadow: rgba(174, 107, 255, 0.5);

  --bg-color: #1a1a2a;

  --availavility-glow-color: #00ff00;

  /* --selection-cards-first-color: blue; */
  --selection-cards-first-color-border: black;
  --selection-cards-first-color-shadow: var(--fourth-color-shadow);

  /* --selection-cards-second-color: #009c8f; */
  --selection-cards-second-color-border: black;
  --selection-cards-second-color-shadow: var(
    --selection-cards-first-color-shadow
  );

  --achieved-right-card-color: linear-gradient(
    0deg,
    rgba(183, 100, 231, 0),
    rgba(245, 55, 73, 0.4)
  );
  --achieved-right-card-border-color: #f53749;
  --achieved-right-card-shadow-color: rgba(245, 55, 73, 0.4);

  --achieved-left-card-color: linear-gradient(
    0deg,
    rgba(183, 100, 231, 0),
    rgba(183, 100, 231, 0.4)
  );
  --achieved-left-card-border-color: rgba(183, 100, 231, 1);
  --achieved-left-card-shadow-color: rgba(183, 100, 231, 0.4);

  --skill-icon-first-color: rgba(189, 96, 216, 0.5);
  --skill-icon-second-color: rgba(235, 62, 98, 0.5);

  --skill-bar-first-color: rgba(174, 107, 255, 0.4);
  --skill-bar-second-color: rgba(214, 77, 152, 0.4);

  --skill-icon-border: none;

  --skill-bar-filled-first-color: var(--first-color);
  --skill-bar-filled-second-color: var(--second-color);

  --tooltip-color: #f53749;

  --services-card-first-color: var(--first-color);
  --services-card-second-color: var(--second-color);

  --services-card-first-color-hover: var(--skill-icon-first-color);
  --services-card-second-color-hover: rgba(235, 62, 98, 0);

  --services-card-border-color: none;

  --form-bg-first-color: rgba(189, 96, 216, 0.1);
  /* --clr: #222237 */
  --form-bg-second-color: rgba(245, 55, 73, 0.3);
  --email-form-input-focus-border: var(--second-color);

  --swiper-navigation-color: var(--first-color);
  --swiper-theme-color: var(--first-color);
}