.g-1,
.g-2,
.g-3,
.g-4,
.g-5,
.g-6,
.g-7,
.g-8,
.g-9,
.g-10,
.g-11,
.g-12,
.g-13,
.g-14,
.g-15,
.g-16,
.g-17,
.g-18,
.g-19,
.g-20,
.g-21,
.g-22,
.g-23,
.g-24 {
  display: -ms-grid !important;
  display: grid !important;

  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.g-1 {
  grid-auto-columns: 100% !important;
  -ms-grid-columns: (1fr) [1] !important;
  grid-template-columns: repeat(1, 1fr) !important;
}

.g-2 {
  grid-auto-columns: 50% !important;
  -ms-grid-columns: (1fr) [2] !important;
  grid-template-columns: repeat(2, 1fr) !important;
}

.g-3 {
  grid-auto-columns: 33.33333333333333% !important;
  -ms-grid-columns: (1fr) [3] !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

.g-4 {
  grid-auto-columns: 25% !important;
  -ms-grid-columns: (1fr) [4] !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

.g-5 {
  grid-auto-columns: 20% !important;
  -ms-grid-columns: (1fr) [5] !important;
  grid-template-columns: repeat(5, 1fr) !important;
}

.g-6 {
  grid-auto-columns: 16.66666666666667% !important;
  -ms-grid-columns: (1fr) [6] !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

.g-7 {
  grid-auto-columns: 14.28571428571429% !important;
  -ms-grid-columns: (1fr) [7] !important;
  grid-template-columns: repeat(7, 1fr) !important;
}

.g-8 {
  grid-auto-columns: 12.5% !important;
  -ms-grid-columns: (1fr) [8] !important;
  grid-template-columns: repeat(8, 1fr) !important;
}

.g-9 {
  grid-auto-columns: 11.11111111111111% !important;
  -ms-grid-columns: (1fr) [9] !important;
  grid-template-columns: repeat(9, 1fr) !important;
}

.g-10 {
  grid-auto-columns: 10% !important;
  -ms-grid-columns: (1fr) [10] !important;
  grid-template-columns: repeat(10, 1fr) !important;
}

.g-11 {
  grid-auto-columns: 9.090909090909091% !important;
  -ms-grid-columns: (1fr) [11] !important;
  grid-template-columns: repeat(11, 1fr) !important;
}

.g-12 {
  grid-auto-columns: 8.333333333333333% !important;
  -ms-grid-columns: (1fr) [12] !important;
  grid-template-columns: repeat(12, 1fr) !important;
}

.g-13 {
  grid-auto-columns: 7.692307692307692% !important;
  -ms-grid-columns: (1fr) [13] !important;
  grid-template-columns: repeat(13, 1fr) !important;
}

.g-14 {
  grid-auto-columns: 7.142857142857143% !important;
  -ms-grid-columns: (1fr) [14] !important;
  grid-template-columns: repeat(14, 1fr) !important;
}

.g-15 {
  grid-auto-columns: 6.666666666666667% !important;
  -ms-grid-columns: (1fr) [15] !important;
  grid-template-columns: repeat(15, 1fr) !important;
}

.g-16 {
  grid-auto-columns: 6.25% !important;
  -ms-grid-columns: (1fr) [16] !important;
  grid-template-columns: repeat(16, 1fr) !important;
}

.g-17 {
  grid-auto-columns: 5.882352941176471% !important;
  -ms-grid-columns: (1fr) [17] !important;
  grid-template-columns: repeat(17, 1fr) !important;
}

.g-18 {
  grid-auto-columns: 5.555555555555556% !important;
  -ms-grid-columns: (1fr) [18] !important;
  grid-template-columns: repeat(18, 1fr) !important;
}

.g-19 {
  grid-auto-columns: 5.263157894736842% !important;
  -ms-grid-columns: (1fr) [19] !important;
  grid-template-columns: repeat(19, 1fr) !important;
}

.g-20 {
  grid-auto-columns: 5% !important;
  -ms-grid-columns: (1fr) [20] !important;
  grid-template-columns: repeat(20, 1fr) !important;
}

.g-21 {
  grid-auto-columns: 4.761904761904762% !important;
  -ms-grid-columns: (1fr) [21] !important;
  grid-template-columns: repeat(21, 1fr) !important;
}

.g-22 {
  grid-auto-columns: 4.545454545454545% !important;
  -ms-grid-columns: (1fr) [22] !important;
  grid-template-columns: repeat(22, 1fr) !important;
}

.g-23 {
  grid-auto-columns: 4.347826086956522% !important;
  -ms-grid-columns: (1fr) [23] !important;
  grid-template-columns: repeat(23, 1fr) !important;
}

.g-24 {
  grid-auto-columns: 4.166666666666667% !important;
  -ms-grid-columns: (1fr) [24] !important;
  grid-template-columns: repeat(24, 1fr) !important;
}

.g-auto {
  grid-auto-columns: auto !important;
  -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
  grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
}

@media (max-width: 575px) {
  .g-xs-1,
  .g-xs-2,
  .g-xs-3,
  .g-xs-4,
  .g-xs-5,
  .g-xs-6,
  .g-xs-7,
  .g-xs-8,
  .g-xs-9,
  .g-xs-10,
  .g-xs-11,
  .g-xs-12,
  .g-xs-13,
  .g-xs-14,
  .g-xs-15,
  .g-xs-16,
  .g-xs-17,
  .g-xs-18,
  .g-xs-19,
  .g-xs-20,
  .g-xs-21,
  .g-xs-22,
  .g-xs-23,
  .g-xs-24,
  .g-xs-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-xs-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-xs-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-xs-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-xs-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-xs-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-xs-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-xs-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-xs-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-xs-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-xs-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-xs-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-xs-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-xs-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-xs-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-xs-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-xs-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-xs-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-xs-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-xs-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-xs-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-xs-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-xs-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-xs-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-xs-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-xs-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 576px) {
  .g-sm-1,
  .g-sm-2,
  .g-sm-3,
  .g-sm-4,
  .g-sm-5,
  .g-sm-6,
  .g-sm-7,
  .g-sm-8,
  .g-sm-9,
  .g-sm-10,
  .g-sm-11,
  .g-sm-12,
  .g-sm-13,
  .g-sm-14,
  .g-sm-15,
  .g-sm-16,
  .g-sm-17,
  .g-sm-18,
  .g-sm-19,
  .g-sm-20,
  .g-sm-21,
  .g-sm-22,
  .g-sm-23,
  .g-sm-24,
  .g-sm-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-sm-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-sm-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-sm-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-sm-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-sm-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-sm-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-sm-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-sm-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-sm-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-sm-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-sm-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-sm-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-sm-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-sm-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-sm-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-sm-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-sm-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-sm-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-sm-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-sm-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-sm-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-sm-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-sm-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-sm-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-sm-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 768px) {
  .g-md-1,
  .g-md-2,
  .g-md-3,
  .g-md-4,
  .g-md-5,
  .g-md-6,
  .g-md-7,
  .g-md-8,
  .g-md-9,
  .g-md-10,
  .g-md-11,
  .g-md-12,
  .g-md-13,
  .g-md-14,
  .g-md-15,
  .g-md-16,
  .g-md-17,
  .g-md-18,
  .g-md-19,
  .g-md-20,
  .g-md-21,
  .g-md-22,
  .g-md-23,
  .g-md-24,
  .g-md-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-md-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-md-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-md-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-md-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-md-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-md-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-md-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-md-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-md-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-md-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-md-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-md-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-md-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-md-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-md-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-md-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-md-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-md-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-md-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-md-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-md-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-md-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-md-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-md-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-md-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 992px) {
  .g-lg-1,
  .g-lg-2,
  .g-lg-3,
  .g-lg-4,
  .g-lg-5,
  .g-lg-6,
  .g-lg-7,
  .g-lg-8,
  .g-lg-9,
  .g-lg-10,
  .g-lg-11,
  .g-lg-12,
  .g-lg-13,
  .g-lg-14,
  .g-lg-15,
  .g-lg-16,
  .g-lg-17,
  .g-lg-18,
  .g-lg-19,
  .g-lg-20,
  .g-lg-21,
  .g-lg-22,
  .g-lg-23,
  .g-lg-24,
  .g-lg-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-lg-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-lg-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-lg-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-lg-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-lg-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-lg-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-lg-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-lg-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-lg-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-lg-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-lg-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-lg-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-lg-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-lg-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-lg-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-lg-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-lg-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-lg-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-lg-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-lg-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-lg-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-lg-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-lg-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-lg-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-lg-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 1200px) {
  .g-xl-1,
  .g-xl-2,
  .g-xl-3,
  .g-xl-4,
  .g-xl-5,
  .g-xl-6,
  .g-xl-7,
  .g-xl-8,
  .g-xl-9,
  .g-xl-10,
  .g-xl-11,
  .g-xl-12,
  .g-xl-13,
  .g-xl-14,
  .g-xl-15,
  .g-xl-16,
  .g-xl-17,
  .g-xl-18,
  .g-xl-19,
  .g-xl-20,
  .g-xl-21,
  .g-xl-22,
  .g-xl-23,
  .g-xl-24,
  .g-xl-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-xl-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-xl-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-xl-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-xl-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-xl-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-xl-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-xl-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-xl-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-xl-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-xl-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-xl-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-xl-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-xl-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-xl-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-xl-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-xl-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-xl-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-xl-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-xl-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-xl-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-xl-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-xl-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-xl-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-xl-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-xl-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 1400px) {
  .g-xxl-1,
  .g-xxl-2,
  .g-xxl-3,
  .g-xxl-4,
  .g-xxl-5,
  .g-xxl-6,
  .g-xxl-7,
  .g-xxl-8,
  .g-xxl-9,
  .g-xxl-10,
  .g-xxl-11,
  .g-xxl-12,
  .g-xxl-13,
  .g-xxl-14,
  .g-xxl-15,
  .g-xxl-16,
  .g-xxl-17,
  .g-xxl-18,
  .g-xxl-19,
  .g-xxl-20,
  .g-xxl-21,
  .g-xxl-22,
  .g-xxl-23,
  .g-xxl-24,
  .g-xxl-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-xxl-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-xxl-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-xxl-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-xxl-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-xxl-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-xxl-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-xxl-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-xxl-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-xxl-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-xxl-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-xxl-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-xxl-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-xxl-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-xxl-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-xxl-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-xxl-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-xxl-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-xxl-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-xxl-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-xxl-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-xxl-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-xxl-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-xxl-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-xxl-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-xxl-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}

@media (min-width: 1920px) {
  .g-xxxl-1,
  .g-xxxl-2,
  .g-xxxl-3,
  .g-xxxl-4,
  .g-xxxl-5,
  .g-xxxl-6,
  .g-xxxl-7,
  .g-xxxl-8,
  .g-xxxl-9,
  .g-xxxl-10,
  .g-xxxl-11,
  .g-xxxl-12,
  .g-xxxl-13,
  .g-xxxl-14,
  .g-xxxl-15,
  .g-xxxl-16,
  .g-xxxl-17,
  .g-xxxl-18,
  .g-xxxl-19,
  .g-xxxl-20,
  .g-xxxl-21,
  .g-xxxl-22,
  .g-xxxl-23,
  .g-xxxl-24,
  .g-xxxl-auto {
    display: -ms-grid !important;
    display: grid !important;

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .g-xxxl-1 {
    grid-auto-columns: 100% !important;
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .g-xxxl-2 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .g-xxxl-3 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .g-xxxl-4 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .g-xxxl-5 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .g-xxxl-6 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }

  .g-xxxl-7 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [7] !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }

  .g-xxxl-8 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [8] !important;
    grid-template-columns: repeat(8, 1fr) !important;
  }

  .g-xxxl-9 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [9] !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }

  .g-xxxl-10 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [10] !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }

  .g-xxxl-11 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [11] !important;
    grid-template-columns: repeat(11, 1fr) !important;
  }

  .g-xxxl-12 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [12] !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }

  .g-xxxl-13 {
    grid-auto-columns: 7.692307692307692% !important;
    -ms-grid-columns: (1fr) [13] !important;
    grid-template-columns: repeat(13, 1fr) !important;
  }

  .g-xxxl-14 {
    grid-auto-columns: 50% !important;
    -ms-grid-columns: (1fr) [14] !important;
    grid-template-columns: repeat(14, 1fr) !important;
  }

  .g-xxxl-15 {
    grid-auto-columns: 33.33333333333333% !important;
    -ms-grid-columns: (1fr) [15] !important;
    grid-template-columns: repeat(15, 1fr) !important;
  }

  .g-xxxl-16 {
    grid-auto-columns: 25% !important;
    -ms-grid-columns: (1fr) [16] !important;
    grid-template-columns: repeat(16, 1fr) !important;
  }

  .g-xxxl-17 {
    grid-auto-columns: 20% !important;
    -ms-grid-columns: (1fr) [17] !important;
    grid-template-columns: repeat(17, 1fr) !important;
  }

  .g-xxxl-18 {
    grid-auto-columns: 16.66666666666667% !important;
    -ms-grid-columns: (1fr) [18] !important;
    grid-template-columns: repeat(18, 1fr) !important;
  }

  .g-xxxl-19 {
    grid-auto-columns: 14.28571428571429% !important;
    -ms-grid-columns: (1fr) [19] !important;
    grid-template-columns: repeat(19, 1fr) !important;
  }

  .g-xxxl-20 {
    grid-auto-columns: 12.5% !important;
    -ms-grid-columns: (1fr) [20] !important;
    grid-template-columns: repeat(20, 1fr) !important;
  }

  .g-xxxl-21 {
    grid-auto-columns: 11.11111111111111% !important;
    -ms-grid-columns: (1fr) [21] !important;
    grid-template-columns: repeat(21, 1fr) !important;
  }

  .g-xxxl-22 {
    grid-auto-columns: 10% !important;
    -ms-grid-columns: (1fr) [22] !important;
    grid-template-columns: repeat(22, 1fr) !important;
  }

  .g-xxxl-23 {
    grid-auto-columns: 9.090909090909091% !important;
    -ms-grid-columns: (1fr) [23] !important;
    grid-template-columns: repeat(23, 1fr) !important;
  }

  .g-xxxl-24 {
    grid-auto-columns: 8.333333333333333% !important;
    -ms-grid-columns: (1fr) [24] !important;
    grid-template-columns: repeat(24, 1fr) !important;
  }

  .g-xxxl-auto {
    grid-auto-columns: auto !important;
    -ms-grid-columns: (minmax(0, auto)) [auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(0, auto)) !important;
  }
}