/* Containers */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Rows */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Columns */
.col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
/* Columns */
.col-1 {
    flex-basis: 8.333333%;
    max-width: 8.333333%;
  }
  
  .col-2 {
    flex-basis: 16.666667%;
    max-width: 16.666667%;
  }
  
  .col-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  
  .col-4 {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
  }
  
  .col-5 {
    flex-basis: 41.666667%;
    max-width: 41.666667%;
  }
  
  .col-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  
  .col-7 {
    flex-basis: 58.333333%;
    max-width: 58.333333%;
  }
  
  .col-8 {
    flex-basis: 66.666667%;
    max-width: 66.666667%;
  }
  
  .col-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  
  .col-10 {
    flex-basis: 83.333333%;
    max-width: 83.333333%;
  }
  
  .col-11 {
    flex-basis: 91.666667%;
    max-width: 91.666667%;
  }
  
  .col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

/* Flex */
.d-flex {
    display: flex !important;
}

/* Align Items Center */
.align-items-center {
    align-items: center !important;
}

/* Text Center */
.text-center {
    text-align: center !important;
}

/* Justify Content Center */
.justify-content-center {
    justify-content: center !important;
}


/* Padding and Margin */
.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

/* Additional Column Extensions */
.order-first {
    order: -1 !important;
}

.order-last {
    order: 13 !important;
}

.order-sm-first {
    order: -1 !important;
}

.order-sm-last {
order: 13 !important;
}

.order-md-first {
    order: -1 !important;
}

.order-md-last {
    order: 13 !important;
}

.order-lg-first {
    order: -1 !important;
}

.order-lg-last {
    order: 13 !important;
}

.order-xl-first {
    order: -1 !important;
}

.order-xl-last {
    order: 13 !important;
}