@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

:where(.co-before-pageMain, #maincontent) *,
::before,
::after {
  box-sizing: border-box;
}

:root {
  --main-font: 'Ubuntu';
  --card-border-radius: 12px;
  --alt-border: calc(var(--card-border-radius) - 4px);
  --main-color: #383838;
  --neutral-30: #1F1E1E;
  --neutral-40: #646569;
  --neutral-50: #383638;
  --skyblue-0: #E6F7FF;
  --skyblue-10: #43BBED;
  --skyblue-20: #00A1DF;
  --skyblue-30: #007DB7;
  --skyblue-50: #005786;
  --blue-soft: #C0E9FD;
  --blue-soft-alt: #9AD0EA;
  --blue-darker: #0C6D9C;
  --purple-10: #AE72BB;
  --purple-20: #7C2582;
  --purple-30: #5D0A6C;
  --purple-40: #420456;
  --purple-50: #2B0040;
  --indigo-soft: #DDC6FA;
  --indigo-darker: #572C8D;
  --green-soft: #CCF1C1;
  --green-darker: #238805;
  --pink-soft: #F5BAEF;
  --pink-darker: #9E078F;
  --grey-soft: #F2F3F4;
  --grey-ultrasoft: #FCFCFC;
  --cobalt-30: #404A6A;
  --yellow-0: #FFFCE6;
  --yellow-05: #FFF8AD;
  --yellow-30: #BF9C00;
  --warning-50: #8C6700;
  --red-soft: #F9D4D5;
  --red-5: #FEB3B6;
  --red-20: #E81E2B;
  --red-40: #780004;
  --red-darker: #B00009;
}

/* html{
  scrollbar-gutter: stable;
} */

html,
body {
  scroll-behavior: smooth;
  font-size: 10px;
}

body {
  padding: 0;
  margin: 0;
  font-family: var(--main-font, 'system-ui');
  color: var(--main-color);
  background-color: var(--page-background, #fff);
}

body:has(dialog[open]){
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}


.layer>*:not(.full-width, dialog),
.full-width>* {
  --site-width: 1272px;
  --site-padding: clamp(4rem, -0.956rem + 11.662vi, 8rem);
  width: min(var(--site-width), 100% - (var(--site-padding) / 2));
  margin-inline: auto;

}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  color: var(--main-color);
}

.icon-extra-large {
  width: 60px;
  height: 60px;
}

.icon-large {
  width: 32px;
  height: 32px;
}

.icon-medium {
  width: 24px;
  height: 24px;
}

.icon-medium-2 {
  width: 20px;
  height: 20px;
}

.icon-short {
  width: 18px;
  height: 18px;
}

.content-visibility-auto {
  content-visibility: auto;
}

/* Flex utilities */
.flex-container {
  display: flex;
}

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

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

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

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

/* Flex-shrink */
.flex-shrink-0 {
  flex-shrink: 0;
}

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

/* Flex-basis */
.flex-basis-0 {
  flex-basis: 0;
}

.flex-basis-auto {
  flex-basis: auto;
}

.flex-basis-1 {
  flex-basis: 1rem;
}

.flex-basis-10 {
  flex-basis: 10%;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.flex-basis-100 {
  flex-basis: 100%;
}

/* Text-wrap */
.text-wrap-normal {
  text-wrap: normal;
}

.text-wrap-balance {
  text-wrap: balance;
}

.text-wrap-pretty {
  text-wrap: pretty;
}

/* Text alignment */
.text-center {
  text-align: center;
}

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

/* Text condition */
.slim {
  font-weight: 300;
}

.strike {
  text-decoration: line-through;
}

/* Align-items */
.align-start {
  align-items: flex-start;
}

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

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

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

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

/* Justify-content */
.justify-start {
  justify-content: flex-start;
}

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

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

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

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

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

.label {
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-weight: 300;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  width: max-content;
  color: var(--label-color, #fff);
  background-color: var(--label-bg, var(--skyblue-30));
}

.blue-circle-ol {
  list-style: none;
  counter-reset: step-counter;
  padding-left: 0;

  li {
    --circle-diameter: 24px;
    position: relative;
    padding-left: calc(var(--circle-diameter) + 1rem);
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000;
    min-height: var(--circle-diameter);

    &::before {
      counter-increment: step-counter;
      content: counter(step-counter);
      position: absolute;
      left: 0;
      top: 0;
      width: var(--circle-diameter);
      height: var(--circle-diameter);
      background-color: var(--skyblue-30);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    &:not(:last-child) {
      margin-bottom: 20px;
    }
  }
}

.margin-inline-auto {
  margin-inline: auto
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

ul{
  margin: 0;

  li{
    margin: 0;
  }
}

ul.clear-blue-list {
  list-style-type: disc;

  li {

    &::marker {
      color: #43BBED;
      font-size: 2.0rem;
    }
  }
}



ul.dark-blue-list {
  list-style-type: disc;
}

ul.dark-blue-list li::marker {
  color: #007DB7;
  font-size: 2.0rem;
}

.block-title-h2 {
  font-size: 2.4rem !important;
}

ul.left-list {
  margin: 0;
  padding: 0;
}

ul.left-list li {
  float: left;
  margin-right: 35px;
}

ul.check-list {
  padding-inline-start: 0px;
}

ul.check-list li {
  list-style: none;
  display: flex;
  padding-inline-start: 0;
  align-items: flex-start;
  width: max-content;
}

ul.check-list li::before {
  content: '';
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url(https://static.coopeuch.cl/media/imagegallery/images/icon-check.svg);
  background-size: 24px auto;
  margin-right: 13px;
  margin-top: 7px;

}

ul.cross-list {
  padding-inline-start: 0px;
}

ul.cross-list li {
  list-style: none;
  display: flex;
  padding-inline-start: 0;
  align-items: flex-start;
  width: fit-content;
}

ul.cross-list li::before {
  content: '';
  display: inline-block;
  height: 24px;
  width: 28px;
  background-image: url(https://www.coopeuch.cl/media/imagegallery/images/cross.svg);
  background-size: cover;
  margin-right: 10px;
  margin-top: 7px;

}

li.remove-bullet {
  list-style-type: none;
}


.mobile {
  display: none;
}

.centrador {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.centrado {
  width: 1254px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.white-icon {
  filter: invert(1) brightness(200);
}

.wd-100 {
  width: 100%;
}

.x36-x24 {
  font-size: clamp(2.4rem, 1.2rem + 2vw, 3.6rem);
  line-height: clamp(3rem, 1.4rem + 2.667vw, 4.6rem);
}

.x28-x20 {
  font-size: clamp(2rem, 0.868rem + 1.887vw, 2.8rem);
  line-height: clamp(3rem, 1.868rem + 1.887vw, 3.8rem);
}

.x20-x18 {
  font-size: clamp(1.8rem, 1.624rem + 0.294vw, 2rem);
  line-height: clamp(2.8rem, 2.624rem + 0.294vw, 3rem);
}

.x20-x16 {
  font-size: clamp(1.6rem, 1.034rem + 0.943vw, 2rem);
  line-height: clamp(2.2rem, 1.068rem + 1.887vw, 3rem);
}

.x20-x16 {
  font-size: clamp(1.6rem, 1.034rem + 0.943vw, 2rem);
  line-height: clamp(2.2rem, 1.068rem + 1.887vw, 3rem);
}

.x48 {
  font-size: 4.8rem;
  line-height: 5.2rem;
}

.x45 {
  font-size: 4.5rem;
  line-height: 4.9rem;
}

.x40 {
  font-size: 4.0rem;
  line-height: 4.0rem;
}

.x38 {
  font-size: 3.8rem;
  line-height: 4.6rem;
}

.x36 {
  font-size: 3.6rem;
  line-height: 4.6rem;
}

.x32 {
  font-size: 3.2rem;
  line-height: 4.2rem;
}

.x30 {
  font-size: 3rem;
  line-height: 3.3rem;
}

.x28 {
  font-size: 2.8rem;
  line-height: 3.8rem;
}

.x24 {
  font-size: 2.4rem;
  line-height: 3.4rem;
}

.x22 {
  font-size: 2.2rem;
  line-height: 2.8rem;
}

.x20 {
  font-size: 2.0rem;
  line-height: 3rem;
}

.x18 {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.x16 {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.x15 {
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.x14 {
  font-size: 1.4rem !important;
  line-height: 2.0rem !important;
}

.x12 {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.x7 {
  font-size: 0.8rem;
  line-height: 1.15rem;
}

.title-div {
  text-align: center;
  padding-bottom: 20px;
}

.text-div {
  margin-top: 30px;
  margin-bottom: 30px;
}

.sd-120 {
  margin-bottom: 120px
}

.sd-96 {
  margin-bottom: 96px;
}

.sd-70 {
  padding-bottom: 70px;
}

.sd-60 {
  margin-bottom: 60px;
}

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

.sd-54 {
  margin-bottom: 54px;
}

.sd-50 {
  margin-bottom: 50px;
}

.sd-48 {
  margin-bottom: 48px;
}

.sd-44 {
  margin-bottom: 44px;
}

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

.sd-32 {
  margin-bottom: 32px;
}

.sd-30 {
  margin-bottom: 30px;
}

.sd-28 {
  margin-bottom: 28px;
}

.sd-26 {
  margin-bottom: 26px;
}

.sd-25 {
  margin-bottom: 25px;
}

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

.sd-20 {
  margin-bottom: 20px;
}

.sd-18 {
  margin-bottom: 18px
}

.sd-17 {
  margin-bottom: 17px
}

.sd-16 {
  margin-bottom: 16px
}

.sd-15 {
  margin-bottom: 15px;
}

.sd-14 {
  margin-bottom: 14px;
}

.sd-13 {
  margin-bottom: 13px;
}

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

.sd-10 {
  margin-bottom: 10px;
}

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

.sd-6 {
  margin-bottom: 6px;
}

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

.su-100 {
  margin-top: 100px;
}

.su-90 {
  margin-top: 90px;
}

.su-80 {
  margin-top: 80px;
}

.su-75 {
  margin-top: 75px;
}

.su-70 {
  margin-top: 70px;
}

.su-64 {
  margin-top: 64px;
}

.su-60 {
  margin-top: 60px;
}

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

.su-48 {
  margin-top: 48px;
}

.su-45 {
  margin-top: 45px;
}

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

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

.su-30 {
  margin-top: 30px;
}

.su-20 {
  margin-top: 20px;
}

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

.su-14 {
  margin-top: 14px;
}

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

.su-10 {
  margin-top: 10px;
}

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

.su-5 {
  margin-top: 5px;
}

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

.sl-20 {
  margin-left: 20px;
}

.sr-20 {
  margin-right: 20px;
}

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

.gap-120 {
  gap: 120px
}

.gap-96 {
  gap: 96px;
}

.gap-70 {
  padding-bottom: 70px;
}

.gap-60 {
  gap: 60px;
}

.gap-56 {
  gap: 56px;
}

.gap-54 {
  gap: 54px;
}

.gap-50 {
  gap: 50px;
}

.gap-48 {
  gap: 48px;
}

.gap-44 {
  gap: 44px;
}

.gap-40 {
  gap: 40px;
}

.gap-32 {
  gap: 32px;
}

.gap-30 {
  gap: 30px;
}

.gap-28 {
  gap: 28px;
}

.gap-26 {
  gap: 26px;
}

.gap-25 {
  gap: 25px;
}

.gap-24 {
  gap: 24px;
}

.gap-20 {
  gap: 20px;
}

.gap-18 {
  gap: 18px
}

.gap-17 {
  gap: 17px
}

.gap-16 {
  gap: 16px
}

.gap-15 {
  gap: 15px;
}

.gap-14 {
  gap: 14px;
}

.gap-13 {
  gap: 13px;
}

.gap-12 {
  gap: 12px;
}

.gap-10 {
  gap: 10px;
}

.gap-8 {
  gap: 8px;
}

.gap-6 {
  gap: 6px;
}

.gap-4 {
  gap: 4px;
}

.gap-2 {
  gap: 2px;
}

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

.download-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #EC1B2B;
  text-decoration: none;
}

.download-link::before {
  background-image: url(https://static.coopeuch.cl/media/imagegallery/images/ico-descargar-licitacion.svg);
  background-size: 22px 19px;
  display: inline-block;
  width: 22px;
  height: 19px;
  content: "";
  margin-right: 8px;
}

.icon-before-title {
  font-family: 'Ubuntu' !important;
}

.icon-before-title:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 8px;
}

.on-banner {
  margin-top: -94px !important;
}

.lightblue {
  color: var(--blue);
}

.white {
  color: #fff;
}

.white-icon {
  filter: brightness(0) invert(1);
}

.inline-padding-10 {
  padding-inline: 10px;
}

.inline-margin-10 {
  margin-inline: 10px;
}

.inline-margin-20 {
  margin-inline: 20px;
}

.non-break-line-all {
  white-space: nowrap;
}

.non-break-line-desk {
  white-space: nowrap;
}

.button-standar {
  padding: 15px 30px;
  background-color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.button-standar-red {
  background-color: #E81E2B;
  color: #fff;
}

.button-standar-blue {
  border-color: #007DB7;
  color: #007DB7;
}

.button-standar-white {
  border-color: #E81E2B;
  color: #E81E2B;
  border: 1px solid #E81E2B;
}

/* most recent button styles */

.btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--btn-width, 16.8rem);
  height: 48px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 2.0rem;
  text-decoration: none;
  transition: scale 200ms, background-color 300ms, box-shadow 400ms;

  &.btn-icon {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding-inline: 24px 16px;
  }

  &:hover {
    scale: 1.05;
    box-shadow: 0px 1px 6px 3px #aeaeae3b;
    text-decoration: none;
  }

  &.red-btn {
    background-color: #E81E2B;
    color: #fff !important;
    border: 1px solid #E81E2B;

    &:hover {
      background-color: hsl(356, 81%, 60%);
      color: #fff !important;
      border: 1px solid hsl(356, 81%, 60%);
    }
  }

  &.blue-btn {
    background-color: #007DB7;
    color: #fff !important;
    border: 1px solid #007DB7;

    &:hover {
      background-color: hsl(199.02deg 100% 50%);
      color: #fff !important;
      border: 1px solid hsl(199.02deg 100% 50%);
    }
  }

  &.pink-btn {
    background-color: #FD5373;
    color: #fff !important;
    border: 1px solid #FD5373;

    &:hover {
      background-color: #FF2952;
      color: #fff !important;
      border: 1px solid #FF2952;
    }
  }

  &.outline-red-btn {
    color: #E81E2B !important;
    background-color: #fff;
    border: 1px solid #E81E2B;

    &:hover {
      color: hsl(356, 81%, 60%) !important;
      border: 1px solid hsl(356, 81%, 60%);
    }
  }

  &.outline-blue-btn {
    color: #007DB7 !important;
    background-color: #fff;
    border: 1px solid #007DB7;

    &:hover {
      color: hsl(199.02deg 100% 50%) !important;
      border: 1px solid hsl(199.02deg 100% 50%);
      ;
    }
  }

  &.outline-pink-btn {
    color: #FD5373 !important;
    background-color: #fff;
    border: 1px solid #FD5373;

    &:hover {
      color: #FF2952 !important;
      border: 1px solid #FF2952;
      ;
    }
  }

  &.white-btn {
    color: #383838;
    background-color: #fff;
    border: 1px solid #e7e7e7;

    &:hover {
      color: #383838;
    }
  }

  &.transparent-btn {
    color: var(--transparent-btn-color, #E81E2B);
    background-color: transparent;

    &:hover {
      color: var(--transparent-btn-color, hsl(356, 81%, 60%));
      border: 1px solid var(--transparent-btn-color, hsl(356, 81%, 60%));
    }
  }
}

.btn-100 {
  width: 100%;
}

.btn.wide-btn {
  width: 90vw;
}

a.red-link {
  color: #EC1B2B;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}

a.red-link-arrow {
  color: #EC1B2B;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: auto;
  font-weight: 700;
}

a.red-link-arrow::after {
  content: url(https://static.coopeuch.cl/media/imagegallery/images/red_arrow_abril_2022.svg);
  display: block;
  margin-top: 6px;
  margin-left: 10px;
  font-weight: bolder;
  transition: transform 0.3s ease;
}

a.red-link-arrow:hover::after {
  transform: translateX(15px);
}

a.blue-link {
  color: #007DB7;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}

a.blue-link-arrow {
  color: #007DB7 !important;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: auto;
  font-weight: 700;
}

a.blue-link-arrow::after {
  content: url(https://static.coopeuch.cl/media/imagegallery/images/red_arrow_abril_2022.svg);
  filter: invert(30%) sepia(94%) saturate(1009%) hue-rotate(169deg) brightness(75%) contrast(101%);
  display: block;
  margin-top: 6px;
  margin-left: 10px;
  font-weight: bolder;
  transition: transform 0.3s ease;
}

a.blue-link-arrow:hover::after {
  transform: translateX(15px);
}

a.white-link {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}

a.white-link-arrow {
  color: white;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}

a.white-link-arrow::after {
  content: url(https://static.coopeuch.cl/media/imagegallery/images/red_arrow_abril_2022.svg);
  filter: invert(1) brightness(200);
  display: block;
  margin-top: .6rem;
  margin-left: .4rem;
  font-weight: bolder;
  transition: transform 0.3s ease;
}

a.white-link-arrow:hover::after {
  transform: translateX(15px);
}

/* owl-stuff */

.layer .owl-theme .owl-dots .owl-dot span {
  transition: opacity 200ms, width 350ms;
  background: #747474;
  border-color: #747474;
  margin: 5px 4px;
}

.layer .owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.layer .owl-theme .owl-dots {
  bottom: -20px !important;
}

.layer .owl-theme .owl-dots .owl-dot.active span {
  width: 24px !important;
  height: 8px !important;
  border-radius: 4px !important;
  background-color: #007DB7 !important;
  border-color: #007DB7 !important;
}

@media(max-width: 1300px) {
  .centrado {
    width: 90%;
  }
}

@media(max-width: 1024px) {
  .tinydesk-flex-column {
    flex-direction: column;
  }

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

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

@media(max-width: 768px) {
  .tablet-flex-column {
    flex-direction: column;
  }

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

@media(max-width: 800px) {
  ul.left-list li {
    float: none;
    margin-right: 0;
  }
}

@media(max-width: 600px) {

  .mb-gap-24 {
    gap: 24px;
  }

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

  .mb-flex-row {
    flex-direction: row;
  }

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

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

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

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

  ul.check-list li::before {
    width: 30px;
    background-size: 100% 100%;
    margin-top: 3px;
  }

  .mb-x30 {
    font-size: 3rem;
    line-height: 4.0rem;
  }

  .mb-x28 {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }

  .mb-x26 {
    font-size: 2.6rem;
    line-height: 3.2rem !important;
  }

  .mb-x23 {
    font-size: 2.3rem;
    line-height: 3.1rem;
  }

  .mb-x24 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .mb-x22 {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .mb-x20 {
    font-size: 2.0rem;
    line-height: 2.4rem;
  }

  .mb-x18 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .mb-x16 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .mb-x14 {
    font-size: 1.4rem;
    line-height: 2.0rem;
  }

  .mb-x12 {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .mb-x11 {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

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

  .mb-sd-38 {
    margin-bottom: 38px;
  }

  .mb-sd-32 {
    margin-bottom: 32px;
  }

  .mb-sd-20 {
    margin-bottom: 20px;
  }

  .mb-sd-17 {
    margin-bottom: 17px;
  }

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

  .mb-sd-15 {
    margin-bottom: 15px;
  }

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

  .mb-sd-10 {
    margin-bottom: 10px;
  }

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

  .mb-su-10 {
    margin-top: 10px;
  }

  .mb-su-20 {
    margin-top: 20px;
  }

  .mb-su-24 {
    margin-top: 24px;
  }

  .mb-su-40 {
    margin-top: 40px;
  }

  .mb-su-64 {
    margin-top: 64px;
  }

  .mb-su-50 {
    margin-top: 50px;
  }

  .mb-su-80 {
    margin-top: 80px;
  }

  .mb-inline-padding-10 {
    padding-inline: 10px;
  }

  .mb-text-left {
    text-align: left;
  }

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

  .mobile-reverse {
    flex-direction: column-reverse !important;
  }

  .mobile-first {
    order: 1;
  }

  .mobile-second {
    order: 2;
  }

  .non-break-line-desk {
    white-space: normal;
  }

  .non-break-line-mobile {
    white-space: nowrap;
  }

  .mobile {
    display: block;
  }

  .desk {
    display: none;
  }
}