.quality-carousel .owl-nav {
display: block !important;
}
.quality-carousel .mk-carousel{
padding-block: 40px 0;
}
.quality-carousel .owl-nav button.owl-prev {
background-image: url('data:image/svg+xml,') !important;
width: 40px;
height: 40px;
position: absolute;
left: 3%;
top: 50%;
background-repeat: no-repeat;
background-position: center;
border: none;
cursor: pointer;
}
.quality-carousel .owl-nav button.owl-prev span {
display: none;
}
.quality-white-icons .promo img,
.quality-white-icons .static-gallery img{
filter: brightness(0) invert(1);
min-width: 100px;
}
@media (min-width: 992px) {
.quality-white-icons .promo img,
.quality-white-icons .static-gallery img{
width: 100%;
}
.quality-carousel .owl-nav button.owl-prev {
background-image: url('data:image/svg+xml,') !important;
width: 60px;
height: 60px;
}
}
.quality-carousel .owl-nav button.owl-prev:hover {
background: transparent;
background-image: url('data:image/svg+xml,') !important;
}
@media (min-width: 992px) {
.quality-carousel .owl-nav button.owl-prev:hover {
background-image: url('data:image/svg+xml,') !important;
width: 60px;
height: 60px;
}
}
.quality-carousel .owl-nav button.owl-next {
background-image: url('data:image/svg+xml,') !important;
width: 40px;
height: 40px;
transform: rotate(180deg);
position: absolute;
right: 3%;
top: 50%;
background-repeat: no-repeat;
background-position: center;
border: none;
cursor: pointer;
}
.quality-carousel .owl-nav button.owl-next span {
display: none;
}
@media (min-width: 992px) {
.quality-carousel .owl-nav button.owl-next {
background-image: url('data:image/svg+xml,') !important;
width: 60px;
height: 60px;
transform: rotate(180deg);
}
}
.quality-carousel .owl-nav button.owl-next:hover {
background: transparent;
background-image: url('data:image/svg+xml,') !important;
}
@media (min-width: 992px) {
.quality-carousel .owl-nav button.owl-next:hover {
background-image: url('data:image/svg+xml,') !important;
width: 60px;
height: 60px;
}
.quality-carousel .mk-carousel{
margin-left: 80px;
}
}
.quality-carousel .mk-carousel__slide-image{
border-radius: 12px;
margin-bottom: 5px;
}
@media (max-width: 992px) {
.quality-carousel{
padding-inline: 20px;
}
}