/* General desktop styling */
.tns img {
    max-width: 80%; /* Increased from 60% */
    height: auto;
}

.tns-item {
    padding: 15px;
}

/* Navigation button styling */
.btn-icon {
    width: 40px;
    height: 40px;
}

.btn-icon .svg-icon {
    width: 24px;
    height: 24px;
}

/* Mobile view adjustments */
@media (max-width: 767px) {
    /* Ensure slider images are fully visible */
    .tns img {
        max-width: 100%; /* Take up more width on mobile */
        height: auto;
        object-fit: cover;
    }

    /* Increase padding for a better layout */
    .tns-item {
        padding: 15px;
    }

    /* Adjust button size for mobile */
    .btn.btn-icon {
        width: 50px;
        height: 50px;
    }

    .svg-icon {
        width: 28px; /* Larger icon size for better visibility */
        height: 28px;
    }
}