* {
  box-sizing: border-box;
}
.chakra-petch-light {
  font-family: Chakra Petch, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.chakra-petch-regular {
  font-family: Chakra Petch, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.chakra-petch-medium {
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.chakra-petch-semibold {
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.chakra-petch-bold {
  font-family: Chakra Petch, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.chakra-petch-light-italic {
  font-family: Chakra Petch, sans-serif;
  font-weight: 300;
  font-style: italic;
}
.chakra-petch-regular-italic {
  font-family: Chakra Petch, sans-serif;
  font-weight: 400;
  font-style: italic;
}
.chakra-petch-medium-italic {
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
  font-style: italic;
}
.chakra-petch-semibold-italic {
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.chakra-petch-bold-italic {
  font-family: Chakra Petch, sans-serif;
  font-weight: 700;
  font-style: italic;
}
body {
  margin: 0;
  height: 100vh;
  background: #353935;
  font-family: Space Grotesk, sans-serif;
  font-style: normal;
}
a {
  text-decoration: none;
  color: #000;
}
.header {
  width: 100vw;
  display: flex;
  padding: 20px 40px;
  justify-content: space-between;
  transition: 0.5s;
  z-index: 3;
}
.logotext {
  font-size: 32px;
  font-family: Chakra Petch, sans-serif;
  font-weight: bolder;
}
.logotext .t1 {
  color: #ff6b47;
}
.logotext .t2 {
  color: #fff;
}
.btn {
  background: #ff6b47a6;
  font-size: 17px;
  color: #fff;
  border: none;
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 10px 0;
  width: 200px;
  border: 1px solid rgb(255, 107, 71);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 93% 100%, 0% 100%);
  transition: 0.2s;
}
.btn:hover {
  color: #ff6b47;
  opacity: 0.5;
}
.smallbtn {
  background: #ff6b47a6;
  font-size: 14px;
  color: #fff;
  border: none;
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 7px 0;
  width: 150px;
  border: 1px solid rgb(255, 107, 71);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 93% 100%, 0% 100%);
  transition: 0.2s;
}
.smallbtn:hover {
  opacity: 0.5;
}
.firstHeaderContent {
  width: 80%;
  margin: 20px auto;
  display: grid;
  grid-template-columns: 60% calc(40% - 20px);
  gap: 20px;
  align-items: center;
}
.underline {
  width: 70px;
  height: 5px;
  background: #ff6b47;
}
.sk_box {
  border: 1px solid rgba(243, 243, 243, 0.8);
  padding: 30px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 93% 100%, 0% 100%);
  background: #ffffff1a;
  color: #fff;
}
.sk_text {
  font-size: 17px;
  padding: 13px 0;
}
.gtitle {
  font-size: 20px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 700;
  padding-bottom: 5px;
}
.ptitle {
  font-size: 25px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
  padding-bottom: 4px;
}
.fs {
  padding: 20px;
}
.fs.f1 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}
.fs.f1 .textcont {
  padding-bottom: 20px;
}
.fs.f2 {
  color: #fff;
}
.fs.f2 .smallbtn {
  margin-top: 10px;
}
.fs.f2 .underline {
  height: 3px;
  width: 40px;
}
.tdiv {
  width: 200px;
  text-align: center;
  color: #fff;
}
.tdiv .underline {
  height: 4px;
  margin: 0 auto;
  width: 40px;
}
.center {
  margin: 20px auto;
}
.hiwContent {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin: 50px auto;
}
.hiwpack {
  position: relative;
}
.eachhiw {
  background: #ff6b47a6;
  font-size: 17px;
  color: #fff;
  border: none;
  text-align: center;
  padding: 40px 0;
  width: 100%;
  border: 1px solid rgb(255, 107, 71);
  cursor: pointer;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 93% 100%, 0% 100%);
}
.numicon {
  height: 60px;
  width: 60px;
  position: absolute;
  top: -25px;
  left: -5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.numicon.one {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='67'%20viewBox='0%200%2050%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M25.1574%2015.05L11.5674%2022.07V10.82L27.5874%202H37.3974V65H25.1574V15.05Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20d='M22.1574%2013.05L8.56738%2020.07V8.81999L24.5874%20-4.29153e-06H34.3974V63H22.1574V13.05Z'%20fill='%23FF6B47'%20fill-opacity='0.8'/%3e%3c/svg%3e");
}
.numicon.two {
  background-image: url("data:image/svg+xml,%3csvg%20width='54'%20height='70'%20viewBox='0%200%2054%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.67016%2053.23L38.0702%2023.8V17.41L35.1002%2014.44H20.5202L17.5502%2017.41V23.8H5.31016V13.72L15.0302%204H40.5902L50.3102%2013.72V27.4L18.3602%2055.84V56.74H50.6702V67H5.67016V53.23Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20d='M3.67016%2050.23L36.0702%2020.8V14.41L33.1002%2011.44H18.5202L15.5502%2014.41V20.8H3.31016V10.72L13.0302%200.999996H38.5902L48.3102%2010.72V24.4L16.3602%2052.84V53.74H48.6702V64H3.67016V50.23Z'%20fill='%23FF6B47'%20fill-opacity='0.8'/%3e%3c/svg%3e");
}
.numicon.three {
  background-image: url("data:image/svg+xml,%3csvg%20width='60'%20height='74'%20viewBox='0%200%2060%2074'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.03574%2059.28V49.38H19.2757V55.59L22.2457%2058.56H38.4457L41.4157%2055.59V45.42L38.5357%2042.54H20.5357V32.1H38.5357L41.4157%2029.22V19.41L38.4457%2016.44H22.7857L19.8157%2019.41V25.62H7.57574V15.72L17.2957%206H43.9357L53.6557%2015.72V32.82L49.0657%2037.32L53.6557%2041.91V59.28L43.9357%2069H16.7557L7.03574%2059.28Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20d='M5.03574%2056.28V46.38H17.2757V52.59L20.2457%2055.56H36.4457L39.4157%2052.59V42.42L36.5357%2039.54H18.5357V29.1H36.5357L39.4157%2026.22V16.41L36.4457%2013.44H20.7857L17.8157%2016.41V22.62H5.57574V12.72L15.2957%203H41.9357L51.6557%2012.72V29.82L47.0657%2034.32L51.6557%2038.91V56.28L41.9357%2066H14.7557L5.03574%2056.28Z'%20fill='%23FF6B47'%20fill-opacity='0.8'/%3e%3c/svg%3e");
}
.featurestext {
  font-size: 20px;
  padding: 20px;
  text-align: center;
  color: #fff;
  width: 60%;
  margin: 0 auto;
}
.featuresgrid {
  width: 70%;
  margin: 20px auto 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.featuresgrid .underline {
  height: 3px;
  width: 40px;
}
#thematwo {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 330px;
  height: 340px;
  z-index: -1;
  background-image: url(./thematwo-BqexpqMe.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#themaone {
  position: fixed;
  top: 190px;
  left: 0;
  width: 430px;
  height: 440px;
  z-index: -1;
  background-image: url(./themaone-DJNhekhY.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.hex-code {
  color: #ffffff1a;
  font-size: 16px;
  animation: moveHex 20s linear infinite;
}
@keyframes moveHex {
  0% {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(-100vh);
  }
}
.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #00000080;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.pbox {
  width: 50%;
  background-color: #fff;
  transition: 0.5s;
}
.pboxheader {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ff6b47;
  color: #fff;
}
.addrtab {
  display: flex;
  align-items: center;
  padding: 5px 7px;
  border-radius: 20px;
  background: #0000004d;
}
.addrtab .greencirc {
  height: 8px;
  width: 8px;
  background: #90ee90;
  border-radius: 50%;
}
.shortaddr {
  font-size: 11px;
  font-weight: 600;
  margin: 0 7px;
}
.ptab {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
}
.ptab:hover {
  opacity: 0.5;
}
.ptab .icon {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.ptab .connected {
  background-image: url(./connected-DGz6Sr9v.svg);
}
.ptab .txt {
  font-size: 16px;
  font-weight: 600;
  padding-left: 7px;
}
.toogleic {
  background-image: url(./down-B0777Jhs.png);
}
.uparrow {
  background-image: url(./graphics/);
}
.connectic {
  background-image: url(./graphics/connect.png);
}
.insbox {
  display: grid;
  grid-template-columns: 32% 68%;
}
.insbox .sideone {
  padding: 30px;
}
.insbox .sideone {
  background: #f3f3f3;
  padding-bottom: 80px;
}
.insbox .sidetwo {
  background: #fff;
}
.desktop_progress {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
}
.desktop_progress .prog {
  display: flex;
  padding-top: 50px;
  position: relative;
}
.desktop_progress .prog .txt {
  align-self: center;
  padding-left: 10px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: silver;
}
.desktop_progress .prog .circle {
  height: 30px;
  width: 30px;
  border: 5px solid #c0c0c0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  align-self: end;
  justify-content: center;
}
.desktop_progress .prog .circle:before {
  content: "";
  height: 50px;
  width: 5px;
  background: silver;
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 30px;
}
.desktop_progress .prog:first-child .circle:before {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.desktop_progress .prog:last-child .circle:after {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  content: "";
  height: 50px;
  width: 5px;
  background: silver;
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: -50px;
}
.desktop_progress .prog.active .txt {
  color: #ff6b4780;
}
.desktop_progress .prog.active .circle {
  border: 5px solid rgba(255, 107, 71, 0.5);
}
.desktop_progress .prog.active .circle:before {
  background: #ff6b4780;
}
.desktop_progress .prog.active .circle:after {
  background: #ff6b4780;
}
.desktop_progress .prog.done .txt {
  color: #ff6b47;
}
.desktop_progress .prog.done .circle {
  border: 5px solid rgb(255, 107, 71);
}
.desktop_progress .prog.done .circle:before {
  background: #ff6b47;
}
.desktop_progress .prog.done .circle:after {
  background: #ff6b47;
}
.progress_cont {
  padding: 40px;
  overflow-y: auto;
  display: none;
}
.progress_cont .progtitle {
  font-size: 25px;
  padding-bottom: 4px;
}
.progress_cont .underline {
  height: 3px;
  width: 40px;
}
.progress_cont .progtext {
  padding: 30px 0;
  font-size: 18px;
}
.progress_cont .smallbtn {
  background: #ff6b47e6;
}
.progress_unactive {
  display: none;
}
.progress_active {
  display: block;
}
.mini_title {
  font-size: 18px;
  font-weight: 700;
  padding-top: 20px;
}
.pt2 {
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(192, 192, 192, 0.3);
  margin-bottom: 10px;
}
.pt2 .warning {
  height: 60px;
  width: 60px;
  background-image: url(./error-DoEE-de1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.line_loader {
  width: 60%;
  height: 6px;
  background: #d9d9d9;
  position: relative;
  margin: 20px 0;
  overflow: hidden;
}
.in_line {
  width: 100px;
  height: 6px;
  background: #ff6b47;
  top: 0;
  bottom: 0;
  left: -110px;
  position: absolute;
  animation: line_ldr 0.7s infinite;
}
@keyframes line_ldr {
  0% {
    left: -110px;
  }
  to {
    left: calc(100% + 10px);
  }
}
.flexy {
  display: flex;
  align-items: center;
}
.mc {
  color: #ff6b47;
}
.done_cont {
  display: grid;
  width: 60%;
  margin: 30px auto;
  grid-template-columns: 1fr;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.success_img {
  height: 120px;
  width: 120px;
  background-image: url(./success-Du_TQ27K.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.mobile_progress {
  display: none;
  position: relative;
  overflow: hidden;
  margin-top: 2px;
}
.mobile_progress .backOne {
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #f3f3f3;
  z-index: 0;
}
.mbgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  z-index: 1;
  background: transparent;
  position: relative;
}
.stepDiv {
  font-size: 9.5px;
  text-align: center;
  padding: 10px 0;
  color: #353935;
  border-right: 0.2px solid rgba(192, 192, 192, 0.3);
}
.stepDiv.done {
  color: #fff;
  background: #ff6b47;
  border-right: none;
  clip-path: none;
}
.stepDiv.active {
  color: #fff;
  background: #ff6b47b3;
  border-right: none;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 93% 100%, 0% 100%);
}
.mobile_connect {
  display: none;
}
.desktop_connect {
  display: block;
}
.wallet_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  margin: 30px auto;
  gap: 20px;
}
.wallet_name {
  font-size: 13px;
  text-align: center;
  font-weight: 500;
}
.icon_wallet {
  height: 60px;
  width: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 20px;
}
.icon_wallet.trustwallet {
  background-image: url("data:image/svg+xml,%3csvg%20width='45'%20height='50'%20viewBox='0%200%2045%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%207.22263L22.4991%200V50C6.42806%2043.3327%200%2030.555%200%2023.334V7.22263Z'%20fill='%230500FF'/%3e%3cpath%20d='M45%207.22263L22.501%200V50C38.572%2043.3327%2045%2030.555%2045%2023.334V7.22263Z'%20fill='url(%23paint0_linear_37_26)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_37_26'%20x1='38.6035'%20y1='-2.88978'%20x2='21.9879'%20y2='50.0475'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.02'%20stop-color='%230000FF'/%3e%3cstop%20offset='0.08'%20stop-color='%230094FF'/%3e%3cstop%20offset='0.16'%20stop-color='%2348FF91'/%3e%3cstop%20offset='0.42'%20stop-color='%230094FF'/%3e%3cstop%20offset='0.68'%20stop-color='%230038FF'/%3e%3cstop%20offset='0.9'%20stop-color='%230500FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.icon_wallet.metamask {
  background-image: url(./metamask-C0z51OqU.svg);
}
.icon_wallet.coinbase {
  background-image: url(./coinbase-BJDtrVg1.svg);
}
.icon_wallet.phantom {
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_59_89)'%3e%3cmask%20id='mask0_59_89'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='40'%20height='41'%3e%3cpath%20d='M40%209.91821e-05H0V40.0001H40V9.91821e-05Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_59_89)'%3e%3cpath%20d='M40%209.91821e-05H0V40.0001H40V9.91821e-05Z'%20fill='%23AB9FF2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.4074%2025.4938C15.8368%2027.9004%2013.205%2030.946%209.70308%2030.946C8.04761%2030.946%206.45581%2030.2645%206.45581%2027.3041C6.45581%2019.7648%2016.7494%208.0938%2026.3002%208.0938C31.7335%208.0938%2033.8984%2011.8635%2033.8984%2016.1442C33.8984%2021.639%2030.3327%2027.9217%2026.7883%2027.9217C25.6635%2027.9217%2025.1116%2027.3041%2025.1116%2026.3244C25.1116%2026.0689%2025.1541%2025.792%2025.239%2025.4938C24.0292%2027.5597%2021.6946%2029.4765%2019.5085%2029.4765C17.9167%2029.4765%2017.1102%2028.4755%2017.1102%2027.0698C17.1102%2026.5587%2017.2163%2026.0263%2017.4074%2025.4938ZM25.6346%2015.9956C25.6346%2017.243%2024.8986%2017.8667%2024.0754%2017.8667C23.2396%2017.8667%2022.5161%2017.243%2022.5161%2015.9956C22.5161%2014.7483%2023.2396%2014.1246%2024.0754%2014.1246C24.8986%2014.1246%2025.6346%2014.7483%2025.6346%2015.9956ZM30.3123%2015.9957C30.3123%2017.243%2029.5764%2017.8667%2028.7531%2017.8667C27.9173%2017.8667%2027.1939%2017.243%2027.1939%2015.9957C27.1939%2014.7483%2027.9173%2014.1246%2028.7531%2014.1246C29.5764%2014.1246%2030.3123%2014.7483%2030.3123%2015.9957Z'%20fill='%23FFFDF8'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_59_89'%3e%3crect%20width='40'%20height='40'%20rx='5'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.eaw_grid {
  padding: 20px;
  border: 1px solid rgba(192, 192, 192, 0.3);
  border-radius: 5px;
}
.stickey {
  position: sticky;
  top: 0;
}
.process_overlay.minimized {
  position: relative;
  height: auto;
  width: auto;
  display: block;
}
.process_overlay.minimized .iki {
  display: none;
}
.process_overlay.minimized .pbox {
  position: fixed;
  bottom: 0;
  left: 40px;
  width: 300px;
  box-shadow: 0 2px 4px #00000080;
}
.process_overlay.minimized .toogleic {
  background-image: url(./up-DqmUJu0t.png);
}
.hidden {
  display: none;
}
.opened {
  display: flex;
}
.legacy_connect,
.connecting_div {
  display: none;
}
.connect_div {
  display: block;
}
.desktop_only {
  display: none;
}
.deep_green {
  background: green !important;
}
.noti {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 99;
  width: 100%;
  padding: 20px;
  display: none;
}
.noti .noti_tab {
  padding: 15px 13px 15px 20px;
  background: #fff;
  box-shadow: 0 2px 4px #0000004d;
  transition: 0.5s linear;
  font-size: 13px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px;
  font-family: inherit;
}
.noti .red_border {
  border-left: 7px solid darkred;
}
.noti .green_border {
  border-left: 7px solid darkgreen;
}
.noti .close {
  height: 30px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(./close_hash-7hsNQbZa.png);
  cursor: pointer;
}
.noti .packOne {
  display: flex;
  gap: 15px;
  align-items: center;
}
.noti .icon {
  height: 38px;
  width: 38px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.noti .string {
  font-size: 13px;
  word-wrap: break-word;
  color: #000;
}
.noti .notify {
  background-image: url(./notify-CkR_iWmm.png);
}
.noti .success {
  background-image: url(./success-Du_TQ27K.png);
}
.noti .error {
  background-image: url(./error-DoEE-de1.png);
}
@media (max-width: 1450px) {
  .pbox {
    width: 60%;
  }
}
@media (max-width: 1350px) {
  .firstHeaderContent,
  .hiwContent {
    width: 90%;
  }
  .featuresgrid {
    width: 80%;
  }
  #themaone {
    height: 320px;
    width: 320px;
    top: 130px;
  }
  #thematwo {
    height: 280px;
    width: 280px;
  }
}
@media (max-width: 1205px) {
  .pbox {
    width: 75%;
  }
  .firstHeaderContent,
  .hiwContent {
    width: 95%;
  }
  .fs.f1 {
    font-size: 32px;
  }
  #themaone {
    height: 280px;
    width: 280px;
    top: 100px;
  }
  #thematwo {
    height: 230px;
    width: 230px;
  }
  .firstHeaderContent {
    grid-template-columns: 55% 45%;
  }
}
@media (max-width: 1110px) {
  .insbox {
    grid-template-columns: 40% 60%;
  }
}
@media (max-width: 1000px) {
  .firstHeaderContent,
  .hiwContent,
  .featuresgrid {
    width: 93%;
  }
}
@media (max-width: 1000px) {
  .hiwContent {
    grid-template-columns: 1fr;
    width: 70%;
  }
}
@media (max-width: 900px) {
  .smallbtn {
    width: 130px;
  }
  .insbox {
    grid-template-columns: 40% 60%;
  }
  .pbox {
    width: 90%;
  }
  .featuresgrid {
    gap: 20px;
  }
  .prog .txt {
    font-size: 14px !important;
  }
  .progress_cont .progtitle {
    font-size: 21px;
  }
  .progress_cont .progtext {
    font-size: 16px;
  }
  .mini_title {
    font-size: 17px;
  }
  .line_loader {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .firstHeaderContent,
  .hiwContent {
    width: 80%;
    grid-template-columns: 1fr;
  }
  .featuresgrid {
    width: 80%;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width: 730px) {
  .progress_cont {
    padding: 20px;
  }
  .featurestext {
    width: 90%;
  }
  .header {
    padding: 20px;
  }
}
@media (max-width: 630px) {
  .process_overlay.minimized {
    position: relative;
    height: auto;
    width: auto;
    display: block;
    padding: 0;
  }
  .process_overlay.minimized .iki,
  .process_overlay.minimized .mobile_progress {
    display: none;
  }
  .process_overlay.minimized .pbox {
    height: auto;
    position: fixed;
    bottom: 0;
    left: 40px;
    width: 300px;
    box-shadow: 0 2px 4px #00000080;
  }
  .mobile_connect {
    display: block;
  }
  .desktop_connect {
    display: none;
  }
  .insbox {
    grid-template-columns: 1fr;
  }
  .iki {
    overflow-y: auto;
    height: calc(100% - 100px);
  }
  .mobile_progress {
    display: block;
  }
  .sideone {
    display: none;
  }
  .pbox {
    width: 100%;
    height: 95vh;
    position: relative;
    bottom: 0;
  }
  .pboxheader {
    width: 100%;
  }
  .overlay {
    align-items: normal;
    padding: 40px 0 0 !important;
  }
  .fs.f1 {
    font-size: 28px;
  }
  .firstHeaderContent,
  .hiwContent {
    width: 90%;
  }
  .featuresgrid {
    width: 90%;
    gap: 32px;
  }
  .hiwContent {
    width: 90%;
  }
  .sk_box {
    padding: 20px;
  }
  .header {
    padding: 20px;
    width: 100%;
    position: fixed;
  }
  .firstHeaderContent {
    padding-top: 100px;
    margin-top: 0;
  }
  .logotext {
    font-size: 28px;
  }
  .b1 {
    width: auto;
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media (max-width: 550px) {
  .process_overlay.minimized .pbox {
    width: 100%;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .process_overlay.minimized .pboxheader {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .progress_cont {
    padding: 40px 20px;
  }
  .fs.f1 {
    font-size: 25px;
  }
  .ptitle {
    font-size: 23px;
  }
  .gtitle {
    font-size: 18px;
  }
  .sk_text {
    font-size: 15.6px;
  }
  .eachhiw {
    font-size: 15.6px;
    padding: 20px 0;
  }
  .numicon {
    height: 40px;
    width: 40px;
    top: -18px;
  }
  #themaone {
    width: 250px;
    height: 250px;
  }
  #thematwo {
    width: 240px;
    height: 240px;
  }
  .featuresgrid,
  .firstHeaderContent,
  .hiwContent,
  .featurestext {
    width: 87%;
  }
}
@media (max-width: 500px) {
  .fs {
    padding: 0;
  }
  .wallet_grid {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .icon_wallet {
    height: 45px;
    width: 45px;
  }
}