/* Source: app/templates/pages/home.html — Figma node 3058:2017 */

body > .page > .navbar,
.page-wrapper > .footer {
  display: none !important;
}

.page-body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fff;
  font-family: "Geologica", sans-serif;
}

.page-body > .container-xl {
  width: 100%;
  max-width: none;
  padding: 0;
}

.ribele-home {
  width: 1728px;
  margin: 0 auto;
  color: #111;
  background: #fff;
  font-family: "Geologica", sans-serif;
}

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

.ribele-home a { text-decoration: none; }
.ribele-home [hidden] { display: none !important; }

/* Hero — nodes 3058:2018–2037 */
.ribele-hero {
  width: 1244.5px;
  height: 502.76px;
  margin: 56.07px 0 0 242.5px;
  display: grid;
  grid-template-columns: 712.5px 503.05px;
  column-gap: 28.955px;
  align-items: start;
}

.ribele-hero-panel {
  height: 502.76px;
  padding: 81.23px 30px 0 74.5px;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(125.22deg, #513bfe 0%, #302398 100%);
}

.ribele-hero-copy { width: 608px; }

.ribele-kicker {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 200;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ribele-hero-panel h1 {
  width: 608px;
  margin: 20px 0 0;
  color: #fff;
  font-size: 64px;
  line-height: 64px;
  font-weight: 300;
  letter-spacing: -1.92px;
}

.ribele-hero-panel p {
  width: 497.1px;
  margin: 25.5px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-hero-panel .btn {
  width: 266px;
  height: 50px;
  margin-top: 42.03px;
  padding: 0 24.75px 0 34.5px;
  border: 0;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  background: #fff;
  color: #111;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: -.2px;
}

.ribele-hero-panel .btn span {
  font-size: 29px;
  line-height: 1;
  font-weight: 200;
}

.ribele-hero-panel .btn:hover,
.ribele-hero-panel .btn:focus-visible {
  background: #111;
  color: #fff;
}

.ribele-featured-carousel {
  width: 503.05px;
  height: 502.76px;
  position: relative;
}

.ribele-featured-card {
  width: 503.05px;
  height: 502.76px;
  display: flex;
  flex-direction: column;
  color: #111;
}

.ribele-featured-card .ribele-project-image { height: 282.96px; }
.ribele-featured-card .ribele-badge-row { left: 16.55px; right: 15.55px; bottom: 17px; }
.ribele-featured-card .ribele-project-title {
  width: 395px;
  margin: 30.66px 0 0 2.045px;
  font-size: 20px;
  line-height: 25px;
}
.ribele-featured-card .ribele-project-desc {
  width: 501px;
  min-height: 20px;
  margin: 15px 0 0 2.045px;
  font-size: 16px;
  line-height: 20px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ribele-featured-card .ribele-project-meta {
  margin: 35.89px 0 0 2.045px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.ribele-featured-card .ribele-progress { width: 501px; margin: 23.25px 0 0 2.045px; }

/* Project rows — nodes 3058:2051–2157 */
.ribele-project-section {
  width: 1247px;
  height: 443.33px;
  margin-right: 0;
  margin-left: 240px;
  position: relative;
}

.ribele-voting-section { margin-top: 91.17px; }
.ribele-funding-section { margin-top: 93.67px; }
.ribele-selling-section { margin-top: 93.67px; }

.ribele-section-head {
  width: 100%;
  min-height: 62px;
  position: relative;
}

.ribele-section-head h2 {
  width: 395px;
  min-height: 25px;
  margin: 0 0 0 1px;
  color: #111;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ribele-section-head p {
  margin: 12px 0 0 1.75px;
  color: #111;
  font-size: 16px;
  line-height: 20px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-section-actions {
  display: flex;
  gap: 12px;
}

.ribele-section-head .ribele-section-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.ribele-circle-btn {
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: transparent;
  cursor: pointer;
}

.ribele-circle-btn img {
  width: 53px;
  height: 53px;
  max-width: none;
  display: block;
}

.ribele-circle-btn:disabled { opacity: .3; cursor: default; }

.ribele-project-section > .ribele-card-grid {
  position: absolute;
  top: 98.83px;
  left: 0;
}

.ribele-voting-section { height: auto; }
.ribele-voting-section > .ribele-card-grid {
  position: static;
  margin-top: 36.83px;
  flex-wrap: wrap;
  row-gap: 64px;
}

.ribele-project-section-filtered {
  height: auto;
  margin-top: 56.07px;
}

.ribele-project-section-filtered > .ribele-card-grid {
  position: static;
  margin-top: 36.83px;
  flex-wrap: wrap;
  row-gap: 64px;
}

.ribele-card-grid {
  width: 1247px;
  display: flex;
  gap: 31px;
}

.ribele-divider {
  width: 1247px;
  height: 1px;
  margin: 94.67px 0 0 240.5px;
  background: #e1e1e1;
}

.ribele-empty-search { display: none; }

/* Project card — 395 × 344.5 */
.ribele-project-card-wrap {
  width: 395px;
  flex: 0 0 395px;
}

.ribele-project-card {
  width: 395px;
  height: 344.5px;
  display: flex;
  flex-direction: column;
  color: #111;
}

.ribele-project-image {
  width: 100%;
  height: 222.19px;
  position: relative;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
}

.ribele-project-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.ribele-badge-row {
  position: absolute;
  left: 12.5px;
  right: 15.5px;
  bottom: 14.44px;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.ribele-pill {
  min-width: 0;
  height: 22.5px;
  padding: 0 8px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #513bfe;
  font-size: 10px;
  line-height: 12.5px;
  font-weight: 300;
  letter-spacing: .2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ribele-pill-category {
  background: #f5f4af;
  color: #111;
}

.ribele-project-title {
  width: 395px;
  min-height: 22.5px;
  margin: 19.81px 0 0;
  color: #111;
  font-size: 18px;
  line-height: 22.5px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ribele-project-title a {
  color: #111;
  text-decoration: none;
}

.ribele-project-desc {
  width: 395px;
  min-height: 17.5px;
  margin: 11.5px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 17.5px;
  font-weight: 200;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}

.ribele-project-meta {
  margin: 12.25px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 17.5px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-project-meta span + span { display: none; }

.ribele-progress {
  width: 100%;
  height: 10px;
  margin-top: 11.25px;
  position: relative;
  border-radius: 100px;
  overflow: visible;
  background: #edebfd;
}

.ribele-progress-goal-reached {
  position: absolute;
  top: 50%;
  right: -1px;
  z-index: 1;
  display: block;
  width: 21.5px;
  height: 21.5px;
  transform: translateY(-50%);
  pointer-events: none;
}

progress.ribele-progress-bar {
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 100px;
  display: block;
  overflow: hidden;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
}

progress.ribele-progress-bar::-webkit-progress-bar { background: transparent; border-radius: 100px; }
progress.ribele-progress-bar::-webkit-progress-value { background: #513bfe; border-radius: 100px; }
progress.ribele-progress-bar::-moz-progress-bar { background: #513bfe; border-radius: 100px; }

/* How it works — nodes 3058:2158–2174 */
.ribele-how-band {
  width: var(--figma-full-bleed-width);
  height: 800px;
  margin: 126.74px 0 0 var(--figma-full-bleed-offset);
  background: #f6f5fe;
}

.ribele-how-inner {
  width: 1247px;
  height: 100%;
  margin: 0 auto;
  padding-top: 100.42px;
}

.ribele-centered-head { text-align: center; }

.ribele-centered-head h2 {
  margin: 0;
  color: #111;
  font-size: 48px;
  line-height: 60px;
  font-weight: 200;
  letter-spacing: -1.92px;
}

.ribele-centered-head p {
  margin: 19.5px auto 0;
  color: #111;
  font-size: 18px;
  line-height: 22.5px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-how-steps {
  width: 1043.88px;
  margin: 22px 0 0 105.72px;
  display: grid;
  grid-template-columns: repeat(3, 291.38px);
  column-gap: 81.12px;
}

.ribele-how-step { text-align: center; }

.ribele-how-visual {
  width: 291.38px;
  height: 291.38px;
  position: relative;
}

.ribele-how-visual img {
  width: 291.38px;
  height: 291.38px;
  display: block;
  object-fit: contain;
}

.ribele-how-step:nth-child(2) .ribele-how-visual { transform: translate(.8px, .38px); }
.ribele-how-step:nth-child(3) .ribele-how-visual { transform: translate(7.5px, 5.58px); }

.ribele-how-visual span {
  width: 39px;
  height: 39px;
  position: absolute;
  left: 126.19px;
  top: 257.65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #513bfe;
  color: #fff;
  font-size: 22px;
  line-height: 27.5px;
  font-weight: 300;
  letter-spacing: -1.1px;
}

.ribele-how-step:nth-child(2) .ribele-how-visual span {
  left: 124.91px;
  top: 257.27px;
}

.ribele-how-step:nth-child(3) .ribele-how-visual span {
  left: 118.72px;
  top: 252.07px;
}

.ribele-how-step h3 {
  width: 289px;
  margin: 19.17px auto 0;
  color: #111;
  font-size: 23px;
  line-height: 28.75px;
  font-weight: 300;
  letter-spacing: 0;
}

.ribele-how-step p {
  width: 289px;
  margin: 0 auto;
  color: #111;
  font-size: 18px;
  line-height: 22.5px;
  font-weight: 200;
  letter-spacing: 0;
}

/* Category strip — nodes 3058:2177–2231 */
.ribele-categories-section {
  width: 1247px;
  height: 648.27px;
  margin: 136.07px 0 0 240px;
  position: relative;
}

.ribele-categories-head {
  display: grid;
  grid-template-columns: 608px 608px;
  column-gap: 30px;
  align-items: start;
}

.ribele-categories-head h2 {
  width: 608px;
  margin: 0 0 0 1px;
  color: #111;
  font-size: 48px;
  line-height: 52.8px;
  font-weight: 300;
  letter-spacing: -1.92px;
}

.ribele-categories-head p {
  width: 608px;
  margin: 14px 0 0;
  color: #111;
  font-size: 16px;
  line-height: 25px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-categories-section > .ribele-card-grid {
  position: absolute;
  top: 192.1px;
  left: 0;
}

.ribele-categories-actions {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ribele-categories-divider { margin-top: 110.92px; }

/* Why Ribele — nodes 3058:2232–2355 */
.ribele-why-section {
  width: 1247px;
  height: 908.27px;
  margin: 109.92px 0 0 241px;
  position: relative;
}

.ribele-why-head p {
  width: 501.5px;
  margin-top: 16px;
  line-height: 22.5px;
}

.ribele-why-grid {
  width: 1247px;
  position: absolute;
  top: 173.67px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(3, 395px);
  grid-template-rows: repeat(2, 290px);
  gap: 28px 31px;
}

.ribele-why-card {
  width: 395px;
  height: 290px;
  padding: 47px 37.89px 0;
  position: relative;
  overflow: hidden;
  background: #f6f5fe;
}

.ribele-why-card h3 {
  margin: 0 0 12px;
  color: #111;
  font-size: 23px;
  line-height: 28.75px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ribele-why-card p {
  width: 311.23px;
  margin: 0;
  color: #111;
  font-size: 18px;
  line-height: 22.5px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-why-card img {
  position: absolute;
  display: block;
  object-fit: contain;
}

.ribele-why-card:nth-child(1) img { width: 87.08px; height: 88.26px; right: 37.15px; bottom: 33.67px; }
.ribele-why-card:nth-child(2) img { width: 88px; height: 88px; right: 25px; bottom: 29.87px; }
.ribele-why-card:nth-child(3) img { width: 83.63px; height: 83px; right: 26.23px; bottom: 27.69px; }
.ribele-why-card:nth-child(4) img { width: 100.75px; height: 99.97px; right: 28.47px; bottom: 42.29px; }
.ribele-why-card:nth-child(5) img { width: 95.76px; height: 68.5px; right: 35.72px; bottom: 34.5px; }
.ribele-why-card:nth-child(6) img { width: 90px; height: 73.16px; right: 26.23px; bottom: 29.07px; }

.ribele-primary-button {
  height: 50px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #513bfe;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: -.2px;
}

.ribele-notify-button {
  width: 270px;
  position: absolute;
  left: 488px;
  bottom: 0;
}

/* Purple CTA — nodes 3058:2404–2421 */
.ribele-cta-band {
  width: var(--figma-full-bleed-width);
  height: 800px;
  margin: 156.77px 0 0 var(--figma-full-bleed-offset);
  color: #fff;
  background: linear-gradient(245.17deg, #19134d 0%, #513bfe 100%);
}

.ribele-cta-inner {
  width: 1729px;
  height: 800px;
  margin: 0 auto;
  position: relative;
}

.ribele-cta-copy {
  width: 608px;
  position: absolute;
  top: 240.05px;
  left: 240px;
}

.ribele-cta-copy h2 {
  width: 608px;
  margin: 0;
  color: #fff;
  font-size: 48px;
  line-height: 52.8px;
  font-weight: 300;
  letter-spacing: -1.92px;
}

.ribele-cta-copy p {
  width: 569.39px;
  margin: 35.18px 0 0;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-weight: 200;
  letter-spacing: 0;
}

.ribele-cta-button {
  width: 266px;
  height: 50px;
  margin-top: 54.55px;
  padding: 0 24.75px 0 34.5px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  color: #111;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: -.2px;
}

.ribele-cta-button img { width: 26px; height: 15px; display: block; }

.ribele-cta-postits {
  width: 484.5px;
  height: 530.5px;
  position: absolute;
  top: 113.77px;
  left: 1000.42px;
  display: block;
  object-fit: contain;
}

/* FAQ — nodes 3058:2356–2403 */
.ribele-faq-section {
  width: 844px;
  height: 1158px;
  margin: 146.45px auto 0;
}

.ribele-faq-section h2 {
  margin: 0;
  color: #111;
  text-align: center;
  font-size: 48px;
  line-height: 52.8px;
  font-weight: 300;
  letter-spacing: -1.92px;
}

.ribele-faq-list {
  margin-top: 74.2px;
  display: flex;
  flex-direction: column;
  gap: 19.6px;
}

.ribele-faq-item {
  width: 844px;
  min-height: 65px;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f5fe;
}

.ribele-faq-item[open] { min-height: 185px; }

.ribele-faq-summary {
  min-height: 65px;
  padding: 19px 24px 16px;
  display: grid;
  grid-template-columns: 1fr 24px;
  column-gap: 24px;
  align-items: start;
  color: #111;
  cursor: pointer;
  list-style: none;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}

.ribele-faq-item[open] .ribele-faq-summary {
  min-height: 46px;
  padding: 22px 32px 0;
}

.ribele-faq-summary::-webkit-details-marker { display: none; }

.ribele-faq-icon {
  width: 24px;
  color: #111;
  text-align: center;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 400;
}

.ribele-faq-icon::before { content: "+"; }
.ribele-faq-item[open] .ribele-faq-icon::before { content: "-"; }

.ribele-faq-answer {
  width: 780px;
  margin: 11.2px 0 0 32px;
  padding: 0;
  color: #111;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 200;
  letter-spacing: -.18px;
}

.ribele-home + .figma-footer { margin-top: 247.83px; }

@media (max-width: 1023px) {
  .figma-canvas {
    --figma-full-bleed-width: 100%;
    --figma-full-bleed-offset: 0px;
    width: 100%;
    zoom: 1;
  }

  .ribele-home {
    width: 100%;
    overflow: hidden;
  }

  .ribele-hero,
  .ribele-project-section,
  .ribele-categories-section,
  .ribele-why-section {
    width: calc(100% - 48px);
  }

  .ribele-hero {
    height: auto;
    margin: 36px 24px 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .ribele-hero-panel,
  .ribele-featured-carousel,
  .ribele-featured-card {
    width: 100%;
    height: auto;
    min-width: 0;
  }

  .ribele-hero-panel { min-height: 460px; padding: 54px 32px; }
  .ribele-hero-copy,
  .ribele-hero-panel h1,
  .ribele-hero-panel p,
  .ribele-featured-card,
  .ribele-featured-card .ribele-project-title,
  .ribele-featured-card .ribele-project-desc,
  .ribele-featured-card .ribele-progress { width: 100%; }
  .ribele-featured-card .ribele-project-title,
  .ribele-featured-card .ribele-project-desc,
  .ribele-featured-card .ribele-project-meta,
  .ribele-featured-card .ribele-progress { margin-left: 0; }
  .ribele-hero-panel h1 { font-size: 44px; line-height: 48px; letter-spacing: 0; }
  .ribele-featured-card .ribele-project-image { height: auto; aspect-ratio: 503 / 283; }

  .ribele-project-section { height: auto; margin: 72px 24px 0; }
  .ribele-project-section-filtered { margin-top: 36px; }
  .ribele-section-head h2 { width: calc(100% - 124px); }
  .ribele-section-head p { width: calc(100% - 124px); }
  .ribele-project-section > .ribele-card-grid { position: static; margin-top: 40px; }
  .ribele-card-grid { width: 100%; overflow: hidden; }
  .ribele-project-card-wrap { flex-basis: min(395px, 100%); width: min(395px, 100%); }
  .ribele-voting-section .ribele-project-card-wrap {
    flex-basis: calc((100% - 31px) / 2);
    width: calc((100% - 31px) / 2);
  }
  .ribele-project-card { width: 100%; }
  .ribele-project-title,
  .ribele-project-desc { width: 100%; }
  .ribele-divider { width: calc(100% - 48px); margin: 72px 24px 0; }

  .ribele-how-band,
  .ribele-cta-band,
  .ribele-cta-inner { width: 100%; height: auto; }
  .ribele-how-band { margin-top: 72px; padding: 72px 24px; }
  .ribele-how-inner { width: 100%; height: auto; padding: 0; }
  .ribele-how-steps {
    width: 100%;
    margin: 42px 0 0;
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .ribele-how-step,
  .ribele-how-visual { margin-right: auto; margin-left: auto; }
  .ribele-how-step { width: 100%; }
  .ribele-how-step:nth-child(n) .ribele-how-visual {
    width: min(291.38px, 100%);
    height: auto;
    aspect-ratio: 1;
    transform: none;
  }
  .ribele-how-visual img {
    width: 100%;
    height: 100%;
  }
  .ribele-how-step:nth-child(n) .ribele-how-visual span {
    top: auto;
    right: auto;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ribele-how-step h3,
  .ribele-how-step p {
    width: 100%;
    max-width: 320px;
  }

  .ribele-categories-section { height: auto; margin: 80px 24px 0; padding-bottom: 76px; }
  .ribele-categories-head { grid-template-columns: 1fr; gap: 24px; }
  .ribele-categories-head h2,
  .ribele-categories-head p { width: 100%; }
  .ribele-categories-section > .ribele-card-grid { position: static; margin-top: 48px; }
  .ribele-categories-actions { bottom: 0; }

  .ribele-why-section { height: auto; margin: 80px 24px 0; padding-bottom: 100px; }
  .ribele-why-head p { width: 100%; max-width: 501.5px; }
  .ribele-why-grid { width: 100%; position: static; margin-top: 58px; grid-template-columns: 1fr; grid-template-rows: none; }
  .ribele-why-card { width: 100%; padding-right: 30px; padding-left: 30px; }
  .ribele-why-card p { width: calc(100% - 20px); }
  .ribele-notify-button { left: 50%; bottom: 0; transform: translateX(-50%); }

  .ribele-cta-band { margin-top: 80px; padding: 76px 24px; }
  .ribele-cta-inner { min-height: 640px; }
  .ribele-cta-copy { width: 100%; position: static; }
  .ribele-cta-copy h2,
  .ribele-cta-copy p { width: 100%; }
  .ribele-cta-postits { width: min(484.5px, 90vw); height: auto; top: 290px; left: 50%; transform: translateX(-50%); }

  .ribele-centered-head h2,
  .ribele-categories-head h2,
  .ribele-cta-copy h2,
  .ribele-faq-section h2 { font-size: 40px; line-height: 46px; letter-spacing: 0; }

  .ribele-faq-section { width: calc(100% - 48px); height: auto; margin-top: 80px; }
  .ribele-faq-item { width: 100%; }
  .ribele-faq-summary { grid-template-columns: minmax(0, 1fr) 24px; }
  .ribele-faq-answer { width: calc(100% - 64px); }
  .ribele-home + .figma-footer { margin-top: 100px; }

  .figma-canvas .figma-footer-inner {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 48px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 24px;
  }
  .figma-canvas .figma-footer-social { align-self: start; justify-content: flex-start; }
  .figma-canvas .figma-footer-bottom-inner {
    min-height: 0;
    padding: 28px 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px) {
  .ribele-voting-section .ribele-project-card-wrap {
    flex-basis: 100%;
    width: 100%;
  }
}