@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

html,
body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #231f20;
  padding: 0;
  margin: 0;
  width: 100%;  
  min-width: 330px;
  scroll-behavior: smooth;
}

.home-page--content-wrap {
  overflow: hidden;
}

.home-page--content-wrap.sticky {
  margin-top:120px;  
}

.top-bar--home-wrap.sticky {
  transition: all 0.5s linear !important;
  background-color: white;
  font-size: 14px !important;
}

.top-bar--home-wrap.sticky .menu-link--preview,
.top-bar--home-wrap.sticky .menu-link--menu,
.top-bar--home-wrap.sticky .menu-link--addgroup,
.top-bar--home-wrap.sticky .menu-link--add {
  width: 33px;
  height: 33px;
  min-width: 33px;
  min-height: 33px;
  border: 0;
}

.top-bar--home-wrap.sticky .getfox-logo {
  height: 40px !important;
  margin-top:20px;
  margin-right: 20px;
  margin-bottom:10px;
}

.top-bar--home-wrap.sticky .getfox-logo svg {
  height: 40px !important;
}

.top-bar--home-wrap.sticky .getfox-tagline {
  margin-top:15px;
  height: 18px;
}

.top-bar--home-wrap.sticky .getfox-tagline svg {
  height: 18px;
}

.top-bar--home-wrap.sticky {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: -30px;
  max-width: 100%;
  z-index: 100;
  transition: all 0.5s linear !important;
  width: 100%;
  margin-top:0;
}

/*
.home-page--content::after{

  content: '';
  position: absolute;
  top: 300px;
  right: 0;
  display: block;
  width: 600px;
  height: 1400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/static/images/back-right.2729c3fd3adb.png");
  z-index: -1;  
}
*/

.home-page--content-wrap {
position: relative;
}

.home-page--content::before{

  content: '';
  position: absolute;
  top: 300px;
  left: 0;
  display: block;
  width: 600px;
  height: 1800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/static/images/back-left.fac1f9624dc4.png");
  z-index: -1;  

}



.w-100 {
  width: 100%;
}

h4 {
  margin:0;
}

h4.link-type {
  font-style: italic;
}

.df {
  display: -webkit-flex;
  display: flex;
}

