
.m-0 {
  margin: 0 !important;
}

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

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

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

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !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: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

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

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

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

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

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

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

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

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

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

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

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

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

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

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

.pb-0 {
  padding-bottom: 0 !important;
}

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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


.border-radius { border-radius: 30px; }
.border-radius-right { border-radius: 0px 30px 30px 0px; }
.border-radius-left { border-radius: 30px 0px 0px 30px; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; position: -webkit-sticky; }
.top-0 { top:0 !important; }.top-1 { top:0.25rem !important; }.top-2 { top:0.5 !important; }.top-3 { top:1rem !important; }.top-4 { top:2rem !important; }.top-5 { top:4rem !important; }
.left-0 { left:0 !important; }.left-1 { left:0.25rem !important; }.left-2 { left:0.5 !important; }.left-3 { left:1rem !important; }.left-4 { left:2rem !important; }.left-5 { left:4rem !important; }
.right-0 { right:0 !important; }.right-1 { right:0.25rem !important; }.right-2 { right:0.5 !important; }.right-3 { right:1rem !important; }.right-4 { right:2rem !important; }.right-5 { right:4rem !important; }
.bottom-0 { bottom:0 !important; }.bottom-1 { bottom:0.25rem !important; }.bottom-2 { bottom:0.5 !important; }.bottom-3 { bottom:1rem !important; }.bottom-4 { bottom:2rem !important; }.bottom-5 { bottom:4rem !important; }
.z-index-1{ z-index: 1; }
.z-index-2{ z-index: 2; }
.z-index-3{ z-index: 3; }
.z-index-4{ z-index: 4; }
.z-index-5{ z-index: 5; }
.width-auto {width: auto !important;}
.width-100, .width-full {width: 100% !important;}
.width-75 {width: 75% !important;}
.width-50 {width: 50% !important;}
.width-25 {width: 25% !important;}

:root{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}
*, ::after, ::before {
  box-sizing: border-box;
}
.block-row {

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.block-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.block-row-reverse {
    flex-direction: row-reverse;
}

.block-col-12 { flex: 0 0 auto; width: 100%; }
.block-col-11 { flex: 0 0 auto; width:  91.66666667%; }
.block-col-10 { flex: 0 0 auto; width: 83.33333333%; }
.block-col-9 { flex: 0 0 auto; width: 75%; }
.block-col-8 { flex: 0 0 auto; width: 66.66666667%; }
.block-col-7 { flex: 0 0 auto; width: 58.33333333%; }
.block-col-6 { flex: 0 0 auto; width: 50%; }
.block-col-5 { flex: 0 0 auto; width: 41.66666667%; }
.block-col-4 { flex: 0 0 auto; width: 33.33333333%; }
.block-col-3 { flex: 0 0 auto; width: 25%; }
.block-col-2 { flex: 0 0 auto; width: 16.66666667%; }
.block-col-1 { flex: 0 0 auto; width: 8.33333333%; }


@media(max-width:575px){
  .block-row-reverse-xs {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(min-width:576px) and (max-width:767px){
  .block-row-reverse-sm {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(min-width:768px) and (max-width:991px){
  .block-row-reverse-md {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(min-width:992px) and (max-width:1199px){
  .block-row-reverse-lg {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(min-width:1200px) and (max-width:1399px){
  .block-row-reverse-xl {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(min-width:1400px){
  .block-row-reverse-xxl {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
}
@media(max-width:575px){
    .block-col-xs-12 img { max-width:100% }
    .block-col-xs-12 { flex: 0 0 auto; width: 100%; }
    .block-col-xs-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-xs-9 { flex: 0 0 auto; width: 75%; }
    .block-col-xs-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-xs-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-xs-6 { flex: 0 0 auto; width: 50%; }
    .block-col-xs-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-xs-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-xs-3 { flex: 0 0 auto; width: 25%; }
    .block-col-xs-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-xs-1 { flex: 0 0 auto; width: 8.33333333%; }
}
@media(min-width:576px){
    .block-col-sm-12 { flex: 0 0 auto; width: 100%; }
    .block-col-sm-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-sm-9 { flex: 0 0 auto; width: 75%; }
    .block-col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-sm-6 { flex: 0 0 auto; width: 50%; }
    .block-col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-sm-3 { flex: 0 0 auto; width: 25%; }
    .block-col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
}
@media(min-width:768px){
    .block-col-md-12 { flex: 0 0 auto; width: 100%; }
    .block-col-md-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-md-9 { flex: 0 0 auto; width: 75%; }
    .block-col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-md-6 { flex: 0 0 auto; width: 50%; }
    .block-col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-md-3 { flex: 0 0 auto; width: 25%; }
    .block-col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
}
@media(min-width:992px){
    .block-col-lg-12 { flex: 0 0 auto; width: 100%; }
    .block-col-lg-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-lg-9 { flex: 0 0 auto; width: 75%; }
    .block-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-lg-6 { flex: 0 0 auto; width: 50%; }
    .block-col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-lg-3 { flex: 0 0 auto; width: 25%; }
    .block-col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
}
@media(min-width:1200px){
    .block-col-xl-12 { flex: 0 0 auto; width: 100%; }
    .block-col-xl-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-xl-9 { flex: 0 0 auto; width: 75%; }
    .block-col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-xl-6 { flex: 0 0 auto; width: 50%; }
    .block-col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-xl-3 { flex: 0 0 auto; width: 25%; }
    .block-col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
}
@media(min-width:1400px){
    .block-col-xxl-12 { flex: 0 0 auto; width: 100%; }
    .block-col-xxl-11 { flex: 0 0 auto; width:  91.66666667%; }
    .block-col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .block-col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .block-col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .block-col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .block-col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .block-col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .block-col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .block-col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .block-col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .block-col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
}
.d-none{ display: none; }
.d-inline{ display: inline; }
.d-inline-block{ display: inline-block; }
.d-block{ display: block; }
.d-grid{ display: grid; }
.d-table{ display: table; }
.d-table-cell{ display: table-cell; }
.d-table-row{ display: table-row; }
.d-flex{ display: flex; }
.d-inline-flex{ display: inline-flex; }

.valign-start{ align-self: self-start; }
.valign-middle{ align-self: center; }
.valign-end{ align-self: self-end; }  