.btn-outline-primary {
    color: var(--primary)!important;
    border: 2px dashed var(--secondary) !important
    }

    .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        color: White!important;
        background-color: var(--secondary) !important;
    }
.label-text {
    background-color: var(--primary);
}
.section-btn-25 {
    text-align: right;
    margin-top: 1px!important;
}



.tab-pane.active img {
    max-width: 100%;
}

.bg-secondary {
    background-color: var(--secondary)!important;
    border-color:  var(--secondary);
}
.btn-secondary {
    background-color:  var(--secondary);
    border-color:  var(--secondary);
}
.btn-secondary:hover {
    background-color: var(--secondary-hover)!important;
    border-color: var(--secondary)!important;
}
.bg-primary {
    background-color: var(--primary)!important;
    border-color:  var(--primary);
}
.btn-primary:hover {
background-color: var(--primary-hover)!important;
   border-color:  var(--primary)!important;
}

.navbar-link,.dropdown-arrow::before,.navbar-link:hover,.dropdown-arrow:hover::before{
color:var(--text);
 }
.dropdown-position-list li a:hover {
color: var(--text);
}
@media (min-width: 520px){
      .header-logo img {
        max-width: 160px;
        vertical-align: middle;
        padding-right: 10px;
        transition: all linear .3s !important;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
      }
.navbar-link,.dropdown-arrow::before,.navbar-link:hover,.dropdown-arrow:hover::before{
color: var(--text2);
width: 100%;
}
}
@media (max-device-width: 500px) {
    .navbar-link,.dropdown-arrow::before,.navbar-link:hover,.dropdown-arrow:hover::before{
color: var(--text);
}
    .header-media-group a img {
    max-height: 60px
}
    .details-preview li img {
        width: 80%;
    }
    .slick-list {
    max-height: 500px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.details-thumb li {
    display: none !important;
}
.header-content {
        padding: 5px 0;}
        .details-name {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
    }
        .details-content {
        padding: 5px;
    }
    .details-name {
        max-height: 49px;
        overflow: hidden;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
    }
.details-action-group {
    display: grid;
    grid-gap: 5px;

}
.btn-outline-primary {

    font-size: 11px;
}
.details-price {
    margin-bottom: 0px;
    font-size: 18px;
}
.details-price del {
    color: var(--text);
    margin-right: 25px;
    font-size: 14px;
}
.table>:not(caption)>*>* {
    padding: 0rem 0rem;
    background-color: var(--bs-table-bg);
    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
    border-bottom-width: 2px;
}
}
@media (max-width: 400px) {
    .header-content {
        padding: 5px 0;}
        .details-name {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
    }
        .details-content {
        padding: 5px;
    }
    .details-name {
        max-height: 49px;
        overflow: hidden;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
    }
.details-action-group {
    display: grid;
    grid-gap: 5px;

}
.slick-list {
    max-height: 400px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.details-preview li img {
    width: 70%;
}
.btn-outline-primary {

    font-size: 11px;
}
.details-price {
    margin-bottom: 0px;
    font-size: 18px;
}
.details-price del {
    color: var(--text);
    margin-right: 25px;
    font-size: 14px;
}
.details-thumb li {
    display: none !important;
}
.table>:not(caption)>*>* {
    padding: 0rem 0rem;
    background-color: var(--bs-table-bg);
    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
    border-bottom-width: 2px;
}


}