@mamadesign,
I've updated the custom styling for the slide navigation on your website. Please refresh your browser to see the changes.
/* ACM Style 5 navigation */
.acm-hero.acm-hero.style-1 .owl-carousel {
position: relative;
}
.acm-hero.style-1 .owl-nav {
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 2rem;
right: 2rem;
transform: translateY(-50%);
}
.acm-hero.style-1 .owl-nav button span {
background: rgba(0, 0, 0, 0.5);
font-size: 36px;
display: flex;
align-items: center;
justify-content: center;
height: 64px;
width: 64px;
transition: all 0.25s ease-in-out;
}
.acm-hero.style-1 .owl-nav button:hover span {
background-color: var(--color-primary);
color: #fff;
}
.acm-hero.style-1 .owl-dots {
display: flex;
align-items: center;
gap: .5rem;
position: absolute;
left: 50%;
bottom: 2rem;
}
.acm-hero.style-1 .owl-dots .owl-dot span {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
height: 12px;
display: block;
width: 12px;
}
.acm-hero.style-1 .owl-dots .owl-dot.active span {
background-color: rgba(255, 255, 255, 1);
}