@charset "UTF-8";

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.front-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row-g-4 {
  margin-top: -4px;
  margin-right: -2px;
  margin-left: -2px;
}

.row-g-4 > * {
  margin-top: 4px;
  padding-right: 2px;
  padding-left: 2px;
}

.row-g-8 {
  margin-top: -8px;
  margin-right: -4px;
  margin-left: -4px;
}

.row-g-8 > * {
  margin-top: 8px;
  padding-right: 4px;
  padding-left: 4px;
}

.row-g-12 {
  margin-top: -12px;
  margin-right: -6px;
  margin-left: -6px;
}

.row-g-12 > * {
  margin-top: 12px;
  padding-right: 6px;
  padding-left: 6px;
}

.row-g-16 {
  margin-top: -16px;
  margin-right: -8px;
  margin-left: -8px;
}

.row-g-16 > * {
  margin-top: 16px;
  padding-right: 8px;
  padding-left: 8px;
}

.row-g-24 {
  margin-top: -24px;
  margin-right: -12px;
  margin-left: -12px;
}

.row-g-24 > * {
  margin-top: 24px;
  padding-right: 12px;
  padding-left: 12px;
}

.row-gx-8 {
  margin-right: -4px;
  margin-left: -4px;
}

.row-gx-8 > * {
  padding-right: 4px;
  padding-left: 4px;
}

.row-gx-12 {
  margin-right: -6px;
  margin-left: -6px;
}

.row-gx-12 > * {
  padding-right: 6px;
  padding-left: 6px;
}

.row-gx-16 {
  margin-right: -8px;
  margin-left: -8px;
}

.row-gx-16 > * {
  padding-right: 8px;
  padding-left: 8px;
}

.row-gx-30 {
  margin-right: -15px;
  margin-left: -15px;
}

