@media screen and (max-width: 600px) {
    .chart {
        margin-top: 20px; /* Adjust margin */
        flex-direction: column; /* Retain column layout */
        align-items: stretch; /* Stretch items to fit screen width */
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .chart {
        margin-top: 30px; /* Adjust margin for tablet screens */
        flex-direction: column; /* Adjust layout for horizontal alignment */
        justify-content: space-between; /* Distribute items evenly */
        align-items: center; /* Center items vertically */
    }
}

.owl-carousel {
    width: 100%; /* Full width for larger screens */
    margin: auto; /* Center alignment */
}

/* Adjust width for smaller screens */
@media screen and (max-width: 600px) {
    .owl-carousel {
        width: 90%; /* Reduce width to 90% */
    }
}

@media (max-width: 600px) {
    svg#svg1 {
        width: 90%; /* Adjust the width for smaller screens */
    }
}