.bg-prim {
  background-color: hsl(223, 81%, 15%) !important;
}

.bg-prim-d-5 {
  background-color: hsl(223, 81%, 10%) !important;
}

.bg-prim-d-10 {
  background-color: hsl(223, 81%, 5%) !important;
}

.bg-prim-d-15 {
  background-color: hsl(223, 81%, 0%) !important;
}

.bg-prim-d-20 {
  background-color: hsl(223, 81%, -5%) !important;
}

.bg-prim-l-5 {
  background-color: hsl(223, 81%, 20%) !important;
}

.bg-prim-l-10 {
  background-color: hsl(223, 81%, 25%) !important;
}

.bg-prim-l-15 {
  background-color: hsl(223, 81%, 30%) !important;
}

.bg-prim-l-20 {
  background-color: hsl(223, 81%, 35%) !important;
}

.bg-sec {
  background-color: hsl(223, 45%, 35%) !important;
}

.bg-sec-d-5 {
  background-color: hsl(223, 45%, 30%) !important;
}

.bg-sec-d-10 {
  background-color: hsl(223, 45%, 25%) !important;
}

.bg-sec-d-15 {
  background-color: hsl(223, 45%, 20%) !important;
}

.bg-sec-d-20 {
  background-color: hsl(223, 45%, 15%) !important;
}

.bg-sec-l-5 {
  background-color: hsl(223, 45%, 40%) !important;
}

.bg-sec-l-10 {
  background-color: hsl(223, 45%, 45%) !important;
}

.bg-sec-l-15 {
  background-color: hsl(223, 45%, 50%) !important;
}

.bg-sec-l-20 {
  background-color: hsl(223, 45%, 55%) !important;
}

.bg-tert {
  background-color: hsl(22, 77%, 45%) !important;
}

.bg-tert-d-5 {
  background-color: hsl(22, 77%, 40%) !important;
}

.bg-tert-d-10 {
  background-color: hsl(22, 77%, 35%) !important;
}

.bg-tert-d-15 {
  background-color: hsl(22, 77%, 30%) !important;
}

.bg-tert-d-20 {
  background-color: hsl(22, 77%, 25%) !important;
}

.bg-tert-l-5 {
  background-color: hsl(22, 77%, 50%) !important;
}

.bg-tert-l-10 {
  background-color: hsl(22, 77%, 55%) !important;
}

.bg-tert-l-15 {
  background-color: hsl(22, 77%, 60%) !important;
}

.bg-tert-l-20 {
  background-color: hsl(22, 77%, 65%) !important;
}

.bg-quart {
  background-color: hsl(300, 52%, 39%) !important;
}

.bg-quart-d-5 {
  background-color: hsl(300, 52%, 34%) !important;
}

.bg-quart-d-10 {
  background-color: hsl(300, 52%, 29%) !important;
}

.bg-quart-d-15 {
  background-color: hsl(300, 52%, 24%) !important;
}

.bg-quart-d-20 {
  background-color: hsl(300, 52%, 19%) !important;
}

.bg-quart-l-5 {
  background-color: hsl(300, 52%, 44%) !important;
}

.bg-quart-l-10 {
  background-color: hsl(300, 52%, 49%) !important;
}

.bg-quart-l-15 {
  background-color: hsl(300, 52%, 54%) !important;
}

.bg-quart-l-20 {
  background-color: hsl(300, 52%, 59%) !important;
}

.bg-green {
  background-color: hsl(120, 74%, 26%) !important;
}

.bg-green-d-5 {
  background-color: hsl(120, 74%, 21%) !important;
}

.bg-green-d-10 {
  background-color: hsl(120, 74%, 16%) !important;
}

.bg-green-d-15 {
  background-color: hsl(120, 74%, 11%) !important;
}

.bg-green-d-20 {
  background-color: hsl(120, 74%, 6%) !important;
}

.bg-green-l-5 {
  background-color: hsl(120, 74%, 31%) !important;
}

.bg-green-l-10 {
  background-color: hsl(120, 74%, 36%) !important;
}

.bg-green-l-15 {
  background-color: hsl(120, 74%, 41%) !important;
}

.bg-green-l-20 {
  background-color: hsl(120, 74%, 46%) !important;
}

.bg-red {
  background-color: hsl(0, 57%, 46%) !important;
}

.bg-red-d-5 {
  background-color: hsl(0, 57%, 41%) !important;
}

.bg-red-d-10 {
  background-color: hsl(0, 57%, 36%) !important;
}

.bg-red-d-15 {
  background-color: hsl(0, 57%, 31%) !important;
}

.bg-red-d-20 {
  background-color: hsl(0, 57%, 26%) !important;
}

.bg-red-l-5 {
  background-color: hsl(0, 57%, 51%) !important;
}

.bg-red-l-10 {
  background-color: hsl(0, 57%, 56%) !important;
}

.bg-red-l-15 {
  background-color: hsl(0, 57%, 61%) !important;
}

.bg-red-l-20 {
  background-color: hsl(0, 57%, 66%) !important;
}

.bg-yellow {
  background-color: hsl(60, 88%, 47%) !important;
}

.bg-yellow-d-5 {
  background-color: hsl(60, 88%, 42%) !important;
}

.bg-yellow-d-10 {
  background-color: hsl(60, 88%, 37%) !important;
}

.bg-yellow-d-15 {
  background-color: hsl(60, 88%, 32%) !important;
}

.bg-yellow-d-20 {
  background-color: hsl(60, 88%, 27%) !important;
}

.bg-yellow-l-5 {
  background-color: hsl(60, 88%, 52%) !important;
}

.bg-yellow-l-10 {
  background-color: hsl(60, 88%, 57%) !important;
}

.bg-yellow-l-15 {
  background-color: hsl(60, 88%, 62%) !important;
}

.bg-yellow-l-20 {
  background-color: hsl(60, 88%, 67%) !important;
}

.bg-blue {
  background-color: hsl(240, 65%, 46%) !important;
}

.bg-blue-d-5 {
  background-color: hsl(240, 65%, 41%) !important;
}

.bg-blue-d-10 {
  background-color: hsl(240, 65%, 36%) !important;
}

.bg-blue-d-15 {
  background-color: hsl(240, 65%, 31%) !important;
}

.bg-blue-d-20 {
  background-color: hsl(240, 65%, 26%) !important;
}

.bg-blue-l-5 {
  background-color: hsl(240, 65%, 46%) !important;
}

.bg-blue-l-10 {
  background-color: hsl(240, 65%, 51%) !important;
}

.bg-blue-l-15 {
  background-color: hsl(240, 65%, 56%) !important;
}

.bg-blue-l-20 {
  background-color: hsl(240, 65%, 61%) !important;
}

.bg-gray {
  background-color: hsl(0, 0%, 49%) !important;
}

.bg-gray-d-5 {
  background-color: hsl(0, 0%, 44%) !important;
}

.bg-gray-d-10 {
  background-color: hsl(0, 0%, 39%) !important;
}

.bg-gray-d-15 {
  background-color: hsl(0, 0%, 34%) !important;
}

.bg-gray-d-20 {
  background-color: hsl(0, 0%, 29%) !important;
}

.bg-gray-l-5 {
  background-color: hsl(0, 0%, 54%) !important;
}

.bg-gray-l-10 {
  background-color: hsl(0, 0%, 59%) !important;
}

.bg-gray-l-15 {
  background-color: hsl(0, 0%, 64%) !important;
}

.bg-gray-l-20 {
  background-color: hsl(0, 0%, 69%) !important;
}

.bg-white {
  background-color: hsl(0, 0%, 100%) !important;
}

.bg-white-d-5 {
  background-color: hsl(0, 0%, 95%) !important;
}

.bg-white-d-10 {
  background-color: hsl(0, 0%, 90%) !important;
}

.bg-white-d-15 {
  background-color: hsl(0, 0%, 85%) !important;
}

.bg-white-d-20 {
  background-color: hsl(0, 0%, 80%) !important;
}

.bg-black {
  background-color: hsl(0, 0%, 0%) !important;
}

.bg-black-l-5 {
  background-color: hsl(0, 0%, 5%) !important;
}

.bg-black-l-10 {
  background-color: hsl(0, 0%, 10%) !important;
}

.bg-black-l-15 {
  background-color: hsl(0, 0%, 15%) !important;
}

.bg-black-l-20 {
  background-color: hsl(0, 0%, 20%) !important;
}

.t-col-prim {
  color: hsl(223, 81%, 15%) !important;
}

.t-col-prim-d-5 {
  color: hsl(223, 81%, 10%) !important;
}

.t-col-prim-d-10 {
  color: hsl(223, 81%, 5%) !important;
}

.t-col-prim-d-15 {
  color: hsl(223, 81%, 0%) !important;
}

.t-col-prim-d-20 {
  color: hsl(223, 81%, -5%) !important;
}

.t-col-prim-l-5 {
  color: hsl(223, 81%, 20%) !important;
}

.t-col-prim-l-10 {
  color: hsl(223, 81%, 25%) !important;
}

.t-col-prim-l-15 {
  color: hsl(223, 81%, 30%) !important;
}

.t-col-prim-l-20 {
  color: hsl(223, 81%, 35%) !important;
}

.t-col-sec {
  color: hsl(223, 45%, 35%) !important;
}

.t-col-sec-d-5 {
  color: hsl(223, 45%, 30%) !important;
}

.t-col-sec-d-10 {
  color: hsl(223, 45%, 25%) !important;
}

.t-col-sec-d-15 {
  color: hsl(223, 45%, 20%) !important;
}

.t-col-sec-d-20 {
  color: hsl(223, 45%, 15%) !important;
}

.t-col-sec-l-5 {
  color: hsl(223, 45%, 40%) !important;
}

.t-col-sec-l-10 {
  color: hsl(223, 45%, 45%) !important;
}

.t-col-sec-l-15 {
  color: hsl(223, 45%, 50%) !important;
}

.t-col-sec-l-20 {
  color: hsl(223, 45%, 55%) !important;
}

.t-col-tert {
  color: hsl(22, 77%, 45%) !important;
}

.t-col-tert-d-5 {
  color: hsl(22, 77%, 40%) !important;
}

.t-col-tert-d-10 {
  color: hsl(22, 77%, 35%) !important;
}

.t-col-tert-d-15 {
  color: hsl(22, 77%, 30%) !important;
}

.t-col-tert-d-20 {
  color: hsl(22, 77%, 25%) !important;
}

.t-col-tert-l-5 {
  color: hsl(22, 77%, 50%) !important;
}

.t-col-tert-l-10 {
  color: hsl(22, 77%, 55%) !important;
}

.t-col-tert-l-15 {
  color: hsl(22, 77%, 60%) !important;
}

.t-col-tert-l-20 {
  color: hsl(22, 77%, 65%) !important;
}

.t-col-quart {
  color: hsl(300, 52%, 39%) !important;
}

.t-col-quart-d-5 {
  color: hsl(300, 52%, 34%) !important;
}

.t-col-quart-d-10 {
  color: hsl(300, 52%, 29%) !important;
}

.t-col-quart-d-15 {
  color: hsl(300, 52%, 24%) !important;
}

.t-col-quart-d-20 {
  color: hsl(300, 52%, 19%) !important;
}

.t-col-quart-l-5 {
  color: hsl(300, 52%, 44%) !important;
}

.t-col-quart-l-10 {
  color: hsl(300, 52%, 49%) !important;
}

.t-col-quart-l-15 {
  color: hsl(300, 52%, 54%) !important;
}

.t-col-quart-l-20 {
  color: hsl(300, 52%, 59%) !important;
}

.t-col-green {
  color: hsl(120, 74%, 26%) !important;
}

.t-col-green-d-5 {
  color: hsl(120, 74%, 21%) !important;
}

.t-col-green-d-10 {
  color: hsl(120, 74%, 16%) !important;
}

.t-col-green-d-15 {
  color: hsl(120, 74%, 11%) !important;
}

.t-col-green-d-20 {
  color: hsl(120, 74%, 6%) !important;
}

.t-col-green-l-5 {
  color: hsl(120, 74%, 31%) !important;
}

.t-col-green-l-10 {
  color: hsl(120, 74%, 36%) !important;
}

.t-col-green-l-15 {
  color: hsl(120, 74%, 41%) !important;
}

.t-col-green-l-20 {
  color: hsl(120, 74%, 46%) !important;
}

.t-col-red {
  color: hsl(0, 57%, 46%) !important;
}

.t-col-red-d-5 {
  color: hsl(0, 57%, 41%) !important;
}

.t-col-red-d-10 {
  color: hsl(0, 57%, 36%) !important;
}

.t-col-red-d-15 {
  color: hsl(0, 57%, 31%) !important;
}

.t-col-red-d-20 {
  color: hsl(0, 57%, 26%) !important;
}

.t-col-red-l-5 {
  color: hsl(0, 57%, 51%) !important;
}

.t-col-red-l-10 {
  color: hsl(0, 57%, 56%) !important;
}

.t-col-red-l-15 {
  color: hsl(0, 57%, 61%) !important;
}

.t-col-red-l-20 {
  color: hsl(0, 57%, 66%) !important;
}

.t-col-yellow {
  color: hsl(60, 88%, 47%) !important;
}

.t-col-yellow-d-5 {
  color: hsl(60, 88%, 42%) !important;
}

.t-col-yellow-d-10 {
  color: hsl(60, 88%, 37%) !important;
}

.t-col-yellow-d-15 {
  color: hsl(60, 88%, 32%) !important;
}

.t-col-yellow-d-20 {
  color: hsl(60, 88%, 27%) !important;
}

.t-col-yellow-l-5 {
  color: hsl(60, 88%, 52%) !important;
}

.t-col-yellow-l-10 {
  color: hsl(60, 88%, 57%) !important;
}

.t-col-yellow-l-15 {
  color: hsl(60, 88%, 62%) !important;
}

.t-col-yellow-l-20 {
  color: hsl(60, 88%, 67%) !important;
}

