.block-example-vnedr{
    background-color: #fff;
    padding: 0 0 35px;
    border-radius: 5px;
    position: relative;
}

.block-example-vnedr .nav {
    gap: 0;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;
}

.block-example-vnedr .nav .otr-nav{
    flex-direction: row;
    gap: 30px;
    padding: 0 45px;
}

.block-example-vnedr .nav .slider-wrapper{
    width: 100%;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o{
    display: none;
    background-image: unset;
    padding: 0;
    height: auto;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o.active{
    display: block;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title{
    padding: 1em 45px;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .ex1h{
    max-width: unset;
    width: 100%;
    padding: 1em 0;
    display: flex;
    gap: 30px;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-stage-outer .owl-stage{
    width: 2400px;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-stage-outer .owl-stage .owl-item{
    width: 1033px;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav{
    position: absolute;
    top: 50px;
    right: 100px;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-prev{
    right: 0;
    left: unset;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-next{
    left: 0;
    right: unset;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow:after{
    width: 33px;
    height: 33px;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-prev:after{
    background: url(/include/pack/services/block_example_vnedr/prev-last.svg) no-repeat 100% 0;
    left: unset;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-next:after{
    background: url(/include/pack/services/block_example_vnedr/prev-next.svg) no-repeat 100% 0;
    right: unset;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .ex1h .group-txt{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt{
    display: flex;
    padding: 2em 0 0;
    justify-content: space-between;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt .texth{
    width: 65%;
}
.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt .block-btn{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.otr-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.otr-nav .otr svg {
    width: 30px;
    height: 30px;
    fill: #555659;
    margin: 1em;
	
}
.otr-nav .otr:hover,.otr-nav .otr.active{
    background:#00afb8;
	cursor:pointer;
}
.otr-nav .otr:hover svg, .otr-nav .otr.active svg path{
    fill: #fff;
}

.block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .block-info{
    padding: 0 45px;
}

.block-example-vnedr .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(233, 236, 240, 1);
}
.block-example-vnedr .owl-dot.active span {
    background: #00afb8;
}
.block-example-vnedr .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.block-img-proj{
    width: 270px;
    height: 234px;
    overflow: hidden;
    flex-shrink: 0;
}
.img-proj{
    object-fit: cover;
    width: 270px;
}
.block-example-vnedr .txt p{
    margin: 35px 0 30px;
}

.block-example-vnedr + .buttons{
    max-width: 253px;
    margin: 40px auto 0;
}
.block-example-vnedr .slider-wrapper .txt .i img{
    max-height: 85px;
}

@media (max-width: 1023px) {
    .block-example-vnedr .nav .slider-wrapper .otrban-o .owl-carousel .owl-item img {
        max-width: unset;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt .texth{
        width: 70%;
    }
}

@media (max-width: 992px) {
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav{
        right: 50px;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .ex1h .group-txt{
        margin: 0 10px 0 0;
    }
}

@media (max-width: 768px) {
    .block-example-vnedr{
        padding: 0;
    }
    .block-example-vnedr .nav{
        flex-direction: column;
        gap: 10px;
    }
    .block-example-vnedr .nav .otr-nav{
        gap: 5px;
        flex-direction: row;
    }
    .block-example-vnedr .nav .slider-wrapper{
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title{
        border-radius: 5px 5px 0 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title i{
        display: none;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .block-info{
        display: flex;
        padding: 25px;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .block-info .exampls{
        order: 1;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .block-info .group-bottom-txt{
        order: 0;
        flex-direction: column;
        gap: 25px;
        padding: 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt .texth {
        width: 100%;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .group-bottom-txt .block-btn{
        margin: auto;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .block-info .exampls{
        margin: 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otrban-o .owl-carousel .owl-item img.img-proj{
        display: none;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt{
        order: 1;
        height: -webkit-fill-available;
        height: -moz-fill-available;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .i{
        order: 0;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt br{
        display: none;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt .title_proj{
        display: none;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt p{
        margin-top: 10px;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt .link-about-more{
        margin: 0 auto;
        display: block;
        width: fit-content;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title b{
        margin: 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav{
        position: unset;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow{
        height: 33px;
        top: unset;
        bottom: -5px;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-prev{
        right: unset;
        left: 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-nav .slider-arrow.slider-next{
        right: 0;
        left: unset;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .ex1h{
        height: 100%;
        width: 100%;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .ex1h .group-txt{
        margin: 0;
        width: 100%;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban .exampls .owl-stage-outer .owl-stage .owl-item{
        max-width: 592px;
    }
    .block-example-vnedr .nav .slider-wrapper .otrban-o .owl-carousel .owl-item img{
        width: fit-content;
        max-width: 95%;
    }
}

@media (max-width: 576px) {
    .block-example-vnedr .nav{
        gap: 0;
    }
    .block-img-proj{
        display: none;
    }
    .block-example-vnedr .nav .otr-nav{
        padding: 0;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title{
        border-radius: 0;
    }
    .block-example-vnedr .nav .otrban-o .otrban .exampls .group-txt .txt .link-about-more{
        margin: 0;
    }
    .block-example-vnedr .txt p{
        margin-bottom: 15px;
    }
    .block-example-vnedr .nav .slider-wrapper{
        border-radius: 0px;
    }
    .block-example-vnedr .nav .slider-wrapper .otr-slider .otrban-o .otrban > .title{
        padding: 15px;
    }
    .otr-nav .otr svg{
        margin: 10px;
    }
    .block-example-vnedr .nav .otr-nav{
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .block-example-vnedr + .buttons{
        margin: 40px auto 25px;
    }
}

@media (max-width: 380px) {
    .otr-nav .otr svg{
        margin: 8px;
        width: 25px;
    }
}