.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: 44px;
    color: #fff;
}

.block-governance-steps .governance-steps {
    --g-gap: 40px;
    display: flex;
    gap: 40px;
}


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

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

.block-governance-steps .step-head {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 54px;
    margin-bottom: 30px;
    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: -3px 0 0 7px !important;}
.block-governance-steps .governance-step.active .step-head {

    margin-top: 34px;
    margin-bottom: 34px;
}

.block-governance-steps .step-icon {
    width: 0;
    height: 40px;
    opacity: 0;
    transform: translateX(-10px);
    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: 40px;
    height: 40px;
    flex-basis: 40px;
    margin-right: 30px;
}

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

.block-governance-steps .step-title {
    margin: 0;
    color: #fff;
    font-size: 24px;
    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: 20px;
line-height: 24px; 
}

.block-governance-steps .governance-step.active .step-title {
font-size: 30px;
line-height: 47.1px; 
}

@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: 34px;
        margin-bottom: 34px;
    }

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

    .block-governance-steps .governance-step:hover .step-desc {
        font-size: 20px;
        line-height: 24px;
    }

    .block-governance-steps .governance-step:hover .step-title {
        font-size: 30px;
        line-height: 47.1px;
    }
}

.block-governance-steps .step-desc {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-family: 'Gilroy-Regular';
    line-height: 18px;
    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: -20px !important; 
  margin-top: -30px !important;
}

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

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

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

.shape-orbit {
  position: relative;
  width: min(100%, 760px);
  height: 560px;
  margin: 0 auto;
  cursor: default;
}

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

.shape-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.10);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  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: 105px;
  --y: -220px;
}

.shape-node.pos-right {
  --x: 315px;
  --y: -30px;
}

.shape-node.pos-bottom {
  --x: 105px;
  --y: 207px;
}

.shape-node.pos-left {
  --x: -155px;
  --y: 30px;
}


.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: 20px 16px;
}

.shape-icon {
  width: 44px;
  height: 44px;
}

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

.shape-title {
  margin: 20px 0;
text-align: center;
font-family:  'Gilroy-Medium';
font-weight: 500 !important;
font-size: 20px;
line-height: 26px;
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(6px);
  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: 10px;
  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: 10px;
  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: 9px;
  margin-top: -2px;
  width: 3px;
  height: 3px;
  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: 2px;
  --icon-shift-y: 1px;
}

.shape-node:not(.is-active) .shape-title {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: min-content;
  max-width: 210px;
  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% + 20px);
}

.shape-node.is-active {
  width: 440px;
  height: 440px;
  background: rgba(0, 0, 0, 0.10);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  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: 50px 50px 80px;
  overflow: hidden;
}

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

.shape-node.is-active .shape-icon {
  width: 70px;
  height: 70px;
}

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

.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: 220px;
  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: 13px;
  line-height: 18px; 
}

.block-calendar {
  margin-top: 30px;
}

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

.governance-calendar {
  padding: 30px 50px 60px 50px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
}

.governance-calendar__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.governance-calendar__current,
.governance-calendar__switch-btn,
.governance-calendar__picker {
  height: 36px;
  border: none;
  color: #fff;
  font-family: 'Gilroy-Medium';
  font-size: 16px;
  line-height: 1;
  border-radius: 10px;

}


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

.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: 17px;
}

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

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

.governance-calendar__switch-btn {
  min-width: 36px;
  border: none;
  background: none;
  border-radius: 10px;
  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: 10px;
  border-radius: 10px;
  padding: 0 22px 0 7px;
  min-width: 220px;

}

.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: 10px;
}

.governance-calendar__dropdown-icon img {
  display: block;
  width: 8px;
}

.governance-calendar__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 230px;
  padding: 12px;
  border-radius: 12px;
  border: none;
  background: #242628;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
  display: none;
  z-index: 5;
}

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

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

.mt-governance {
  margin-top: -25px !important;
}

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


