/*
 * Fix for Owl Carousel navigation buttons to center arrows
 * Add this CSS file to your page AFTER owl.theme.css
 */

/* Center the navigation arrows in the circular buttons */
#main-slider .owl-theme .owl-controls .owl-buttons div,
#owl-demoOpinioes .owl-theme .owl-controls .owl-buttons div {
    padding: 6px 12px !important;  /* Equal padding on all sides to center vertically */
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    min-height: 30px !important;
    vertical-align: middle !important;
}

/* Fix for main slider specifically */
#main-slider .owl-theme .owl-controls .owl-buttons div {
    background: #869791 !important;
    color: #FFF !important;
    font-size: 18px !important;  /* Make arrows more visible */
    font-weight: bold !important;
}

/* Fix for YouTube carousel specifically */
#owl-demoOpinioes .owl-theme .owl-controls .owl-buttons div {
    background: #869791 !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: bold !important;
}