.App { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.App { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.App { flex-basis: unset; }
}


.m9jcdqbzb { height: 1162px; left: 0; top: 0; width: 100vw; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.m9jcdqbzb { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.m9jcdqbzb { flex-basis: unset; }
}


.mjb9ylem { height: 665px; left: 0; top: 0; width: 300px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9ylem { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9ylem { flex-basis: unset; }
}


.mjb9pvwb { cursor: inherit; height: 656px; left: 0; top: 0; width: 79.8%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #101828; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9pvwb { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9pvwb { flex-basis: unset; }
}


.mjb9t9yu { cursor: inherit; height: 50px; left: 0; top: 0; width: 50px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9t9yu { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9t9yu { flex-basis: unset; }
}


.mjb9t8xr { cursor: inherit; height: 50px; left: 0; top: 0; width: 50px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9t8xr { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9t8xr { flex-basis: unset; }
}


.mjb9t811 { cursor: inherit; height: 50px; left: 0; top: 0; width: 50px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9t811 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9t811 { flex-basis: unset; }
}


.mjb9q571 { cursor: inherit; height: 100px; left: 0; top: 0; width: 100px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mjb9q571 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mjb9q571 { flex-basis: unset; }
}


.mj9oeif6 { cursor: inherit; height: 101px; left: 0; top: 0; width: 79.8%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #eef7ff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj9oeif6 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj9oeif6 { flex-basis: unset; }
}


.mj9oenpb { cursor: inherit; height: 200px; left: 102px; top: 0px; width: 80%; max-width: unset; min-width: unset; position: absolute; right: unset; bottom: unset; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(238,247,255,0.5); border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj9oenpb { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj9oenpb { flex-basis: unset; }
}


.mj9or2u2 { cursor: inherit; height: 40px; left: 0; top: 0; width: 121px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #1598ff; border-style: None; border-color: transparent; border-radius: 10px; border-width: 0px; color: #ffffff; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj9or2u2 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj9or2u2 { flex-basis: unset; }
}


.mj9oer2l { cursor: inherit; height: 200px; left: 0; top: 0; width: 40%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(27,113,190,1); border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj9oer2l { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj9oer2l { flex-basis: unset; }
}


.mj6ykw1n { cursor: inherit; height: 195px; left: 0; top: 0; width: 79.8%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #eef7ff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj6ykw1n { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj6ykw1n { flex-basis: unset; }
}


.mj6yl3cm { cursor: inherit; height: 375px; left: 0; top: 0; width: 80%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(43,102,155,1); border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj6yl3cm { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj6yl3cm { flex-basis: unset; }
}


.mj6ylchb { height: 80%; left: 0; top: 0; width: 80%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: auto; gap: 0px; padding: 0px 0px 0px 0px; margin: 60px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj6ylchb { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj6ylchb { flex-basis: unset; }
}


.mj6ylci0 { height: 200px; left: 0; top: 0; width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #eef7ff; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj6ylci0 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj6ylci0 { flex-basis: unset; }
}


.mj6yn87t { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #000000; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; opacity: 1; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.mj6yn87t { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.mj6yn87t { flex-basis: unset; }
}


.cp_d97700a3 { cursor: pointer; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #000000; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; opacity: 1; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_d97700a3 { flex-basis: unset; }
}
@media (min-width: 601px) and (max-width: 809px) {.cp_d97700a3 { flex-basis: unset; }
}