.t-col-blue {
  color: hsl(240, 65%, 46%) !important;
}

.t-col-blue-d-5 {
  color: hsl(240, 65%, 41%) !important;
}

.t-col-blue-d-10 {
  color: hsl(240, 65%, 36%) !important;
}

.t-col-blue-d-15 {
  color: hsl(240, 65%, 31%) !important;
}

.t-col-blue-d-20 {
  color: hsl(240, 65%, 26%) !important;
}

.t-col-blue-l-5 {
  color: hsl(240, 65%, 46%) !important;
}

.t-col-blue-l-10 {
  color: hsl(240, 65%, 51%) !important;
}

.t-col-blue-l-15 {
  color: hsl(240, 65%, 56%) !important;
}

.t-col-blue-l-20 {
  color: hsl(240, 65%, 61%) !important;
}

.t-col-gray {
  color: hsl(0, 0%, 49%) !important;
}

.t-col-gray-d-5 {
  color: hsl(0, 0%, 44%) !important;
}

.t-col-gray-d-10 {
  color: hsl(0, 0%, 39%) !important;
}

.t-col-gray-d-15 {
  color: hsl(0, 0%, 34%) !important;
}

.t-col-gray-d-20 {
  color: hsl(0, 0%, 29%) !important;
}

.t-col-gray-l-5 {
  color: hsl(0, 0%, 54%) !important;
}

.t-col-gray-l-10 {
  color: hsl(0, 0%, 59%) !important;
}

.t-col-gray-l-15 {
  color: hsl(0, 0%, 64%) !important;
}

.t-col-gray-l-20 {
  color: hsl(0, 0%, 69%) !important;
}

.t-col-white {
  color: hsl(0, 0%, 100%) !important;
}

.t-col-white-d-5 {
  color: hsl(0, 0%, 95%) !important;
}

.t-col-white-d-10 {
  color: hsl(0, 0%, 90%) !important;
}

.t-col-white-d-15 {
  color: hsl(0, 0%, 85%) !important;
}

.t-col-white-d-20 {
  color: hsl(0, 0%, 80%) !important;
}

.t-col-black {
  color: hsl(0, 0%, 0%) !important;
}

.t-col-black-l-5 {
  color: hsl(0, 0%, 5%) !important;
}

.t-col-black-l-10 {
  color: hsl(0, 0%, 10%) !important;
}

.t-col-black-l-15 {
  color: hsl(0, 0%, 15%) !important;
}

.t-col-black-l-20 {
  color: hsl(0, 0%, 20%) !important;
}

.bord-1 {
  border-style: solid !important;
  border-width: 1px !important;
}

.bord-2 {
  border-style: solid !important;
  border-width: 2px !important;
}

.bord-3 {
  border-style: solid !important;
  border-width: 3px !important;
}

.bord-4 {
  border-style: solid !important;
  border-width: 4px !important;
}

.bord-5 {
  border-style: solid !important;
  border-width: 5px !important;
}

.bord-prim {
  border-color: hsl(223, 81%, 15%) !important;
}

.bord-prim-d-5 {
  border-color: hsl(223, 81%, 10%) !important;
}

.bord-prim-d-10 {
  border-color: hsl(223, 81%, 5%) !important;
}

.bord-prim-d-15 {
  border-color: hsl(223, 81%, 0%) !important;
}

.bord-prim-d-20 {
  border-color: hsl(223, 81%, -5%) !important;
}

.bord-prim-l-5 {
  border-color: hsl(223, 81%, 20%) !important;
}

.bord-prim-l-10 {
  border-color: hsl(223, 81%, 25%) !important;
}

.bord-prim-l-15 {
  border-color: hsl(223, 81%, 30%) !important;
}

.bord-prim-l-20 {
  border-color: hsl(223, 81%, 35%) !important;
}

.bord-sec {
  border-color: hsl(223, 45%, 35%) !important;
}

.bord-sec-d-5 {
  border-color: hsl(223, 45%, 30%) !important;
}

.bord-sec-d-10 {
  border-color: hsl(223, 45%, 25%) !important;
}

.bord-sec-d-15 {
  border-color: hsl(223, 45%, 20%) !important;
}

.bord-sec-d-20 {
  border-color: hsl(223, 45%, 15%) !important;
}

.bord-sec-l-5 {
  border-color: hsl(223, 45%, 40%) !important;
}

.bord-sec-l-10 {
  border-color: hsl(223, 45%, 45%) !important;
}

.bord-sec-l-15 {
  border-color: hsl(223, 45%, 50%) !important;
}

.bord-sec-l-20 {
  border-color: hsl(223, 45%, 55%) !important;
}

.bord-tert {
  border-color: hsl(22, 77%, 45%) !important;
}

.bord-tert-d-5 {
  border-color: hsl(22, 77%, 40%) !important;
}

.bord-tert-d-10 {
  border-color: hsl(22, 77%, 35%) !important;
}

.bord-tert-d-15 {
  border-color: hsl(22, 77%, 30%) !important;
}

.bord-tert-d-20 {
  border-color: hsl(22, 77%, 25%) !important;
}

.bord-tert-l-5 {
  border-color: hsl(22, 77%, 50%) !important;
}

.bord-tert-l-10 {
  border-color: hsl(22, 77%, 55%) !important;
}

.bord-tert-l-15 {
  border-color: hsl(22, 77%, 60%) !important;
}

.bord-tert-l-20 {
  border-color: hsl(22, 77%, 65%) !important;
}

.bord-quart {
  border-color: hsl(300, 52%, 39%) !important;
}

.bord-quart-d-5 {
  border-color: hsl(300, 52%, 34%) !important;
}

.bord-quart-d-10 {
  border-color: hsl(300, 52%, 29%) !important;
}

.bord-quart-d-15 {
  border-color: hsl(300, 52%, 24%) !important;
}

.bord-quart-d-20 {
  border-color: hsl(300, 52%, 19%) !important;
}

.bord-quart-l-5 {
  border-color: hsl(300, 52%, 44%) !important;
}

.bord-quart-l-10 {
  border-color: hsl(300, 52%, 49%) !important;
}

.bord-quart-l-15 {
  border-color: hsl(300, 52%, 54%) !important;
}

.bord-quart-l-20 {
  border-color: hsl(300, 52%, 59%) !important;
}

.bord-green {
  border-color: hsl(120, 74%, 26%) !important;
}

.bord-green-d-5 {
  border-color: hsl(120, 74%, 21%) !important;
}

.bord-green-d-10 {
  border-color: hsl(120, 74%, 16%) !important;
}

.bord-green-d-15 {
  border-color: hsl(120, 74%, 11%) !important;
}

.bord-green-d-20 {
  border-color: hsl(120, 74%, 6%) !important;
}

.bord-green-l-5 {
  border-color: hsl(120, 74%, 31%) !important;
}

.bord-green-l-10 {
  border-color: hsl(120, 74%, 36%) !important;
}

.bord-green-l-15 {
  border-color: hsl(120, 74%, 41%) !important;
}

.bord-green-l-20 {
  border-color: hsl(120, 74%, 46%) !important;
}

.bord-red {
  border-color: hsl(0, 57%, 46%) !important;
}

.bord-red-d-5 {
  border-color: hsl(0, 57%, 41%) !important;
}

.bord-red-d-10 {
  border-color: hsl(0, 57%, 36%) !important;
}

.bord-red-d-15 {
  border-color: hsl(0, 57%, 31%) !important;
}

.bord-red-d-20 {
  border-color: hsl(0, 57%, 26%) !important;
}

.bord-red-l-5 {
  border-color: hsl(0, 57%, 51%) !important;
}

.bord-red-l-10 {
  border-color: hsl(0, 57%, 56%) !important;
}

.bord-red-l-15 {
  border-color: hsl(0, 57%, 61%) !important;
}

.bord-red-l-20 {
  border-color: hsl(0, 57%, 66%) !important;
}

.bord-yellow {
  border-color: hsl(60, 88%, 47%) !important;
}

.bord-yellow-d-5 {
  border-color: hsl(60, 88%, 42%) !important;
}

.bord-yellow-d-10 {
  border-color: hsl(60, 88%, 37%) !important;
}

.bord-yellow-d-15 {
  border-color: hsl(60, 88%, 32%) !important;
}

.bord-yellow-d-20 {
  border-color: hsl(60, 88%, 27%) !important;
}

.bord-yellow-l-5 {
  border-color: hsl(60, 88%, 52%) !important;
}

.bord-yellow-l-10 {
  border-color: hsl(60, 88%, 57%) !important;
}

.bord-yellow-l-15 {
  border-color: hsl(60, 88%, 62%) !important;
}

.bord-yellow-l-20 {
  border-color: hsl(60, 88%, 67%) !important;
}

.bord-blue {
  border-color: hsl(240, 65%, 46%) !important;
}

.bord-blue-d-5 {
  border-color: hsl(240, 65%, 41%) !important;
}

.bord-blue-d-10 {
  border-color: hsl(240, 65%, 36%) !important;
}

.bord-blue-d-15 {
  border-color: hsl(240, 65%, 31%) !important;
}

.bord-blue-d-20 {
  border-color: hsl(240, 65%, 26%) !important;
}

.bord-blue-l-5 {
  border-color: hsl(240, 65%, 46%) !important;
}

.bord-blue-l-10 {
  border-color: hsl(240, 65%, 51%) !important;
}

.bord-blue-l-15 {
  border-color: hsl(240, 65%, 56%) !important;
}

.bord-blue-l-20 {
  border-color: hsl(240, 65%, 61%) !important;
}

.bord-gray {
  border-color: hsl(0, 0%, 49%) !important;
}

.bord-gray-d-5 {
  border-color: hsl(0, 0%, 44%) !important;
}

.bord-gray-d-10 {
  border-color: hsl(0, 0%, 39%) !important;
}

.bord-gray-d-15 {
  border-color: hsl(0, 0%, 34%) !important;
}

.bord-gray-d-20 {
  border-color: hsl(0, 0%, 29%) !important;
}

.bord-gray-l-5 {
  border-color: hsl(0, 0%, 54%) !important;
}

.bord-gray-l-10 {
  border-color: hsl(0, 0%, 59%) !important;
}

.bord-gray-l-15 {
  border-color: hsl(0, 0%, 64%) !important;
}

.bord-gray-l-20 {
  border-color: hsl(0, 0%, 69%) !important;
}

.bord-white {
  border-color: hsl(0, 0%, 100%) !important;
}

.bord-white-d-5 {
  border-color: hsl(0, 0%, 95%) !important;
}

.bord-white-d-10 {
  border-color: hsl(0, 0%, 90%) !important;
}

.bord-white-d-15 {
  border-color: hsl(0, 0%, 85%) !important;
}

.bord-white-d-20 {
  border-color: hsl(0, 0%, 80%) !important;
}

.bord-black {
  border-color: hsl(0, 0%, 0%) !important;
}

.bord-black-l-5 {
  border-color: hsl(0, 0%, 5%) !important;
}

.bord-black-l-10 {
  border-color: hsl(0, 0%, 10%) !important;
}

.bord-black-l-15 {
  border-color: hsl(0, 0%, 15%) !important;
}

.bord-black-l-20 {
  border-color: hsl(0, 0%, 20%) !important;
}

:root {
  --kame-s-bp: 0px;
  --kame-sm-bp: 576px;
  --kame-md-bp: 768px;
  --kame-l-bp: 992px;
  --kame-xl-bp: 1200px;
  --kame-xxl-bp: 1400px;
}

