summary::-webkit-details-marker {
}

body {
    font-family: "Inter";
}

header{
    ::selection{
        background-color: transparent;
    }
}

main {
    font-size: calc(100% + 0.2vw) !important;
    font-weight: 300;

    a {
        text-decoration: underline;
    }

    .button, .btn {
        font-size: 0.9em !important;
        font-weight: 400;

        
        text-decoration: none !important;
        
    }
}

::selection {
    background-color: #e5e5e5;
}


.text-sm {
    font-weight: 300 !important;
    font-size: 1em !important;
}

.text-footer {
    line-height: 1.3em;
    font-weight: 300 !important;
    font-size: 1.1em !important;
}

/* h2 {
    font-size: 1.3em !important;
} */

footer h2 {
    font-weight: 500;
}

/* h3 {
    font-weight: 500 !important;
    font-size: 1.8em !important;
} */

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}




.ul-check > li > p::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    color: #ffce00;
    content: '';
    -webkit-mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor
}

.ul-check > li {
    padding-top: 15px;
}

.ul-check > li > p > a {
    text-decoration: underline !important;
}


.ul-check > li > p {
    position: relative;
    padding-left: 2rem
}

.ul-check-light > li > p::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    color: #ffce00;
    content: '';
    -webkit-mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor
}

.ul-check-light > li > p {
    position: relative;
    padding-left: 2rem
}


.input-validation-error {
    border: 2px solid red !important;
}


html {
    background-color: #f5f3ee !important;
}