* {
    margin: 0;
  }

  
.has-bg-primary{
    background: var(--base-color-primary);
}
.has-bg-secondary{
    background: var(--base-color-secondary);
}

.has-bg-blue{
    background: var(--base-color-blue);
}

/* Black and white */
.has-bg-white{
    background: var(--base-color-white);
}
.has-bg-dark{
    background: var(--base-color-dark);
}

/* Color gray */
.has-bg-gray{
    background: var(--base-color-gray);
}
.has-bg-gray-light{
    background: var(--base-color-gray-light);
}
.has-bg-gray-dark{
    background: var(--base-color-gray-dark);
}


/*Border radius*/
.has-br-small{
    border-radius: var(--base-rounded-small);
}
.has-br-medium{
    border-radius: var(--base-rounded-medium);
}
.has-br-large{
    border-radius: var(--base-rounded-large);
}


/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@500&family=Work+Sans:wght@600&display=swap');
.Ws-20{
    font-family: 'Work Sans', sans-serif;
    font-size: 48px;
    font-weight: 700;
}

.Ws-24{
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.Ws-20{
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.Ws-18{
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.Sr-19{
    font-family: 'Spartan', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.Sr-16{
    font-family: 'Spartan', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.Tx-15{
    font-family: 'Spartan', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.Tx-14{
    font-family: 'Spartan', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.Tx-12{
    font-family: 'Spartan', sans-serif;
    font-size: 12px;
    font-weight: 400;
}