/* FONTS */
/* h1,h2,h3,h4,h5,h6, strong, label, button{
    font-family: 'Ginger Bread', sans-serif;
    font-weight: 900;
} */

h1,h2,h3,h4,h5,h6{
    font-family: 'Clash Display', sans-serif !important;
    
}

strong, label, button, li{
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 500 !important;
}

.titleS{
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 500 !important;
    
}

.titleM{
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.titleH{
  font-weight: 600 !important;
}

/* p, span, strong, a, input, textarea {
    font-family: 'Space Grotesk';
} */

p,  a, input, textarea, span {
    font-family: 'Satoshi', sans-serif;
}

/* SCROLL BAR */

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #9146ff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #9146ff;
}

.dd-none{
  display: none;
}
.mm-none{
  display: block;
}

.mainTitle{
    text-align: start;
    font-size: 45px;
}

.subTitle{
    margin-top: -10px;
}

@media only screen and (max-width: 666px) {

    .dd-none{
      display: block;
    }
    .mm-none{
        display: none;
    }

    .mainTitle{
      text-align: center;
      font-size: 35px;
    }

    .subTitle{
      margin-top: 20px;
    }
}

/* MODALS */
.loadingModalBg{
  background-color: rgba(0, 0, 0, 0.5); 
  position: fixed; 
  width: 100vw; 
  height: 100vh; 
  top: 0; 
  left: 0; 
  z-index:300;
  visibility: hidden; 
  opacity: 0; 
  transition: visibility 0s, opacity 0.5s;
}

.bg-active{
  visibility: visible;
  opacity: 1;
}

/* PIN */
.pin-code{ 
  padding: 0; 
  margin: 0 auto; 
  display: flex;
  justify-content:center;
  
} 
 
.pin-code input { 
  border: none; 
  text-align: center; 
  width: 58px;
  height:78px;
  font-size: 36px; 
  border: 1px solid #b2bec3;
  margin-right:10px;
} 



.pin-code input:focus { 
  border: 1px solid #9146ff;
  outline:none;
}