/* general CSS */
/* fonts */
/* @font-face {
    font-family: 'Manrope-Bold';
    src: 
    url('@/assets/fonts/Manrope-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Manrope-VariableFont_wght';
    src: 
    url('@/assets/fonts/Manrope-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
    font-family: 'Manrope-VariableFont_wght';
    src: 
    url('@/assets/fonts/Manrope-VariableFont_wght.ttf')  format('truetype');
} */
/* variables fonts */
:root{
    /* --title-font: 'Manrope-Bold';
    --text-font: 'Manrope-VariableFont_wght';
    --translation-font: 'Manrope-VariableFont_wght'; */
    --primary-color: #ED7931;
    --secondary-color: #AEAEB2;
}
.cursor-pointer
{
  cursor: pointer;
}

.text-underlined
{
  text-decoration: underline;
}

.font-weight-bold
{
  font-weight: bold;
}
.font-bolder
{
  font-weight: 900;
}
.px-6{
  padding-right: 5rem!important;
  padding-left: 5rem!important;
}
.text-right
{
  text-align: right;
}
.text-center
{
  text-align: center;
}
.text-left
{
  text-align: left;
}
.disabled
{
  pointer-events: none;
  opacity: 0.5;
}
.hidden
{
  visibility: hidden;
}