html {
    scroll-padding-top: 128px;
}

body {
    padding-top: 4.5rem;
}

.card-icon {
    color: #00b4ac;
}

.bg-dark {
    background-color: #1d1d1b !important;
}

/* --bs-dark-rgb {
    background-color: rgba(29, 29, 27);
} */

.decca-green {
    background-color: #67a818;
}

.decca-purple {
    background-color: #8d007f;
}

.decca-purple-button {
    background-color: #8d007f;
    color: #ffffff;
    border-color: #ffffff;
    border: 2px solid;
    font-weight: bold;
}

.decca-purple-button:hover,
.decca-purple-button:focus {
    background-color: #ffffff;
    color: #8d007f;
    border-color: #8d007f;
    border: 2px solid;
    font-weight: bold;
}



.what-we-do,
.self-refer {
    background-color: #82D51E;
}

.who-we-are,
.pro-refer {
    background-color: #8d007f;
}

@media (min-width: 1200px) {
    .nav-link {
        font-size: 1rem;
    }
}

@media (min-width: 1400px) {
    .nav-link {
        font-size: 1.2rem;
    }
}




.link-purple {
    border-bottom: 4px solid #614ea1;
}

.link-green {
    border-bottom: 4px solid #6eb43f;
}

.link-blue {
    border-bottom: 4px solid #00aeef;
}

.link-yellow {
    border-bottom: 4px solid #dbc701;
}

.link-pink {
    border-bottom: 4px solid #ce007a;
}

.link-light-blue {
    border-bottom: 4px solid #99bee4;
}

.link-teal {
    border-bottom: 4px solid #00b4ac;
}

:root {
    --hue: 320;
    /* change me */
    --bg: oklch(35% .3 var(--hue));
    --text: oklch(85% .1 var(--hue));
    --shadow: oklch(25% .2 var(--hue));
    --highlight: oklch(98% .05 var(--hue));
}

.highlighted-text-shadow {
    font-size: 74px;
    /* letter-spacing: -.15ch; */
    line-height: .75;
    /*text-shadow: */
    /* regular text-shadow */
    /*0 .15ch 15px var(--shadow), */
    /* text-shadow highlight */
    /*0 -2px 0 var(--highlight); */
}

.highlighted-text-shadow.red {
    color: red;
    /* text-shadow: 0 .15ch 15px white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white; */
}

.highlighted-text-shadow.green {
    color: blue;
    /* text-shadow: 0 .15ch 15px white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white; */
}

.highlighted-text-shadow.orange {
    color: orange;
    /* text-shadow: 0 .15ch 15px white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white; */
}

@media (min-width: 768px) {
    .r-15m {
        transform: rotate(-15deg);
    }

    .r-15p {
        transform: rotate(15deg);
    }

    .mt-md-8 {
        margin-top: 8rem;
    }
}

label.error {
    color: #c10000;
    font-size: 0.9em;
    line-height: 18px;
    padding: 5px 0 0;
}