/* .secondSub {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    var('/Users/webdeveloper2/Desktop/bennewtemplate/assets/bg.jpg') center
      center;
  background-size: cover cover;
  color: red;
  min-height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  background-blend-mode: screen multiply;
} */
:root {
  --one: #173c1d;
  --two: #445e4f;
  --three: #e0dfdf;
  --four: #fefaf0;
  --five: #000000;
  --six: #979390;
}
.chart {
  width: 50%;
  float: left;
  display: grid;
  gap: 1em;
  grid-template-rows: min-content minmax(0, 1fr) min-content;
  grid-template-columns: 1fr minmax(0, 3fr);
  grid-template-areas:
    'a h'
    'a c'
    'a f';
  height: calc(100vh - 2em);
  /*width: calc(100vw - 2em);  not necessary, but just to be explicit */
  height: 400px;
  margin: 1em;
  max-width: 950px;
  border: 1px solid #134369;
  border-radius: 10px;
  margin: 2%;
}

.texturepre{
   display: block;
  text-align: right;
  margin-top: -25px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: -15px;
    z-index: 1020;
   
  }
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top2 {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    z-index: 1019;
  }
}

ul {
  /* margin-left:0; */
  padding-left: 0; /* Removes default padding */
  list-style-position: inside; /* Moves bullet inside the text area */
}

.bio {
  padding-left: 0; /* Ensures no extra space */
  margin-left: 0; /* Removes extra margin */
}

.chart div {
  grid-column: 1/4;
  grid-row: 2/3;
}
.chart h3 {
  background: var(--color-1);
  color: #000;
  line-height: 1.3;
  padding: 0.2em;
  text-align: center;
  grid-row: 1/2;
  grid-column: 1/4;
  text-align: center;
}

.preicons {
  display: block;
  text-align: right;
  margin-top: -25px;
}

.prephoneemail {
  margin-top: 15px;
}

.herostats {
  /* margin-left: 450px; */
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  border: solid white 2px;
  /* width:500px; */
  /* margin-left:475px; */
  /* margin-top:275px; */
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 33%;
  justify-content: space-around;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 150px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4cc790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.subattn {
  /* margin-top:40px; */
}

.herostattext {
  white-space: nowrap;
}

.invest-btn {
  width:250px;
}

#faq {
  width:70vw;
}


@media only screen and (max-width: 480px) {
  .herostats {
    padding:20px;
    /* margin-left: -100px; */
    /* margin-top: 330px!important; */
    /* width:60vw!important; */
  }
  .subattn{
    /* margin-top:-80px!important; */
  }
  .andeshead{
    width: 40px;
  }

  .secondSub{
    height:auto!important;
  }
}



@media only screen and (max-width: 680px) {
  
   .andeshead{
    width: 40px;
  }
  
  .herotext {
    /* margin-left: 20px !important; */
  }
  .preicons {
    margin-top: 5px;
  }
  .herostats {
    /* margin-left: -175px!important;  */
    /* margin-right:580px!important; */
    /* margin-top: 400px!important; */
    /* margin-top:330px!important; */
     /* width:50vw; */


  }

  /* .statsmore{
    margin-right: 350px!important;
  } */
  .bizName {
    font-size: 20px !important;
  }
  .herostattext {
    font-size: 15px;
  }
  .mainstats {
    width: 80vw;
  }
  .subattn{

  }
  .invest-btn {
    width:50%;
  }
  #faq {
    width:auto;
  }
}

@media (min-width: 681px) and (max-width: 850px) {
  .herostats {
    /* margin-top: 350px !important; */
}
.herostattext {
  font-size: 18px;
}
}

@media only screen and (max-width: 992px) {
  .herostats {
    /* margin-left: 240px!important; */
    /* margin-top: 300px; */
  }
  .subattn{
    /* margin-top:45px; */
  }
}


@media only screen and (max-width: 1200px) {
  .herostats {
    /* margin-left: 320px; */
    /* margin-top: 300px; */
  }
  .termtext{
    margin-top:65px;
  }
   .tablealign{
    margin-top:60px;
  }
}

@media only screen and (min-width: 1400px) {
  .herostats {
    /* margin-left: 450px; */
    /* margin-top: 300px; */
    justify-content: center;
  }
   .termtext{
    margin-top:28px;
  }

     .tablealign{
    margin-top:15px;
  }
  .subattn{
    /* margin-top:50px; */
  }
}

@media only screen and (min-width: 2200px) {
  .herostats {
    /* margin-left: 850px; */
    /* margin-top: 400px; */
    justify-content: center;
  }
    .termtext{
    margin-top:30px!important;
  }
   .tablealign{
    margin-top:40px!important;
  }
}