@media (max-width: 767px) {

  .mob-img-governance-top {
    display: none !important;
  }
  .mob-img-governance {
    margin-top: 50px;
    margin-bottom: 26px;
  }
  .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: -6px;
  right: 18px;
  width: 12px;
  height: 12px;
  background: #242628;
  transform: rotate(45deg);
  border-radius: 2px;
  pointer-events: none;
}

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

.governance-calendar__dropdown-row + .governance-calendar__dropdown-row {
  margin-top: 10px;
}

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

.governance-calendar__dropdown-label {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Gilroy-Regular';
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.governance-calendar__current {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  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: 38px;
  padding: 0 10px;
  border: none;
  border-radius: 10px;
  background: #383a3c;
  color: #fff;
  font-family: 'Gilroy-Medium';
  font-size: 14px;
  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: 14px;
}

.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: 18px;
  height: 18px;
  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: 12px;
  opacity: 0.8;
  transition: transform 0.2s ease;
}



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

.governance-calendar__weekdays span {
  font-family: 'Gilroy-Regular';
  font-size: 13px;
  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: 10px;
}

.governance-history__empty {
  padding: 20px 30px 40px 30px;
  color: #fff;
  font-family: GilroySemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.governance-calendar__day {
  position: relative;
  width: 100%;
  max-width: 120px;
  aspect-ratio: 120 / 74;
  height: auto;
  max-height: 74px;
  padding: 0 8px;
  border-radius: 10px;
  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: 8px;
  right: 10px;
  color: #FFF;
  font-family: 'Gilroy-Medium';
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 25px;
  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: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 37.68px;
  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, 120px);
    justify-content: center;
    gap: 10px;
  }

  .governance-calendar__day {
    width: 120px;
  }
  .governance-shape.txt-governance {
    margin-top: 60px;
  }
}

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

  .shape-node.pos-right {
    --x: 260px;
  }
}

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

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

@media (max-width: 991px) {

  .governance-history__panel-title .tooltip-faq {margin-left: 5px;}

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

   .block-page.block-page-new-mb {
    margin-bottom: 80px;
   }

}

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

@media (max-width: 767px) {

  .block-top .card .card-body .card-title.card-title-new-lg {
    font-size: 30px;
    margin-bottom: 10px;
  }

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

}

@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: 33px;
    line-height: 47px;
  }

  .governance-shape.txt-governance {
    margin-top: 130px;
  }

}

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

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

      margin-right: 10px;
    }
  }
  .block-governance-steps .governance-step.active .step-icon {
     margin-right: 10px;
  }

}

@media (min-width: 1101px) and (max-width: 1230px) {
  .shape-title {
    margin: 5px 0;
    font-size: 18px;
    line-height: 22px;
  }


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

  .shape-node.pos-right {
     --x: 242px;
    --y: -78px;
   }
    .shape-node.pos-bottom {
    --y: 188px;
    --x: 125px;
  }

  .shape-center-coin {
    width: 240px;
    height: 238.5px;
    left: 66%;
    top: 62%;
  }


}

@media (min-width: 992px) and (max-width: 1100px) {
  .shape-node {
  width: 60px;
    height: 60px;
  }
  .shape-icon {
    width: 33px;
    height: 33px;
  }
  .shape-title {
    margin: 5px 0;
    font-size: 16px;
    line-height: 22px;
  }

  .shape-node.is-active {
    width: 400px;
    height: 400px;
  }
  .shape-center-coin {
    width: 240px;
    height: 238.5px;
    left: 72%;
    top: 64%;
  }
  .shape-node.is-active .shape-node-inner {
    padding: 30px 30px 60px;
  }

  .shape-node.pos-top {
    --y: -184px;
  }
  .shape-node.pos-right {
      --x: 210px;
      --y: -66px;
   }
    .shape-node.pos-bottom {
    --y: 188px;
    --x: 125px;
  }

  .shape-node.pos-left {
    --x: -120px;
  }

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

}


