@font-face {
    font-family: "Neureal-Regular";
    src: url("../fonts/Neureal-Regular.woff2") format("woff2"),
        url("../fonts/Neureal-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gaya";
    src: url("../fonts/Gaya-Demo-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
* {
    line-height: 1 !important;
}
body {
    background-color: #e8d8c2 !important;
    font-family: "Neureal-Regular", sans-serif !important;
}
.card,
table,
tr,
td {
    background-color: transparent !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gaya", sans-serif !important;
    font-weight: normal !important;
}
.card table {
    margin-bottom: 30px !important;
}
.card table:last-child {
    margin-bottom: 0 !important;
}
.card table tr:last-child td {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.bg-image {
    pointer-events: none;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 75%;
    height: 75vh;
    background-image: url("../images/verode-bg-image.svg");
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}
body {
    position: relative;
}
h1 {
    font-size: 52px !important;
}
h3 {
    font-size: 38px !important;
}

a {
    color: #e8492a;
    font-size: 18px;
    text-decoration: none;
}

.filter {
    color: #e8492a;
    font-size: 18px;
}
.filter:hover {
    cursor: pointer;
    text-decoration: underline;
}

.filter.active {
    text-decoration: underline;
}