@charset "UTF-8";
:root {
  --color-primary: #296df5;
  /* Primary */
  --color-primary-0: #14274d;
  --color-primary-50: #1a3e85;
  --color-primary-100: #184aad;
  --color-primary-200: #1354d6;
  --color-primary-300: #145ff5;
  --color-primary-400: #296df5;
  --color-primary-500: #4e85f5;
  --color-primary-600: #88acf5;
  --color-primary-700: #b6d2f5;
  --color-primary-800: #d3e2f5;
  --color-primary-900: #e5ecf5;
  --color-primary-950: #ebeff5;
  /* Text */
  --color-text-0: #ffffff;
  --color-text-50: #eeecec;
  --color-text-100: #d8d8d8;
  --color-text-200: #bebebe;
  --color-text-300: #919191;
  --color-text-400: #838383;
  --color-text-500: #656565;
  --color-text-600: #565656;
  --color-text-700: #484848;
  --color-text-800: #393939;
  --color-text-900: #181313;
  --color-text-950: #141414;
  --color-text-950-0: #14141400;
  /* Background */
  --color-bg-0: #ffffff;
  --color-bg-0-40: rgba(255, 255, 255, 0.4);
  --color-bg-0-12: rgba(255, 255, 255, 0.12);
  --color-bg-0-0: rgba(255, 255, 255, 0);
  --color-bg-50: #ededed;
  --color-bg-100: #cecdcd;
  --color-bg-200: #b5b4b4;
  --color-bg-300: #9d9b9b;
  --color-bg-400: #848282;
  --color-bg-500: #6c6a6a;
  --color-bg-600: #545151;
  --color-bg-700: #3b3838;
  --color-bg-800: #231f1f;
  --color-bg-900: #161212;
  --color-bg-950: #0a0606;
  --color-bg-950-05: rgba(10, 6, 6, 0.05);
  --color-bg-950-10: rgba(10, 6, 6, 0.1);
  /* Border */
  --color-border-0: #f3f3f3;
  --color-border-50: #e6e6e6;
  --color-border-100: #dadada;
  --color-border-200: #c2c1c1;
  --color-border-300: #a9a8a8;
  --color-border-400: #918f8f;
  --color-border-500: #787676;
  --color-border-600: #605d5d;
  --color-border-700: #474444;
  --color-border-800: #2f2b2b;
  --color-border-900: #231f1f;
  --color-border-950: #161212;
  /* Theme */
  --color-theme-0: #fff4f6;
  --color-theme-50: #ffbfcd;
  --color-theme-100: #ff809c;
  --color-theme-200: #ff4d74;
  --color-theme-300: #ff1a4d;
  --color-theme-400: #ff0039;
  --color-theme-500: #cc002e;
  --color-theme-500-0: rgba(204, 0, 46, 0);
  --color-theme-500-20: rgba(204, 0, 46, 0.2);
  --color-theme-600: #990022;
  --color-theme-700: #80001d;
  --color-theme-800: #660017;
  --color-theme-900: #33000b;
  --color-theme-950: #1a0006;
  /* Purple */
  --color-purple-0: #f9f9ff;
  --color-purple-50: #f0ecfe;
  --color-purple-100: #e0d7fc;
  --color-purple-200: #cbb9f9;
  --color-purple-300: #b094f6;
  --color-purple-400: #9570f3;
  --color-purple-500: #7a4df0;
  --color-purple-500-0: rgba(122, 77, 240, 0);
  --color-purple-500-10: rgba(122, 77, 240, 0.1);
  --color-purple-500-20: rgba(122, 77, 240, 0.2);
  --color-purple-500-30: rgba(122, 77, 240, 0.3);
  --color-purple-600: #5f2bed;
  --color-purple-700: #4d1fd6;
  --color-purple-800: #3d17ac;
  --color-purple-900: #2d1084;
  --color-purple-950: #1e0a5c;
  /* Green */
  --color-green-0: #e8f9e6;
  --color-green-50: #bbecb5;
  --color-green-100: #83dd78;
  --color-green-200: #61d454;
  --color-green-300: #3fca2f;
  --color-green-400: #1dc10a;
  --color-green-500: #19a409;
  --color-green-500-20: rgba(25, 164, 9, 0.2);
  --color-green-600: #148707;
  --color-green-700: #106a06;
  --color-green-800: #0a4404;
  --color-green-900: #073003;
  --color-green-950: #031301;
  /* Blue */
  --color-blue-0: #e6f6ff;
  --color-blue-50: #b5e4ff;
  --color-blue-100: #83d1ff;
  --color-blue-200: #52bfff;
  --color-blue-300: #2db2ff;
  --color-blue-400: #08a4ff;
  --color-blue-500: #078bd9;
  --color-blue-500-10: rgba(7, 139, 217, 0.1);
  --color-blue-500-20: rgba(7, 139, 217, 0.2);
  --color-blue-600: #0673b2;
  --color-blue-700: #045280;
  --color-blue-800: #033959;
  --color-blue-900: #022133;
  --color-blue-950: #01101a;
  /* Orange */
  --color-orange-0: #fffaeb;
  --color-orange-50: #fef0c7;
  --color-orange-100: #fedf89;
  --color-orange-200: #fec84b;
  --color-orange-300: #fdb022;
  --color-orange-400: #de8208;
  --color-orange-500: #c67307;
  --color-orange-500-0: rgba(198, 115, 7, 0.1);
  --color-orange-500-10: rgba(198, 115, 7, 0.1);
  --color-orange-500-20: rgba(198, 115, 7, 0.2);
  --color-orange-600: #b05302;
  --color-orange-700: #7f3206;
  --color-orange-800: #672709;
  --color-orange-900: #441a01;
  --color-orange-950: #2c1005;
  /* cyan */
  --color-cyan-0: #e5fbf3;
  --color-cyan-50: #b2f4dc;
  --color-cyan-100: #99f0d0;
  --color-cyan-200: #66e9b9;
  --color-cyan-300: #33e1a1;
  --color-cyan-400: #00da8a;
  --color-cyan-500: #00ae6e;
  --color-cyan-500-20: rgba(0, 174, 110, 0.2);
  --color-cyan-600: #008353;
  --color-cyan-700: #005737;
  --color-cyan-800: #004129;
  --color-cyan-900: #002c1c;
  --color-cyan-950: #00160e;
  /* azure */
  --color-azure-0: #e5fbf9;
  --color-azure-50: #ccf8f4;
  --color-azure-100: #99f0e9;
  --color-azure-200: #66e9de;
  --color-azure-300: #33e1d3;
  --color-azure-400: #00dac8;
  --color-azure-500: #00aea0;
  --color-azure-500-10: rgba(0, 174, 160, 0.1);
  --color-azure-500-20: rgba(0, 174, 160, 0.2);
  --color-azure-600: #008378;
  --color-azure-700: #00413c;
  --color-azure-800: #002c28;
  --color-azure-900: #002c28;
  --color-azure-950: #001614;
  /* other */
  --color-modal: #252627;
  --color-mask: rgba(0, 0, 0, 0.5);
}

