:root{
    --bright-red: #c41a00;
    --dark-red: #9D0200;
    --oker-yellow: #FFD435;
    --brown: #712602;
    --light-brown: #D77108;
    --black: #030303;
    --grey: #B6B5AF;
    --dark-grey: #373737;
    --light-grey: #E8E4DC;
    --swiper-theme-color: #fff;
}


.text-primary{
    color: var(--dark-red) !important;
}
.bg-dark {
    background-color: var(--dark-red) !important;
}
.bg-darker{
    background-color: var(--dark-grey) !important;
}
.btn-primary{
    color: white;
    background-color: var(--dark-red);
    border-color: var(--dark-red);
}
.btn-primary:hover{
    color: white;
    background-color: var(--bright-red);
    border-color: var(--dark-red);
}

.btn-tertiary{
    color: white;
    background-color: var(--brown);
    border-color: var(--brown);
}
.btn-tertiary:hover{
    color: white;
    background-color: var(--light-brown);
    border-color: var(--brown);
}

#approval-badge{
    left: -11rem;
    top: -15px;
    background-color: #FF8F00 !important;
    color: white;
}
#approval-badge.badge{
    font-size: 90%;
}

.swiper-pagination-bullet{
    background: var(--dark-red);
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: var(--light-brown);
}

#information ul.list.list-unstyled.border-bottom::after{
    content: "";
    background-color: #030303;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: -4px;
}

.page-item.active .page-link {
    background-color: var(--dark-red);
}

.btn-danger,
.btn-danger:hover{
    color: #fff;
    background-color: var(--bright-red);
    border-color: var(--bright-red);
    box-shadow: none;
}

@media (max-width: 575px) {
    .row.images{
        margin-left: 0;
        margin-right: 0;
    }
}