:root {
    --color-main: #f15a25;
    --blue-dark: #be461d;
    --red-dark: #c91430;
    --yello-dark: #c91430;
    --red-darkhover: #ef304d;
    --gray: #1d1f2c;
    --gray-dark: #14131c;
    --brown: #281914;
    --white-light: #f6fafd;
    --blue-main-darker: #8b3315;
}

.details {
    object-fit: contain !important;
    height: 40rem;
}
.detail-min {
    object-fit: cover;
    height: 100%;
}
.image-container {
    width: 100%;
    height: 269px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-product {
    width: 100%;
    height: 269px;
    vertical-align: middle;
    object-fit: contain;
    object-position: center;
}
.bg-main-dark {
    background: var(--blue-dark) !important;
}
.bg-main-darker {
    background: var(--blue-main-darker) !important;
}
.bg-white-light {
    background: var(--white-light) !important;
}

.bg-bluedark {
    background: var(--color-main) !important;
}
.text-bluedark {
    color: var(--color-main) !important;
}
.bg-graydark {
    background: var(--gray-dark) !important;
}
    .bg-gray
{
    background: var(--gray) !important;
}
.bg-brown {
    background: var(--brown)
}
.topbar-dark .topbar-text > i, .topbar-dark .topbar-link > i {
    color: white !important;
}
.navbar-tool .navbar-tool-label, .btn-primary {
    background: var(--color-main) !important;
    background-color: var(--color-main) !important;

}
.btn-primary {
    border: var(--color-main) !important;
    box-shadow: none !important;
}
    .btn-primary:hover {
        background: var(--red-darkhover) !important;
        border: var(--red-darkhover) !important;
    }

.navbar-light .nav-item.show .nav-link:not(.disabled) > i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) > i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled),
.fs-md 
{
    color: var(--color-main) !important;
}
.tns-carousel [data-nav].tns-nav-active {
    background-color: var(--color-main);
}
.steps-light .step-count, .steps-light .step-progress {
   
    background-color: #001a62 !important;
}
.steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress {
    color: #fff;
    background: var(--red-dark) !important;
}
.btn-cart {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 5;
    color: white;
    background: var(--color-main);
    width: 2rem;
    height: 2rem;
    padding: 0 !important;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out;
    border: 0;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
}
    .btn-cart:hover {
        color: var(--color-main);
        background:white;
    }

.icon-size{
    font-size: 25px;
}