.relative {
  position: relative;
}
.top-2 {
  top: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.flex-1 {
  flex: 1 1 0%;
}
.cursor-pointer {
  cursor: pointer;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#2196F3\] {
  --tw-border-opacity: 1;
  border-color: rgb(33 150 243 / var(--tw-border-opacity));
}
.border-\[\#707A89\] {
  --tw-border-opacity: 1;
  border-color: rgb(112 122 137 / var(--tw-border-opacity));
}
.border-\[\#D2D7DE\] {
  --tw-border-opacity: 1;
  border-color: rgb(210 215 222 / var(--tw-border-opacity));
}
.border-\[\#E4E5E9\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 229 233 / var(--tw-border-opacity));
}
.border-\[\#F1E7C8\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 231 200 / var(--tw-border-opacity));
}
.border-\[\#FAB911\] {
  --tw-border-opacity: 1;
  border-color: rgb(250 185 17 / var(--tw-border-opacity));
}
.bg-\[\#2196F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243 / var(--tw-bg-opacity));
}
.bg-\[\#240c56\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 12 86 / var(--tw-bg-opacity));
}
.bg-\[\#3E4757\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 71 87 / var(--tw-bg-opacity));
}
.bg-\[\#ffffff2b\] {
  background-color: #ffffff2b;
}
.bg-\[\#707A89\] {
  --tw-bg-opacity: 1;
  background-color: rgb(112 122 137 / var(--tw-bg-opacity));
}
.bg-\[\#F0FAED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 250 237 / var(--tw-bg-opacity));
}
.bg-\[\#FAB9110D\] {
  background-color: #FAB9110D;
}
.bg-\[\#FAB911\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 185 17 / var(--tw-bg-opacity));
}
.bg-\[\#FF473B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 71 59 / var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[15px\] {
  font-size: 15px;
}
span.text-\[\#6F7483\].text-\[15px\].block {
    line-height: 1.70;
}
.text-\[16px\] {
  font-size: 16px;
}
.font-bold {
  font-weight: 700;
}
.tracking-\[-0\.42px\] {
  letter-spacing: -0.42px;
}
.text-\[\#2196F3\] {
  --tw-text-opacity: 1;
  color: rgb(33 150 243 / var(--tw-text-opacity));
}
.text-\[\#3E4757\] {
  --tw-text-opacity: 1;
  color: rgb(62 71 87 / var(--tw-text-opacity));
}
.text-\[\#614A10\] {
  --tw-text-opacity: 1;
  color: rgb(97 74 16 / var(--tw-text-opacity));
}
.text-\[\#6AC847\] {
  --tw-text-opacity: 1;
  color: rgb(106 200 71 / var(--tw-text-opacity));
}
.text-\[\#707A89\] {
  --tw-text-opacity: 1;
  color: rgb(112 122 137 / var(--tw-text-opacity));
}
.text-\[\#848484\] {
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.text-\[\#909090\] {
  --tw-text-opacity: 1;
  color: rgb(144 144 144 / var(--tw-text-opacity));
}
.text-\[\#A39267\] {
  --tw-text-opacity: 1;
  color: rgb(163 146 103 / var(--tw-text-opacity));
}
.text-\[\#C3C7D1\] {
  --tw-text-opacity: 1;
  color: rgb(195 199 209 / var(--tw-text-opacity));
}
.text-\[\#FAB911\] {
  --tw-text-opacity: 1;
  color: rgb(250 185 17 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow-\[0_5px_25px_0_rgba\(81\2c 101\2c 110\2c 0\.13\)\] {
  --tw-shadow: 0 5px 25px 0 rgba(81,101,110,0.13);
  --tw-shadow-colored: 0 5px 25px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.last\:border-none:last-child {
  border-style: none;
}
.hover\:border-\[\#707A89\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(112 122 137 / var(--tw-border-opacity));
}
.hover\:border-\[\#FAB911\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 185 17 / var(--tw-border-opacity));
}
.hover\:bg-\[\#2196F3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#707A89\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(112 122 137 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#361f68\]:hover{
  --tw-bg-opacity: 1;
  background-color: #361f68;
}
.hover\:bg-\[\#FAB911\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 185 17 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-\[\#3E4757\]:hover {
  --tw-text-opacity: 1;
  color: rgb(62 71 87 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
  .lg\:max-w-\[460px\] {
    max-width: 460px;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}



/* Custom CSS */
p.text-\[15px\].mb-0.text-\[\#848484\] {
    line-height: 1.4;
}
.panel__dashboard-tringle{border:9px solid #0000;border-top-color:#240c56;position:absolute;bottom:-15px;right:16px}

.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.left-0 {
  left: 0px;
}
.top-0 {
  top: 0px;
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-12 {
  height: 3rem;
}
.h-4 {
  height: 1rem;
}
.h-\[52px\] {
  height: 52px;
}
.h-full {
  height: 100%;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-4 {
  width: 1rem;
}
.w-full {
  width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-5 {
  gap: 1.25rem;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-\[\#D2D7DE\] {
  --tw-border-opacity: 1;
  border-color: rgb(210 215 222 / var(--tw-border-opacity));
}
.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: #f68f1b;
}
.bg-\[\#5AB339\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 179 57 / var(--tw-bg-opacity));
}
.bg-\[\#6AC847\] {
  --tw-bg-opacity: 1;
  background-color: rgb(106 200 71 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.p-8 {
  padding: 2rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.text-center {
  text-align: center;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[20px\] {
  font-size: 20px;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.tracking-\[-0\.42px\] {
  letter-spacing: -0.42px;
}
.text-\[\#6F7483\] {
  --tw-text-opacity: 1;
  color: rgb(111 116 131 / var(--tw-text-opacity));
}
.text-\[\#7E899B\] {
  --tw-text-opacity: 1;
  color: rgb(126 137 155 / var(--tw-text-opacity));
}
.text-\[\#908889\] {
  --tw-text-opacity: 1;
  color: rgb(144 136 137 / var(--tw-text-opacity));
}
.text-\[\#A4ACB8\] {
  --tw-text-opacity: 1;
  color: rgb(164 172 184 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow-\[0_10px_30px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0 10px 30px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 10px 30px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-\[\#5AB339\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(90 179 57 / var(--tw-bg-opacity));
}
.focus\:border-slate-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
@media (min-width: 768px) {
  .md\:max-w-md {
    max-width: 28rem;
  }
}
@media (min-width: 1024px) {
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:text-\[14px\] {
    font-size: 14px;
  }
}
#get-information__role .active{
  color: black;
  font-weight: 600;
  border-color: #2563eb;
}
#get-information__role .active span{
  background:#2563eb
}
#get-information__role label span svg{
  display:none
}
#get-information__role label.active span svg{
  display:block
}