.flex-column {
    flex-direction: column !important;
    padding: 7%;
}

.text-white {
    color: rgb(0 0 0) !important;
    margin-left: 35%;
    margin-top: 2%;
}

/* XS Devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .mb-4 {
        margin-bottom: -3.5rem !important;
    }

    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: -9.75rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .slideInRight {
        font-size: 29px !important;
        margin-left: 6%;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 0.5rem;
    }

}

/* SM Devices (landscape phones, ≥576px and <768px) */
@media (min-width: 576px) and (max-width: 767.98px) {

    .mb-4 {
        margin-bottom: -2.5rem !important;
    }

    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: 1.25rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}


/* MD Devices (tablets, ≥768px and <992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .mb-4 {
        margin-bottom: -2.5rem !important;
    }

    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: 1.25rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}

/* LG Devices (desktops, ≥992px and <1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .mb-4 {
        margin-bottom: -1.5rem !important;
    }

    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: 1.25rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}

/* XL Devices (large desktops, ≥1200px and <1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .mb-4 {
        margin-bottom: -1.5rem !important;
    }
    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: 1.25rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}

/* XXL Devices (larger desktops, ≥1400px) */
@media (min-width: 1400px) {
    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: -9.75rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}


@media (min-width: 768px) and (max-width: 1399.98px) {
    .carousel-caption {
        position: absolute !important;
        right: 22% !important;
        bottom: -18.75rem !important;
        left: 0% !important;
        padding-top: 3.25rem !important;
        padding-bottom: 14.25rem !important;
        color: #fff !important;
        text-align: center !important;
    }

    .mb-4 {
        margin-bottom: 7.5rem !important;
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 4.5rem;
    }

}