@charset "UTF-8";
/*!
 * Bootstrap  Custom
 
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}


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

.column {
  flex: 1 0 0%;
}

.column-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.column-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.column-3 {
  flex: 0 0 auto;
  width: 25%;
}

.column-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.column-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.column-6 {
  flex: 0 0 auto;
  width: 50%;
}

.column-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.column-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.column-9 {
  flex: 0 0 auto;
  width: 75%;
}

.column-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.column-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.column-12 {
  flex: 0 0 auto;
  width: 100%;
}



@media (min-width: 576px) {
  .col-small {
    flex: 1 0 0%;
  }
  .col-small-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-small-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-small-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-small-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-small-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-small-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-small-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-small-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-small-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-small-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-small-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-small-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 768px) {
  .col-medium {
    flex: 1 0 0%;
  }
  .col-medium-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-medium-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-medium-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-medium-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-medium-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-medium-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-medium-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-medium-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-medium-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-medium-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-medium-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-medium-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-medium-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 992px) {
  .col-large {
    flex: 1 0 0%;
  }
  .col-large-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-large-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-large-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-large-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-large-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-large-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-large-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-large-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-large-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-large-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-large-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-large-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-none {
  display: none;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.flex-column {
  flex-direction: column;
}


.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}
.rounded {
  border-radius: 10px !important;
}