.ev-text-silver {
  background:linear-gradient(180deg, #ffffff 0%, #bdc1e4 100%),#919191;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


.block-evervell {
   height:3px;
   width:3px;
   margin-top:10px;
   border-radius: 10px;
   background: #7336f6;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   /*animation: glowBlue 2s;
   animation-iteration-count: infinite;*/
}

.block-evervell-2 {
   height:5px;
   width:5px;
   margin-top:10px;
   border-radius: 10px;
   background: #7336f6;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   /*animation: glowBlueTwo 2s;
   animation-iteration-count: infinite;*/
}

@keyframes glowBlueTwo{
0%	{ 
  -webkit-filter: none;
  transform: translateX(5px);
}
50% {
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  transform: translateX(0px);
 }
100% {
  -webkit-filter: none;
  transform: translateX(5px);
 }
}


.showcase {
 max-width: 450px;
 border-collapse: collapse;
}

.showcase td {
 padding-top: 20px;
 padding-bottom: 20px;
 border-top: 1px solid #ccc7d2;
}

.left {
 text-align: left;
}

.right {
 text-align: right;
}

.analysis-glow {
animation: glowAnna 2s;
animation-iteration-count: infinite;
}
@keyframes glowAnna{ 
  0% {
     -webkit-box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
-moz-box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
  }

  50% {
     -webkit-box-shadow: 0px 0px 50px 21px rgb(57, 10, 127);
-moz-box-shadow: 0px 0px 50px 21px rgb(57, 10, 127);
box-shadow: 0px 0px 50px 21px rgb(57, 10, 127);
  }

  100% {
     -webkit-box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
-moz-box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
box-shadow: 0px 0px 50px 21px rgba(57, 10, 127, 0.506);
  }
}

.ev-but-4 {
border: 2px solid rgb(85, 31, 167);
background-color: rgba(57, 10, 127);
color: #ffffff;
padding-left:40px;
padding-right:40px;
padding-top:12px;
padding-bottom:12px;
border-radius: 5px;
font-size: 14px;
-webkit-transition: border 0.2s, background-color 0.5s;
-webkit-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
-moz-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);


}

.ev-but-4:hover {
text-decoration: none;
color: #ffffff;
border: 1px solid #130f1b;
background-color: #130f1b;
-webkit-transition: border 0.2s, background-color 0.5s;
}


  .glowing-new{
     animation: glowingGen 2s;
animation-iteration-count: infinite;
}
@keyframes glowingGen{
0%	{ 
 -webkit-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
-moz-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
}
50% { 
 -webkit-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
-moz-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
}
100%	  { 
 -webkit-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
-moz-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
 }
}

  .shadow-glow {
     -webkit-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
-moz-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
  }

  .special-shadow {
    -webkit-box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
background-color: #1a1a22;
border-radius: 8px;
border:1px solid #21212a
  }


  .moving-around {
  height:8px;
  width:8px;
  background-color: #7c52ba;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround 1s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround{
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(5px) translateY(10px);
 }
40% {
  transform: translateX(-5px) translateY(-10px);
 }
 60% {
  transform: translateX(5px) translateY(-5px);
 }
 80% {
  transform: translateX(-10px) translateY(5px);
 }
100% {
  transform: translateX(0px);
 }
}

.moving-around-2 {
  height:13px;
  width:13px;
  background-color: #9268d2;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround2 1.2s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround2{
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(-5px) translateY(-10px);
 }
40% {
  transform: translateX(7px) translateY(5px);
 }
 60% {
  transform: translateX(-3px) translateY(4px);
 }
 80% {
  transform: translateX(-2px) translateY(-8px);
 }
100% {
  transform: translateX(0px);
 }
}

.moving-around-3 {
  height:9px;
  width:9px;
  background-color: #7663c0;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround3 1.8s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround3{
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(3px) translateY(-2px);
 }
40% {
  transform: translateX(-10px) translateY(-12px);
 }
 60% {
  transform: translateX(-5px) translateY(-2px);
 }
 80% {
  transform: translateX(8px) translateY(-6px);
 }
100% {
  transform: translateX(0px);
 }
}

.moving-around-4 {
  height:14px;
  width:14px;
  background-color: #8c67bc;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround4 1.5s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround4 {
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(-10px) translateY(10px);
 }
40% {
  transform: translateX(-7px) translateY(-1px);
 }
 60% {
  transform: translateX(-3px) translateY(11px);
 }
 80% {
  transform: translateX(-8px) translateY(-1px);
 }
100% {
  transform: translateX(0px);
 }
}

