@counter-style thumbs {
    system: cyclic;
    symbols: "\1F6F8" "\1F680" "\1F6F0" "\1FA90" "\2604";
    suffix: " ";
  }
  a:hover {
    cursor:pointer;
   }
  .custom {
    list-style: thumbs;
  }
  #introCS{
     margin-left:0 ;
   margin-right: 2rem;
    padding: 0; 
    width: 90%;
    text-align: left;
  }

  .Title{
    font-family: 'Cairo Play', sans-serif;
  }
  
.phone{
    background-image: url(../images/nvg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  
  background-attachment: fixed;
  
  height: 200vh;
}

.topLayer{
    margin-top: 20rem;
}

.space{
    margin: 5rem;
    /* margin-bottom: 15rem; */
    padding-top: 5rem;
}
.space2{
    margin-top: 5rem;
}
.width-80{
    max-width: 50% !important;
    margin: 2rem;
}
.glass{
    
    
    background: rgba(255, 255, 255, 0.11);

padding: 40px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.6px);
-webkit-backdrop-filter: blur(3.6px);
border: 1px solid rgba(255, 255, 255, 0.2);
}

.underlined{
    text-align: center;
    border-bottom: darkorchid  2px solid;
    width: 100%;
}
.resized{
    font-size: 36px;
    width:auto;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
    color: #4e697d  ;
}

.glass2{
    background: rgba(255, 255, 255, 0.01);
border-radius:0px;
padding: 40px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.6px);
-webkit-backdrop-filter: blur(3.6px);
border: 1px solid rgba(255, 255, 255, 0.2);
}

.boldly{
color: darkorchid;
font-weight: bold;
font-size: larger;
}

.center{
    width: auto !important; 

}

.text-info:hover{
    color:whitesmoke !important;
}

.list-group-item{
    background-color: #4e697d;
    color: whitesmoke;
}

.over:hover {
    
    border-color:#876bd1 ;
    box-shadow: 20px 20px 60px #876bd1,
    -20px -20px 60px #5c4a8d;
    
}
.over:hover i{
   color: #876bd1; 
}
.over:hover h5{
    border-color: #876bd1;
}
.over:hover a{
    border-color: #876bd1;

}
.accordion-button{
    background-color: #4e697d;
    color: whitesmoke;
    
}
.accordion-item{
    
    background-color: #3D4450;
    color: whitesmoke;
    border-color: #3D4450;
    box-shadow: 20px 20px 60px #23262E,
    -20px -20px 60px #4e697d;

}



.animate__animated.animate__flipInY {
  --animate-delay: 15s;
  --animate-duration: 1.5s;
}
.scroller {
    height: 300px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
  }
  .max{
    width: 300px;
  }
  
  .neonText {
    color: #fff;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;

      animation: flicker 5.5s infinite alternate;
  }

  @keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
      text-shadow:
        0 0 4px #fff,
        0 0 11px #fff,
        0 0 19px #fff,
        0 0 40px #0fa,
        0 0 80px #0fa,
        0 0 90px #0fa,
        0 0 100px #0fa,
        0 0 150px #0fa;
    }
    20%, 24%, 55% {       
      text-shadow: none;
    }
  }


  .footer{
    background-color: #3D4450;
    border: rgb(127, 18, 170)solid 2px  ;
   border-left: none;
   border-right: none;
    border-radius: 0;
    box-shadow: 20px 20px 60px darkorchid,
    -20px -20px 60px darkmagenta;
}
nav{
    border-bottom: darkorchid solid 2px ;
}

.tile{
    border-left: 2px solid darkorchid;
}

.underline{border-bottom: 2px solid darkorchid;}
.subTitle{ border-bottom: 2px solid darkorchid;}