@media (min-width: 992px) {

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


  .governance-calendar__current {
    min-width: 120px;
  }
  .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: 78px;
    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: -50px;
  }

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

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

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

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

  .shape-desc {
      line-height: 21px;
      font-size: 15px !important;
  }


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

  .title-lg.title-lg-grad {
    font-size: 30px;
    line-height: 39px; /* 36.4px */
  } 
  .title-lg-grad.mb-40 {
    margin-bottom: 20px !important;
  }
  .block-page-p-lg {
    font-size: 18px;
    line-height: 22px;
  }
  .block-page-p.block-page-p-md {
    font-size: 18px;
    line-height: 21.6px; /* 21.6px */
  }

  .governance-calendar {
    padding: 18px;
  }

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

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

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

  .governance-calendar__day {
    width: 100%;
    max-width: none;
    height: clamp(56px, 16vw, 74px);
    max-height: none;
    padding: 0 6px;
  }

  .governance-calendar__day-month {
    top: 6px;
    right: 8px;
    font-size: clamp(11px, 1.7vw, 14px);
    line-height: 1.2;
    letter-spacing: 0.2px;
  }

  .governance-calendar__day-number {
    font-size: clamp(20px, 2.8vw, 24px);
    line-height: 1.2;
  }

  .governance-calendar__current {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 10px;
  }

  .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: 10px;
    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: 20px;
    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: 60px 1fr;
    grid-template-areas:
      'icon title'
      'desc desc';
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    padding: 10px;
    text-align: left;
  }
  .shape-node.is-active .shape-icon {
    min-width: 60px;
    height: auto;
    width: 60px;
  }

  .block-governance-shape .governance-shape {
    margin-top: 33px;
    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: 170px;
    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: -21px;
    top: -78px;
    background-image: url(../images/governance-mob-1.svg);
    width: 174px;
    height: 285px;
  }

  .governance-shape-fixed-bg__item--two {
    left: -21px;
    top: 276px;
    background-image: url(../images/governance-mob-2.svg);
    width: 102px;
    height: 153px;
  }

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

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

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

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

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

  .shape-icon {
    grid-area: icon;
    width: 32px;
    height: 32px;
  }

  .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: 14px;
  }

  .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: 10px;
      margin-top:10px;
      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: 14px;
    line-height: 1.2;
  }

  .shape-node.is-active .shape-title {
    font-size: 20px;
    line-height: 26px; /* 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: 30px;
      margin-top: 6px;
  }

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

  .block-governance-steps .step-head {
    margin-bottom: 10px;
    margin-top: 20px;
  }

  .block-governance-steps .governance-step.active .step-head {
    margin-top: 20px;
  }

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


      margin-bottom: 20px;
  }


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

      font-size: 20px;
      line-height: 31.4px ; /* 31.4px */
  }

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

        padding-bottom: 20px;
    }

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

    .block-governance-steps .governance-steps {
        display: block;
        gap: 20px;
    }

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

    .block-governance-steps .governance-step::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        border-radius: 6px;
        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: 18px;
  padding-top: 10px;
  line-height: 28.26px; /* 28.26px */
    }

    .block-governance-steps .step-desc, .block-governance-steps .governance-step.active .step-desc {
    font-size: 15px;
    line-height: 21px; 
    padding-bottom: 10px;
    }

    .governance-steps {
      margin-left: -20px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
   .governance-shape-fixed-bg__item--one {
    right: -46px;
  }
  .governance-shape-fixed-bg__item--two {
    left: -46px;
  }
   .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: 10px 15px 20px 18px;
      color: #fff;
    font-family: Gilroy-Medium;
    font-size: 14px;line-height: 16.8px;
    }
    .governance-calendar__picker {
    min-width: 182px;    
  }

  .container-s-mob {
    --bs-gutter-x: 13px;
  }
}

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

  .links-txt-flex .links-txt li {
    padding: 10px 21px;
  }

}


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


  .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: 10px;
  }
}


@media (max-width: 360px) {
    .governance-calendar {
      padding: 18px 12px;
    }


  .governance-calendar__switch-btn {
    min-width: 30px;
  }

  .governance-calendar__picker-text {
    font-size: 14px;
  }   

}


