mario-education 2.4.185-level → 2.4.186-level

package/dist/index.css

@@ -1,2188 +1,2192 @@
-/* add css module styles here (optional) */
-:root {
-    --custom-gray: #ccc;
-    --custom-blue: #0090e3;
-}
-
-._3ybTi {
-    margin: 2em;
-    padding: 0.5em;
-    border: 2px solid #000;
-    font-size: 2em;
-    text-align: center;
-}
-._1H0W8 {
-    height: 426px !important;
-}
-tbody._b-AXV {
-    height: 300px;
-    display: block;
-    width: 370px;
-    overflow: auto;
-    border: 2px solid #ced4da;
-    margin-top: 15px;
-}
-tbody._b-AXV::-webkit-scrollbar {
-    width: 10px;
-    background-color: #ced4da;
-}
-tbody._b-AXV tr td {
-    display: block;
-    width: 100%;
-    border: none;
-}
-tbody._b-AXV tr {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-._1fgfO {
-    width: 40px;
-    height: 40px;
-}
-
-._2YR4l {
-    width: 40px;
-    height: 20px;
-    border-radius: 4px;
-    box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
-}
-
-._114IY {
-    max-height: 600px;
-}
-
-._qE7J0 {
-    width: 70px;
-}
-
-._2BV3o {
-    width: 300px;
-    font-size: 1.5rem;
-    font-weight: 600;
-}
-
-._1P4F2 {
-    height: 40px;
-}
-
-._1SRmg {
-    font-weight: 500;
-}
-._ZDINp img {
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-}
-
-._Kzkzd > i {
-    color: #f9e517;
-    font-size: 25px;
-    margin-right: 10px;
-}
-
-._Q0sF1 {
-    max-height: calc(100vh - 200px);
-    overflow-y: auto;
-    margin-bottom: 8px;
-}
-
-._gu_yD {
-    font-weight: 550;
-    padding: 8px 16px;
-    border: 1px solid var(--custom-gray);
-    border-radius: 4px;
-    margin-bottom: 8px;
-    background-color: white;
-}
-
-._33tYy {
-    background-color: var(--custom-blue);
-    color: white;
-}
-
-._2VZin {
-    background: #fff;
-    border: 1px solid rgba(51, 51, 51, 0.1);
-    border-radius: 6px;
-    padding: 10px 17px;
-    margin-bottom: 10px;
-}
-
-._2VZin ._2M0vR{
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 13px;
-}
-
-._1d6uY {
-    margin-right: 10px;
-    position: relative;
-}
-
-._1d6uY:last-child {
-    margin-right: 0;
-}
-
-@media (max-width: 576px) {
-    ._2VZin{
-        width: 100%;
-    } 
-    ._2VZin > svg{
-        margin-left: auto;
-    }
-    ._1d6uY{
-        margin-right: 0;
-    }
-}
-
-._1XSIo {
- position: absolute;
- width:100%;
- z-index: 100;
-}
-
-._3o8gR {
-  display: none;
-}
-
-._3ru37 {
-    background: #ffff;
-    border-radius: 4px;
-    min-width: 160px;
-    padding: 5px 0px 12px;
-    overflow: auto;
-    overflow-x: hidden;
-    border: 1px solid rgba(51, 51, 51, 0.1);
-    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
-}
-
-._1tQvL {
-    position: absolute;
-    opacity: 0;
-    visibility: hidden;
-}
-
-._1tQvL:checked + ._3VNX5::before {
-    border: 0.35rem solid #3c65e0;
-}
-
-._3VNX5::before {
-    display: inline-block;
-    content: "";
-    height: 1.25rem;
-    width: 1.25rem;
-    margin-right: 0.625rem;
-    border: 0.1rem solid #cccccc;
-    background: #fcfcfc;
-    border-radius: 50%;
-}
-
-._3VNX5 {
-    display: flex;
-    align-items: center;
-    margin: 15px 0;
-}
-
-._3VNX5 > p {
-    margin-bottom: 0;
-}
-
-._I8kqz {
-    position: absolute;
-    z-index: 999;
-}
-
-._3xuSa {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-}
-
-._15ep6 {
-    display: flex;
-    width: 40%;
-    padding-bottom: 10px;
-}
-._1WxAe {
-    border-right: 1px solid #d8dbe0;
-    height: 100vh;
-    padding: 20px 0px 35px 0px;
-    margin: 0;
-}
-._3_Ed7 {
-    text-align: center;
-    margin-bottom: 25px;
-    cursor: pointer;
-    height: 260px;
-}
-
-._3_Ed7 h5 {
-    font-size: 15px;
-}
-._3uUiv {
-    height: 200px;
-    border-radius: 10px;
-    background: #fff;
-    box-shadow: 0px 0px 10px 5px  #cdcdcd;
-    margin-bottom: 12px;
-}
-._3_Ed7._3sodH ._3uUiv {
-    box-shadow: 0px 0px 10px 5px #3c65e0;
-}
-._3_Ed7._3sodH h5 {
-    font-size: 15px;
-    color: #3c65e0;
-}
-
-._Az5Kt {
-    padding: 15px;
-    display: flex;
-    border-bottom: 1px solid #d8dbe0;
-    position: sticky;
-    justify-content: space-between;
-    align-items: center;
-}
-._Az5Kt h5 {
-    font-size: 15px;
-    margin-bottom: 0px;
-}
-._1Jrg_ {
-    padding: 15px 20px;
-}
-._3DVMZ {
-  display: flex;
-  flex: 0 0 17%;
-  flex-direction: column;
-  margin-right: 2rem;
-}
-._3DVMZ > div {
-  border: 1px solid #eaeaea;
-}
-h6._3zOGW {
-  text-decoration: underline;
-  font-size: 13px;
-  cursor: pointer;
-}
-._3DQwX {
-  padding: 10px 0px 20px;
-    border-bottom: 1px solid #cdcdcd;
-}
-
-._1Jgr2 {
-  padding: 16px;
-  min-height: 530px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #ffffff;
-  border: 1px solid #ebeff2;
-  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-  border-radius: 8px;
-  margin-bottom: 20px;
-}
-
-._3Thdy {
-  max-width: 200px;
-}
-
-._1WLBo {
-  font-size: 20px;
-}
-
-._10Pgm {
-  /* background: #E5E5E5; */
-}
-
-._3jPb_ {
-  font-size: 30px;
-}
-
-._1c43y {
-  color: #fc4747;
-}
-
-._F1afY {
-  color: #0dc16a;
-}
-
-._1kqUQ {
-  background: #f6f6f6;
-}
-
-._10hbz {
-  font-weight: bold;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-._2rmw_ {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 100%;
-  margin: 0;
-}
-
-._1tdQu {
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 14px;
-}
-
-._2BvFN {
-  font-weight: 400;
-  font-size: 10px;
-  line-height: 12px;
-}
-
-._10hbz,
-._2rmw_,
-._1tdQu,
-._2BvFN {
-  font-family: "Roboto", sans-serif;
-}
-
-._2TBTW {
-  margin: 10px 0;
-}
-
-._3XXJp {
-  width: 35px;
-  color: #0d9994;
-  text-align: center;
-}
-
-._LCuWQ {
-  background: #cef7f5;
-  color: #0d9994;
-  border-radius: 8px;
-}
-
-._3x9D7 {
-  color: #1da370;
-}
-
-._2In63 {
-  border: none;
-  background: #fff;
-}
-
-._1Vhg_ {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-
-._6yLxd {
-  min-width: 200px;
-  margin-bottom: 10px;
-  height: 100%;
-  background-color: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 80%);
-  border-radius: 4px;
-  border-style: solid;
-  border-width: 1px;
-  padding: 8px;
-  width: 100%;
-}
-
-._h74SO {
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0px 16px;
-}
-
-._3e2pi {
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  max-width: 700px;
-}
-
-._ntUB6 {
-  min-width: 200px;
-  margin-left: 20px;
-  margin-bottom: 10px;
-  height: 38px;
-}
-
-._1DlZ4 {
-  width: 220px;
-  margin-right: 20px;
-  margin-bottom: 10px;
-  height: 38px;
-}
-
-._1tYDM {
-  max-width: 440px;
-  display: flex;
-  flex-wrap: wrap;
-}
-
-._3hSow {
-  background: #ffffff;
-  border: 1px solid #ebeff2;
-  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-  border-radius: 8px;
-}
-
-._1yuC9 {
-  min-width: 255px;
-  flex-basis: 19%;
-}
-
-._1yuC9 ._10hbz {
-  font-family: 'Roboto';
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-._1yuC9:last-child {
-  padding: 20px 0px !important;
-}
-
-._1yuC9:last-child div {
-  width: 80%;
-  margin: 0 auto;
-}
-
-._2PMoX {
-  height: auto;
-  width: 100%;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-    max-height: 300px;
-}
-
-._2PMoX._3ZX0b {
-  height: 300px;
-  width: 100%;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-}
-
-._2asi- ._muT01 ._35BzZ {
-  font-size: 20px;
-}
-
-._2asi- {
-  overflow: hidden;
-  max-height: 470px;
-}
-
-@media (min-width: 1024px) {
-  ._3pkbc {
-    max-width: 60%;
-  }
-
-  ._16MpB {
-    max-width: 55%;
-  }
-}
-
-._CHu-i {
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 116%;
-}
-
-._3Y-Dd {
-  overflow: hidden;
-  height: 416px;
-}
-
-@media (min-width: 2250px) {
-  ._3Y-Dd {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}
-
-@media (max-width: 720px) {
-  ._1YJnk {
-    padding-right: 20px;
-  }
-}
-
-
-/* new design; */
-._2eMbe {
-  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
-}
-
-._6ZvFg {
-  border-radius: 8px;
-  overflow: hidden;
-  position: relative;
-}
-
-._24CNV._6ZvFg::after {
-  content: "";
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-  display: block;
-  background: rgba(51, 51, 51, 0.1);
-}
-
-._6ZvFg ._2vtSi {
-  background: #FFFFFF;
-  border-radius: 8px;
-  padding: 20px;
-  /* cursor: pointer; */
-}
-
-._IpsVf {}
-
-._IpsVf ._gzxWe {
-  color: "#B2B2B2";
-  font-size: 18px;
-}
-
-._2vtSi ._37IcR {
-  color: #D9D9D9;
-  display: flex;
-  align-items: center;
-}
-
-._2vtSi ._2G6Wz {
-  font-weight: 700;
-  font-size: 20px;
-  letter-spacing: 0.01em;
-  color: #262626;
-  font-family: "Roboto";
-}
-
-._2vtSi ._IpsVf {
-  /* display: flex;
-  align-items: center; */
-  display: block;
-}
-
-._3xpNv {
-  border-radius: 4px;
-  background: #ffff;
-}
-
-._3H5Ly {
-  padding: 6px 12px 6px 0px;
-  border-radius: 0 4px 4px 0;
-  background: #336DDA;
-  color: #fff;
-}
-
-._J_n-D {
-  padding: 5px 8px 7px 6px;
-  border-radius: 4px 0 0 4px;
-  background: #336DDA;
-}
-
-._2vtSi ._3AALV {
-  font-size: 16px;
-}
-
-._11Xjn {
-  cursor: pointer;
-}
-
-._2vtSi ._2htKu {
-  cursor: pointer;
-  transition: transform 333ms ease-out, color 333ms; 
-}
-
-._q1nUO {
-  transform: rotate(-180deg);
-}
-
-._s8xMf {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 20px;
-}
-
-._tHUJ_ {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  margin: -12px 0;
-  width: 100%;
-}
-
-._3xKHX {
-  text-align: center;
-  color: #242424;
-  font-style: normal;
-  font-weight: 600 !important;
-  font-size: 12px !important;
-  line-height: 18px !important;
-  margin-bottom: 25px !important;
-}
-
-._pFFg9 {
-  font-size: 16px;
-  font-weight: 700;
-  padding: 10px;
-  margin-bottom: 0 !important;
-  font-family: 'Montserrat-Bold' !important;
-}
-
-._pFFg9 > a {
-  font-size: inherit;
-  font-weight: inherit;
-  font-family: inherit!important;
-  color: inherit;
-}
-
-._pFFg9 > a:hover {
-  color: #336DDA;
-  text-decoration: underline;
-}
-
-._3hqV3 {
-  margin-left: 10px;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  color: #242424;
-  opacity: 0.4;
-}
-
-._3rdqX {
-  font-family: 'Poppins-SemiBold';
-  font-style: normal;
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 32px;
-  margin-bottom: 0;
-}
-._nwv00 {
-  cursor: pointer;
-}
-._nwv00:hover {
-  transform: scale(1.2);
-  transition: transform .2s;
-}
-
-._29aQo {
-  padding: 10px;
-  border-radius: 8px;
-  border: none;
-  background: #242424;
-}
-
-._2SJIY {
-  color: #FFFFFF;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  margin: 0 0 10px;
-
-}
-
-._2lZv_ {
-  width: 4px;
-  height: 18px;
-  border-radius: 3px;
-  margin-right: 10px;
-}
-
-._8NzTd {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  height: 18px;
-  padding-right: 10px;
-}
-
-._1EP1I {
-  display: flex;
-  align-items: center;
-}
-
-._1J69a {
-  color: #FFFFFF;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  margin-right: 5px;
-  margin-bottom: 0;
-}
-
-._3-8OW {
-  color: #FFFFFF;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  margin-bottom: 0;
-}
-
-._2htKu svg {
-  width: 20px !important;
-  height: auto !important;
-}
-
-._2vtSi ._1qXAT {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 100%;
-  color: #252733;
-}
-
-._3NgrB,
-._32fu3 {
-  background-color: #fff;
-}
-
-._3NgrB {
-  padding-bottom: 10px;
-}
-
-._3NgrB ._DmMzw {
-  padding-left: 10px;
-}
-
-._3NgrB ._1eUXn {
-  width: 10px;
-  height: 10px;
-  margin-right: 5px;
-  border-radius: 2px;
-}
-
-._3NgrB ._3hrrC ._Q-iiW {
-  font-weight: 400;
-  font-size: 14px;
-  letter-spacing: 0.01em;
-  color: #4d4d4d;
-  margin-bottom: 0;
-  font-family: 'Roboto';
-}
-
-._3NgrB ._cD4ey {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 10px;
-}
-
-._3NgrB {
-  font-weight: 400;
-  font-size: 16px;
-  letter-spacing: 0.01em;
-  color: #252733 !important;
-  font-family: "Roboto";
-}
-
-._3NgrB ._2HWhv>label {
-  font-weight: 600;
-  font-size: 18px;
-  color: #252733 !important;
-  font-family: "Roboto";
-}
-
-._2Hdbu {
-  width: 100%;
-  padding: 20px;
-}
-
-._2Hdbu, ._3RJ2T {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-._3dK0P {
-  display: flex;
-  padding-right: 15px;
-  align-items: flex-start;
-  width: 100%;
-  max-width: 200px;
-}
-
-._1bHgZ {
-  margin-right: 10px;
-}
-
-._QwDVv {
-  padding-right: 5px;
-  display: flex;
-  align-items: center;
-}
-._1QgWc {
-  width: 100%
-}
-._348ls {
-  display: flex;
-  display: flex;
-  align-items: center;
-}
-._1VfnR {
-  font-style: normal;
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 18px;
-  font-family: 'Poppins-Bold';
-  margin-bottom: 0;
-}
-
-._3eW34 {
-  display: flex;
-  align-items: center;
-}
-
-._1bljF {
-  display: flex;
-  align-items: center;
-}
-._30y0h {
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  margin-bottom: 0;
-}
-
-._1HtM3 {
-  width: 8px;
-}
-._3qqQU {
-  font-size: 14px;
-  margin-right: 5px;
-  color: #0F9655;
-  fill: #0F9655;
-}
-._2Fgfn {
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  margin-right: 5px;
-  margin-bottom: 0;
-}
-._1yXO7 {
-  font-size: 14px;
-  margin-right: 5px;
-  color: #C44140;
-  fill: #C44140;
-}
-._2JNm- {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  margin-right: 10px;
-}
-
-._3hrrC {
-  padding-right: 50px;
-}
-._38ikt{
-  /* height: 410px; */
-}
-
-._38ikt ._1TnWs {
-  position: absolute;
-  right: 60px;
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  width: 150px;
-}
-
-._38ikt ._1TnWs label {
-  color: #333333;
-  font-weight: 500;
-  font-size: 14px;
-  align-items: center;
-  text-align: right;
-  color: #333333;
-  margin-bottom: 5px;
-  font-family: "Roboto";
-}
-
-._38ikt ._1TnWs span {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  text-align: right;
-  color: #4d4d4d;
-  font-family: "Roboto";
-}
-
-._3BTJi ._1Ws0m {
-  margin-top: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-._3BTJi ._1Ws0m ._2HnO_ {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-._3BTJi ._1Ws0m ._1eUXn {
-  width: 12px;
-  height: 12px;
-  margin-right: 8px;
-  border-radius: 2px;
-}
-
-._3BTJi ._1Ws0m ._2BFJw {
-  padding-right: 8px;
-  color: #4d4d4d;
-  letter-spacing: 0.01em;
-  font-weight: 400;
-  font-size: 16px;
-  font-family: "Roboto";
-}
-
-._2az-l {
-  padding-right: 10px;
-  padding-left: 10px;
-  padding-bottom: 10px;
-}
-
-._2az-l ._1TnWs {
-  position: absolute;
-  right: 35px;
-  top: 10px;
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  width: 150px;
-}
-
-._2az-l ._1TnWs label {
-  color: #333333;
-  font-weight: 500;
-  font-size: 14px;
-  align-items: center;
-  text-align: right;
-  color: #333333;
-  margin-bottom: 5px;
-  font-family: "Roboto";
-}
-
-._2az-l ._1TnWs span {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  text-align: right;
-  color: #4d4d4d;
-  font-family: "Roboto";
-}
-
-._2j8fp {
-  position: relative;
-}
-
-._2j8fp ._1BN5z {
-  width: 100%;
-  bottom: 40px;
-  position: relative;
-
-}
-
-._2j8fp ._1rYav {
-  width: 80%;
-  margin: 35px auto 0px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-._2j8fp ._1rYav div {
-  font-family: "Roboto";
-  font-weight: 600;
-  font-size: 12px;
-}
-
-._2j8fp ._TPa6x {
-  padding-right: 50px;
-}
-
-._2j8fp ._3-zAs {
-  display: flex;
-  justify-content: space-around;
-  margin-top: 20px;
-  padding: 0 50px;
-}
-
-._2j8fp ._3-zAs ._3RJ2T {
-  display: flex;
-  margin-right: 20px;
-  align-items: center;
-}
-
-._2j8fp ._3-zAs ._1eUXn {
-  width: 10px;
-  height: 10px;
-  margin-right: 5px;
-  border-radius: 2px;
-}
-
-._2j8fp ._3-zAs ._Q-iiW {
-  font-family: "Roboto";
-  font-weight: 400;
-  font-size: 14px;
-  letter-spacing: 0.01em;
-  color: #4d4d4d;
-  margin-bottom: 0;
-  margin: 0;
-}
-
-._2j8fp ._3-zAs ._cD4ey {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 10px;
-}
-
-._2j8fp ._3-zAs {
-  font-weight: 400;
-  font-size: 16px;
-  letter-spacing: 0.01em;
-  color: #252733;
-  font-family: "Roboto";
-}
-
-._24PRg {
-  font-weight: 700;
-  font-size: 13px;
-  letter-spacing: 0.01em;
-  color: #252733;
-  font-family: "Roboto";
-  opacity: .56;
-  margin-top: 0;
-  margin-bottom: 0;
-  text-transform: uppercase;
-  font-size: 12px;
-}
-
-._2j8fp ._1PPhv {
-  position: absolute;
-  right: 20px;
-  top: 41px;
-}
-
-._2ZL2A {
-  color: #D3D3D3;
-  font-size: 14px;
-}
-
-._2j8fp ._1PPhv ._1rjWR {
-  margin-bottom: 18px;
-  font-weight: 400;
-  font-size: 13px;
-  text-align: center;
-  letter-spacing: 0.01em;
-  color: #D3D3D3;
-}
-
-._2j8fp ._f-Ti4 {
-  position: relative;
-}
-
-._1hZ_V {
-  width: 100%;
-  text-align: center;
-  font-weight: 400;
-  font-size: 16px;
-  text-align: right;
-  letter-spacing: 0.01em;
-  color: #808080;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-family: "Roboto";
-}
-
-
-._3L9WC {
-  font-size: 24px;
-  font-weight: 700;
-  margin-bottom: 5px !important;
-  font-family: "Roboto";
-}
-
-._1TFtP {
-  font-size: 16px;
-  font-weight: 400;
-  margin-bottom: 5px !important;
-}
-
-._37aqf {
-  display: flex !important;
-  align-items: center;
-}
-
-._1iabV {
-  font-size: 16px;
-  font-weight: 400;
-  font-family: "Roboto";
-}
-
-._1eQAg {
-  background-color: #28BE76;
-}
-._38ikt ._pFFg9{
-  font-weight: 400;
-  font-size: 16px;
-  text-align: center;
-  letter-spacing: 0.01em;
-  color: #808080;
-  margin-bottom: 20px;
-  font-family: "Roboto";
-}
-
-
-._1eqkj {
-  position: absolute;
-  /* opacity: 0; */
-  z-index: -999;
-  bottom: -100vh;
-  right: -100vw;
-  width: 260px;
-  height: 75px;
-}
-
-._1eqkj > img {
-  width: 100%;
-  height: auto;
-  margin-top: -10px;
-}
-
-._2IQ8b {
-  position: fixed;
-  z-index: -9999;
-  width: 800px;
-  opacity: 0;
-  bottom: -100vh;
-  right: -100vw;
-  & > div {
-    width: 100%;
-    & > div {
-      width: 100%;
-    }
-  }
-}
-
-._sQ21k {
-  position: absolute;
-  z-index: -999;
-  right: 0;
-  display: flex;
-  align-items: center;
-}
-
-._3Eas5 {
-  max-height: 430px;
-}
-
-._1tKnn{
-  display: none;
-}
-
-@media (max-width: 374px) {
-  ._CHu-i {
-    font-size: 18px;
-  }
-  ._CHu-i + img {
-    width: 36px;
-    height: 36px;
-  }
-}
-
-@media (max-width: 576px) {
-  ._10Pgm{
-    padding: 0 10px;
-  }
-
-  ._2j8fp ._TPa6x {
-    padding-right: 10px;
-  }
-
-  ._2j8fp ._1PPhv {
-    display: none;
-  }
-
-  ._1tKnn{
-    display: block;
-    background: #ffffff;
-    border: 1px solid #ebeff2;
-    box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-    border-radius: 8px;
-  }
-
-  ._1Zuq3{
-    gap: 6px;
-  }
-
-  ._2Hdbu {
-    gap: 8px;
-  }
-
-  ._3dK0P {
-    max-width: 150px;
-  }
-
-  ._348ls {
-    align-items: baseline;
-  }
-}
-
-@media (min-width: 577px) and (max-width: 992px){
-  ._1i0El {
-    gap: 8px;
-  }
-  
-  ._2Hdbu {
-    gap: 8px;
-  }
-}
-._3U9cF {
-  padding: 16px;
-  min-height: 530px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #ffffff;
-  border: 1px solid #ebeff2;
-  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-  border-radius: 8px;
-  margin-bottom: 20px;
-}
-
-._3lYP4 {
-  max-width: 200px;
-}
-
-._EIKHR {
-  font-family: 'Roboto' !important;
-  font-weight: 400;
-  margin-top: 2px;
-}
-._3waCS {
-  font-size: 20px;
-}
-
-._2n_zv {
-  /* background: #E5E5E5; */
-}
-
-._36sKX {
-  font-size: 30px;
-}
-
-._1TjNf {
-  color: #fc4747;
-}
-
-._i4rwq {
-  color: #0dc16a;
-}
-
-._BlYR7 {
-  background: #f6f6f6;
-}
-
-._3fBK1 {
-  font-weight: bold;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-._2w6yc {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 100%;
-  margin: 0;
-}
-
-._1aq6C {
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 14px;
-}
-
-._2lX51 {
-  font-weight: 400;
-  font-size: 10px;
-  line-height: 12px;
-}
-
-._3fBK1,
-._2w6yc,
-._1aq6C,
-._2lX51 {
-  font-family: "Roboto", sans-serif;
-}
-
-._jGO7A {
-  margin: 10px 0;
-}
-
-._2dXys {
-  width: 35px;
-  color: #0d9994;
-  text-align: center;
-}
-
-._3-8WB {
-  background: #cef7f5;
-  color: #0d9994;
-  border-radius: 8px;
-}
-
-._5QHKk {
-  color: #1da370;
-}
-
-._2UyJG {
-  border: none;
-  background: #fff;
-}
-
-._1SL-6 {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-
-._pKQ8e {
-  min-width: 200px;
-  margin-bottom: 10px;
-  height: 100%;
-  background-color: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 80%);
-  border-radius: 4px;
-  border-style: solid;
-  border-width: 1px;
-  padding: 8px;
-  width: 100%;
-}
-
-._2eZGm {
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0px 16px;
-}
-
-._dz04Q {
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  max-width: 700px;
-}
-
-._OhjkA {
-  min-width: 200px;
-  margin-left: 20px;
-  margin-bottom: 10px;
-  height: 38px;
-}
-
-._-q4tF {
-  width: 220px;
-  margin-right: 20px;
-  margin-bottom: 10px;
-  height: 38px;
-}
-
-._nukn6 {
-  max-width: 440px;
-  display: flex;
-  flex-wrap: wrap;
-}
-
-._2ysrj {
-  background: #ffffff;
-  border: 1px solid #ebeff2;
-  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-  border-radius: 8px;
-}
-
-._37HdU {
-  min-width: 255px;
-  flex-basis: 19%;
-}
-
-._37HdU ._3fBK1 {
-  font-family: 'Roboto';
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-._37HdU:last-child {
-  padding: 20px 0px !important;
-}
-
-._37HdU:last-child div {
-  width: 80%;
-  margin: 0 auto;
-}
-
-._-jYtE {
-  height: auto;
-  width: 100%;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-    max-height: 300px;
-}
-
-._-jYtE._2FOHk {
-  height: 300px;
-  width: 100%;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-}
-
-._38Xgv ._3m9ET ._3QJAM {
-  font-size: 20px;
-}
-
-._38Xgv {
-  overflow: hidden;
-  max-height: 470px;
-}
-
-@media (min-width: 1024px) {
-  ._11W3J {
-    max-width: 60%;
-  }
-
-  ._2-frJ {
-    max-width: 55%;
-  }
-}
-
-._1_YyD {
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 116%;
-}
-
-._xbK6p {
-  overflow: hidden;
-  height: 416px;
-}
-
-@media (min-width: 2250px) {
-  ._xbK6p {
-    /* width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center; */
-  }
-}
-
-@media (max-width: 720px) {
-  ._11sYZ {
-    padding-right: 20px;
-  }
-}
-
-
-/* new design; */
-._rFfwe {
-  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
-}
-
-._zLI7s {
-  border-radius: 8px;
-  overflow: hidden;
-  position: relative;
-  padding: 10px 0px;
-}
-
-._OoZLR._zLI7s::after {
-  content: "";
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-  display: block;
-  background: rgba(51, 51, 51, 0.1);
-}
-
-._zLI7s ._3mzht {
-  background: #FFFFFF;
-  border-radius: 8px;
-  padding: 20px;
-  /* cursor: pointer; */
-}
-
-._2gXQT {}
-
-._2gXQT ._3XABq {
-  color: "#B2B2B2";
-  font-size: 18px;
-}
-
-._3mzht ._1FHsv {
-  color: #D9D9D9;
-  display: flex;
-  align-items: center;
-}
-
-._3mzht ._2JBD5 {
-  font-weight: 700;
-  font-size: 18px;
-  letter-spacing: 0.01em;
-  color: #262626;
-  font-family: "Roboto";
-}
-
-._3mzht ._2gXQT {
-  display: flex;
-  align-items: center;
-}
-
-._2OEd7 {
-  border-radius: 4px;
-  background: #ffff;
-}
-
-._2nyRe {
-  padding: 6px 12px 6px 0px;
-  border-radius: 0 4px 4px 0;
-  background: #336DDA;
-  color: #fff;
-}
-
-._31EdD {
-  padding: 5px 8px 7px 6px;
-  border-radius: 4px 0 0 4px;
-  background: #336DDA;
-}
-
-._3mzht ._TmymT {
-  font-size: 16px;
-}
-
-._3X_ow {
-  cursor: pointer;
-}
-
-._3mzht ._1qdL4 {
-  cursor: pointer;
-}
-
-._1qdL4 svg {
-  width: 20px !important;
-  height: auto !important;
-}
-
-._3mzht ._PghQI {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 100%;
-  color: #252733;
-}
-
-._12jqi,
-._2rwg5 {
-  background-color: #fff;
-}
-
-._12jqi {
-  padding-bottom: 10px;
-}
-
-._12jqi ._3iwnG {
-  padding-left: 10px;
-}
-
-._12jqi ._rKYWD {
-  width: 10px;
-  height: 10px;
-  margin-right: 5px;
-  border-radius: 2px;
-}
-
-._12jqi ._n_lnI ._3hlTa {
-  font-weight: 400;
-  font-size: 14px;
-  letter-spacing: 0.01em;
-  color: #4d4d4d;
-  margin-bottom: 0;
-  font-family: 'Roboto';
-}
-
-._12jqi ._1LGIl {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 10px;
-}
-
-._12jqi ._EIKHR {
-  font-weight: 400;
-  font-size: 16px;
-  letter-spacing: 0.01em;
-  color: #252733 !important;
-  font-family: "Roboto";
-}
-
-._12jqi ._1mr1m>label {
-  font-weight: 600;
-  font-size: 18px;
-  color: #252733 !important;
-  font-family: "Roboto";
-}
-
-._E_ciE {
-  width: 100%;
-  padding: 20px;
-}
-
-._E_ciE ._27ojF {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-._n_lnI {
-  padding-right: 50px;
-}
-._2KJYt{
-  /* height: 410px; */
-}
-
-._2KJYt ._hEgnv {
-  position: absolute;
-  right: 60px;
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  width: 150px;
-}
-
-._2KJYt ._hEgnv label {
-  color: #333333;
-  font-weight: 500;
-  font-size: 14px;
-  align-items: center;
-  text-align: right;
-  color: #333333;
-  margin-bottom: 5px;
-  font-family: "Roboto";
-}
-
-._2KJYt ._hEgnv span {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  text-align: right;
-  color: #4d4d4d;
-  font-family: "Roboto";
-}
-
-._34-k0 ._119UL {
-  margin-top: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-._34-k0 ._119UL ._tlvnI {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-._34-k0 ._119UL ._rKYWD {
-  width: 12px;
-  height: 12px;
-  margin-right: 8px;
-  border-radius: 2px;
-}
-
-._34-k0 ._119UL ._2Ehxf {
-  padding-right: 8px;
-  color: #4d4d4d;
-  letter-spacing: 0.01em;
-  font-weight: 400;
-  font-size: 16px;
-  font-family: "Roboto";
-}
-
-._L1RnZ {
-  padding-right: 10px;
-  padding-left: 10px;
-  padding-bottom: 10px;
-}
-
-._L1RnZ ._hEgnv {
-  position: absolute;
-  right: 35px;
-  top: 10px;
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  width: 150px;
-}
-
-._L1RnZ ._hEgnv label {
-  color: #333333;
-  font-weight: 500;
-  font-size: 14px;
-  align-items: center;
-  text-align: right;
-  color: #333333;
-  margin-bottom: 5px;
-  font-family: "Roboto";
-}
-
-._L1RnZ ._hEgnv span {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  text-align: right;
-  color: #4d4d4d;
-  font-family: "Roboto";
-}
-
-._18zab {
-  position: relative;
-}
-
-._18zab ._1NRsG {
-  width: 100%;
-  bottom: 40px;
-  position: relative;
-
-}
-
-._18zab ._1jDpB {
-  width: 80%;
-  margin: 35px auto 0px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-._18zab ._1jDpB div {
-  font-family: "Roboto";
-  font-weight: 600;
-  font-size: 12px;
-}
-
-._18zab ._93MRp {
-  display: flex;
-  justify-content: center;
-  position: relative;
-  bottom: 20px;
-}
-
-._18zab ._93MRp ._27ojF {
-  display: flex;
-  margin-right: 20px;
-  align-items: center;
-}
-
-._18zab ._93MRp ._rKYWD {
-  width: 10px;
-  height: 10px;
-  margin-right: 5px;
-  border-radius: 2px;
-}
-
-._18zab ._93MRp ._3hlTa {
-  font-family: "Roboto";
-  font-weight: 400;
-  font-size: 14px;
-  letter-spacing: 0.01em;
-  color: #4d4d4d;
-  margin-bottom: 0;
-  margin: 0;
-}
-
-._18zab ._93MRp ._1LGIl {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 10px;
-}
-
-._18zab ._93MRp ._EIKHR {
-  font-weight: 400;
-  font-size: 16px;
-  letter-spacing: 0.01em;
-  color: #252733;
-  font-family: "Roboto";
-}
-
-._18zab ._3ipHU {
-  position: absolute;
-  right: 22px;
-  top: 20px
-}
-
-._18zab ._3ipHU ._35mGN {
-  margin-bottom: 22.5px;
-  font-weight: 400;
-  font-size: 12px;
-  text-align: center;
-  letter-spacing: 0.01em;
-  color: #9a9a9a;
-  font-family: "Roboto";
-}
-
-._18zab ._1769M {
-  position: relative;
-}
-
-._18zab ._ton1p {
-  padding-right: 50px;
-}
-
-._2LTMk {
-  width: 100%;
-  text-align: center;
-  font-weight: 400;
-  font-size: 16px;
-  text-align: right;
-  letter-spacing: 0.01em;
-  color: #808080;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-family: "Roboto";
-}
-
-
-._3f2-D {
-  font-size: 24px;
-  font-weight: 700;
-  margin-bottom: 5px !important;
-  font-family: "Roboto";
-}
-
-._19k86 {
-  font-size: 16px;
-  font-weight: 400;
-  margin-bottom: 5px !important;
-}
-
-._2ZpLB {
-  display: flex !important;
-  align-items: center;
-}
-
-._jLDZ4 {
-  font-size: 16px;
-  font-weight: 400;
-  font-family: "Roboto";
-}
-
-._2sMK7 {
-  background-color: #28BE76;
-}
-._2KJYt ._1E7vX{
-  font-weight: 400;
-  font-size: 16px;
-  text-align: center;
-  letter-spacing: 0.01em;
-  color: #808080;
-  margin-bottom: 20px;
-  font-family: "Roboto";
-}
-
-
-._3Xggx {
-  position: absolute;
-  /* opacity: 0; */
-  z-index: -999;
-  left: 0;
-  top: 0;
-}
-
-._3Xggx > img {
-  /* width: 100%; */
-  /* height: 100%; */
-  /* object-fit: cover; */
-}
-
-._3zQW_ {
-  position: absolute;
-  z-index: -9999;
-  width: 1792px;
-  opacity: 0;
-  top: -35px;
-  left: -630px;
-}
-
-._34-k0 {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  justify-content: space-between;
-}
-._34-k0 ._2HMn5 {
-  width: 100%;
-}
-._34-k0 ._xbK6p {
-  width: 100%;
-  @media only screen and (min-width: 1200px) and (max-width: 1280px) {
-      /* height: 55%; */
-      /* bottom: 86px; */
-  }
-}
-._1qtzK, ._g4q-z, ._9ibzA {
-  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-  border-radius: 20px;
-  padding: 10px;
-  margin-left: unset !important;
-  margin-right: unset !important;
-}
-
-._1E7vX {
-  font-size: 20px;
-  font-weight: 700;
-  padding: 10px;
-  margin-bottom: 0 !important;
-  font-family: 'Montserrat-Bold' !important;
-}
-
-._1s7DG {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-
-._12jqi,
-._2rwg5 {
-    background-color: #fff;
-}
-
-._12jqi {
-    padding-bottom: 10px;
-    width: 100%;
-}
-
-._12jqi ._3iwnG {
-    padding-left: 10px;
-}
-
-._n_lnI {
-    padding-right: 50px;
-}
-
-._12jqi ._rKYWD {
-    width: 10px;
-    height: 10px;
-    margin-right: 5px;
-    border-radius: 2px;
-}
-
-._12jqi ._n_lnI ._3hlTa {
-    font-weight: 400;
-    font-size: 14px;
-    letter-spacing: 0.01em;
-    color: #4d4d4d;
-    margin-bottom: 0;
-    font-family: "Roboto";
-}
-
-._12jqi ._1LGIl {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-right: 10px;
-}
-
-._12jqi ._EIKHR {
-    font-weight: 400;
-    font-size: 16px;
-    letter-spacing: 0.01em;
-    color: #252733 !important;
-    font-family: "Roboto";
-}
-
-._12jqi ._1mr1m > label {
-    font-weight: 600;
-    font-size: 18px;
-    color: #252733 !important;
-    font-family: "Roboto";
-}
-
-._E_ciE {
-  width: 100%;
-  padding: 20px;
-  display: flex;
-  flex-wrap: wrap;
-}
-
-._E_ciE ._27ojF {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-._5wSJP {
-  display: flex;
-  padding-right: 15px;
-  
-}
-
-._5wSJP ._1h1ro {
-  padding-right: 5px;
-  display: flex;
-  align-items: center;
-}
-
-
-._EIKHR {
-  font-family: "Roboto" !important;
-  font-weight: 400;
-  margin-top: 2px;
-}
-._2MTrM {
-  display: flex;
-  justify-content: space-evenly;
-}
-
-._2MTrM ._2kriq {
-  display: flex;
-  align-items: center;
-}
-
-._2MTrM ._jOIdn {
-  width: 15px;
-  height: 15px;
-  border-radius: 2px;
-  margin-right: 5px;
-}
-
-._1bZCU{
-  display: none;
-}
-
-@media (max-width: 576px) {
-  ._2n_zv{
-    padding: 0 10px;
-  }
-
-  ._1bZCU{
-    display: block;
-    background: #ffffff;
-    border: 1px solid #ebeff2;
-    box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
-    border-radius: 8px;
-  }
-
-  ._FjhpG{
-    gap: 6px;
-  }
-
-  ._4SQcs{
-    gap: 8px;
-  }
-
-  ._5wSJP{
-    padding-right: 6px;
-    width: 100%;
-    max-width: 130px;
-    align-items: start;
-  }
-
-  ._5wSJP label {
-    display: flex;
-    align-items: center;
-  }
-
-  ._n_lnI{
-    padding-right: 6px;
-    width: 100%;
-    max-width: 130px;
-  }
-
-  ._n_lnI > ._27ojF{
-    justify-content: start;
-    align-items: baseline;
-  }
-
-  ._n_lnI label {
-    display: flex;
-    align-items: center;
-  }
-  
-}
-
-@media (min-width: 577px) and (max-width: 768px) {
-  ._2n_zv{
-    padding: 0 15px;
-  }
-}
-
-@media (max-width: 768px) {
-  ._34-k0{
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  ._xbK6p {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  ._2MTrM{
-    gap: 20px;
-  }
-} 
-
-@media (min-width: 577px) and (max-width: 1023px) {
-  ._5wSJP{
-    padding-right: 0;
-    width: 100%;
-    max-width: 180px;
-  }
-  ._5wSJP label {
-    display: flex;
-    align-items: center;
-  }
-  ._n_lnI{
-    padding-right: 0;
-    width: 100%;
-    max-width: 130px;
-  }
-  ._n_lnI > ._27ojF{
-    justify-content: start;
-  }
-  ._n_lnI label {
-    display: flex;
-    align-items: center;
-  }
-}
-
-@media (min-width: 2100px) {
-  ._2MTrM{
-    gap: 50px;
-    justify-content: start;
-    margin-left: 78px;
-  }
+/* add css module styles here (optional) */
+:root {
+    --custom-gray: #ccc;
+    --custom-blue: #0090e3;
+}
+
+._3ybTi {
+    margin: 2em;
+    padding: 0.5em;
+    border: 2px solid #000;
+    font-size: 2em;
+    text-align: center;
+}
+._1H0W8 {
+    height: 426px !important;
+}
+tbody._b-AXV {
+    height: 300px;
+    display: block;
+    width: 370px;
+    overflow: auto;
+    border: 2px solid #ced4da;
+    margin-top: 15px;
+}
+tbody._b-AXV::-webkit-scrollbar {
+    width: 10px;
+    background-color: #ced4da;
+}
+tbody._b-AXV tr td {
+    display: block;
+    width: 100%;
+    border: none;
+}
+tbody._b-AXV tr {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+._1fgfO {
+    width: 40px;
+    height: 40px;
+}
+
+._2YR4l {
+    width: 40px;
+    height: 20px;
+    border-radius: 4px;
+    box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
+}
+
+._114IY {
+    max-height: 600px;
+}
+
+._qE7J0 {
+    width: 70px;
+}
+
+._2BV3o {
+    width: 300px;
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+
+._1P4F2 {
+    height: 40px;
+}
+
+._1SRmg {
+    font-weight: 500;
+}
+._ZDINp img {
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+}
+
+._Kzkzd > i {
+    color: #f9e517;
+    font-size: 25px;
+    margin-right: 10px;
+}
+
+._Q0sF1 {
+    max-height: calc(100vh - 200px);
+    overflow-y: auto;
+    margin-bottom: 8px;
+}
+
+._gu_yD {
+    font-weight: 550;
+    padding: 8px 16px;
+    border: 1px solid var(--custom-gray);
+    border-radius: 4px;
+    margin-bottom: 8px;
+    background-color: white;
+}
+
+._33tYy {
+    background-color: var(--custom-blue);
+    color: white;
+}
+
+._2VZin {
+    background: #fff;
+    border: 1px solid rgba(51, 51, 51, 0.1);
+    border-radius: 6px;
+    padding: 10px 17px;
+    margin-bottom: 10px;
+}
+
+._2VZin ._2M0vR{
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 13px;
+}
+
+._1d6uY {
+    margin-right: 10px;
+    position: relative;
+}
+
+._1d6uY:last-child {
+    margin-right: 0;
+}
+
+@media (max-width: 576px) {
+    ._2VZin{
+        width: 100%;
+    } 
+    ._2VZin > svg{
+        margin-left: auto;
+    }
+    ._1d6uY{
+        margin-right: 0;
+    }
+}
+
+._1XSIo {
+ position: absolute;
+ width:100%;
+ z-index: 100;
+}
+
+._3o8gR {
+  display: none;
+}
+
+._3ru37 {
+    background: #ffff;
+    border-radius: 4px;
+    min-width: 160px;
+    padding: 5px 0px 12px;
+    overflow: auto;
+    overflow-x: hidden;
+    border: 1px solid rgba(51, 51, 51, 0.1);
+    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
+}
+
+._1tQvL {
+    position: absolute;
+    opacity: 0;
+    visibility: hidden;
+}
+
+._1tQvL:checked + ._3VNX5::before {
+    border: 0.35rem solid #3c65e0;
+}
+
+._3VNX5::before {
+    display: inline-block;
+    content: "";
+    height: 1.25rem;
+    width: 1.25rem;
+    margin-right: 0.625rem;
+    border: 0.1rem solid #cccccc;
+    background: #fcfcfc;
+    border-radius: 50%;
+}
+
+._3VNX5 {
+    display: flex;
+    align-items: center;
+    margin: 15px 0;
+}
+
+._3VNX5 > p {
+    margin-bottom: 0;
+}
+
+._I8kqz {
+    position: absolute;
+    z-index: 999;
+}
+
+._3xuSa {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+
+._15ep6 {
+    display: flex;
+    width: 40%;
+    padding-bottom: 10px;
+}
+._1WxAe {
+    border-right: 1px solid #d8dbe0;
+    height: 100vh;
+    padding: 20px 0px 35px 0px;
+    margin: 0;
+}
+._3_Ed7 {
+    text-align: center;
+    margin-bottom: 25px;
+    cursor: pointer;
+    height: 260px;
+}
+
+._3_Ed7 h5 {
+    font-size: 15px;
+}
+._3uUiv {
+    height: 200px;
+    border-radius: 10px;
+    background: #fff;
+    box-shadow: 0px 0px 10px 5px  #cdcdcd;
+    margin-bottom: 12px;
+}
+._3_Ed7._3sodH ._3uUiv {
+    box-shadow: 0px 0px 10px 5px #3c65e0;
+}
+._3_Ed7._3sodH h5 {
+    font-size: 15px;
+    color: #3c65e0;
+}
+
+._Az5Kt {
+    padding: 15px;
+    display: flex;
+    border-bottom: 1px solid #d8dbe0;
+    position: sticky;
+    justify-content: space-between;
+    align-items: center;
+}
+._Az5Kt h5 {
+    font-size: 15px;
+    margin-bottom: 0px;
+}
+._1Jrg_ {
+    padding: 15px 20px;
+}
+._3DVMZ {
+  display: flex;
+  flex: 0 0 17%;
+  flex-direction: column;
+  margin-right: 2rem;
+}
+._3DVMZ > div {
+  border: 1px solid #eaeaea;
+}
+h6._3zOGW {
+  text-decoration: underline;
+  font-size: 13px;
+  cursor: pointer;
+}
+._3DQwX {
+  padding: 10px 0px 20px;
+    border-bottom: 1px solid #cdcdcd;
+}
+
+._1Jgr2 {
+  padding: 16px;
+  min-height: 530px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+  margin-bottom: 20px;
+}
+
+._3Thdy {
+  max-width: 200px;
+}
+
+._1WLBo {
+  font-size: 20px;
+}
+
+._10Pgm {
+  /* background: #E5E5E5; */
+}
+
+._3jPb_ {
+  font-size: 30px;
+}
+
+._1c43y {
+  color: #fc4747;
+}
+
+._F1afY {
+  color: #0dc16a;
+}
+
+._1kqUQ {
+  background: #f6f6f6;
+}
+
+._10hbz {
+  font-weight: bold;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+._2rmw_ {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 100%;
+  margin: 0;
+}
+
+._1tdQu {
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 14px;
+}
+
+._2BvFN {
+  font-weight: 400;
+  font-size: 10px;
+  line-height: 12px;
+}
+
+._10hbz,
+._2rmw_,
+._1tdQu,
+._2BvFN {
+  font-family: "Roboto", sans-serif;
+}
+
+._2TBTW {
+  margin: 10px 0;
+}
+
+._3XXJp {
+  width: 35px;
+  color: #0d9994;
+  text-align: center;
+}
+
+._LCuWQ {
+  background: #cef7f5;
+  color: #0d9994;
+  border-radius: 8px;
+}
+
+._3x9D7 {
+  color: #1da370;
+}
+
+._2In63 {
+  border: none;
+  background: #fff;
+}
+
+._1Vhg_ {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+._6yLxd {
+  min-width: 200px;
+  margin-bottom: 10px;
+  height: 100%;
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+  padding: 8px;
+  width: 100%;
+}
+
+._h74SO {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  padding: 0px 16px;
+}
+
+._3e2pi {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  max-width: 700px;
+}
+
+._ntUB6 {
+  min-width: 200px;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  height: 38px;
+}
+
+._1DlZ4 {
+  width: 220px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+  height: 38px;
+}
+
+._1tYDM {
+  max-width: 440px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+._3hSow {
+  background: #ffffff;
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+}
+
+._1yuC9 {
+  min-width: 255px;
+  flex-basis: 19%;
+}
+
+._1yuC9 ._10hbz {
+  font-family: 'Roboto';
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+._1yuC9:last-child {
+  padding: 20px 0px !important;
+}
+
+._1yuC9:last-child div {
+  width: 80%;
+  margin: 0 auto;
+}
+
+._2PMoX {
+  height: auto;
+  width: 100%;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+    max-height: 300px;
+}
+
+._2PMoX._3ZX0b {
+  height: 300px;
+  width: 100%;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+}
+
+._2asi- ._muT01 ._35BzZ {
+  font-size: 20px;
+}
+
+._2asi- {
+  overflow: hidden;
+  max-height: 470px;
+}
+
+@media (min-width: 1024px) {
+  ._3pkbc {
+    max-width: 60%;
+  }
+
+  ._16MpB {
+    max-width: 55%;
+  }
+}
+
+._CHu-i {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 116%;
+}
+
+._3Y-Dd {
+  overflow: hidden;
+  height: 416px;
+}
+
+@media (min-width: 2250px) {
+  ._3Y-Dd {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+@media (max-width: 720px) {
+  ._1YJnk {
+    padding-right: 20px;
+  }
+}
+
+
+/* new design; */
+._2eMbe {
+  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
+}
+
+._6ZvFg {
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+
+._24CNV._6ZvFg::after {
+  content: "";
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: block;
+  background: rgba(51, 51, 51, 0.1);
+}
+
+._6ZvFg ._2vtSi {
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 20px;
+  /* cursor: pointer; */
+}
+
+._IpsVf {}
+
+._IpsVf ._gzxWe {
+  color: "#B2B2B2";
+  font-size: 18px;
+}
+
+._2vtSi ._37IcR {
+  color: #D9D9D9;
+  display: flex;
+  align-items: center;
+}
+
+._2vtSi ._2G6Wz {
+  font-weight: 700;
+  font-size: 20px;
+  letter-spacing: 0.01em;
+  color: #262626;
+  font-family: "Roboto";
+}
+
+._2vtSi ._IpsVf {
+  /* display: flex;
+  align-items: center; */
+  display: block;
+}
+
+._3xpNv {
+  border-radius: 4px;
+  background: #ffff;
+}
+
+._3H5Ly {
+  padding: 6px 12px 6px 0px;
+  border-radius: 0 4px 4px 0;
+  background: #336DDA;
+  color: #fff;
+}
+
+._J_n-D {
+  padding: 5px 8px 7px 6px;
+  border-radius: 4px 0 0 4px;
+  background: #336DDA;
+}
+
+._2vtSi ._3AALV {
+  font-size: 16px;
+}
+
+._11Xjn {
+  cursor: pointer;
+}
+
+._2vtSi ._2htKu {
+  cursor: pointer;
+  transition: transform 333ms ease-out, color 333ms; 
+}
+
+._q1nUO {
+  transform: rotate(-180deg);
+}
+
+._s8xMf {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+}
+
+._tHUJ_ {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: -12px 0;
+  width: 100%;
+}
+
+._3xKHX {
+  text-align: center;
+  color: #242424;
+  font-style: normal;
+  font-weight: 600 !important;
+  font-size: 12px !important;
+  line-height: 18px !important;
+  margin-bottom: 25px !important;
+}
+
+._pFFg9 {
+  font-size: 16px;
+  font-weight: 700;
+  padding: 10px;
+  margin-bottom: 0 !important;
+  font-family: 'Montserrat-Bold' !important;
+}
+
+._pFFg9 > a {
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit!important;
+  color: inherit;
+}
+
+._pFFg9 > a:hover {
+  color: #336DDA;
+  text-decoration: underline;
+}
+
+._3hqV3 {
+  margin-left: 10px;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  color: #242424;
+  opacity: 0.4;
+}
+
+._3rdqX {
+  font-family: 'Poppins-SemiBold';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 32px;
+  margin-bottom: 0;
+}
+._nwv00 {
+  cursor: pointer;
+}
+._nwv00:hover {
+  transform: scale(1.2);
+  transition: transform .2s;
+}
+
+._29aQo {
+  padding: 10px;
+  border-radius: 8px;
+  border: none;
+  background: #242424;
+}
+
+._2SJIY {
+  color: #FFFFFF;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  margin: 0 0 10px;
+
+}
+
+._2lZv_ {
+  width: 4px;
+  height: 18px;
+  border-radius: 3px;
+  margin-right: 10px;
+}
+
+._8NzTd {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  height: 18px;
+  padding-right: 10px;
+}
+
+._1EP1I {
+  display: flex;
+  align-items: center;
+}
+
+._1J69a {
+  color: #FFFFFF;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  margin-right: 5px;
+  margin-bottom: 0;
+}
+
+._3-8OW {
+  color: #FFFFFF;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 0;
+}
+
+._2htKu svg {
+  width: 20px !important;
+  height: auto !important;
+}
+
+._2vtSi ._1qXAT {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #252733;
+}
+
+._3NgrB,
+._32fu3 {
+  background-color: #fff;
+}
+
+._3NgrB {
+  padding-bottom: 10px;
+}
+
+._3NgrB ._DmMzw {
+  padding-left: 10px;
+}
+
+._3NgrB ._1eUXn {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 2px;
+}
+
+._3NgrB ._3hrrC ._Q-iiW {
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
+  font-family: 'Roboto';
+}
+
+._3NgrB ._cD4ey {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+
+._3NgrB {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733 !important;
+  font-family: "Roboto";
+}
+
+._3NgrB ._2HWhv>label {
+  font-weight: 600;
+  font-size: 18px;
+  color: #252733 !important;
+  font-family: "Roboto";
+}
+
+._2Hdbu {
+  width: 100%;
+  padding: 20px;
+}
+
+._2Hdbu, ._3RJ2T {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+._3dK0P {
+  display: flex;
+  padding-right: 15px;
+  align-items: flex-start;
+  width: 100%;
+  max-width: 200px;
+}
+
+._1bHgZ {
+  margin-right: 10px;
+}
+
+._QwDVv {
+  padding-right: 5px;
+  display: flex;
+  align-items: center;
+}
+._1QgWc {
+  width: 100%
+}
+._348ls {
+  display: flex;
+  display: flex;
+  align-items: center;
+}
+._1VfnR {
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 18px;
+  font-family: 'Poppins-Bold';
+  margin-bottom: 0;
+}
+
+._3eW34 {
+  display: flex;
+  align-items: center;
+}
+
+._1bljF {
+  display: flex;
+  align-items: center;
+}
+._30y0h {
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 0;
+}
+
+._1HtM3 {
+  width: 8px;
+}
+._3qqQU {
+  font-size: 14px;
+  margin-right: 5px;
+  color: #0F9655;
+  fill: #0F9655;
+}
+._2Fgfn {
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  margin-right: 5px;
+  margin-bottom: 0;
+}
+._1yXO7 {
+  font-size: 14px;
+  margin-right: 5px;
+  color: #C44140;
+  fill: #C44140;
+}
+._2JNm- {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 10px;
+}
+
+._3hrrC {
+  padding-right: 50px;
+}
+._38ikt{
+  /* height: 410px; */
+}
+
+._38ikt ._1TnWs {
+  position: absolute;
+  right: 60px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 150px;
+}
+
+._38ikt ._1TnWs label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+  font-family: "Roboto";
+}
+
+._38ikt ._1TnWs span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
+  font-family: "Roboto";
+}
+
+._3BTJi ._1Ws0m {
+  margin-top: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+._3BTJi ._1Ws0m ._2HnO_ {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+._3BTJi ._1Ws0m ._1eUXn {
+  width: 12px;
+  height: 12px;
+  margin-right: 8px;
+  border-radius: 2px;
+}
+
+._3BTJi ._1Ws0m ._2BFJw {
+  padding-right: 8px;
+  color: #4d4d4d;
+  letter-spacing: 0.01em;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: "Roboto";
+}
+
+._2az-l {
+  padding-right: 10px;
+  padding-left: 10px;
+  padding-bottom: 10px;
+}
+
+._2az-l ._1TnWs {
+  position: absolute;
+  right: 35px;
+  top: 10px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 150px;
+}
+
+._2az-l ._1TnWs label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+  font-family: "Roboto";
+}
+
+._2az-l ._1TnWs span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
+  font-family: "Roboto";
+}
+
+._2j8fp {
+  position: relative;
+}
+
+._2j8fp ._1BN5z {
+  width: 100%;
+  bottom: 40px;
+  position: relative;
+
+}
+
+._2j8fp ._1rYav {
+  width: 80%;
+  margin: 35px auto 0px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+._2j8fp ._1rYav div {
+  font-family: "Roboto";
+  font-weight: 600;
+  font-size: 12px;
+}
+
+._2j8fp ._TPa6x {
+  padding-right: 50px;
+}
+
+._2j8fp ._3-zAs {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 20px;
+  padding: 0 50px;
+}
+
+._2j8fp ._3-zAs ._3RJ2T {
+  display: flex;
+  margin-right: 20px;
+  align-items: center;
+}
+
+._2j8fp ._3-zAs ._1eUXn {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 2px;
+}
+
+._2j8fp ._3-zAs ._Q-iiW {
+  font-family: "Roboto";
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
+  margin: 0;
+}
+
+._2j8fp ._3-zAs ._cD4ey {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+
+._2j8fp ._3-zAs {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733;
+  font-family: "Roboto";
+}
+
+._24PRg {
+  font-weight: 700;
+  font-size: 13px;
+  letter-spacing: 0.01em;
+  color: #252733;
+  font-family: "Roboto";
+  opacity: .56;
+  margin-top: 0;
+  margin-bottom: 0;
+  text-transform: uppercase;
+  font-size: 12px;
+}
+
+._2j8fp ._1PPhv {
+  position: absolute;
+  right: 20px;
+  top: 41px;
+}
+
+._2ZL2A {
+  color: #D3D3D3;
+  font-size: 14px;
+}
+
+._2j8fp ._1PPhv ._1rjWR {
+  margin-bottom: 18px;
+  font-weight: 400;
+  font-size: 13px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #D3D3D3;
+}
+
+._2j8fp ._f-Ti4 {
+  position: relative;
+}
+
+._1hZ_V {
+  width: 100%;
+  text-align: center;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: right;
+  letter-spacing: 0.01em;
+  color: #808080;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: "Roboto";
+}
+
+
+._3L9WC {
+  font-size: 24px;
+  font-weight: 700;
+  margin-bottom: 5px !important;
+  font-family: "Roboto";
+}
+
+._1TFtP {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px !important;
+}
+
+._37aqf {
+  display: flex !important;
+  align-items: center;
+}
+
+._1iabV {
+  font-size: 16px;
+  font-weight: 400;
+  font-family: "Roboto";
+}
+
+._1eQAg {
+  background-color: #28BE76;
+}
+._38ikt ._pFFg9{
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #808080;
+  margin-bottom: 20px;
+  font-family: "Roboto";
+}
+
+
+._1eqkj {
+  position: absolute;
+  /* opacity: 0; */
+  z-index: -999;
+  bottom: -100vh;
+  right: -100vw;
+  width: 260px;
+  height: 75px;
+}
+
+._1eqkj > img {
+  width: 100%;
+  height: auto;
+  margin-top: -10px;
+}
+
+._2IQ8b {
+  position: fixed;
+  z-index: -9999;
+  width: 800px;
+  opacity: 0;
+  bottom: -100vh;
+  right: -100vw;
+  & > div {
+    width: 100%;
+    & > div {
+      width: 100%;
+    }
+  }
+}
+
+._sQ21k {
+  position: absolute;
+  z-index: -999;
+  right: 0;
+  display: flex;
+  align-items: center;
+}
+
+._3Eas5 {
+  max-height: 430px;
+}
+
+._1tKnn{
+  display: none;
+}
+
+@media (max-width: 374px) {
+  ._CHu-i {
+    font-size: 18px;
+  }
+  ._CHu-i + img {
+    width: 36px;
+    height: 36px;
+  }
+}
+
+@media (max-width: 576px) {
+  ._10Pgm{
+    padding: 0 10px;
+  }
+
+  ._2j8fp ._TPa6x {
+    padding-right: 10px;
+  }
+
+  ._2j8fp ._1PPhv {
+    display: none;
+  }
+
+  ._1tKnn{
+    display: block;
+    background: #ffffff;
+    border: 1px solid #ebeff2;
+    box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+    border-radius: 8px;
+  }
+
+  ._1Zuq3{
+    gap: 6px;
+  }
+
+  ._2Hdbu {
+    gap: 8px;
+  }
+
+  ._3dK0P {
+    max-width: 150px;
+  }
+
+  ._348ls {
+    align-items: baseline;
+  }
+}
+
+@media (min-width: 577px) and (max-width: 992px){
+  ._1i0El {
+    gap: 8px;
+  }
+  
+  ._2Hdbu {
+    gap: 8px;
+  }
+}
+._3U9cF {
+  padding: 16px;
+  min-height: 530px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+  margin-bottom: 20px;
+}
+
+._3lYP4 {
+  max-width: 200px;
+}
+
+._EIKHR {
+  font-family: 'Roboto' !important;
+  font-weight: 400;
+  margin-top: 2px;
+}
+._3waCS {
+  font-size: 20px;
+}
+
+._Dr0mP > div > div > div > div:first-child > p {
+  font-size: 20px
+}
+
+._2aFDQ > div > div:nth-child(2) > div{
+  width: unset!important;
+}
+
+._36sKX {
+  font-size: 30px;
+}
+
+._1TjNf {
+  color: #fc4747;
+}
+
+._i4rwq {
+  color: #0dc16a;
+}
+
+._BlYR7 {
+  background: #f6f6f6;
+}
+
+._3fBK1 {
+  font-weight: bold;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+._2w6yc {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 100%;
+  margin: 0;
+}
+
+._1aq6C {
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 14px;
+}
+
+._2lX51 {
+  font-weight: 400;
+  font-size: 10px;
+  line-height: 12px;
+}
+
+._3fBK1,
+._2w6yc,
+._1aq6C,
+._2lX51 {
+  font-family: "Roboto", sans-serif;
+}
+
+._jGO7A {
+  margin: 10px 0;
+}
+
+._2dXys {
+  width: 35px;
+  color: #0d9994;
+  text-align: center;
+}
+
+._3-8WB {
+  background: #cef7f5;
+  color: #0d9994;
+  border-radius: 8px;
+}
+
+._5QHKk {
+  color: #1da370;
+}
+
+._2UyJG {
+  border: none;
+  background: #fff;
+}
+
+._1SL-6 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+._pKQ8e {
+  min-width: 200px;
+  margin-bottom: 10px;
+  height: 100%;
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+  padding: 8px;
+  width: 100%;
+}
+
+._2eZGm {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  padding: 0px 16px;
+}
+
+._dz04Q {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  max-width: 700px;
+}
+
+._OhjkA {
+  min-width: 200px;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  height: 38px;
+}
+
+._-q4tF {
+  width: 220px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+  height: 38px;
+}
+
+._nukn6 {
+  max-width: 440px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+._2ysrj {
+  background: #ffffff;
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+}
+
+._37HdU {
+  min-width: 255px;
+  flex-basis: 19%;
+}
+
+._37HdU ._3fBK1 {
+  font-family: 'Roboto';
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+._37HdU:last-child {
+  padding: 20px 0px !important;
+}
+
+._37HdU:last-child div {
+  width: 80%;
+  margin: 0 auto;
+}
+
+._-jYtE {
+  height: auto;
+  width: 100%;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+    max-height: 300px;
+}
+
+._-jYtE._2FOHk {
+  height: 300px;
+  width: 100%;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+}
+
+._38Xgv ._3m9ET ._3QJAM {
+  font-size: 20px;
+}
+
+._38Xgv {
+  overflow: hidden;
+  max-height: 470px;
+}
+
+@media (min-width: 1024px) {
+  ._11W3J {
+    max-width: 60%;
+  }
+
+  ._2-frJ {
+    max-width: 55%;
+  }
+}
+
+._1_YyD {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 116%;
+}
+
+._xbK6p {
+  overflow: hidden;
+  height: 416px;
+}
+
+@media (min-width: 2250px) {
+  ._xbK6p {
+    /* width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center; */
+  }
+}
+
+@media (max-width: 720px) {
+  ._11sYZ {
+    padding-right: 20px;
+  }
+}
+
+
+/* new design; */
+._rFfwe {
+  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
+}
+
+._zLI7s {
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+  padding: 10px 0px;
+}
+
+._OoZLR._zLI7s::after {
+  content: "";
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: block;
+  background: rgba(51, 51, 51, 0.1);
+}
+
+._zLI7s ._3mzht {
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 20px;
+  /* cursor: pointer; */
+}
+
+._2gXQT {}
+
+._2gXQT ._3XABq {
+  color: "#B2B2B2";
+  font-size: 18px;
+}
+
+._3mzht ._1FHsv {
+  color: #D9D9D9;
+  display: flex;
+  align-items: center;
+}
+
+._3mzht ._2JBD5 {
+  font-weight: 700;
+  font-size: 18px;
+  letter-spacing: 0.01em;
+  color: #262626;
+  font-family: "Roboto";
+}
+
+._3mzht ._2gXQT {
+  display: flex;
+  align-items: center;
+}
+
+._2OEd7 {
+  border-radius: 4px;
+  background: #ffff;
+}
+
+._2nyRe {
+  padding: 6px 12px 6px 0px;
+  border-radius: 0 4px 4px 0;
+  background: #336DDA;
+  color: #fff;
+}
+
+._31EdD {
+  padding: 5px 8px 7px 6px;
+  border-radius: 4px 0 0 4px;
+  background: #336DDA;
+}
+
+._3mzht ._TmymT {
+  font-size: 16px;
+}
+
+._3X_ow {
+  cursor: pointer;
+}
+
+._3mzht ._1qdL4 {
+  cursor: pointer;
+}
+
+._1qdL4 svg {
+  width: 20px !important;
+  height: auto !important;
+}
+
+._3mzht ._PghQI {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #252733;
+}
+
+._12jqi,
+._2rwg5 {
+  background-color: #fff;
+}
+
+._12jqi {
+  padding-bottom: 10px;
+}
+
+._12jqi ._3iwnG {
+  padding-left: 10px;
+}
+
+._12jqi ._rKYWD {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 2px;
+}
+
+._12jqi ._n_lnI ._3hlTa {
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
+  font-family: 'Roboto';
+}
+
+._12jqi ._1LGIl {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+
+._12jqi ._EIKHR {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733 !important;
+  font-family: "Roboto";
+}
+
+._12jqi ._1mr1m>label {
+  font-weight: 600;
+  font-size: 18px;
+  color: #252733 !important;
+  font-family: "Roboto";
+}
+
+._E_ciE {
+  width: 100%;
+  padding: 20px;
+}
+
+._E_ciE ._27ojF {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+._n_lnI {
+  padding-right: 50px;
+}
+._2KJYt{
+  /* height: 410px; */
+}
+
+._2KJYt ._hEgnv {
+  position: absolute;
+  right: 60px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 150px;
+}
+
+._2KJYt ._hEgnv label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+  font-family: "Roboto";
+}
+
+._2KJYt ._hEgnv span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
+  font-family: "Roboto";
+}
+
+._34-k0 ._119UL {
+  margin-top: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+._34-k0 ._119UL ._tlvnI {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+._34-k0 ._119UL ._rKYWD {
+  width: 12px;
+  height: 12px;
+  margin-right: 8px;
+  border-radius: 2px;
+}
+
+._34-k0 ._119UL ._2Ehxf {
+  padding-right: 8px;
+  color: #4d4d4d;
+  letter-spacing: 0.01em;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: "Roboto";
+}
+
+._L1RnZ {
+  padding-right: 10px;
+  padding-left: 10px;
+  padding-bottom: 10px;
+}
+
+._L1RnZ ._hEgnv {
+  position: absolute;
+  right: 35px;
+  top: 10px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 150px;
+}
+
+._L1RnZ ._hEgnv label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+  font-family: "Roboto";
+}
+
+._L1RnZ ._hEgnv span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
+  font-family: "Roboto";
+}
+
+._18zab {
+  position: relative;
+}
+
+._18zab ._1NRsG {
+  width: 100%;
+  bottom: 40px;
+  position: relative;
+
+}
+
+._18zab ._1jDpB {
+  width: 80%;
+  margin: 35px auto 0px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+._18zab ._1jDpB div {
+  font-family: "Roboto";
+  font-weight: 600;
+  font-size: 12px;
+}
+
+._18zab ._93MRp {
+  display: flex;
+  justify-content: center;
+  position: relative;
+  bottom: 20px;
+}
+
+._18zab ._93MRp ._27ojF {
+  display: flex;
+  margin-right: 20px;
+  align-items: center;
+}
+
+._18zab ._93MRp ._rKYWD {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 2px;
+}
+
+._18zab ._93MRp ._3hlTa {
+  font-family: "Roboto";
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
+  margin: 0;
+}
+
+._18zab ._93MRp ._1LGIl {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+
+._18zab ._93MRp ._EIKHR {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733;
+  font-family: "Roboto";
+}
+
+._18zab ._3ipHU {
+  position: absolute;
+  right: 22px;
+  top: 20px
+}
+
+._18zab ._3ipHU ._35mGN {
+  margin-bottom: 22.5px;
+  font-weight: 400;
+  font-size: 12px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #9a9a9a;
+  font-family: "Roboto";
+}
+
+._18zab ._1769M {
+  position: relative;
+}
+
+._18zab ._ton1p {
+  padding-right: 50px;
+}
+
+._2LTMk {
+  width: 100%;
+  text-align: center;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: right;
+  letter-spacing: 0.01em;
+  color: #808080;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: "Roboto";
+}
+
+
+._3f2-D {
+  font-size: 24px;
+  font-weight: 700;
+  margin-bottom: 5px !important;
+  font-family: "Roboto";
+}
+
+._19k86 {
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 5px !important;
+}
+
+._2ZpLB {
+  display: flex !important;
+  align-items: center;
+}
+
+._jLDZ4 {
+  font-size: 16px;
+  font-weight: 400;
+  font-family: "Roboto";
+}
+
+._2sMK7 {
+  background-color: #28BE76;
+}
+._2KJYt ._1E7vX{
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #808080;
+  margin-bottom: 20px;
+  font-family: "Roboto";
+}
+
+
+._3Xggx {
+  position: absolute;
+  /* opacity: 0; */
+  z-index: -999;
+  left: 0;
+  top: 0;
+}
+
+._3Xggx > img {
+  /* width: 100%; */
+  /* height: 100%; */
+  /* object-fit: cover; */
+}
+
+._3zQW_ {
+  position: absolute;
+  z-index: -9999;
+  width: 1792px;
+  opacity: 0;
+  top: -35px;
+  left: -630px;
+}
+
+._34-k0 {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  justify-content: space-between;
+}
+._34-k0 ._2HMn5 {
+  width: 100%;
+}
+._34-k0 ._xbK6p {
+  width: 100%;
+  @media only screen and (min-width: 1200px) and (max-width: 1280px) {
+      /* height: 55%; */
+      /* bottom: 86px; */
+  }
+}
+._1qtzK, ._g4q-z, ._9ibzA {
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  border-radius: 20px;
+  padding: 10px;
+  margin-left: unset !important;
+  margin-right: unset !important;
+}
+
+._1E7vX {
+  font-size: 20px;
+  font-weight: 700;
+  padding: 10px;
+  margin-bottom: 0 !important;
+  font-family: 'Montserrat-Bold' !important;
+}
+
+._1s7DG {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+
+._12jqi,
+._2rwg5 {
+    background-color: #fff;
+}
+
+._12jqi {
+    padding-bottom: 10px;
+    width: 100%;
+}
+
+._12jqi ._3iwnG {
+    padding-left: 10px;
+}
+
+._n_lnI {
+    padding-right: 50px;
+}
+
+._12jqi ._rKYWD {
+    width: 10px;
+    height: 10px;
+    margin-right: 5px;
+    border-radius: 2px;
+}
+
+._12jqi ._n_lnI ._3hlTa {
+    font-weight: 400;
+    font-size: 14px;
+    letter-spacing: 0.01em;
+    color: #4d4d4d;
+    margin-bottom: 0;
+    font-family: "Roboto";
+}
+
+._12jqi ._1LGIl {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 10px;
+}
+
+._12jqi ._EIKHR {
+    font-weight: 400;
+    font-size: 16px;
+    letter-spacing: 0.01em;
+    color: #252733 !important;
+    font-family: "Roboto";
+}
+
+._12jqi ._1mr1m > label {
+    font-weight: 600;
+    font-size: 18px;
+    color: #252733 !important;
+    font-family: "Roboto";
+}
+
+._E_ciE {
+  width: 100%;
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+._E_ciE ._27ojF {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+._5wSJP {
+  display: flex;
+  padding-right: 15px;
+  
+}
+
+._5wSJP ._1h1ro {
+  padding-right: 5px;
+  display: flex;
+  align-items: center;
+}
+
+
+._EIKHR {
+  font-family: "Roboto" !important;
+  font-weight: 400;
+  margin-top: 2px;
+}
+._2MTrM {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+._2MTrM ._2kriq {
+  display: flex;
+  align-items: center;
+}
+
+._2MTrM ._jOIdn {
+  width: 15px;
+  height: 15px;
+  border-radius: 2px;
+  margin-right: 5px;
+}
+
+._1bZCU{
+  display: none;
+}
+
+@media (max-width: 576px) {
+  ._2n_zv{
+    padding: 0 10px;
+  }
+
+  ._1bZCU{
+    display: block;
+    background: #ffffff;
+    border: 1px solid #ebeff2;
+    box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+    border-radius: 8px;
+  }
+
+  ._FjhpG{
+    gap: 6px;
+  }
+
+  ._4SQcs{
+    gap: 8px;
+  }
+
+  ._5wSJP{
+    padding-right: 6px;
+    width: 100%;
+    max-width: 130px;
+    align-items: start;
+  }
+
+  ._5wSJP label {
+    display: flex;
+    align-items: center;
+  }
+
+  ._n_lnI{
+    padding-right: 6px;
+    width: 100%;
+    max-width: 130px;
+  }
+
+  ._n_lnI > ._27ojF{
+    justify-content: start;
+    align-items: baseline;
+  }
+
+  ._n_lnI label {
+    display: flex;
+    align-items: center;
+  }
+  
+}
+
+@media (min-width: 577px) and (max-width: 768px) {
+  ._2n_zv{
+    padding: 0 15px;
+  }
+}
+
+@media (max-width: 768px) {
+  ._34-k0{
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  ._xbK6p {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  ._2MTrM{
+    gap: 20px;
+  }
+} 
+
+@media (min-width: 577px) and (max-width: 1023px) {
+  ._5wSJP{
+    padding-right: 0;
+    width: 100%;
+    max-width: 180px;
+  }
+  ._5wSJP label {
+    display: flex;
+    align-items: center;
+  }
+  ._n_lnI{
+    padding-right: 0;
+    width: 100%;
+    max-width: 130px;
+  }
+  ._n_lnI > ._27ojF{
+    justify-content: start;
+  }
+  ._n_lnI label {
+    display: flex;
+    align-items: center;
+  }
+}
+
+@media (min-width: 2100px) {
+  ._2MTrM{
+    gap: 50px;
+    justify-content: start;
+    margin-left: 78px;
+  }
 }