/* Define a custom container size */
.container {
    max-width: 1080px !important;
}

/* Optional: Define a custom container-fluid size for larger screens */
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1080px !important;
    }
}



.hover\:max-w-xl:hover, .max-w-xl, .max-w-xl-hover:hover {
    max-width: 1080px !important;
}

.responsive-img {
    width: 265px;
}

/* Mobile size adjustment */
@media (max-width: 768px) {
    .responsive-img {
        width: 190px;
    }
}