@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: 24px;font-style: normal;font-weight: 400;}
.block-tooltip .btn-tooltip {margin: 0 0px 0 10px;}       
.governance-history{--gh-ipfs-col-width:74px;--gh-date-col-width:120px;}
.governance-history__head{padding:20px;display:flex;align-items:center;justify-content:space-between;opacity: 0.7;}
.governance-history__title{margin:0;font-size:30px;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: 7px; }
.governance-history__period-label {margin-left: 46px;}
.governance-history__filter-label,.governance-history__period-label{color: #A19EAD;font-family: Gilroy-Bold;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; }
.governance-history__tab{position:relative;padding:0 23px;border:0;background:transparent;color: #A19EAD;text-align: center;font-family: Gilroy-Bold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px; cursor:pointer;}
.governance-history__tab:before{content:'';position:absolute;left:0;right:0;bottom:-14px;height:2px;background: #F1F1F1;border-radius:999px;}
.governance-history__tab.is-active{color:#111;}
.governance-history__tab.is-active:after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:2px;background:#0056EB;border-radius:999px;}
.governance-history__date-range{height:44px;margin: 0 20px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius: 6px;border: 1px solid #5D6062;background: #323436;min-width:255px;position:relative;}
.governance-history__date-icon{width:19px;height:19px;display:block;flex:0 0 19px;pointer-events:none;}
.governance-history__date-input{width:100%;border:0;background:transparent;color:#fff;font-size:14px;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: 14px;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: 19px; height: 18px;border:0;background:transparent;padding: 0; display: flex;cursor:pointer;margin-left: 5px; margin-right: 8px; }

.governance-history__table-head{padding:0 30px;display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 22px;gap:14px;height:46px;align-items:center;}
.governance-history__col-title,.governance-history__col-ipfs,.governance-history__col-date{color: #A19EAD;font-family: GilroySemiBold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28.8px; }
.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:9px;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:10px;line-height:1;color:rgba(17,17,17,.35);}

.governance-history__item{border-bottom:4px solid #323436;background: rgba(255, 255, 255, 0.03);}
.governance-history__row{padding:24px 30px;display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 22px;gap:14px;min-height:70px;align-items:center;cursor:pointer;}
.governance-history__name{font-size:16px;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:17px;height:18px;display:block;flex:0 0 18px;}
.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:16px;line-height:1;color:#fff;text-align:center;font-family: GilroySemiBold;}
.governance-history__toggle{justify-self:end;}
.governance-history__toggle.btn-accordion{width:22px;height:22px;min-width:22px;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:10px;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:10px 0 20px 0;padding:0 30px 0 30px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:6px;}
.governance-history__info{border-radius:10px;padding:30px;}       
.governance-history__panel-title{margin-bottom: 20px;color: rgba(255, 255, 255, 0.60);font-family: Gilroy-Bold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; text-transform: uppercase; }
.governance-history__text{color: #fff;font-family: Gilroy-Light;font-size: 14px;font-style: normal;font-weight: 400;line-height: 16.8px;max-width:180px; margin-bottom: 20px;}
.governance-history__meta-block {margin-bottom: 25px;}
.governance-history__meta-label{color: #A19EAD;font-family: Gilroy-Bold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px;}
.governance-history__meta-value{color: #fff;font-family: GilroySemiBold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; }
.governance-history__info-ipfs{display:inline-flex;align-items:center;gap:15px;color: #2460FA;font-family: Gilroy-Bold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; text-decoration:none;}
.governance-history__info-ipfs:hover{color:#2460FA;}

.governance-history__results{border-radius:10px;padding-top:30px;}
.governance-history__winner{color: #22C062;font-size: 14px;font-style: normal;font-family: Gilroy-Light;font-weight:400;line-height: 20px;margin-bottom:4px; }
.governance-history__winner span img{width:24px;height:24px;display:inline-block;vertical-align:middle; margin-right: 5px;}
.governance-history__winner .medium {font-family: Gilroy-Medium;font-weight:500;}

.governance-history__result-row{display:flex;gap:30px;padding:8px 12px 11px 12px;}
.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: 550px;}
.governance-history__result-right{width:240px;flex:0 0 240px;margin-left: auto;}
.governance-history__result-name{color: #fff;font-family: GilroySemiBold;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom: 3px; }
.is-winner .governance-history__result-name {font-family: Gilroy-Bold; }
.governance-history__result-desc{color: #fff;font-family: Gilroy-Light;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px; }
.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:12px;padding-right: 2px;color: #fff;text-align: right;font-family: GilroySemiBold;font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px; }
.governance-history__bar{margin-top:11px;height:6px;background: rgba(255, 255, 255, 0.07);border-radius:999px;overflow:hidden;}
.governance-history__bar span{display:block;height:100%;background: rgba(255, 255, 255, 0.60);border-radius:999px;}
.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:52px 15px 32px;}
.governance-history__page-btn,.governance-history__page{display: flex;border:0;background:transparent;color:rgba(17,17,17,.45);font-size:20px;line-height:1;cursor:pointer;padding:0 10px 0 0px;font-weight:700;}
.governance-history__page{color: #A19EAD; font-family: Gilroy-Bold;font-size: 14px;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:14px;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 40px 0 0;}
.governance-history__page-btn.is-next{padding:0 0 0 30px;}

.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: 18px;
}

.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:36px; padding-right:26px;  }
.bg-governance {border-radius: 10px;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: -5px;
  }

  .governance-history__col-ipfs, .governance-history__ipfs {
    margin-right: 55px;
  }
}

@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: 6px;}
  .governance-history__table-head {margin: 10px 0 6px 0;}
  .governance-history__pagination {  padding: 27px 15px 23px;}
  .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: 10px;line-height: 12px; }

  .governance-history__info {display: flex; justify-items: center;gap: 25px;}

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

  .governance-history__pagination {
    padding: 22px 15px 22px;
  }

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

  .governance-history__row.active .governance-history__name {
    font-size: 16px;
  }

  .governance-history{--gh-ipfs-col-width:60px;--gh-date-col-width:60px;}
  .governance-history__row.active .governance-history__toggle.btn-accordion {display: flex; margin-left: auto;}
  .governance-history__toggle.btn-accordion {
    margin-top: -6px;margin-right: -5px;
  }

   .governance-history__head, .governance-history__table-head {  border-bottom: 0;}
  .governance-history__dots{margin:0 14px 0 -3px;}
  .governance-history__page-btn.is-next {  padding: 0 0 0 24px; margin-top: -2px;}
  .governance-history__page { padding: 0 14px 0 0px; }
  .governance-history__page-btn.is-prev {  margin-top: -2px;}
  .governance-history__head{flex-wrap: wrap;padding-left: 1px; padding-right: 1px;padding-bottom: 5px;}
  .governance-history__title{font-size:24px;}
  .governance-history__filters{display:grid;gap:4px 25px;justify-content:space-between;max-width:380px; width:100%;margin-top:0px;}  
  .governance-history__period-label{order:1;margin:0;grid-column:1/2; margin-left: 16px;}
  .governance-history__date-range{order:2;margin:0;min-width:0;width:100%;grid-column:1/2;grid-row:2; margin-left: 16px;}
  .governance-history__head .info-title-new  { margin-left: 16px; }
  .governance-history__reset-btn{order:3;grid-column:2/3;grid-row:2;align-self:center;justify-self:start;margin-left: auto;  margin-right: 23px;}
  .governance-history__tab{display:flex;align-items:center;align-content:center;justify-content:center;min-height:48px;line-height:1.2;text-align:center;padding-left: 10px;padding-right: 10px;padding-bottom:0;width:calc(50% - 2px);white-space:normal;}
  .governance-history__tab[data-history-tab="all"]{order:4;margin-top: 20px;grid-column:1/-1;grid-row:3;justify-self:start;}
  .governance-history__tab[data-history-tab="mine"]{order:5;margin-top: 20px;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:16px;}
  .governance-history__date-range{min-width:250px;gap:6px;padding:0 10px;}

  .governance-history__table-head{display:grid;grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 22px;gap:16px;padding:10px 16px 10px 16px;height:auto;align-items:center;}
  .governance-history__col-title{font-size:14px;text-align:left;}
  .governance-history__col-ipfs{font-size:14px;text-align:center;justify-self:center;width:var(--gh-ipfs-col-width);}
  .governance-history__col-date{font-size:14px;display:flex;align-items:center;justify-content:center;justify-self:stretch;text-align:center;white-space:nowrap;gap:4px;}
  .governance-history__row{grid-template-columns:minmax(0,1fr) var(--gh-ipfs-col-width) var(--gh-date-col-width) 22px;gap:16px;padding:12px 16px;min-height:50px;align-items:center;}
  .governance-history__name{grid-column:auto;min-width:0;font-size:14px;line-height:1.35;}
  .governance-history__ipfs{justify-self:center;width:28px;display:flex;align-items:center;justify-content:center;}
  .governance-history__col-date .icon {height: 12px;}
  .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:14px;}

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

  .governance-history__text{max-width:none;}
  .governance-history__meta-value, .governance-history__info-ipfs, .governance-history__meta-label {font-size:14px;line-height: 18px;}
  .governance-history__info-ipfs{gap: 10px;margin-left: auto;}
  .governance-history__info-ipfs img {margin-top: -4px;}  
  .governance-history__info-ipfs {margin-right: 4px;font-size: 14px;}
    .governance-history__info-ipfs svg {margin-top: -3px;}        
  .governance-history__result-row{padding:8px 0 5px 0px;margin-bottom: 5px;flex-direction:column;gap:8px;}
  .governance-history__result-row.is-winner {padding-left:5px;padding-right: 5px;}
  .governance-history__result-right{width:100%;flex:0 0 auto;}
  .governance-history__result-name{font-size:13px;}
  .governance-history__item.active {background: #2D2D2D;}
  .governance-history__row.active {gap: 16px;}
  .governance-history__info {border-radius:0px;padding-top: 15px;}
   .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: 10px;}
  .governance-history__bar {height: 4px;margin-top: 5px;}
  .governance-history__points {margin-right: 10px;}
  .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: 18px;margin-bottom: 6px;}
  .governance-history__points {margin-top: 0px;}
  .governance-history__winner, .governance-history__points, .governance-history__result-name {font-size:14px;}
  .governance-history__name {font-family: 'Gilroy-Medium';}
  .governance-history__result-left{    margin-bottom: 5px;  }
  .governance-history__info, .governance-history__results {background: transparent;}
  .block-page-governance {padding-top: 160px;}
  .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:12px;}
  .governance-history__row.active .governance-history__name {
    font-size: 14px;
  }

  .governance-history__info {gap: 18px;}
  .block-title-txt {
    margin-bottom: 50px;
  }
}

@media (max-width: 465px) {
  .block-page-governance .links-txt li {
    padding: 20px 0px;
  }
  .governance-history__date-range {
    min-width: 250px;
  }
}
@media (max-width: 390px) {
  .governance-history__date-range {
    min-width: 228px;margin-right: 90px;
  }
      .governance-history__filters {
        justify-content: flex-start;
        position: relative;
    }
.governance-history__filters {
  display: flex;
}
    .governance-history__reset-btn{
      position: absolute;
    right: 0;
    bottom: 13px;
    }
}
@media (max-width: 360px) {
  .governance-history__date-range {
    margin-right: 75px;
  }
}

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


.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: 522px;width: 100%;content: ''}

.token-governance {
  position: relative;
  width: min(100%, 342px);
  height: 610px;
  margin: 0 auto;
  margin-right: 260px;
  border-radius: 6px;
  overflow: hidden;
  min-width: 260px;
  
}

.token-governance:before {
  content: "";
  top: 0;
  position: absolute;
  height:80px;
  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: 80px;
  width: 100%;
    background: linear-gradient(180deg, rgba(36, 38, 40, 0.00) 33px, #242628 100%);
    z-index: 1;
    bottom: 0;
}
.token-governance-track {
  --token-governance-step: 236px;
  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: 160px;
  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: -50px;
  top: -65px;
}
.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% - 8px);
  box-sizing: border-box;
  padding: 0 8px;
  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: 80px;
  margin: 0 auto 15px;
}

.token-governance-title {
  margin: 0;
  font-family: 'Gilroy-Medium';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  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: -135px;
  }
  .token-governance {
    margin-right: 180px;
  }
}

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

    .token-governance {
    margin-right: 150px;
  }

}


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

  .bottom-btn.mt-60 {
    margin-top: 50px !important;
  }

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

}