@media screen and (min-width: 0px) {
  :root {
    --pval1: 4px;
    --pval2: 8px;
    --pval3: 12px;
    --pval4: 16px;
    --pval5: 20px;
  }
  .p-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pe-0 {
    padding-right: 0 !important;
  }
  .pe-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-auto {
    padding-right: auto !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .ps-0 {
    padding-left: 0 !important;
  }
  .ps-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .p-AR-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-0 {
    padding-top: 0 !important;
  }
  .pt-AR-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-auto {
    padding-top: auto !important;
  }
  .pe-AR-0 {
    padding-right: 0 !important;
  }
  .pe-AR-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-auto {
    padding-right: auto !important;
  }
  .pb-AR-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-0 {
    padding-left: 0 !important;
  }
  .ps-AR-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  :root {
    --pval1: 8px;
    --pval2: 12px;
    --pval3: 16px;
    --pval4: 20px;
    --pval5: 24px;
  }
  .p-sm-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-sm-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-sm-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-sm-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-sm-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-sm-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-sm-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-sm-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-sm-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-sm-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-sm-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-sm-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-sm-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-sm-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-sm-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-sm-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-sm-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-sm-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-sm-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-sm-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-sm-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-sm-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-sm-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-sm-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-sm-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-sm-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-sm-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .p-AR-sm-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-sm-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-sm-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-sm-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-sm-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-sm-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-sm-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-sm-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-sm-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-sm-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-sm-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-sm-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-sm-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-sm-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-sm-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-sm-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-sm-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-sm-0 {
    padding-top: 0 !important;
  }
  .pt-AR-sm-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-sm-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-sm-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-sm-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-sm-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-sm-auto {
    padding-top: auto !important;
  }
  .pe-AR-sm-0 {
    padding-right: 0 !important;
  }
  .pe-AR-sm-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-sm-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-sm-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-sm-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-sm-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-sm-auto {
    padding-right: auto !important;
  }
  .pb-AR-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-sm-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-sm-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-sm-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-sm-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-sm-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-sm-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-sm-0 {
    padding-left: 0 !important;
  }
  .ps-AR-sm-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-sm-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-sm-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-sm-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-sm-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-sm-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --pval1: 12px;
    --pval2: 16px;
    --pval3: 20px;
    --pval4: 24px;
    --pval5: 28px;
  }
  .p-md-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-md-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-md-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-md-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-md-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-md-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-md-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-md-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-md-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-md-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-md-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-md-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-md-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-md-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-md-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-md-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-md-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-md-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-md-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-md-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-md-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-md-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-md-auto {
    padding-right: auto !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-md-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-md-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-md-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-md-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-md-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .p-AR-md-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-md-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-md-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-md-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-md-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-md-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-md-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-md-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-md-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-md-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-md-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-md-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-md-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-md-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-md-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-md-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-md-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-md-0 {
    padding-top: 0 !important;
  }
  .pt-AR-md-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-md-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-md-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-md-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-md-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-md-auto {
    padding-top: auto !important;
  }
  .pe-AR-md-0 {
    padding-right: 0 !important;
  }
  .pe-AR-md-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-md-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-md-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-md-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-md-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-md-auto {
    padding-right: auto !important;
  }
  .pb-AR-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-md-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-md-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-md-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-md-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-md-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-md-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-md-0 {
    padding-left: 0 !important;
  }
  .ps-AR-md-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-md-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-md-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-md-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-md-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-md-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --pval1: 16px;
    --pval2: 20px;
    --pval3: 24px;
    --pval4: 28px;
    --pval5: 32px;
  }
  .p-lg-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-lg-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-lg-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-lg-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-lg-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-lg-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-lg-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-lg-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-lg-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-lg-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-lg-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-lg-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-lg-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-lg-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-lg-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-lg-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-lg-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-lg-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-lg-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-lg-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-lg-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-lg-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-lg-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-lg-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-lg-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-lg-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-lg-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .p-AR-lg-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-lg-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-lg-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-lg-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-lg-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-lg-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-lg-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-lg-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-lg-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-lg-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-lg-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-lg-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-lg-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-lg-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-lg-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-lg-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-lg-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-lg-0 {
    padding-top: 0 !important;
  }
  .pt-AR-lg-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-lg-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-lg-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-lg-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-lg-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-lg-auto {
    padding-top: auto !important;
  }
  .pe-AR-lg-0 {
    padding-right: 0 !important;
  }
  .pe-AR-lg-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-lg-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-lg-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-lg-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-lg-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-lg-auto {
    padding-right: auto !important;
  }
  .pb-AR-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-lg-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-lg-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-lg-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-lg-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-lg-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-lg-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-lg-0 {
    padding-left: 0 !important;
  }
  .ps-AR-lg-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-lg-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-lg-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-lg-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-lg-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-lg-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --pval1: 20px;
    --pval2: 24px;
    --pval3: 28px;
    --pval4: 32px;
    --pval5: 36px;
  }
  .p-xl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-xl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-xl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-xl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-xl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-xl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-xl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-xl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-xl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-xl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-xl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-xl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-xl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-xl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-xl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-xl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-xl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-xl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-xl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-xl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-xl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-xl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-xl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-xl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-xl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-xl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-xl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .p-AR-xl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-xl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-xl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-xl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-xl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-xl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-xl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-xl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-xl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-xl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-xl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-xl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-xl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-xl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-xl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-xl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-xl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-xl-0 {
    padding-top: 0 !important;
  }
  .pt-AR-xl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-xl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-xl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-xl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-xl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-xl-auto {
    padding-top: auto !important;
  }
  .pe-AR-xl-0 {
    padding-right: 0 !important;
  }
  .pe-AR-xl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-xl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-xl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-xl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-xl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-xl-auto {
    padding-right: auto !important;
  }
  .pb-AR-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-xl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-xl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-xl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-xl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-xl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-xl-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-xl-0 {
    padding-left: 0 !important;
  }
  .ps-AR-xl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-xl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-xl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-xl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-xl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-xl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --pval1: 24px;
    --pval2: 28px;
    --pval3: 32px;
    --pval4: 36px;
    --pval5: 40px;
  }
  .p-xxl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-xxl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-xxl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-xxl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-xxl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-xxl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-xxl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-xxl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-xxl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-xxl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-xxl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-xxl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-xxl-auto {
    padding-top: auto !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-xxl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-xxl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-xxl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-xxl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-xxl-auto {
    padding-right: auto !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-xxl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-xxl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-xxl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-xxl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-xxl-auto {
    padding-bottom: auto !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-xxl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-xxl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-xxl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-xxl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-xxl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .p-AR-xxl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-xxl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-xxl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-xxl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-xxl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-xxl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-xxl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-xxl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-xxl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-AR-xxl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-xxl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-xxl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-xxl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-xxl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-xxl-auto {
    padding-top: auto !important;
  }
  .pe-AR-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-AR-xxl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-xxl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-xxl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-xxl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-xxl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-xxl-auto {
    padding-right: auto !important;
  }
  .pb-AR-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-xxl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-xxl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-xxl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-xxl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-xxl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-xxl-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-AR-xxl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-xxl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-xxl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-xxl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-xxl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-xxl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 0px) {
  :root {
    --mval1: 4px;
    --mval2: 8px;
    --mval3: 12px;
    --mval4: 16px;
    --mval5: 20px;
  }
  .m-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mt-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .me-0 {
    margin-right: 0 !important;
  }
  .me-1 {
    margin-right: var(--mval1) !important;
  }
  .me-2 {
    margin-right: var(--mval2) !important;
  }
  .me-3 {
    margin-right: var(--mval3) !important;
  }
  .me-4 {
    margin-right: var(--mval4) !important;
  }
  .me-5 {
    margin-right: var(--mval5) !important;
  }
  .me-auto {
    margin-right: auto !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mb-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ms-0 {
    margin-left: 0 !important;
  }
  .ms-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .m-AR-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-0 {
    margin-top: 0 !important;
  }
  .mt-AR-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-auto {
    margin-top: auto !important;
  }
  .me-AR-0 {
    margin-right: 0 !important;
  }
  .me-AR-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-auto {
    margin-right: auto !important;
  }
  .mb-AR-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-0 {
    margin-left: 0 !important;
  }
  .ms-AR-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  :root {
    --mval1: 8px;
    --mval2: 12px;
    --mval3: 16px;
    --mval4: 20px;
    --mval5: 24px;
  }
  .m-sm-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-sm-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-sm-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-sm-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-sm-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-sm-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-sm-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-sm-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-sm-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-sm-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-sm-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-sm-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-sm-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-sm-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-sm-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-sm-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-sm-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-sm-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: var(--mval1) !important;
  }
  .me-sm-2 {
    margin-right: var(--mval2) !important;
  }
  .me-sm-3 {
    margin-right: var(--mval3) !important;
  }
  .me-sm-4 {
    margin-right: var(--mval4) !important;
  }
  .me-sm-5 {
    margin-right: var(--mval5) !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-sm-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-sm-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-sm-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-sm-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .m-AR-sm-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-sm-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-sm-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-sm-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-sm-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-sm-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-sm-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-sm-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-sm-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-sm-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-sm-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-sm-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-sm-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-sm-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-sm-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-sm-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-sm-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-sm-0 {
    margin-top: 0 !important;
  }
  .mt-AR-sm-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-sm-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-sm-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-sm-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-sm-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-sm-auto {
    margin-top: auto !important;
  }
  .me-AR-sm-0 {
    margin-right: 0 !important;
  }
  .me-AR-sm-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-sm-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-sm-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-sm-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-sm-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-sm-auto {
    margin-right: auto !important;
  }
  .mb-AR-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-sm-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-sm-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-sm-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-sm-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-sm-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-sm-0 {
    margin-left: 0 !important;
  }
  .ms-AR-sm-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-sm-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-sm-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-sm-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-sm-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --mval1: 12px;
    --mval2: 16px;
    --mval3: 20px;
    --mval4: 24px;
    --mval5: 28px;
  }
  .m-md-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-md-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-md-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-md-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-md-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-md-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-md-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-md-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-md-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-md-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-md-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-md-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-md-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-md-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-md-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-md-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-md-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-md-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: var(--mval1) !important;
  }
  .me-md-2 {
    margin-right: var(--mval2) !important;
  }
  .me-md-3 {
    margin-right: var(--mval3) !important;
  }
  .me-md-4 {
    margin-right: var(--mval4) !important;
  }
  .me-md-5 {
    margin-right: var(--mval5) !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-md-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-md-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-md-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-md-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .m-AR-md-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-md-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-md-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-md-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-md-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-md-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-md-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-md-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-md-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-md-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-md-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-md-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-md-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-md-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-md-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-md-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-md-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-md-0 {
    margin-top: 0 !important;
  }
  .mt-AR-md-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-md-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-md-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-md-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-md-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-md-auto {
    margin-top: auto !important;
  }
  .me-AR-md-0 {
    margin-right: 0 !important;
  }
  .me-AR-md-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-md-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-md-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-md-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-md-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-md-auto {
    margin-right: auto !important;
  }
  .mb-AR-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-md-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-md-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-md-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-md-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-md-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-md-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-md-0 {
    margin-left: 0 !important;
  }
  .ms-AR-md-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-md-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-md-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-md-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-md-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --mval1: 16px;
    --mval2: 20px;
    --mval3: 24px;
    --mval4: 28px;
    --mval5: 32px;
  }
  .m-lg-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-lg-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-lg-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-lg-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-lg-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-lg-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-lg-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-lg-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-lg-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-lg-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-lg-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-lg-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-lg-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-lg-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-lg-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-lg-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-lg-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-lg-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: var(--mval1) !important;
  }
  .me-lg-2 {
    margin-right: var(--mval2) !important;
  }
  .me-lg-3 {
    margin-right: var(--mval3) !important;
  }
  .me-lg-4 {
    margin-right: var(--mval4) !important;
  }
  .me-lg-5 {
    margin-right: var(--mval5) !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-lg-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-lg-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-lg-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-lg-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .m-AR-lg-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-lg-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-lg-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-lg-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-lg-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-lg-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-lg-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-lg-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-lg-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-lg-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-lg-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-lg-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-lg-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-lg-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-lg-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-lg-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-lg-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-lg-0 {
    margin-top: 0 !important;
  }
  .mt-AR-lg-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-lg-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-lg-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-lg-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-lg-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-lg-auto {
    margin-top: auto !important;
  }
  .me-AR-lg-0 {
    margin-right: 0 !important;
  }
  .me-AR-lg-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-lg-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-lg-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-lg-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-lg-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-lg-auto {
    margin-right: auto !important;
  }
  .mb-AR-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-lg-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-lg-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-lg-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-lg-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-lg-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-lg-0 {
    margin-left: 0 !important;
  }
  .ms-AR-lg-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-lg-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-lg-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-lg-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-lg-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --mval1: 20px;
    --mval2: 24px;
    --mval3: 28px;
    --mval4: 32px;
    --mval5: 36px;
  }
  .m-xl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-xl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-xl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-xl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-xl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-xl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-xl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-xl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-xl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-xl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-xl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-xl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-xl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-xl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-xl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-xl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-xl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-xl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-xl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-xl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-xl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-xl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-xl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-xl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-xl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-xl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .m-AR-xl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-xl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-xl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-xl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-xl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-xl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-xl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-xl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-xl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-xl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-xl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-xl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-xl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-xl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-xl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-xl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-xl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-xl-0 {
    margin-top: 0 !important;
  }
  .mt-AR-xl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-xl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-xl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-xl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-xl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-xl-auto {
    margin-top: auto !important;
  }
  .me-AR-xl-0 {
    margin-right: 0 !important;
  }
  .me-AR-xl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-xl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-xl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-xl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-xl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-xl-auto {
    margin-right: auto !important;
  }
  .mb-AR-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-xl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-xl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-xl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-xl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-xl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-xl-0 {
    margin-left: 0 !important;
  }
  .ms-AR-xl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-xl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-xl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-xl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-xl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --mval1: 24px;
    --mval2: 28px;
    --mval3: 32px;
    --mval4: 36px;
    --mval5: 40px;
  }
  .m-xxl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-xxl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-xxl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-xxl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-xxl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-xxl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-xxl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-xxl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-xxl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-xxl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-xxl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-xxl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-xxl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-xxl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-xxl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-xxl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-xxl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-xxl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-xxl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-xxl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-xxl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-xxl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .m-AR-xxl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-xxl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-xxl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-xxl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-xxl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-xxl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-xxl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-AR-xxl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-xxl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-xxl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-xxl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-xxl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-xxl-auto {
    margin-top: auto !important;
  }
  .me-AR-xxl-0 {
    margin-right: 0 !important;
  }
  .me-AR-xxl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-xxl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-xxl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-xxl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-xxl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-xxl-auto {
    margin-right: auto !important;
  }
  .mb-AR-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-xxl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-xxl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-xxl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-xxl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-xxl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-AR-xxl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-xxl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-xxl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-xxl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-xxl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-xxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 0px) {
  .w-5 {
    width: 5% !important;
  }
  .w-10 {
    width: 10% !important;
  }
  .w-15 {
    width: 15% !important;
  }
  .w-20 {
    width: 20% !important;
  }
  .w-25 {
    width: 25% !important;
  }
  .w-30 {
    width: 30% !important;
  }
  .w-35 {
    width: 35% !important;
  }
  .w-40 {
    width: 40% !important;
  }
  .w-45 {
    width: 45% !important;
  }
  .w-50 {
    width: 50% !important;
  }
  .w-55 {
    width: 55% !important;
  }
  .w-60 {
    width: 60% !important;
  }
  .w-65 {
    width: 65% !important;
  }
  .w-70 {
    width: 70% !important;
  }
  .w-75 {
    width: 75% !important;
  }
  .w-80 {
    width: 80% !important;
  }
  .w-85 {
    width: 85% !important;
  }
  .w-90 {
    width: 90% !important;
  }
  .w-95 {
    width: 95% !important;
  }
  .w-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .w-AR-5 {
    width: 5% !important;
  }
  .w-AR-10 {
    width: 10% !important;
  }
  .w-AR-15 {
    width: 15% !important;
  }
  .w-AR-20 {
    width: 20% !important;
  }
  .w-AR-25 {
    width: 25% !important;
  }
  .w-AR-30 {
    width: 30% !important;
  }
  .w-AR-35 {
    width: 35% !important;
  }
  .w-AR-40 {
    width: 40% !important;
  }
  .w-AR-45 {
    width: 45% !important;
  }
  .w-AR-50 {
    width: 50% !important;
  }
  .w-AR-55 {
    width: 55% !important;
  }
  .w-AR-60 {
    width: 60% !important;
  }
  .w-AR-65 {
    width: 65% !important;
  }
  .w-AR-70 {
    width: 70% !important;
  }
  .w-AR-75 {
    width: 75% !important;
  }
  .w-AR-80 {
    width: 80% !important;
  }
  .w-AR-85 {
    width: 85% !important;
  }
  .w-AR-90 {
    width: 90% !important;
  }
  .w-AR-95 {
    width: 95% !important;
  }
  .w-AR-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) {
  .w-sm-5 {
    width: 5% !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-35 {
    width: 35% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-45 {
    width: 45% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-55 {
    width: 55% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-65 {
    width: 65% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .w-sm-85 {
    width: 85% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-95 {
    width: 95% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .w-AR-sm-5 {
    width: 5% !important;
  }
  .w-AR-sm-10 {
    width: 10% !important;
  }
  .w-AR-sm-15 {
    width: 15% !important;
  }
  .w-AR-sm-20 {
    width: 20% !important;
  }
  .w-AR-sm-25 {
    width: 25% !important;
  }
  .w-AR-sm-30 {
    width: 30% !important;
  }
  .w-AR-sm-35 {
    width: 35% !important;
  }
  .w-AR-sm-40 {
    width: 40% !important;
  }
  .w-AR-sm-45 {
    width: 45% !important;
  }
  .w-AR-sm-50 {
    width: 50% !important;
  }
  .w-AR-sm-55 {
    width: 55% !important;
  }
  .w-AR-sm-60 {
    width: 60% !important;
  }
  .w-AR-sm-65 {
    width: 65% !important;
  }
  .w-AR-sm-70 {
    width: 70% !important;
  }
  .w-AR-sm-75 {
    width: 75% !important;
  }
  .w-AR-sm-80 {
    width: 80% !important;
  }
  .w-AR-sm-85 {
    width: 85% !important;
  }
  .w-AR-sm-90 {
    width: 90% !important;
  }
  .w-AR-sm-95 {
    width: 95% !important;
  }
  .w-AR-sm-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-5 {
    width: 5% !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-45 {
    width: 45% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-55 {
    width: 55% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .w-md-95 {
    width: 95% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .w-AR-md-5 {
    width: 5% !important;
  }
  .w-AR-md-10 {
    width: 10% !important;
  }
  .w-AR-md-15 {
    width: 15% !important;
  }
  .w-AR-md-20 {
    width: 20% !important;
  }
  .w-AR-md-25 {
    width: 25% !important;
  }
  .w-AR-md-30 {
    width: 30% !important;
  }
  .w-AR-md-35 {
    width: 35% !important;
  }
  .w-AR-md-40 {
    width: 40% !important;
  }
  .w-AR-md-45 {
    width: 45% !important;
  }
  .w-AR-md-50 {
    width: 50% !important;
  }
  .w-AR-md-55 {
    width: 55% !important;
  }
  .w-AR-md-60 {
    width: 60% !important;
  }
  .w-AR-md-65 {
    width: 65% !important;
  }
  .w-AR-md-70 {
    width: 70% !important;
  }
  .w-AR-md-75 {
    width: 75% !important;
  }
  .w-AR-md-80 {
    width: 80% !important;
  }
  .w-AR-md-85 {
    width: 85% !important;
  }
  .w-AR-md-90 {
    width: 90% !important;
  }
  .w-AR-md-95 {
    width: 95% !important;
  }
  .w-AR-md-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-5 {
    width: 5% !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .w-lg-35 {
    width: 35% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-45 {
    width: 45% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-55 {
    width: 55% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .w-lg-65 {
    width: 65% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .w-lg-85 {
    width: 85% !important;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .w-lg-95 {
    width: 95% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .w-AR-lg-5 {
    width: 5% !important;
  }
  .w-AR-lg-10 {
    width: 10% !important;
  }
  .w-AR-lg-15 {
    width: 15% !important;
  }
  .w-AR-lg-20 {
    width: 20% !important;
  }
  .w-AR-lg-25 {
    width: 25% !important;
  }
  .w-AR-lg-30 {
    width: 30% !important;
  }
  .w-AR-lg-35 {
    width: 35% !important;
  }
  .w-AR-lg-40 {
    width: 40% !important;
  }
  .w-AR-lg-45 {
    width: 45% !important;
  }
  .w-AR-lg-50 {
    width: 50% !important;
  }
  .w-AR-lg-55 {
    width: 55% !important;
  }
  .w-AR-lg-60 {
    width: 60% !important;
  }
  .w-AR-lg-65 {
    width: 65% !important;
  }
  .w-AR-lg-70 {
    width: 70% !important;
  }
  .w-AR-lg-75 {
    width: 75% !important;
  }
  .w-AR-lg-80 {
    width: 80% !important;
  }
  .w-AR-lg-85 {
    width: 85% !important;
  }
  .w-AR-lg-90 {
    width: 90% !important;
  }
  .w-AR-lg-95 {
    width: 95% !important;
  }
  .w-AR-lg-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-5 {
    width: 5% !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .w-xl-35 {
    width: 35% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .w-xl-45 {
    width: 45% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-55 {
    width: 55% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .w-xl-65 {
    width: 65% !important;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .w-xl-85 {
    width: 85% !important;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .w-xl-95 {
    width: 95% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .w-AR-xl-5 {
    width: 5% !important;
  }
  .w-AR-xl-10 {
    width: 10% !important;
  }
  .w-AR-xl-15 {
    width: 15% !important;
  }
  .w-AR-xl-20 {
    width: 20% !important;
  }
  .w-AR-xl-25 {
    width: 25% !important;
  }
  .w-AR-xl-30 {
    width: 30% !important;
  }
  .w-AR-xl-35 {
    width: 35% !important;
  }
  .w-AR-xl-40 {
    width: 40% !important;
  }
  .w-AR-xl-45 {
    width: 45% !important;
  }
  .w-AR-xl-50 {
    width: 50% !important;
  }
  .w-AR-xl-55 {
    width: 55% !important;
  }
  .w-AR-xl-60 {
    width: 60% !important;
  }
  .w-AR-xl-65 {
    width: 65% !important;
  }
  .w-AR-xl-70 {
    width: 70% !important;
  }
  .w-AR-xl-75 {
    width: 75% !important;
  }
  .w-AR-xl-80 {
    width: 80% !important;
  }
  .w-AR-xl-85 {
    width: 85% !important;
  }
  .w-AR-xl-90 {
    width: 90% !important;
  }
  .w-AR-xl-95 {
    width: 95% !important;
  }
  .w-AR-xl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) {
  .w-xxl-5 {
    width: 5% !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .w-xxl-15 {
    width: 15% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-30 {
    width: 30% !important;
  }
  .w-xxl-35 {
    width: 35% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .w-xxl-45 {
    width: 45% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-55 {
    width: 55% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .w-xxl-65 {
    width: 65% !important;
  }
  .w-xxl-70 {
    width: 70% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-80 {
    width: 80% !important;
  }
  .w-xxl-85 {
    width: 85% !important;
  }
  .w-xxl-90 {
    width: 90% !important;
  }
  .w-xxl-95 {
    width: 95% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .w-AR-xxl-5 {
    width: 5% !important;
  }
  .w-AR-xxl-10 {
    width: 10% !important;
  }
  .w-AR-xxl-15 {
    width: 15% !important;
  }
  .w-AR-xxl-20 {
    width: 20% !important;
  }
  .w-AR-xxl-25 {
    width: 25% !important;
  }
  .w-AR-xxl-30 {
    width: 30% !important;
  }
  .w-AR-xxl-35 {
    width: 35% !important;
  }
  .w-AR-xxl-40 {
    width: 40% !important;
  }
  .w-AR-xxl-45 {
    width: 45% !important;
  }
  .w-AR-xxl-50 {
    width: 50% !important;
  }
  .w-AR-xxl-55 {
    width: 55% !important;
  }
  .w-AR-xxl-60 {
    width: 60% !important;
  }
  .w-AR-xxl-65 {
    width: 65% !important;
  }
  .w-AR-xxl-70 {
    width: 70% !important;
  }
  .w-AR-xxl-75 {
    width: 75% !important;
  }
  .w-AR-xxl-80 {
    width: 80% !important;
  }
  .w-AR-xxl-85 {
    width: 85% !important;
  }
  .w-AR-xxl-90 {
    width: 90% !important;
  }
  .w-AR-xxl-95 {
    width: 95% !important;
  }
  .w-AR-xxl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 0px) {
  .d-n {
    display: none !important;
  }
  .d-b {
    display: block !important;
  }
  .d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .d-AR-n {
    display: none !important;
  }
  .d-AR-b {
    display: block !important;
  }
  .d-AR-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .d-sm-n {
    display: none !important;
  }
  .d-sm-b {
    display: block !important;
  }
  .d-sm-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-sm-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-sm-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-sm-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-sm-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-sm-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-sm-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-sm-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-sm-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-sm-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-sm-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-sm-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-sm-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-sm-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-sm-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-sm-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-sm-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-sm-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-sm-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-sm-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .d-AR-sm-n {
    display: none !important;
  }
  .d-AR-sm-b {
    display: block !important;
  }
  .d-AR-sm-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-sm-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-sm-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-sm-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-sm-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-sm-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-sm-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-sm-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-sm-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-sm-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-sm-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-sm-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-sm-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-sm-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-sm-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-sm-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-sm-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-sm-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-sm-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-sm-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .d-md-n {
    display: none !important;
  }
  .d-md-b {
    display: block !important;
  }
  .d-md-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-md-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-md-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-md-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-md-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-md-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-md-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-md-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-md-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-md-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-md-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-md-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-md-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-md-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-md-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-md-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-md-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-md-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-md-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-md-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .d-AR-md-n {
    display: none !important;
  }
  .d-AR-md-b {
    display: block !important;
  }
  .d-AR-md-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-md-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-md-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-md-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-md-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-md-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-md-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-md-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-md-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-md-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-md-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-md-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-md-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-md-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-md-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-md-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-md-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-md-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-md-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-md-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .d-lg-n {
    display: none !important;
  }
  .d-lg-b {
    display: block !important;
  }
  .d-lg-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-lg-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-lg-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-lg-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-lg-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-lg-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-lg-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-lg-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-lg-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-lg-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-lg-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-lg-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-lg-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-lg-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-lg-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-lg-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-lg-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-lg-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-lg-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-lg-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .d-AR-lg-n {
    display: none !important;
  }
  .d-AR-lg-b {
    display: block !important;
  }
  .d-AR-lg-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-lg-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-lg-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-lg-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-lg-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-lg-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-lg-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-lg-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-lg-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-lg-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-lg-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-lg-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-lg-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-lg-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-lg-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-lg-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-lg-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-lg-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-lg-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-lg-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .d-xl-n {
    display: none !important;
  }
  .d-xl-b {
    display: block !important;
  }
  .d-xl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-xl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-xl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-xl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-xl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-xl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-xl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-xl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-xl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-xl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-xl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-xl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-xl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-xl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-xl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-xl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-xl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-xl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-xl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-xl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .d-AR-xl-n {
    display: none !important;
  }
  .d-AR-xl-b {
    display: block !important;
  }
  .d-AR-xl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-xl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-xl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-xl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-xl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-xl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-xl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-xl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-xl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-xl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-xl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-xl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-xl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-xl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-xl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-xl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-xl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-xl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-xl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-xl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1400px) {
  .d-xxl-n {
    display: none !important;
  }
  .d-xxl-b {
    display: block !important;
  }
  .d-xxl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-xxl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-xxl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-xxl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-xxl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-xxl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-xxl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-xxl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-xxl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-xxl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-xxl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-xxl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-xxl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-xxl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-xxl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-xxl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-xxl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-xxl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-xxl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-xxl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .d-AR-xxl-n {
    display: none !important;
  }
  .d-AR-xxl-b {
    display: block !important;
  }
  .d-AR-xxl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-xxl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-xxl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-xxl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-xxl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-xxl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-xxl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-xxl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-xxl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-xxl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-xxl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-xxl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-xxl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-xxl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-xxl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-xxl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-xxl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-xxl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-xxl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-xxl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 0px) {
  .pos-sta {
    position: static !important;
  }
  .pos-r {
    position: relative !important;
  }
  .pos-a {
    position: absolute !important;
  }
  .pos-f {
    position: fixed !important;
  }
  .pos-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .pos-AR-sta {
    position: static !important;
  }
  .pos-AR-r {
    position: relative !important;
  }
  .pos-AR-a {
    position: absolute !important;
  }
  .pos-AR-f {
    position: fixed !important;
  }
  .pos-AR-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 576px) {
  .pos-sm-sta {
    position: static !important;
  }
  .pos-sm-r {
    position: relative !important;
  }
  .pos-sm-a {
    position: absolute !important;
  }
  .pos-sm-f {
    position: fixed !important;
  }
  .pos-sm-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .pos-AR-sm-sta {
    position: static !important;
  }
  .pos-AR-sm-r {
    position: relative !important;
  }
  .pos-AR-sm-a {
    position: absolute !important;
  }
  .pos-AR-sm-f {
    position: fixed !important;
  }
  .pos-AR-sm-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .pos-md-sta {
    position: static !important;
  }
  .pos-md-r {
    position: relative !important;
  }
  .pos-md-a {
    position: absolute !important;
  }
  .pos-md-f {
    position: fixed !important;
  }
  .pos-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .pos-AR-md-sta {
    position: static !important;
  }
  .pos-AR-md-r {
    position: relative !important;
  }
  .pos-AR-md-a {
    position: absolute !important;
  }
  .pos-AR-md-f {
    position: fixed !important;
  }
  .pos-AR-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .pos-md-sta {
    position: static !important;
  }
  .pos-md-r {
    position: relative !important;
  }
  .pos-md-a {
    position: absolute !important;
  }
  .pos-md-f {
    position: fixed !important;
  }
  .pos-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .pos-AR-md-sta {
    position: static !important;
  }
  .pos-AR-md-r {
    position: relative !important;
  }
  .pos-AR-md-a {
    position: absolute !important;
  }
  .pos-AR-md-f {
    position: fixed !important;
  }
  .pos-AR-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .pos-lg-sta {
    position: static !important;
  }
  .pos-lg-r {
    position: relative !important;
  }
  .pos-lg-a {
    position: absolute !important;
  }
  .pos-lg-f {
    position: fixed !important;
  }
  .pos-lg-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .pos-AR-lg-sta {
    position: static !important;
  }
  .pos-AR-lg-r {
    position: relative !important;
  }
  .pos-AR-lg-a {
    position: absolute !important;
  }
  .pos-AR-lg-f {
    position: fixed !important;
  }
  .pos-AR-lg-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .pos-xl-sta {
    position: static !important;
  }
  .pos-xl-r {
    position: relative !important;
  }
  .pos-xl-a {
    position: absolute !important;
  }
  .pos-xl-f {
    position: fixed !important;
  }
  .pos-xl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .pos-AR-xl-sta {
    position: static !important;
  }
  .pos-AR-xl-r {
    position: relative !important;
  }
  .pos-AR-xl-a {
    position: absolute !important;
  }
  .pos-AR-xl-f {
    position: fixed !important;
  }
  .pos-AR-xl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1400px) {
  .pos-xxl-sta {
    position: static !important;
  }
  .pos-xxl-r {
    position: relative !important;
  }
  .pos-xxl-a {
    position: absolute !important;
  }
  .pos-xxl-f {
    position: fixed !important;
  }
  .pos-xxl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .pos-AR-xxl-sta {
    position: static !important;
  }
  .pos-AR-xxl-r {
    position: relative !important;
  }
  .pos-AR-xxl-a {
    position: absolute !important;
  }
  .pos-AR-xxl-f {
    position: fixed !important;
  }
  .pos-AR-xxl-sti {
    position: sticky !important;
  }
}
.o {
  overflow: auto;
  overflow: hidden;
  overflow: scroll;
  overflow: visible;
}

@media screen and (min-width: 0px) {
  .of-auto {
    overflow: auto !important;
  }
  .of-x-auto {
    overflow-x: auto !important;
  }
  .of-y-auto {
    overflow-y: auto !important;
  }
  .of-hid {
    overflow: hidden !important;
  }
  .of-x-hid {
    overflow-x: hidden !important;
  }
  .of-y-hid {
    overflow-y: hidden !important;
  }
  .of-sc {
    overflow: scroll !important;
  }
  .of-x-sc {
    overflow-x: scroll !important;
  }
  .of-y-sc {
    overflow-y: scroll !important;
  }
  .of-vis {
    overflow: visible !important;
  }
  .of-x-vis {
    overflow-x: visible !important;
  }
  .of-y-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .of-AR-auto {
    overflow: auto !important;
  }
  .of-x-AR-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-auto {
    overflow-y: auto !important;
  }
  .of-AR-hid {
    overflow: hidden !important;
  }
  .of-x-AR-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-hid {
    overflow-y: hidden !important;
  }
  .of-AR-sc {
    overflow: scroll !important;
  }
  .of-x-AR-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-sc {
    overflow-y: scroll !important;
  }
  .of-AR-vis {
    overflow: visible !important;
  }
  .of-x-AR-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 575px) {
  .of-sm-auto {
    overflow: auto !important;
  }
  .of-x-sm-auto {
    overflow-x: auto !important;
  }
  .of-y-sm-auto {
    overflow-y: auto !important;
  }
  .of-sm-hid {
    overflow: hidden !important;
  }
  .of-x-sm-hid {
    overflow-x: hidden !important;
  }
  .of-y-sm-hid {
    overflow-y: hidden !important;
  }
  .of-sm-sc {
    overflow: scroll !important;
  }
  .of-x-sm-sc {
    overflow-x: scroll !important;
  }
  .of-y-sm-sc {
    overflow-y: scroll !important;
  }
  .of-sm-vis {
    overflow: visible !important;
  }
  .of-x-sm-vis {
    overflow-x: visible !important;
  }
  .of-y-sm-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 575px) and (min-aspect-ratio: 1) {
  .of-AR-sm-auto {
    overflow: auto !important;
  }
  .of-x-AR-sm-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-sm-auto {
    overflow-y: auto !important;
  }
  .of-AR-sm-hid {
    overflow: hidden !important;
  }
  .of-x-AR-sm-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-sm-hid {
    overflow-y: hidden !important;
  }
  .of-AR-sm-sc {
    overflow: scroll !important;
  }
  .of-x-AR-sm-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-sm-sc {
    overflow-y: scroll !important;
  }
  .of-AR-sm-vis {
    overflow: visible !important;
  }
  .of-x-AR-sm-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-sm-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 768px) {
  .of-md-auto {
    overflow: auto !important;
  }
  .of-x-md-auto {
    overflow-x: auto !important;
  }
  .of-y-md-auto {
    overflow-y: auto !important;
  }
  .of-md-hid {
    overflow: hidden !important;
  }
  .of-x-md-hid {
    overflow-x: hidden !important;
  }
  .of-y-md-hid {
    overflow-y: hidden !important;
  }
  .of-md-sc {
    overflow: scroll !important;
  }
  .of-x-md-sc {
    overflow-x: scroll !important;
  }
  .of-y-md-sc {
    overflow-y: scroll !important;
  }
  .of-md-vis {
    overflow: visible !important;
  }
  .of-x-md-vis {
    overflow-x: visible !important;
  }
  .of-y-md-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .of-AR-md-auto {
    overflow: auto !important;
  }
  .of-x-AR-md-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-md-auto {
    overflow-y: auto !important;
  }
  .of-AR-md-hid {
    overflow: hidden !important;
  }
  .of-x-AR-md-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-md-hid {
    overflow-y: hidden !important;
  }
  .of-AR-md-sc {
    overflow: scroll !important;
  }
  .of-x-AR-md-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-md-sc {
    overflow-y: scroll !important;
  }
  .of-AR-md-vis {
    overflow: visible !important;
  }
  .of-x-AR-md-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-md-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 992px) {
  .of-lg-auto {
    overflow: auto !important;
  }
  .of-x-lg-auto {
    overflow-x: auto !important;
  }
  .of-y-lg-auto {
    overflow-y: auto !important;
  }
  .of-lg-hid {
    overflow: hidden !important;
  }
  .of-x-lg-hid {
    overflow-x: hidden !important;
  }
  .of-y-lg-hid {
    overflow-y: hidden !important;
  }
  .of-lg-sc {
    overflow: scroll !important;
  }
  .of-x-lg-sc {
    overflow-x: scroll !important;
  }
  .of-y-lg-sc {
    overflow-y: scroll !important;
  }
  .of-lg-vis {
    overflow: visible !important;
  }
  .of-x-lg-vis {
    overflow-x: visible !important;
  }
  .of-y-lg-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .of-AR-lg-auto {
    overflow: auto !important;
  }
  .of-x-AR-lg-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-lg-auto {
    overflow-y: auto !important;
  }
  .of-AR-lg-hid {
    overflow: hidden !important;
  }
  .of-x-AR-lg-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-lg-hid {
    overflow-y: hidden !important;
  }
  .of-AR-lg-sc {
    overflow: scroll !important;
  }
  .of-x-AR-lg-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-lg-sc {
    overflow-y: scroll !important;
  }
  .of-AR-lg-vis {
    overflow: visible !important;
  }
  .of-x-AR-lg-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-lg-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1200px) {
  .of-xl-auto {
    overflow: auto !important;
  }
  .of-x-xl-auto {
    overflow-x: auto !important;
  }
  .of-y-xl-auto {
    overflow-y: auto !important;
  }
  .of-xl-hid {
    overflow: hidden !important;
  }
  .of-x-xl-hid {
    overflow-x: hidden !important;
  }
  .of-y-xl-hid {
    overflow-y: hidden !important;
  }
  .of-xl-sc {
    overflow: scroll !important;
  }
  .of-x-xl-sc {
    overflow-x: scroll !important;
  }
  .of-y-xl-sc {
    overflow-y: scroll !important;
  }
  .of-xl-vis {
    overflow: visible !important;
  }
  .of-x-xl-vis {
    overflow-x: visible !important;
  }
  .of-y-xl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .of-AR-xl-auto {
    overflow: auto !important;
  }
  .of-x-AR-xl-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-xl-auto {
    overflow-y: auto !important;
  }
  .of-AR-xl-hid {
    overflow: hidden !important;
  }
  .of-x-AR-xl-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-xl-hid {
    overflow-y: hidden !important;
  }
  .of-AR-xl-sc {
    overflow: scroll !important;
  }
  .of-x-AR-xl-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-xl-sc {
    overflow-y: scroll !important;
  }
  .of-AR-xl-vis {
    overflow: visible !important;
  }
  .of-x-AR-xl-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-xl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1400px) {
  .of-xxl-auto {
    overflow: auto !important;
  }
  .of-x-xxl-auto {
    overflow-x: auto !important;
  }
  .of-y-xxl-auto {
    overflow-y: auto !important;
  }
  .of-xxl-hid {
    overflow: hidden !important;
  }
  .of-x-xxl-hid {
    overflow-x: hidden !important;
  }
  .of-y-xxl-hid {
    overflow-y: hidden !important;
  }
  .of-xxl-sc {
    overflow: scroll !important;
  }
  .of-x-xxl-sc {
    overflow-x: scroll !important;
  }
  .of-y-xxl-sc {
    overflow-y: scroll !important;
  }
  .of-xxl-vis {
    overflow: visible !important;
  }
  .of-x-xxl-vis {
    overflow-x: visible !important;
  }
  .of-y-xxl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .of-AR-xxl-auto {
    overflow: auto !important;
  }
  .of-x-AR-xxl-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-xxl-auto {
    overflow-y: auto !important;
  }
  .of-AR-xxl-hid {
    overflow: hidden !important;
  }
  .of-x-AR-xxl-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-xxl-hid {
    overflow-y: hidden !important;
  }
  .of-AR-xxl-sc {
    overflow: scroll !important;
  }
  .of-x-AR-xxl-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-xxl-sc {
    overflow-y: scroll !important;
  }
  .of-AR-xxl-vis {
    overflow: visible !important;
  }
  .of-x-AR-xxl-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-xxl-vis {
    overflow-y: visible !important;
  }
}
:root {
  --prim-col: hsl(223, 81%, 15%);
  --prim-col-d-5: hsl(223, 81%, 10%);
  --prim-col-d-10: hsl(223, 81%, 5%);
  --prim-col-d-15: hsl(223, 81%, 0%);
  --prim-col-d-20: hsl(223, 81%, -5%);
  --prim-col-l-5: hsl(223, 81%, 20%);
  --prim-col-l-10: hsl(223, 81%, 25%);
  --prim-col-l-15: hsl(223, 81%, 30%);
  --prim-col-l-20: hsl(223, 81%, 35%);
  --sec-col: hsl(223, 45%, 35%);
  --sec-col-d-5: hsl(223, 45%, 30%);
  --sec-col-d-10: hsl(223, 45%, 25%);
  --sec-col-d-15: hsl(223, 45%, 20%);
  --sec-col-d-20: hsl(223, 45%, 15%);
  --sec-col-l-5: hsl(223, 45%, 40%);
  --sec-col-l-10: hsl(223, 45%, 45%);
  --sec-col-l-15: hsl(223, 45%, 50%);
  --sec-col-l-20: hsl(223, 45%, 55%);
  --tert-col: hsl(22, 77%, 45%);
  --tert-col-d-5: hsl(22, 77%, 40%);
  --tert-col-d-10: hsl(22, 77%, 35%);
  --tert-col-d-15: hsl(22, 77%, 30%);
  --tert-col-d-20: hsl(22, 77%, 25%);
  --tert-col-l-5: hsl(22, 77%, 50%);
  --tert-col-l-10: hsl(22, 77%, 55%);
  --tert-col-l-15: hsl(22, 77%, 60%);
  --tert-col-l-20: hsl(22, 77%, 65%);
  --quart-col: hsl(300, 52%, 39%);
  --quart-col-d-5: hsl(300, 52%, 34%);
  --quart-col-d-10: hsl(300, 52%, 29%);
  --quart-col-d-15: hsl(300, 52%, 24%);
  --quart-col-d-20: hsl(300, 52%, 19%);
  --quart-col-l-5: hsl(300, 52%, 44%);
  --quart-col-l-10: hsl(300, 52%, 49%);
  --quart-col-l-15: hsl(300, 52%, 54%);
  --quart-col-l-20: hsl(300, 52%, 59%);
  --green-col: hsl(120, 74%, 26%);
  --green-col-d-5: hsl(120, 74%, 21%);
  --green-col-d-10: hsl(120, 74%, 16%);
  --green-col-d-15: hsl(120, 74%, 11%);
  --green-col-d-20: hsl(120, 74%, 6%);
  --green-col-l-5: hsl(120, 74%, 31%);
  --green-col-l-10: hsl(120, 74%, 36%);
  --green-col-l-15: hsl(120, 74%, 41%);
  --green-col-l-20: hsl(120, 74%, 46%);
  --red-col: hsl(0, 57%, 46%);
  --red-col-d-5: hsl(0, 57%, 41%);
  --red-col-d-10: hsl(0, 57%, 36%);
  --red-col-d-15: hsl(0, 57%, 31%);
  --red-col-d-20: hsl(0, 57%, 26%);
  --red-col-l-5: hsl(0, 57%, 51%);
  --red-col-l-10: hsl(0, 57%, 56%);
  --red-col-l-15: hsl(0, 57%, 61%);
  --red-col-l-20: hsl(0, 57%, 66%);
  --yellow-col: hsl(60, 88%, 47%);
  --yellow-col-d-5: hsl(60, 88%, 42%);
  --yellow-col-d-10: hsl(60, 88%, 37%);
  --yellow-col-d-15: hsl(60, 88%, 32%);
  --yellow-col-d-20: hsl(60, 88%, 27%);
  --yellow-col-l-5: hsl(60, 88%, 52%);
  --yellow-col-l-10: hsl(60, 88%, 57%);
  --yellow-col-l-15: hsl(60, 88%, 62%);
  --yellow-col-l-20: hsl(60, 88%, 67%);
  --blue-col: hsl(240, 65%, 46%);
  --blue-col-d-5: hsl(240, 65%, 41%);
  --blue-col-d-10: hsl(240, 65%, 36%);
  --blue-col-d-15: hsl(240, 65%, 31%);
  --blue-col-d-20: hsl(240, 65%, 26%);
  --blue-col-l-5: hsl(240, 65%, 51%);
  --blue-col-l-10: hsl(240, 65%, 56%);
  --blue-col-l-15: hsl(240, 65%, 61%);
  --blue-col-l-20: hsl(240, 65%, 66%);
  --gray-col: hsl(0, 0%, 49%);
  --gray-col-d-5: hsl(0, 0%, 44%);
  --gray-col-d-10: hsl(0, 0%, 39%);
  --gray-col-d-15: hsl(0, 0%, 34%);
  --gray-col-d-20: hsl(0, 0%, 29%);
  --gray-col-l-5: hsl(0, 0%, 54%);
  --gray-col-l-10: hsl(0, 0%, 59%);
  --gray-col-l-15: hsl(0, 0%, 64%);
  --gray-col-l-20: hsl(0, 0%, 69%);
  --white-col: hsl(0, 0%, 100%);
  --white-col-d-5: hsl(0, 0%, 95%);
  --white-col-d-10: hsl(0, 0%, 90%);
  --white-col-d-15: hsl(0, 0%, 85%);
  --white-col-d-20: hsl(0, 0%, 80%);
  --black-col: hsl(0, 0%, 0%);
  --black-col-l-5: hsl(0, 0%, 5%);
  --black-col-l-10: hsl(0, 0%, 10%);
  --black-col-l-15: hsl(0, 0%, 15%);
  --black-col-l-20: hsl(0, 0%, 20%);
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  outline: none;
}

:root {
  --white-text-on-prim: #DFDFDF;
}

nav {
  max-width: var(--mw);
  width: var(--nav-w);
  height: var(--nav-h);
  top: var(--nt);
  right: var(--nr);
  transform: var(--ntrans);
  transition: all 0.4s ease;
  z-index: 2;
  padding-top: var(--nav-pt);
}
nav ul {
  padding: 0 var(--px);
  width: 100%;
  height: 100%;
  gap: var(--ul-gap);
  list-style-type: none;
}
nav ul li a {
  text-decoration: none;
  font-size: var(--nav-a);
  padding: var(--a-py) var(--a-px);
  background-color: rgba(35, 51, 92, 0.4);
  color: var(--sec-col-l-20);
  text-shadow: 0 0 10px black;
  transition: text-shadow 0.5s ease;
}
nav.active:not(.touch-detected) {
  background-color: hsla(223, 81%, 25%, .5);
}
nav:not(.touch-detected) ul li a:hover {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0);
}
nav.active:not(.touch-detected) ul li a {
  color: var(--tert-col);
  background-color: rgba(135, 61, 18, 0.2);
}
nav.active:not(.touch-detected) ul li a:hover {
  text-shadow: 0 0 10px black;
  color: var(--tert-col-l-10);
  background-color: rgba(135, 61, 18, 0.4);
}
nav.portrait-mode {
  background-color: var(--sec-col-d-15);
}
nav.portrait-mode ul li a {
  font-size: var(--nav-pm-a);
  color: var(--tert-col-d-5);
  background-color: hsl(223, 81%, 25%);
  background-color: transparent;
}
nav.portrait-mode.opened {
  right: var(--nav-or);
}

#nav-btn {
  aspect-ratio: 1;
  width: var(--nbtn-w);
  top: var(--nbtn-t);
  right: var(--nbtn-r);
  z-index: 3;
  transition: all 0.4s ease;
}
#nav-btn .rel-con {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
#nav-btn .rel-con .menu-stripes {
  border-radius: min(2vmin, 15px);
  background-color: var(--sec-col);
  width: 95%;
  pointer-events: none;
  height: var(--nav-stripe-h);
  transform: translate(50%, 0);
  transition: all 0.4s ease;
}
#nav-btn .rel-con .menu-stripes.top {
  top: 10%;
  right: 50%;
}
#nav-btn .rel-con .menu-stripes.mid {
  top: calc(50% - var(--nav-stripe-h) / 2);
  right: 50%;
}
#nav-btn .rel-con .menu-stripes.bot {
  top: calc(90% - var(--nav-stripe-h));
  right: 50%;
}
#nav-btn.opened {
  right: var(--nbtn-or);
}
#nav-btn.opened .menu-stripes {
  background-color: var(--tert-col-d-10);
}
#nav-btn.opened .rel-con .menu-stripes.top {
  top: calc(50% - var(--nav-stripe-h) / 2);
  transform: translate(50%, 0) rotate(45deg);
}
#nav-btn.opened .rel-con .menu-stripes.mid {
  opacity: 0;
}
#nav-btn.opened .rel-con .menu-stripes.bot {
  top: calc(50% - var(--nav-stripe-h) / 2);
  transform: translate(50%, 0) rotate(-45deg);
}

@media screen and (min-width: 0px) {
  nav {
    --nav-w: 50vw;
    --nav-pt: min(25vmin, 150px);
    --nt: 0;
    --nr: -50%;
    --nav-or: 0;
    --ntrans: translate(0, 0);
    --nav-a: var(--p);
    --nav-pm-a: calc(1.5 * var(--p));
    --ul-gap: min(10vmin, 50px);
    --a-py: .3rem;
    --a-px: .8rem;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  nav {
    --nav-w: 100%;
    --nav-pt: 0;
    --nr: 50%;
    --ntrans: translate(50%, 0);
    --nav-a: var(--p);
    --ul-gap: min(5vmin, 25px);
    --a-py: .3rem;
    --a-px: .8rem;
  }
}
@media screen and (min-width: 576px) {
  nav {
    --nav-pm-a: calc(1.5 * var(--p));
    --ul-gap: min(10vmin, 50px);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  nav {
    --nav-a: calc(.8 * var(--p));
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1.5) {
  nav {
    --nav-a: calc(1 * var(--p));
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  nav {
    --ul-gap: min(8vmin, 45px);
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  nav {
    --nav-a: var(--p);
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 2) {
  nav {
    --nav-a: calc(1.5 * var(--p));
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 2) {
  nav {
    --nav-a: calc(1.3 * var(--p));
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  nav {
    --nav-a: calc(1.3 * var(--p));
    --ul-gap: min(15vmin, 100px);
  }
}
body#landing-page header {
  max-width: var(--mw);
  padding: var(--head-pt) var(--px) 0;
  height: 100vh;
  height: 100dvh;
  min-height: var(--head-minh);
  background: var(--head-bg);
  mask-image: var(--head-mask);
}
body#landing-page header .title-con {
  margin-bottom: var(--title-con-mb);
}
body#landing-page header .title-con h1 span {
  font-size: var(--kws-h1);
  font-family: "GantariEB";
  line-height: 1;
}
body#landing-page header .title-con h1 .Kamedin {
  background: linear-gradient(#dfdfdf, var(--gray-col-l-10));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body#landing-page header .title-con h1 .WebSolutions {
  filter: drop-shadow(0 0 4px black);
  background: linear-gradient(var(--tert-col-l-10), var(--tert-col-d-10) 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body#landing-page header .title-con h2 {
  font-family: "MuktaReg";
  margin-top: var(--marg);
  font-size: var(--head-h2);
}
body#landing-page header .catchphrase-con {
  margin-top: var(--cphrase-con-mt);
}
body#landing-page header .catchphrase-con .phrase-card {
  width: var(--p-card-w);
  aspect-ratio: var(--p-card-ar);
  padding: var(--p-card-py) var(--p-card-px);
  background-image: linear-gradient(-45deg, var(--prim-col-l-20), var(--prim-col-l-15), var(--prim-col-l-10), var(--prim-col-l-5), var(--prim-col), var(--prim-col), var(--prim-col-l-5), var(--prim-col-l-10), var(--prim-col-l-15), var(--prim-col-l-20));
  box-shadow: 0 0 5px 2px var(--tert-col-d-5);
}
body#landing-page header .catchphrase-con .phrase-card svg {
  width: var(--svg-w);
  aspect-ratio: 1;
}
body#landing-page header .catchphrase-con .phrase-card svg path, body#landing-page header .catchphrase-con .phrase-card svg circle {
  fill: var(--tert-col);
  stroke: black;
  stroke-width: 0.5;
}
body#landing-page header .catchphrase-con .phrase-card p {
  width: var(--p-card-p-w);
  text-align: var(--p-card-p-t-al);
  font-size: var(--p-card-p);
  margin-top: var(--p-card-p-mt);
}
body#landing-page header .catchphrase-con .phrase-card:last-of-type svg path, body#landing-page header .catchphrase-con .phrase-card:last-of-type svg circle {
  stroke-width: 1;
}
body#landing-page header .catchphrase-con .phrase-card:not(:first-child) {
  margin-top: var(--p-card-mt);
}

@media screen and (min-width: 0px) {
  body {
    --head-pt: 0;
    --head-bg:
        linear-gradient(hsla(223, 81%, 15%, .9), transparent, hsla(223, 81%, 15%, 1)),
        url("/img/background_pictures/mobile-header-bg-800.png") no-repeat center/cover;
    --head-minh: 500px;
    --head-mask: unset;
    --kws-h1: 6rem;
    --head-h2: 3rem;
    --title-con-h: 50%;
    --cphrase-con-h: 50%;
    --title-con-mb: auto;
    --cphrase-con-mt: auto;
    --svg-w: 13%;
    --p-card-w: 100%;
    --p-card-mt: calc(3 * var(--marg));
    --p-card-py: .6rem;
    --p-card-px: .4rem;
    --p-card-ar: unset;
    --p-card-p: min(1.5rem, 16px);
    --p-card-p-w: 80%;
    --p-card-p-t-al: unset;
    --p-card-p-mt: 0;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  body {
    --head-pt: var(--nav-h);
    --head-bg:
        linear-gradient(to right, hsla(223, 81%, 15%, 1) 30%, hsla(223, 81%, 15%, .5), hsla(223, 81%, 15%, 0) 50%),
        url("/img/background_pictures/landscape-header-bg-800.png") no-repeat center/cover;
    --head-minh: 300px;
    --kws-h1: 6rem;
    --title-con-h: 50%;
    --cphrase-con-h: auto;
    --svg-w: 30%;
    --p-card-w: min(50vmin, 20%);
    --p-card-mt: 0;
    --p-card-py: .4rem;
    --p-card-px: .6rem;
    --p-card-ar: 1;
    --p-card-p: min(2rem, 9px);
    --p-card-p-w: 100%;
    --p-card-p-t-al: center;
    --p-card-p-mt: var(--marg);
  }
}
@media screen and (min-width: 576px) {
  body {
    --p-card-mt: calc(4 * var(--marg));
    --p-card-p: min(1.5rem, 18px);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  body {
    --kws-h1: 8rem;
    --head-h2: min(4rem, 100px);
    --title-con-h: 50%;
    --cphrase-con-h: 50%;
    --p-card-w: min(50vmin, 27%);
    --p-card-mt: 0;
    --p-card-p: min(1.5rem, 13px);
    --p-card-p-mt: calc(3 * var(--marg));
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1.4) {
  body {
    --kws-h1: 7rem;
    --p-card-w: min(50vmin, 23%);
    --p-card-p: min(2rem, 13px);
    --p-card-p-mt: calc(1 * var(--marg));
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 2) {
  body {
    --p-card-w: min(50vmin, 17%);
    --p-card-p: min(2rem, 13px);
    --p-card-p-mt: calc(1 * var(--marg));
  }
}
@media screen and (min-width: 768px) {
  body {
    --head-bg:
        linear-gradient(hsla(223, 81%, 15%, .9), transparent, hsla(223, 81%, 15%, 1)),
        url("/img/background_pictures/mobile-header-bg-1300.png") no-repeat center/cover;
    --svg-w: min(13%, 70px);
    --p-card-p: min(1.5rem, 24px);
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  body {
    --head-bg:
        linear-gradient(to right, hsla(223, 81%, 15%, 1) 30%, hsla(223, 81%, 15%, .5), hsla(223, 81%, 15%, 0) 50%),
        url("/img/background_pictures/landscape-header-bg-1600.png") no-repeat center/cover;
    --svg-w: min(25%, 45px);
    --p-card-w: min(200px, 25%);
    --p-card-p: clamp(18px, 1.5rem, 20px);
    --p-card-p-mt: calc(2 * var(--marg));
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1.8) {
  body {
    --p-card-w: min(50vmin, 17%);
    --p-card-p: min(2rem, 13px);
  }
}
@media screen and (min-width: 992px) {
  body {
    --head-minh: 1400px;
    --svg-w: min(13%, 100px);
    --p-card-mt: calc(8 * var(--marg));
    --p-card-p: min(1.5rem, 30px);
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  body {
    --head-minh: 600px;
    --kws-h1: 7rem;
    --svg-w: min(25%, 45px);
    --p-card-mt: 0;
    --p-card-p: clamp(18px, 1.5rem, 20px);
  }
}
@media screen and (min-width: 1200px) {
  body {
    --head-minh: 1600px;
    --svg-w: min(13%, 130px);
    --p-card-p: min(1.8rem, 50px);
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  body {
    --head-minh: 600px;
    --svg-w: min(30%, 80px);
    --p-card-w: min(300px, 25%);
    --p-card-py: 1rem;
    --p-card-px: 1.4rem;
    --p-card-p: clamp(18px, 1.7rem, 25px);
    --p-card-p-mt: calc(4 * var(--marg));
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.4) {
  body {
    --kws-h1: 7rem;
    --p-card-w: min(50vmin, 20%);
    --p-card-p-mt: calc(1 * var(--marg));
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.8) {
  body {
    --p-card-p-mt: calc(3 * var(--marg));
  }
}
@media screen and (min-width: 1400px) {
  body {
    --head-minh: 2000px;
    --kws-h1: min(6rem, 140px);
    --svg-w: min(13%, 130px);
    --p-card-p: min(1.8rem, 50px);
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  body {
    --head-bg:
        linear-gradient(to right, hsla(223, 81%, 15%, 1) 30%, hsla(223, 81%, 15%, .5), hsla(223, 81%, 15%, 0) 50%),
        url("/img/background_pictures/landscape-header-bg-2100.png") no-repeat center/cover;
    --head-minh: 600px;
    --svg-w: min(30%, 80px);
    --p-card-w: min(300px, 25%);
    --p-card-py: 1rem;
    --p-card-px: 1.4rem;
    --p-card-p: clamp(18px, 1.7rem, 25px);
    --p-card-p-mt: calc(4 * var(--marg));
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1.7) {
  body {
    --p-card-w: min(50vmin, 17%);
    --p-card-p-mt: calc(3 * var(--marg));
  }
}
@media screen and (min-width: 1921px) {
  body {
    --head-mask: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  }
}
section#targetgroups {
  max-width: var(--mw);
  padding: var(--t-p-wr-mt) var(--px);
  background: linear-gradient(to bottom, hsl(223, 81%, 15%), hsla(223, 81%, 15%, 0.7), hsla(223, 81%, 15%, 0.7), hsla(223, 81%, 15%, 0)), var(--tgroups-bg) center;
}
section#targetgroups .button-wrapper {
  row-gap: var(--btn-wr-gap-r);
  column-gap: var(--btn-wr-gap-c);
}
section#targetgroups .text-pic-wrapper {
  width: 100%;
  margin-top: var(--t-p-wr-mt);
  flex: 1;
}
section#targetgroups .text-pic-wrapper .text-con {
  padding-bottom: var(--t-p-wr-mt);
}
section#targetgroups .text-pic-wrapper .text-con:not(.active) {
  display: none !important;
}
section#targetgroups .text-pic-wrapper .text-con p, section#targetgroups .text-pic-wrapper .text-con h2 {
  margin-top: var(--t-con-mt);
}
section#targetgroups .text-pic-wrapper .text-con p {
  width: var(--t-con-p-w);
}
section#targetgroups .text-pic-wrapper picture:not(.active) {
  display: none !important;
}
section#targetgroups .text-pic-wrapper picture.ident-companies img {
  top: var(--pic-t);
  left: var(--pic-l);
  right: var(--pic-r);
  mask-composite: intersect;
  mask-image: var(--pic-mask-comp);
}
section#targetgroups .text-pic-wrapper picture.ident-artists img {
  top: var(--pic-t);
  left: var(--pic-l);
  right: var(--pic-r);
  mask-composite: intersect;
  mask-image: var(--pic-mask-art);
  opacity: var(--pic-op-art);
}
section#targetgroups .text-pic-wrapper picture.ident-startups img {
  top: var(--pic-su-t);
  left: var(--pic-su-l);
  right: var(--pic-r);
  mask-composite: intersect;
  mask-image: var(--pic-mask-su);
  opacity: var(--pic-op-art);
}
section#targetgroups .text-pic-wrapper picture.ident-clubs img {
  top: var(--pic-su-t);
  left: var(--pic-su-l);
  right: var(--pic-r);
  mask-composite: intersect;
  mask-image: var(--pic-mask-club);
  opacity: var(--pic-op-art);
}
section#targetgroups .text-pic-wrapper picture.ident-creators img {
  top: var(--pic-cc-t);
  left: var(--pic-cc-l);
  right: var(--pic-cc-r);
  mask-composite: intersect;
  mask-image: var(--pic-mask-cc);
}

@media screen and (min-width: 0px) {
  body {
    --btn-wr-gap-r: 20px;
    --btn-wr-gap-c: min(3vmin, 20px);
    --t-p-wr-mt: calc(1 * var(--marg));
    --pic-t: 0;
    --pic-l: 0;
    --pic-r: unset;
    --pic-su-t: var(--pic-t);
    --pic-su-l: var(--pic-l);
    --pic-cc-t: 0;
    --pic-cc-l: -65%;
    --pic-cc-r: unset;
    --pic-mask-comp: linear-gradient(to right, transparent, black, black), linear-gradient(to bottom, black, transparent), linear-gradient(to right, black, transparent);
    --pic-mask-art: linear-gradient(to right, transparent, black 5%, black 95%, transparent), linear-gradient(to bottom, black 95%, transparent);
    --pic-mask-su: var(--pic-mask-art);
    --pic-mask-club: linear-gradient(to right, transparent, black 30%, transparent, transparent), linear-gradient(to bottom, black 95%, transparent);
    --pic-mask-cc: linear-gradient(to right, transparent 20%, black), linear-gradient(to bottom, black 95%, transparent);
    --pic-op-art: .5;
    --t-con-mt: var(--t-p-wr-mt);
    --t-con-p-w: 100%;
    --tgroups-bg: url("/img/background_pictures/tgroups-bg-800.png");
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  body {
    --btn-wr-gap-c: min(2.5vmin, 30px);
    --pic-l: unset;
    --pic-r: -15%;
    --pic-su-t: -34%;
    --pic-su-l: 0;
    --pic-cc-t: -15%;
    --pic-cc-l: -45%;
    --pic-mask-comp: linear-gradient(to right, transparent, rgba(0,0,0,1)), linear-gradient(to bottom, rgba(0,0,0,1) 80%, transparent);
    --pic-mask-su: linear-gradient(to right, transparent, black 5%, black 95%, transparent), linear-gradient(to bottom, black, transparent);
    --t-con-p-w: 70%;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1.5) {
  body {
    --pic-su-t: -100%;
    --pic-cc-t: -65%;
    --pic-cc-l: -45%;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1.8) {
  body {
    --pic-su-t: -200%;
    --pic-cc-t: -140%;
    --pic-cc-l: -45%;
  }
}
@media screen and (min-width: 576px) {
  body {
    --t-p-wr-mt: calc(2 * var(--marg));
    --pic-cc-t: 0;
    --pic-cc-l: -30%;
    --pic-mask-su: linear-gradient(to right, transparent, black 5%, black 95%, transparent), linear-gradient(to bottom, black, transparent);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  body {
    --t-p-wr-mt: calc(4 * var(--marg));
    --pic-t: -10%;
    --pic-r: -30%;
    --pic-su-t: 0;
    --pic-su-l: 0;
    --pic-mask-club: linear-gradient(to right, transparent, black, transparent), linear-gradient(to bottom, black 95%, transparent);
  }
}
@media screen and (min-width: 768px) {
  body {
    --pic-l: unset;
    --pic-r: -15%;
    --pic-cc-t: 0;
    --pic-cc-l: 0;
    --pic-mask-comp: linear-gradient(to right, transparent, rgba(0,0,0,1)), linear-gradient(to bottom, rgba(0,0,0,1) 80%, transparent);
    --pic-mask-club: linear-gradient(to right, transparent, black), linear-gradient(to bottom, black 95%, transparent);
    --t-con-p-w: 70%;
    --tgroups-bg: url("/img/background_pictures/tgroups-bg-1200.png");
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  body {
    --t-p-wr-mt: calc(2 * var(--marg));
    --pic-t: -10%;
    --pic-r: -30%;
  }
}
@media screen and (min-width: 992px) {
  body {
    --pic-l: unset;
    --pic-r: -15%;
    --pic-su-t: -50%;
    --pic-su-l: 0;
    --pic-cc-t: -40%;
    --pic-cc-l: -30%;
    --pic-mask-comp: linear-gradient(to right, transparent, rgba(0,0,0,1)), linear-gradient(to bottom, rgba(0,0,0,1) 80%, transparent);
    --t-con-p-w: 70%;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  body {
    --t-p-wr-mt: calc(4 * var(--marg));
    --pic-t: -10%;
    --pic-r: -30%;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1.8) {
  body {
    --pic-su-t: -100%;
    --pic-su-l: 0;
  }
}
@media screen and (min-width: 1200px) {
  body {
    --pic-mask-club: linear-gradient(to right, transparent, black 50%), linear-gradient(to bottom, black 50%, transparent);
    --tgroups-bg: url("/img/background_pictures/tgroups-bg-1800-ar.png");
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.5) {
  body {
    --pic-t: -25%;
  }
}
@media screen and (min-width: 1400px) {
  body {
    --pic-cc-t: -40%;
    --pic-cc-l: -20%;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  body {
    --pic-t: -30%;
    --t-con-p-w: 55%;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1.5) {
  body {
    --pic-t: -45%;
  }
}
@media screen and (min-width: 1600px) {
  body {
    --pic-cc-t: -40%;
    --pic-cc-l: 0;
  }
}
@media screen and (min-width: 1800px) {
  body {
    --pic-mask-su: linear-gradient(to right, transparent, black, black), linear-gradient(to bottom, black 90%, transparent);
    --tgroups-bg: url("/img/background_pictures/tgroups-bg-2300-ar.png");
  }
}
section#steps {
  max-width: var(--mw);
  padding: var(--gmarg) 0 0;
  background-color: var(--prim-col);
}
section#steps .text-con {
  padding: 0 var(--px);
}
section#steps .text-con p {
  margin-top: var(--gmarg);
}
section#steps .step-con {
  flex-direction: var(--step-con-fdir);
  justify-content: var(--step-con-jc);
  align-items: var(--step-con-ai);
  margin-top: var(--gmarg);
  padding: var(--step-con-pt) var(--px) var(--step-con-pb);
  background: var(--steps-bg);
  background-size: cover;
}
section#steps .step-con .single-step {
  width: var(--step-w);
  margin-top: var(--step-mt);
  padding: var(--s-step-py) var(--s-step-px);
  background-image: linear-gradient(-45deg, var(--prim-col-l-15), var(--prim-col-l-10), var(--prim-col-l-5), var(--prim-col), var(--prim-col), var(--prim-col-l-5), var(--prim-col-l-10), var(--prim-col-l-15));
  border: min(1vmin, 3px) solid var(--tert-col);
}
section#steps .step-con .single-step h3 {
  font-size: var(--step-h3);
}
section#steps .step-con .single-step h3 span {
  font-family: "MMono", Arial;
  margin-right: var(--mono-me);
  font-size: var(--mono);
  text-shadow: 0 0 3px black;
}
section#steps .step-con .single-step p {
  font-size: var(--step-p);
  margin-top: var(--step-p-mt);
}
section#steps .step-con .single-step a {
  text-decoration: none;
}

@media screen and (min-width: 0px) {
  body {
    --gmarg: calc(1 * var(--marg));
    --step-con-fdir: column;
    --step-con-jc: start;
    --step-con-ai: center;
    --step-con-pt: 0;
    --step-con-pb: var(--gmarg);
    --s-step-py: .5rem;
    --s-step-px: .5rem;
    --step-h3: 2.5rem;
    --mono: 3rem;
    --mono-me: .8rem;
    --steps-bg: url("/img/background_pictures/mobile-header-bg-800.png") no-repeat center center fixed;
    --step-mt: var(--gmarg);
    --step-p: 1.5rem;
    --step-p-mt: 0;
    --step-w: 100%;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  body {
    --gmarg: calc(1 * var(--marg));
    --s-step-py: .5rem;
    --s-step-px: .5rem;
    --mono: 3rem;
    --mono-me: .8rem;
    --steps-bg: url("/img/background_pictures/steps-bg-800-ar.png") no-repeat center center fixed;
    --step-p: 1.5rem;
    --step-w: 100%;
  }
}
@media screen and (min-width: 575px) and (min-aspect-ratio: 2) {
  body {
    --step-con-fdir: row;
    --step-con-jc: space-between;
    --step-con-ai: stretch;
    --step-con-pt: calc(1 * var(--gmarg));
    --step-con-pb: calc(1 * var(--gmarg));
    --s-step-py: 1rem;
    --s-step-px: 1rem;
    --step-h3: 2rem;
    --mono: 2.5rem;
    --step-mt: 0;
    --step-p: 1.7rem;
    --step-p-mt: calc(.8 * var(--gmarg));
    --step-w: 17%;
  }
}
@media screen and (min-width: 768px) {
  body {
    --step-h3: 2rem;
    --mono: 2.5rem;
    --steps-bg: url("/img/background_pictures/steps-bg-1200.png") no-repeat center center fixed;
    --step-p: min(1.5rem, 20px);
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  body {
    --steps-bg: url("/img/background_pictures/steps-bg-1200-ar.png") no-repeat center center fixed;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1.7) {
  body {
    --step-con-fdir: row;
    --step-con-jc: space-between;
    --step-con-ai: stretch;
    --step-con-pt: calc(2 * var(--gmarg));
    --step-con-pb: calc(2 * var(--gmarg));
    --s-step-py: 1rem;
    --s-step-px: 1rem;
    --step-h3: 1.7rem;
    --mono: 2.2rem;
    --mono-me: .8rem;
    --step-mt: 0;
    --step-p: 1.7rem;
    --step-p-mt: calc(.8 * var(--gmarg));
    --step-w: 17%;
  }
}
@media screen and (min-width: 992px) {
  body {
    --step-h3: 1.7rem;
    --mono: 2rem;
    --mono-me: .6rem;
    --step-p: min(2rem, 22px);
    --step-p-mt: 10px;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1.7) {
  body {
    --step-con-fdir: row;
    --step-con-jc: space-between;
    --step-con-ai: stretch;
    --step-con-pt: calc(5 * var(--gmarg));
    --step-con-pb: calc(5 * var(--gmarg));
    --s-step-py: 1rem;
    --s-step-px: .7rem;
    --mono: 2.2rem;
    --mono-me: 5px;
    --step-p: 1.7rem;
    --step-p-mt: calc(.8 * var(--gmarg));
    --step-w: 17%;
  }
}
@media screen and (min-width: 1200px) {
  body {
    --step-con-fdir: row;
    --step-con-jc: space-between;
    --step-con-ai: stretch;
    --step-con-pt: calc(5 * var(--gmarg));
    --step-con-pb: calc(5 * var(--gmarg));
    --step-h3: .7rem;
    --mono: 1rem;
    --mono-me: 10px;
    --steps-bg: url("/img/background_pictures/steps-bg-1800-ar.png") no-repeat center center fixed;
    --step-p: min(1.5rem, 16px);
    --step-p-mt: 10px;
    --step-w: 17%;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  body {
    --step-h3: min(1.8rem, 20px);
    --mono: min(2.3rem, 22px);
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.7) {
  body {
    --s-step-py: 1rem;
    --s-step-px: .7rem;
    --mono: 2.2rem;
    --mono-me: 5px;
    --step-p: min(1.7rem, 20px);
    --step-p-mt: calc(.8 * var(--gmarg));
    --step-w: 17%;
  }
}
@media screen and (min-width: 1800px) {
  body {
    --steps-bg: url("/img/background_pictures/steps-bg-2300-ar.png") no-repeat center center fixed;
  }
}
section#clients {
  max-width: var(--mw);
  padding: var(--gmarg) var(--px);
}
section#clients .ref-con {
  margin-top: var(--gmarg);
  text-decoration: none;
}
section#clients .ref-con .client-card {
  width: var(--c-card-w);
  border-radius: min(2.5vmin, 20px);
  padding: var(--c-card-pad);
}
section#clients .ref-con .client-card .gradient {
  width: 100%;
  padding: var(--c-card-pad);
  background: linear-gradient(140deg, var(--tert-col-d-15) 40%, var(--tert-col-d-10));
}
section#clients .ref-con .client-card .gradient .pic {
  width: 100%;
  box-shadow: -4px -4px 10px 2px var(--sec-col-d-15);
  padding: var(--c-card-py) var(--c-card-px);
}
section#clients .ref-con .client-card .gradient .pic p {
  font-size: var(--c-card-p);
}
section#clients .ref-con .client-card .gradient .pic .mini-pic {
  width: var(--mini-w);
  aspect-ratio: 1.5;
  float: right;
  background: var(--mini-pic-bg);
  box-shadow: -3px 3px 10px 2px black;
  margin-left: var(--mini-ms);
  margin-bottom: var(--mini-mb);
}
section#clients .ref-con .client-card#wahlbuddy .gradient .pic {
  background: var(--wahlbuddy-bg);
}
section#clients .ref-con .client-card#wahlbuddy .gradient .pic .mini-pic {
  background: var(--wahlbuddy-mini-pic);
}
section#clients .ref-con .client-card#sandner .gradient .pic {
  background: var(--sandner-bg);
}
section#clients .ref-con .client-card#sandner .gradient .pic .mini-pic {
  background: var(--sandner-mini-pic);
}
section#clients .ref-con .client-card#paschwitz .gradient .pic {
  background: var(--paschwitz-bg);
}
section#clients .ref-con .client-card#paschwitz .gradient .pic .mini-pic {
  background: var(--paschwitz-mini-pic);
}

@media screen and (min-width: 0px) {
  body {
    --gmarg: calc(1 * var(--marg));
    --c-card-w: 100%;
    --c-card-py: 1rem;
    --c-card-px: 1.5rem;
    --c-card-p: 1.3rem;
    --c-card-pad: min(2vmin, 15px);
    --mini-w: 45%;
    --mini-ms: min(2vmin, 15px);
    --mini-mb: min(2vmin, 15px);
    --wahlbuddy-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/wahlbuddy-800.png") no-repeat 15% 0 / cover;
    --wahlbuddy-mini-pic: url("/img/client_cards/wahlbuddy-800.png") no-repeat center / contain;
    --sandner-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/sandner-800.png") no-repeat 15% 0 / cover;
    --sandner-mini-pic: url("/img/client_cards/sandner-800.png") no-repeat center / contain;
    --paschwitz-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/paschwitz-800.png") no-repeat 15% 0 / cover;
    --paschwitz-mini-pic: url("/img/client_cards/paschwitz-800.png") no-repeat center / contain;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  body {
    --c-card-p: min(2.5rem, 16px);
    --mini-w: clamp(50px, 30%, 130px);
  }
}
@media screen and (min-width: 576px) {
  body {
    --gmarg: calc(2 * var(--marg));
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  body {
    --gmarg: calc(4 * var(--marg));
  }
}
@media screen and (min-width: 768px) {
  body {
    --c-card-p: min(2rem, 18px);
  }
}
@media screen and (min-width: 992px) {
  body {
    --wahlbuddy-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/wahlbuddy-1200.png") no-repeat 15% 0 / cover;
    --wahlbuddy-mini-pic: url("/img/client_cards/wahlbuddy-800.png") no-repeat center / contain;
    --sandner-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/sandner-1200.png") no-repeat 15% 0 / cover;
    --sandner-mini-pic: url("/img/client_cards/sandner-800.png") no-repeat center / contain;
    --paschwitz-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/paschwitz-1200.png") no-repeat 15% 0 / cover;
    --paschwitz-mini-pic: url("/img/client_cards/paschwitz-800.png") no-repeat center / contain;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  body {
    --mini-w: clamp(200px, 30%, 400px);
  }
}
@media screen and (min-width: 1200px) {
  body {
    --c-card-p: min(2rem, 18px);
    --c-card-p: min(1rem, 26px);
    --mini-w: 35%;
    --wahlbuddy-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/wahlbuddy-1900.png") no-repeat 15% 0 / cover;
    --wahlbuddy-mini-pic: url("/img/client_cards/wahlbuddy-800.png") no-repeat center / contain;
    --sandner-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/sandner-1900.png") no-repeat 15% 0 / cover;
    --sandner-mini-pic: url("/img/client_cards/sandner-800.png") no-repeat center / contain;
    --paschwitz-bg: linear-gradient(hsla(223, 81%, 15%, .8), hsla(223, 81%, 15%, .8)),
    url("/img/client_cards/paschwitz-1900.png") no-repeat 15% 0 / cover;
    --paschwitz-mini-pic: url("/img/client_cards/paschwitz-800.png") no-repeat center / contain;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  body {
    --c-card-p: min(2rem, 24px);
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.5) {
  body {
    --mini-w: 25%;
  }
}
*::selection {
  background-color: var(--sec-col);
  color: var(--tert-col-d-10);
}

html {
  font-size: var(--rem);
}

p, button, label, input, a {
  font-family: "SaralaReg";
}

p {
  font-size: var(--p);
}

h1 {
  font-size: var(--h1);
}

h2 {
  font-family: "DMsansEB";
  font-size: var(--h2);
}

h3 {
  font-family: "DMsansEB";
  font-size: var(--h3);
}

body {
  background-color: var(--prim-col);
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body a, body span, body label, body input[type=email], body input[type=text], body [type=tel], body textarea {
  color: var(--white-text-on-prim);
}

button {
  z-index: 1;
  font-size: var(--btn);
  border: min(2vmin, 3px) solid hsla(22, 77%, 35%, 0.3);
  padding: var(--t-btn-py) var(--t-btn-px);
  background-color: transparent;
  color: var(--white-text-on-prim);
  cursor: pointer;
}
button.red {
  background-color: hsla(0, 57%, 46%, 0.4);
}
button.red::after {
  background-color: var(--red-col-d-10);
}
button.green {
  background-color: hsla(120, 74%, 26%, 0.4);
}
button.green::after {
  background-color: var(--green-col-d-5);
}
button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--sec-col);
  transition: all 0.4s ease;
  z-index: -1;
}
button .btn-lines {
  background-color: var(--tert-col);
  position: absolute;
  transition: all 0.4s ease;
  pointer-events: none;
}
button .btn-lines.top-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 25%;
  height: 2px;
}
button .btn-lines.right-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 2px;
  height: 15%;
}
button .btn-lines.bot-line {
  bottom: calc(min(2vmin, 3px) * -1);
  left: calc(min(2vmin, 3px) * -1);
  width: 35%;
  height: 2px;
}
button .btn-lines.left-line {
  bottom: calc(min(2vmin, 3px) * -1);
  left: calc(min(2vmin, 3px) * -1);
  width: 2px;
  height: 20%;
}
button:hover {
  color: var(--tert-col);
  text-shadow: 0 0 5px black;
}
button:hover::after {
  height: 20%;
}
button:hover .btn-lines.top-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 55%;
}
button:hover .btn-lines.right-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 2px;
  height: 30%;
}
button:hover .btn-lines.bot-line {
  width: 45%;
}
button:hover .btn-lines.left-line {
  height: 45%;
}
button.t-group-btn.active {
  color: var(--tert-col);
  text-shadow: 0 0 5px black;
}
button.t-group-btn.active::after {
  height: 100%;
}
button.t-group-btn.active .btn-lines.top-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 85%;
}
button.t-group-btn.active .btn-lines.right-line {
  top: calc(min(2vmin, 3px) * -1);
  right: calc(min(2vmin, 3px) * -1);
  width: 2px;
  height: 100%;
}
button.t-group-btn.active .btn-lines.bot-line {
  width: 75%;
}
button.t-group-btn.active .btn-lines.left-line {
  height: 100%;
}

input[type=checkbox] {
  appearance: none;
  width: var(--cb-w);
  height: var(--cb-w);
  background-color: var(--sec-col);
  border: min(1.5vmin, 2px) solid var(--tert-col-l-10);
  border-radius: 0;
}
input[type=checkbox]::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: var(--tert-col);
  transition: all 0.4s ease;
}
input[type=checkbox]:not(:checked)::before {
  width: 0;
  height: 0;
  border: none;
}
input[type=checkbox]:checked::before {
  width: 80%;
  height: 80%;
  border: 1px solid black;
}

#impressum {
  background-color: var(--sec-col-d-15);
  padding: 0 var(--px);
}
#impressum .impressum-con > h3 {
  font-size: var(--imp-h3);
}
#impressum .impressum-con p {
  font-size: var(--imp-p);
}

#datenschutz {
  max-width: var(--mw);
  padding: var(--g-mt) var(--px);
}

#error {
  max-width: var(--mw);
  padding: var(--gmarg) var(--px);
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--cont-bg);
}

@media screen and (min-width: 0px) {
  html {
    --btn: 1.5rem;
    --t-btn-py: 1.3rem;
    --t-btn-px: 1.6rem;
    --h1: 4rem;
    --h2: 3rem;
    --h3: 2.5rem;
    --rem: 2vmin;
    --p: 2rem;
    --px: min(6vmin, 22px);
    --marg: min(2vmax, 20px);
    --mw: 1920px;
    --nav-h: 100vh;
    --nav-dh: 100dvh;
    --nbtn-w: min(10vmin, 30px);
    --nbtn-t: min(7vmin, 40px);
    --nbtn-r: min(5vmin, 20px);
    --nbtn-or: calc(50% + var(--nbtn-w));
    --nav-stripe-h: min(2vmin, 4px);
    --cb-w: min(10vmin, 30px);
    --imp-h3: calc(.5 * var(--h3));
    --imp-p: calc(.5 * var(--p));
    --cont-bg: url("/img/background_pictures/mobile-header-bg-800.png") no-repeat center / cover;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  html {
    --rem: 1.5vmin;
    --p: 1.5rem;
    --marg: min(4vmin, 10px);
    --nav-h: 10vmin;
    --imp-h3: calc(.8 * var(--h3));
    --imp-p: calc(.8 * var(--p));
  }
}
@media screen and (min-width: 576px) {
  html {
    --px: min(9vmin, 33px);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  html {
    --h2: 4rem;
    --p: 2rem;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1.5) {
  html {
    --cb-w: min(10vmin, 20px);
    --imp-h3: calc(1 * var(--h3));
    --imp-p: calc(1 * var(--p));
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 2) {
  html {
    --h2: 4.5rem;
    --h3: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  html {
    --btn: 1rem;
    --t-btn-py: .7rem;
    --t-btn-px: 1rem;
    --h2: min(2rem, 40px);
    --h3: 1.7rem;
    --p: min(2rem, 18px);
    --px: min(12vmin, 44px);
    --imp-h3: calc(.8 * var(--h3));
    --imp-p: calc(.8 * var(--p));
    --cont-bg: url("/img/background_pictures/mobile-header-bg-1300.png") no-repeat center / cover;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  html {
    --btn: 1.7rem;
    --h2: min(3.5rem, 30px);
    --imp-h3: calc(1.2 * var(--h3));
  }
}
@media screen and (min-width: 992px) {
  html {
    --btn: .7rem;
    --t-btn-py: .7rem;
    --t-btn-px: 1rem;
    --h2: 1.7rem;
    --h3: 1.4rem;
    --px: min(12vmin, 55px);
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  html {
    --btn: 1.7rem;
    --h2: min(3.5rem, 35px);
    --h3: min(2.5rem, 25px);
    --nav-h: min(20vmin, 100px);
  }
}
@media screen and (min-width: 1200px) {
  html {
    --px: min(12vmin, 70px);
    --cont-bg: url("/img/background_pictures/tgroups-bg-1800-ar.png") no-repeat center / 100%;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  html {
    --btn: 1.2rem;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1.5) {
  html {
    --btn: 1.5rem;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 2) {
  html {
    --btn: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  html {
    --btn: min(.7rem, 22px);
    --h1: min(4rem, 120px);
    --h2: min(1rem, 30px);
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  html {
    --btn: min(1rem, 22px);
    --h2: min(1.5rem, 30px);
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1.5) {
  html {
    --h2: min(5rem, 30px);
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 2) {
  html {
    --btn: 1.5rem;
  }
}
@media screen and (min-width: 1800px) {
  html {
    --cont-bg: url("/img/background_pictures/tgroups-bg-2300-ar.png") no-repeat center / 100%;
  }
}