.gyan-content-slider .owl-next, .gyan-content-slider .owl-prev { position: absolute; border: 0; outline: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; opacity: 0; transition: all 0.3s ease-in-out; border-radius: 100%; padding: 0; margin: 0; } .gyan-content-slider .owl-next { right: -5px; transform: translate( 0, -40px ); } .gyan-content-slider .owl-prev { left: -5px; transform: translate( 0, 40px ); } .gyan-content-slider:hover .owl-next, .gyan-content-slider:hover .owl-prev, .owl-nav .owl-next:before, .owl-nav .owl-prev:before { content: '\f0d9'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; font-size: 22px; margin-left: -3px; } .owl-nav .owl-next:before { content: '\f0da'; margin-left: 3px; } .gyan-content-slider .owl-dots { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gyan-content-slider .owl-dot { width: 12px; height: 12px; margin: 25px .2rem; background: transparent; border-radius: 100%; outline: 0; cursor: pointer; transition: all .25s ease-in-out; border: 4px solid; } .gyan-content-slider { direction: ltr; } .gyan-content-slider .owl-next span, .gyan-content-slider .owl-prev span { float: left; } .gyan-content-slider .elementor-element-overlay, .gyan-content-slider .owl-nav button.owl-prev span, .gyan-content-slider .owl-nav button.owl-next span { display: none; } @media (max-width: 767px) { .gyan-content-slider .owl-next, .gyan-content-slider .owl-prev { display: none; } }