.dark {
  --color-primary: #60a5fa;
  --color-primary-0: #ebeff5;
  --color-primary-50: #e5ecf5;
  --color-primary-100: #d3e2f5;
  --color-primary-200: #b6d2f5;
  --color-primary-300: #88acf5;
  --color-primary-400: #4e85f5;
  --color-primary-500: #296df5;
  --color-primary-600: #145ff5;
  --color-primary-700: #1354d6;
  --color-primary-800: #184aad;
  --color-primary-900: #1a3e85;
  --color-primary-950: #14274d;
  /* Text */
  --color-text-0: #141414;
  --color-text-50: #181313;
  --color-text-100: #393939;
  --color-text-200: #484848;
  --color-text-300: #565656;
  --color-text-400: #656565;
  --color-text-500: #838383;
  --color-text-600: #919191;
  --color-text-700: #bebebe;
  --color-text-800: #d8d8d8;
  --color-text-900: #eeecec;
  --color-text-950: #ffffff;
  --color-text-950-0: #ffffff00;
  /* Background */
  --color-bg-0: #0a0606;
  --color-bg-0-40: rgba(10, 6, 6, 0.4);
  --color-bg-0-12: rgba(10, 6, 6, 0.12);
  --color-bg-0-0: rgba(10, 6, 6, 0);
  --color-bg-50: #161212;
  --color-bg-100: #231f1f;
  --color-bg-200: #3b3838;
  --color-bg-300: #545151;
  --color-bg-400: #6c6a6a;
  --color-bg-500: #848282;
  --color-bg-600: #9d9b9b;
  --color-bg-700: #b5b4b4;
  --color-bg-800: #cecdcd;
  --color-bg-900: #ededed;
  --color-bg-950: #ffffff;
  --color-bg-950-05: rgba(255, 255, 255, 0.05);
  --color-bg-950-10: rgba(255, 255, 255, 0.1);
  /* Border */
  --color-border-0: #161212;
  --color-border-50: #231f1f;
  --color-border-100: #2f2b2b;
  --color-border-200: #474444;
  --color-border-300: #605d5d;
  --color-border-400: #787676;
  --color-border-500: #918f8f;
  --color-border-600: #a9a8a8;
  --color-border-700: #c2c1c1;
  --color-border-800: #dadada;
  --color-border-900: #e6e6e6;
  --color-border-950: #f3f3f3;
  /* Theme */
  --color-theme-0: #1a0006;
  --color-theme-50: #33000b;
  --color-theme-100: #660017;
  --color-theme-200: #80001d;
  --color-theme-300: #990022;
  --color-theme-400: #cc002e;
  --color-theme-500: #ff0039;
  --color-theme-500-0: rgba(255, 0, 57, 0);
  --color-theme-500-20: rgba(255, 0, 57, 0.2);
  --color-theme-600: #ff1a4d;
  --color-theme-700: #ff4d74;
  --color-theme-800: #ff809c;
  --color-theme-900: #ffbfcd;
  --color-theme-950: #fff4f6;
  /* Purple */
  --color-purple-0: #1e0a5c;
  --color-purple-50: #2d1084;
  --color-purple-100: #3d17ac;
  --color-purple-200: #4d1fd6;
  --color-purple-300: #5f2bed;
  --color-purple-400: #7a4df0;
  --color-purple-500: #9570f3;
  --color-purple-500-0: rgba(149, 112, 243, 0);
  --color-purple-500-10: rgba(149, 112, 243, 0.1);
  --color-purple-500-20: rgba(149, 112, 243, 0.2);
  --color-purple-500-30: rgba(149, 112, 243, 0.3);
  --color-purple-600: #b094f6;
  --color-purple-700: #cbb9f9;
  --color-purple-800: #e0d7fc;
  --color-purple-900: #f0ecfe;
  --color-purple-950: #f9f9ff;
  /* Green */
  --color-green-0: #031301;
  --color-green-50: #073003;
  --color-green-100: #0a4404;
  --color-green-200: #106a06;
  --color-green-300: #148707;
  --color-green-400: #19a409;
  --color-green-500: #1dc10a;
  --color-green-500-20: rgba(29, 193, 10, 0.2);
  --color-green-600: #3fca2f;
  --color-green-700: #61d454;
  --color-green-800: #83dd78;
  --color-green-900: #bbecb5;
  --color-green-950: #e8f9e6;
  /* Blue */
  --color-blue-0: #01101a;
  --color-blue-50: #022133;
  --color-blue-100: #033959;
  --color-blue-200: #045280;
  --color-blue-300: #0673b2;
  --color-blue-400: #078bd9;
  --color-blue-500: #08a4ff;
  --color-blue-500-10: rgba(8, 164, 255, 0.1);
  --color-blue-500-20: rgba(8, 164, 255, 0.2);
  --color-blue-600: #2db2ff;
  --color-blue-700: #52bfff;
  --color-blue-800: #83d1ff;
  --color-blue-900: #b5e4ff;
  --color-blue-950: #e6f6ff;
  /* Orange */
  --color-orange-0: #2c1005;
  --color-orange-50: #441a01;
  --color-orange-100: #672709;
  --color-orange-200: #7f3206;
  --color-orange-300: #b05302;
  --color-orange-400: #c67307;
  --color-orange-500: #de8208;
  --color-orange-500-0: rgba(222, 130, 8, 0.1);
  --color-orange-500-10: rgba(222, 130, 8, 0.1);
  --color-orange-500-20: rgba(222, 130, 8, 0.2);
  --color-orange-600: #fdb022;
  --color-orange-700: #fec84b;
  --color-orange-800: #fedf89;
  --color-orange-900: #fef0c7;
  --color-orange-950: #fffaeb;
  /* cyan */
  --color-cyan-0: #00160e;
  --color-cyan-50: #002c1c;
  --color-cyan-100: #004129;
  --color-cyan-200: #005737;
  --color-cyan-300: #008353;
  --color-cyan-400: #00ae6e;
  --color-cyan-500: #00da8a;
  --color-cyan-500-20: rgba(0, 218, 138, 0.2);
  --color-cyan-600: #33e1a1;
  --color-cyan-700: #66e9b9;
  --color-cyan-800: #99f0d0;
  --color-cyan-900: #b2f4dc;
  --color-cyan-950: #e5fbf3;
  /* azure */
  --color-azure-0: #001614;
  --color-azure-50: #002c28;
  --color-azure-100: #002c28;
  --color-azure-200: #00413c;
  --color-azure-300: #008378;
  --color-azure-400: #00aea0;
  --color-azure-500: #00dac8;
  --color-azure-500-10: rgba(0, 218, 200, 0.1);
  --color-azure-500-20: rgba(0, 218, 200, 0.2);
  --color-azure-600: #33e1d3;
  --color-azure-700: #66e9de;
  --color-azure-800: #99f0e9;
  --color-azure-900: #ccf8f4;
  --color-azure-950: #e5fbf9;
  /* other */
  --color-modal: #252627;
  --color-mask: rgba(0, 0, 0, 0.5);
}