@media (max-width: 991px) {

      .token-governance {
    margin-right: 70px;
  }

   .token-governance-bg {
    right: -135px;
    width: 188px;
    top: 12px;
  } 

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

    .bottom-btn.mt-60 {
    margin-top: 50px !important;
  }

  .token-governance-title {
    line-height: 21px;
    font-size: 18px;
  }
  .block-page-p-lg {
    font-size: 22px;
    line-height: 29px;
  }
}

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

@media (max-width: 767px) {

  .decw647 {
    max-width: 100%;
    margin-bottom: 30px !important;
  }

  .block-page-p-lg {
    font-size: 18px;
    line-height: 22px;
  }
  .mb12rem {
  margin-bottom: 5rem !important;
}
  .token-governance-bl {flex-wrap: wrap;}
  .bottom-btn.mt-60 {
    margin-top: 20px !important;width: 100%;
  }
  .bottom-btn.mt-60 .btn {
    width: 100%;
  }
  .token-governance-bg {
    right: -76px;
    width: 129px;
    top: 50px;
  }
  .token-governance {
    height: auto;
    margin-right: auto;
    width: 100%;
  }

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

  .token-governance-item {
    width: calc(100% - 8px);
    padding: 0 8px;
    margin-bottom: 35px;
  }
  .token-governance-icon {
    width: 50px;
  }
  .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(320px, 100vw, 1440px);
  --fluid-step: calc((var(--fluid-vw) - 320px) / 1120);
}

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

