/* ===================================
    Google font
====================================== */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* ===================================
    Variables
====================================== */
:root {
  --roboto: "Roboto", sans-serif;
  --poppins: "Poppins", sans-serif;
  --rubik: "Rubik", sans-serif;
  --open: "Open Sans", sans-serif;
  --dark-pink: #AF008B;
  --purple: #63049F;
  --background: #0A102A;
  --light-purple: #ECCCFF;
  --light-pink: #FFC6F3;
  --medium-purple: #C869FF;
  --dark-purple: #430079;
  --color-cards: #322D4D;
  --bg-light-purple: #F2F1FF;
  --medium-pink: #DDA3FF;
  --bg-2: #100C28;
  --title-pink: #FF9AE6;
  --light-green: #B4FADE;

  /* Primary */
  --white: #FFFFFF;
  --header: #101140;
  --pink-hero: #FFF2FC;
  --hover-pink: #d13ba3;
  --border-gray: #3a3a3a;
  --bg-card: #46415B;
  /* Gray */
  --gray-1: #F8F8FA;
  --gray-text-1: #11203B;
  --gray-text-2: #091720;
  --gray-gray-text: #3A424E;
  --light-gray: #E3E3E3;
  --light-text: #3E4958;

}
/* New */
.bg-violet {
  background-color: rgba(75, 44, 181, 1) !important;
}
.text-violet {
  color: rgba(75, 44, 181, 1) !important;
}
.text-purple {
  color: #63049F !important;
}
.bg-purple {
  background: #63049F !important;
}

/* End-new */






.bg-pink {
  background-color: var(--light-purple) !important;
}
.max-100 {
  max-width: 100% !important;
}

.bg-dark-purple {
  background: rgba(99, 4, 159, 1) !important;
}
.bg-light-purple {
  background-color: var(--light-purple) !important;
}

.--bg-light-purple {
  background-color: var(--bg-light-purple)!important;
}

.--fc-grey-text {
  color: var(--gray-text-1)!important;
}

.mw-700 {
  max-width: 700px !important;
}
.mt-48 {
  margin-top: 48px;
}