#wrapper {
    margin-top: 0 !important;
}

.navbar .container {
    transform: scale(-1, 1) !important;
}

.jumbotron {
    border-radius: 0;
    margin-bottom: 0 !important;
    padding-block: 80px;
}

.bg-jumbotron {
    background: linear-gradient(249.11deg, #2DAAE1 23.74%, #2D7FC1 74.11%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.bg-jumbotron .container {
    transform: scale(-1, 1) !important;
}

.text-muted {
    color: #808285 !important;
}

section {
    padding-block: 80px;
}

.bg-primary-light-2 {
    background-color: #BDEBFF !important;
}
.bg-success-light {
    background-color: #D4EDDA !important;
}

@media (max-width: 575.98px) {
    .jumbotron .container {
        padding-right: 0;
        padding-left: 0;
    }
}


/* Custom spacing utilities for Bootstrap 4.6 (adding Bootstrap 5's g-*, gx-*, and gy-* classes with breakpoints) */

/* Gap utilities */
.g-0 {
    gap: 0px !important;
}

.g-1 {
    gap: 0.25rem !important;
}

.g-2 {
    gap: 0.5rem !important;
}

.g-3 {
    gap: 1rem !important;
}

.g-4 {
    gap: 1.5rem !important;
}

.g-5 {
    gap: 3rem !important;
}

/* Row gap utilities */
.gy-0 {
    row-gap: 0px !important;
}

.gy-1 {
    row-gap: 0.25rem !important;
}

.gy-2 {
    row-gap: 0.5rem !important;
}

.gy-3 {
    row-gap: 1rem !important;
}

.gy-4 {
    row-gap: 1.5rem !important;
}

.gy-5 {
    row-gap: 3rem !important;
}

/* Column gap utilities */
.gx-0 {
    column-gap: 0px !important;
}

.gx-1 {
    column-gap: 0.25rem !important;
}

.gx-2 {
    column-gap: 0.5rem !important;
}

.gx-3 {
    column-gap: 1rem !important;
}

.gx-4 {
    column-gap: 1.5rem !important;
}

.gx-5 {
    column-gap: 3rem !important;
}

/* Responsive gap utilities */
@media (min-width: 576px) {
    .g-sm-0 {
        gap: 0px !important;
    }

    .g-sm-1 {
        gap: 0.25rem !important;
    }

    .g-sm-2 {
        gap: 0.5rem !important;
    }

    .g-sm-3 {
        gap: 1rem !important;
    }

    .g-sm-4 {
        gap: 1.5rem !important;
    }

    .g-sm-5 {
        gap: 3rem !important;
    }

    .gy-sm-0 {
        row-gap: 0px !important;
    }

    .gy-sm-1 {
        row-gap: 0.25rem !important;
    }

    .gy-sm-2 {
        row-gap: 0.5rem !important;
    }

    .gy-sm-3 {
        row-gap: 1rem !important;
    }

    .gy-sm-4 {
        row-gap: 1.5rem !important;
    }

    .gy-sm-5 {
        row-gap: 3rem !important;
    }

    .gx-sm-0 {
        column-gap: 0px !important;
    }

    .gx-sm-1 {
        column-gap: 0.25rem !important;
    }

    .gx-sm-2 {
        column-gap: 0.5rem !important;
    }

    .gx-sm-3 {
        column-gap: 1rem !important;
    }

    .gx-sm-4 {
        column-gap: 1.5rem !important;
    }

    .gx-sm-5 {
        column-gap: 3rem !important;
    }
}

@media (min-width: 768px) {
    .g-md-0 {
        gap: 0px !important;
    }

    .g-md-1 {
        gap: 0.25rem !important;
    }

    .g-md-2 {
        gap: 0.5rem !important;
    }

    .g-md-3 {
        gap: 1rem !important;
    }

    .g-md-4 {
        gap: 1.5rem !important;
    }

    .g-md-5 {
        gap: 3rem !important;
    }

    .gy-md-0 {
        row-gap: 0px !important;
    }

    .gy-md-1 {
        row-gap: 0.25rem !important;
    }

    .gy-md-2 {
        row-gap: 0.5rem !important;
    }

    .gy-md-3 {
        row-gap: 1rem !important;
    }

    .gy-md-4 {
        row-gap: 1.5rem !important;
    }

    .gy-md-5 {
        row-gap: 3rem !important;
    }

    .gx-md-0 {
        column-gap: 0px !important;
    }

    .gx-md-1 {
        column-gap: 0.25rem !important;
    }

    .gx-md-2 {
        column-gap: 0.5rem !important;
    }

    .gx-md-3 {
        column-gap: 1rem !important;
    }

    .gx-md-4 {
        column-gap: 1.5rem !important;
    }

    .gx-md-5 {
        column-gap: 3rem !important;
    }
}

@media (min-width: 992px) {
    .g-lg-0 {
        gap: 0px !important;
    }

    .g-lg-1 {
        gap: 0.25rem !important;
    }

    .g-lg-2 {
        gap: 0.5rem !important;
    }

    .g-lg-3 {
        gap: 1rem !important;
    }

    .g-lg-4 {
        gap: 1.5rem !important;
    }

    .g-lg-5 {
        gap: 3rem !important;
    }

    .gy-lg-0 {
        row-gap: 0px !important;
    }

    .gy-lg-1 {
        row-gap: 0.25rem !important;
    }

    .gy-lg-2 {
        row-gap: 0.5rem !important;
    }

    .gy-lg-3 {
        row-gap: 1rem !important;
    }

    .gy-lg-4 {
        row-gap: 1.5rem !important;
    }

    .gy-lg-5 {
        row-gap: 3rem !important;
    }

    .gx-lg-0 {
        column-gap: 0px !important;
    }

    .gx-lg-1 {
        column-gap: 0.25rem !important;
    }

    .gx-lg-2 {
        column-gap: 0.5rem !important;
    }

    .gx-lg-3 {
        column-gap: 1rem !important;
    }

    .gx-lg-4 {
        column-gap: 1.5rem !important;
    }

    .gx-lg-5 {
        column-gap: 3rem !important;
    }

    .border-lg-0 {
        border-right: 0 !important;
    }
}