/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@font-face {
    font-family: 'Satoshi-medium';
    src: url('font/Satoshi/Fonts/OTF/Satoshi-Medium.otf');
}
body{
    
       font-family: 'Satoshi-medium';
    background: #222222;
}
.border-form{
    border:1px solid #656565;
}
.logo-img{
    width: 150px;
    filter: invert(1);
    margin-bottom: 20px;
}
.border-check{
    border:1px solid #656565;
    width: max-content;
    padding: 20px;
    border-radius: 0px;
}
.input-check {
  appearance: none;        
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 25px;            
  height: 25px;
  border: 2px solid #fff;  
  border-radius: 3px;      
  background: transparent; 
  cursor: pointer;
  position: relative;
}

.input-check:checked {
  background: transparent; 
}

.input-check:checked::after {
  content: "✔";            
  color: #fff;             
  font-size: 14px;
  position: absolute;
  top: 0px;
    width: -webkit-fill-available;
    left: 0px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 3px;      /* optional: rounded corners */

}
.dot {
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: bounce 1.4s infinite;
}

.dot:nth-child(2) { animation-delay: 0.2s; }
.dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
@font-face {
    font-family: 'satoshi-black';
    src: url('font/Satoshi/Fonts/OTF/Satoshi-Black.otf');
}
.btn-cont{
    /* background: #5ee369; */
    background: #62E297;
    color: #001700;
    padding: 12px 24px;
    border-radius: 50px;
    font-family: 'satoshi-black';
}
.btn-cont:hover{
    color: #001700;
}
a:hover{
    text-decoration: none;
}
.txt-code{
    background: #0A0E0F;
    color: #C9DCD2;
    width: max-content;
    padding: 12px;
    border-radius: 8px;
    font-size: 20px;
}
.bg-black{
    background: #000;
    border:1px solid #656565;

    border-radius: 12px;
}
.btn.disabled, .btn:disabled {
    opacity: .65;
    background: #232728;
}
.input-field{
    background: #000;
    border:1px solid #656565;
    border-radius: 12px;
    height: 50px;
}
.text-label{
    color:  #A3A6A8;;
}
.gap-input{
    gap: 15px;
}
.gap-form{
    gap: 18px;
}
.input-field:focus{
    background: #000;
    border:1px solid #656565;
   box-shadow: none !important;
}
.flex-width{
    max-width: 100%;
    width: 70%;
}
.fs-22{
    font-size: 22px;
    font-size: 30px;
    line-height: normal;
    display: flex
;
    align-items: center;
}
@media screen and (max-width:767px) {
    .border-loader{
        padding: 20px !important;
    }
    .fs-18{
        font-size: 20px;
    }
    .fs-15{
        font-size: 18px;
    }
    .gap-input {
    gap: 15px;
    width: 100%;
}
.fs-22{
    font-size: 22px;
}
.flex-width{
    max-width: 100%;
    width: 100%;
}
}
/* .border-loader{
        animation: crescendo 1.5s alternate infinite ease-in;
}
@keyframes crescendo {
    0% {
    transform: scale(.8);
}
100% {
    transform: scale(1.3);
}
} */