.card-text-regular {
  font-family: 'Gilroy-Regular' !important;
}
.card-text-regular strong {font-family: 'Gilroy-Bold';font-weight: 400;}

.block-governance-steps .governance-steps-title {
    text-align: center;
    margin-bottom: 2.75rem;
    color: #fff;
}

.block-governance-steps .governance-steps {
    --g-gap: 2.5rem;
    display: flex;
    gap: 2.5rem;
}


.block-governance-steps .step-line {
    height: 0.375rem;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.12);
    transition: background 0.35s ease;
    border-radius: 0.25rem;
}

.block-governance-steps .governance-step.active .step-line {
    background: #2460FA;
}

.block-governance-steps .step-head {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 3.375rem;
    margin-bottom: 1.875rem;
    transition: margin-top 0.45s ease, margin-bottom 0.45s ease;
}

.governance-history__col-ipfs .tooltip-block {display: flex;
  align-items: center;}
  .governance-history__col-ipfs .tooltip-block .tooltip-faq {margin: -0.1875rem 0 0 0.4375rem !important;}
.block-governance-steps .governance-step.active .step-head {

    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
}

.block-governance-steps .step-icon {
    width: 0;
    height: 2.5rem;
    opacity: 0;
    transform: translateX(-0.625rem);
    transform-origin: left center;
    transition: opacity 0.35s ease, transform 0.35s ease, width 0.35s ease, flex-basis 0.35s ease, margin-right 0.35s ease;
    flex: 0 0 0;
    margin-right: 0;
    overflow: hidden;
    display: block;
}

.block-governance-steps .governance-step.active .step-icon {
    opacity: 1;
    transform: translateX(0);
    width: 2.5rem;
    height: 2.5rem;
    flex-basis: 2.5rem;
    margin-right: 1.875rem;
}

.block-governance-steps .step-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.block-governance-steps .step-title {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.12;
    transition: font-size 0.45s ease, line-height 0.45s ease;
}

.block-governance-steps .governance-step.active  .step-desc {
font-size: 1.25rem;
line-height: 1.5rem; 
}

.block-governance-steps .governance-step.active .step-title {
font-size: 1.875rem;
line-height: 2.94375rem; 
}

@media (hover: hover) and (pointer: fine) {
    .block-governance-steps .governance-step:hover .step-line {
        background: #2460FA;
    }

    .block-governance-steps .governance-step:hover .step-head {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem;
    }

    .block-governance-steps .governance-step:hover .step-icon {
        opacity: 1;
        transform: translateX(0);
        width: 2.5rem;
        min-width: 2.5rem;
        flex-basis: 2.5rem;
        margin-right: 1.875rem;
    }

    .block-governance-steps .governance-step:hover .step-desc {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .block-governance-steps .governance-step:hover .step-title {
        font-size: 1.875rem;
        line-height: 2.94375rem;
    }
}

.block-governance-steps .step-desc {
    margin: 0;
    color: #fff;
    font-size: 0.875rem;
    font-family: 'Gilroy-Regular';
    line-height: 1.125rem;
    font-weight: 500;
    transition: font-size 0.45s ease, line-height 0.45s ease;
}

.linear-gradient-title {
  background: linear-gradient(281deg, #2461FA 37.78%, #24ADFA 98.43%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.information-img-governance {
  margin-bottom: -1.25rem !important; 
  margin-top: -1.875rem !important;
}

.block-page-p.block-page-p-md {
  font-size: 1.5rem;
  line-height: 1.95rem; /* 31.2px */
}

.title-lg.title-lg-grad {
  font-size: 3.125rem;
  line-height: 4.0625rem; /* 65px */
}

.block-governance-shape .governance-shape {
  min-width: 0;
}

.shape-orbit {
  position: relative;
  width: min(100%, 47.5rem);
  height: 35rem;
  margin: 0 auto;
  cursor: default;
}

.shape-center-coin {
  position: absolute;
  left: 66%;
  top: 56%;
  width: 19.5625rem;
  height: 19.4375rem;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

.shape-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.10);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
  transform: translate(-50%, -50%) translate(var(--x, 0), var(--y, 0));
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), width 0.45s ease, height 0.45s ease, background 0.45s ease, box-shadow 0.45s ease;
  z-index: 2;
  overflow: visible;
  cursor: grab;
}

.shape-node .shape-title,
.shape-node .shape-desc,
.shape-node .shape-desc-all-txt,
.shape-node .shape-desc p,
.shape-node .ul-shape-desc,
.shape-node .ul-shape-desc li {
  cursor: grab;
}

.shape-node.pos-top {
  --x: 6.5625rem;
  --y: -13.75rem;
}

.shape-node.pos-right {
  --x: 19.6875rem;
  --y: -1.875rem;
}

.shape-node.pos-bottom {
  --x: 6.5625rem;
  --y: 12.9375rem;
}

.shape-node.pos-left {
  --x: -9.6875rem;
  --y: 1.875rem;
}


.shape-node-inner {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.25rem 1rem;
}

.shape-icon {
  width: 2.75rem;
  height: 2.75rem;
}

.shape-icon-active {
  display: none;
}

.shape-title {
  margin: 1.25rem 0;
text-align: center;
font-family:  'Gilroy-Medium';
font-weight: 500 !important;
font-size: 1.25rem;
line-height: 1.625rem;
color: #fff;
  transition: font-size 0.35s ease, transform 0.35s ease;
}

.shape-desc {
  margin: 0;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transform: translateY(0.375rem);
  overflow: hidden;
  pointer-events: none;
  /*transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.28s ease, visibility 0s linear 0.28s;*/
}
.shape-desc p {
  margin: 0;
}

ul.shape-desc {
  margin-top: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style: none;
  text-align: center;
  width: fit-content;
  max-width: 100%;
}
 .ul-shape-desc {
  margin-top: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style: none;
  text-align: center;
  width: fit-content;
  max-width: 100%;
}

ul.shape-desc li, .ul-shape-desc li {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
}

ul.shape-desc li::before, .ul-shape-desc li::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5625rem;
  margin-top: -0.125rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.95);
  background: rgba(255, 255, 255, 0.95);
}

.shape-node:not(.is-active) .shape-node-inner {
  position: relative;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.shape-node:not(.is-active) .shape-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + var(--icon-shift-x, 0px)), calc(-50% + var(--icon-shift-y, 0px)));
}

.shape-node:not(.is-active) .shape-icon[src*="strategic.svg"] {
  --icon-shift-x: 0.125rem;
  --icon-shift-y: 1px;
}

.shape-node:not(.is-active) .shape-title {
  position: absolute;
  top: calc(100% + 0.625rem);
  left: 50%;
  transform: translateX(-50%);
  width: min-content;
  max-width: 13.125rem;
  white-space: normal;
  margin: 0;
}

.shape-node.pos-right:not(.is-active) .shape-title,
.shape-node.pos-bottom:not(.is-active) .shape-title {
  top: calc(100% + 1.25rem);
}

.shape-node.is-active {
  width: 27.5rem;
  height: 27.5rem;
  background: rgba(0, 0, 0, 0.10);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
  box-shadow: none;
  z-index: 3;
}



.shape-node.is-active .shape-node-inner {
  justify-content: flex-start;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  padding: 3.125rem 3.125rem 5rem;
  overflow: hidden;
}

.shape-node.is-active .shape-node-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.shape-node.is-active .shape-icon {
  width: 4.375rem;
  height: 4.375rem;
}

