@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --main-color: #E71816;
    --secondary-color: #444444;
    --footer-text-color: #ffffff;
}

body {
    font-family: "Ubuntu", sans-serif;
}

.topbarNews{
    background-color: #040D1E;
    color: #E7120E;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
}


.btn-danger:hover {
    opacity: 0.8;
    border-color: var(--main-color);
}

.tabsNav .nav-link {
    color: var(--main-color) !important;
    font-weight: bold !important;
}

.tabsNav .nav-link.active {
    color: var(--secondary-color) !important;
}

.color-main {
    color: var(--main-color);
}

.bg-main {
    background-color: var(--main-color);
}

.mainNav li a {
    font-weight: bold;
    color: var(--secondary-color);
}

.mainNav li a:hover {
    box-shadow: 0 6px 1px -2px var(--main-color);
}

.logo_img {
    padding: 10px;
    width: 22rem;
}

.logo_img_white {
    width: 16rem;
}

.footer {
    background: linear-gradient(rgba(0, 0, 0, 0.835), rgba(0, 0, 0, 0.822)), url("/images/footer_bg.jpg");
    background-size: contain;
    font-size: 0.8rem;
}

.footer-menu {
    list-style: none;
}

.footer-menu li {
    line-height: 1.6rem;
}

.footer-menu li:hover {
    box-shadow: 0 6px 1px -2px var(--main-color);
}

.footer-menu a {
    color: var(--footer-text-color);
    text-decoration: none;
}

.stock_holder {
    border: 2px solid var(--secondary-color);
}

.stock_holder:hover {
    border: 2px dashed var(--main-color);
    cursor: pointer;
    transition: 0.1s;
}

.stock_holder_img {
    width: 100%;
}

.stock_holder_title {
    font-size: 1rem;
    font-weight: bold;
}

.stock_holder_price {
    font-size: 1rem;
    font-weight: bold;
    color: var(--main-color);
}

.stock_holder_spectb {
    width: 100%;
    text-align: center;
    font-size: 0.6rem;
    font-weight: bold;
}

.stock_holder_spectb tr {
    background-color: #44444416;
}

.stock_holder_spectb td {
    border: 1px solid #4444449f;
}

.btn-stock_holder {
    font-size: 0.7rem;
}

.carousel-car {
    width: 100%;
}

.carousel-ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0;
}

.carousel-li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer;
}

.carousel-img {
    display: block;
    height: auto;
    width: 100%;
}

.car-view-page-title {
    background: #cfcece16;
    color: var(--main-color);
    border: 2px solid rgba(99, 99, 99, 0.155);
}

.car-view-price {
    color: var(--main-color);
    font-weight: bold;
    font-size: 1.2rem;
}

.breadcrumb {
    font-size: 0.8rem;
}

.lSSlideOuter .lSPager.lSGallery li.active {
    border: 3px solid var(--main-color);
}

.spec-holder {
    background: #cfcece16;
    border: 2px solid rgba(99, 99, 99, 0.155);
}

.spectb {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.7rem;
}

.spectb th {
    background-color: var(--main-color);
    color: white;
    font-weight: bold;
    padding: 5px;
    border: 1px solid var(--main-color);
}

.spectb td {
    border: 1px solid #44444496;
    padding: 8px;
}

.optiontb {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.7rem;
}

.optiontb th {
    background-color: var(--main-color);
    color: white;
    font-weight: bold;
    padding: 5px;
    border: 1px solid var(--main-color);
}

.optiontb td {
    border: 1px solid var(--main-color);
    color: rgb(99, 99, 99);
    text-align: center;
}

.optiontb td.active {
    background-color: var(--main-color);
    color: white;
    font-weight: bold;
    border-color: white;
}


.admin_page_title {
    font-weight: bold;
    font-size: 1.2rem;
    color: var(--main-color);
    width: 100%;
    border-bottom: 1px solid var(--main-color);
}

.dt-length,
.dt-length select,
.dt-search,
.dt-search input,
.dt-info,
.pagination,
.mainDTB {
    font-size: 0.7rem;
}

.modal,
.modal .form-control,
.modal-footer button {
    font-size: 0.7rem;
}

.formRow,
.formRow input,
.formRow select,
.formRow textarea {
    font-size: 0.7rem;
}

.filters,
.filters input,
.filters select,
.filters textarea {
    font-size: 0.7rem;
}

.contact,
.contact input,
.contact select,
.contact textarea {
    font-size: 0.7rem;
}

.font07 {
    font-size: 0.7rem;
}

.font08 {
    font-size: 0.8rem;
}

.contactTB th,
.contactTB td {
    border: 1px dotted var(--main-color);
    padding: 3px;
}

.optBox td {
    border: 1px solid var(--main-color);
    padding-left: 5px;
}

@keyframes changeColor {
    0% {
        color: white;
        background-color: var(--secondary-color);
    }

    100% {
        color: white;
        background-color: var(--main-color);
    }
}

.animated-text {
    font-size: 0.7rem;
    font-weight: bold;
    animation: changeColor 1s infinite;
    /* Change 5s to adjust animation speed */
    border-radius: 5px;
    padding: 0px 5px;
}

.desch {

    font-size: 0.7rem;
}

.desch:focus {
    outline: none;
}

.main-photo img {
    width: 5rem;
    border: 2px solid var(--main-color);
}

.photo-item img {
    width: 5rem;
    border: 2px solid var(--secondary-color);
}

.modal-title {
    font-size: 0.8rem;
    font-weight: bold;
}

.stock_list_img {
    width: 4rem;
}

.generalTB {
    border-collapse: collapse;
    background-color: #d9d9d920;
    font-size: 0.8rem;
}

.generalTB th {
    text-align: center;
}

.generalTB th,
.generalTB td {
    border: 1px solid #d9d9d9a4;
    padding: 3px;
}