:root {
    --bs-body-font-family: 'DM Sans Regular', sans-serif;
    --bs-body-color: #140B59;
    --bs-body-font-size: 1rem;
    --bs-body-bg: #FFFDF7;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300 !important;
}


.radius-12 {
    border-radius: 12px;
}

.accordion-button:not(.collapsed) {
    color: #140B59 !important;
}

    .accordion-button:not(.collapsed)::after {
        filter: invert(17%) sepia(87%) saturate(1681%) hue-rotate(218deg) brightness(50%) contrast(96%);
    }

.accordion-body {
    color: #575768 !important;
    background-color: #FFFDF7 !important;
}

.accordion-button {
    background-color: #FFFDF7!important;
}

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.15rem #000 !important;
}

html {
    font-family: 'DM Sans Regular';
    color: #140B59;
    scroll-behavior: smooth; /* optional */
    scroll-padding-top: 200px; /* = navbar height */
}

/*  causes mobile nav bug 
a:hover {
    color: #140b59 !important;
}*/

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* default: inline (no break) */
.xs-break,
.sm-break,
.lg-break,
.xl-break {
    display: inline;
}

/* XS */
@media (max-width: 575px) {
    .custom-border {
        border-radius:20px;
    }
}
/* SM+ */
@media (min-width: 576px) {
    .custom-border {
        border-radius: 40px;
    }
}


    /* <= 575px (up to XS) → break */
    @media (max-width: 575px) {
        .xs-break {
            display: block;
        }
    }


    /* ≥ 576px (SM and up) → break */
    @media (min-width: 576px) {
        .sm-break {
            display: block;
        }
    }

    /* ≥ 1200px (XL and up) → break */
    @media (min-width: 1200px) {
        .xl-break {
            display: block;
        }
    }

    /* ≥ 992px (LG and up) → break */
    @media (min-width: 992px) {
        .lg-break {
            display: block;
        }
    }