.shape-node.is-active .shape-title {
color: #FFF;
text-align: center;
font-family:  'Gilroy-Medium';
font-weight: 500 !important;
font-size: 1.5rem;
line-height: 1.75rem; /* 37.68px */
margin-top: 1.25rem;
margin-bottom: 0.75rem;
}

.shape-node.is-active .shape-icon-inactive {
  display: none;
}

.shape-node.is-active .shape-icon-active {
  display: block;
}

.shape-node.is-active .shape-desc {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease;
}

.shape-node.is-active .shape-desc-all-txt {
  max-height: 13.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  -ms-overflow-style: auto;
  cursor: default;
}

.shape-desc,
.shape-desc-all-txt {
  cursor: default;
}

.shape-desc {
  color: #FFF;
  text-align: center;
  font-family: 'Gilroy-Regular';
  font-size: 0.8125rem;
  line-height: 1.125rem; 
}

.block-calendar {
  margin-top: 1.875rem;
}

.block-calendar .governance-calendar__info {
  display: none !important;
}

.governance-calendar {
  padding: 1.875rem 3.125rem 3.75rem 3.125rem;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.05);
}

.governance-calendar__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
}

.governance-calendar__current,
.governance-calendar__switch-btn,
.governance-calendar__picker {
  height: 2.25rem;
  border: none;
  color: #fff;
  font-family: 'Gilroy-Medium';
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.625rem;

}


.governance-calendar__current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

.governance-calendar__current-icon {
  display: none;
  line-height: 0;
}

.governance-calendar__current-icon svg {
  display: block;
}

.governance-calendar__switch {
  display: inline-flex;
  align-items: center;
  gap: 1.0625rem;
}

