@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url(./../../assets/fonts/BarlowCondensed/BarlowCondensed-Bold.ttf);
}

@font-face {
    font-family: 'BarlowCondensed-Light';
    src: url(./../../assets/fonts/BarlowCondensed/BarlowCondensed-Light.ttf);
}

@font-face {
    font-family: 'BarlowCondensed-Regular';
    src: url(./../../assets/fonts/BarlowCondensed/BarlowCondensed-Regular.ttf);
}

@font-face {
	font-family: "Almarose-Bold";
	src: url(./../../assets/fonts/Almarose/Almarose-Bold.otf);
}

@font-face {
	font-family: "Almarose-Regular";
	src: url(./../../assets/fonts/Almarose/Almarose-Regular.otf);
}

@font-face {
	font-family: "Aptos-Light";
	src: url(./../../assets/fonts/Aptos/Aptos-Light.ttf);
}

:root {
    --color-warning: #efac00;
    --color-blue: #70b1d2;
    --color-blue-2: #0069a7;
    --color-blue-3: #042230;
    --color-white: #ffffff;
    --color-dark: #332D2D;
    --font: 'Almarose-Regular';
    --font-black: 'Almarose-Bold';
    --font-bold: 'Almarose-Bold';
    --font-semibold: 'Almarose-Bold';
    --primary: #FFF;
    --secondary: #042230;
}

::-moz-selection { /* Code for Firefox */
    color: var(--color-white) !important;
    background: var(--color-blue) !important;
}

::selection {
    color: var(--color-white) !important;
    background: var(--color-blue) !important;
}

.font-bold{
    font-family: Almarose-Bold !important;
}

p{
    line-height: 1.4rem
}

.h-60{
    height: 60% !important;
}

.text-warning{
    color: var(--color-warning) !important;
}

.text-blue{
    color: var(--color-blue) !important;
}

.text-blue-2{
    color: var(--color-blue-2) !important;
}

.text-blue-3{
    color: var(--color-blue-3) !important;
}

.border-blue{
    border-color: var(--color-blue) !important;
}

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

.bg-transparent{
    background-color: transparent !important;
}

.montserrat-regular,.font-regular{
    font-family: var(--font) !important;
}

.montserrat-black,.font-bold{
    font-family: var(--font-bold) !important;
}

.montserrat-bold{
    font-family: var(--font-bold) !important;
}

.montserrat-semibold{
    font-family: var(--font-semibold) !important;
}

.box-shadow-white{
    background:linear-gradient(180deg, rgba(255,255,255,.7) calc(10%), rgba(0,212,255,0) 100%) !important
}