.templateCard {
    border: 1px dashed red;
    /* demo */
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
    position: relative;
}
#spinner-bg::after {
    margin: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #898989;
    opacity: 0.7;
    content: '';
}

#spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:100;
    background-color: #a6a8a89c;
    height: 100%;
    width: 100%;
}
#spinner span{
    position: absolute;
    margin-left:47%;
    color: #0d6efd;
    font-weight: bold;
    font-size: 14px;
    margin-top: 50%;
}
#card02.templateCard {
    height: 260px
}
.navbar-light.navbar-stuck {
    background-color: #fff;
    box-shadow: 0 .125rem .125rem -0.125rem rgba(31,27,45,.08),0 .25rem .75rem rgba(31,27,45,.08);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.show {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.carousel-img-top-1 {
    object-fit: cover;
    width: 634px;
    height: 322px;
}

.carousel-img-top-2 {
    object-fit: contain;
    /*width: 247px;*/
    /*height: 274px;*/
}

.carousel-img-soon {
    object-fit: fill;
    width: 100%;
    height: 100%;
}
.carousel-img-soon-details {
    object-fit: fill;
    width: 247px;
    height: 452px;
}

.horizontal-scrollable {
    overflow-x: auto;
    /*overflow-y: clip;*/
    display: flex;
    scrollbar-width: thin;
    scrollbar-color: #003594 #e0e0e0;
}

.horizontal-scrollable > ul li img {
    width: 80px !important;
    max-width: none;
}

.tns-thumbnails {
    /*display: block;
    width: 142px;
    margin: 0;
    padding: .4375rem;
    cursor: pointer;
    height: 104px;*/
    flex-wrap: nowrap !important;
    margin-bottom: 0px;
}

.tns-thumbnails li{
    width: auto;
}

.top-offer #tns2-ow{
    overflow-y: hidden;
    display: flex;
    justify-content: center;
    display: flex;
    align-items: center;
   height: 319px;
}
#tns2-item0{
    /*height: 524px;*/
}

.tns-grid{
    width: auto !important;
}

.grey-color{
   color: var(--bs-grey-800);
    font-weight: bold;
}

.ada-contrast-bg{
    background-color: #fff;
}

.ada-contrast-color{
    background-color: #fff;
    color: #333 !important;
}

.top-offer-img{
    justify-content: center;
    display: flex !important;
    overflow: hidden;
    align-items: center;
    background-color: #d5d5d5;
}

.top-offer-img img{
    max-width: 100%;
}

.top-offer-img-blur{
    /*-webkit-filter: blur(45px);*/
    height: inherit;
    width: 100%;
    z-index: 1;
}

.list-img-sold{
    /*-webkit-filter: blur(45px);*/
    height: 100%;
    z-index: 1;
    position: absolute;
    right: 0px;
    top:0px
}

.top-offer-img-front{
    position: absolute;
    /*-webkit-filter: opacity(0.75);
    -moz-opacity: 0.75;*/
}

.top-offer-card-parent{
     height: -webkit-fill-available;
     height: -moz-available;
     height: -webkit-fill-available;
     height: auto;
}

.top-offer-card{
    max-width: 53% !important;
}

.top-offer-cat{
    width: 83px;
}

.slide h2{
    color: #1f1b2d !important;
    padding-bottom: .5rem !important;
    margin-bottom: 1.5rem !important;
    margin-right: -1rem !important;
}

.slide p{
    background-color: #fff;
    color: #333 !important;
    font-size: 1.125rem !important;
}

video {
    width: 100%;
    height: 390px;
}
.tns-slides-count{
    bottom: 3.25rem !important;
}

.nav li:nth-child(2) {
        width: 25%;
    }

    .nav li:nth-child(4) {
        width: 25%;
    }

@media (max-width: 767.98px) {
    .top-offer-card{
        max-width: 100% !important;
    }

    .nav li:nth-child(2) {
        width: 70%;
    }

    .nav li:nth-child(3) {
        margin-top: 18px;
        margin-right: 1rem !important;
    }
    .nav li:nth-child(3) p {
        margin-left: 0px !important;
        margin-right: 0px !important;

    }
    .nav li:nth-child(4) {
        width: 70%;
        margin-top: 13px;
        margin-right: 0px;

    }

    .slide p{
        text-align: justify;
    }
}