:root {
    --taurus_primary: #68003d;
    --taurus_secondary: #ecc637;
    --brand_color: #f00;
}

.bannerosobowe {
    background-image: url(/img/manufacturerpages/taurus/taurus_banner.jpg);
    background-position: center;
    background-size: cover;
}

.taurus_title {
    background-color: var(--taurus_primary);
    width: fit-content;
    z-index: -1;

}

.taurus_title::before {
    content: "";
    width: 100px;
    height: 50px;
    background-image: url(/img/manufacturerpages/taurus/Taurus_after.png);
    background-size: cover;
    background-position: center;
    display: inline;
    position: absolute;
    top: 0;
    left: -1%;
    z-index: 1;
}

.btn-danger {
    background-color: var(--taurus_primary);
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: transparent;
    transition: .3s linear;
}

.btn-danger:hover {
    background-color: var(--taurus_secondary);
    color: #000;
}

.characteristic-bg {
    background-image: url(/img/manufacturerpages/taurus/taurus_tractor.jpg);
    background-size: cover;
    background-position: center;
}

.characteristic-card {
    background-color: #fffa;
    margin: 5%;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    box-shadow: 15px 15px 10px #000a;
}

.summer-bg {
    background-image: url(/img/manufacturerpages/taurus/summer-bg.jpg);
    background-size: cover;
    background-position: bottom;
    /* padding:  ; */
    border-radius: 10px;
    box-shadow: 5px 5px 15px #000a;
}

.winter-bg {
    background-image: url(/img/manufacturerpages/taurus/winter-bg.jpg);
    background-size: cover;
    background-position: bottom;
    /* padding:  ; */
    border-radius: 10px;
    box-shadow: 5px 5px 15px #000a;
}

.allseasons-bg {
    background-image: url(/img/manufacturerpages/taurus/allseasons-bg.jpg);
    background-size: cover;
    background-position: bottom;
    /* padding:  ; */
    border-radius: 10px;
    box-shadow: 5px 5px 15px #000a;

}

.swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
}

.taurus-btn>a {
    position: relative;
    z-index: 5;
    color: #fff;
}

.taurus-btn>a:hover {
    color: #aaa;

}

.taurus-btn {
    background-color: #aaa;

    border: none;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: none;
}

.text-brand {
    color: var(--brand_color)
}

.text-taurus {
    color: var(--taurus_primary);
    position: relative;
    z-index: 0;
    width: fit-content;

}

.text-taurus:after {
    content: "";
    width: 82%;
    height: 10.5%;
    position: absolute;
    top: 19%;
    left: 18%;
    color: #fff;
    background-color: var(--taurus_secondary);
    display: inline-block;
    z-index: 1;
}

.taurus-btn::after {
    content: "";
    width: 250%;
    height: 110%;
    /* background-color:var(--taurus_primary); */
    /* border-radius: 50px; */
    background-image: url(/img/manufacturerpages/taurus//btn-after-v2.png);
    background-size: cover;
    background-position: right;
    position: absolute;
    /* transform: skewX(20deg); */
    z-index: 1;
    display: inline-flex;
    top: -6%;
    left: -230%;
    transition: transform .5s linear;

}

.taurus-btn:hover::after {
    transform: translateX(90%);

}


.taurus-btn>a:hover {
    color: #fff;
}

.taurus-btn:hover {
    color: #fff;
}

.list-dot {
    list-style: disc;
}

@media(max-width:992px) {

    .summer-bg {
        background-position: right;

    }

    .winter-bg {

        background-position: right;
    }

    .allseasons-bg {
        background-position: right;
    }

}

@media(max-width:768px) {
    .summer-bg {
        background-image: url(/img/manufacturerpages/taurus/summer-bg-prt.jpg);
        padding-bottom: 220px;
        background-position: bottom;

    }

    .winter-bg {
        background-image: url(/img/manufacturerpages/taurus/winter-bg-prt.jpg);
        padding-bottom: 220px;
        background-position: bottom;
    }

    .allseasons-bg {
        background-image: url(/img/manufacturerpages/taurus/allseasons-bg-prt.jpg);
        padding-bottom: 220px;
        background-position: bottom;
    }

    .characteristic-card {
        margin: 0;
        background-color: #aaaa;

    }

    .characteristic-bg {
        background-image: none;
    }
}

@media only screen and (hover:none) and (pointer: coarse) and (max-width:991px) {
    .taurus_title::before {

        left: -5%;

    }

}