.flex {
  display: flex;
}

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

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

.proposal {
  background-color: var(--color-bg-0);
  width: 100%;
}
.proposal-header {
  height: 650px;
  background-image: url("../assets/images/proposal/header_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .proposal-header {
    height: 460px;
  }
}
.proposal-header h1 {
  font-family: Rajdhani;
  font-size: 60px;
  color: var(--color-theme-400);
  font-weight: 800;
  line-height: 68px;
}
@media (max-width: 767px) {
  .proposal-header h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.proposal-header p {
  font-family: Inter;
  margin-top: 24px;
  font-size: 20px;
  color: var(--color-text-950);
  line-height: 28px;
}
@media (max-width: 767px) {
  .proposal-header p {
    font-size: 16px;
    line-height: 22px;
  }
}
.proposal-header .description {
  font-family: Inter;
  font-size: 16px;
  color: var(--color-text-950);
  line-height: 24px;
}
.proposal-header .btn-box {
  margin: 0 auto;
  width: 350px;
  height: 82px;
  margin-top: 56px;
  background: url("../assets/images/proposal/btn_bg.png") no-repeat center center;
  background-size: 100% 100%;
  font-size: 24px;
  color: var(--color-text-950);
  line-height: 32px;
  font-weight: 500;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .proposal-header .btn-box {
    margin-top: 24px;
    width: 200px;
    height: 50px;
    font-size: 16px;
    line-height: 24px;
  }
}
.proposal-header .btn-box:hover {
  transform: scale(1.02);
  filter: brightness(1.05) drop-shadow(0 0 8px var(--color-theme-500));
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.proposal-header .tlt {
  display: none;
}
.proposal-content {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .proposal-content {
    padding: 50px 24px 0;
  }
}
.proposal-content .item-box {
  display: flex;
  place-content: center;
  place-items: center;
  padding: 1px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 12px 16px -10px var(--color-bg-0, #0A0606);
  transition: all 0.3s ease;
}
.proposal-content .item-box .item {
  padding: 24px;
  border-radius: 16px;
  color: var(--color-text-950);
  text-align: center;
  width: 100%;
}
.proposal-content .item-box .item > div h1 {
  display: inline-block;
  font-family: Inter;
  font-size: 28px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .proposal-content .item-box .item > div h1 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .proposal-content .item-box .item > div h1 {
    font-size: 20px;
  }
}
.proposal-content .item-box .item > div h1 span {
  font-family: Inter;
  font-size: 16px;
}
.proposal-content .item-box .item span {
  font-size: 14px;
  color: var(--color-text-700);
  white-space: nowrap;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .proposal-content .item-box .item span {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .proposal-content .item-box .item span {
    font-size: 12px;
  }
}
.proposal-content .item-box .item::after {
  content: "";
  display: block;
  width: 60px;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.proposal-content .item-box-red ::after {
  box-shadow: -50px 15px 30px 8px var(--color-theme-400);
}
.proposal-content .item-box-red .item {
  position: relative;
  z-index: 1;
}
.proposal-content .item-box-red::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  inset: 1px;
  background: linear-gradient(180deg, var(--color-bg-0) 0%, var(--color-theme-50) 100%);
}
.proposal-content .item-box-red::before {
  content: "";
  position: absolute;
  width: 130%;
  transform: rotate(160deg);
  background-image: linear-gradient(0deg, var(--color-bg-0) 0%, var(--color-theme-400) 20%, var(--color-theme-400) 80%, var(--color-bg-0) 100%);
  height: 120px;
  transition: all 0.5s ease-in-out;
}
.proposal-content .item-box-red:hover::before {
  transform: rotate(340deg);
}
.proposal-content .item-box-bule ::after {
  box-shadow: -50px 15px 30px 8px var(--color-blue-500);
}
.proposal-content .item-box-bule .item {
  position: relative;
  z-index: 1;
}
.proposal-content .item-box-bule::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  inset: 1px;
  background: linear-gradient(180deg, var(--color-bg-0) 0%, var(--color-blue-50) 100%);
}
.proposal-content .item-box-bule::before {
  content: "";
  position: absolute;
  width: 130%;
  transform: rotate(160deg);
  background-image: linear-gradient(0deg, var(--color-bg-0) 0%, var(--color-blue-500) 20%, var(--color-blue-500) 80%, var(--color-bg-0) 100%);
  height: 120px;
  transition: all 0.5s ease-in-out;
}
.proposal-content .item-box-bule:hover::before {
  transform: rotate(340deg);
}
.proposal-content .item-box-purple ::after {
  box-shadow: -50px 15px 30px 8px var(--color-purple-500);
}
.proposal-content .item-box-purple .item {
  position: relative;
  z-index: 1;
}
.proposal-content .item-box-purple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  inset: 1px;
  background: linear-gradient(180deg, var(--color-bg-0) 0%, var(--color-purple-50) 100%);
}
.proposal-content .item-box-purple::before {
  content: "";
  position: absolute;
  width: 130%;
  transform: rotate(160deg);
  background-image: linear-gradient(0deg, var(--color-bg-0) 0%, var(--color-purple-500) 20%, var(--color-purple-500) 80%, var(--color-bg-0) 100%);
  height: 120px;
  transition: all 0.5s ease-in-out;
}
.proposal-content .item-box-purple:hover::before {
  transform: rotate(340deg);
}
.proposal-content .item-box-green ::after {
  box-shadow: -50px 15px 30px 8px var(--color-green-400);
}
.proposal-content .item-box-green .item {
  position: relative;
  z-index: 1;
}
.proposal-content .item-box-green::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  inset: 1px;
  background: linear-gradient(180deg, var(--color-bg-0) 0%, var(--color-green-50) 100%);
}
.proposal-content .item-box-green::before {
  content: "";
  position: absolute;
  width: 130%;
  transform: rotate(160deg);
  background-image: linear-gradient(0deg, var(--color-bg-0) 0%, var(--color-green-400) 20%, var(--color-green-400) 80%, var(--color-bg-0) 100%);
  height: 120px;
  transition: all 0.5s ease-in-out;
}
.proposal-content .item-box-green:hover::before {
  transform: rotate(340deg);
}
.proposal-content .item-box:hover {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 12px 40px rgba(var(--glow-color-rgb), 0.25);
  border-color: rgba(var(--glow-color-rgb), 0.5);
}
.proposal-list {
  padding-top: 100px;
  padding: 100px 0 100px 0;
}
@media (max-width: 767px) {
  .proposal-list {
    padding: 50px 24px 50px;
  }
}
.proposal-list-header {
  text-align: center;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .proposal-list-header {
    padding-bottom: 28px;
  }
}
.proposal-list-header-title > h1 {
  font-family: Rajdhani;
  color: var(--color-text-950);
  text-align: center;
  /* 大标题-60 */
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 68px;
  /* 113.333% */
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .proposal-list-header-title > h1 {
    font-size: 26px;
    padding-left: 0;
  }
}
.proposal-list-header-title > p {
  font-family: Inter;
  color: var(--color-theme-500);
  text-align: center;
  /* text-24/Regular */
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
}
@media (max-width: 767px) {
  .proposal-list-header-title > p {
    font-size: 16px;
    padding-left: 0;
  }
}
.proposal-list-content .form-group-flex {
  display: flex;
  justify-content: start;
  justify-items: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .proposal-list-content .form-group-flex {
    display: block;
  }
}
.proposal-list-content .form-group {
  position: relative;
  z-index: 1;
  max-width: 276px;
  width: 100%;
  margin-bottom: 24px;
}
.proposal-list-content .form-group.form-dropdown {
  z-index: 2;
}
@media (max-width: 767px) {
  .proposal-list-content .form-group {
    max-width: 100%;
  }
}
.proposal-list-content .form-group div {
  width: 100%;
}
.proposal-list-content .form-group .form-controls {
  width: 100%;
  padding: 7px 12px;
  background-color: var(--color-bg-50);
  border: 1px solid var(--color-border-300);
  border-radius: 4px;
  color: var(--color-text-950);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
}
.proposal-list-content .form-group .form-controls:focus {
  outline: none;
  border-color: var(--color-theme-500);
  box-shadow: 0 0 0 3px var(--color-theme-500-20);
}
.proposal-list-content .form-group .form-group-bottom {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal-list-content .list-content-box {
  margin-bottom: 32px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--color-border-100);
  background: var(--color-bg-50, #161212);
  transition: all 0.5s ease;
}
.proposal-list-content .list-content-box:hover {
  box-shadow: 0px 0px 36px 6px var(--color-theme-100);
  transform: translateY(-10px);
}
.proposal-list-content .list-content-box .box-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title .box-header-title_bg p {
  font-family: Inter;
  display: inline-block;
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 20px;
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title .box-header-title_bg .text-voting {
  background-color: var(--color-blue-500-20);
  color: var(--color-blue-500);
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title .box-header-title_bg .text-passed {
  background-color: var(--color-cyan-500-20);
  color: var(--color-cyan-500);
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title .box-header-title_bg .text-not-passed {
  background-color: var(--color-theme-500-20);
  color: var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-header-flex .box-header-title > p {
  padding-left: 16px;
  display: inline-block;
  color: var(--color-text-950);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .proposal-list-content .list-content-box .box-header-flex .box-header-title > p {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .proposal-list-content .list-content-box .box-header-flex .box-header-title > p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .proposal-list-content .list-content-box .box-header-flex .box-header-title > p {
    font-size: 16px;
    padding-left: 0;
    display: none;
  }
}
.proposal-list-content .list-content-box .box-header-flex .details {
  display: flex;
  align-items: center;
  gap: 4px;
}
.proposal-list-content .list-content-box .box-header-flex .details p {
  color: var(--color-text-700);
  font-size: 16px;
  line-height: 24px;
}
.proposal-list-content .list-content-box .box-header-more {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 11px;
}
.proposal-list-content .list-content-box .box-header-more-item {
  padding: 4px 8px;
  margin-right: 4px;
  border-radius: 2px;
  border: 0.5px solid var(--color-border-100, #2F2B2B);
  background: var(--color-bg-50, #161212);
}
.proposal-list-content .list-content-box .box-header-more-item p {
  color: var(--color-text-700, #BEBEBE);
  font-size: 12px;
}
.proposal-list-content .list-content-box .box-header-more-item p span {
  color: var(--color-Azure-500, #00DAC8);
  font-size: 12px;
  margin-left: 10px;
}
.proposal-list-content .list-content-box .box-header-more-item .text-orange {
  color: var(--color-orange-500);
}
.proposal-list-content .list-content-box .box-header > p {
  display: none;
}
@media (max-width: 767px) {
  .proposal-list-content .list-content-box .box-header > p {
    display: inline-block;
    color: var(--color-text-950);
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
  }
}
.proposal-list-content .list-content-box .box-content {
  padding-top: 16px;
}
.proposal-list-content .list-content-box .box-content-title p {
  font-family: Inter;
  color: var(--color-text-950);
  font-family: Inter;
  font-size: 14px;
  line-height: 22px;
}
.proposal-list-content .list-content-box .box-content-progress {
  padding-top: 16px;
}
.proposal-list-content .list-content-box .box-content-progress .progress {
  height: 9px;
  --bs-progress-bg: var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-content-progress .progress .progress-bar1 {
  border-right: 3px solid var(--color-border-100);
  transform: skew(-45deg) scaleX(1.04);
  background-color: var(--color-cyan-500);
}
.proposal-list-content .list-content-box .box-content-progress .progress-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
}
.proposal-list-content .list-content-box .box-content-progress .progress-text p {
  font-size: 14px;
  line-height: 22px;
}
.proposal-list-content .list-content-box .box-content-progress .progress-text .text-cyan {
  color: var(--color-cyan-500);
}
.proposal-list-content .list-content-box .box-content-progress .progress-text .text-red {
  color: var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-content-progress .progress-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
}
.proposal-list-content .list-content-box .box-content-progress .progress-line p {
  font-size: 14px;
  color: var(--color-text-950);
}
.proposal-list-content .list-content-box .box-content-progress .progress-line .text-1 {
  color: var(--color-text-700);
}
.proposal-list-content .list-content-box .box-content-progress .progress-line .text-1 span {
  color: var(--color-text-950);
}
.proposal-list-content .list-content-box .box-content-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
}
.proposal-list-content .list-content-box .box-content-btn p {
  font-family: Rajdhani;
  color: var(--color-text-950);
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.proposal-list-content .list-content-box .box-content-btn .btn-cyan {
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 1;
  text-align: center;
  max-width: 500px;
  width: 100%;
  border-radius: 4px;
  background-color: var(--color-cyan-500);
  transition: all 0.3s ease-in-out;
}
.proposal-list-content .list-content-box .box-content-btn .btn-cyan::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  z-index: -1;
  transition: left 0.5s ease;
}
.proposal-list-content .list-content-box .box-content-btn .btn-cyan:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px var(--color-cyan-500);
}
.proposal-list-content .list-content-box .box-content-btn .btn-cyan:hover::before {
  left: 100%;
}
.proposal-list-content .list-content-box .box-content-btn .btn-cyan:active {
  outline: none;
  transform: translateY(0px);
  border-color: var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-content-btn .btn-red {
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  max-width: 500px;
  width: 100%;
  background-color: var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-content-btn .btn-red::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  z-index: -1;
  transition: left 0.5s ease;
}
.proposal-list-content .list-content-box .box-content-btn .btn-red:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px var(--color-theme-500);
}
.proposal-list-content .list-content-box .box-content-btn .btn-red:hover::before {
  left: 100%;
}
.proposal-list-content .list-content-box .box-content-btn .btn-red:active {
  outline: none;
  transform: translateY(0px);
  border-color: var(--color-theme-500);
}
.proposal-list-content .page-style {
  text-align: center;
}
.proposal-modal .modal-dialog .modal-content {
  background-color: var(--color-bg-100);
}
.proposal-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
.proposal-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 700;
  color: var(--color-text-950);
  font-size: 20px;
}
.proposal-modal .modal-dialog .modal-content .modal-header .btn-close {
  cursor: none;
  color: var(--color-text-950);
  background: transparent url("../assets/icons/close-line.svg") center/24px auto no-repeat;
}
.proposal-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  box-shadow: none;
}
.proposal-modal .modal-dialog .modal-content .modal-body .modal-body-text {
  text-align: center;
  padding-bottom: 16px;
}
.proposal-modal .modal-dialog .modal-content .modal-body .modal-body-text p {
  color: var(--color-text-950);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.proposal-modal .modal-dialog .modal-content .modal-body .textarea-wrapper {
  position: relative;
  width: 100%;
}
.proposal-modal .modal-dialog .modal-content .modal-body .textarea-wrapper textarea {
  width: 100%;
  padding: 14px 12px 40px 12px;
  background-color: var(--color-bg-50);
  border: 1px solid var(--color-border-300);
  border-radius: 4px;
  color: var(--color-text-950);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  resize: vertical;
  min-height: 140px;
  font-family: inherit;
}
.proposal-modal .modal-dialog .modal-content .modal-body .textarea-wrapper textarea:focus {
  outline: none;
  border-color: var(--color-theme-500);
  box-shadow: 0 0 0 3px var(--color-theme-500-20);
}
.proposal-modal .modal-dialog .modal-content .modal-body .textarea-wrapper .textarea-count {
  position: absolute;
  bottom: 12px;
  right: 12px;
  font-size: 12px;
  color: var(--color-text-400);
  pointer-events: none;
}
.proposal-modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
}
.proposal-modal .modal-dialog .modal-content .modal-footer .btn-style-message {
  font-family: Rajdhani;
  color: var(--color-text-950);
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  background-color: var(--color-theme-500);
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: none;
}
.proposal-modal .modal-dialog .modal-content .modal-footer .btn-style-message::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  z-index: -1;
  transition: left 0.5s ease;
}
.proposal-modal .modal-dialog .modal-content .modal-footer .btn-style-message:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px var(--color-theme-500);
}
.proposal-modal .modal-dialog .modal-content .modal-footer .btn-style-message:hover::before {
  left: 100%;
}
.proposal-modal .modal-dialog .modal-content .modal-footer .btn-style-message:active {
  outline: none;
  transform: translateY(0px);
  border-color: var(--color-theme-500);
}
.proposal-offcanvas {
  --bs-offcanvas-width: 540px;
  background-color: var(--color-bg-100);
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-title {
  color: var(--color-text-950);
  font-family: Rajdhani;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-transform: capitalize;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon {
  position: relative;
  padding: 8px 0;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup {
  display: none;
  padding: 24px;
  color: var(--color-text-950);
  position: absolute;
  z-index: 8;
  top: 34px;
  right: 0;
  transform: translateX(50%);
  width: 540px;
  background-color: var(--color-modal);
  border-radius: 8px;
}
@media (max-width: 767px) {
  .proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup {
    width: 95vw;
    top: 34px;
    right: calc(var(--bs-offcanvas-padding-x) + 100%);
  }
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-header p {
  font-size: 16px;
  font-weight: 700;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content {
  padding-top: 8px;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content .offcanvas-icon-popup-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8px;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content .offcanvas-icon-popup-box .offcanvas-left {
  display: flex;
  justify-items: center;
  align-items: center;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content .offcanvas-icon-popup-box .offcanvas-left p {
  color: var(--color-text-700);
  font-size: 12px;
  padding-left: 8px;
  line-height: 20px;
  white-space: nowrap;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content .offcanvas-icon-popup-box .offcanvas-right {
  padding-left: 8px;
}
.proposal-offcanvas .offcanvas-header .offcanvas-header-title .offcanvas-header-title-icon .offcanvas-icon-popup .offcanvas-icon-popup-content .offcanvas-icon-popup-box .offcanvas-right p {
  line-height: 20px;
  font-size: 12px;
}
.proposal-offcanvas .offcanvas-header .btn-close {
  color: var(--color-text-950);
  background: transparent url("../assets/icons/close-line.svg") center/24px auto no-repeat;
}
.proposal-offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: none;
}
.proposal-offcanvas .offcanvas-body .form-style .form-box {
  padding-bottom: 15px;
}
.proposal-offcanvas .offcanvas-body .form-style .form-box .form-box-title {
  color: var(--color-text-950);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 12px;
}
.proposal-offcanvas .offcanvas-body .form-style .form-box .simple-dropdown-trigger {
  font-size: 14px;
  padding: 10px 12px;
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  padding: 0px var(--bs-offcanvas-padding-x);
}
@media (max-width: 767px) {
  .proposal-offcanvas .offcanvas-body .offcanvas-footer {
    position: relative;
    bottom: 0;
    padding: 40px 0;
  }
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer p {
  color: var(--color-theme-500);
  width: 100%;
  text-align: center;
  padding-bottom: 32px;
  font-size: 12px;
}
@media (max-width: 767px) {
  .proposal-offcanvas .offcanvas-body .offcanvas-footer p {
    padding-bottom: 12px;
  }
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer .btn-style-message {
  font-family: Rajdhani;
  color: var(--color-text-950);
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  background-color: var(--color-theme-500);
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: none;
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer .btn-style-message::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  z-index: -1;
  transition: left 0.5s ease;
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer .btn-style-message:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px var(--color-theme-500);
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer .btn-style-message:hover::before {
  left: 100%;
}
.proposal-offcanvas .offcanvas-body .offcanvas-footer .btn-style-message:active {
  outline: none;
  transform: translateY(0px);
  border-color: var(--color-theme-500);
}
.proposal-offcanvas .textarea-wrapper {
  position: relative;
  width: 100%;
}
.proposal-offcanvas .textarea-wrapper textarea {
  width: 100%;
  padding: 14px 12px 40px 12px;
  background-color: var(--color-bg-50);
  border: 1px solid var(--color-border-300);
  border-radius: 4px;
  color: var(--color-text-950);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  resize: vertical;
  min-height: 140px;
  font-family: inherit;
}
.proposal-offcanvas .textarea-wrapper textarea:focus {
  outline: none;
  border-color: var(--color-theme-500);
  box-shadow: 0 0 0 3px var(--color-theme-500-20);
}
.proposal-offcanvas .textarea-wrapper .textarea-count {
  position: absolute;
  bottom: 12px;
  right: 12px;
  font-size: 12px;
  color: var(--color-text-400);
  pointer-events: none;
}
.proposal-alert {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1046;
  max-width: 376px;
  width: 100%;
  background: var(--color-theme-500-20);
  backdrop-filter: blur(4px);
  border-left: 3px solid var(--color-theme-500);
  display: none;
}
@media (max-width: 767px) {
  .proposal-alert {
    top: 30%;
    left: 50%;
    width: 95%;
    transform: translate(-50%, -50%);
  }
}
.proposal-alert .proposal-alert-content {
  padding: 12px 16px;
  display: flex;
  gap: 8px;
}
.proposal-alert .proposal-alert-content .proposal-alert-content-img .proposal-alert-content-img-box {
  position: relative;
}
.proposal-alert .proposal-alert-content .proposal-alert-content-img .proposal-alert-content-img-box .proposal-alert-content-img-alert {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.proposal-alert .proposal-alert-content .proposal-alert-content-img .proposal-alert-content-img-box .proposal-alert-content-img-close {
  position: absolute;
  top: 48%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 14px;
}
.proposal-alert .proposal-alert-content .proposal-alert-content-title h2 {
  color: var(--color-text-950);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 6px;
}
.proposal-alert .proposal-alert-content .proposal-alert-content-title p {
  color: var(--color-text-800);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.input-style input {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--color-bg-50);
  border: 1px solid var(--color-border-300);
  border-radius: 4px;
  color: var(--color-text-950);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
}
.input-style input:focus {
  outline: none;
  border-color: var(--color-theme-500);
  box-shadow: 0 0 0 3px var(--color-theme-500-20);
}

.animate__delay_2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}