@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --pl-primary-color: #d3ff00;
    --pl-primary-color-active: #d3ff00;
    --pl-white-color: #ffffff;
    --pl-border-color: rgba(120, 130, 140, .13);
    --pl-radius: 8px;
    --pl-radius-small: 4px;
    --pl-radius-big: 16px;
    --pl-margin: 16px;
    --pl-padding: 16px;
    --pl-afinz-blue: #00C6CC;
    --pl-afinz-blue-dark: #2AADB9;
    --pl-afinz-red: #E74742;
    --pl-afinz-red-dark: #d32f2f;
    --pl-on-primary-color: #000000;
    --pl-secondary-color: #000000;
    --pl-secondary-color-active: #000000;
    --pl-on-secondary-color: #d3ff00;
    --pl-tertiary-color: white;
    --pl-on-tertiary-color: black;
    --pl-danger-color: rgb(231, 71, 66);
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/lembra-light.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/lembra-light.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lembra-light.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lembra-regular.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/lembra-regular.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/lembra-medium.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lembra-bold.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/lembra-black.otf');
}

@font-face {
    font-family: 'Lembra';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lembra-black.otf');
}


body {
    font-family: 'Lembra', 'Ubuntu', sans-serif !important;
}
.x-bgblue {
    background-color: var(--pl-secondary-color) !important;
}
.x-textwhite {
    color: #fff !important;
}
.x-textred {
    color: var(--pl-primary-color) !important;
}
.focus\:shadow-outline-newblue:focus {
    box-shadow: none !important;
}
.text-newprimary-400 {
    color: var(--pl-primary-color) !important;
}
.form-checkbox:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgb(255 255 255);
    border-color: #fff; 
}
.x-bg-primary-400 {
    color: var(--pl-secondary-color) !important;
    background-color: var(--pl-primary-color) !important;
}
.x-hover:bg-primary-200 {
    background-color: var(--pl-primary-color) !important;
}
.active:x-bg-primary-800 {
    background-color: var(--pl-primary-color) !important;
}
.x-w-auto {
    width: auto;
    height: 80px;
}