html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.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;
}

.carousel-caption-modified {
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.6)
}

/* CSS */
:root {
    font-family: 'Roboto', sans-serif !important;
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter var', sans-serif;
    }
}

.navbar {
    background-color: #000000 !important;
}

.nav-link:hover {
    color: #f9b515 !important;
}

.dropdown-menu {
    background-color: #000000 !important;
}

.footerr {
    background-color: #000000 !important;

}

p {
    text-align: justify;
}

h3 {
    color: #f9b515;
}

#group-holder a {
    text-decoration: none;
    font-weight: 900;
    color: #6d6e71;
    text-decoration: underline;
}

#group-holder a:hover {
    color: #f9b515;
}

#group-holder a.active {
    color: #f9b515;
}

#group-product-holder {
    border-bottom: 1px solid #6d6e71;
    margin: 8px 0 8px 0;
}

#group-product-holder a {
    text-decoration: none;
    font-weight: 600;
    color: #6d6e71;
}

#group-product-holder a:hover {
    color: #f9b515;
}

#group-product-holder a.active {
    color: #f9b515;
}

table {
    width: 100%;
    margin: 10px 0 10px 0;
}

tr {
    border-bottom: 1px solid #6d6e71;
}

th,
td {
    padding: 5px;

}

th,
td:first-child {
    width: 30%;
    border-right: 1px solid #6d6e71;
}

tr:nth-child(even) {}

tr:last-child {
    border: none;
}

.footer-menu {
    list-style: none;
    padding: 0;
}

.footer-spec {
    font-size: 1rem;
}