.row-gx-30 > * {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .row-gx-md-30 {
    margin-right: -15px;
    margin-left: -15px;
  }

  .row-gx-md-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .row-gx-xl-30 {
    margin-right: -15px;
    margin-left: -15px;
  }

  .row-gx-xl-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.row-gy-2 {
  margin-top: -2px;
}

.row-gy-2 > * {
  margin-top: 2px;
}

.row-gy-4 {
  margin-top: -4px;
}

.row-gy-4 > * {
  margin-top: 4px;
}

.row-gy-8 {
  margin-top: -8px;
}

.row-gy-8 > * {
  margin-top: 8px;
}

.row-gy-12 {
  margin-top: -12px;
}

.row-gy-12 > * {
  margin-top: 12px;
}

.row-gy-16 {
  margin-top: -16px;
}

.row-gy-16 > * {
  margin-top: 16px;
}

.row-gy-24 {
  margin-top: -24px;
}

.row-gy-24 > * {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .row-gy-md-24 {
    margin-top: -24px;
  }

  .row-gy-md-24 > * {
    margin-top: 24px;
  }

  .row-gy-md-56 {
    margin-top: -56px;
  }

  .row-gy-md-56 > * {
    margin-top: 56px;
  }
}

@media screen and (min-width: 1200px) {
  .row-gy-xl-24 {
    margin-top: -24px;
  }

  .row-gy-xl-24 > * {
    margin-top: 24px;
  }

  .row-gy-xl-80 {
    margin-top: -80px;
  }

  .row-gy-xl-80 > * {
    margin-top: 80px;
  }
}

.front-row-g-16 {
  margin-top: -16px;
  margin-right: -8px;
  margin-left: -8px;
}

.front-row-g-16 > * {
  margin-top: 16px;
  padding-right: 8px;
  padding-left: 8px;
}

.cols-auto > * {
  width: auto;
}

.cols-3 > * {
  width: 25%;
}

.cols-4 > * {
  width: 33.3333333333%;
}

.cols-6 > * {
  width: 50%;
}

.cols-12 > * {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .cols-sm-2 > * {
    width: 16.6666666667%;
  }

  .cols-sm-3 > * {
    width: 25%;
  }

  .cols-sm-4 > * {
    width: 33.3333333333%;
  }

  .cols-sm-6 > * {
    width: 50%;
  }

  .cols-sm-12 > * {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .cols-md-auto > * {
    width: auto;
  }

  .cols-md-2 > * {
    width: 16.6666666667%;
  }

  .cols-md-3 > * {
    width: 25%;
  }

  .cols-md-4 > * {
    width: 33.3333333333%;
  }

  .cols-md-6 > * {
    width: 50%;
  }

  .cols-md-12 > * {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .cols-lg-2 > * {
    width: 16.6666666667%;
  }

  .cols-lg-2-and-4 > * {
    width: 20%;
  }

  .cols-lg-3 > * {
    width: 25%;
  }

  .cols-lg-4 > * {
    width: 33.3333333333%;
  }

  .cols-lg-6 > * {
    width: 50%;
  }

  .cols-lg-12 > * {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .cols-xl-2 > * {
    width: 16.6666666667%;
  }

  .cols-xl-3 > * {
    width: 25%;
  }

  .cols-xl-4 > * {
    width: 33.3333333333%;
  }

  .cols-xl-6 > * {
    width: 50%;
  }
}

.col-auto {
  width: auto;
}

@media screen and (min-width: 576px) {
  .col-sm-3 {
    width: 25%;
  }

  .col-sm-3_grid-cols-8 {
    width: 37.5%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-5_grid-cols-8 {
    width: 62.5%;
  }

  .col-sm-12 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }
}

@media screen and (min-width: 992px) {
  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1200px) {
  .col-xl-3 {
    width: 25%;
  }

  .col-xl-4 {
    width: 33.3333333333%;
  }

  .col-xl-5 {
    width: 41.6666666667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7 {
    width: 58.3333333333%;
  }

  .col-xl-9 {
    width: 75%;
  }
}

.bg-main-color {
  background-color: var(--bg-main-color);
}

.bg-main-lighter {
  background-color: var(--bg-main-lighter);
}

.bg-main-light {
  background-color: var(--bg-main-light);
}

.bg-main-dark {
  background-color: var(--bg-main-dark);
}

.bg-main-color-15 {
  background-color: var(--bg-main-color-15);
}

.bg-main-color-24 {
  background-color: var(--bg-main-color-24);
}

.bg-main-color-40 {
  background-color: var(--bg-main-color-40);
}

.bg-main-dark-darker-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-main-dark)), to(var(--bg-main-darker)));
  background: linear-gradient(180deg, var(--bg-main-dark) 0%, var(--bg-main-darker) 100%);
}

.bg-gray {
  background-color: var(--bg-gray);
}

.bg-gray1 {
  background-color: var(--bg-gray1);
}

.bg-gray2 {
  background-color: var(--bg-gray2);
}

.bg-gray-dark {
  background-color: var(--bg-gray-dark);
}

.bg-black-40 {
  background-color: var(--bg-black-40);
}

.bg-red {
  background-color: var(--bg-red);
}

.bg-red-20 {
  background-color: var(--bg-red-20);
}

.bg-white {
  background-color: var(--bg-white);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.bg-yellow {
  background-color: var(--bg-yellow);
}

.bg-yellow-dark {
  background-color: var(--bg-yellow-dark);
}

.bg-yellow-darker {
  background-color: var(--bg-yellow-darker);
}

.bg-yellow-10 {
  background-color: var(--bg-yellow-10);
}

.border {
  border: 1px solid var(--b-gray);
}

.border-t {
  border-top: 1px solid var(--b-gray);
}

.border-b {
  border-bottom: 1px solid var(--b-gray);
}

.border-l {
  border-left: 1px solid var(--b-gray);
}

.border-r {
  border-right: 1px solid var(--b-gray);
}

.border-y {
  border-top: 1px solid var(--b-gray);
  border-bottom: 1px solid var(--b-gray);
}

@media screen and (min-width: 992px) {
  .border-lg-l {
    border-left: 1px solid var(--b-gray);
  }
}

.border-width-2 {
  border-width: 2px;
}

.border-yellow {
  border-color: var(--b-yellow);
}

.border-main-color {
  border-color: var(--b-main-color);
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-pill {
  border-radius: 50rem;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.d-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media screen and (min-width: 576px) {
  .d-sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-sm-none {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .d-md-none {
    display: none;
  }

  .d-md-block {
    display: block;
  }

  .d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-md-inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
  .d-lg-none {
    display: none;
  }

  .d-lg-block {
    display: block;
  }

  .d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 1200px) {
  .d-xl-none {
    display: none;
  }
}

.flex-none {
  flex: none;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.flex-grow-1 {
  flex-grow: 1;
  min-width: 0;
}

@media screen and (min-width: 768px) {
  .flex-grow-md-0 {
    flex-grow: 0;
  }
}

.flex-shrink-10000 {
  flex-shrink: 10000;
}

.flex-gap-4 {
  gap: 4px;
}

.flex-gap-8 {
  gap: 8px;
}

.flex-gap-12 {
  gap: 12px;
}

.flex-gap-16 {
  gap: 16px;
}

.flex-gap-4-12 {
  gap: 4px 12px;
}

.flex-gap-8-12 {
  gap: 8px 12px;
}

.flex-gap-8-16 {
  gap: 8px 16px;
}

.flex-gap-16-30 {
  gap: 16px 30px;
}

@media screen and (min-width: 768px) {
  .flex-gap-md-24 {
    gap: 24px;
  }
}

@media screen and (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row;
  }

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

@media screen and (min-width: 768px) {
  .flex-md-row {
    flex-direction: row;
  }

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

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

  .flex-md-nowrap {
    flex-wrap: unset;
  }
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

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

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

@media screen and (min-width: 768px) {
  .justify-content-md-between {
    justify-content: space-between;
  }
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

@media screen and (min-width: 576px) {
  .align-items-sm-center {
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .align-items-md-center {
    align-items: center;
  }

  .align-items-md-start {
    align-items: start;
  }
}

.align-self-start {
  align-self: flex-start;
}

.align-self-center {
  align-self: center;
}

.order-1 {
  order: 1;
}

@media screen and (min-width: 768px) {
  .order-md-0 {
    order: 0;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-0 {
    order: 0;
  }
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

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

.mt-2 {
  margin-top: 2px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-56 {
  margin-top: 56px;
}

@media screen and (min-width: 768px) {
  .mt-md-auto {
    margin-top: auto;
  }

  .mt-md-16 {
    margin-top: 16px;
  }

  .mt-md-24 {
    margin-top: 24px;
  }

  .mt-md-36 {
    margin-top: 36px;
  }

  .mt-md-56 {
    margin-top: 56px;
  }

  .mt-md-80 {
    margin-top: 80px;
  }

  .mt-md-100 {
    margin-top: 100px;
  }
}

.mb-none {
  margin-bottom: 0;
}

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

.mb-2 {
  margin-bottom: 2px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-56 {
  margin-bottom: 56px;
}

@media screen and (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0;
  }

  .mb-md-8 {
    margin-bottom: 8px;
  }

  .mb-md-16 {
    margin-bottom: 16px;
  }

  .mb-md-24 {
    margin-bottom: 24px;
  }

  .mb-md-36 {
    margin-bottom: 36px;
  }

  .mb-md-56 {
    margin-bottom: 56px;
  }

  .mb-md-80 {
    margin-bottom: 80px;
  }
}

.mr-auto {
  margin-right: auto;
}

.mr-2 {
  margin-right: 2px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-30 {
  margin-right: 30px;
}

@media screen and (min-width: 768px) {
  .mr-md-30 {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-80 {
    margin-right: 80px;
  }
}

.ml-auto {
  margin-left: auto;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-36 {
  margin-left: 36px;
}

@media screen and (min-width: 576px) {
  .ml-sm-8 {
    margin-left: 8px;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .mx-md-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
}

.-my-4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.p-0 {
  padding: 0;
}

.p-2 {
  padding: 2px;
}

.p-4 {
  padding: 4px;
}

.p-7 {
  padding: 7px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-24 {
  padding: 24px;
}

@media screen and (min-width: 576px) {
  .p-sm-12 {
    padding: 12px;
  }

  .p-sm-16 {
    padding: 16px;
  }
}

@media screen and (min-width: 768px) {
  .p-md-12 {
    padding: 12px;
  }

  .p-md-16 {
    padding: 16px;
  }

  .p-md-24 {
    padding: 24px;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-16 {
    padding: 16px;
  }

  .p-lg-36 {
    padding: 36px;
  }
}

.pt-2 {
  padding-top: 2px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-6 {
  padding-top: 6px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-36 {
  padding-top: 36px;
}

.pt-40 {
  padding-top: 40px;
}

@media screen and (min-width: 768px) {
  .pt-md-80 {
    padding-top: 80px;
  }
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-40 {
  padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .pb-md-16 {
    padding-bottom: 16px;
  }

  .pb-md-80 {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}

.pl-12 {
  padding-left: 12px;
}

.pl-16 {
  padding-left: 16px;
}

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

.pr-8 {
  padding-right: 8px;
}

.pr-12 {
  padding-right: 12px;
}

.pr-16 {
  padding-right: 16px;
}

@media screen and (min-width: 1200px) {
  .pr-xl-24 {
    padding-right: 24px;
  }
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 768px) {
  .px-md-16 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .px-md-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .py-md-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .py-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-static {
  position: static;
}

.overflow-auto {
  overflow: auto;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-normal {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .text-md-normal {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

@media screen and (min-width: 576px) {
  .text-sm-normal {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

.text-bold {
  font-weight: 600;
}

.text-bolder {
  font-weight: 700;
}

.text-italic {
  font-style: italic;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.text-inherit {
  color: inherit;
}

.text-black {
  color: var(--t-black);
}

.text-capture {
  color: var(--t-capture);
}

.text-gray {
  color: var(--t-gray);
}

.text-gray2 {
  color: var(--t-gray2);
}

.text-white {
  color: var(--t-white);
}

.text-main-color {
  color: var(--t-main-color);
}

.text-main-light {
  color: var(--t-main-light);
}

.text-red {
  color: var(--t-red);
}

.text-yellow {
  color: var(--t-yellow);
}

.text-start {
  text-align: start;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

@media screen and (min-width: 768px) {
  .text-md-center {
    text-align: center;
  }
}

.text-nowrap {
  white-space: nowrap;
}

.text-wrap {
  white-space: normal;
}

.text-pre-line {
  white-space: pre-line;
}

.text-line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-line-clamp-7 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.word-wrap {
  word-wrap: break-word;
  word-break: break-all;
}

.focus-text-black:focus-visible:not(.no-visible-focus) {
  color: var(--t-black);
}

.focus-text-black:focus-visible:not(.no-visible-focus) :nth-child(n) {
  color: var(--t-black);
}

.focus-img-black:focus-visible:not(.no-visible-focus) img,
.focus-img-black:focus-visible:not(.no-visible-focus) svg {
  filter: brightness(0);
}

.hover-text-light-black:hover {
  color: var(--t-black-light);
}

.hover-text-light-black:hover > :nth-child(n) {
  color: var(--t-black-light);
}

.hover-text-black:hover {
  color: var(--t-black);
}

.hover-text-black:hover > :nth-child(n) {
  color: var(--t-black);
}

.hover-text-main-color:hover {
  color: var(--t-main-color-hover);
}

.hover-text-main-color:hover > :nth-child(n) {
  color: var(--t-main-color-hover);
}

.hover-text-main-light:hover {
  color: var(--t-main-light-hover);
}

.hover-text-main-light:hover > :nth-child(n) {
  color: var(--t-main-light-hover);
}

.hover-text-white:hover {
  color: var(--t-white);
}

.hover-text-white:hover > :nth-child(n) {
  color: var(--t-white);
}

.hover-text-underline:hover {
  text-decoration: underline;
}

.hover-text-no-underline:hover {
  text-decoration: none;
}

.hover-text-no-underline:hover > :nth-child(n) {
  text-decoration: none;
}

.hover-svg-black:hover svg path {
  fill: var(--t-black);
}

.hover-svg-main-color:hover svg path {
  fill: var(--t-main-color-hover);
}

.hover-svg-main-light:hover svg path {
  fill: var(--t-main-light-hover);
}

.hover-bg-main-color:hover {
  background-color: var(--bg-main-color-hover);
}

.hover-bg-main-light:hover {
  background-color: var(--bg-main-light-hover);
}

.hover-bg-gray:hover {
  background-color: var(--bg-gray1);
}

.hover-bg-black-20:hover {
  background-color: var(--bg-black-20);
}

.hover-border-gray:hover {
  border-color: var(--b-gray2);
}

.hover-border-main-dark:hover {
  border-color: var(--b-gray2);
}

.hover-pointer:hover {
  cursor: pointer;
}

.hover-shadow:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.link-socials-footer {
  display: block;
}

.link-socials-footer > svg [fill="#67BDA7"] {
  fill: var(--bg-footer);
}

.link-socials-footer:hover > svg [fill="#EAF6F2"] {
  fill: var(--t-white);
}

.link-socials-footer:focus-visible > svg [fill="#EAF6F2"] {
  fill: var(--t-black);
}

.link-socials-footer:focus-visible > svg [fill="#67BDA7"] {
  fill: var(--bg-yellow);
}

.link-socials-contacts {
  display: block;
}

.link-socials-contacts:hover > svg [fill="#C0C0C0"] {
  fill: var(--t-main-color);
}

.link-socials-contacts:focus-visible > svg [fill="#C0C0C0"] {
  fill: var(--t-black);
}

.link-socials-contacts:focus-visible > svg [fill=white] {
  fill: var(--bg-yellow);
}

.link-share {
  display: inline-block;
}

.link-share:focus-visible > svg :nth-child(2n-1) {
  fill: var(--t-black);
}

.link-share:focus-visible > svg :nth-child(2n) {
  fill: var(--bg-yellow);
}

.link-share_facebook:hover svg rect {
  fill: #36548D;
}

.link-share_twitter:hover svg rect {
  fill: #488ABD;
}

.link-share_telegram:hover svg path:nth-child(2) {
  fill: #328CB3;
}

.link-share_telegram:hover svg rect {
  fill: #116EA2;
}

.link-load-file:focus-visible > :nth-child(1) {
  color: var(--t-black);
}

.link-load-file:focus-visible svg > :nth-child(2) {
  fill: var(--t-black);
}

.link-load-file:focus-visible svg > :nth-child(3) {
  fill: var(--t-black);
}

.link-load-file:focus-visible svg > :last-child {
  stroke: var(--t-black);
}

.link-load-file:hover {
  background-color: var(--bg-main-light);
}

.link-load-file:hover > :nth-child(1) {
  color: var(--t-main-color-hover);
}

.link-load-file:hover svg > :nth-child(2) {
  fill: var(--t-main-color-hover);
}

.link-load-file:hover svg > :nth-child(3) {
  fill: var(--t-main-color-hover);
}

.link-load-file:hover svg > :last-child {
  stroke: var(--t-main-color-hover);
}

.title-h1 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .title-h1 {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 600;
  }
}

.title-h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.title-h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media screen and (min-width: 576px) {
  .title-sm-h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }

  .title-sm-h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

@media screen and (min-width: 768px) {
  .title-md-h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }

  .title-md-h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

.w-auto {
  width: auto;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-100 {
  width: 100%;
}

.w-150 {
  width: 150%;
}

.w-24-px {
  width: 24px;
}

.w-80-px {
  width: 80px;
}

.w-158-px {
  width: 158px;
}

.w-176-px {
  width: 176px;
}

.w-400-px {
  width: 400px;
}

@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .w-md-auto {
    width: auto;
  }

  .w-md-60 {
    width: 60%;
  }

  .w-md-120-px {
    width: 120px;
  }

  .w-md-180-px {
    width: 180px;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-auto {
    width: auto;
  }

  .w-lg-83-px {
    width: 83px;
  }

  .w-lg-270-px {
    width: 270px;
  }
}

.min-w-68-px {
  min-width: 68px;
}

.min-w-72-px {
  min-width: 72px;
}

.min-w-88-px {
  min-width: 88px;
}

.min-w-96-px {
  min-width: 96px;
}

@media screen and (min-width: 768px) {
  .min-w-md-146-px {
    min-width: 146px;
  }
}

@media screen and (min-width: 992px) {
  .min-w-lg-270-px {
    min-width: 270px;
  }
}

.min-w-0 {
  min-width: 0;
}

.max-w-none {
  max-width: none;
}

.max-w-fit-content {
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}

.max-w-stretch {
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  max-width: stretch;
}

.max-w-100 {
  max-width: 100%;
}

.max-w-80-px {
  max-width: 80px;
}

.max-w-124-px {
  max-width: 124px;
}

.max-w-146-px {
  max-width: 146px;
}

.max-w-154-px {
  max-width: 154px;
}

.max-w-160-px {
  max-width: 160px;
}

.max-w-176-px {
  max-width: 176px;
}

.max-w-370-px {
  max-width: 370px;
}

.max-w-570-px {
  max-width: 570px;
}

@media screen and (min-width: 576px) {
  .max-w-sm-146-px {
    max-width: 146px;
  }
}

@media screen and (min-width: 768px) {
  .max-w-md-120-px {
    max-width: 120px;
  }

  .max-w-md-240-px {
    max-width: 240px;
  }
}

.h-100 {
  height: 100%;
}

.h-24-px {
  height: 24px;
}

.h-500-px {
  height: 500px;
}

.max-h-300-px {
  max-height: 300px;
}

.ul {
  padding-left: 1.467rem;
  list-style-type: "\2022    ";
}

.ul_dash {
  list-style-type: "-  ";
}

.ul_check {
  list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4667 5L5.62667 11.8933L2.86667 9.12L1 11L5.62667 15.6667L14.3333 6.88L12.4667 5Z' fill='%2367BDA7'/%3E%3C/svg%3E%0A");
  padding-left: 24px;
}

.ul_check li {
  padding-left: 4px;
}

.ol {
  list-style-type: auto;
  margin-left: 1.5rem;
}

.ol li {
  margin-bottom: 4px;
}

.ol_title-h3 {
  margin-left: 1.75rem;
}

.ol_title-h3 li {
  margin-bottom: 24px;
}

.ol_title-h3 li::marker {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.list-marker {
  display: list-item;
  margin-left: 1.467rem;
}

.list-marker::marker {
  content: "\2022    ";
  display: block;
}

.column-1 {
  -moz-column-count: 1;
  column-count: 1;
}

@media screen and (min-width: 768px) {
  .column-md-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
}

.column-gap-30 {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.last-child-border-none:last-child {
  border: none;
}

.last-child-pb-none:last-child {
  padding-bottom: 0;
}

.last-child-mb-none:last-child {
  margin-bottom: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/*# sourceMappingURL=utils.css.map*/