:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --gold: #FFC107;
    --salmon-pink: #FF4773;
    --btn-purple: #9E00FF;
    --dark-purple: #4701A1;
    --light-purple: #7747FF;
    --btn-pink: #FF00A8;
    --black-btns: #1F1F1F;
    --font-style: 'Plus Jakarta Sans';
    --btns-height: 50px;
    --font-size-smaller: 14px;
    --font-size-small: 18px;
    --font-size-medium: 24px;
    --font-size-titles: 32px;
    --font-size-larger-titles: 46px;
    --font-size-banners: 54px;

    --font-style-rubik: 'Rubik';

}

.bg-image {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-x: hidden;
    background-color: #F8F7FA;
    background-position: right,
}

li .btnbread {
    background-color: #BA85FF;
    border: 2px solid #BA85FF;
    font-family: 'Nunito';
}

li .btnbread:hover {
    background-color: #BA85FF;
    border: 2px solid #BA85FF;
}

li .btnbreaddis {
    background-color: #CFC9CF;
    border: 2px solid #CFC9CF;
    font-family: 'Nunito';
}

li .btnbreaddis:hover {
    background-color: #CFC9CF;
    border: 2px solid #CFC9CF;
}

.breadcrumb .breadcrumb-item:nth-child(2)::before {
    content: "";
}