.governance-calendar__picker {
  border-radius: 0.625rem;
  border: 1px solid var(--Primary-blue, #2460FA);
  background: transparent;
}

.governance-calendar__picker-text {
  color: #2460FA;
  font-family: 'GilroySemiBold';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.48px;
}

.governance-calendar__switch-btn {
  min-width: 2.25rem;
  border: none;
  background: none;
  border-radius: 0.625rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.governance-calendar__switch-btn svg {
  display: block;
}

.governance-calendar__picker {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.625rem;
  padding: 0 1.375rem 0 0.4375rem;
  min-width: 13.75rem;

}

.governance-calendar__picker-wrap {
  position: relative;
}

.governance-calendar__picker-wrap.is-open .governance-calendar__dropdown-icon {
  transform: rotate(180deg);
}

.governance-calendar__picker-wrap.is-open .governance-calendar__picker,
.governance-calendar__picker:active,
.governance-calendar__picker:focus-visible {
  background: #242628;
  border-color: transparent;
}

.governance-calendar__dropdown-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease;
  position: absolute;
  right: 0.625rem;
}

.governance-calendar__dropdown-icon img {
  display: block;
  width: 0.5rem;
}

.governance-calendar__dropdown {
  position: absolute;
  top: calc(100% + 0.625rem);
  right: 0;
  width: 14.375rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: none;
  background: #242628;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.28);
  display: none;
  z-index: 5;
}

.mt-30 {
  margin-top: 1.875rem;
}
.mb-30 {
  margin-bottom: 1.875rem;
}

.font-w-500 {
  font-weight: 500;
}

.mt-governance {
  margin-top: -1.5625rem !important;
}

@media (min-width: 768px) {
  .mob-img-governance {
    display: none;
  }
  .max-627 {
    max-width: 38.5rem;
  }
}


@media (max-width: 767px) {

  .mob-img-governance-top {
    display: none !important;
  }
  .mob-img-governance {
    margin-top: 3.125rem;
    margin-bottom: 1.625rem;
  }
  .text-left-mob {
    text-align: left;
  }
}



.block-top-bg-transparent {
  background: transparent !important;
}

@media (min-width: 1101px) {
  .block-top.block-top-bg-transparent .block-top-animation {
    padding-bottom: 0px;
  }
}


.governance-calendar__dropdown::before {
  content: '';
  position: absolute;
  top: -0.375rem;
  right: 1.125rem;
  width: 0.75rem;
  height: 0.75rem;
  background: #242628;
  transform: rotate(45deg);
  border-radius: 0.125rem;
  pointer-events: none;
}

.governance-calendar__picker-wrap.is-open .governance-calendar__dropdown {
  display: block;
}

.governance-calendar__dropdown-row + .governance-calendar__dropdown-row {
  margin-top: 0.625rem;
}

.governance-calendar__dropdown,
.governance-calendar__dropdown-label,
.governance-calendar__select {
  text-align: right;
}

.governance-calendar__dropdown-label {
  display: block;
  margin-bottom: 0.375rem;
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Gilroy-Regular';
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.governance-calendar__current {
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  border-radius: 0.625rem;
  background: rgba(246, 248, 251, 0.10);
}
.governance-calendar__current:hover, .governance-calendar__current:focus, .governance-calendar__current:active {
  background: #242628;
}
.governance-calendar__select {
  width: 100%;
  height: 2.375rem;
  padding: 0 0.625rem;
  border: none;
  border-radius: 0.625rem;
  background: #383a3c;
  color: #fff;
  font-family: 'Gilroy-Medium';
  font-size: 0.875rem;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.governance-calendar__select option {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 0.875rem;
}

.governance-calendar__select option:hover,
.governance-calendar__select option:focus,
.governance-calendar__select option:checked {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.governance-calendar__picker-icon {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.governance-calendar__picker-icon svg {
  width: 100%;
  height: 100%;
}

.governance-calendar__picker-icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.governance-calendar__picker .icon-arrow-bottom {
  font-size: 0.75rem;
  opacity: 0.8;
  transition: transform 0.2s ease;
}



.governance-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.625rem;
  margin-bottom: 0.625rem;
  padding: 0 0.125rem;
}

.governance-calendar__weekdays span {
  font-family: 'Gilroy-Regular';
  font-size: 0.8125rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
}

.governance-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.625rem;
}

.governance-history__empty {
  padding: 1.25rem 1.875rem 2.5rem 1.875rem;
  color: #fff;
  font-family: GilroySemiBold;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.governance-calendar__day {
  position: relative;
  width: 100%;
  max-width: 7.5rem;
  aspect-ratio: 120 / 74;
  height: auto;
  max-height: 4.625rem;
  padding: 0 0.5rem;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.03);
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}

.governance-calendar__day:hover, .governance-calendar__day.is-selected {
  background: rgba(255, 255, 255, 0.07);
}

.governance-calendar__day.is-range-start,
.governance-calendar__day.is-range-end,
.governance-calendar__day.is-in-range {
  background: rgba(255, 255, 255, 0.07);
}

.governance-calendar__day-month {
  position: absolute;
  top: 0.5rem;
  right: 0.625rem;
  color: #FFF;
  font-family: 'Gilroy-Medium';
  font-weight: 500 !important;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  letter-spacing: 0.42px;
  opacity: 0.8;
}

.governance-calendar__day-number {
  color: #FFF;
  text-align: center;
  font-family: 'Gilroy-Medium';
  font-weight: 500 !important;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.355rem;
  display: block;
}

.governance-calendar__day.is-muted .governance-calendar__day-number,
.governance-calendar__day.is-muted .governance-calendar__day-month {
  color: rgba(255, 255, 255, 0.4);
}

.links-txt-flex ul  {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .block-page.block-top.block-top-bg-transparent {
    margin-bottom: 1rem;
  }
  .governance-shape.txt-governance {
    margin-top: 0px !important;
  }
}


@media (min-width: 992px) {
  .governance-calendar__grid {
    grid-template-columns: repeat(7, 7.5rem);
    justify-content: center;
    gap: 0.625rem;
  }

  .governance-calendar__day {
    width: 7.5rem;
  }
  .governance-shape.txt-governance {
    margin-top: 3.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1370px) {

  .shape-node.pos-right {
    --x: 16.25rem;
  }
}

.block-top .card .card-body .card-title.card-title-new-lg {
  color: #FFF;
  font-family: 'GilroySemiBold';
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.h-title-new-lg {
  color: #FFF;    
  font-family: 'Gilroy-Regular';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; 
}

@media (max-width: 991px) {

  .governance-history__panel-title .tooltip-faq {margin-left: 0.3125rem;}

  .h-title-new-lg {
  font-size: 1.25rem;
  line-height: 2rem;
  }
  .mb-30 {
    margin-bottom: 1.25rem;
  }
  .block-top .card .card-body .card-title.card-title-new-lg {
    font-size: 2.5rem;
  }

   .block-page.block-page-new-mb {
    margin-bottom: 5rem;
   }

}

@media (min-width: 768px) and (max-width: 991px) {
  .links-txt-flex.mt-30 {
    margin-top: 0.9375rem;
  }
}

@media (max-width: 767px) {

  .block-top .card .card-body .card-title.card-title-new-lg {
    font-size: 1.875rem;
    margin-bottom: 0.625rem;
  }

  .h-title-new-lg {
    font-size: 1.125rem;
    line-height: 1.25rem; 
  }
  .max-627 .h-title-new-lg:last-child {
    margin-bottom: 0;
  }
  .mt-30 {
    margin-top: 1.25rem;
  }

}

@media (min-width: 992px) and (max-width: 1100px) {


  .block-page-p.block-page-p-md {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
  .title-lg.title-lg-grad {
    font-size: 2.0625rem;
    line-height: 2.9375rem;
  }

  .governance-shape.txt-governance {
    margin-top: 8.125rem;
  }

}

@media (min-width: 992px) and (max-width: 1230px) {
  .block-governance-steps .step-title {
    font-size: 1.3125rem;
  }
   .block-governance-steps .governance-step:hover .step-title, .block-governance-steps .governance-step.active .step-title  {
      font-size: 1.4375rem;
    }
  @media (hover: hover) and (pointer: fine) {
    .block-governance-steps .governance-step:hover .step-desc {
      font-size: 1.0625rem;
    }
  }
  .block-governance-steps .governance-step.active .step-desc {
      font-size: 1.0625rem;    
  }

  @media (hover: hover) and (pointer: fine) {
    .block-governance-steps .governance-step:hover .step-icon {

      margin-right: 0.625rem;
    }
  }
  .block-governance-steps .governance-step.active .step-icon {
     margin-right: 0.625rem;
  }

}

@media (min-width: 1101px) and (max-width: 1230px) {
  .shape-title {
    margin: 0.3125rem 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }


  .shape-node.pos-right:not(.is-active) .shape-title, .shape-node.pos-bottom:not(.is-active) .shape-title {
    top: calc(100% + 0.625rem);
  }

  .shape-node.pos-right {
     --x: 15.125rem;
    --y: -4.875rem;
   }
    .shape-node.pos-bottom {
    --y: 11.75rem;
    --x: 7.8125rem;
  }

  .shape-center-coin {
    width: 15rem;
    height: 14.90625rem;
    left: 66%;
    top: 62%;
  }


}

@media (min-width: 992px) and (max-width: 1100px) {
  .shape-node {
  width: 3.75rem;
    height: 3.75rem;
  }
  .shape-icon {
    width: 2.0625rem;
    height: 2.0625rem;
  }
  .shape-title {
    margin: 0.3125rem 0;
    font-size: 1rem;
    line-height: 1.375rem;
  }

  .shape-node.is-active {
    width: 25rem;
    height: 25rem;
  }
  .shape-center-coin {
    width: 15rem;
    height: 14.90625rem;
    left: 72%;
    top: 64%;
  }
  .shape-node.is-active .shape-node-inner {
    padding: 1.875rem 1.875rem 3.75rem;
  }

  .shape-node.pos-top {
    --y: -11.5rem;
  }
  .shape-node.pos-right {
      --x: 13.125rem;
      --y: -4.125rem;
   }
    .shape-node.pos-bottom {
    --y: 11.75rem;
    --x: 7.8125rem;
  }

  .shape-node.pos-left {
    --x: -7.5rem;
  }

  .shape-node.pos-right:not(.is-active) .shape-title, .shape-node.pos-bottom:not(.is-active) .shape-title {
    top: calc(100% + 0.625rem);
  }

}


@media (min-width: 992px) {

  .block-governance-shape {
    margin-bottom: 12rem !important;
  }


  .governance-calendar__current {
    min-width: 7.5rem;
  }
  .block-governance-steps .governance-step {
      min-width: 0;
      flex: 0 0 calc((100% - (var(--g-gap) * 2)) * 0.302286);
      max-width: calc((100% - (var(--g-gap) * 2)) * 0.302286);
      transition: flex-basis 0.45s ease, max-width 0.45s ease;
  }

  .block-governance-steps .governance-step.active,
  .block-governance-steps .governance-step:hover  {
      flex-basis: calc((100% - (var(--g-gap) * 2)) * 0.395428);
      max-width: calc((100% - (var(--g-gap) * 2)) * 0.395428);
  }

  .governance-shape-container {
    --g-gap: 4.875rem;
    display: flex;
    gap: var(--g-gap);
  }

  .block-governance-shape .governance-shape {
    min-width: 0;
    flex: 1 1 auto;
  }

  .block-governance-shape .governance-shape.txt-governance  {
    flex: 0 0 calc((100% - var(--g-gap)) * 0.3638);
    max-width: calc((100% - var(--g-gap)) * 0.3638);
  }

}


@media (max-width: 991px) {

  .governance-calendar__picker-wrap {
    margin-left: auto;
  }

  .block-governance-steps {
    margin-top: -3.125rem;
  }

  ul.ul-shape-desc li::before {

    margin-right: 0px;
    margin-top: 0px;
    position: absolute;
      bottom: 0;
      top: 0.5rem;
      left: 0;
  }

  ul.ul-shape-desc li {
      padding-left: 0.8125rem;
      margin-bottom: 1px;
  }

  .shape-node.is-active .shape-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .shape-desc {
      line-height: 1.3125rem;
      font-size: 0.9375rem !important;
  }


  .text-left-mob {
    text-align: left !important;
  }

  .title-lg.title-lg-grad {
    font-size: 1.875rem;
    line-height: 2.4375rem; /* 36.4px */
  } 
  .title-lg-grad.mb-40 {
    margin-bottom: 1.25rem !important;
  }
  .block-page-p-lg {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
  .block-page-p.block-page-p-md {
    font-size: 1.125rem;
    line-height: 1.35rem; /* 21.6px */
  }

  .governance-calendar {
    padding: 1.125rem;
  }

  .governance-calendar__head {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0px;
    margin-bottom: 1.25rem;
  }

  .governance-calendar__dropdown {
    right: 0;
    left: auto;
  }

  .governance-calendar__grid {
    grid-template-rows: none;
    grid-template-columns: repeat(auto-fill, minmax(3.5rem, 1fr));
    grid-auto-flow: row;
    gap: 0.625rem;
  }

  .governance-calendar__day {
    width: 100%;
    max-width: none;
    height: clamp(3.5rem, 16vw, 4.625rem);
    max-height: none;
    padding: 0 0.375rem;
  }

  .governance-calendar__day-month {
    top: 0.375rem;
    right: 0.5rem;
    font-size: clamp(0.6875rem, 1.7vw, 0.875rem);
    line-height: 1.2;
    letter-spacing: 0.2px;
  }

  .governance-calendar__day-number {
    font-size: clamp(1.25rem, 2.8vw, 1.5rem);
    line-height: 1.2;
  }

  .governance-calendar__current {
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.4375rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    margin-right: 0.625rem;
  }

  .governance-calendar__current-text {
    display: none;
  }

  .governance-calendar__current-icon {
    display: inline-flex;
  }

  .shape-orbit {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding-top: 0;
    cursor: default;
  }

  .shape-center-coin {
    display: none;
  }

  .shape-node {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 1.25rem;
    transform: none;
  }

  .shape-node.is-active {
    width: 100%;
    height: auto;
  }

  .shape-node.is-active::after {
    display: none;
  }

  .shape-node-inner {
    display: grid;
    grid-template-columns: 3.75rem 1fr;
    grid-template-areas:
      'icon title'
      'desc desc';
    align-items: center;
    column-gap: 0.625rem;
    row-gap: 0.625rem;
    padding: 0.625rem;
    text-align: left;
  }
  .shape-node.is-active .shape-icon {
    min-width: 3.75rem;
    height: auto;
    width: 3.75rem;
  }

  .block-governance-shape .governance-shape {
    margin-top: 2.0625rem;
    position: relative;
  }

  .governance-shape.txt-governance,
  .governance-shape-img-mob .shape-orbit {
    position: relative;
    z-index: 2;
  }

  .governance-shape-img-mob {
    position: relative;
  }

  .governance-shape-fixed-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    z-index: 1;
    pointer-events: none;
  }

  .governance-shape-fixed-bg.is-fixed {
    position: fixed;
    top: 10.625rem;
    left: 0;
    right: 0;
  }

  .governance-shape-fixed-bg__item {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    transition: transform 1.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.9s ease-out;
    will-change: transform, opacity;
  }

  .governance-shape-fixed-bg__item--one {
    right: -1.3125rem;
    top: -4.875rem;
    background-image: url(../images/governance-mob-1.svg);
    width: 10.875rem;
    height: 17.8125rem;
  }

  .governance-shape-fixed-bg__item--two {
    left: -1.3125rem;
    top: 17.25rem;
    background-image: url(../images/governance-mob-2.svg);
    width: 6.375rem;
    height: 9.5625rem;
  }

  .governance-shape-fixed-bg.is-exit .governance-shape-fixed-bg__item--one {
    transform: translateX(13.75rem);
    opacity: 0;
  }

  .governance-shape-fixed-bg.is-exit-lower .governance-shape-fixed-bg__item--two {
    transform: translateX(-13.75rem);
    opacity: 0;
  }

  .governance-shape-fixed-bg.is-exit .governance-shape-fixed-bg__item--two {
    transform: translateX(-13.75rem);
    opacity: 0;
  }

  .governance-shape-img-mob:before {
    content: none;

  } 
  .governance-shape-img-mob:after {
    content: none;
  } 
  .shape-node.is-active .shape-node-inner {
    padding: 0.625rem;
    overflow: visible;
  }

  .shape-icon {
    grid-area: icon;
    width: 2rem;
    height: 2rem;
  }

  .shape-node:not(.is-active) .shape-icon {
    position: static;
    left: auto;
    top: auto;
    transform: none;
  }

  .shape-node .shape-icon-active {
    display: block !important;
  }

  .shape-node .shape-icon-inactive {
    display: none !important;
  }

  .shape-title {
    grid-area: title;
    margin: 0;
    text-align: left;
    font-size: 0.875rem;
  }

  .shape-desc {
    grid-area: desc;
    text-align: left;
    opacity: 1;
    visibility: visible;
    max-height: none;
    transform: none;
    overflow: visible;
    pointer-events: auto;
  }

  .ul-shape-desc {
    padding-left: 0.625rem;
      margin-top:0.625rem;
      margin-bottom: 0;
  }
  .ul-shape-desc,
  .ul-shape-desc li,
  ul.shape-desc,
  ul.shape-desc li {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .shape-node:not(.is-active) .shape-title {
    position: static;
    transform: none;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  .shape-node.is-active .shape-title {
    font-size: 1.25rem;
    line-height: 1.625rem; /* 26px */
    margin-bottom: 0;
    text-align: left;
  }

  .shape-node.is-active .shape-desc {
    max-height: none;
  }

  .shape-node.is-active .shape-desc-all-txt {
    max-height: none;
    overflow: visible;
  }

  .shape-node,
  .shape-node-inner,
  .shape-title,
  .shape-desc {
    transition: none !important;
  }

  .block-governance-steps .step-icon {
      height: 1.875rem;
      margin-top: 0.375rem;
  }

  .block-governance-steps .governance-step.active .step-icon {
      width: 1.875rem;
      height: 1.875rem;
      flex-basis: 1.875rem;
  }

  .block-governance-steps .step-head {
    margin-bottom: 0.625rem;
    margin-top: 1.25rem;
  }

  .block-governance-steps .governance-step.active .step-head {
    margin-top: 1.25rem;
  }

  .block-governance-steps .governance-step.active  .step-head {


      margin-bottom: 1.25rem;
  }


  .block-governance-steps .governance-step.active .step-title {

      font-size: 1.25rem;
      line-height: 1.9625rem; /* 31.4px */
  }

  .block-governance-steps .governance-step.active .step-title .step-desc {
  font-size: 0.875rem;
  line-height: 1.05rem; /* 16.8px */
  }
    .block-governance-steps {

        padding-bottom: 1.25rem;
    }

    .block-governance-steps .governance-steps-title {
        display: none;
    }

    .block-governance-steps .governance-steps {
        display: block;
        gap: 1.25rem;
    }

    .block-governance-steps .governance-step {
        position: relative;
        width: calc(100% - 0.4375rem);
        max-width: calc(100% - 0.4375rem);
        flex: 0 0 100%;
        flex-basis: 100%;
        margin-left: 0.4375rem;
        padding-left: 1.3125rem;
        border-left: none;
    }

    .block-governance-steps .governance-step::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0.25rem;
        border-radius: 0.375rem;
        background: rgba(255, 255, 255, 0.85);
    }

    .block-governance-steps .governance-step.active {
        border-left-color: transparent;
    }

    .block-governance-steps .governance-step.active::before {
        background: #2460FA;
    }

    .block-governance-steps .step-line {
        display: none;
    }


    .block-governance-steps .step-title {
  font-size: 1.125rem;
  padding-top: 0.625rem;
  line-height: 1.76625rem; /* 28.26px */
    }

    .block-governance-steps .step-desc, .block-governance-steps .governance-step.active .step-desc {
    font-size: 0.9375rem;
    line-height: 1.3125rem; 
    padding-bottom: 0.625rem;
    }

    .governance-steps {
      margin-left: -1.25rem;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
   .governance-shape-fixed-bg__item--one {
    right: -2.875rem;
  }
  .governance-shape-fixed-bg__item--two {
    left: -2.875rem;
  }
   .is-fixed .governance-shape-fixed-bg__item--one {
    right: 0px;
  }
 .is-fixed .governance-shape-fixed-bg__item--two {
    left: 0px;
  }
}


@media (max-width: 991px) {

    .governance-history__empty {
      padding: 0.625rem 0.9375rem 1.25rem 1.125rem;
      color: #fff;
    font-family: Gilroy-Medium;
    font-size: 0.875rem;line-height: 1.05rem;
    }
    .governance-calendar__picker {
    min-width: 11.375rem;    
  }

  .container-s-mob {
    --bs-gutter-x: 0.8125rem;
  }
}

@media (min-width: 768px) and (max-width: 860px) {
  .links-txt-flex .links-txt a {
    font-size: 1.375rem;
  }

  .links-txt-flex .links-txt li {
    padding: 0.625rem 1.3125rem;
  }

}


@media (min-width: 768px) {
  .mob-two {
    display: none;
  }
  .links-txt-flex {
      padding-left: 0.3125rem;
  }


  .links-txt-flex .links-txt {
    justify-content: left;
      flex-wrap: nowrap;
  }
  .links-txt-flex .links-txt li:first-child {
    padding-left: 0px;
  }
  .links-txt-flex .links-txt a, .links-txt-flex .links-txt li {
      white-space: nowrap;
  }
}

@media (max-width: 400px) {
  .governance-calendar__switch {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
  }
}


@media (max-width: 360px) {
    .governance-calendar {
      padding: 1.125rem 0.75rem;
    }


  .governance-calendar__switch-btn {
    min-width: 1.875rem;
  }

  .governance-calendar__picker-text {
    font-size: 0.875rem;
  }   

}


@media (prefers-reduced-motion: reduce) {
    .shape-node,
    .shape-icon,
    .block-governance-steps .step-line,
    .block-governance-steps .step-icon,
    .block-governance-steps .step-title,
    .block-governance-steps .step-desc {
        transition: none;
    }
}

.block-governance-steps.is-measuring .governance-step,
.block-governance-steps.is-measuring .step-head,
.block-governance-steps.is-measuring .step-icon,
.block-governance-steps.is-measuring .step-title,
.block-governance-steps.is-measuring .step-desc,
.block-governance-steps.is-measuring .step-line {
    transition: none !important;
}

.block-tooltip {
  flex-wrap: nowrap;  display: flex;  white-space: nowrap;  align-items: center;
}
.info-title-new { color: #fff;font-family: Gilroy-Bold;font-size: 1.5rem;font-style: normal;font-weight: 400;}
.block-tooltip .btn-tooltip {margin: 0 0px 0 0.625rem;}       
.governance-history{--gh-ipfs-col-width:4.625rem;--gh-date-col-width:7.5rem;}
.governance-history__head{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;opacity: 0.7;}
.governance-history__title{margin:0;font-size:1.875rem;line-height:1.2;color:#111;}
.governance-history__filters{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.governance-history__filter-label {margin-right: 0.4375rem; }
.governance-history__period-label {margin-left: 2.875rem;}
.governance-history__filter-label,.governance-history__period-label{color: #A19EAD;font-family: Gilroy-Bold;font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.25rem; }
.governance-history__tab{position:relative;padding:0 1.4375rem;border:0;background:transparent;color: #A19EAD;text-align: center;font-family: Gilroy-Bold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.25rem; cursor:pointer;}
.governance-history__tab:before{content:'';position:absolute;left:0;right:0;bottom:-0.875rem;height:0.125rem;background: #F1F1F1;border-radius:62.4375rem;}
.governance-history__tab.is-active{color:#111;}
.governance-history__tab.is-active:after{content:'';position:absolute;left:0;right:0;bottom:-0.875rem;height:0.125rem;background:#0056EB;border-radius:62.4375rem;}
.governance-history__date-range{height:2.75rem;margin: 0 1.25rem;display:flex;align-items:center;gap:0.5rem;padding:0 0.75rem;border-radius: 0.375rem;border: 1px solid #5D6062;background: #323436;min-width:15.9375rem;position:relative;}
.governance-history__date-icon{width:1.1875rem;height:1.1875rem;display:block;flex:0 0 1.1875rem;pointer-events:none;}
.governance-history__date-input{width:100%;border:0;background:transparent;color:#fff;font-size:0.875rem;line-height:1.2;outline:0;padding:0;min-width:0;cursor:pointer;}
.governance-history__date-input::placeholder{color: #A19EAD;font-family: GilroySemiBold;font-size: 0.875rem;font-style: normal;font-weight: 400;}
.governance-history__date-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer;z-index:2;pointer-events:none;}
.governance-history__date-native.is-active{z-index:3;pointer-events:auto;}
.governance-history__date-native::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;}
.governance-history__reset-btn{width: 1.1875rem; height: 1.125rem;border:0;background:transparent;padding: 0; display: flex;cursor:pointer;margin-left: 0.3125rem; margin-right: 0.5rem; }

.governance-history__table-head{padding:0 1.875rem;display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 1.375rem;gap:0.875rem;height:2.875rem;align-items:center;}
.governance-history__col-title,.governance-history__col-ipfs,.governance-history__col-date{color: #A19EAD;font-family: GilroySemiBold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.8rem; }
.governance-history__col-ipfs{text-align:center;justify-self:center;width:var(--gh-ipfs-col-width);}
.governance-history__col-date{display:flex;align-items:center;justify-content:center;justify-self:stretch;gap:0.5625rem;cursor:pointer;user-select:none;}
.governance-history__col-date-text{text-align:center;white-space:nowrap;}
.governance-history__col-date .icon{display:block;flex:0 0 auto;font-size:0.625rem;line-height:1;color:rgba(17,17,17,.35);}

.governance-history__item{border-bottom:0.25rem solid #323436;background: rgba(255, 255, 255, 0.03);}
.governance-history__row{padding:1.5rem 1.875rem;display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 1.375rem;gap:0.875rem;min-height:4.375rem;align-items:center;cursor:pointer;}
.governance-history__name{font-size:1rem;line-height:1.35;color:#fff;font-weight:400;text-align:left;justify-self:start;font-family: GilroySemiBold;}

.governance-history__ipfs{justify-self:center;color:#fff;text-decoration:none;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
.governance-history__ipfs:hover{color:#2460FA;}
.governance-history__ipfs svg,.governance-history__info-ipfs svg{width:1.0625rem;height:1.125rem;display:block;flex:0 0 1.125rem;}
.governance-history__date-wrap{display:flex;align-items:center;justify-content:center;justify-self:stretch;min-width:var(--gh-date-col-width);}
.governance-history__date{font-size:1rem;line-height:1;color:#fff;text-align:center;font-family: GilroySemiBold;}
.governance-history__toggle{justify-self:end;}
.governance-history__toggle.btn-accordion{width:1.375rem;height:1.375rem;min-width:1.375rem;padding:0;margin:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;}
.governance-history__toggle .btn-hidden{display:flex;align-items:center;justify-content:center; background: transparent;color: #fff;}
.governance-history__toggle .icon2{font-size:0.625rem;display:inline-block;transition:transform .22s ease;}
.governance-history__toggle[aria-expanded="false"] .icon2,
.governance-history__toggle.collapsed .icon2{transform:rotate(180deg);}

.governance-history__details{margin:0.625rem 0 1.25rem 0;padding:0 1.875rem 0 1.875rem;display:grid;grid-template-columns:14.0625rem minmax(0,1fr);gap:0.375rem;}
.governance-history__info{border-radius:0.625rem;padding:1.875rem;}       
.governance-history__panel-title{margin-bottom: 1.25rem;color: rgba(255, 255, 255, 0.60);font-family: Gilroy-Bold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.75rem; text-transform: uppercase; }
.governance-history__text{color: #fff;font-family: Gilroy-Light;font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.05rem;max-width:11.25rem; margin-bottom: 1.25rem;}
.governance-history__meta-block {margin-bottom: 1.5625rem;}
.governance-history__meta-label{color: #A19EAD;font-family: Gilroy-Bold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.75rem;}
.governance-history__meta-value{color: #fff;font-family: GilroySemiBold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.75rem; }
.governance-history__info-ipfs{display:inline-flex;align-items:center;gap:0.9375rem;color: #2460FA;font-family: Gilroy-Bold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.75rem; text-decoration:none;}
.governance-history__info-ipfs:hover{color:#2460FA;}

.governance-history__results{border-radius:0.625rem;padding-top:1.875rem;}
.governance-history__winner{color: #22C062;font-size: 0.875rem;font-style: normal;font-family: Gilroy-Light;font-weight:400;line-height: 1.25rem;margin-bottom:0.25rem; }
.governance-history__winner span img{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle; margin-right: 0.3125rem;}
.governance-history__winner .medium {font-family: Gilroy-Medium;font-weight:500;}

.governance-history__result-row{display:flex;gap:1.875rem;padding:0.5rem 0.75rem 0.6875rem 0.75rem;}
.governance-history__result-row:first-of-type{border-top:0;}
.governance-history__result-row.is-winner{background: rgba(90, 190, 252, 0.07);}
.governance-history__result-left{flex:1;min-width:0;max-width: 34.375rem;}
.governance-history__result-right{width:15rem;flex:0 0 15rem;margin-left: auto;}
.governance-history__result-name{color: #fff;font-family: GilroySemiBold;font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.25rem;margin-bottom: 0.1875rem; }
.is-winner .governance-history__result-name {font-family: Gilroy-Bold; }
.governance-history__result-desc{color: #fff;font-family: Gilroy-Light;font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: 0.875rem; }
.governance-history__result-desc a {color: #fff;font-family: Gilroy-Bold;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font; }
.governance-history__result-desc a:hover{text-decoration: none;}
.governance-history__points{margin-top:0.75rem;padding-right: 0.125rem;color: #fff;text-align: right;font-family: GilroySemiBold;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1rem; }
.governance-history__bar{margin-top:0.6875rem;height:0.375rem;background: rgba(255, 255, 255, 0.07);border-radius:62.4375rem;overflow:hidden;}
.governance-history__bar span{display:block;height:100%;background: rgba(255, 255, 255, 0.60);border-radius:62.4375rem;}
.governance-history__bar.is-green span{background: #22C062;}

.governance-history__pagination{display:flex;justify-content:center;align-items:center;gap:0;width:fit-content;margin:0 auto;padding:3.25rem 0.9375rem 2rem;}
.governance-history__page-btn,.governance-history__page{display: flex;border:0;background:transparent;color:rgba(17,17,17,.45);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 0.625rem 0 0px;font-weight:700;}
.governance-history__page{color: #A19EAD; font-family: Gilroy-Bold;font-size: 0.875rem;font-style: normal;font-weight: 400;}
.governance-history__page.is-active{color:#fff;}
.governance-history__page-btn:disabled{cursor:default;pointer-events:none;opacity: 1 !important;}
.governance-history__page-btn:not(:disabled) svg path{stroke:#fff;}
.governance-history__page-btn:disabled svg path{stroke:#B3B3B3;}
.governance-history__dots{font-size:0.875rem;line-height:1;color:rgba(17,17,17,.45);font-weight:700;color: #A19EAD; font-family: Gilroy-Bold;font-size: 14px;font-style: normal;font-weight: 400;}
.governance-history__page-btn.is-prev{padding:0 2.5rem 0 0;}
.governance-history__page-btn.is-next{padding:0 0 0 1.875rem;}

.governance-history__row.active .governance-history__ipfs, .governance-history__row.active .governance-history__date-wrap {
  opacity: 0;
}

.governance-history__row.active .governance-history__name {
  font-size: 1.125rem;
}

.governance-history__filter-label, .governance-history__tab {display:none !important;}

.governance-history__results .governance-history__panel-title, .governance-history__winner, .governance-history__result-row { padding-left:2.25rem; padding-right:1.625rem;  }
.bg-governance {border-radius: 0.625rem;background: #323436;}

.governance-history__info, .governance-history__results {
  background: rgba(0, 0, 0, 0.39);
}


@media (min-width: 1201px){
  .governance-history__col-title {
    margin-left: -0.3125rem;
  }

  .governance-history__col-ipfs, .governance-history__ipfs {
    margin-right: 3.4375rem;
  }
}

@media (min-width: 992px){
  .deck-none {display: none !important;}.governance-history__page--before-dots{padding-right:0;}

  .mob-991 {display: none !important;}
  .governance-history__filters {padding-right: 0.375rem;}
  .governance-history__table-head {margin: 0.625rem 0 0.375rem 0;}
  .governance-history__pagination {  padding: 1.6875rem 0.9375rem 1.4375rem;}
  .governance-history__name{transition: font-size .22s ease;}
}

@media (max-width: 991px){

  .governance-history__head .info-title-new {display: none;}
  .governance-history__row.active {display: flex;}
  .governance-history__name {  transition: font-size 0s ease;}

  .governance-history__result-desc a {color: #fff;}
  .governance-history__result-desc{font-size: 0.625rem;line-height: 0.75rem; }

  .governance-history__info {display: flex; justify-items: center;gap: 1.5625rem;}

  .governance-history__meta-block {  margin-bottom: 0;  display: flex;  gap: 0.625rem;align-items: center;}

  .governance-history__pagination {
    padding: 1.375rem 0.9375rem 1.375rem;
  }

  .des-991 {
    display: none !important;
  }

  .governance-history__row.active .governance-history__name {
    font-size: 1rem;
  }

  .governance-history{--gh-ipfs-col-width:3.75rem;--gh-date-col-width:3.75rem;}
  .governance-history__row.active .governance-history__toggle.btn-accordion {display: flex; margin-left: auto;}
  .governance-history__toggle.btn-accordion {
    margin-top: -0.375rem;margin-right: -0.3125rem;
  }

   .governance-history__head, .governance-history__table-head {  border-bottom: 0;}
  .governance-history__dots{margin:0 0.875rem 0 -0.1875rem;}
  .governance-history__page-btn.is-next {  padding: 0 0 0 1.5rem; margin-top: -0.125rem;}
  .governance-history__page { padding: 0 0.875rem 0 0px; }
  .governance-history__page-btn.is-prev {  margin-top: -0.125rem;}
  .governance-history__head{flex-wrap: wrap;padding-left: 1px; padding-right: 1px;padding-bottom: 0.3125rem;}
  .governance-history__title{font-size:1.5rem;}
  .governance-history__filters{display:grid;gap:0.25rem 1.5625rem;justify-content:space-between;max-width:23.75rem; width:100%;margin-top:0px;}  
  .governance-history__period-label{order:1;margin:0;grid-column:1/2; margin-left: 1rem;}
  .governance-history__date-range{order:2;margin:0;min-width:0;width:100%;grid-column:1/2;grid-row:2; margin-left: 1rem;}
  .governance-history__head .info-title-new  { margin-left: 1rem; }
  .governance-history__reset-btn{order:3;grid-column:2/3;grid-row:2;align-self:center;justify-self:start;margin-left: auto;  margin-right: 1.4375rem;}
  .governance-history__tab{display:flex;align-items:center;align-content:center;justify-content:center;min-height:3rem;line-height:1.2;text-align:center;padding-left: 0.625rem;padding-right: 0.625rem;padding-bottom:0;width:calc(50% - 0.125rem);white-space:normal;}
  .governance-history__tab[data-history-tab="all"]{order:4;margin-top: 1.25rem;grid-column:1/-1;grid-row:3;justify-self:start;}
  .governance-history__tab[data-history-tab="mine"]{order:5;margin-top: 1.25rem;grid-column:1/-1;grid-row:3;justify-self:end;}
  .governance-history__tab::before, .governance-history__tab.is-active::after {bottom: 0;}
  .governance-history__tab{font-size:1rem;}
  .governance-history__date-range{min-width:15.625rem;gap:0.375rem;padding:0 0.625rem;}

  .governance-history__table-head{display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 1.375rem;gap:1rem;padding:0.625rem 1rem 0.625rem 1rem;height:auto;align-items:center;}
  .governance-history__col-title{font-size:0.875rem;text-align:left;}
  .governance-history__col-ipfs{font-size:0.875rem;text-align:center;justify-self:center;width:var(--gh-ipfs-col-width);}
  .governance-history__col-date{font-size:0.875rem;display:flex;align-items:center;justify-content:center;justify-self:stretch;text-align:center;white-space:nowrap;gap:0.25rem;}
  .governance-history__row{grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 1.375rem;gap:1rem;padding:0.75rem 1rem;min-height:3.125rem;align-items:center;}
  .governance-history__name{grid-column:auto;min-width:0;font-size:0.875rem;line-height:1.35;}
  .governance-history__ipfs{justify-self:center;width:1.75rem;display:flex;align-items:center;justify-content:center;}
  .governance-history__col-date .icon {height: 0.75rem;}
  .governance-history__date-wrap{display:flex;align-items:center;justify-content:center;justify-self:stretch;min-width:var(--gh-date-col-width);white-space:nowrap;}
  .governance-history__date{justify-self:auto;text-align:center;}
  .governance-history__toggle{justify-self:end;}
  .governance-history__date{font-size:0.875rem;}

  .governance-history__details{margin: 0; padding: 0;    grid-template-columns: 1fr;  gap: 0;}
  .governance-history__info,.governance-history__results{padding:0.625rem;}
  .governance-history__info .governance-history__panel-title,
  .governance-history__info .governance-history__text{display:none;}
  .governance-history__panel-title {color: #A19EAD;font-size: 0.875rem;line-height: 1.5625rem;}

  .governance-history__text{max-width:none;}
  .governance-history__meta-value, .governance-history__info-ipfs, .governance-history__meta-label {font-size:0.875rem;line-height: 1.125rem;}
  .governance-history__info-ipfs{gap: 0.625rem;margin-left: auto;}
  .governance-history__info-ipfs img {margin-top: -0.25rem;}  
  .governance-history__info-ipfs {margin-right: 0.25rem;font-size: 0.875rem;}
    .governance-history__info-ipfs svg {margin-top: -0.1875rem;}        
  .governance-history__result-row{padding:0.5rem 0 0.3125rem 0px;margin-bottom: 0.3125rem;flex-direction:column;gap:0.5rem;}
  .governance-history__result-row.is-winner {padding-left:0.3125rem;padding-right: 0.3125rem;}
  .governance-history__result-right{width:100%;flex:0 0 auto;}
  .governance-history__result-name{font-size:0.8125rem;}
  .governance-history__item.active {background: #2D2D2D;}
  .governance-history__row.active {gap: 1rem;}
  .governance-history__info {border-radius:0px;padding-top: 0.9375rem;}
   .governance-history__results {border-radius:  0px;}
  .governance-history__row.active .governance-history__ipfs, .governance-history__row.active .governance-history__date-wrap {display: none;}
  .governance-history__panel-title {margin-bottom: 0.625rem;}
  .governance-history__bar {height: 0.25rem;margin-top: 0.3125rem;}
  .governance-history__points {margin-right: 0.625rem;}
  .governance-history__results .governance-history__panel-title, .governance-history__winner, .governance-history__result-row {  padding-left:0px;  padding-right: 0px;}
  .governance-history__winner {line-height: 1.125rem;margin-bottom: 0.375rem;}
  .governance-history__points {margin-top: 0px;}
  .governance-history__winner, .governance-history__points, .governance-history__result-name {font-size:0.875rem;}
  .governance-history__name {font-family: 'Gilroy-Medium';}
  .governance-history__result-left{    margin-bottom: 0.3125rem;  }
  .governance-history__info, .governance-history__results {background: transparent;}
  .block-page-governance {padding-top: 10rem;}
  .block-page-governance .title-lg {font-weight: 400;}
}

@media (max-width: 767px){
  .governance-history__row, .governance-history__table-head {gap: 0;}
  .governance-history__name, .governance-history__date, .governance-history__col-title, .governance-history__col-ipfs, .governance-history__col-date, .governance-history__meta-value, .governance-history__meta-label, .governance-history__winner, .governance-history__points, .governance-history__result-name {font-size:0.75rem;}
  .governance-history__row.active .governance-history__name {
    font-size: 0.875rem;
  }

  .governance-history__info {gap: 1.125rem;}
  .block-title-txt {
    margin-bottom: 3.125rem;
  }
}

@media (max-width: 465px) {
  .block-page-governance .links-txt li {
    padding: 1.25rem 0px;
  }
  .governance-history__date-range {
    min-width: 15.625rem;
  }
}
@media (max-width: 390px) {
  .governance-history__date-range {
    min-width: 14.25rem;margin-right: 5.625rem;
  }
      .governance-history__filters {
        justify-content: flex-start;
        position: relative;
    }
.governance-history__filters {
  display: flex;
}
    .governance-history__reset-btn{
      position: absolute;
    right: 0;
    bottom: 0.8125rem;
    }
}
@media (max-width: 360px) {
  .governance-history__date-range {
    margin-right: 4.6875rem;
  }
}

@media (max-width: 350px) {
  .governance-history__date-range {
    margin-right: 4.375rem;
  }
}


.governance-calendar__current path, .governance-history__reset-btn path {
    stroke:#ffffff !important;
}
.disabled.governance-calendar__current path, .disabled.governance-history__reset-btn path {
    stroke:#B3B3B3 !important;
}



/* Token  governance */

.overflow-y-hidden {overflow: hidden;}
.ellipse-bg{position: relative;}
.ellipse-bg:before {background: url(../images/ellipse-bg.svg);position: absolute;height: 32.625rem;width: 100%;content: ''}

.token-governance {
  position: relative;
  width: min(100%, 21.375rem);
  height: 38.125rem;
  margin: 0 auto;
  margin-right: 16.25rem;
  border-radius: 0.375rem;
  overflow: hidden;
  min-width: 16.25rem;
  
}

.token-governance:before {
  content: "";
  top: 0;
  position: absolute;
  height:5rem;
  width: 100%;
    background: linear-gradient(180deg, #242628 0%, rgba(36, 38, 40, 0.00) 100%);
    z-index: 2;
}

.token-governance:after {
  content: "";
  position: absolute;
  height: 5rem;
  width: 100%;
    background: linear-gradient(180deg, rgba(36, 38, 40, 0.00) 2.0625rem, #242628 100%);
    z-index: 1;
    bottom: 0;
}
.token-governance-track {
  --token-governance-step: 14.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: ns-resize;
}



.token-governance-track::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10rem;
  pointer-events: none;
  z-index: 4;
  background: linear-gradient(180deg, rgba(36, 38, 40, 0) 0%, rgba(36, 38, 40, 0.78) 72%, #242628 100%);
}

.token-governance-bg {
  position: absolute;
  right: -3.125rem;
  top: -4.0625rem;
}
.token-governance-bg img {
  max-height: 100% !important;
}

.token-governance-belt {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  will-change: transform;
}

.token-governance-item {
  position: relative;
  flex: 0 0 var(--token-governance-step);
  width: calc(100% - 0.5rem);
  box-sizing: border-box;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: none;
  text-align: center;
  opacity: 1;
  filter: none;
}

.token-governance-belt > .token-governance-item:nth-child(n + 4) {
  pointer-events: none;
}

.token-governance-item.is-edge-top,
.token-governance-item.is-edge-bottom {
  opacity: 1;
  filter: none;
}

.token-governance-item.is-center {
  opacity: 1;
  filter: none;
}

.token-governance-icon {
  display: block;
  width: 5rem;
  margin: 0 auto 0.9375rem;
}

.token-governance-title {
  margin: 0;
  font-family: 'Gilroy-Medium';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9375rem;
  color: #ffffff;
  white-space: normal;
  /*overflow-wrap: anywhere;*/
  word-break: normal;
  position: relative;
}


.token-governance-item.is-edge-top .token-governance-title,
.token-governance-item.is-edge-bottom .token-governance-title {
  opacity: 1;
}

.token-governance-item.is-edge-bottom .token-governance-title {
  color: #ffffff;
}

.token-governance-item.is-center .token-governance-title {
  opacity: 1;
  color: #ffffff;
}

.token-governance-item.is-edge-top .token-governance-title {
  color: #ffffff;
}


@media (max-width: 1300px) {
  .token-governance-bg {
    right: -8.4375rem;
  }
  .token-governance {
    margin-right: 11.25rem;
  }
}

@media (max-width: 1170px) {
  .token-governance-bg {
    right: -9.1875rem;
  }

    .token-governance {
    margin-right: 9.375rem;
  }

}


@media (min-width: 992px) and (max-width: 1100px) {
  .title-lg-grad.mb-40 {
    margin-bottom: 1.25rem !important;
  }
  .block-page-p-lg {
    font-size: 1.375rem;
    line-height: 2rem;
  }

  .bottom-btn.mt-60 {
    margin-top: 3.125rem !important;
  }

  .mb12rem {
    margin-bottom: 9rem !important;
  }

}

@media (max-width: 991px) {

      .token-governance {
    margin-right: 4.375rem;
  }

   .token-governance-bg {
    right: -8.4375rem;
    width: 11.75rem;
    top: 0.75rem;
  } 

  .mb12rem {
    margin-bottom: 7rem !important;
  }

    .bottom-btn.mt-60 {
    margin-top: 3.125rem !important;
  }

  .token-governance-title {
    line-height: 1.3125rem;
    font-size: 1.125rem;
  }
  .block-page-p-lg {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 768px){
    .mob-767 {display: none !important;}
}

@media (max-width: 767px) {

  .decw647 {
    max-width: 100%;
    margin-bottom: 1.875rem !important;
  }

  .block-page-p-lg {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
  .mb12rem {
  margin-bottom: 5rem !important;
}
  .token-governance-bl {flex-wrap: wrap;}
  .bottom-btn.mt-60 {
    margin-top: 1.25rem !important;width: 100%;
  }
  .bottom-btn.mt-60 .btn {
    width: 100%;
  }
  .token-governance-bg {
    right: -4.75rem;
    width: 8.0625rem;
    top: 3.125rem;
  }
  .token-governance {
    height: auto;
    margin-right: auto;
    width: 100%;
  }

  .token-governance-track {
    --token-governance-step: 0px !important;
  }

  .token-governance-item {
    width: calc(100% - 0.5rem);
    padding: 0 0.5rem;
    margin-bottom: 2.1875rem;
  }
  .token-governance-icon {
    width: 3.125rem;
  }
  .token-governance::before, .token-governance::after, .token-governance-track::after{
    display: none;
  }
  .token-governance-title .white-space-nowrap {
   white-space:normal !important;display: block;
  }

  .des-768 {display: none !important;}

}

:root {
  --fluid-vw: clamp(20rem, 100vw, 90rem);
  --fluid-step: calc((var(--fluid-vw) - 20rem) / 1120);
}

.block-governance-steps .governance-steps {
  --g-gap: clamp(1.25rem, calc(1.25rem + 20 * var(--fluid-step)), 2.5rem);
  gap: var(--g-gap);
}

.block-governance-steps .step-head {
  margin-top: clamp(2.125rem, calc(2.125rem + 20 * var(--fluid-step)), 3.375rem);
  margin-bottom: clamp(1.375rem, calc(1.375rem + 8 * var(--fluid-step)), 1.875rem);
}

.block-governance-steps .governance-step.active .step-head {
  margin-top: clamp(1.875rem, calc(1.875rem + 4 * var(--fluid-step)), 2.125rem);
  margin-bottom: clamp(1.75rem, calc(1.75rem + 6 * var(--fluid-step)), 2.125rem);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-head {
    margin-top: clamp(1.875rem, calc(1.875rem + 4 * var(--fluid-step)), 2.125rem);
    margin-bottom: clamp(1.75rem, calc(1.75rem + 6 * var(--fluid-step)), 2.125rem);
  }
}

.block-governance-steps .governance-step.active .step-icon {
  width: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
  height: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
  flex-basis: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
  margin-right: clamp(0.875rem, calc(0.875rem + 16 * var(--fluid-step)), 1.875rem);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-icon {
    width: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
    min-width: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
    height: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
    flex-basis: clamp(1.75rem, calc(1.75rem + 12 * var(--fluid-step)), 2.5rem);
    margin-right: clamp(0.875rem, calc(0.875rem + 16 * var(--fluid-step)), 1.875rem);
  }
}

.block-governance-steps .step-title {
  font-size: clamp(1.25rem, calc(1.25rem + 4 * var(--fluid-step)), 1.5rem);
}

.block-governance-steps .governance-step.active .step-title {
  font-size: clamp(1.5rem, calc(1.5rem + 6 * var(--fluid-step)), 1.875rem);
  line-height: clamp(2rem, calc(2rem + 15.1 * var(--fluid-step)), 2.94375rem);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-title {
    font-size: clamp(1.5rem, calc(1.5rem + 6 * var(--fluid-step)), 1.875rem);
    line-height: clamp(2rem, calc(2rem + 15.1 * var(--fluid-step)), 2.94375rem);
  }
}

.block-governance-steps .governance-step.active .step-desc {
  font-size: clamp(1rem, calc(1rem + 4 * var(--fluid-step)), 1.25rem);
  line-height: clamp(1.25rem, calc(1.25rem + 4 * var(--fluid-step)), 1.5rem);
}

.governance-shape-container {
  --g-gap: clamp(1.875rem, calc(1.875rem + 48 * var(--fluid-step)), 4.875rem);
}

.bottom-btn.mt-60 {
  margin-top: clamp(1.25rem, calc(1.25rem + 40 * var(--fluid-step)), 3.75rem) !important;
}