.dynamic-partners-section-wrapper.template2-dynamic-partners-section {
    /* Add your template specific styles here */
    a {
        text-decoration: none;
    }

    .partner-name-link:hover {
        color: <?php echo esc_attr(get_nested_value($partners_data, 'partnersTextHoverColor') ?? ''); ?>; /* Apply hover color from data */
    }

    .swiper-wrap {
        position: relative; /* Required for positioning navigation buttons */
    }

    .swiper-partners-button-next,
    .swiper-partners-button-prev {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ast-global-color-1); /* Example color - adjust as needed */
        background-color: #fff; /* Example background - adjust as needed */
        border-radius: 50%;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3); /* Example shadow - adjust as needed */
    }

    .swiper-partners-button-next {
        right: 10px; /* Position from right */
    }

    .swiper-partners-button-prev {
        left: 10px; /* Position from left */
    }

    .swiper-partners-button-next::after,
    .swiper-partners-button-prev::after {
        font-family: swiper-icons; /* Or your icon font */
        font-size: 18px;
        text-transform: none!important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        font-weight: bold; /* Make arrows bolder */
        color: var(--ast-global-color-1); /* Match arrow color to button color */
    }

    .swiper-partners-button-prev::after {
        content: 'prev'; /* Or your prev icon */
    }

    .swiper-partners-button-next::after {
        content: 'next'; /* Or your next icon */
    }
}