.p-0 {
  padding: 0 !important;
}

.pt-0, .py-0 {
  padding-block-start: 0 !important;
}

.pe-0, .px-0 {
  padding-inline-end: 0 !important;
}

.pb-0, .py-0 {
  padding-block-end: 0 !important;
}

.ps-0, .px-0 {
  padding-inline-start: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1, .py-1 {
  padding-block-start: 0.25rem !important;
}

.pe-1, .px-1 {
  padding-inline-end: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-block-end: 0.25rem !important;
}

.ps-1, .px-1 {
  padding-inline-start: 0.25rem !important;
}

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

.pt-2, .py-2 {
  padding-block-start: 0.5rem !important;
}

.pe-2, .px-2 {
  padding-inline-end: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-block-end: 0.5rem !important;
}

.ps-2, .px-2 {
  padding-inline-start: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3, .py-3 {
  padding-block-start: 1rem !important;
}

.pe-3, .px-3 {
  padding-inline-end: 1rem !important;
}

.pb-3, .py-3 {
  padding-block-end: 1rem !important;
}

.ps-3, .px-3 {
  padding-inline-start: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4, .py-4 {
  padding-block-start: 1.5rem !important;
}

.pe-4, .px-4 {
  padding-inline-end: 1.5rem !important;
}

.pb-4, .py-4 {
  padding-block-end: 1.5rem !important;
}

.ps-4, .px-4 {
  padding-inline-start: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5, .py-5 {
  padding-block-start: 3rem !important;
}

.pe-5, .px-5 {
  padding-inline-end: 3rem !important;
}

.pb-5, .py-5 {
  padding-block-end: 3rem !important;
}

.ps-5, .px-5 {
  padding-inline-start: 3rem !important;
}

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

.pt-2rem, .py-2rem {
  padding-block-start: 2rem !important;
}

.pe-2rem, .px-2rem {
  padding-inline-end: 2rem !important;
}

.pb-2rem, .py-2rem {
  padding-block-end: 2rem !important;
}

.ps-2rem, .px-2rem {
  padding-inline-start: 2rem !important;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0, .py-sm-0 {
    padding-block-start: 0 !important;
  }

  .pe-sm-0, .px-sm-0 {
    padding-inline-end: 0 !important;
  }

  .pb-sm-0, .py-sm-0 {
    padding-block-end: 0 !important;
  }

  .ps-sm-0, .px-sm-0 {
    padding-inline-start: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1, .py-sm-1 {
    padding-block-start: 0.25rem !important;
  }

  .pe-sm-1, .px-sm-1 {
    padding-inline-end: 0.25rem !important;
  }

  .pb-sm-1, .py-sm-1 {
    padding-block-end: 0.25rem !important;
  }

  .ps-sm-1, .px-sm-1 {
    padding-inline-start: 0.25rem !important;
  }

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

  .pt-sm-2, .py-sm-2 {
    padding-block-start: 0.5rem !important;
  }

  .pe-sm-2, .px-sm-2 {
    padding-inline-end: 0.5rem !important;
  }

  .pb-sm-2, .py-sm-2 {
    padding-block-end: 0.5rem !important;
  }

  .ps-sm-2, .px-sm-2 {
    padding-inline-start: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3, .py-sm-3 {
    padding-block-start: 1rem !important;
  }

  .pe-sm-3, .px-sm-3 {
    padding-inline-end: 1rem !important;
  }

  .pb-sm-3, .py-sm-3 {
    padding-block-end: 1rem !important;
  }

  .ps-sm-3, .px-sm-3 {
    padding-inline-start: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4, .py-sm-4 {
    padding-block-start: 1.5rem !important;
  }

  .pe-sm-4, .px-sm-4 {
    padding-inline-end: 1.5rem !important;
  }

  .pb-sm-4, .py-sm-4 {
    padding-block-end: 1.5rem !important;
  }

  .ps-sm-4, .px-sm-4 {
    padding-inline-start: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5, .py-sm-5 {
    padding-block-start: 3rem !important;
  }

  .pe-sm-5, .px-sm-5 {
    padding-inline-end: 3rem !important;
  }

  .pb-sm-5, .py-sm-5 {
    padding-block-end: 3rem !important;
  }

  .ps-sm-5, .px-sm-5 {
    padding-inline-start: 3rem !important;
  }
}

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

  .pt-md-0, .py-md-0 {
    padding-block-start: 0 !important;
  }

  .pe-md-0, .px-md-0 {
    padding-inline-end: 0 !important;
  }

  .pb-md-0, .py-md-0 {
    padding-block-end: 0 !important;
  }

  .ps-md-0, .px-md-0 {
    padding-inline-start: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1, .py-md-1 {
    padding-block-start: 0.25rem !important;
  }

  .pe-md-1, .px-md-1 {
    padding-inline-end: 0.25rem !important;
  }

  .pb-md-1, .py-md-1 {
    padding-block-end: 0.25rem !important;
  }

  .ps-md-1, .px-md-1 {
    padding-inline-start: 0.25rem !important;
  }

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

  .pt-md-2, .py-md-2 {
    padding-block-start: 0.5rem !important;
  }

  .pe-md-2, .px-md-2 {
    padding-inline-end: 0.5rem !important;
  }

  .pb-md-2, .py-md-2 {
    padding-block-end: 0.5rem !important;
  }

  .ps-md-2, .px-md-2 {
    padding-inline-start: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3, .py-md-3 {
    padding-block-start: 1rem !important;
  }

  .pe-md-3, .px-md-3 {
    padding-inline-end: 1rem !important;
  }

  .pb-md-3, .py-md-3 {
    padding-block-end: 1rem !important;
  }

  .ps-md-3, .px-md-3 {
    padding-inline-start: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4, .py-md-4 {
    padding-block-start: 1.5rem !important;
  }

  .pe-md-4, .px-md-4 {
    padding-inline-end: 1.5rem !important;
  }

  .pb-md-4, .py-md-4 {
    padding-block-end: 1.5rem !important;
  }

  .ps-md-4, .px-md-4 {
    padding-inline-start: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5, .py-md-5 {
    padding-block-start: 3rem !important;
  }

  .pe-md-5, .px-md-5 {
    padding-inline-end: 3rem !important;
  }

  .pb-md-5, .py-md-5 {
    padding-block-end: 3rem !important;
  }

  .ps-md-5, .px-md-5 {
    padding-inline-start: 3rem !important;
  }
}

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

  .pt-lg-0, .py-lg-0 {
    padding-block-start: 0 !important;
  }

  .pe-lg-0, .px-lg-0 {
    padding-inline-end: 0 !important;
  }

  .pb-lg-0, .py-lg-0 {
    padding-block-end: 0 !important;
  }

  .ps-lg-0, .px-lg-0 {
    padding-inline-start: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1, .py-lg-1 {
    padding-block-start: 0.25rem !important;
  }

  .pe-lg-1, .px-lg-1 {
    padding-inline-end: 0.25rem !important;
  }

  .pb-lg-1, .py-lg-1 {
    padding-block-end: 0.25rem !important;
  }

  .ps-lg-1, .px-lg-1 {
    padding-inline-start: 0.25rem !important;
  }

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

  .pt-lg-2, .py-lg-2 {
    padding-block-start: 0.5rem !important;
  }

  .pe-lg-2, .px-lg-2 {
    padding-inline-end: 0.5rem !important;
  }

  .pb-lg-2, .py-lg-2 {
    padding-block-end: 0.5rem !important;
  }

  .ps-lg-2, .px-lg-2 {
    padding-inline-start: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3, .py-lg-3 {
    padding-block-start: 1rem !important;
  }

  .pe-lg-3, .px-lg-3 {
    padding-inline-end: 1rem !important;
  }

  .pb-lg-3, .py-lg-3 {
    padding-block-end: 1rem !important;
  }

  .ps-lg-3, .px-lg-3 {
    padding-inline-start: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4, .py-lg-4 {
    padding-block-start: 1.5rem !important;
  }

  .pe-lg-4, .px-lg-4 {
    padding-inline-end: 1.5rem !important;
  }

  .pb-lg-4, .py-lg-4 {
    padding-block-end: 1.5rem !important;
  }

  .ps-lg-4, .px-lg-4 {
    padding-inline-start: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5, .py-lg-5 {
    padding-block-start: 3rem !important;
  }

  .pe-lg-5, .px-lg-5 {
    padding-inline-end: 3rem !important;
  }

  .pb-lg-5, .py-lg-5 {
    padding-block-end: 3rem !important;
  }

  .ps-lg-5, .px-lg-5 {
    padding-inline-start: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0, .py-xl-0 {
    padding-block-start: 0 !important;
  }

  .pe-xl-0, .px-xl-0 {
    padding-inline-end: 0 !important;
  }

  .pb-xl-0, .py-xl-0 {
    padding-block-end: 0 !important;
  }

  .ps-xl-0, .px-xl-0 {
    padding-inline-start: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1, .py-xl-1 {
    padding-block-start: 0.25rem !important;
  }

  .pe-xl-1, .px-xl-1 {
    padding-inline-end: 0.25rem !important;
  }

  .pb-xl-1, .py-xl-1 {
    padding-block-end: 0.25rem !important;
  }

  .ps-xl-1, .px-xl-1 {
    padding-inline-start: 0.25rem !important;
  }

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

  .pt-xl-2, .py-xl-2 {
    padding-block-start: 0.5rem !important;
  }

  .pe-xl-2, .px-xl-2 {
    padding-inline-end: 0.5rem !important;
  }

  .pb-xl-2, .py-xl-2 {
    padding-block-end: 0.5rem !important;
  }

  .ps-xl-2, .px-xl-2 {
    padding-inline-start: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3, .py-xl-3 {
    padding-block-start: 1rem !important;
  }

  .pe-xl-3, .px-xl-3 {
    padding-inline-end: 1rem !important;
  }

  .pb-xl-3, .py-xl-3 {
    padding-block-end: 1rem !important;
  }

  .ps-xl-3, .px-xl-3 {
    padding-inline-start: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4, .py-xl-4 {
    padding-block-start: 1.5rem !important;
  }

  .pe-xl-4, .px-xl-4 {
    padding-inline-end: 1.5rem !important;
  }

  .pb-xl-4, .py-xl-4 {
    padding-block-end: 1.5rem !important;
  }

  .ps-xl-4, .px-xl-4 {
    padding-inline-start: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5, .py-xl-5 {
    padding-block-start: 3rem !important;
  }

  .pe-xl-5, .px-xl-5 {
    padding-inline-end: 3rem !important;
  }

  .pb-xl-5, .py-xl-5 {
    padding-block-end: 3rem !important;
  }

  .ps-xl-5, .px-xl-5 {
    padding-inline-start: 3rem !important;
  }
}

/* ###### 9.6 Padding   ###### */

.pd-0 {
  padding: 0px;
}

.pd-y-0 {
  padding-block-start: 0px;
  padding-block-end: 0px;
}

.pd-x-0 {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}

.pd-t-0 {
  padding-block-start: 0px  !important;
}

.pd-e-0 {
  padding-inline-end: 0px  !important;
}

.pd-b-0 {
  padding-block-end: 0px  !important;
}

.pd-s-0 {
  padding-inline-start: 0px !important;
}

.pd-1 {
  padding: 1px;
}

.pd-y-1 {
  padding-block-start: 1px;
  padding-block-end: 1px;
}

.pd-x-1 {
  padding-inline-start: 1px;
  padding-inline-end: 1px;
}

.pd-t-1 {
  padding-block-start: 1px;
}

.pd-e-1 {
  padding-inline-end: 1px;
}

.pd-b-1 {
  padding-block-end: 1px;
}

.pd-s-1 {
  padding-inline-start: 1px;
}

.pd-2 {
  padding: 2px;
}

.pd-y-2 {
  padding-block-start: 2px;
  padding-block-end: 2px;
}

.pd-x-2 {
  padding-inline-start: 2px;
  padding-inline-end: 2px;
}

.pd-t-2 {
  padding-block-start: 2px;
}

.pd-e-2 {
  padding-inline-end: 2px;
}

.pd-b-2 {
  padding-block-end: 2px;
}

.pd-s-2 {
  padding-inline-start: 2px;
}

.pd-3 {
  padding: 3px;
}

.pd-y-3 {
  padding-block-start: 3px;
  padding-block-end: 3px;
}

.pd-x-3 {
  padding-inline-start: 3px;
  padding-inline-end: 3px;
}

.pd-t-3 {
  padding-block-start: 3px;
}

.pd-e-3 {
  padding-inline-end: 3px;
}

.pd-b-3 {
  padding-block-end: 3px;
}

.pd-s-3 {
  padding-inline-start: 3px;
}

.pd-4 {
  padding: 4px;
}

.pd-y-4 {
  padding-block-start: 4px;
  padding-block-end: 4px;
}

.pd-x-4 {
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}

.pd-t-4 {
  padding-block-start: 4px;
}

.pd-e-4 {
  padding-inline-end: 4px;
}

.pd-b-4 {
  padding-block-end: 4px;
}

.pd-s-4 {
  padding-inline-start: 4px;
}

.pd-5 {
  padding: 5px;
}

.pd-y-5 {
  padding-block-start: 5px;
  padding-block-end: 5px;
}

.pd-x-5 {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}

.pd-t-5 {
  padding-block-start: 5px;
}

.pd-e-5 {
  padding-inline-end: 5px;
}

.pd-b-5 {
  padding-block-end: 5px;
}

.pd-s-5 {
  padding-inline-start: 5px;
}

.pd-6 {
  padding: 6px;
}

.pd-y-6 {
  padding-block-start: 6px;
  padding-block-end: 6px;
}

.pd-x-6 {
  padding-inline-start: 6px;
  padding-inline-end: 6px;
}

.pd-t-6 {
  padding-block-start: 6px !important;
}

.pd-e-6 {
  padding-inline-end: 6px;
}

.pd-b-6 {
  padding-block-end: 6px;
}

.pd-s-6 {
  padding-inline-start: 6px;
}

.pd-7 {
  padding: 7px;
}

.pd-y-7 {
  padding-block-start: 7px;
  padding-block-end: 7px;
}

.pd-x-7 {
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}

.pd-t-7 {
  padding-block-start: 7px;
}

.pd-e-7 {
  padding-inline-end: 7px;
}

.pd-b-7 {
  padding-block-end: 7px;
}

.pd-s-7 {
  padding-inline-start: 7px;
}

.pd-8 {
  padding: 8px;
}

.pd-y-8 {
  padding-block-start: 8px;
  padding-block-end: 8px;
}

.pd-x-8 {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}

.pd-t-8 {
  padding-block-start: 8px;
}

.pd-e-8 {
  padding-inline-end: 8px;
}

.pd-b-8 {
  padding-block-end: 8px;
}

.pd-s-8 {
  padding-inline-start: 8px;
}

.pd-9 {
  padding: 9px;
}

.pd-y-9 {
  padding-block-start: 9px;
  padding-block-end: 9px;
}

.pd-x-9 {
  padding-inline-start: 9px;
  padding-inline-end: 9px;
}

.pd-t-9 {
  padding-block-start: 9px;
}

.pd-e-9 {
  padding-inline-end: 9px;
}

.pd-b-9 {
  padding-block-end: 9px;
}

.pd-s-9 {
  padding-inline-start: 9px;
}

.pd-10 {
  padding: 10px;
}

.pd-y-10 {
  padding-block-start: 10px;
  padding-block-end: 10px;
}

.pd-x-10 {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
}

.pd-t-10 {
  padding-block-start: 10px;
}

.pd-e-10 {
  padding-inline-end: 10px;
}

.pd-b-10 {
  padding-block-end: 10px;
}

.pd-s-10 {
  padding-inline-start: 10px;
}

.pd-15 {
  padding: 15px;
}

.pd-y-15 {
  padding-block-start: 15px;
  padding-block-end: 15px;
}

.pd-x-15 {
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}

.pd-t-15 {
  padding-block-start: 15px;
}

.pd-e-15 {
  padding-inline-end: 15px;
}

.pd-b-15 {
  padding-block-end: 15px;
}

.pd-s-15 {
  padding-inline-start: 15px;
}

.pd-20 {
  padding: 20px;
}

.pd-y-20 {
  padding-block-start: 20px;
  padding-block-end: 20px;
}

.pd-x-20 {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.pd-t-20 {
  padding-block-start: 20px;
}

.pd-e-20 {
  padding-inline-end: 20px;
}

.pd-b-20 {
  padding-block-end: 20px;
}

.pd-s-20 {
  padding-inline-start: 20px;
}

.pd-25 {
  padding: 25px;
}

.pd-y-25 {
  padding-block-start: 25px;
  padding-block-end: 25px;
}

.pd-x-25 {
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}

.pd-t-25 {
  padding-block-start: 25px;
}

.pd-e-25 {
  padding-inline-end: 25px;
}

.pd-b-25 {
  padding-block-end: 25px;
}

.pd-s-25 {
  padding-inline-start: 25px;
}

.pd-30 {
  padding: 30px;
}

.pd-y-30 {
  padding-block-start: 30px;
  padding-block-end: 30px;
}

.pd-x-30 {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}

.pd-t-30 {
  padding-block-start: 30px;
}

.pd-e-30 {
  padding-inline-end: 30px;
}

.pd-b-30 {
  padding-block-end: 30px;
}

.pd-s-30 {
  padding-inline-start: 30px;
}

.pd-35 {
  padding: 35px;
}

.pd-y-35 {
  padding-block-start: 35px;
  padding-block-end: 35px;
}

.pd-x-35 {
  padding-inline-start: 35px;
  padding-inline-end: 35px;
}

.pd-t-35 {
  padding-block-start: 35px;
}

.pd-e-35 {
  padding-inline-end: 35px;
}

.pd-b-35 {
  padding-block-end: 35px;
}

.pd-s-35 {
  padding-inline-start: 35px;
}

.pd-40 {
  padding: 40px;
}

.pd-y-40 {
  padding-block-start: 40px;
  padding-block-end: 40px;
}

.pd-x-40 {
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}

.pd-t-40 {
  padding-block-start: 40px;
}

.pd-e-40 {
  padding-inline-end: 40px;
}

.pd-b-40 {
  padding-block-end: 40px;
}

.pd-s-40 {
  padding-inline-start: 40px;
}

@media (min-width: 480px) {
  .pd-xs-0 {
    padding: 0px;
  }

  .pd-xs-y-0 {
    padding-block-start: 0px;
    padding-block-end: 0px;
  }

  .pd-xs-x-0 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }

  .pd-xs-t-0 {
    padding-block-start: 0px;
  }

  .pd-xs-r-0 {
    padding-inline-end: 0px;
  }

  .pd-xs-b-0 {
    padding-block-end: 0px;
  }

  .pd-xs-l-0 {
    padding-inline-start: 0px;
  }

  .pd-xs-1 {
    padding: 1px;
  }

  .pd-xs-y-1 {
    padding-block-start: 1px;
    padding-block-end: 1px;
  }

  .pd-xs-x-1 {
    padding-inline-start: 1px;
    padding-inline-end: 1px;
  }

  .pd-xs-t-1 {
    padding-block-start: 1px;
  }

  .pd-xs-r-1 {
    padding-inline-end: 1px;
  }

  .pd-xs-b-1 {
    padding-block-end: 1px;
  }

  .pd-xs-l-1 {
    padding-inline-start: 1px;
  }

  .pd-xs-2 {
    padding: 2px;
  }

  .pd-xs-y-2 {
    padding-block-start: 2px;
    padding-block-end: 2px;
  }

  .pd-xs-x-2 {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
  }

  .pd-xs-t-2 {
    padding-block-start: 2px;
  }

  .pd-xs-r-2 {
    padding-inline-end: 2px;
  }

  .pd-xs-b-2 {
    padding-block-end: 2px;
  }

  .pd-xs-l-2 {
    padding-inline-start: 2px;
  }

  .pd-xs-3 {
    padding: 3px;
  }

  .pd-xs-y-3 {
    padding-block-start: 3px;
    padding-block-end: 3px;
  }

  .pd-xs-x-3 {
    padding-inline-start: 3px;
    padding-inline-end: 3px;
  }

  .pd-xs-t-3 {
    padding-block-start: 3px;
  }

  .pd-xs-r-3 {
    padding-inline-end: 3px;
  }

  .pd-xs-b-3 {
    padding-block-end: 3px;
  }

  .pd-xs-l-3 {
    padding-inline-start: 3px;
  }

  .pd-xs-4 {
    padding: 4px;
  }

  .pd-xs-y-4 {
    padding-block-start: 4px;
    padding-block-end: 4px;
  }

  .pd-xs-x-4 {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }

  .pd-xs-t-4 {
    padding-block-start: 4px;
  }

  .pd-xs-r-4 {
    padding-inline-end: 4px;
  }

  .pd-xs-b-4 {
    padding-block-end: 4px;
  }

  .pd-xs-l-4 {
    padding-inline-start: 4px;
  }

  .pd-xs-5 {
    padding: 5px;
  }

  .pd-xs-y-5 {
    padding-block-start: 5px;
    padding-block-end: 5px;
  }

  .pd-xs-x-5 {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
  }

  .pd-xs-t-5 {
    padding-block-start: 5px;
  }

  .pd-xs-r-5 {
    padding-inline-end: 5px;
  }

  .pd-xs-b-5 {
    padding-block-end: 5px;
  }

  .pd-xs-l-5 {
    padding-inline-start: 5px;
  }

  .pd-xs-6 {
    padding: 6px;
  }

  .pd-xs-y-6 {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }

  .pd-xs-x-6 {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }

  .pd-xs-t-6 {
    padding-block-start: 6px;
  }

  .pd-xs-r-6 {
    padding-inline-end: 6px;
  }

  .pd-xs-b-6 {
    padding-block-end: 6px;
  }

  .pd-xs-l-6 {
    padding-inline-start: 6px;
  }

  .pd-xs-7 {
    padding: 7px;
  }

  .pd-xs-y-7 {
    padding-block-start: 7px;
    padding-block-end: 7px;
  }

  .pd-xs-x-7 {
    padding-inline-start: 7px;
    padding-inline-end: 7px;
  }

  .pd-xs-t-7 {
    padding-block-start: 7px;
  }

  .pd-xs-r-7 {
    padding-inline-end: 7px;
  }

  .pd-xs-b-7 {
    padding-block-end: 7px;
  }

  .pd-xs-l-7 {
    padding-inline-start: 7px;
  }

  .pd-xs-8 {
    padding: 8px;
  }

  .pd-xs-y-8 {
    padding-block-start: 8px;
    padding-block-end: 8px;
  }

  .pd-xs-x-8 {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .pd-xs-t-8 {
    padding-block-start: 8px;
  }

  .pd-xs-r-8 {
    padding-inline-end: 8px;
  }

  .pd-xs-b-8 {
    padding-block-end: 8px;
  }

  .pd-xs-l-8 {
    padding-inline-start: 8px;
  }

  .pd-xs-9 {
    padding: 9px;
  }

  .pd-xs-y-9 {
    padding-block-start: 9px;
    padding-block-end: 9px;
  }

  .pd-xs-x-9 {
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  .pd-xs-t-9 {
    padding-block-start: 9px;
  }

  .pd-xs-r-9 {
    padding-inline-end: 9px;
  }

  .pd-xs-b-9 {
    padding-block-end: 9px;
  }

  .pd-xs-l-9 {
    padding-inline-start: 9px;
  }

  .pd-xs-10 {
    padding: 10px;
  }

  .pd-xs-y-10 {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }

  .pd-xs-x-10 {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }

  .pd-xs-t-10 {
    padding-block-start: 10px;
  }

  .pd-xs-r-10 {
    padding-inline-end: 10px;
  }

  .pd-xs-b-10 {
    padding-block-end: 10px;
  }

  .pd-xs-l-10 {
    padding-inline-start: 10px;
  }

  .pd-xs-15 {
    padding: 15px;
  }

  .pd-xs-y-15 {
    padding-block-start: 15px;
    padding-block-end: 15px;
  }

  .pd-xs-x-15 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }

  .pd-xs-t-15 {
    padding-block-start: 15px;
  }

  .pd-xs-r-15 {
    padding-inline-end: 15px;
  }

  .pd-xs-b-15 {
    padding-block-end: 15px;
  }

  .pd-xs-l-15 {
    padding-inline-start: 15px;
  }

  .pd-xs-20 {
    padding: 20px;
  }

  .pd-xs-y-20 {
    padding-block-start: 20px;
    padding-block-end: 20px;
  }

  .pd-xs-x-20 {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }

  .pd-xs-t-20 {
    padding-block-start: 20px;
  }

  .pd-xs-r-20 {
    padding-inline-end: 20px;
  }

  .pd-xs-b-20 {
    padding-block-end: 20px;
  }

  .pd-xs-l-20 {
    padding-inline-start: 20px;
  }

  .pd-xs-25 {
    padding: 25px;
  }

  .pd-xs-y-25 {
    padding-block-start: 25px;
    padding-block-end: 25px;
  }

  .pd-xs-x-25 {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }

  .pd-xs-t-25 {
    padding-block-start: 25px;
  }

  .pd-xs-r-25 {
    padding-inline-end: 25px;
  }

  .pd-xs-b-25 {
    padding-block-end: 25px;
  }

  .pd-xs-l-25 {
    padding-inline-start: 25px;
  }

  .pd-xs-30 {
    padding: 30px;
  }

  .pd-xs-y-30 {
    padding-block-start: 30px;
    padding-block-end: 30px;
  }

  .pd-xs-x-30 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }

  .pd-xs-t-30 {
    padding-block-start: 30px;
  }

  .pd-xs-r-30 {
    padding-inline-end: 30px;
  }

  .pd-xs-b-30 {
    padding-block-end: 30px;
  }

  .pd-xs-l-30 {
    padding-inline-start: 30px;
  }

  .pd-xs-35 {
    padding: 35px;
  }

  .pd-xs-y-35 {
    padding-block-start: 35px;
    padding-block-end: 35px;
  }

  .pd-xs-x-35 {
    padding-inline-start: 35px;
    padding-inline-end: 35px;
  }

  .pd-xs-t-35 {
    padding-block-start: 35px;
  }

  .pd-xs-r-35 {
    padding-inline-end: 35px;
  }

  .pd-xs-b-35 {
    padding-block-end: 35px;
  }

  .pd-xs-l-35 {
    padding-inline-start: 35px;
  }

  .pd-xs-40 {
    padding: 40px;
  }

  .pd-xs-y-40 {
    padding-block-start: 40px;
    padding-block-end: 40px;
  }

  .pd-xs-x-40 {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }

  .pd-xs-t-40 {
    padding-block-start: 40px;
  }

  .pd-xs-r-40 {
    padding-inline-end: 40px;
  }

  .pd-xs-b-40 {
    padding-block-end: 40px;
  }

  .pd-xs-l-40 {
    padding-inline-start: 40px;
  }
}

@media (min-width: 576px) {
  .pd-sm-0 {
    padding: 0px;
  }

  .pd-sm-y-0 {
    padding-block-start: 0px;
    padding-block-end: 0px;
  }

  .pd-sm-x-0 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }

  .pd-sm-t-0 {
    padding-block-start: 0px;
  }

  .pd-sm-r-0 {
    padding-inline-end: 0px;
  }

  .pd-sm-b-0 {
    padding-block-end: 0px;
  }

  .pd-sm-l-0 {
    padding-inline-start: 0px;
  }

  .pd-sm-1 {
    padding: 1px;
  }

  .pd-sm-y-1 {
    padding-block-start: 1px;
    padding-block-end: 1px;
  }

  .pd-sm-x-1 {
    padding-inline-start: 1px;
    padding-inline-end: 1px;
  }

  .pd-sm-t-1 {
    padding-block-start: 1px;
  }

  .pd-sm-r-1 {
    padding-inline-end: 1px;
  }

  .pd-sm-b-1 {
    padding-block-end: 1px;
  }

  .pd-sm-l-1 {
    padding-inline-start: 1px;
  }

  .pd-sm-2 {
    padding: 2px;
  }

  .pd-sm-y-2 {
    padding-block-start: 2px;
    padding-block-end: 2px;
  }

  .pd-sm-x-2 {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
  }

  .pd-sm-t-2 {
    padding-block-start: 2px;
  }

  .pd-sm-r-2 {
    padding-inline-end: 2px;
  }

  .pd-sm-b-2 {
    padding-block-end: 2px;
  }

  .pd-sm-l-2 {
    padding-inline-start: 2px;
  }

  .pd-sm-3 {
    padding: 3px;
  }

  .pd-sm-y-3 {
    padding-block-start: 3px;
    padding-block-end: 3px;
  }

  .pd-sm-x-3 {
    padding-inline-start: 3px;
    padding-inline-end: 3px;
  }

  .pd-sm-t-3 {
    padding-block-start: 3px;
  }

  .pd-sm-r-3 {
    padding-inline-end: 3px;
  }

  .pd-sm-b-3 {
    padding-block-end: 3px;
  }

  .pd-sm-l-3 {
    padding-inline-start: 3px;
  }

  .pd-sm-4 {
    padding: 4px;
  }

  .pd-sm-y-4 {
    padding-block-start: 4px;
    padding-block-end: 4px;
  }

  .pd-sm-x-4 {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }

  .pd-sm-t-4 {
    padding-block-start: 4px;
  }

  .pd-sm-r-4 {
    padding-inline-end: 4px;
  }

  .pd-sm-b-4 {
    padding-block-end: 4px;
  }

  .pd-sm-l-4 {
    padding-inline-start: 4px;
  }

  .pd-sm-5 {
    padding: 5px;
  }

  .pd-sm-y-5 {
    padding-block-start: 5px;
    padding-block-end: 5px;
  }

  .pd-sm-x-5 {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
  }

  .pd-sm-t-5 {
    padding-block-start: 5px;
  }

  .pd-sm-r-5 {
    padding-inline-end: 5px;
  }

  .pd-sm-b-5 {
    padding-block-end: 5px;
  }

  .pd-sm-l-5 {
    padding-inline-start: 5px;
  }

  .pd-sm-6 {
    padding: 6px;
  }

  .pd-sm-y-6 {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }

  .pd-sm-x-6 {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }

  .pd-sm-t-6 {
    padding-block-start: 6px;
  }

  .pd-sm-r-6 {
    padding-inline-end: 6px;
  }

  .pd-sm-b-6 {
    padding-block-end: 6px;
  }

  .pd-sm-l-6 {
    padding-inline-start: 6px;
  }

  .pd-sm-7 {
    padding: 7px;
  }

  .pd-sm-y-7 {
    padding-block-start: 7px;
    padding-block-end: 7px;
  }

  .pd-sm-x-7 {
    padding-inline-start: 7px;
    padding-inline-end: 7px;
  }

  .pd-sm-t-7 {
    padding-block-start: 7px;
  }

  .pd-sm-r-7 {
    padding-inline-end: 7px;
  }

  .pd-sm-b-7 {
    padding-block-end: 7px;
  }

  .pd-sm-l-7 {
    padding-inline-start: 7px;
  }

  .pd-sm-8 {
    padding: 8px;
  }

  .pd-sm-y-8 {
    padding-block-start: 8px;
    padding-block-end: 8px;
  }

  .pd-sm-x-8 {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .pd-sm-t-8 {
    padding-block-start: 8px;
  }

  .pd-sm-r-8 {
    padding-inline-end: 8px;
  }

  .pd-sm-b-8 {
    padding-block-end: 8px;
  }

  .pd-sm-l-8 {
    padding-inline-start: 8px;
  }

  .pd-sm-9 {
    padding: 9px;
  }

  .pd-sm-y-9 {
    padding-block-start: 9px;
    padding-block-end: 9px;
  }

  .pd-sm-x-9 {
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  .pd-sm-t-9 {
    padding-block-start: 9px;
  }

  .pd-sm-r-9 {
    padding-inline-end: 9px;
  }

  .pd-sm-b-9 {
    padding-block-end: 9px;
  }

  .pd-sm-l-9 {
    padding-inline-start: 9px;
  }

  .pd-sm-10 {
    padding: 10px;
  }

  .pd-sm-y-10 {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }

  .pd-sm-x-10 {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }

  .pd-sm-t-10 {
    padding-block-start: 10px;
  }

  .pd-sm-r-10 {
    padding-inline-end: 10px;
  }

  .pd-sm-b-10 {
    padding-block-end: 10px;
  }

  .pd-sm-l-10 {
    padding-inline-start: 10px;
  }

  .pd-sm-15 {
    padding: 15px;
  }

  .pd-sm-y-15 {
    padding-block-start: 15px;
    padding-block-end: 15px;
  }

  .pd-sm-x-15 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }

  .pd-sm-t-15 {
    padding-block-start: 15px;
  }

  .pd-sm-r-15 {
    padding-inline-end: 15px;
  }

  .pd-sm-b-15 {
    padding-block-end: 15px;
  }

  .pd-sm-l-15 {
    padding-inline-start: 15px;
  }

  .pd-sm-20 {
    padding: 20px;
  }

  .pd-sm-y-20 {
    padding-block-start: 20px;
    padding-block-end: 20px;
  }

  .pd-sm-x-20 {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }

  .pd-sm-t-20 {
    padding-block-start: 20px;
  }

  .pd-sm-r-20 {
    padding-inline-end: 20px;
  }

  .pd-sm-b-20 {
    padding-block-end: 20px;
  }

  .pd-sm-l-20 {
    padding-inline-start: 20px;
  }

  .pd-sm-25 {
    padding: 25px;
  }

  .pd-sm-y-25 {
    padding-block-start: 25px;
    padding-block-end: 25px;
  }

  .pd-sm-x-25 {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }

  .pd-sm-t-25 {
    padding-block-start: 25px;
  }

  .pd-sm-r-25 {
    padding-inline-end: 25px;
  }

  .pd-sm-b-25 {
    padding-block-end: 25px;
  }

  .pd-sm-l-25 {
    padding-inline-start: 25px;
  }

  .pd-sm-30 {
    padding: 30px;
  }

  .pd-sm-y-30 {
    padding-block-start: 30px;
    padding-block-end: 30px;
  }

  .pd-sm-x-30 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }

  .pd-sm-t-30 {
    padding-block-start: 30px;
  }

  .pd-sm-r-30 {
    padding-inline-end: 30px;
  }

  .pd-sm-b-30 {
    padding-block-end: 30px;
  }

  .pd-sm-l-30 {
    padding-inline-start: 30px;
  }

  .pd-sm-35 {
    padding: 35px;
  }

  .pd-sm-y-35 {
    padding-block-start: 35px;
    padding-block-end: 35px;
  }

  .pd-sm-x-35 {
    padding-inline-start: 35px;
    padding-inline-end: 35px;
  }

  .pd-sm-t-35 {
    padding-block-start: 35px;
  }

  .pd-sm-r-35 {
    padding-inline-end: 35px;
  }

  .pd-sm-b-35 {
    padding-block-end: 35px;
  }

  .pd-sm-l-35 {
    padding-inline-start: 35px;
  }

  .pd-sm-40 {
    padding: 40px;
  }

  .pd-sm-y-40 {
    padding-block-start: 40px;
    padding-block-end: 40px;
  }

  .pd-sm-x-40 {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }

  .pd-sm-t-40 {
    padding-block-start: 40px;
  }

  .pd-sm-r-40 {
    padding-inline-end: 40px;
  }

  .pd-sm-b-40 {
    padding-block-end: 40px;
  }

  .pd-sm-l-40 {
    padding-inline-start: 40px;
  }
}

@media (min-width: 768px) {
  .pd-md-0 {
    padding: 0px;
  }

  .pd-md-y-0 {
    padding-block-start: 0px;
    padding-block-end: 0px;
  }

  .pd-md-x-0 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }

  .pd-md-t-0 {
    padding-block-start: 0px;
  }

  .pd-md-r-0 {
    padding-inline-end: 0px;
  }

  .pd-md-b-0 {
    padding-block-end: 0px;
  }

  .pd-md-l-0 {
    padding-inline-start: 0px;
  }

  .pd-md-1 {
    padding: 1px;
  }

  .pd-md-y-1 {
    padding-block-start: 1px;
    padding-block-end: 1px;
  }

  .pd-md-x-1 {
    padding-inline-start: 1px;
    padding-inline-end: 1px;
  }

  .pd-md-t-1 {
    padding-block-start: 1px;
  }

  .pd-md-r-1 {
    padding-inline-end: 1px;
  }

  .pd-md-b-1 {
    padding-block-end: 1px;
  }

  .pd-md-l-1 {
    padding-inline-start: 1px;
  }

  .pd-md-2 {
    padding: 2px;
  }

  .pd-md-y-2 {
    padding-block-start: 2px;
    padding-block-end: 2px;
  }

  .pd-md-x-2 {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
  }

  .pd-md-t-2 {
    padding-block-start: 2px;
  }

  .pd-md-r-2 {
    padding-inline-end: 2px;
  }

  .pd-md-b-2 {
    padding-block-end: 2px;
  }

  .pd-md-l-2 {
    padding-inline-start: 2px;
  }

  .pd-md-3 {
    padding: 3px;
  }

  .pd-md-y-3 {
    padding-block-start: 3px;
    padding-block-end: 3px;
  }

  .pd-md-x-3 {
    padding-inline-start: 3px;
    padding-inline-end: 3px;
  }

  .pd-md-t-3 {
    padding-block-start: 3px;
  }

  .pd-md-r-3 {
    padding-inline-end: 3px;
  }

  .pd-md-b-3 {
    padding-block-end: 3px;
  }

  .pd-md-l-3 {
    padding-inline-start: 3px;
  }

  .pd-md-4 {
    padding: 4px;
  }

  .pd-md-y-4 {
    padding-block-start: 4px;
    padding-block-end: 4px;
  }

  .pd-md-x-4 {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }

  .pd-md-t-4 {
    padding-block-start: 4px;
  }

  .pd-md-r-4 {
    padding-inline-end: 4px;
  }

  .pd-md-b-4 {
    padding-block-end: 4px;
  }

  .pd-md-l-4 {
    padding-inline-start: 4px;
  }

  .pd-md-5 {
    padding: 5px;
  }

  .pd-md-y-5 {
    padding-block-start: 5px;
    padding-block-end: 5px;
  }

  .pd-md-x-5 {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
  }

  .pd-md-t-5 {
    padding-block-start: 5px;
  }

  .pd-md-r-5 {
    padding-inline-end: 5px;
  }

  .pd-md-b-5 {
    padding-block-end: 5px;
  }

  .pd-md-l-5 {
    padding-inline-start: 5px;
  }

  .pd-md-6 {
    padding: 6px;
  }

  .pd-md-y-6 {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }

  .pd-md-x-6 {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }

  .pd-md-t-6 {
    padding-block-start: 6px;
  }

  .pd-md-r-6 {
    padding-inline-end: 6px;
  }

  .pd-md-b-6 {
    padding-block-end: 6px;
  }

  .pd-md-l-6 {
    padding-inline-start: 6px;
  }

  .pd-md-7 {
    padding: 7px;
  }

  .pd-md-y-7 {
    padding-block-start: 7px;
    padding-block-end: 7px;
  }

  .pd-md-x-7 {
    padding-inline-start: 7px;
    padding-inline-end: 7px;
  }

  .pd-md-t-7 {
    padding-block-start: 7px;
  }

  .pd-md-r-7 {
    padding-inline-end: 7px;
  }

  .pd-md-b-7 {
    padding-block-end: 7px;
  }

  .pd-md-l-7 {
    padding-inline-start: 7px;
  }

  .pd-md-8 {
    padding: 8px;
  }

  .pd-md-y-8 {
    padding-block-start: 8px;
    padding-block-end: 8px;
  }

  .pd-md-x-8 {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .pd-md-t-8 {
    padding-block-start: 8px;
  }

  .pd-md-r-8 {
    padding-inline-end: 8px;
  }

  .pd-md-b-8 {
    padding-block-end: 8px;
  }

  .pd-md-l-8 {
    padding-inline-start: 8px;
  }

  .pd-md-9 {
    padding: 9px;
  }

  .pd-md-y-9 {
    padding-block-start: 9px;
    padding-block-end: 9px;
  }

  .pd-md-x-9 {
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  .pd-md-t-9 {
    padding-block-start: 9px;
  }

  .pd-md-r-9 {
    padding-inline-end: 9px;
  }

  .pd-md-b-9 {
    padding-block-end: 9px;
  }

  .pd-md-l-9 {
    padding-inline-start: 9px;
  }

  .pd-md-10 {
    padding: 10px;
  }

  .pd-md-y-10 {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }

  .pd-md-x-10 {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }

  .pd-md-t-10 {
    padding-block-start: 10px;
  }

  .pd-md-r-10 {
    padding-inline-end: 10px;
  }

  .pd-md-b-10 {
    padding-block-end: 10px;
  }

  .pd-md-l-10 {
    padding-inline-start: 10px;
  }

  .pd-md-15 {
    padding: 15px;
  }

  .pd-md-y-15 {
    padding-block-start: 15px;
    padding-block-end: 15px;
  }

  .pd-md-x-15 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }

  .pd-md-t-15 {
    padding-block-start: 15px;
  }

  .pd-md-r-15 {
    padding-inline-end: 15px;
  }

  .pd-md-b-15 {
    padding-block-end: 15px;
  }

  .pd-md-l-15 {
    padding-inline-start: 15px;
  }

  .pd-md-20 {
    padding: 20px;
  }

  .pd-md-y-20 {
    padding-block-start: 20px;
    padding-block-end: 20px;
  }

  .pd-md-x-20 {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }

  .pd-md-t-20 {
    padding-block-start: 20px;
  }

  .pd-md-r-20 {
    padding-inline-end: 20px;
  }

  .pd-md-b-20 {
    padding-block-end: 20px;
  }

  .pd-md-l-20 {
    padding-inline-start: 20px;
  }

  .pd-md-25 {
    padding: 25px;
  }

  .pd-md-y-25 {
    padding-block-start: 25px;
    padding-block-end: 25px;
  }

  .pd-md-x-25 {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }

  .pd-md-t-25 {
    padding-block-start: 25px;
  }

  .pd-md-r-25 {
    padding-inline-end: 25px;
  }

  .pd-md-b-25 {
    padding-block-end: 25px;
  }

  .pd-md-l-25 {
    padding-inline-start: 25px;
  }

  .pd-md-30 {
    padding: 30px;
  }

  .pd-md-y-30 {
    padding-block-start: 30px;
    padding-block-end: 30px;
  }


  .pd-md-x-30 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }

  .pd-md-t-30 {
    padding-block-start: 30px;
  }

  .pd-md-r-30 {
    padding-inline-end: 30px;
  }

  .pd-md-b-30 {
    padding-block-end: 30px;
  }

  .pd-md-l-30 {
    padding-inline-start: 30px;
  }

  .pd-md-35 {
    padding: 35px;
  }

  .pd-md-y-35 {
    padding-block-start: 35px;
    padding-block-end: 35px;
  }

  .pd-md-x-35 {
    padding-inline-start: 35px;
    padding-inline-end: 35px;
  }

  .pd-md-t-35 {
    padding-block-start: 35px;
  }

  .pd-md-r-35 {
    padding-inline-end: 35px;
  }

  .pd-md-b-35 {
    padding-block-end: 35px;
  }

  .pd-md-l-35 {
    padding-inline-start: 35px;
  }

  .pd-md-40 {
    padding: 40px;
  }

  .pd-md-y-40 {
    padding-block-start: 40px;
    padding-block-end: 40px;
  }

  .pd-md-x-40 {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }

  .pd-md-t-40 {
    padding-block-start: 40px;
  }

  .pd-md-r-40 {
    padding-inline-end: 40px;
  }

  .pd-md-b-40 {
    padding-block-end: 40px;
  }

  .pd-md-l-40 {
    padding-inline-start: 40px;
  }
}

@media (min-width: 1200px) {
  .pd-xl-0 {
    padding: 0px;
  }

  .pd-xl-y-0 {
    padding-block-start: 0px;
    padding-block-end: 0px;
  }

  .pd-xl-x-0 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }

  .pd-xl-t-0 {
    padding-block-start: 0px;
  }

  .pd-xl-r-0 {
    padding-inline-end: 0px;
  }

  .pd-xl-b-0 {
    padding-block-end: 0px;
  }

  .pd-xl-l-0 {
    padding-inline-start: 0px;
  }

  .pd-xl-1 {
    padding: 1px;
  }

  .pd-xl-y-1 {
    padding-block-start: 1px;
    padding-block-end: 1px;
  }

  .pd-xl-x-1 {
    padding-inline-start: 1px;
    padding-inline-end: 1px;
  }

  .pd-xl-t-1 {
    padding-block-start: 1px;
  }

  .pd-xl-r-1 {
    padding-inline-end: 1px;
  }

  .pd-xl-b-1 {
    padding-block-end: 1px;
  }

  .pd-xl-l-1 {
    padding-inline-start: 1px;
  }

  .pd-xl-2 {
    padding: 2px;
  }

  .pd-xl-y-2 {
    padding-block-start: 2px;
    padding-block-end: 2px;
  }

  .pd-xl-x-2 {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
  }

  .pd-xl-t-2 {
    padding-block-start: 2px;
  }

  .pd-xl-r-2 {
    padding-inline-end: 2px;
  }

  .pd-xl-b-2 {
    padding-block-end: 2px;
  }

  .pd-xl-l-2 {
    padding-inline-start: 2px;
  }

  .pd-xl-3 {
    padding: 3px;
  }

  .pd-xl-y-3 {
    padding-block-start: 3px;
    padding-block-end: 3px;
  }

  .pd-xl-x-3 {
    padding-inline-start: 3px;
    padding-inline-end: 3px;
  }

  .pd-xl-t-3 {
    padding-block-start: 3px;
  }

  .pd-xl-r-3 {
    padding-inline-end: 3px;
  }

  .pd-xl-b-3 {
    padding-block-end: 3px;
  }

  .pd-xl-l-3 {
    padding-inline-start: 3px;
  }

  .pd-xl-4 {
    padding: 4px;
  }

  .pd-xl-y-4 {
    padding-block-start: 4px;
    padding-block-end: 4px;
  }

  .pd-xl-x-4 {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }

  .pd-xl-t-4 {
    padding-block-start: 4px;
  }

  .pd-xl-r-4 {
    padding-inline-end: 4px;
  }

  .pd-xl-b-4 {
    padding-block-end: 4px;
  }

  .pd-xl-l-4 {
    padding-inline-start: 4px;
  }

  .pd-xl-5 {
    padding: 5px;
  }

  .pd-xl-y-5 {
    padding-block-start: 5px;
    padding-block-end: 5px;
  }

  .pd-xl-x-5 {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
  }

  .pd-xl-t-5 {
    padding-block-start: 5px;
  }

  .pd-xl-r-5 {
    padding-inline-end: 5px;
  }

  .pd-xl-b-5 {
    padding-block-end: 5px;
  }

  .pd-xl-l-5 {
    padding-inline-start: 5px;
  }

  .pd-xl-6 {
    padding: 6px;
  }

  .pd-xl-y-6 {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }

  .pd-xl-x-6 {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }

  .pd-xl-t-6 {
    padding-block-start: 6px;
  }

  .pd-xl-r-6 {
    padding-inline-end: 6px;
  }

  .pd-xl-b-6 {
    padding-block-end: 6px;
  }

  .pd-xl-l-6 {
    padding-inline-start: 6px;
  }

  .pd-xl-7 {
    padding: 7px;
  }

  .pd-xl-y-7 {
    padding-block-start: 7px;
    padding-block-end: 7px;
  }

  .pd-xl-x-7 {
    padding-inline-start: 7px;
    padding-inline-end: 7px;
  }

  .pd-xl-t-7 {
    padding-block-start: 7px;
  }

  .pd-xl-r-7 {
    padding-inline-end: 7px;
  }

  .pd-xl-b-7 {
    padding-block-end: 7px;
  }

  .pd-xl-l-7 {
    padding-inline-start: 7px;
  }

  .pd-xl-8 {
    padding: 8px;
  }

  .pd-xl-y-8 {
    padding-block-start: 8px;
    padding-block-end: 8px;
  }

  .pd-xl-x-8 {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .pd-xl-t-8 {
    padding-block-start: 8px;
  }

  .pd-xl-r-8 {
    padding-inline-end: 8px;
  }

  .pd-xl-b-8 {
    padding-block-end: 8px;
  }

  .pd-xl-l-8 {
    padding-inline-start: 8px;
  }

  .pd-xl-9 {
    padding: 9px;
  }

  .pd-xl-y-9 {
    padding-block-start: 9px;
    padding-block-end: 9px;
  }

  .pd-xl-x-9 {
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  .pd-xl-t-9 {
    padding-block-start: 9px;
  }

  .pd-xl-r-9 {
    padding-inline-end: 9px;
  }

  .pd-xl-b-9 {
    padding-block-end: 9px;
  }

  .pd-xl-l-9 {
    padding-inline-start: 9px;
  }

  .pd-xl-10 {
    padding: 10px;
  }

  .pd-xl-y-10 {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }

  .pd-xl-x-10 {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }

  .pd-xl-t-10 {
    padding-block-start: 10px;
  }

  .pd-xl-r-10 {
    padding-inline-end: 10px;
  }

  .pd-xl-b-10 {
    padding-block-end: 10px;
  }

  .pd-xl-l-10 {
    padding-inline-start: 10px;
  }

  .pd-xl-15 {
    padding: 15px;
  }

  .pd-xl-y-15 {
    padding-block-start: 15px;
    padding-block-end: 15px;
  }

  .pd-xl-x-15 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }

  .pd-xl-t-15 {
    padding-block-start: 15px;
  }

  .pd-xl-r-15 {
    padding-inline-end: 15px;
  }

  .pd-xl-b-15 {
    padding-block-end: 15px;
  }

  .pd-xl-l-15 {
    padding-inline-start: 15px;
  }

  .pd-xl-20 {
    padding: 20px;
  }

  .pd-xl-y-20 {
    padding-block-start: 20px;
    padding-block-end: 20px;
  }

  .pd-xl-x-20 {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }

  .pd-xl-t-20 {
    padding-block-start: 20px;
  }

  .pd-xl-r-20 {
    padding-inline-end: 20px;
  }

  .pd-xl-b-20 {
    padding-block-end: 20px;
  }

  .pd-xl-l-20 {
    padding-inline-start: 20px;
  }

  .pd-xl-25 {
    padding: 25px;
  }

  .pd-xl-y-25 {
    padding-block-start: 25px;
    padding-block-end: 25px;
  }

  .pd-xl-x-25 {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }

  .pd-xl-t-25 {
    padding-block-start: 25px;
  }

  .pd-xl-r-25 {
    padding-inline-end: 25px;
  }

  .pd-xl-b-25 {
    padding-block-end: 25px;
  }

  .pd-xl-l-25 {
    padding-inline-start: 25px;
  }

  .pd-xl-30 {
    padding: 30px;
  }

  .pd-xl-y-30 {
    padding-block-start: 30px;
    padding-block-end: 30px;
  }

  .pd-xl-x-30 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }

  .pd-xl-t-30 {
    padding-block-start: 30px;
  }

  .pd-xl-r-30 {
    padding-inline-end: 30px;
  }

  .pd-xl-b-30 {
    padding-block-end: 30px;
  }

  .pd-xl-l-30 {
    padding-inline-start: 30px;
  }

  .pd-xl-35 {
    padding: 35px;
  }

  .pd-xl-y-35 {
    padding-block-start: 35px;
    padding-block-end: 35px;
  }

  .pd-xl-x-35 {
    padding-inline-start: 35px;
    padding-inline-end: 35px;
  }

  .pd-xl-t-35 {
    padding-block-start: 35px;
  }

  .pd-xl-r-35 {
    padding-inline-end: 35px;
  }

  .pd-xl-b-35 {
    padding-block-end: 35px;
  }

  .pd-xl-l-35 {
    padding-inline-start: 35px;
  }

  .pd-xl-40 {
    padding: 40px;
  }

  .pd-xl-y-40 {
    padding-block-start: 40px;
    padding-block-end: 40px;
  }

  .pd-xl-x-40 {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }

  .pd-xl-t-40 {
    padding-block-start: 40px;
  }

  .pd-xl-r-40 {
    padding-inline-end: 40px;
  }

  .pd-xl-b-40 {
    padding-block-end: 40px;
  }

  .pd-xl-l-40 {
    padding-inline-start: 40px;
  }
}

.pd-12 {
  padding: 12px;
}

.pd-y-12 {
  padding-block-start: 12px;
  padding-block-end: 12px;
}

.pd-x-12 {
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}

.pd-t-12 {
  padding-block-start: 12px;
}

.pd-e-12 {
  padding-inline-end: 12px;
}

.pd-b-12 {
  padding-block-end: 12px;
}

.pd-s-12 {
  padding-inline-start: 12px;
}

.pd-13 {
  padding: 13px;
}

.pd-y-13 {
  padding-block-start: 13px;
  padding-block-end: 13px;
}

.pd-x-13 {
  padding-inline-start: 13px;
  padding-inline-end: 13px;
}

.pd-t-13 {
  padding-block-start: 13px;
}

.pd-e-13 {
  padding-inline-end: 13px;
}

.pd-b-13 {
  padding-block-end: 13px;
}

.pd-s-13 {
  padding-inline-start: 13px;
}