.moving-around-5 {
  height:5px;
  width:5px;
  background-color: #5f3f8f;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround5 1s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround5 {
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(2px) translateY(4px);
 }
40% {
  transform: translateX(10px) translateY(5px);
 }
 60% {
  transform: translateX(5px) translateY(-9px);
 }
 80% {
  transform: translateX(8px) translateY(-10px);
 }
100% {
  transform: translateX(0px);
 }
}

.moving-around-6 {
  height:12px;
  width:12px;
  background-color: #8a6cb9;
  -webkit-filter: drop-shadow(0 0 4px #7336f6);
  margin-top: 5px;
 animation: movingAround6 1s;
   animation-iteration-count: infinite;
  }

@keyframes movingAround6 {
0%	{ 
  transform: translateX(0px);
}
20% {
  transform: translateX(8px) translateY(-3px);
 }
40% {
  transform: translateX(3px) translateY(8px);
 }
 60% {
  transform: translateX(13px) translateY(-10px);
 }
 80% {
  transform: translateX(9px) translateY(1px);
 }
100% {
  transform: translateX(0px);
 }
}


.stock-bar-2 {
 margin-right: 1px;
 transition: all 0.5s ease-in-out; /* Make the height change smoothly */
 width: 1%;
 border-top:2px solid #794cbe;
 background: linear-gradient(180deg, #390a7fb7 0%, #13032b7c 100%);
}

.stock-bar-2:hover {
 border-top:2px solid #0b543d;
 background: linear-gradient(180deg, #2b9b77 0%, #13032b7c 100%);
}

#predict_board1 {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-end;
 height: 100%;
 width: 100%;
 overflow-x: auto;
}

.har-line {
  max-width: 800px;
height: 2px;
margin-bottom: 1px;
margin-top:-3px;
background: linear-gradient(90deg,rgba(20,82,241,0) 0, #4814f1 47.92%,rgba(20,82,241,0) 100%);
animation: glowLine 2s;
animation-iteration-count: infinite;
}

@keyframes glowLine {
0%	{ 
  opacity: 0.1;
}
50%	{ 
  opacity: 1;
}
100% {
  opacity: 0.1;
}
}

.har-border{
  border:1px solid #1e1e23;
}

.dark-shadow {

 box-shadow: 0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.04),0 10px 8px rgba(0,0,0,.05),0 15px 15px rgba(0,0,0,.06),0 30px 30px rgba(0,0,0,.07),0 70px 65px rgba(0,0,0,.09) !important;

}

.text-dec {
  color:#656d76;
}

.text-newan {
  color:#1f2328
}

table {
  width: 100%;

}

td, th {
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  font-family: jbone;

}

tr {
  padding: 0px;
  margin: 0px;

}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-trade {
  color: #7b849b;
}

.text-trade-purple {
  color: #9c79e7;
}


.text-trade-red {
  color: #d9475a;
}

.text-trade-green {
  color: #00a68c;
}



/*  CODE INSERT */

.cent-marg {
  margin-left: auto;
  margin-right: auto;
}


/* Scroll animations Start */


.js-scroll {
  transform-origin: 0 0;
  transition: transform 0.9s cubic-bezier(0.16, 1, 0.32, 1);
  transform: scaleY(0);
}

.js-scroll.scrolled {
  transform: scaleY(1);
}

.js-scroll-2 {
opacity: 0;
transition: opacity 0.9s cubic-bezier(0.16, 1, 0.32, 1), transform 0.9s cubic-bezier(0.16, 1, 0.32, 1);
transform: translateX(-12px);
}

.js-scroll-2.scrolled {
  opacity: 1;
transform: translateX(0px);
}

.js-scroll-3.scrolled {
opacity: 1;
transform: scale(1) translateY(0px);
}
.js-scroll-3 {
opacity: 0;
transition: opacity 0.9s cubic-bezier(0.16, 1, 0.32, 1),transform 0.9s cubic-bezier(0.16, 1, 0.32, 1);
transform: scale(0.97) translateY(23px);
}

/* Scroll animations End */


/* Borders */

.bl-1 {
border-left:1px solid #1e1e23; /* 322c42 */
}

.br-1 {
border-right:1px solid #1e1e23;
}

.bt-1 {
border-top:1px solid #1e1e23;
}

.bb-1 {
border-bottom:1px solid #1e1e23;
}

/* END Borders */

/* START Colors */

.bg-correct-green {
background-color: #04ab92;
}

.bg-ban-4 {
  background-color: #262632;
  }
  
  .bg-ban-3 {
  background-color: #3d3d4a;
  }
  
  .bg-ban-2 {
  background-color: #17171f;
  }
  
  .bg-ban-1 {
  background-color: #181822;
  }
  
  .new-body {
    background-color: #2c2d3b; /* #31323d; */
  }
  
  .bg-blk {
    background-color: #0c0c13;
  }


/* END Colors */


.glowing-purple-2 {
 animation: glowPurple 3s;
 animation-iteration-count: infinite;
}

.glowing-purple{
 animation: glowPurple 0.6s;
 animation-iteration-count: infinite;
}
@keyframes glowPurple{
0%		{ 
  opacity:100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
50%		{ 
  opacity:100%;
  -webkit-box-shadow: 0px 0px 61px -14px rgb(134, 103, 177);
  -moz-box-shadow: 0px 0px 61px -14px rgb(134, 103, 177);
  box-shadow: 0px 0px 61px -14px rgb(134, 103, 177);}
100%	  { 
  opacity:100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  }
}


.ev-shadow-1 {
  -webkit-box-shadow: 0px 14px 79px -25px rgba(0,0,0,0.71);
  -moz-box-shadow: 0px 14px 79px -25px rgba(0,0,0,0.71);
  box-shadow: 0px 14px 79px -25px rgba(0,0,0,0.71);
  }
  
  .ev-shadow-2 {
    position: relative;
    box-shadow: 0 0 0 1px #111111;
  }


.stock-bar {
  width: 2px;
  border-top:2px solid #9c79e7;
  /*border-radius: 10px;*/
  background: linear-gradient(180deg, #3b3258 0%, #181822 100%);
}
                      
.stock-growth {  
animation: runUp 1.5s;
animation-iteration-count: 1;
}

@keyframes runUp{
                            0%		{ 
                                      transform: scaleY(0.1);
                          }
                            100%		{ 
                                        transform: scaleY(1);
                          }
                          }



/* END CODE INSERT */


.prediction-banner {
	flex-basis: 700px;
	flex-grow: 0;
	flex-shrink: 0;
}

.exx-comp-col {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.exx-comp-1 {
	flex-basis: 300px;
	flex-grow: 0;
	flex-shrink: 0;
}

.exx-comp-2 {
	flex-basis: 700px;
	flex-grow: 0;
	flex-shrink: 0;
}

.small-comp {
	flex-basis: 50px;
	flex-grow: 0;
	flex-shrink: 0;
}

.ever-info {
	flex-basis: 100px;
	flex-grow: 0;
	flex-shrink: 0;
}

.ever-column-1 {
	flex-basis: 40px;
	flex-grow: 0;
	flex-shrink: 0;
}

.ever-small-comp {
	flex-basis: 80px;
	flex-grow: 0;
	flex-shrink: 0;
}

.flex-autom {
  flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

.line-item {
	flex-basis: 40px;
	flex-grow: 0;
	flex-shrink: 0;
}

.tiny-container {
  max-width:250px;
  margin: 0 auto;
}

.container-show {
  max-width:1300px;
  padding-left:40px;
  padding-right:40px;
  margin: 0 auto;
}

.container-show-2 {
  max-width:1350px;
  padding-left:40px;
  padding-right:40px;
  margin: 0 auto;
}

.container-window {
  max-width:1100px;
  padding-left:40px;
  padding-right:40px;
  margin: 0 auto;
}

.flex-row {
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  flex: 1;

}

.flex-item {
  flex: 1;

}

.flex-row-main {
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;

}

.flex-column {
  display:flex;
  flex-wrap:wrap;
  flex-direction: column;

}

.flex-label-1 {
  flex-basis:60px;
  flex-grow: 0;
  flex-shrink: 0;
}

.shadow-header {
  box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.15);
}

.text-cop1 {
  color:#7e8893;
}

.rounded-cop {
  border-radius: 10px;
}

.rounded-cop2 {
  border-radius: 6px;
}

/* banner dohromady */
.border-cry {
  border: 1px solid #1e1e23;
}

.border-cop1 {
  border: 1px solid #1e1e23;
}

.border-cop2 {
  border: 1px solid #1e1e23;
}

.cry-banner {
  background-color: #12192b;
}

.bg-cry {
  background-color: #0b1426;
}
/* banner dohromady */

.blur-text {
  filter: blur(9px);
   -webkit-filter: blur(9px);
}

.pulsing{
  animation: pulsingText 1s;
  animation-iteration-count: infinite;
}
@keyframes pulsingText{
  0%		{ opacity:100%;}
  50%		{ opacity:10%;}
  100%	  { opacity:100%;}
}


/* buttons */


.hover-border {
  border:2px solid #181823;/*#1e1e23;*/
  -webkit-transition: border 0.4s, color 0.4s;
}
.hover-border:hover {
  border: 2px solid #6bc9b2;
  -webkit-transition: border 0.4s, color 0.4s;
  color:#6bc9b2;
}

.ev-but-1 {
background-color: #7841c6;
border: 1px solid #7841c6;
color: #ffffff;
padding-left:40px;
padding-right:40px;
padding-top:12px;
padding-bottom:12px;
border-radius: 5px;
font-size: 14px;
-webkit-transition: background-color 0.2s, border 0.2s;

}

.ev-but-1:hover {
/*box-shadow: 0px 0px 10px 0px rgba(163,157,179,1);*/
text-decoration: none;
color: #ffffff;
background-color: #17171f;
border: 1px solid #17171f;
-webkit-transition: background-color 0.2s, border 0.2s;
}

.ev-but-2 {
border: 1px solid #ffffff;
background-color: none;
color: #ffffff;
padding-left:40px;
padding-right:40px;
padding-top:12px;
padding-bottom:12px;
border-radius: 5px;
font-size: 14px;
-webkit-transition: border 0.4s, color 0.4s;

}

.ev-but-2:hover {
text-decoration: none;
color: #9d7ae8;
border: 1px solid #7841c6;
-webkit-transition: border 0.4s, color 0.4s;
}

.ev-but-3 {
border: 1px solid #333644;
background-color: #1e1d21;
color: #a5a5a5;
padding-left:30px;
padding-right:30px;
padding-top:6px;
padding-bottom:6px;
border-radius: 5px;
font-size: 12px;
-webkit-transition: border 0.4s, color 0.4s;

}

.ev-but-3:hover {
text-decoration: none;
color: #ffffff;
border: 1px solid #333644;
background-color: #0d0c0f;
-webkit-transition: border 0.4s, background-color 0.4s;
}

.text-linux {
  color:#009700;
} 
/*.text-linux:hover {
  color:#000000;
  background-color: #ffffff;
} */   

/* end buttons */



                      .btn-header {
                        color: #ffffff;
                        padding-bottom:10px;
                        border-bottom: none;
                        }
                        .btn-header:hover {
                          color: none;
                          border-bottom: 3px solid #ffffff;
                         }
                        .btn-header:focus, .btn-header.focus {
                          box-shadow: 0 0 0 0 rgba(99, 73, 190, 0.5); }
                        .btn-header.disabled, .btn-header:disabled {
                          color: #ffffff; }
                        .btn-header:not(:disabled):not(.disabled):active, .btn-header:not(:disabled):not(.disabled).active,
                        .show > .btn-header.dropdown-toggle {
                          color: none;
                          border-bottom: 3px solid #ffffff;
                        }
                          .btn-header:not(:disabled):not(.disabled):active:focus, .btn-header:not(:disabled):not(.disabled).active:focus,
                          .show > .btn-header.dropdown-toggle:focus {
                            box-shadow: 0 0 0 0 rgba(99, 73, 190, 0.5); }



.ev-text-silver {
   background:linear-gradient(180deg, #ffffff 0%, #bdc1e4 100%),#919191;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}


.block-evervell {
    height:3px;
    width:3px;
    margin-top:10px;
    border-radius: 10px;
    background: #7336f6;
    -webkit-filter: drop-shadow(0 0 4px #7336f6);
    /*animation: glowBlue 2s;
    animation-iteration-count: infinite;*/
}

.block-evervell-2 {
    height:5px;
    width:5px;
    margin-top:10px;
    border-radius: 10px;
    background: #7336f6;
    -webkit-filter: drop-shadow(0 0 4px #7336f6);
    /*animation: glowBlueTwo 2s;
    animation-iteration-count: infinite;*/
}

@keyframes glowBlueTwo{
0%	{ 
   -webkit-filter: none;
   transform: translateX(5px);
}
50% {
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   transform: translateX(0px);
  }
100% {
   -webkit-filter: none;
   transform: translateX(5px);
  }
}
 

.showcase {
  max-width: 450px;
  border-collapse: collapse;
}

.showcase td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc7d2;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}




.glowing-new{
      animation: glowingGen 2s;
 animation-iteration-count: infinite;
}
@keyframes glowingGen{
0%	{ 
  -webkit-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
-moz-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
}
50% { 
  -webkit-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
-moz-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
}
100%	  { 
  -webkit-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
-moz-box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
box-shadow: 0px 0px 300px 61px rgba(57, 10, 127, 0.706);
  }
}

   .shadow-glow {
      -webkit-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
-moz-box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
box-shadow: 0px 0px 300px 61px rgb(57, 10, 127);
   }

   .special-shadow {
     -webkit-box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 63px 7px rgba(0,0,0,0.75);
background-color: #1a1a22;
border-radius: 8px;
border:1px solid #21212a
   }


   .moving-around {
   height:8px;
   width:8px;
   background-color: #7c52ba;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround 1s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround{
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(5px) translateY(10px);
  }
40% {
   transform: translateX(-5px) translateY(-10px);
  }
  60% {
   transform: translateX(5px) translateY(-5px);
  }
  80% {
   transform: translateX(-10px) translateY(5px);
  }
100% {
   transform: translateX(0px);
  }
}

.moving-around-2 {
   height:13px;
   width:13px;
   background-color: #9268d2;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround2 1.2s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround2{
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(-5px) translateY(-10px);
  }
40% {
   transform: translateX(7px) translateY(5px);
  }
  60% {
   transform: translateX(-3px) translateY(4px);
  }
  80% {
   transform: translateX(-2px) translateY(-8px);
  }
100% {
   transform: translateX(0px);
  }
}

.moving-around-3 {
   height:9px;
   width:9px;
   background-color: #7663c0;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround3 1.8s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround3{
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(3px) translateY(-2px);
  }
40% {
   transform: translateX(-10px) translateY(-12px);
  }
  60% {
   transform: translateX(-5px) translateY(-2px);
  }
  80% {
   transform: translateX(8px) translateY(-6px);
  }
100% {
   transform: translateX(0px);
  }
}

.moving-around-4 {
   height:14px;
   width:14px;
   background-color: #8c67bc;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround4 1.5s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround4 {
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(-10px) translateY(10px);
  }
40% {
   transform: translateX(-7px) translateY(-1px);
  }
  60% {
   transform: translateX(-3px) translateY(11px);
  }
  80% {
   transform: translateX(-8px) translateY(-1px);
  }
100% {
   transform: translateX(0px);
  }
}

.moving-around-5 {
   height:5px;
   width:5px;
   background-color: #5f3f8f;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround5 1s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround5 {
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(2px) translateY(4px);
  }
40% {
   transform: translateX(10px) translateY(5px);
  }
  60% {
   transform: translateX(5px) translateY(-9px);
  }
  80% {
   transform: translateX(8px) translateY(-10px);
  }
100% {
   transform: translateX(0px);
  }
}

.moving-around-6 {
   height:12px;
   width:12px;
   background-color: #8a6cb9;
   -webkit-filter: drop-shadow(0 0 4px #7336f6);
   margin-top: 5px;
  animation: movingAround6 1s;
    animation-iteration-count: infinite;
   }

@keyframes movingAround6 {
0%	{ 
   transform: translateX(0px);
}
20% {
   transform: translateX(8px) translateY(-3px);
  }
40% {
   transform: translateX(3px) translateY(8px);
  }
  60% {
   transform: translateX(13px) translateY(-10px);
  }
  80% {
   transform: translateX(9px) translateY(1px);
  }
100% {
   transform: translateX(0px);
  }
}


.stock-bar-2 {
  margin-right: 1px;
  transition: all 0.5s ease-in-out; /* Make the height change smoothly */
  width: 1%;
  border-top:2px solid #794cbe;
  background: linear-gradient(180deg, #390a7fb7 0%, #13032b7c 100%);
}

.stock-bar-2:hover {
  border-top:2px solid #0b543d;
  background: linear-gradient(180deg, #2b9b77 0%, #13032b7c 100%);
}

#predict_board1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  overflow-x: auto;
}

.har-line {
   max-width: 800px;
height: 2px;
margin-bottom: 1px;
margin-top:-3px;
background: linear-gradient(90deg,rgba(20,82,241,0) 0, #4814f1 47.92%,rgba(20,82,241,0) 100%);
animation: glowLine 2s;
animation-iteration-count: infinite;
}

@keyframes glowLine {
0%	{ 
   opacity: 0.1;
}
50%	{ 
   opacity: 1;
}
100% {
   opacity: 0.1;
}
}


.har-border{
   border:1px solid #1e1e23;
}

.dark-shadow {
 
  box-shadow: 0 2px 2px rgba(0,0,0,.03),
  0 5px 5px rgba(0,0,0,.04),
  0 11px 9px rgba(0,0,0,.05),
  0 16px 16px rgba(0,0,0,.06),
  0 32px 32px rgba(0,0,0,.07),
  0 72px 67px rgba(0,0,0,.09) !important;

}

.text-dec {
   color:#5e656e;
}

.text-newan {
   color:#22262c
}