#___gatsby {
  overflow-x: hidden;
}
main {
  color: #f4f4f4;
  background-color: #061121;
}

.logo_img {
  overflow: hidden;
  border-radius: 8px;
}

/*nav ++++++++++++++++++++++*/
.css-lm4vp4 {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #061121;
  width: 100%;
  height: 92px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-1qcmtzh {
  box-sizing: border-box;
  -webkit-box-align: center;
  align-items: center;
  margin: -8px;
  display: flex;
}
.vpn-wrapper {
  display: flex;
  height: 100%;
  position: relative;
  color: #fff;
  margin-right: 20px;
  cursor: pointer;
  margin-top: -4px;
  font-weight: 500 !important;
}
.vpn-wrapper.mo {
  color: #000;
}
.vpn-wrapper.mo .vpn-item-wrap {
  background: rgba(91, 91, 122, .5);
  left: 0;
  margin-left: 0;
}
.vpn-item-wrap {
  margin-top: 10px;
  position: absolute;
  display: none;
  flex-direction: column;
  left: 50%;
  top: 100%;
  margin-left: -90px;
  width: 180px;
  height: 90px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .3);
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}
.vpn-item-wrap.active {
  display: flex;
}
.vpn-item {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vpn-item:hover {
  background: #119dff;
}
.vpn-btn {
  font-size: 18px;
}
.css-yfl02b {
  box-sizing: border-box;
  margin: 0px;
  padding: 8px;
}
.css-61525f {
  box-sizing: border-box;
  margin: 0px;
  width: 44px;
  height: 44px;
}
.css-1r1ydpx {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 768px) {
  .css-1r1ydpx {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1r1ydpx {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-1x3stm3 {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-lo01dc {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-1c88r02 {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 48px;
  display: none;
}
@media screen and (min-width: 768px) {
  .css-1c88r02 {
    display: none;
  }
}
@media screen and (min-width: 1128px) {
  .css-1c88r02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.css-n16gpv {
  box-sizing: border-box;
  margin: 0;
  margin-right: 80px;
}
.css-y1wu3j {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
.childMe {
  opacity: 0;
  display: none;
  transition: opacity 0.5s;
}
.css-1e3wvxj {
  background-color: #f4f4f4;
}
.css-195rfle {
  box-sizing: border-box;
  margin: 0px;
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: 99;
  transform: translateX(-50%) translateX(-4px);
}
.css-1y5lpis {
  box-sizing: border-box;
  margin: 8px 0px -1px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 8px;
  display: flex;
}
.css-1cv4vgp {
  box-sizing: border-box;
  margin: 0px;
  font-size: 27px;
  color: #f4f4f4;
  display: inline-flex;
}
.css-p15byf {
  box-sizing: border-box;
  margin: 0px;
  background-color: #f4f4f4;
  opacity: 1;
  max-width: 100vw;
  overflow: hidden;
  border-radius: 4px;
  transform: translateX(0px);
}
.css-w52cab {
  box-sizing: border-box;
  margin: 0px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.css-1q9cbxg {
  box-sizing: border-box;
  margin: 0px 0px 24px;
}
.css-1w2mdil {
  box-sizing: border-box;
  margin: 0px;
  padding-left: 48px;
  padding-right: 48px;
  color: #000000;
  white-space: nowrap;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: -0.1px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1w2mdil {
    font-size: 17px;
    line-height: 135%;
    letter-spacing: 0.01em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1w2mdil {
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-zg7obb {
  box-sizing: border-box;
  margin: 0;
  color: #F4F4F4;
  font-size: 18px;
  line-height: 120%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 500;
  margin-top: -4.5px;
  /* -webkit-transform: translateY(4.5px);
   -ms-transform: translateY(4.5px);
   transform: translateY(4.5px);*/
}
@media screen and (min-width: 768px) {
  .css-zg7obb {
    font-size: 18px;
    line-height: 130%;
    -webkit-letter-spacing: 0px;
    -moz-letter-spacing: 0px;
    -ms-letter-spacing: 0px;
    letter-spacing: 0px;
    font-weight: 500;
    margin-top: -4.5px;
    /* -webkit-transform: translateY(4.5px);
     -ms-transform: translateY(4.5px);
     transform: translateY(4.5px);*/
  }
}
@media screen and (min-width: 1128px) {
  .css-zg7obb {
    font-size: 18px;
    line-height: 125%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 500;
    margin-top: -4.5px;
    /* -webkit-transform: translateY(4.5px);
     -ms-transform: translateY(4.5px);
     transform: translateY(4.5px);*/
  }
}
.css-1h3m2lu {
  box-sizing: border-box;
  margin: 0;
  margin-right: 32px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.css-1rqk9eh {
  box-sizing: border-box;
  margin: 0;
  font-size: 8px;
  margin-left: 8px;
  color: #F4F4F4;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-wjqf6w {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
.css-cmmp48 {
  box-sizing: border-box;
  margin: 0;
  height: 18px;
  cursor: pointer;
}
.css-10tulko {
  box-sizing: border-box;
  margin: 0;
  font-size: 18px;
  color: #7D7D7D;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-1tdi0yc {
  box-sizing: border-box;
  margin: 0;
  margin-left: 16px;
  display: block;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .css-1tdi0yc {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .css-1tdi0yc {
    display: block;
  }
}
@media screen and (min-width: 1128px) {
  .css-1tdi0yc {
    display: none;
  }
}
.css-18a259n {
  box-sizing: border-box;
  margin: 0;
  font-size: 22px;
  color: #D1D0D1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-rs935g {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  transform: translateX(100%) translateZ(0px);
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.rs935g-show {
  transform: translateX(0) translateZ(0px);
  opacity: 1;
}
.css-i6ahee {
  box-sizing: border-box;
  margin: 0px;
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.css-113addb {
  box-sizing: border-box;
  background-color: #f4f4f4;
  width: 100%;
  position: sticky;
  top: 0px;
  z-index: 1;
  max-width: 1128px;
  margin: 0px auto;
  padding-left: 24px;
  padding-right: 24px;
}
.css-1rfg8nw {
  box-sizing: border-box;
  margin: 0px 0px 32px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 92px;
  display: flex;
}
.css-123aog3 {
  box-sizing: border-box;
  margin: 0;
  width: 136px;
}
.css-2ausnq {
  box-sizing: border-box;
  margin: 0px 0px 0px 16px;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0px;
  text-align: left;
}
.css-sqgpqv {
  box-sizing: border-box;
  margin: 0px;
  font-size: 20px;
  color: #0e213b;
  display: inline-flex;
}
.css-1v866uh {
  box-sizing: border-box;
  margin: 0px;
  width: 0%;
  padding-left: 8px;
  padding-right: 8px;
}
.css-1s8yf4x {
  box-sizing: border-box;
  margin: 0px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.css-1jesw78 {
  box-sizing: border-box;
  margin: 0px 0px 32px;
}
.css-18nvot7 {
  box-sizing: border-box;
  margin: -4.5px 0px 0px;
  color: #000000;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0em;
  font-weight: 500;
  transform: translateY(4.5px);
}
.css-1us3dst {
  box-sizing: border-box;
  margin: 0px;
  font-size: 8px;
  color: #0e213b;
  display: inline-flex;
}
.css-vmrlnj {
  box-sizing: border-box;
  margin: 0px 0px 56px;
}
.css-1hde1v3 {
  box-sizing: border-box;
  margin: 0px;
  z-index: 199;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.css-4ge4a4 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  position: relative;
  display: flex;
}
.css-dkwlgd {
  box-sizing: border-box;
  margin: 0px auto;
  background-color: #f4f4f4;
  width: 327px;
  max-height: 100%;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .css-dkwlgd {
    width: 500px;
  }
}
@media screen and (min-width: 1128px) {
  .css-dkwlgd {
    width: 530px;
  }
}
.css-1cczutd {
  box-sizing: border-box;
  margin: 12px 24px 0px;
}
@media screen and (min-width: 768px) {
  .css-1cczutd {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1cczutd {
    margin-left: 32px;
    margin-right: 32px;
  }
}
.css-vr3wpg {
  box-sizing: border-box;
  margin: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .css-vr3wpg {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media screen and (min-width: 1128px) {
  .css-vr3wpg {
    margin-left: 32px;
    margin-right: 32px;
  }
}
.css-8o4pi1 {
  box-sizing: border-box;
  margin: 0px 0px 16px;
  display: flex;
  width: 50%;
  flex-shrink: 0;
}
.css-d900is {
  box-sizing: border-box;
  margin: 0px 16px 0px 0px;
  align-self: stretch;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #129dff;
  min-width: 2px;
  height: 44px;
}
.css-1e3wvxj {
  box-sizing: border-box;
  margin: 0px;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0px;
  text-align: left;
}
.css-14zx3xd {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .css-14zx3xd {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-14zx3xd {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.css-ajf826 {
  box-sizing: border-box;
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-ajf826 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-ajf826 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-1e1bzng {
  box-sizing: border-box;
  margin: 0px;
  color: #000000;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: -0.1px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1e1bzng {
    font-size: 17px;
    line-height: 135%;
    letter-spacing: 0.01em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1e1bzng {
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-un01ac {
  box-sizing: border-box;
  margin: 24px 0px 0px 24px;
  height: 35px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .css-un01ac {
    margin-left: 32px;
  }
}
@media screen and (min-width: 1128px) {
  .css-un01ac {
    margin-left: 32px;
  }
}
.css-1egd8y1 {
  box-sizing: border-box;
  margin: 0px 0px 32px;
  color: #0e213b;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: -0.1px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1egd8y1 {
    font-size: 17px;
    line-height: 135%;
    letter-spacing: 0.01em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1egd8y1 {
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.imgBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.logo_img {
  height: 38px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .logo_img {
    height: 32px;
    width: auto;
  }
}
.logo_text {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  margin-left: 5px;
}
.logo_text1 {
  color: #129DFF;
  font-size: 30px;
  line-height: 1;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .logo_text {
    font-size: 24px;
  }
  .logo_text1 {
    font-size: 24px;
  }
}
/*nav end ++++++++++++++++++++++++++++++++++++++++*/
/*main ++++++++++++++++++++++++*/
.css-10r4g8b {
  box-sizing: border-box;
  margin: 0;
  background-color: #061121;
  padding-top: 120px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .css-10r4g8b {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1128px) {
  .css-10r4g8b {
    padding-top: 184px;
    padding-bottom: 128px;
  }
}
.css-1jxx14f {
  box-sizing: border-box;
  margin: 0;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 768px) {
  .css-1jxx14f {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1jxx14f {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-1ubwiwq {
  box-sizing: border-box;
  margin: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .css-1ubwiwq {
    text-align: center;
    margin-bottom: 48px;
    max-width: 589px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ubwiwq {
    max-width: 996px;
  }
}
.css-1gy6j4f {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1gy6j4f {
    font-size: 48px;
    line-height: 125%;
    -webkit-letter-spacing: -0.65px;
    -moz-letter-spacing: -0.65px;
    -ms-letter-spacing: -0.65px;
    letter-spacing: -0.65px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1gy6j4f {
    font-size: 74px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-t8u6ip {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  color: #f4f4f4;
}
.css-f80gmk {
  overflow: hidden;
}
.css-f80gmk > div {
  transform: translateY(0px) translateZ(0px);
  transition: transform 0.4s;
}
.css-gavgb {
  box-sizing: border-box;
  margin: 0px;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0px;
}
.css-1bwgo2x {
  box-sizing: border-box;
  margin: 0;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
}
.css-lwvuoh {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 72px;
}
@media screen and (min-width: 768px) {
  .css-lwvuoh {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1128px) {
  .css-lwvuoh {
    margin-bottom: 88px;
  }
}
.css-5i8ezw {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  height: 432px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-5i8ezw {
    height: 810px;
  }
}
.css-3jimqs {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.css-1ju7k2l {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 24px;
  width: 212px;
  height: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .css-1ju7k2l {
    width: 396px;
  }
}
.css-ctig83 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 0;
  max-width: auto;
}
@media screen and (min-width: 768px) {
  .css-ctig83 {
    max-width: 166px;
  }
}
@media screen and (min-width: 1128px) {
  .css-ctig83 {
    max-width: 300px;
  }
}
.css-i6zl3h {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-i6zl3h {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1128px) {
  .css-i6zl3h {
    margin-top: 72px;
  }
}
.css-1ya9ozv {
  box-sizing: border-box;
  margin: 0;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  -webkit-letter-spacing: 0.02em;
  -moz-letter-spacing: 0.02em;
  -ms-letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-color: #F4F4F4;
  background-color: transparent;
  color: white;
}
@media screen and (min-width: 768px) {
  .css-1ya9ozv {
    font-size: 16px;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: 600;
    border-width: 0.5px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ya9ozv {
    font-size: 21px;
    -webkit-letter-spacing: 0.02em;
    -moz-letter-spacing: 0.02em;
    -ms-letter-spacing: 0.02em;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-1ya9ozv:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.css-6gp5l0 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-6gp5l0 {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.css-iz7pdd {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 56px;
  max-width: auto;
}
@media screen and (min-width: 768px) {
  .css-iz7pdd {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-iz7pdd {
    max-width: 166px;
  }
}
@media screen and (min-width: 1128px) {
  .css-iz7pdd {
    max-width: 300px;
  }
}
.css-pphcu3 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 16px;
  color: #D1D0D1;
  font-size: 22px;
  line-height: 125%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-pphcu3 {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1128px) {
  .css-pphcu3 {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .css-pphcu3 {
    font-size: 21px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-pphcu3 {
    font-size: 32px;
    line-height: 125%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-13kgvb0 {
  box-sizing: border-box;
  margin: 0;
  color: #D1D0D1;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-13kgvb0 {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-13kgvb0 {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-rdv4nm {
  box-sizing: border-box;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .css-rdv4nm {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .css-rdv4nm {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.css-itx7bf {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-itx7bf {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.css-pbeomu {
  box-sizing: border-box;
  margin: 0;
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  background-color: #129DFF;
}
.css-14wjzgn {
  font-size: 12px;
  color: #F4F4F4;
}
.css-1aq5v7h {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  color: #F4F4F4;
}
.css-dv0t9s {
  box-sizing: border-box;
  margin: 0;
  color: #D1D0D1;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .css-dv0t9s {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
    /* margin-top: -3.5px;
     -webkit-transform: translateY(3.5px);
     -ms-transform: translateY(3.5px);
     transform: translateY(3.5px);*/
  }
}
@media screen and (min-width: 1128px) {
  .css-dv0t9s {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
    /*  margin-top: -5px;
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      transform: translateY(5px);*/
  }
}
.css-1sjdm34 {
  box-sizing: border-box;
  margin: 0;
  color: #129DFF;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-1sjdm34 {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-1sjdm34 {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-y4f8is {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-y4f8is {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .css-y4f8is {
    margin-bottom: 48px;
  }
}
.css-2pbnrw {
  box-sizing: border-box;
  margin: 0;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-2pbnrw {
    margin-right: 16px;
  }
}
.css-fnldus {
  box-sizing: border-box;
  margin: 0;
  width: 139px;
}
@media screen and (min-width: 768px) {
  .css-fnldus {
    width: 143px;
  }
}
.css-rpt4zk {
  box-sizing: border-box;
  margin: 0;
}
.css-92futv {
  box-sizing: border-box;
  margin: 0;
  width: 153px;
}
@media screen and (min-width: 768px) {
  .css-92futv {
    width: 160px;
  }
}
.css-4v9sff {
  margin-left: 24px;
  width: 76px;
  display: none;
}
@media screen and (min-width: 768px) {
  .css-4v9sff {
    display: block;
  }
}
.css-yt60qv {
  overflow: hidden;
  position: relative;
}
.css-1qy564m {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-5xhde8 {
  box-sizing: border-box;
  margin: 0;
  width: 542px;
  height: 542px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(65, 148, 236, 0.24) 0%, rgba(65, 148, 236, 0) 100%);
}
@media screen and (min-width: 768px) {
  .css-5xhde8 {
    width: 712px;
    height: 712px;
  }
}
@media screen and (min-width: 1128px) {
  .css-5xhde8 {
    width: 1050px;
    height: 1050px;
  }
}
.css-g3mpw {
  box-sizing: border-box;
  margin: 0;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}
.css-113lecc {
  box-sizing: border-box;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 220px;
  max-width: 100%;
  height: 440px;
  display: block;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .css-113lecc {
    width: 300px;
    height: 600px;
  }
}
@media screen and (min-width: 1128px) {
  .css-113lecc {
    width: 470px;
    height: 940px;
  }
}
.css-1nhb9hc {
  box-sizing: border-box;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: #061121;
}
@media screen and (min-width: 768px) {
  .css-1nhb9hc {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1nhb9hc {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}
.css-1uic1tt {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
}
.css-17no5xl {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 16px;
  color: #129DFF;
  font-size: 14px;
  line-height: 125%;
  -webkit-letter-spacing: 0.03em;
  -moz-letter-spacing: 0.03em;
  -ms-letter-spacing: 0.03em;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .css-17no5xl {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17no5xl {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .css-17no5xl {
    font-size: 15px;
    line-height: 145%;
    -webkit-letter-spacing: 0.4px;
    -moz-letter-spacing: 0.4px;
    -ms-letter-spacing: 0.4px;
    letter-spacing: 0.4px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-17no5xl {
    font-size: 18px;
    line-height: 115%;
    -webkit-letter-spacing: 0.03em;
    -moz-letter-spacing: 0.03em;
    -ms-letter-spacing: 0.03em;
    letter-spacing: 0.03em;
    font-weight: 600;
  }
}
.css-1mrnwel {
  box-sizing: border-box;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  color: #D1D0D1;
  width: 100%;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-1mrnwel {
    width: 52.63157895%;
  }
}
@media screen and (min-width: 768px) {
  .css-1mrnwel {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-1mrnwel {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-17zit8h {
  box-sizing: border-box;
  margin: 0px;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  right: 50%;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%) translateY(0px) translateX(50%);
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-17zit8h {
    position: fixed;
    right: 50%;
  }
}
@media screen and (min-width: 1128px) {
  .css-17zit8h {
    position: absolute;
    right: 100%;
  }
}
@media screen and (min-width: 768px) {
  .css-17zit8h {
    transform: translateY(-50%) translateY(0px) translateX(50%);
  }
}
@media screen and (min-width: 1128px) {
  .css-17zit8h {
    transform: translateY(-50%) translateY(0px);
  }
}
.css-1isv0pg {
  box-sizing: border-box;
  margin: 0px;
  padding: 16px 32px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .css-1isv0pg {
    width: 409px;
  }
}
.css-166ccot {
  box-sizing: border-box;
  margin: 0px;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-166ccot {
    display: none;
  }
}
.css-1e3wvxj {
  box-sizing: border-box;
  margin: 0px;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0px;
  text-align: left;
}
.css-1dy7so1 {
  box-sizing: border-box;
  margin: 0px;
  font-size: 12px;
  color: #000000;
  display: inline-flex;
}
.css-17e45ac {
  box-sizing: border-box;
  margin: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.css-1a8ufo {
  box-sizing: border-box;
  margin: 0px 0px 8px;
  text-align: center;
  color: #000000;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1a8ufo {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .css-1a8ufo {
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-1a8ufo {
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.css-m9w1vr {
  box-sizing: border-box;
  margin: 0px 0px 8px;
  text-align: center;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 132%;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-m9w1vr {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .css-m9w1vr {
    font-size: 14px;
    line-height: 132%;
    letter-spacing: 0px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-m9w1vr {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.css-1jlvyha {
  box-sizing: border-box;
  margin: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-1jlvyha {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
.css-2w2qss {
  box-sizing: border-box;
  margin: 0px 8px 0px 0px;
}
@media screen and (min-width: 768px) {
  .css-2w2qss {
    margin-right: 0px;
  }
}
.css-9opldc {
  box-sizing: border-box;
  margin: 0px;
  width: 110px;
}
@media screen and (min-width: 768px) {
  .css-9opldc {
    width: 120px;
  }
}
.css-akpgk0 {
  box-sizing: border-box;
  margin: 0px;
  width: 110px;
}
@media screen and (min-width: 768px) {
  .css-akpgk0 {
    width: 120px;
  }
}
.css-1ei2qbz {
  box-sizing: border-box;
  margin: 0px;
  display: none;
  width: 72px;
}
@media screen and (min-width: 768px) {
  .css-1ei2qbz {
    display: block;
  }
}
.css-jjvzgd {
  box-sizing: border-box;
  margin: 0px;
  background-color: #061121;
  height: 1px;
}
.css-d911qs {
  box-sizing: border-box;
  margin: 0px 0px 16px;
  text-align: center;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 132%;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-d911qs {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .css-d911qs {
    font-size: 14px;
    line-height: 132%;
    letter-spacing: 0px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-d911qs {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.css-151kvzo {
  box-sizing: border-box;
  margin: 0px;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-151kvzo {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}
.css-blg930 {
  box-sizing: border-box;
  margin: 0px;
  border: 1.5px solid transparent;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.2s ease 0s;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: inline-flex;
  padding-left: 24px;
  padding-right: 24px;
  height: 52px;
  background-color: #0e213b;
  color: #f4f4f4;
}
@media screen and (min-width: 768px) {
  .css-blg930 {
    font-size: 16px;
    letter-spacing: 0.015em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-blg930 {
    font-size: 21px;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-qqtipm {
  box-sizing: border-box;
  margin: 0px 8px 0px -1px;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: none;
  width: 8px;
}
@media screen and (min-width: 768px) {
  .css-qqtipm {
    display: none;
  }
}
@media screen and (min-width: 1128px) {
  .css-qqtipm {
    display: flex;
  }
}
.css-1cv4vgp {
  box-sizing: border-box;
  margin: 0px;
  font-size: 27px;
  color: #f4f4f4;
  display: inline-flex;
}
.css-1m34kyt {
  box-sizing: border-box;
  margin: 0;
  margin-top: 64px;
}
.css-nq3hha {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  margin-top: 64px;
}
.css-17zlu06 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  -webkit-letter-spacing: 0.02em;
  -moz-letter-spacing: 0.02em;
  -ms-letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-color: #F4F4F4;
  background-color: transparent;
  color: white;
}
@media screen and (min-width: 768px) {
  .css-17zlu06 {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17zlu06 {
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 768px) {
  .css-17zlu06 {
    font-size: 16px;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: 600;
    border-width: 0.5px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17zlu06 {
    font-size: 21px;
    -webkit-letter-spacing: 0.02em;
    -moz-letter-spacing: 0.02em;
    -ms-letter-spacing: 0.02em;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-17zlu06:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.css-dg54jjp {
  margin-top: 50px;
}
.css-ve18x2 {
  box-sizing: border-box;
  margin: 0;
  margin-left: 16px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-s5rpcw {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 642px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #1c2633;
}
@media screen and (min-width: 768px) {
  .css-s5rpcw {
    height: 682px;
  }
}
@media screen and (min-width: 1128px) {
  .css-s5rpcw {
    height: 1074px;
  }
}
.css-1h25iwx {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 768px) {
  .css-1h25iwx {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1h25iwx {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-ieh3s3 {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 462px;
}
@media screen and (min-width: 768px) {
  .css-ieh3s3 {
    max-width: 805px;
  }
}
.css-kr3aec {
  box-sizing: border-box;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  color: #F4F4F4;
  max-width: inherit;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-kr3aec {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1128px) {
  .css-kr3aec {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .css-kr3aec {
    max-width: inherit;
  }
}
@media screen and (min-width: 1128px) {
  .css-kr3aec {
    max-width: 675px;
  }
}
@media screen and (min-width: 768px) {
  .css-kr3aec {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-kr3aec {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-6wo7lv {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
  color: #F4F4F4;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-6wo7lv {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-6wo7lv {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-1lnogg5 {
  box-sizing: border-box;
  margin: 0;
  width: auto;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  -webkit-letter-spacing: 0.02em;
  -moz-letter-spacing: 0.02em;
  -ms-letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-color: #F4F4F4;
  background-color: transparent;
  color: white;
}
@media screen and (min-width: 768px) {
  .css-1lnogg5 {
    width: auto;
  }
}
@media screen and (min-width: 1128px) {
  .css-1lnogg5 {
    width: 377px;
  }
}
@media screen and (min-width: 768px) {
  .css-1lnogg5 {
    font-size: 16px;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: 600;
    border-width: 0.5px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1lnogg5 {
    font-size: 21px;
    -webkit-letter-spacing: 0.02em;
    -moz-letter-spacing: 0.02em;
    -ms-letter-spacing: 0.02em;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-1lnogg5:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.css-ve18x2 {
  box-sizing: border-box;
  margin: 0;
  margin-left: 16px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-q3nlj8 {
  box-sizing: border-box;
  margin: 0;
  background-color: #061121;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .css-q3nlj8 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1128px) {
  .css-q3nlj8 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}
.css-f5rrby {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .css-f5rrby {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1128px) {
  .css-f5rrby {
    margin-bottom: 64px;
  }
}
.css-15ssum2 {
  box-sizing: border-box;
  margin: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
}
@media screen and (min-width: 768px) {
  .css-15ssum2 {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .css-15ssum2 {
    max-width: 505px;
  }
}
@media screen and (min-width: 1128px) {
  .css-15ssum2 {
    max-width: 936px;
  }
}
.css-x3xqzz {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .css-x3xqzz {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-x3xqzz {
    margin-bottom: 24px;
  }
}
.css-1l0lkl {
  box-sizing: border-box;
  margin: 0;
  color: #129DFF;
  font-size: 14px;
  line-height: 125%;
  -webkit-letter-spacing: 0.03em;
  -moz-letter-spacing: 0.03em;
  -ms-letter-spacing: 0.03em;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .css-1l0lkl {
    font-size: 15px;
    line-height: 145%;
    -webkit-letter-spacing: 0.4px;
    -moz-letter-spacing: 0.4px;
    -ms-letter-spacing: 0.4px;
    letter-spacing: 0.4px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1l0lkl {
    font-size: 18px;
    line-height: 115%;
    -webkit-letter-spacing: 0.03em;
    -moz-letter-spacing: 0.03em;
    -ms-letter-spacing: 0.03em;
    letter-spacing: 0.03em;
    font-weight: 600;
  }
}
.css-fcnbya {
  box-sizing: border-box;
  margin: 0;
  color: #F4F4F4;
  font-size: 32px;
  line-height: 125%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-fcnbya {
    font-size: 25px;
    line-height: 132%;
    -webkit-letter-spacing: 0px;
    -moz-letter-spacing: 0px;
    -ms-letter-spacing: 0px;
    letter-spacing: 0px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-fcnbya {
    font-size: 48px;
    line-height: 125%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-11yb827 {
  box-sizing: border-box;
  margin: 0px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(244, 244, 244, 0.3);
  z-index: 9999;
}
.css-20y442 {
  box-sizing: border-box;
  margin: 0px auto 0px 0px;
  flex-direction: column;
  align-items: flex-start;
  width: 15%;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-20y442 {
    margin-right: 0px;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
  }
}
.css-10td3m3 {
  margin: 0px 8px 0px 0px;
  color: #d1d0d1;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-10td3m3 {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-10td3m3 {
    font-size: 24px;
    line-height: 145%;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-1zpjcb {
  box-sizing: border-box;
  margin: 0px 8px 0px 0px;
  color: #7d7d7d;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-1zpjcb {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-1zpjcb {
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-vu0hem {
  text-align: end;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-vu0hem {
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    text-align: start;
    width: 18%;
  }
}
@media screen and (min-width: 1128px) {
  .css-vu0hem {
    width: 20%;
  }
}
.css-caj9f5 {
  width: auto;
}
@media screen and (min-width: 768px) {
  .css-caj9f5 {
    margin-right: 0px;
    width: 12%;
  }
}
@media screen and (min-width: 1128px) {
  .css-caj9f5 {
    margin-right: 16px;
  }
}
.css-1hvmnjk {
  box-sizing: border-box;
  margin: 0px;
  font-size: 22px;
  line-height: 125%;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1hvmnjk {
    font-size: 21px;
    line-height: 130%;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1hvmnjk {
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-xey15d {
  width: auto;
}
@media screen and (min-width: 768px) {
  .css-xey15d {
    width: 12%;
  }
}
.css-58iss6 {
  color: #e64b60;
}
.css-ulzl6a {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-ulzl6a {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.25px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-ulzl6a {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.015em;
    font-weight: 600;
  }
}
.css-1sver9m {
  box-sizing: border-box;
  margin: 0px;
  display: none;
  width: 12%;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1sver9m {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.25px;
    font-weight: 500;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .css-1sver9m {
    display: block;
  }
}
@media screen and (min-width: 1128px) {
  .css-1sver9m {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.015em;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .css-1tv906f {
    display: block;
  }
}
.css-1tv906f {
  box-sizing: border-box;
  margin: 0px;
  display: none;
  width: 12%;
}
@media screen and (min-width: 1128px) {
  .css-1rjosx8 {
    width: 146px;
  }
}
@media screen and (min-width: 768px) {
  .css-1rjosx8 {
    width: 82px;
  }
}
.css-1rjosx8 {
  box-sizing: border-box;
  margin: 0px;
}
.css-7xueco {
  margin: 0px 0px 0px 32px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .css-7xueco {
    width: 7%;
  }
}
@media screen and (min-width: 768px) {
  .css-7xueco {
    margin-right: 32px;
    margin-left: 0px;
  }
}
.css-1iyqllu {
  display: inline-flex;
  position: relative;
}
.css-1n75upd {
  box-sizing: border-box;
  margin: 0px;
  border: 1.5px solid transparent;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.2s ease 0s;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: inline-flex;
  padding-left: 12px;
  padding-right: 12px;
  height: 40px;
  background-color: #f4f4f4;
  color: #0e213b;
}
@media screen and (min-width: 768px) {
  .css-1n75upd {
    font-size: 16px;
    letter-spacing: 0.015em;
    font-weight: 600;
    padding-left: 24px;
    padding-right: 24px;
    height: 42px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1n75upd {
    font-size: 21px;
    letter-spacing: 0.02em;
    font-weight: 600;
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
  }
}
.css-b90e7t {
  box-sizing: border-box;
  margin: 0;
  margin-top: -6.25px;
  -webkit-transform: translateY(4.25px);
  -ms-transform: translateY(4.25px);
  transform: translateY(4.25px);
}
@media screen and (min-width: 768px) {
  .css-b90e7t {
    margin-top: -6px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
}
@media screen and (min-width: 1128px) {
  .css-b90e7t {
    -webkit-transform: translateY(5.25px);
    -ms-transform: translateY(5.25px);
    transform: translateY(5.25px);
  }
}
.css-1akwlq5 {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .css-1akwlq5 {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1akwlq5 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.css-2gusyh {
  box-sizing: border-box;
  margin: 0;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 64px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-2gusyh {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .css-2gusyh {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-2gusyh {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .css-2gusyh {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-2gusyh {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-vwoenr {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-vwoenr {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
.css-aztsu3 {
  box-sizing: border-box;
  margin: 0;
  width: 68%;
  max-width: 250px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .css-aztsu3 {
    max-width: 300px;
  }
}
@media screen and (min-width: 1128px) {
  .css-aztsu3 {
    max-width: 400px;
  }
}
.css-tvpanb {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 3.5%;
  left: 28%;
  z-index: 999;
}
.css-tvpanb .earn-notif-1 > div {
  animation-duration: 0.5s;
  animate-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.css-iehq0o {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
.css-s9cnmj {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 20%;
  left: 32%;
  z-index: 999;
}
.css-s9cnmj .earn-notif-2 > div {
  animation-duration: 0.5s;
  animate-delay: 1s;
  -webkit-animation-delay: 1s;
}
.css-1ga0lr0 {
  box-sizing: border-box;
  margin: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-1ga0lr0 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .css-1ga0lr0 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .css-1ga0lr0 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ga0lr0 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-1abr51g {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .css-1abr51g {
    text-align: left;
  }
}
.css-1e8zco9 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 32px;
  color: #F4F4F4;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1e8zco9 {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1e8zco9 {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .css-1e8zco9 {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1e8zco9 {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-5681io {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
  color: #D1D0D1;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-5681io {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1128px) {
  .css-5681io {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 768px) {
  .css-5681io {
    font-size: 14px;
    line-height: 135%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-5681io {
    font-size: 20px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: normal;
  }
}
.css-17zlu06 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  -webkit-letter-spacing: 0.02em;
  -moz-letter-spacing: 0.02em;
  -ms-letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-color: #F4F4F4;
  background-color: transparent;
  color: white;
}
@media screen and (min-width: 768px) {
  .css-17zlu06 {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17zlu06 {
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 768px) {
  .css-17zlu06 {
    font-size: 16px;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: 600;
    border-width: 0.5px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17zlu06 {
    font-size: 21px;
    -webkit-letter-spacing: 0.02em;
    -moz-letter-spacing: 0.02em;
    -ms-letter-spacing: 0.02em;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-17zlu06:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.css-1h15cz5 {
  box-sizing: border-box;
  margin: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .css-1h15cz5 {
    display: block;
  }
}
.css-141utyq {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-5epxpy {
  box-sizing: border-box;
  margin: 0;
  width: 50%;
}
.css-f3w2ei {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 8px;
  color: #D1D0D1;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-f3w2ei {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-f3w2ei {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-77r5al {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 8px;
  color: #129DFF;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-77r5al {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-77r5al {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-77r5al {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-tv2a15 {
  box-sizing: border-box;
  margin: 0;
  color: #D1D0D1;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-tv2a15 {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-tv2a15 {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-9e63qq {
  box-sizing: border-box;
  margin: 0;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-9e63qq {
    width: 50%;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .css-9e63qq {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-9e63qq {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-1gqnjlp {
  box-sizing: border-box;
  margin: 0;
  background-color: #F4F4F4;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .css-1gqnjlp {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1gqnjlp {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}
.css-17x51j5 {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-17x51j5 {
    width: 50%;
  }
}
@media screen and (min-width: 1128px) {
  .css-17x51j5 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .css-17x51j5 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-17x51j5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-14w4p96 {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-14w4p96 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.css-5cy1qx {
  box-sizing: border-box;
  margin: 0;
  text-align: left;
}
.css-radbd0 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 32px;
  color: #000000;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-radbd0 {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1128px) {
  .css-radbd0 {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .css-radbd0 {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-radbd0 {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-1yfw3zl {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 16px;
  color: #7D7D7D;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1yfw3zl {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1yfw3zl {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .css-1yfw3zl {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1yfw3zl {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-1psdca6 {
  box-sizing: border-box;
  margin: 0;
  color: #000000;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1psdca6 {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1psdca6 {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-vxwl6t {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
  color: #7D7D7D;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-vxwl6t {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-vxwl6t {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-1x87ijl {
  box-sizing: border-box;
  margin: 0;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 17px;
  line-height: 1em;
  -webkit-letter-spacing: 0.02em;
  -moz-letter-spacing: 0.02em;
  -ms-letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  height: 58px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-color: #0E213B;
  background-color: transparent;
  color: #0E213B;
}
@media screen and (min-width: 768px) {
  .css-1x87ijl {
    font-size: 16px;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: 600;
    border-width: 0.5px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1x87ijl {
    font-size: 21px;
    -webkit-letter-spacing: 0.02em;
    -moz-letter-spacing: 0.02em;
    -ms-letter-spacing: 0.02em;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
}
.css-1x87ijl:hover {
  background-color: rgba(19, 53, 100, 0.1);
}
.css-16hahbi {
  box-sizing: border-box;
  margin: 0;
  padding-left: 30px;
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .css-16hahbi {
    padding-left: 70px;
    padding-top: 20px;
  }
}
.css-14n0k9g {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.css-1ezjuvy {
  box-sizing: border-box;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  color: #F4F4F4;
  max-width: inherit;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-1ezjuvy {
    max-width: 276px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ezjuvy {
    max-width: 807px;
  }
}
@media screen and (min-width: 768px) {
  .css-1ezjuvy {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ezjuvy {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-1bgr6eh {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-j47rif {
  box-sizing: border-box;
  margin: 0;
  width: 321px;
}
@media screen and (min-width: 768px) {
  .css-j47rif {
    width: 444px;
  }
}
@media screen and (min-width: 1128px) {
  .css-j47rif {
    width: 555px;
  }
}
.css-1exq1ua {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .css-1exq1ua {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1exq1ua {
    margin-bottom: 88px;
  }
}
.css-1v7lirf {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-1fiac7a {
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  padding: 16px;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .css-1fiac7a {
    width: 25%;
  }
}
.css-mgtp8m {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 8px;
  color: #F4F4F4;
  font-size: 17px;
  line-height: 130%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-mgtp8m {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-mgtp8m {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .css-mgtp8m {
    font-size: 16px;
    line-height: 130%;
    -webkit-letter-spacing: 0.1px;
    -moz-letter-spacing: 0.1px;
    -ms-letter-spacing: 0.1px;
    letter-spacing: 0.1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-mgtp8m {
    font-size: 24px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-m1nrfx {
  box-sizing: border-box;
  margin: 0;
  color: #129DFF;
  font-size: 42px;
  line-height: 115%;
  -webkit-letter-spacing: -0.015em;
  -moz-letter-spacing: -0.015em;
  -ms-letter-spacing: -0.015em;
  letter-spacing: -0.015em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .css-m1nrfx {
    font-size: 34px;
    line-height: 125%;
    -webkit-letter-spacing: -0.25px;
    -moz-letter-spacing: -0.25px;
    -ms-letter-spacing: -0.25px;
    letter-spacing: -0.25px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-m1nrfx {
    font-size: 64px;
    line-height: 115%;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
}
.css-1bu1gb4 {
  box-sizing: border-box;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*main end ++++++++++++++++++++++++++++++*/
/*footer  start  +++++++++++++++++++*/
.css-1nwftwu {
  box-sizing: border-box;
  margin: 0;
  padding-top: 60px;
  padding-bottom: 56px;
  background-color: #061121;
}
@media screen and (min-width: 768px) {
  .css-1nwftwu {
    padding-top: 72px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1nwftwu {
    padding-top: 120px;
    padding-bottom: 56px;
  }
}
.css-14zx3xd {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .css-14zx3xd {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-14zx3xd {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.css-1jh6vb1 {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 80px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-1jh6vb1 {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1jh6vb1 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-1jh6vb1 {
    width: 100%;
  }
}
@media screen and (min-width: 1128px) {
  .css-1jh6vb1 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .css-1jh6vb1 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1jh6vb1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-1jgwoj0 {
  box-sizing: border-box;
  margin: 0;
  width: 20%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-1jgwoj0 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-1jgwoj0 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-2yr98n {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 32px;
}
.css-1ucfd9p {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 16px;
  color: #F4F4F4;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1ucfd9p {
    font-size: 17px;
    line-height: 135%;
    -webkit-letter-spacing: 0.01em;
    -moz-letter-spacing: 0.01em;
    -ms-letter-spacing: 0.01em;
    letter-spacing: 0.01em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ucfd9p {
    font-size: 18px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
  }
}
.css-1xs5ssa {
  box-sizing: border-box;
  margin: 0;
  color: #D1D0D1;
  font-size: 12px;
  line-height: 132%;
  -webkit-letter-spacing: 0.015em;
  -moz-letter-spacing: 0.015em;
  -ms-letter-spacing: 0.015em;
  letter-spacing: 0.015em;
  font-weight: 500;
  margin-top: -3px;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}
@media screen and (min-width: 768px) {
  .css-1xs5ssa {
    font-size: 12px;
    line-height: 145%;
    -webkit-letter-spacing: 0.2px;
    -moz-letter-spacing: 0.2px;
    -ms-letter-spacing: 0.2px;
    letter-spacing: 0.2px;
    font-weight: 600;
    margin-top: -3px;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@media screen and (min-width: 1128px) {
  .css-1xs5ssa {
    font-size: 14px;
    line-height: 145%;
    -webkit-letter-spacing: 0.01em;
    -moz-letter-spacing: 0.01em;
    -ms-letter-spacing: 0.01em;
    letter-spacing: 0.01em;
    font-weight: 500;
    margin-top: -3.5px;
    -webkit-transform: translateY(3.5px);
    -ms-transform: translateY(3.5px);
    transform: translateY(3.5px);
  }
}
.css-1b6ygsf {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 0;
}
.css-32vhsb {
  box-sizing: border-box;
  margin: 0;
  display: block;
}
@media screen and (min-width: 768px) {
  .css-32vhsb {
    display: none;
  }
}
.css-4f3pml {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
.css-wcapwq {
  box-sizing: border-box;
  margin: 0;
  color: #F4F4F4;
  font-size: 16px;
  line-height: 135%;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  font-weight: 500;
  margin-top: -4px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
@media screen and (min-width: 768px) {
  .css-wcapwq {
    font-size: 17px;
    line-height: 135%;
    -webkit-letter-spacing: 0.01em;
    -moz-letter-spacing: 0.01em;
    -ms-letter-spacing: 0.01em;
    letter-spacing: 0.01em;
    font-weight: 600;
    margin-top: -4.25px;
    -webkit-transform: translateY(4.25px);
    -ms-transform: translateY(4.25px);
    transform: translateY(4.25px);
  }
}
@media screen and (min-width: 1128px) {
  .css-wcapwq {
    font-size: 18px;
    line-height: 145%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 600;
    margin-top: -4.5px;
    -webkit-transform: translateY(4.5px);
    -ms-transform: translateY(4.5px);
    transform: translateY(4.5px);
  }
}
.css-126dlp0 {
  box-sizing: border-box;
  margin: 0;
  font-size: 8px;
  color: #F4F4F4;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-et0xjd {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-et0xjd {
    width: 100%;
  }
}
@media screen and (min-width: 1128px) {
  .css-et0xjd {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .css-et0xjd {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-et0xjd {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-91yzeo {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-91yzeo {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1128px) {
  .css-91yzeo {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.css-1hpgyvj {
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .css-1hpgyvj {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1128px) {
  .css-1hpgyvj {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .css-1hpgyvj {
    display: block;
  }
}
.css-11hp369 {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.css-1q1vur8 {
  box-sizing: border-box;
  margin: 0;
  margin-right: 8px;
}
.css-1fonfyx {
  box-sizing: border-box;
  margin: 0;
  height: 40px;
}
.css-1ja5rdn {
  box-sizing: border-box;
  margin: 0;
  margin-right: 40px;
}
.css-cwwfse {
  box-sizing: border-box;
  margin: 0;
  font-size: 20px;
  color: #7D7D7D;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.css-emrcpc {
  box-sizing: border-box;
  margin: 0;
  margin-right: 0;
}
.css-11r5wvx {
  box-sizing: border-box;
  margin: 0;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .css-11r5wvx {
    margin-top: 0;
  }
}
@media screen and (min-width: 1128px) {
  .css-11r5wvx {
    margin-top: 144px;
  }
}
.css-xcgx2e {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .css-xcgx2e {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-xcgx2e {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.css-krzahs {
  box-sizing: border-box;
  margin: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 64px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-krzahs {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 1128px) {
  .css-krzahs {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-krzahs {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1128px) {
  .css-krzahs {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-krzahs {
    width: 100%;
  }
}
@media screen and (min-width: 1128px) {
  .css-krzahs {
    width: 62.5%;
  }
}
@media screen and (min-width: 768px) {
  .css-krzahs {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-krzahs {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-1ceoubi {
  box-sizing: border-box;
  margin: 0;
  color: #7D7D7D;
  font-size: 14px;
  line-height: 132%;
  -webkit-letter-spacing: 0.015em;
  -moz-letter-spacing: 0.015em;
  -ms-letter-spacing: 0.015em;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .css-1ceoubi {
    font-size: 14px;
    line-height: 132%;
    -webkit-letter-spacing: 0px;
    -moz-letter-spacing: 0px;
    -ms-letter-spacing: 0px;
    letter-spacing: 0px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1128px) {
  .css-1ceoubi {
    font-size: 14px;
    line-height: 150%;
    -webkit-letter-spacing: 0em;
    -moz-letter-spacing: 0em;
    -ms-letter-spacing: 0em;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.css-160z8df {
  box-sizing: border-box;
  margin: 0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  width: 100%;
  display: none;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .css-160z8df {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (min-width: 1128px) {
  .css-160z8df {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .css-160z8df {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 1128px) {
  .css-160z8df {
    width: 37.5%;
  }
}
@media screen and (min-width: 768px) {
  .css-160z8df {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1128px) {
  .css-160z8df {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.css-333prs {
  box-sizing: border-box;
  margin: 0;
  width: 53px;
}
@media screen and (min-width: 768px) {
  .css-333prs {
    width: 61px;
  }
}
.css-1mhdgng {
  box-sizing: border-box;
  margin: 0;
  width: 109px;
}
@media screen and (min-width: 768px) {
  .css-1mhdgng {
    width: 126px;
  }
}
.css-zkwt8m {
  box-sizing: border-box;
  margin: 0;
  width: 76px;
}
@media screen and (min-width: 768px) {
  .css-zkwt8m {
    width: 88px;
  }
}
.css-67a6lw {
  box-sizing: border-box;
  margin: 0;
  width: 58px;
}
@media screen and (min-width: 768px) {
  .css-67a6lw {
    width: 67px;
  }
}
.css-yoxyyy {
  box-sizing: border-box;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #F4F4F4;
  opacity: 0.2;
  height: 1px;
}
.css-zne6zc {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .css-zne6zc {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.css-15nuuu8 {
  box-sizing: border-box;
  margin: 0;
  margin-right: 0;
  margin-bottom: 8px;
  color: #7D7D7D;
  font-size: 13px;
  line-height: 140%;
  -webkit-letter-spacing: 0em;
  -moz-letter-spacing: 0em;
  -ms-letter-spacing: 0em;
  letter-spacing: 0em;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .css-15nuuu8 {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .css-15nuuu8 {
    font-size: 10px;
    line-height: 145%;
    -webkit-letter-spacing: 0.15px;
    -moz-letter-spacing: 0.15px;
    -ms-letter-spacing: 0.15px;
    letter-spacing: 0.15px;
    font-weight: normal;
  }
}
@media screen and (min-width: 1128px) {
  .css-15nuuu8 {
    font-size: 15px;
    line-height: 132%;
    -webkit-letter-spacing: 0.015em;
    -moz-letter-spacing: 0.015em;
    -ms-letter-spacing: 0.015em;
    letter-spacing: 0.015em;
    font-weight: normal;
  }
}
.css-a8uyqy {
  box-sizing: border-box;
  margin: 0;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-left: 8px;
  margin-right: 8px;
  opacity: 0.5;
  background-color: #F4F4F4;
  width: 0.5px;
}
.css-1aioafa {
  color: #20bca4;
}
/*# sourceMappingURL=index.css.map */