.block-governance-steps .step-head {
  margin-top: clamp(34px, calc(34px + 20 * var(--fluid-step)), 54px);
  margin-bottom: clamp(22px, calc(22px + 8 * var(--fluid-step)), 30px);
}

.block-governance-steps .governance-step.active .step-head {
  margin-top: clamp(30px, calc(30px + 4 * var(--fluid-step)), 34px);
  margin-bottom: clamp(28px, calc(28px + 6 * var(--fluid-step)), 34px);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-head {
    margin-top: clamp(30px, calc(30px + 4 * var(--fluid-step)), 34px);
    margin-bottom: clamp(28px, calc(28px + 6 * var(--fluid-step)), 34px);
  }
}

.block-governance-steps .governance-step.active .step-icon {
  width: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
  height: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
  flex-basis: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
  margin-right: clamp(14px, calc(14px + 16 * var(--fluid-step)), 30px);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-icon {
    width: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
    min-width: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
    height: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
    flex-basis: clamp(28px, calc(28px + 12 * var(--fluid-step)), 40px);
    margin-right: clamp(14px, calc(14px + 16 * var(--fluid-step)), 30px);
  }
}

.block-governance-steps .step-title {
  font-size: clamp(20px, calc(20px + 4 * var(--fluid-step)), 24px);
}

.block-governance-steps .governance-step.active .step-title {
  font-size: clamp(24px, calc(24px + 6 * var(--fluid-step)), 30px);
  line-height: clamp(32px, calc(32px + 15.1 * var(--fluid-step)), 47.1px);
}

@media (hover: hover) and (pointer: fine) {
  .block-governance-steps .governance-step:hover .step-title {
    font-size: clamp(24px, calc(24px + 6 * var(--fluid-step)), 30px);
    line-height: clamp(32px, calc(32px + 15.1 * var(--fluid-step)), 47.1px);
  }
}

.block-governance-steps .governance-step.active .step-desc {
  font-size: clamp(16px, calc(16px + 4 * var(--fluid-step)), 20px);
  line-height: clamp(20px, calc(20px + 4 * var(--fluid-step)), 24px);
}

.governance-shape-container {
  --g-gap: clamp(30px, calc(30px + 48 * var(--fluid-step)), 78px);
}

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