:root{
    /* color segment */
    --agro-color:#ebb129;
    --industrial-color:#828282;
    --garden-color:#06b21d;
    --trailer-color:#392ed4;
    --carlisle_brand:#1B3C72;
    --shadow-color: #000a;
    --white-color:#fff;
    --history-bg:url(/img/manufacturerpages/carlisle/carlisle_history_background.jpg);
    --agro-bg-st: url(/img/manufacturerpages/carlisle/agro_bg_01.png);
    --agro-bg-nd: url(/img/manufacturerpages/carlisle/agro_bg_02.png);
    --industrial-bg: url(/img/manufacturerpages/carlisle/industrial_bg_carlisle.png);
    --garden-bg: url(/img/manufacturerpages/carlisle/garden_bg.png);
    --trailer-bg:url(/img/manufacturerpages/carlisle/highway_bg.png);
    --agro-after:url(/img/manufacturerpages/carlisle/agro_icon.png);
    --industrial-after:url(/img/manufacturerpages/carlisle/industrial_icon.png);
    --garden-after: url(/img/manufacturerpages/carlisle/garden_icon.png);
    --trailer-after:url(/img/manufacturerpages/carlisle/trailer_icon.png);
}
.bannerosobowe{
    background-image: url(/img/manufacturerpages/carlisle/carlisle_banner.png);
    background-size: cover;
    background-position: center;
}
.img-bg{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    height: 100%;
    transition: .3s linear;
     overflow-y:visible;
    box-shadow: inset 5px 5px 15px var(--shadow-color);
    z-index: 1;
}
.img-bg[data-image="image1"]{
    background-image: var(--agro-bg-st);
}
.img-bg[data-image="image2"]{
    background-image: var(--agro-bg-st);
  
}
.img-bg[data-image="image3"]{
    background-image:var(--industrial-bg) ;
  
}
.img-bg[data-image="image4"]{
    background-image:var(--garden-bg) ;
  
}
.img-bg[data-image="image5"]{
    background-image:var(--trailer-bg) ;
  
}
.agro_tire{
    position: relative;
    top: 16%;
    transition: .3s linear;
  filter: drop-shadow(5px 5px 15px var(--shadow-color));
  z-index: 1;
  transform: scale(1.5);
}
.stage_title{
    text-wrap: nowrap;
    text-shadow: inset 2px 2px 5px var(--shadow-color);
    color: var(--white-color);
    font-weight: bolder;
    transition: .3s linear;
    padding: 10px 0;
    text-align: center; 
    padding-bottom: 20px;
    font-weight: 300;

}
.stage_title::after {
    content: '';
    width: 30%;
    height: 2px;
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
    top: -10px;
    left: 10px;
}
.stage_title::before{
    content: '';
    width: 30%;
    height: 2px;
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
    top: -10px;
    left: -10px;
}
.stage_title[data-image="image1"]{
   color: var(--agro-color)
}
.stage_title[data-image="image1"]::after , [data-image="image1"]::before{
    background-color: var(--agro-color);
}
.stage_title[data-image="image3"]{
   color: var(--industrial-color)
 }
 .stage_title[data-image="image3"]::after , [data-image="image3"]::before{
    background-color: var(--industrial-color);
 }
.stage_title[data-image="image4"]{
    color: var(--garden-color)
}
.stage_title[data-image="image4"]::after , [data-image="image4"]::before{
    background-color: var(--garden-color);
}
.stage_title[data-image="image5"]{
    color: var(--trailer-color)
}
.stage_title[data-image="image5"]::after , [data-image="image5"]::before{
    background-color: var(--trailer-color);
}
.tires-agro_name{
    position: relative;
    z-index: 1;
    top: 60%;
    left: 60%;
    width: 10px;
    overflow: hidden;
    text-wrap: nowrap;
    text-shadow: inset 1px 1px  var(--shadow-color);
    box-shadow: 5px 5px 15px var(--shadow-color);
   
    color: var(--white-color);
    font-weight: bolder;
    transition: .3s linear;
    padding: 10px 0;
        text-align: center;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    z-index: 2;
}
.tires-agro_name[data-image="image1"]{
    background-color: var(--agro-color);
}
.tires-agro_name[data-image="image2"]{
    background-color: var(--agro-color);
}
.tires-agro_name[data-image="image3"]{
    background-color: var(--industrial-color)
}
.tires-agro_name[data-image="image4"]{
    background-color: var(--garden-color);
}
.tires-agro_name[data-image="image5"]{
     background-color: var(--trailer-color)
}
.tires-link{
    position: relative;
}
.tires-link:hover{
    text-decoration: none;
}
.tires-link .img-bg:hover{
    transform:scale(105%);
    text-decoration: none;
}
.frame{
    overflow: hidden;
}
.btn-danger{
    background-color: var(--carlisle_brand);
    border-color: var(--carlisle_brand);
}
.carlisle_old_title{
    font-family: "brushberry-sans-two", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
}
.carlisle_old_tekst{
    font-family: 'Verveine', sans-serif;
font-weight: 400;
font-style: normal;}
.carlisle-history{
    background-image: var(--history-bg);
    background-size: cover;
    background-position: center;
    box-shadow:inset 0 5px  15px var(--shadow-color);

}
.img-round {
    border-radius: 20px;
    box-shadow: 5px 5px 15px var(--shadow-color);
}
.video_frame {
    border-radius: 20px;
    box-shadow: 5px 5px 15px var(--shadow-color);
    width: 100%;
    height: 500px;
}
@media(max-width:1200px) {
    .video_frame {
        height: 419px;
    }
}
@media(max-width:992px) {
   .m-a{
    margin-bottom: 20%;
   }
}
@media(max-width:768px) {
    .video_frame {
        height: 222px;
    }
}
@media(max-width:576px) {
    .video_frame {
        height: 156px;
    }
}
@media(max-width:579px) {
    .stage_title[data-image="image1"]::after , [data-image="image1"]::before{
        display: none;
    }.stage_title[data-image="image3"]::after , [data-image="image3"]::before{
        display: none;
    }.stage_title[data-image="image4"]::after , [data-image="image4"]::before{
        display: none;
    }.stage_title[data-image="image5"]::after , [data-image="image5"]::before{
        display: none;
    };
}