.df-col {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.df-row {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.df-f1 {
  -webkit-flex: 1 !important;
  flex: 1 0;
}

.df-space {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 !important;
  flex: 1 0 auto;
}

.df-c {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.df-lc {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.df-rc {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
}

.df-cr {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.df-tr {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.df-ct {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.df-lt {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.df-lb {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.f1 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 !important;
  flex: 1 0;
}

.f2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 2 !important;
  flex: 2 0;
}

.fc {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.fct {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flc {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.frc {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

.frt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.fcol {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

h2 {
  /*-webkit-user-select: none;
  user-select: none;*/
}

h2,
p {
  margin: 0;
}

div,
h2,
p,
a,
input,
li,
button {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  outline: none;
}

input:focus {
  outline: auto;
}


ul {
  padding:0;
  list-style: none;
}

div {
  /*user-select: none;*/
}

a {
  text-decoration: none;
  color: #231f20;
}

ul.errorlist {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.getfox-logo {
  height: 65px;
  margin-right: 30px;
  transition: all 0.3s linear !important;
}

.getfox-logo svg {
  height: 65px;
  transition: all 0.3s linear !important;
}

.getfox-tagline svg,
.getfox-tagline {
  height: 22px;
  transition: all 0.3s linear !important;
}

.top-bar--home,
.home-page--content {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}  

.copyright {
  font-size: 11px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-right: 20px;
}

.footer-link-fox {
  color: #ff9c00;
  text-decoration: underline;
  margin-left: 5px;  
}

.footer-link-fox:hover {
  text-decoration: none;
}

.footer-link {
  margin-right: 15px;
  color: #737373;
}  

.home-menu-link {
  font-size: 16px;
  font-style: italic;
  margin-right: 40px;
  font-weight: 600;
  white-space: nowrap;
}

.home-menu-link:hover {
  text-decoration: underline;
}

.home-menu-button { 
  background: #0060df;
  border: 2px solid #0060df;   
  padding: 8px 14px 8px 14px;
  color:white;
  border-radius: 25px;
  font-style: italic;
  font-weight: 600;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;    
  box-sizing: border-box;
  white-space:nowrap;
}

h1 span.header-indent1 {
  color: #0060df;
}

h1.error {
  text-align: center;
  margin:50px;
  font-size: 45px;
}

h3 span.header-indent3 {
  color: #0060df;
}

.home-menu-button:hover {
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
  border: 2px solid #0060df;
  color: #0060df;
  background: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;    
  box-sizing: border-box;
}


.button-sign-up,
.button-explore {
  color: white;
  background-size: 35px;  
  background-position: calc(100% - 10px) center;
  border: 2px solid #0060df;
  font-size: 30px;
  font-style: italic;
  font-weight: 600;
  padding:17px;
  border-radius: 40px;
  margin: 0 auto;
  padding-right: 50px;
  padding-left:22px;
  background-color: #0060df;
  background-repeat: no-repeat;
}

.button-sign-up {
  background-image: url("/static/images/arrow-right.a150822a4362.svg"); 
}

.button-explore {
  background-image: url("/static/images/arrow-down2.d3998ecdf8b0.svg"); 
}

a.button,
.button {
  color: white;
  border: 2px solid #0060df;
  font-size: 30px;
  font-style: italic;
  font-weight: 600;
  padding:17px;
  padding-right: 22px;
  padding-left: 22px;
  border-radius: 40px;
  margin: 0 auto;  
  background-color: #0060df;
}

a.button:hover,
.button:hover {
  color: #0060df;
  background-color: white;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);  
}

.mouse-scroll-fill {
  fill:none;
  stroke:white;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
}

.button:hover .mouse-scroll-fill {
  stroke:#0060df;
}

.button .mouse-scroll {
  width: 30px;
  margin-bottom: -10px;
  margin-left: 10px;
}

.button-sign-up:hover,
.button-explore:hover {
  background-repeat: no-repeat !important;
  background-size: 35px !important; 
  background-position: calc(100% - 10px) center !important;
  color: #0060df;
  background: white;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}

.button-sign-up:hover {
  background-image: url("/static/images/arrow-right-blue.f642f8401a7c.svg") !important;   
}

.button-explore:hover {
  background-image: url("/static/images/arrow-down2-blue.294ede479466.svg") !important;   
}

.button-explore-wrap {
  text-align: center;
  margin-top:50px;
  margin-bottom:60px;
}

.button-sign-up-wrap {
  padding-right: 40px;
  padding-left: 40px;
}

.home-menu--button-mobile {
  display: none !important;
}

.home-menu--button {

}

  @media screen and (min-width: 1970px) {
    .quick-commerce-banner-img {
      border-radius: 40px;
    }
  }


  @media screen and (max-width: 1000px) {
    html,
    body {
      height: auto;
    }


    .home-menu--button-mobile {
      display: flex !important;    
    }
    
    .home-menu--button {
      display: none !important;    
    }
    
    .api-top-bar {
      font-size: 14px !important;
    }

    .how-it-works--item {
      padding: 60px 40px 40px !important;
    }
    
    .sign-now-desc,
    .sign-now-input {
      font-size: 16px !important;
    }

    .sign-now-row {
      margin-right: 0px !important;
    }
    
    .sign-now-form {
      flex-direction: column !important;
    }

    .features-image-phone {
      max-width: 60% !important;
    }

    .features-image-wrap-square {
      width: 100% !important;
      height: 100% !important;
    }
      
    .features-grid-link-types {
      border-radius: 0px !important; 
    }

    .noworries--page {
      flex-direction: column-reverse !important;
    }

    .noworries--pic {
      max-width: 250px !important;
    }

    .no-worries--comp {
      margin-top: 10px !important;
      width: auto !important;
    }
  
    .no-worries--comp .no-worries--desc {
      width: 260px !important;
      
    }
  
    .no-worries--comp svg {
      width: 250px !important;
      margin-right: 0px !important;
    }
  
    .no-worries--comp .no-worries--desc {
      font-size: 18px !important;
    }
    
    .no-worries--comp .no-worries--desc li::marker {
      font-size: 30px !important;
    }

    
    h1.error {
      margin:40px !important;
    }
    
    .how-it-works--title {
      padding-top:30px;
      margin-bottom: 20px;
    }

    .features-scroll-item h4 {
      padding-right: 0 !important;
    }

    .button {
      font-size: 20px !important;
    }

    .button .mouse-scroll {
      width: 20px;
      margin-bottom: -8px;
      margin-left: 10px;
    }    

    .how-it-works--image {
      margin-top: -30px !important;
    }

    .button-sign-up-wrap {
      padding-right: 0px !important;
      padding-left: 0px !important;      
      margin-bottom: 50px !important;
    }

    .button-explore-wrap {
      margin-bottom: 30px !important;
    }

    .features-scroll-item{
      padding: 20px 30px !important;
    }

    .get-started {
      margin-left: 10px !important;
      margin-right: 10px !important;
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }

    .get-started-image-phone {
      width: 100% !important;
    }

    .features-image-item-back {
      position: relative !important;
      right: auto !important;
      top: 0 !important;
      display: block;
      margin: 0 auto;
      margin-bottom: 30px;
    }

    .features-overview {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }

    .how-it-works--count {
      position: relative !important;
      font-size: 100px !important;
      top: -20px !important;
    }

    .how-it-works {
      padding-top: 20px !important;
      padding-bottom: 20px !important;

    }

    h4.roadmap {
      padding-bottom: 40px !important;
      font-size: 34px !important;
      line-height: 36px !important;
    }

    .roadmap--square {
      padding: 20px 10px !important;
    }

    .button-sign-up,
    .button-explore {
      font-size: 20px !important;
      background-size: 25px !important;
      padding-right: 43px !important;
    }

    .button-sign-up:hover,
    .button-explore:hover {
      background-size: 25px !important;
    }
    
    .getfox-logo svg,
    .getfox-logo {
      height: 45px !important;
    }

    .home-menu-link {
      margin-right: 20px !important;
    }

    h3 {
      font-size: 45px !important;
      line-height: 45px !important;
    }    

    h1 {
      font-size: 45px !important;
      line-height: 45px !important;
      margin-top: 0 !important;
      padding: 0 !important;      
    }

    h1.header-tagline {
      font-size: 39px !important;
      line-height: 39px !important;
    }

    .roadmap {
      padding-bottom: 0 !important;
    }

    .home-page--square {
      padding: 20px 20px !important;
      
    }

    h1 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    .get-started-image-wrap {
      margin: 0 auto;
    }

    .get-started-image-phone {
      margin-right: 0 !important;
    }

    .home-mobile-back {
      height: 280px;
    }

    .getfox-tagline {
      display: none;
    }


    .roadmap-grid--page,
    .features-grid,
    .get-started-grid,
    .control-links,
    .how-it-works--grid,
    .home-page--column-row {
      display: flex !important;
      flex-direction: column !important;
    }

    .roadmap-grid {
      display: flex !important;
      flex-direction: column !important;
    }

    .home-mobile-phone {
      width: 300px !important;
    }

    .footer-link {
      margin-bottom: 10px;
    }
  
    .footer-link {
      margin-left: 15px !important;
      margin-right: 0px !important;
    }
  
    .copyright-footer {
      flex-direction: column !important;
      align-items: flex-end;
    }

    .quick-commerce-button {
      bottom: 100px !important;
      left: 50% !important;
      padding:15px 20px !important;
      font-size: 20px !important;
      border-radius: 40px !important;
    }
    
    .quick-commerce-button.talent {
      left: 37% !important;
      bottom: 80px !important;
    }    

} 


@media screen and (max-width: 640px) {
  .home-mobile-phone {
    width: 250px !important;
  }

}

@media screen and (max-width: 620px) {
  .quick-commerce-button {
    bottom: 40px !important;
    left: 47% !important;
    padding:10px 15px !important;
    font-size: 17px !important;
    border-radius: 30px !important;
  }
  .quick-commerce-button.talent {
    left: 37% !important;
    bottom: 35px !important;
  }
}

.roadmap-back--square {
  border-radius: 40px;
}

.roadmap--square {
  border-radius: 40px;
  
  padding: 30px 90px;

}

.home-page--square {
  border-radius: 40px;
  /*background-color: #f9f9f9;*/
  padding-top: 70px;
  padding-left: 0px;
  padding-right: 75px;
  padding-bottom: 0px;
}

h1 {
  color: #231f20;
  font-size: 65px;
  font-weight: 800;
  line-height: 60px;
  padding-right: 40px;
  padding-left: 40px;  
}

h1.header-tagline {
  margin-top:0;
  padding: 0 !important;
  font-size: 76px;
  line-height: 66px;
  text-shadow: 0px -1px 0px #ffe400, 2px 0px 0px #fff;
}

h2 {
  color: #f4ba5e;
  font-style: italic;
}

h2.sub-tagline {
  text-shadow: 0px -1px 0px #fff, 2px 0px 0px #fff;  
  font-size: 24px;
  position: relative;
}

.home-mobile-back {
  position: relative;
  background-image: url("/static/images/home-square-back-2.bbc1c22b88de.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-mobile-back-0 {
  background-image: url("/static/images/home-square-back-2.bbc1c22b88de.png") !important;
}

.home-mobile-back-1 {
  background-image: url("/static/images/home-square-back-4.941cfedfd420.png") !important;
}

.home-mobile-back-2 {
  background-image: url("/static/images/home-square-back.1215a9423ab0.png") !important;
}

.home-mobile-back-3 {
  background-image: url("/static/images/home-square-back-3.089cd7c04dca.png") !important;
}

.home-mobile-back-4 {
  background-image: url("/static/images/home-square-back.1215a9423ab0.png") !important;
}

.mobile-back-white-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
}


.roadmap-back--square {
  position: relative;
  background-image: url("/static/images/crypto-asset.ac482d3ed504.png");
  background-position: 50% 50%;
  background-size: cover;  
  width: 100%;
}

.home-page--column-row {
  grid-column-gap: 30px;  
  grid-row-gap: 16px;
  margin-bottom: 180px;
}

.home-mobile-phone {
  width: 400px;
  top: 10%;
  position: absolute;  
  right: 0%;
  bottom: auto;
  max-width: 100%;
  display: inline-block;
}

.home-page--content {
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
  margin-bottom: 50px;
}

.how-it-works {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f9f9f9;
}

.features-overview {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f9f9f9;
}

.features-overview-link-types {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: white;
}

.features-grid-link-types {
  background: #ffeccd;
  border-radius: 50px;  
}


.roadmap {
  padding-top: 50px;
  padding-bottom: 20px;
  transform-origin:left top;
}

h3 {
  font-size: 65px;
  text-align: center;
  font-weight: 800;
  padding-right: 40px;
  padding-left: 40px;
}

.how-it-works--grid {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 40px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.roadmap-grid,
.features-grid,
.control-links {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 40px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-left: 20px;
  padding-right: 20px;  
}

.footer-home-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;  
}

.grid-layout {
  justify-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.how-it-works--item {
  position: relative;
  padding: 60px 50px 50px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;  
  overflow: hidden;
}

.how-it-works--item p {
  line-height: 26px;
}

.how-it-works--item {
  /*
  background: url("/static/images/how-background-item.8b3d0bff508e.png") no-repeat;
  background-position: top right;
  background-size: 50%;
  */
}

.how-it-works--image {
  margin-bottom: 30px !important;
}

.how-it-works--count {
  color: #f6f6f6;
  position: absolute;
  top:-60px;
  right: -10px;
  font-size: 200px;
  font-weight: 800;
}


h4 {
  padding-top: 8px;
  font-size: 30px;
  font-weight: 800;  
  margin-bottom: 40px;
}

h4.roadmap {
  font-weight: 800;
  margin: 0;
  padding: 0;
  padding-bottom: 40px;
  font-size: 42px;
  line-height: 44px;
}

.features-image-phone,
.control-image-phone {
  border-radius: 40px;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.features-image-phone {
  margin-left: 30px;
}

.scroll-grid {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.features-scroll-item{
  margin-bottom: 40px;
  padding: 50px 60px;
  border-radius: 40px;
  background-color: #fff;
  position: relative;
}

.features-scroll-item h4 {
  padding-right: 150px;
}

.get-started {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 40px;
  background-image: repeating-linear-gradient(102deg, #ffd490, #ffe7c0 32%, #ffc441 67%, #ffe1b3 100%, #ffe7c0);  
  overflow: hidden;
  margin-top:120px;
  margin-bottom:120px;
}

.get-started-wrap {
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;  
  background-image: url("/static/images/how-background-item.8b3d0bff508e.png");
  background-repeat: no-repeat;
  background-size: 600px;
  background-position: bottom right;
}

.get-started-image-wrap {
  -ms-grid-column-align: end;
  justify-self: end;
}

.get-started-image-phone {
  display: block;
  margin-right: 20px;
}

.footer-home {
  padding-top: 100px;
  padding-bottom: 60px;
  background-color: #231f20;  
}

.footer-home-grid-item {
  color: white;
}

.footer-home-grid-item a {
  color: white;
}

.check-roadmap {  
  color: #0060df;
  margin: 0;
  padding: 0;
  
}

a.sign-up-today {
  font-weight: 500 !important;
}

.get-started-grid-item {
  margin-left:40px;
}

.roadmap p,
.features-overview p,
.how-it-works p {
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 20px;
  line-height: 30px;
}

.roadmap-image-wrap,
.features-image-wrap {
  margin: 0 auto;
  min-height: 400px;
  position: relative;
}

.features-image-wrap-square {
  background: url("/static/images/home-square-back.1215a9423ab0.png") no-repeat;
  position: absolute;
  width: 120%;
  height: 120%;
  background-size: contain;
  top:50px;
}

.features-image-wrap-square-2 {
  background: url("/static/images/home-square-back-3.089cd7c04dca.png") no-repeat;
  background-size: contain;
}

.roadmap a.link {
  font-weight: 800;
  color: #0060df;
}

.roadmap a.link:hover {
  text-decoration: underline;
}

.bolder {
  font-weight: 700;
}

.image-home {
  max-height: 150px;
  margin: 0 auto;
}

h1.get-started-header {
  margin-bottom: 100px;
}

.features-image-item-back {
  position: absolute;
  right: 20px;
  top:-25px;
  height: 150px;
}

.getfox-footer-item {
  max-width: 250px;
}

.getfox-footer-item p {
  margin-top:20px;
  font-style: italic;
}

.footer-home-grid-item a {
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
}

a.footer-link:hover {
  color: #ff9c00;
}

.footer-home-grid-item a:hover {
  color: #ff9c00;
}

.footer-home-grid-item p {
  margin-bottom: 5px;  
}

.footer-home-grid-item p.menu-links {
  text-align: right;
}

.getfox-roadmap-photo {
  width: 100%;
}

.roadmap-q {
  font-weight: 700;
}

.roadmap--page {
  margin-bottom: 50px;
}

.roadmap--page li {  
	margin: 0;
	padding: 10px 0 10px 50px;
	list-style: none;
	background-image: url("/static/images/roadmap-pending.73720b00e09c.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
  margin-bottom:8px;
}

.roadmap--page li.done {  
  background-image: url("/static/images/roadmap-done.8a2998e5874e.svg");
}

.roadmap--page li.inprogress {  
  background-image: url("/static/images/roadmap-inprogress.f6300fbff14a.svg");
}


.roadmap-year {
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
}

.roadmap-grid--page {
  max-width: 775px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 40px;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  padding-left: 10px;
  padding-right: 10px;  
}

.roadmap-grid-item {
  background-color: #f9f9f9;
  border-radius: 40px;
  padding: 30px;
}

.terms--page,
.privacy--page,
.wishlist--page,
.support--page,
.vision--page,
.pricing--page {
  max-width: 700px;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 100px;
  font-style: italic;
}

.support--page strong,
.pricing--page strong {
  font-weight: 600;
}

.vision--page p {
  margin-top: 30px;
  margin-bottom: 30px;
}


.terms-photo,
.privacy-photo,
.wishlist-photo,
.support-photo,
.vision-photo,
.pricing-photo {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.wishlist-photo {
  /*max-width: 600px;*/
}

span.vision-bold {
  font-weight: 600;
}

.vision--page li {  
	margin: 0;
	padding: 10px 0 10px 50px;
	list-style: none;
	background-image: url("/static/images/vision-li.e3803f9c2da9.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
  margin-bottom:8px;
}

.vision--page a,
.wishlist--page a,
.support--page a,
.pricing--page a {
  color:#0060df;
  text-decoration: underline;
}

.vision--page p,
.wishlist--page p,
.support--page p,
.pricing--page p {
  line-height: 28px;
}

.terms--page h4,
.privacy--page h4 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.terms--page p,
.privacy--page p {
  margin-bottom: 20px;
}

.terms--page li,
.privacy--page li {
	margin: 0;
	padding: 10px 0 10px 40px;
	list-style: none;
	background-image: url("/static/images/vision-li.e3803f9c2da9.svg");
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: 30px;
  margin-bottom:8px;
}

.terms--page ul,
.privacy--page ul {
	margin: 0;
  padding: 0;
}

.roadmap a.link-small,
.terms--page a,
.privacy--page a {
  color:#0060df;
  text-decoration: underline;
}


.noworries--content {
  background-color: #231f20;
  width: 100%;
  max-width: none;
  margin-top:20px;
}

.no-worries--comp {
  margin: 0 auto;
  padding: 10px;
  padding-top: 50px;
  flex-direction: column;
}

.no-worries--comp svg {
  width: 350px;
  margin-left: auto;
  margin-right: 30px;
}

.no-worries--comp .no-worries--desc {
  width: 280px;
  font-size: 22px;
  color: white;
  font-style: italic;
  margin-left: auto;
  flex-direction: column;
  font-weight: 300;
  margin-right: 0px;
  margin-top:0px;
}

.no-worries--comp .no-worries--desc li {
  margin-bottom: 15px;
  list-style: lower-roman url("/static/images/checkbox-marked-circle.49364baf6897.svg") outside;
  line-height: 30px;
}

.no-worries--comp .no-worries--desc li::marker {
  font-size: 56px;
}

.noworries--pic {
  max-width: 400px;
  margin: 0 auto;
  border:0;
}

.noworries--page {
  max-width: 800px;
  margin: 0 auto;
}

.link-type-header {
  background-image: url("/static/images/url-link.e65e49a198f4.svg"); 
  background-position: left 5px;
  background-repeat: no-repeat;
  background-size: 45px;
  padding-left: 60px;  
}

.link-type-header-url {
  background-image: url("/static/images/url-link.e65e49a198f4.svg"); 
}

.link-type-header-resource {
  background-image: url("/static/images/resource-link.b48ee9ee72cf.svg"); 
}

.link-type-header-shop {
  background-image: url("/static/images/shop-link.8b2698fddf25.svg"); 
}

.link-type-header-nft {
  background-image: url("/static/images/nft-link.73b4607db5a4.svg"); 
}

.footer-link-getfox {
  color: #737373;
}

.quick-commerce-banner {
  position: relative;
}

.quick-commerce-banner-img {
  width: 100%;  
  max-width: 1920px;
}


.quick-commerce-button {
  background: #0060df;
  font-weight: 700;
  color: white;
  font-style: italic;
  position: absolute;
  bottom: 150px;
  left: 50%;
  padding:20px 25px;
  font-size: 23px;
  z-index: 3;
  border-radius: 50px;
  border: 3px solid #0060df;
}

.quick-commerce-button.talent {
  left: 40%;
}

.sign-now-button:hover,
.quick-commerce-button:hover {
  background:white;
  color: #0060df;
}

.sign-now-button {
  background: #0060df;
  font-weight: 700;
  color: white;
  font-style: italic;
  padding:8px;
  font-size: 18px;
  border-radius: 50%;
  border: 3px solid #0060df;
  width: 70px;
  max-width: 70px;
  height: 70px;
  cursor: pointer;
  margin-bottom:30px;
}

.sign-now-input {
  border: none;
  color: #0060df;
  font-size: 20px;
  border-radius: 50px;
  max-width: 140px;
  font-style: italic;
  background-color: transparent;
  outline-width: 0;
}

.sign-now-input:focus {
  outline: none;
}

.sign-now-desc {
  padding-bottom: 0 !important;
  font-weight: 600 !important;
  font-size: 20px;
  color: #0060df !important;
}

.sign-now-form {
  margin-top: 20px;
  margin-bottom: 30px;
}

.sign-now-row {
  background-color:white;
  margin-right: 10px;
  border-radius: 40px;
  padding: 20px;
  padding-left: 10px;
  box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.05);
  margin-bottom:30px;
}

.sign-now-icon {
  width: 25px;
  max-width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.sign-now-button-icon {
  width: 80%;
  height: 80%;
  background-image: url("/static/images/arrow-right.a150822a4362.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.sign-now-button:hover .sign-now-button-icon {
  background-image: url("/static/images/arrow-right-blue.f642f8401a7c.svg") !important;
}

.sign-now-info {
  max-width: 300px !important;
  font-size: 15px !important;
  font-style: italic !important;
  color: #0060df !important;
  line-height: 18px !important;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}

.sign-now-info strong {
  text-decoration: underline; 
  color: #0060df !important; 
}

.lang-row {
  margin-top: 10px;
}

.lang-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1); 
  margin:7px;
  border-radius: 50%;
  border:0;
}

.lang-icon.selected {
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5); 
}

.lang-icon:hover {
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.35); 
}

.api-top-bar {
  background-color: #231f20;
  padding: 10px;
}

.api-logo svg,
.api-logo {
  width: 30px;
  max-width: 30px;
}

.api-top-bar--desc {
  color: white;
  margin-left: 10px;
}

.api-top-bar--name,
.api-top-bar a {
  color: #ffca79;
  text-decoration: underline;
}

.api-top-bar a:hover {
  color: #0060df;
  text-decoration: none;
}

.api-top-bar-checkout {
  margin-left: 10px;
}

.api-top-bar--name {
  font-weight: 900;
  margin-right: 8px;
}

.home-page--landingpage {
  background-image: url("/static/images/home-background.8cdda0710514.jpg");
  background-size: auto 100vh;
  background-repeat: no-repeat;
  background-position: top right;
  overflow-x: hidden;
}

.sub-tagline--bar {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-left: -20px;  
}

.sub-tagline--bar svg {
  margin: 0 auto;
  width: 40px;  
}

.sub-tagline--bar::before {
  content: '';
  position: absolute;
  top: 80px;
  left: 75%;
  display: block;
  width: 300px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/static/images/back-lines.4dfb472f9391.svg");
  z-index: -1;  
}

/*
.home-page--square-left::before {
  content: '';
  position: absolute;
  top: 50px;
  left: 30px;
  display: block;
  width: 200px;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/static/images/back-lines2.fe1aca6cc41d.svg");
  z-index: -5;  
}
*/

h2.header-line--bold--console {
  text-align: left;
  margin: initial;
    margin-top: initial;
    margin-bottom: initial;
}

h2.header-line--bold {
  color:#231f20;
  font-weight: 800;
  font-size: 40px;
  font-style: italic;
  text-align: right;
  margin: 0 auto;
}

.choose-link--header {
  margin: 0 !important;
  font-size: 30px !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.choose-link-columns {
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  max-width: 850px;
  margin-top: 20px;
  margin-bottom: 50px;
  flex-direction: row-reverse;
}

.menu-link-columns {
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  max-width: 850px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.sidebar-choose-link {
  z-index: 92 !important;
  position: fixed !important;
  background-color: aliceblue !important;
}


.choose-link-button {
  margin-bottom: 25px;
  font-size: 24px;
  font-style: italic;
  cursor: pointer;
  padding-left: 0px;
  margin-left: 0px;
  font-weight: 700;
  border-style: solid;
  border-width: 1px;
  border-color: #efefef;
  padding: 10px;
  border-radius: 20px;
  background-color: white;
}

.choose-link-button:before {
  content: "";
  display: inline-block;
  width: 37px;
  min-width: 37px;
  height: 37px;
  min-height: 37px;
  margin-right: 20px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #efefef;
}

.choose-link-button:hover {
  color: #0060df;
  text-decoration: none;
}

.choose-link-button:hover:before {
  background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
  /*background: radial-gradient(#0060df 0%, #0060df 40%, transparent 50%, transparent);*/
  border-color: #ffaf00;
}

.choose-link-resource:before {
  background-image: url("/static/images/resource-link.b48ee9ee72cf.svg");
}

.choose-link-url:before {
  background-image: url("/static/images/url-link.e65e49a198f4.svg");
}

.choose-link-shop:before {
  background-image: url("/static/images/shop-link.8b2698fddf25.svg");
}

.choose-link-nft:before {
  background-image: url("/static/images/nft-link.73b4607db5a4.svg");
}

.choose-link-desc {
  font-style: italic;
  color: #9b9b9b;
  font-size: 16px;
  font-weight: 400;
}

.top-bar--console, .page-content {
  max-width: 1200px;
  margin: 0 auto;
}

.page-content {
  padding: 0 20px;
  min-height: 400px;
}

.fee-cart-statement {
  margin: 0 auto;
  width: 300px;
}

.mobile-menu-link {
  margin-right: 0px !important;
  margin-bottom: 20px;
  font-size: 20px;
}