/* Custom CSS to replace Bootstrap classes */

/* Container fluid replacement */
.custom-container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

/* Position relative replacement */
.custom-position-relative {
    position: relative !important;
}

/* Row replacement */
.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

/* Column replacement */
.custom-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

/* Padding 0 replacement */
.custom-p-0 {
    padding: 0 !important;
}

/* Padding x-axis 2 replacement */
.custom-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Additional responsive utilities
@media (min-width: 576px) {
    .custom-container-fluid {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .custom-container-fluid {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .custom-container-fluid {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .custom-container-fluid {
        max-width: 1140px;
    }
} */