.remont {
    background: linear-gradient(272.99deg, #21435B 39.18%, #B1B2B4 99.19%);
    
}
#remont-id {
    border-top: 55px solid transparent;
	margin-top: -55px;
	
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.elevenslide {
    padding-top: 63px;
    padding-bottom: 71px;
}
.osnova {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }

.testovo {
    order: 1;
}

.osnovatext {
    flex: 0 1 calc(60% - 10px);
    max-width: calc(60% - 10px);
    justify-content: space-between;
    display: flex;
    flex-direction: column;

}
.btn.rem {
    width: 289px;
    order: 2;
}
.o1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: #E5E5E5;    
    padding-bottom: 40px;
}
.o2 {
    color: #E5E5E5;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 20px;
    max-width: 596px;
    
    
}
.sliderImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    
    background-size: 100% 100%;
}
.osnova-slider {
    height: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    flex: 0 1 calc(40% - 10px);
    /* max-width: calc(40% - 10px); */
    flex-direction: column;
    display: flex;
    justify-content: start;   
    /* order: 3;  */
    
    
}
.osnova-slider .buttons{
    display: flex;
    justify-content: space-between;
    
}
.numberOfImg{
     color: #E5E5E5;
     font-size: 1.5rem;   
}
.slider {
    max-width:100%;
    vertical-align: bottom;
    overflow: hidden;
    border: #E5E5E5 1px solid;
    height: 100%;
    
}
.slider-line {
    
    width: 1528px;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
    height: 100%;
    
    
    transition: all ease 1s;
}
.testovo {
    transform: translate(0px, 0px);
    opacity: 0;
    transition: all 0.9s ease 0s;
}
.testovo._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
@media (max-width: 992px) {
    .osnova-slider {
        flex: 0 1 calc(50% - 10px);
        /* max-width: calc(50% - 10px); */
        flex-direction: column;
        display: flex;
        justify-content: start;   
        order: 3; 
    }   
    .osnovatext {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    
    }
}


@media (max-width: 768px) {
    .o1 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .o2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        
    }
}

@media (max-width: 767px) {
    
    .elevenslide {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .osnova {
        flex-direction: column;
    }
    .osnova-slider {
        flex: 0 1 100%;
        /* max-width: 100%; */
        /* margin: auto; */
        
    }
    .osnovatext {
        max-width: 100%;
        /* margin: auto; */
    }
    .sliderImg {
        object-position: center;
    }
    .btn.rem {
        width: 100%;
        border: #E5E5E5 1px solid ;
        margin-bottom: 30px;
    }
    .o1 {
        font-size: 30px;
    }
    .o2 {
        padding-bottom: 30px;
    }
    .testovo {
        order: 1;
    }
    .btn.rem {
        order: 3;
        
    }
    .osnova-slider {
        order: 2;
    }

}
@media (max-width: 452px) {
    .elevenslide {
        padding-bottom: 40px;
    }
    .o1 {
        font-size: 25px;

    }
    
}

@media (max-width: 383px) {
    .elevenslide {
        padding-bottom: 20px;
    }
    .o1 {
        font-size: 23px;

    }
    
}
@media (max-width: 356px) {
    .o1 {
        font-size: 21px;

    }
    
}