body {
  background-color: #F4F6F9 !important;
  background-image: none !important;
}
.hometop{
  margin-left: -12px;
  width: 103.5%;height: 220px;
  border: 1px solid black;
  padding-left: 7px;
  padding-right: 6px;

 margin-bottom: 10px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 3.5px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
@keyframes blinking {
  100% {
    border-color: #f4f6f9;
    
  }
}
.blink {
  font-family: monospace;

  animation: color-change 1s infinite;
}

@keyframes color-change {
  0% { color: red; }
  25% { color: blue; }
  50% { color: red; }
  75% { color: blue; }
  100% { color: red; }
}
#homebtn3{
  margin-top: -4px;
  margin-left: -6px;
 }

#btn6{
  font-size: 14px;
}
#cl1{
  margin-top: -20px;
  /* margin-left: -180px; */
  .h{
    color: red;
    font-size: 20px;
  font-weight: bold;  }
}
#row1{
  height: 30px;
  padding: 0px;
  display: flex;
  justify-content: space;
  background: #DADCFA;
}
#btn4{
  margin-top: 5px;
}
#row3{
  background: #DADCFA;
  height: 35px;
}
.btn1{
  padding: 2px;
  font-size: 12px;
  color: white;
  background-color: #1589FF;
}
#t1{
  color: black;
  margin-top: 5px;
}
#row2>h6{
  font-size: 15px;
}
#row1>h6{
  font-size: 10px;
}
#table>.col-2>h6{
  margin-top: 5px;
  font-size: 13px;
}
#table>.col-3>h6{
  margin-top: 5px;
  font-size:13px;
}
#table>.col-5>h6{
  margin-top: 5px;
  font-size: 13px;
}

#na1{
  background-color: orange;

 
height: 32px;
margin-left: -5px;
width: 101%;

#h2{
 
  color: white;
}

}

#na1>.col-4>#h2{
  font-size: 13px;
  margin-top: 5px;
  margin-left: -10px;
}
#radio{
  display: flex;
  justify-content: space-around;
  margin-top: 5px;
  color: white;
}
.container-fluid{
 
}
#col2{
  
  border: 1px solid rgb(45, 44, 44); 
 width: 180px;
 height: 430px;
padding-left: 5px;

 margin-right: 15px;
 
}
#tr1{
  font-size: 10px;
}
#col2>.h{
  font-size: 18px;
  display: flex;
  justify-content: center;
}
#img1>.col-6>img{
  object-fit: cover;
  width: 75px;
height: 70px;

border-radius: 0px;
}
#img1>.col-6>.blink{
  font-size: 10px;
}
 #row1>.col-6>h6{
  
  font-size: 12px;
  margin-left: -12px;
 }
#btn2{
  margin-left: 90px;
  font-size: 15px;
}
#btn3{
  margin-left: 65px;
}
#col4{
  border: 1px solid rgb(67, 66, 66); 
 width: 180px;
 height: 420px;
 padding-left: 5px;

 margin-left: 15px;
}
#col4>.h{
  font-size: 18px;
  display: flex;
  justify-content: center;
}

#img1>.col-6>h6{
  font-size: 0.39rem;
 
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
padding: 0px;
font-weight: bolder;
 }
 #btn7{
margin-left: 70px;
color: orange;
text-decoration: none;
font-weight: bold;
font-size: 12px;
 }
 #last>input[type=text]{
  border: 1px solid rgb(69, 68, 68);
 }




@media (max-width:750px) {
  #col3{
   
  }
hr{
  width:900px;
}

}
#homecenter{
  margin-top: -5px;
}
#Homebody{
  height:10px;
}

#center1{
 
  margin-left: -2px;
  margin-right: 2px;
  
  
}
#center1>#row1{
  font-size: 5px;
}
#center2{
 
 
  
}

.homepage {
  
  justify-content: center;
  align-items: center;
  min-height: 100vh; 
}
#center2>#row1{
  
  font-size: 5px;
}
#id1{
  display: flex;
  justify-content:space-evenly;
}
#h6{
  border: 1px solid rgb(56, 53, 53);
  outline: 1px solid rgb(17, 17, 21);

outline-offset: 1px; 
background-color: orange;

color: white;

}
#last1{
 
  border: 1px solid rgb(59, 55, 55);
  
background-color: orange;
height: 25px;
color: white;
}
#last1{
  margin-top: -1px;
}
#last1>h6{
  margin-top: 5px;
  margin-left: -5px;
}
#last{
  margin-top: 3px;
  display: flex;
 justify-content: center;
 border: 1px solid rgb(51, 49, 49);
 
}
#td{
  margin-left: 10px;
  margin-top: 5px;
  width: 100px;
}
#check1{
  font-size: 12px;
  margin-top: 5px;
}
#check2{
  font-size: 12px;
  margin-top: 5px;
}
#div1>#top{
  margin-left: -10px;
}
#div1>#top>.row>span{
  margin-top: -10px;
  color: blue;
  font-size: 15px;

}
#div1>#top>.row>p{
  font-size: 13px;
}
#div1>#top>.row>p>span{
  color: blue;
  font-size: 15px;
}
#div1>#top2>p{
  margin-top: 40px;
  color:rgb(82, 77, 77);
  margin-left: 80px;
  font-size: 15px;

}
#div1>#top2>p>span{
  color: blue;
  font-size: 15px;
}
#btn8{
  margin-top: 5px;
}
#btn11{
  margin-top: 5px;
}
#home3btn1{
  font-size: 14px;
  margin-left: 80px;
 }
 #home3btn2{
  margin-top: 2px;
  font-size: 14px;
 
 }
 #home3btn3{
 
  font-size: 14px;

  margin-left: 10px;
 }
 #home3btn4{
  margin-top: -5px;
 font-size: 14px;
  margin-left: 35px;
 }
 #home3btn5{
  font-size: 14px;
  margin-left: -30px;
 }

@media(min-width:1281px) {
  .form-check {
    display: block;
    min-height: 1.7rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
     #homepoint{
    margin-top: 2px;
   }
   #homereject{
    margin-top: 3px;
   }
  .hometop{
    margin-left: -12px;
    width: 103.5%;height: 220px;
    border: 1px solid black;
    padding-left: 7px;
    padding-right: 6px;
  
   margin-bottom: 10px;
  }
  #name{
    margin-top: 5px;
  }
  #homecheck{
    margin-top: 1px;
    margin-left: -17px;
    width: 0.9em;
    height: 0.9em;
  }
  #success-message{
    margin-top: -80px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 10px;
  }
  #toAccNo{
    border: 1px solid black;
    margin-left: 5px;
    width: 130px;
    height: 25px;
    font-size: 12px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 130px;
    height: 25px;
    font-size: 12px; 
 }
  #amount{
    border: 1px solid black;
    margin-left: 5px;
    width: 130px;
    height: 25px;
    font-size: 12px;
  }

  #home1body{
    margin-top: 10px;
   
  }
  #homeradio1{
    margin-top: -5px;
  }
  #homeradio{
    margin-top: -5px;
  }
  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:4px;
    padding-bottom: 1px;
    padding-left:1px;
  }
 
  th {
    
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width: 310px;
    height: 120px;
    
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #homecan{
    margin-right: -150px;
    margin-top: -6px;
  }
  #flexCheckDefault{
   
    width: 10px;
    height: 10px;
   }
   #hometd{
    font-size: 10px;
   }
   #hometh{
    font-size: 12px;
   }
  #img1>.col-6>h6{
    font-size: 0.39rem;
   
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding: 0px;
  font-weight: bolder;
   }

   #div1>#top{
    margin-left: -50px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
    font-size: 15px;
  
  }
  #div1>#top>.row>p{
    font-size: 13px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 15px;
  }
 
  #div1>#top2>p{
    
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 70px;
    font-size: 15px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 15px;
  }
  /* #cl1{
    margin-top: -20px;
    margin-left: -50px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  } */
  #cl1 {
    margin-top: -20px;
    margin-left: -50px;
    display: flex;
    justify-content: center;
  }
  #row1{
    background: rgb(229, 221, 221);
    padding: 5px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 2px;
    font-size: 10px;
    color: white;
  }
  
  #row2>h6{
    font-size: 10px;
  }
  #row1>h6{
    font-size: 10px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  
  #na1{
    background-color: orange;
   
    
    margin-left: -7px;
   
    width: 102.1%;
    height: 30px;

  #h2{
    margin-top:10px;
    color: white;
  }
  }
  #radio{
    color: white;
  }
  
 
  #col2{
    
    border: 1px solid rgb(50, 49, 49); 
   width: 180px;
   height: 450px;
   padding-left: 5px;
   
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 18px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
    
  width: 75px;
height: 70px;
  }
  #img1>.col-6>h6{
    margin-left: 10px;
    margin-top: 5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 12px;
    margin-left: -12px;
   }
   #img1>.col-6>.blink{
  font-size: 10px;
}
   #row1>.col-6>#btn2{
    margin-left: 70px;
   }
   #row1>.col-6>#btn3{
    margin-left: 20px;
   }
  #col4{
    border: 1px solid rgb(50, 49, 49); 
   width: 180px;
    height: 450px;
   padding-left: 5px;
   font-size: 2px;
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 18px;
    display: flex;
  justify-content: center;
  }
  
  #img1>.col-6>h6{
    font-size: 6px;
  
   }
   #btn7{
  margin-left: 135px;
  color: #c00f0f;
  text-decoration: none;
  font-weight: bold;
   }
   #last>input[type=text]{
    border: 1px solid rgb(68, 66, 66);
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
  }
  
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid rgb(54, 53, 53);
   
  
 
  background-color: orange;
  height: 25px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 10px;
    margin-top: 10px;
  }
  #check2{
    font-size: 10px;
    margin-top: 10px;
  }
  
 }
@media(max-width:1281px) {
  .form-check {
    display: block;
    min-height: 1.6rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  #homepoint{
    margin-top: 2px;
   }
   #homereject{
    margin-top: 3px;
   }
  .hometop{
    margin-left: -12px;
    width: 103.5%;
    height: 221px;
    border: 1px solid black;
    padding-left: 7px;
    padding-right: 6px;
 
   margin-bottom: 10px;
  }
  #name{
    margin-top: 5px;
  }
  #success-message{
    margin-top: -100px;
  }
 
  #error-message{
    margin-top: -13px;
    
  }
  #homecheck{
    margin-top: 1px;
    margin-left: -17px;
    width: 0.8em;
    height: 0.8em;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 10px;
  }
  #toAccNo{
    border: 1px solid black;
    margin-top: 2px;
    margin-left: 5px;
    width: 110px;
    height: 25px;
    font-size: 12px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 110px;
    height: 25px;
    font-size: 12px; 
 }
  #amount{
    border: 1px solid black;
    margin-left: 5px;
    width: 110px;
    height: 25px;
    font-size: 12px;
  }
  

  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:5px;
    padding-bottom: 1px;
    padding-left:5px;
  }
  #hometh1{
    width: 2px;
  }
  .hometr{
    width: 50px;
  }
  #home1body{
    margin-top: 10px;
    margin-left: 20px;
  }
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width: 250px;
    height: 120px;
    
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
 #hometh{
  font-size: 12px;
 }
 #flexCheckDefault{

  width: 10px;
  height: 10px;
 }
 #hometd{
  font-size:9px;
 }
  #homecan{
    margin-right: -120px;
    margin-top: -5px;
  }
  #img1>.col-6>h6{
    font-size: 0.39rem;
   
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding: 0px;
  font-weight: bolder;
   }

   #div1>#top{
    margin-left: -50px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
    font-size: 15px;
  
  }
  #div1>#top>.row>p{
    font-size: 13px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 15px;
  }
 
  #div1>#top2>p{
    
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 70px;
    font-size: 15px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 15px;
  }
  #cl1{
    margin-top: -20px;
    margin-left: -50px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    background: rgb(229, 221, 221);
    padding: 5px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 2px;
    font-size: 10px;
    color: white;
  }
  
  #row2>h6{
    font-size: 10px;
  }
  #row1>h6{
    font-size: 10px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 11px;
  }
  
  #na1{
    background-color: orange;
   
    margin-left: -6px;
    width: 102%;
  
  margin-top: 1px;
  height: 30px;
  #h2{
    margin-top: 10px;
    color: white;
  }
  }
  #homeradio1{
    margin-top: -5px;
  }
  #homeradio{
    margin-top: -5px;
  }
  #radio{
    
    color: white;
  }
  .container-fluid{
   margin-top: 20px;
  }
  #col2{
    
    border: 1px solid rgb(50, 49, 49); 
   width: 180px;
   height: 450px;
   padding-left: 5px;
   
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 18px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
    
  width: 75px;
height: 70px;
  }
  #img1>.col-6>h6{
    margin-left: 10px;
    margin-top: 5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 12px;
    margin-left: -12px;
   }
   #img1>.col-6>.blink{
  font-size: 10px;
}
   #row1>.col-6>#btn2{
    margin-left: 70px;
   }
   #home3btn1{
    font-size: 12px;
    margin-left: 55px;
   }
   #home3btn2{
    font-size: 12px;
    
   }
   #home3btn3{
    font-size: 12px;
    
   }
   #home3btn4{
    font-size: 12px;
    margin-left: 10px;
   }
   #home3btn5{
    font-size: 12px;
    margin-left: -30px;
   }
   
    #btn6{
      font-size: 12px;
    }
   #row1>.col-6>#btn3{
    
    margin-left: 20px;
   }

  #col4{
    border: 1px solid rgb(50, 49, 49); 
   width: 180px;
    height: 450px;
   padding-left: 5px;
   font-size: 2px;
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 18px;
    display: flex;
  justify-content: center;
  }
  
  #img1>.col-6>h6{
    font-size: 6px;
  
   }
   #btn7{
  margin-left: 135px;
  color: orange;
  text-decoration: none;
  font-weight: bold;
   }
   #last>input[type=text]{
    border: 1px solid rgb(68, 66, 66);
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
  }
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid rgb(54, 53, 53);
  
  background-color: orange;
  height: 25px;
  color: white;
  }
  h6>.h6{
    font-size: 13px;
  }

  #last{
    margin-top: -4px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 10px;
    margin-top: 10px;
  }
  #check2{
    font-size: 10px;
    margin-top: 10px;
  }
  


 }
 
 @media(max-width:1200px) {
  .form-check {
    display: block;
    min-height: 1.4rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 105%;
    height: 189px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 7px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -60px;
  }
  #error-message{
    font-size: 12px;
    margin-top: -13px;
    
  }
  #homecheck{
    margin-top: 1px;
    margin-left: -17px;
    width: 0.8em;
    height: 0.8em;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 10px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 110px;
    height: 25px;
    font-size: 12px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 110px;
    height: 25px;
    font-size: 12px; 
 }
  #amount{
    margin-left: 5px;
    width: 110px;
    height: 25px;
    font-size: 12px;
  }
  #home3btn1{
    font-size: 10px;
    margin-left: 40px;
   }
   #home3btn2{
    font-size: 10px;
    
   }
   #home3btn3{
    font-size: 10px;
  
   }
   #home3btn4{
    font-size: 10px;
    margin-left: 10px;
   }
   #home3btn5{
    font-size: 10px;
    margin-left: -30px;
   }
#homepoint{
  margin-top: 1px;
}
#homereject{
  margin-top: 1px;
}
    #homecan{
      margin-top: -7px;
    }
  #homeradio1{
    margin-top: -1px;
  }
  #homeradio{
    margin-top: -1px;
  }

  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
  
    padding-left:1px;
  }
  #hometh1{
    width: 2px;
  }
  .hometr{
    width: 50px;
  }
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width: 220px;
    height: 100px;
   
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #hometd{
    font-size: 9px;
   }
   #hometh{
    font-size: 12px;
   }
  #div1>#top{
    margin-left: -170px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
    font-size: 15px;
  
  }
  #div1>#top>.row>p{
    font-size: 13px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 15px;
  }
  #div1>#top2>p{
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 75px;
    font-size: 15px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 15px;
  }
  #img1>.col-6>h6{
    font-size: 0.39rem;
   
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding: 0px;
  font-weight: bolder;
   }
  #last4{
    width: 472px;
    height: 50px;
  }
 #div1{
  margin-top: -20px;
 }
  #cl1{
    margin-top: -30px;
    margin-left: -170px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 23px;
    padding: 5px;
    display: flex;
    justify-content: space;
  }
  #row3{
    height: 28px;
  }
  .btn1{
    padding: 2px;
    font-size: 10px;
    color: white;
  }
  
  #row2>h6{
    font-size: 10px;
  }
  #row1>h6{
    font-size: 10px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 9px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 9px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 9px;
  }
  
  #na1{
    background-color: orange;
   width: 102.7%;
  height: 30px;
 
  #h2{
    margin-top: 10px;
    color: white;
  }
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
    color: white;
  }
  .container-fluid{
    margin-top: 10px;
   
  }
  #col2{
    
    border: 1px solid black; 
   width: 180px;
   height: 375px;
   padding-left: 5px;
   
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 16px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
    
  height: 50px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 12px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 45px;
   }
   #row1>.col-6>#btn3{
    margin-left: 13px;
   }
  #col4{
    border: 1px solid black; 
   width: 180px;
   height: 375px;
   padding-left: 5px;
   
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 14px;
  }
  
  #img1>.col-6>h6{
    font-size: 6px;
  
   }
   #btn7{
  margin-left: 50px;
  color: orange;
  text-decoration: none;
  font-weight: bold;
   }
   #last>input[type=text]{
    border: 1px solid black;
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }

  
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 25px;
  color: white;
  }
  #last{
    
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 10px;
    margin-top: 10px;
  }
  #check2{
    font-size: 10px;
    margin-top: 10px;
  }
  
 }
 
 @media(max-width:992px){
  .form-check {
    display: block;
    min-height: 1rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  #homepoint{
    margin-top: -0.5px;
   }
   #homereject{
    margin-top: -0.5px;
   }
  .hometop{
    margin-left: -12px;
    width: 106.4%;
    height: 172px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 6px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -260px;
  }
  #name{
    margin-top: 1px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 8px;
  }
 
  #home3btn1{
    font-size: 10px;
    margin-left: 40px;
   }
   #home3btn2{
    font-size: 10px;

    
   }
   #home3btn3{

    font-size: 10px;
   
   }
   #home3btn4{
    font-size: 10px;
    margin-left: 5px;
   }
   #home3btn5{
    font-size: 10px;
    margin-left: -30px;
   }

 
 
  #homeradio1{
    font-size: 10px;
    margin-top: -3px;
  }
  #homeradio{
    font-size: 10px;
    margin-top: -3px;
  }

  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:4px;
  padding-bottom: 0px;
    padding-left:4px;
  }
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width: 190px;
    height: 90px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 10px;
   }
   #flexCheckDefault{
    width: 8px;
    height: 8px;
   }
   #hometd{
    font-size: 8px;
   }
    #homecan{
      margin-top: -7px;
    }
 
  #img1>.col-6>.blink{
    font-size: 8px;
  }
  #div1>#top{
    margin-left: 80px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
    font-size: 12px;
  
  }
  #div1>#top>.row>p{
    font-size: 10px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 12px;
  }
  #div1>#top2>p{
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 110px;
    font-size: 12px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 15px;
  }
  #img1>.col-6>h6{
   font-size: 10px;
   margin-left: 9px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding: 0px;
  font-weight: bolder;
   }
  #last4{
    width: 425px;
    height: 50px;
  }

  #cl1{
    margin-top: -20px;
   margin-left: 80px;
    .h{
      color: red;
      font-size: 10px;
    font-weight: bold;  }
  }
  #row1{
    padding: 5px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 2px;
    font-size: 8px;
    color: white;
  }
  
  #row2>h6{
    font-size: 8px;
  }
  #row1>h6{
    font-size: 8px;
  }
 
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  
  #na1{
    background-color: orange;
    width: 102.8%;
  height: 25px;
  
  #h2{
    font-size: 10px;
    margin-top: 10px;
    color: white;
  }
  }
  #radio{
    color: white;
  }
  .container-fluid{
   
  }
  #col2{
    
    border: 1px solid black; 
   width: 140px;
   height: 345px;
    padding-left: 5px;
   font-size: 2px;
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 13px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 56px; 
  height: 50px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 10px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 12px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 45px;
   }
   
  #col4{
    border: 1px solid black; 
   width: 140px;
   height: 345px;
   padding-left: 5px;
   font-size: 2px;
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 13px;
    
  }

  #check1{
  font-size: 1px;
  margin-top: 5px;
 
}

  #check2{
  font-size: 10px;
  margin-top: 10px;
 
}
  #img1>.col-6>h6{
    font-size: 6px;
    
   }
   #btn6{
    font-size: 12px;
  }
   #btn7{
  margin-left: 110px;
  color: orange;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
   }
   #last>input[type=text]{
    border: 1px solid black;
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
  }
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
   
  background-color: orange;
  height: 25px;
  color: white;

  }
  #last{
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 10px;
    margin-top: 10px;
  }
  #na1>.col-4>#h2{
    margin-top: 5px;
    font-size: 12px;
  }
  #btn1{
    font-size: 4px;
    padding: 1px;
  }
  
 #btn2{
  margin-left: -90px;
}
#hometh1{
  font-size: 7px;
}
#hometd1{
  font-size: 7px; 
}
 }

 @media(max-width:821px){
  .form-check {
    display: block;
    min-height:1rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 106.4%;
    height: 155px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 6px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -198px;
  }
  #error-message{
    font-size: 10px;
    margin-top: -13px;
    
  }
  #homecheck{
    margin-top: 1px;
    margin-left: -17px;
    width: 0.6em;
    height: 0.6em;
  }
  #home3btn1{
    font-size: 8px;
    margin-top: 2px;
    margin-left: 37px;
   }
   #home3btn2{
    font-size: 8px;
 
   }
   #homepoint{
    margin-top: -3px;
   }
   #homereject{
    margin-top: -3px;
   }
   #home3btn3{
    font-size: 8px;
   
   }
   #home3btn4{
    font-size: 8px;
    margin-top: -1px;
    margin-left: 10px;
   }
   #home3btn5{
    font-size: 8px;
    margin-left: -30px;
   }

#homecan{
  margin-top: -7px;
}
  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
  padding-bottom: 0px;
    padding-left:1px;
  }
  .table {
    width: 110%;
    margin-bottom: 0px;
  
  }
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width: 180px;
    height: 80px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #hometh{
    font-size: 10px;
   }
  #hometd{
    font-size: 7px;
   }
 
  #last{
    margin-top: 5px;
    display: flex;
   justify-content: center;
   border: 1px solid black;

   
  }
  #td{
    margin-top: 5px;
    width: 80px;
  }
  
  #t1{
    color: black;
    margin-top: 5px;
  }
  #img1>.col-6>h6{
    font-size: 10px;
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }

 
  #div1>#top{
    margin-left: 30px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
  
  }
  #div1>#top>.row>p>span{
    color: blue;
  }
  #div1>#top2>p{
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 100px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 12px;
  }
  #cl1{
    margin-top: -20px;
   margin-left: 30px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 20px;
    padding: 2px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 2px;
    font-size: 8px;
    color: white;
  }
  
  #row2>h6{
    font-size: 8px;
  }
  #row1>h6{
    font-size: 8px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 7px;
  }
  
  #na1{
    background-color: orange;

    height: 23px;

  
  #h2{
    margin-top: 10px;
    color: white;
    
    
  }
  }
  #nal>.col-4>#h2{
    font-size: 7px;
  }
  #radio{
    color: white;
    font-size: 10px;
  }
  .container-fluid{
   
  }
  #last1>h6{
    margin-top: 2px;
    margin-left: -5px;
    font-size: 12px;
  }
  #col2{
    
    border: 1px solid black; 
   width: 140px;
   height: 345px;
   padding-left: 5px;
   
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 13px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
    
  width: 56px; 
  height: 50px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 10px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 12px;
    margin-left: -12px;
   }
  
   #row1>.col-6>#btn3{
    margin-left: 0px;
   }
   #row1>.col-6>#btn2{
    margin-left: 20px;
   }

  #col4{
    border: 1px solid black; 
   width: 140px;
   height: 345px;
  padding-left: 5px;
   font-size: 2px;
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 13px;
    
  }
  
  #img1>.col-6>h6{
    font-size: 6px;
    
   }
   #btn7{
  margin-left: 50px;
  color: orange;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
   }
   #btn6{
    font-size: 8px;
  }
   #last>input[type=text]{
    border: 1px solid black;
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
  }
  
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
#last1{
  margin-top: -3px;
    border: 1px solid black;
   
  background-color: orange;
  height: 23px;
  color: white;
  }
  #home1check{
    margin-top: -6px;
   
  }
  #last{
   
    display: flex;
   justify-content: center;
   
  }
 
  #check1{
    font-size: 10px;
    margin-top: 5px;
  }
  #check2{
    font-size: 10px;
    margin-top: 10px;
  }
  #last{
    margin-top: -1px;
        display: flex;
       justify-content: center;
       
      }
      #t1{
        font-size: 7px;
      }
      #homeerr{
        margin-left: 2px;
        font-size: 10px;
      }
      #toAccNo{
        margin-left: 5px;
        width: 90px;
        height: 20px;
        font-size: 12px;
        
      }
     #yourPin{
      border: 1px solid black;
      margin-left: 5px;
      width: 90px;
        height: 20px;
        font-size: 12px; 
     }
      #amount{
        margin-left: 5px;
        width: 90px;
        height: 20px;
        font-size: 12px;
      }
   
      #row3{
        height: 25px;
      }
  
 }
 @media(max-width:769px){
  .form-check {
    display: block;
    min-height: 1rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 106.4%;
    height: 135px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 6px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -180px;
  }
  #error-message{
    font-size: 9px;
    margin-top: -10px;
    
  }
  #homecheck{
    margin-top: 1px;
    margin-left: -17px;
    width: 0.6em;
    height: 0.6em;
  }
  #homepoint{
    margin-top: -6px;
  }
  #homereject{
    margin-top: -6px;
  }
  #home3btn1{
    font-size: 8px;
    margin-top: 4px;
    margin-left: 35px;
   }
   #home3btn2{
    font-size: 8px;
    
   }
   #home3btn3{
    font-size: 8px;
   
   }
   #btn6{
    font-size: 8px;
  }
   #home3btn4{
    font-size: 8px;
    margin-top: 0px;
    margin-left: 8px;
   }
   #home3btn5{
    font-size: 8px;
    margin-left: -30px;
   }
  #t1{
    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 8px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 90px;
    height: 20px;
    font-size: 10px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 90px;
    height: 20px;
    font-size: 10px; 
 }
  #amount{
    margin-left: 5px;
    width: 90px;
    height: 20px;
    font-size: 10px;
  }

  #row3{
    height: 20px;
  }

 
  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
  padding-bottom: 0px;
    padding-left:1px;
  }
  .table {
    width: 110%;
    margin-bottom: 0px;
  
  }
  #homeerr{
    margin-left: 5px;
    font-size: 6px;
  }

 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:170px;
    height: 70px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 8px;
   }
   #flexCheckDefault{
    width: 6px;
    height: 6px;
   }
   #hometd{
    font-size: 6px;
   }
    #homecan{
      margin-top: -9px;
    }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #img1>.col-6>h6{
    font-size: 10px;
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
  #last4{
    width: 380px;
    height: 50px;
  }
 
  #div1>#top{
    margin-left: 30px;
  }
  #div1>#top>.row>span{
    margin-top: -10px;
    color: blue;
  
  }
  #div1>#top>.row>p>span{
    color: blue;
  }
  #div1>#top2>p{
    margin-top: 40px;
    color:rgb(82, 77, 77);
    margin-left: 120px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 12px;
  }
  #cl1{
    margin-top: -20px;
   margin-left: 30px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 19px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 1px;
    font-size: 6px;
    margin-left: 5px;
    color: white;
  }
  
  #row2>h6{
    font-size: 8px;
  }
  #row1>h6{
    font-size: 8px;
  }
  #btn1{
    width: 0px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 6px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 6px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 6px;
  }
  
  #na1{
    background-color: orange;
   width: 103%;
  height: 20px;
  
  #h2{
    margin-top: 5px;
    color: white;
    
    
  }
  }
  #na1>.col-4>#h2{
    margin-top: 4px;
    font-size: 10px;
  }
  #home3btn2{
    padding: 0;
    
  }
  #radio{
   
    color: white;
    font-size: 10px;
  }
  .container-fluid{
   
  }
  #last1>.h6{
    font-size: 12px;
  }
  #homeradio{
    margin-top: -7px;
  }
  #homeradio1{
    margin-top: -7px;
  }
  #col2{
    
    border: 1px solid black; 
   width: 140px;
   height: 345px;
   padding-left: 5px;
   
   margin-right: 15px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 13px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
 width: 56px; 
  height: 50px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 10px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    margin-top: 1px;
    font-size: 10px;
    margin-left: -10px;
   }
  
   #row1>.col-6>#btn3{
    margin-top: 2px;
    
    margin-left: 5px;
   }
   #row1>.col-6>#btn2{
    margin-left: 20px;
   }

  #col4{
    border: 1px solid black; 
   width: 140px;
   height: 345px;
   padding-left: 5px;
   
   margin-left: 15px;
  }
  #col4>.h{
    font-size: 13px;
    
  }
  
  #img1>.col-6>h6{
    font-size: 6px;
    
   }
   #btn7{
  margin-left: 60px;
  color: orange;
  font-size: 9px;
  text-decoration: none;
  font-weight: bold;
   }
   #last>input[type=text]{
    border: 1px solid black;
   }
  
  
  
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  #radio{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
  }
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
#last1{
    border: 1px solid black;
   
  background-color: orange;
  height: 20px;
  color: white;
  }
  #last{
margin-top: -4px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 8px;
    margin-top: 5px;
  }
  #check2{
    font-size: 8px;
    margin-top: 10px;
  }
 
  
 }
 @media(max-width:678px){
  .hometop{
    margin-left: -12px;
    width: 108%;
    height: 139px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -28px;
    font-size: 8px;
  }
  #error-message{
    font-size: 8px;
    margin-top: -13px;
    
  }
  .mb-1{
    padding: 0;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
  }
  #homepoint{
    margin-top: -6px;
  }
  #homereject{
    margin-top: -6px;
  }
  #home3btn1{
    font-size: 7px;
    margin-top: 2px;
    margin-left: 32px;
   }
   #home3btn2{
    font-size: 7px;
    margin-top: 4px;
   
   }
   #home3btn3{
   
    font-size: 7px;
 
   }
  
   #home3btn4{
    font-size: 7px;
    margin-top: -1px;
    margin-left: 7px;
   }
   #home3btn5{
    font-size: 7px;
    margin-left: 10px;
   }
  #homecenter{
    margin-top: -4px;
  }
  #homeradio1{
    font-size: 8px;
    margin-top: -3px;
  }
  #homeradio{
    font-size: 8px;
    margin-top: -3px;
  }

  .table>:not(caption)>*>* {
    padding-top: 2px;
    padding-right:1px;
  padding-bottom: 0px;
    padding-left:1px;
  }
  .table {
    width: 110%;
    margin-bottom: 0px;
  
  }
  #homeerr{
    margin-left: 5px;
    font-size: 6px;
  }
  #t1{

    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 7px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 80px;
    height: 15px;
    font-size: 8px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 80px;
    height: 15px;
    font-size: 8px; 
 }
  #amount{
    margin-left: 5px;
    width: 80px;
    height: 15px;
    font-size: 8px;
  }
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:150px;
    height: 80px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

 
   #flexCheckDefault{
    width: 6px;
    height: 6px;
   }
   #hometd{
    font-size: 6px;
   }
  #hometh{
    
    font-size: 8px;
   
   }
   #flexCheckDefault{
    margin-top: -2px;
    width: 7px;
    height: 7px;
   }
   
   #hometd{
    
    font-size: 6px;
   }
    #homecan{
      margin-top: -7px;
    }
  
  #last{
    margin-top: 5px;
    display: flex;
   justify-content: center;
   border: 1px solid black;

  
   
  }
    #nal>.col-4>#h2{
    font-size: 5px;
    margin-left: 2px;
    margin-top: -20px;
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    width: 40px;
    font-size: 8px;
  }
  
  #t1{
    margin-left: 20px;
    font-size: 8px;
    color: black;
    margin-top: 5px;
  }
  #type{
    margin-left: 110px;
    margin-top: -17px;
  }
  #img1>.col-6>h6{
    font-size: 10px;
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
  #last4{
    width: 278px;
    height: 50px;
  }
 
  #div1>#top{
    margin-top: -15px;
    margin-left: 30px;
  }
  #div1>#top>.row>span{
    margin-top: -15px;
    color: blue;
    font-size: 10px;
    margin-bottom: -5px;
  
  }
  #div1>#top>.row>p{
    font-size: 10px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 10px;
  }
  #div1>#top2>p{
    margin-top:12px;
    color:rgb(82, 77, 77);
    margin-left: 80px;
    font-size: 8px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 10px;
  }

  #na1>.col-4>#h2{
    margin-top: 5px;
    font-size: 8px;
  }
 
  #cl1{
    margin-top: -40px;
   margin-left: 30px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
   
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 1px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  
  #na1{
    background-color: orange;
   margin-top: 0.1px;
    height: 18px;
    width: 104%;
margin-left: -7px;
 
  #h2{
    
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 6px;
    margin-top: 5px;
  }
  .container-fluid{
   margin-top: 50px;
  }

  #td{
    width: 60px;
    height: 20px;
  }
  #col2{
    
    border: 1px solid black; 
   width: 120px;
   height: 290px;
  padding: 10px;
   
   margin-right: 8px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    margin-top: -10px;
    font-size: 11px;
    display: flex;
    
  }
  #img1>.col-6>img{
    margin-top: -5px;
   width: 50px; 
  height: 45px;
  margin-left: 5px;
  
  }
  #img1>.col-6>h6{
    margin-top: 2px;
    font-size: 2px;
    display: flex;
    justify-content: center;
    
   }
   #row1>.col-6>h6{
    
    font-size: 8px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 19px;
    margin-top: -3px;
    padding: 1px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 120px;
   height: 290px;
   padding: 10px;
   font-size: 2px;
   margin-left: 8px;
  }
  #col4>.h{
    margin-top: -10px;
    font-size: 11px;
  }
  
  #img1>.col-6>h6{
    font-size: 3px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
   
    font-size: 3px;
  }
 #btn8{
  margin-top: -5px;
  margin-left: 10px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }


  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
  
  background-color: orange;
  height: 18px;
  color: white;
  }
  #last{
    margin-top: -4px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
    margin-top: 3px;
  }
  #btn7{
    margin-left: 20px;
    font-size: 10px;
  }
  #btn6{
    margin-left: 20px;
  }

  #btn3{
  
    padding: 1px;
    margin-top: -5px;
  }
  #row3{
    height: 20px;
  }
  #row1{
    height: 15px;
  }
  #btn4{
    margin-top: -5px;
  }
  #btn11{
    margin-top: -5px;
  }
  #last1>.h6{
    font-size: 10px;
  }
  #blinking {
  
    display:inline-block;
    
  
    
    border: 2.3px solid black;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100000000;
  }
  @keyframes blinking {
    50% {
      border-color: #f4f6f9;
      
    }
  }
 }
 @media(max-width:557px){

  .hometop{
    margin-left: -12px;
    width: 109.4%;
    height: 111px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -130px;
  }
  #error-message{
    font-size: 8px;
    margin-top: -10px;
    
    
  }
  .mb-1{
    padding: 0;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 6px;
    height: 6px;
  }
  #blinking {
  
    display:inline-block;
    
  
    
    border: 2px solid black;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100000000;
  }
  @keyframes blinking {
    50% {
      border-color: #f4f6f9;
      
    }
  }
  .blink {
    font-family: monospace;
  
    animation: color-change 1s infinite;
  }
  
  @keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: red; }
    75% { color: blue; }
    100% { color: red; }
  }
  #homepoint{
    font-size: 6px;
    margin-top: -2px;
  }
  #homereject{
    font-size: 6px;
    margin-top: 2px;
    margin-left: -5px;
  }
  #home3btn1{
    font-size: 6px;
    margin-top: 3px;
    margin-left: 20px;
   }
   #home3btn2{
    font-size: 6px;
   
   }
   #home3btn3{
    font-size: 6px;
   
   }
  
   #home3btn4{
    font-size: 6px;
    margin-top: -1px;
    margin-left: -2px;
   }
   #home3btn5{
    font-size: 6px;
    margin-left: 10px;
   }
  #homecenter{
    margin-top: -5px;
  }
  #homeradio1{
    font-size: 7px;
    margin-top: -3px;
  }
  #homeradio{
    font-size: 7px;
    margin-top: -3px;
  }
  .table>:not(caption)>*>* {
    padding-top: 2px;
    padding-right:1px;
  padding-bottom: 0px;
    padding-left:1px;
  }
  .table {
    width: 110%;
    margin-bottom: 0px;
  
  }
 

  #t1{
    font-size: 6px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 5px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 70px;
    height: 15px;
    
    font-size: 10px;
    
  }

 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 70px;
    height: 15px;
    font-size: 10px; 
 }
  #amount{
    margin-left: 5px;
    width: 70px;
    height: 15px;
    font-size: 10px;
  }

   #flexCheckDefault{
    margin-top: -2px;
    width: 7px;
    height: 7px;
   }
 
  #hometh{
    font-size: 6px;
   }
  #hometd{
    font-size: 5px;
   }
    #homecan{
      margin-right: -10px;
      margin-top: -9px;
    }
    .example {
      background-color: white;
      width:120px;
      height: 55px;
    
      overflow-y: scroll; /* Add the ability to scroll */
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    .example::-webkit-scrollbar {
        display: none;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .example {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
  
  #last{
    margin-top: 2px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
   
  
   
  }
    
  #td{
    margin-left: 20px;
    margin-top: 5px;
    width: 40px;
    font-size: 8px;
  }
  
  #t1{
    margin-left: 20px;
    font-size: 8px;
    color: black;
    margin-top: 5px;
  }
  #type{
    margin-left: 98px;
    margin-top: -17px;
  }
  #img1>.col-6>h6{
    font-size: 10px;
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
  #last4{
    width: 278px;
    height: 50px;
  }
 
  #div1>#top{
    margin-top: -6px;
    margin-left: -8px;
  }
  #div1>#top>.row>span{
    margin-top: -15px;
    color: blue;
    font-size: 9px;
    margin-bottom: -5px;
  
  }
  #div1>#top>.row>p{
    font-size: 8px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 9px;
  }
  #div1>#top2>p{
    margin-top:20px;
    color:rgb(82, 77, 77);
    margin-left: 95px;
    font-size: 8px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 9px;
  }


 
  #cl1{
    margin-top: -45px;
   margin-left: -8px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 1px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
 
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  
  #na1{
    background-color: orange;
    
    height: 18px;
    width: 104.7%;
margin-left: -7px;
  
  #h2{
    
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 6px;
    margin-top: 5px;
  }
  .container-fluid{
   
  }

  #td{
    width: 60px;
    height: 20px;
  }
  #col2{
    
    border: 1px solid black; 
   width: 120px;
   height: 275px;
  padding: 10px;
   
   margin-right: 10px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 11px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 50px; 
  height: 45px;
  margin-left: 5px;
  
  }
  #col2>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 6.5px;
    display: flex;
    margin-left: -2px;
    
    
   }
   #row1>.col-6>h6{
    
    font-size: 6px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 19px;
    margin-top: -3px;
    padding: 1px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 120px;
   height: 275px;
   
   font-size: 2px;
   margin-left: 10px;
  }
  #col4>.h{
    font-size: 11px;
  }
  
  #col4>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 6.5px;
    margin-left: -1px;
  
   }
  
   #last>input[type=text]{
   
   }
  #check1{
   
    font-size: 3px;
  }
  #check2{
   margin-top: 8px;
    font-size: 5px;
  }
 #btn8{
  margin-top: -5px;
  margin-left: 10px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }


  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;

  background-color: orange;
  height: 17px;
  color: white;
  }
  #last{
    margin-top: -3px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
    margin-top: 3px;
  }
  #btn7{
    margin-left: 30px;
    font-size: 8px;
  }
  #btn6{
    margin-left: 20px;
  }

  #btn3{
   margin-left: 10px;
    padding: 1px;
    margin-top: -5px;
  }
  #btn6{
    font-size: 6px;
  }
  #row3{
    height: 18px;
  }
  #row1{
    height: 15px;
  }
  #btn4{
    margin-top: -5px;
  }
  #btn11{
    margin-top: -5px;
  }
  #last1>.h6{
    margin-top: 4px;
    font-size: 8px;
  }
 }
 @media(max-width:528px){
  .hometop{
    margin-left: -12px;
    width: 109.4%;
    height: 111px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 10px;
  }
  #success-message{
    margin-top: -10px;
  }
  #error-message{
    font-size: 8px;
    margin-top: -10px;
    
    
  }
  .mb-1{
    padding: 0;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 6px;
    height: 6px;
  }
  #blinking {
  
    display:inline-block;
    
  
    
    border: 2px solid black;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100000000;
  }
  @keyframes blinking {
    50% {
      border-color: #f4f6f9;
      
    }
  }
  .blink {
    font-family: monospace;
  
    animation: color-change 1s infinite;
  }
  
  @keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: red; }
    75% { color: blue; }
    100% { color: red; }
  }
  #homepoint{
    font-size: 6px;
    margin-top: -1px;
  }
  #homereject{
    font-size: 6px;
    margin-top: 1px;
  }
  #home3btn1{
    font-size: 6px;
    margin-top: 3px;
    margin-left: 20px;
   }
   #home3btn2{
    font-size: 6px;
  
   }
   #home3btn3{
    font-size: 6px;
   
   }
  
   #home3btn4{
    font-size: 6px;
    margin-top: -1px;
    margin-left: -2px;
   }
   #home3btn5{
    font-size: 6px;
    margin-left: 10px;
   }
  #homecenter{
    margin-top: -5px;
  }
  #homeradio1{
    font-size: 7px;
    margin-top: -3px;
  }
  #homeradio{
    font-size: 7px;
    margin-top: -3px;
  }
  .table>:not(caption)>*>* {
    padding-top: 2px;
    padding-right:1px;
  padding-bottom: 0px;
    padding-left:1px;
  }
  .table {
    width: 110%;
    margin-bottom: 0px;
  
  }
 

  #t1{
    font-size: 6px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 5px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 70px;
    height: 15px;
    font-size: 10px;
    
  }
 #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 70px;
    height: 15px;
    font-size: 10px; 
 }
  #amount{
    margin-left: 5px;
    width: 70px;
    height: 15px;
    font-size: 10px;
  }

   #flexCheckDefault{
    margin-top: -2px;
    width: 7px;
    height: 7px;
   }
 
  #hometh{
    font-size: 6px;
   }
  #hometd{
    font-size: 5px;
   }
    #homecan{
      margin-top: -9px;
    }
    .example {
      background-color: white;
      width:120px;
      height: 55px;
    
      overflow-y: scroll; /* Add the ability to scroll */
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    .example::-webkit-scrollbar {
        display: none;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .example {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
  
  #last{
    margin-top: 2px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
   
  
   
  }
    
  #td{
    margin-left: 20px;
    margin-top: 5px;
    width: 40px;
    font-size: 8px;
  }
  
  #t1{
    margin-left: 20px;
    font-size: 8px;
    color: black;
    margin-top: 5px;
  }
  #type{
    margin-left: 98px;
    margin-top: -17px;
  }
  #img1>.col-6>h6{
    font-size: 10px;
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
  #last4{
    width: 278px;
    height: 50px;
  }
 
  #div1>#top{
    margin-top: -6px;
    margin-left: -8px;
  }
  #div1>#top>.row>span{
    margin-top: -15px;
    color: blue;
    font-size: 10px;
    margin-bottom: -5px;
  
  }
  #div1>#top>.row>p{
    font-size: 10px;
  }
  #div1>#top>.row>p>span{
    color: blue;
    font-size: 10px;
  }
  #div1>#top2>p{
    margin-top:20px;
    color:rgb(82, 77, 77);
    margin-left: 85px;
    font-size: 8px;
  
  }
  #div1>#top2>p>span{
    color: blue;
    font-size: 10px;
  }


  
  #cl1{
    margin-top: -45px;
   margin-left: -15px;
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  
  .btn1{
    padding: 1px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
 
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
  }
  
  #na1{
    background-color: orange;
    
    height: 18px;
    width: 104.7%;
margin-left: -7px;
  
  #h2{
    
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 6px;
    margin-top: 5px;
  }
  .container-fluid{
   
  }

  #td{
    width: 60px;
    height: 20px;
  }
  #col2{
    
    border: 1px solid black; 
   width: 120px;
   height: 275px;
  padding: 10px;
   
   margin-right: 8px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 11px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 50px; 
  height: 45px;
  margin-left: 5px;
  
  }
  #col2>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 6.5px;
    display: flex;
    margin-left: -2px;
    
    
   }
   #row1>.col-6>h6{
    
    font-size: 6px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 19px;
    margin-top: -3px;
    padding: 1px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 120px;
   height: 275px;
   
   font-size: 2px;
   margin-left: 8px;
  }
  #col4>.h{
    font-size: 11px;
  }
  
  #col4>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 6.5px;
    margin-left: -1px;
  
   }
  
   #last>input[type=text]{
   
   }
  #check1{
 margin-left: -5px;
    font-size: 3px;
  }
  #check12{
  
    font-size: 3px;
  }
 #btn8{
  margin-top: -5px;
  margin-left: 10px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }


  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;

  background-color: orange;
  height: 17px;
  color: white;
  }
  #last{
    margin-top: -3px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
    margin-top: 3px;
  }
  #btn7{
    margin-left: 30px;
    font-size: 8px;
  }
  #btn6{
    margin-left: 20px;
  }

  #btn3{
   margin-left: 10px;
    padding: 1px;
    margin-top: -5px;
  }
  #btn6{
    font-size: 6px;
  }
  #row3{
    height: 18px;
  }
  #row1{
    height: 15px;
  }
  #btn4{
    margin-top: -5px;
  }
  #btn11{
    margin-top: -5px;
  }
  #last1>.h6{
    margin-top: 4px;
    font-size: 8px;
  }
 }
 @media(max-width:437px){
  .hometop{
    margin-left: -12px;
    width: 112%;
    height: 98px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    margin-top: -10px;
  }
  #error-message{
    font-size: 6px;
    margin-top: -15px;
    
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
  }
  #last1>.h6{
    margin-top: 1px;
    font-size: 5px;
  }
  #homepoint{
   
    margin-top: -2px;
  }
  #homereject{
  
    margin-top: 1px;
  }
  #home3btn1{
    height: 13px;
    margin-top: 3px;
    margin-left: 10px;
   }
 
   #home3btn3{
    height: 12px;
  
   }
  
   #home3btn4{
    height: 13px;
    margin-top: -1px;
    margin-left: -7px;
   }
   #home3btn5{
    height: 13px;
    margin-left: 10px;
   }
  #homecenter{
    margin-top: -5px;
  }
  

  #homeerr{
    margin-left: 5px;
    font-size: 3px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
   
    background-color: white;
    width:100px;
    height: 48px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 5px;
   }
   #flexCheckDefault{
    width: 6px;
    height: 6px;
   }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-left: -8px;
      margin-top: -9px;
    }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
   
  
   
  }
  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
 
  #td{
    margin-left: 20px;
    margin-top: 5px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
#div1{
  margin-top: 5px;
}
#div1>#top{
  margin-top: -30px;
  margin-left: -15px;
}
#div1>#top>.row>span{
  margin-top: -15px;
  color: blue;
  font-size: 9px;
  margin-bottom: -5px;

}
#div1>#top>.row>p{
  font-size: 8px;
}
#div1>#top>.row>p>span{
  color: blue;
  font-size: 9px;
}
#div1>#top2>p{
  margin-top:1px;
  color:rgb(82, 77, 77);
  margin-left: 62px;
  font-size: 8px;

}
#div1>#top2>p>span{
  color: blue;
  font-size: 9px;
}


  #na1>.col-4>#h2{
    font-size: 8px;
  }
  
  #cl1{
    margin-top: -50px;
    margin-left: -18px;
   
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 12px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
    font-size: 8px;
  }
  .btn1{
    padding: 1px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -10px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
 #homeradio1{
  font-size: 5px;
  margin-top: -3px;
}
 #homeradio{
  font-size: 5px;
  margin-top: -3px;
}
  #na1{
    background-color: orange;
    
    height: 18px;
    width: 106%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }
  #nal>.col-4>#h2{
    font-size: 4px;
  }
  
  #col2{
    
    border: 1px solid black; 
   width: 95px;
   height: 225px;
   padding: 10px;
   font-size: 2px;
   margin-right: 12px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 8px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 38px; 
  height: 38px;
  margin-left: 5px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    
    display: flex;
   
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
   #col2>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 5.2px;
    display: flex;
    margin-left: 2px;
    
    
   }
  #col4{
    border: 1px solid black; 
   width: 94px;
   height: 225px;
   padding: 10px;
   font-size: 2px;
   margin-left: 12px;
  }
  #col4>.h{
    font-size: 8px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
   #col4>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 5.2px;
    margin-left: -1px;
  
   }
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
  
    font-size: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 5px;
    
    ;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
  
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
   
  background-color: orange;
  height: 14px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
   
  }
  #btn1{
    font-size: 4px;
    padding: 1px;
  }
  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 5px;
    margin-left: -8px;
  }
#type{
  margin-left: 80px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: 5px;
  font-size: 6px;
  margin-left: 35px;
}
#btn6{
  font-size: 5px;
}

#row3{
  
  height: 15px;
}
#use{
  font-size: 8px;
}
#homeerr{
  margin-left: 2px;
  font-size: 3px;
}
#toAccNo{
  margin-left: 5px;
  width: 50px;
  height: 15px;
  font-size: 8px;
  
}
#yourPin{
border: 1px solid black;
margin-left: 5px;
width: 50px;
  height: 15px;
  font-size: 8px; 
}
#amount{
  margin-left: 5px;
  width: 50px;
  height: 15px;
  font-size: 8px;
}
#home1body{
  margin-top: -5px;
}

 }
 @media(max-width:431px){
  .form-check {
    display: block;
    min-height: 0.5rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 112%;
    height: 98px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    margin-top: -190px;
  }
  #error-message{
    font-size: 6px;
    margin-top: -15px;
    
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
  }
  #last1>.h6{
    margin-top: 1px;
    font-size: 5px;
  }
  #homepoint{
   
    margin-top: -2px;
  }
  #homereject{
  height: 0px;
    margin-top: 1px;
  }
  #home3btn1{
    height: 13px;
    margin-top: 3px;
    margin-left: 10px;
   }
 
   #home3btn3{
    height: 13px;
   
   }
  
   #home3btn4{
    height: 13px;
    margin-top: -1px;
    margin-left: -7px;
   }
   #home3btn5{
    height: 13px;
    margin-left: 10px;
   }
  #homecenter{
    margin-top: -5px;
  }
  

  #homeerr{
    margin-left: 5px;
    font-size: 3px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
   
    background-color: white;
    width:100px;
    height: 48px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 5px;
   }
   #flexCheckDefault{
    width: 6px;
    height: 6px;
   }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-left: -8px;
      margin-top: -9px;
    }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
   
  
   
  }
  .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
 
  #td{
    margin-left: 20px;
    margin-top: 5px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
#div1{
  margin-top: 5px;
}
#div1>#top{
  margin-top: -30px;
  margin-left: -15px;
}
#div1>#top>.row>span{
  margin-top: -15px;
  color: blue;
  font-size: 9px;
  margin-bottom: -5px;

}
#div1>#top>.row>p{
  font-size: 7px;
}
#div1>#top>.row>p>span{
  color: blue;
  font-size: 9px;
}
#div1>#top2>p{
  margin-top:1px;
  color:rgb(82, 77, 77);
  margin-left: 54px;
  font-size: 8px;

}
#div1>#top2>p>span{
  color: blue;
  font-size: 9px;
}


  #na1>.col-4>#h2{
    font-size: 8px;
  }
  
  #cl1{
    margin-top: -50px;
    margin-left: -18px;
   
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 12px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
    font-size: 8px;
  }
  .btn1{
    padding: 1px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -10px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
 #homeradio1{
  font-size: 5px;
  margin-top: -3px;
}
 #homeradio{
  font-size: 5px;
  margin-top: -3px;
}
  #na1{
    background-color: orange;
    
    height: 18px;
    width: 106%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }
  #nal>.col-4>#h2{
    font-size: 4px;
  }
  
  #col2{
    
    border: 1px solid black; 
   width: 95px;
   height: 225px;
   padding: 10px;
   font-size: 2px;
   margin-right: 8px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 8px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 38px; 
  height: 38px;
  margin-left: 5px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    
    display: flex;
   
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
   #col2>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 5.2px;
    display: flex;
    margin-left: 2px;
    
    
   }
  #col4{
    border: 1px solid black; 
   width: 94px;
   height: 225px;
   padding: 10px;
   font-size: 2px;
   margin-left: 8px;
  }
  #col4>.h{
    font-size: 8px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
   #col4>#img1>.col-6>h6{
    margin-top: -2px;
    font-size: 5.2px;
    margin-left: -1px;
  
   }
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
   
    font-size: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 5px;
    
    ;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
  
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
   
  background-color: orange;
  height: 14px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
   
  }
  #btn1{
    font-size: 4px;
    padding: 1px;
  }
  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 5px;
    margin-left: -8px;
  }
#type{
  margin-left: 80px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: 5px;
  font-size: 6px;
  margin-left: 35px;
}
#btn6{
  font-size: 5px;
}

#row3{
  
  height: 15px;
}
#use{
  font-size: 8px;
}
#homeerr{
  margin-left: 2px;
  font-size: 3px;
}
#toAccNo{
  margin-left: 5px;
  width: 50px;
  height: 15px;
  font-size: 8px;
  
}
#yourPin{
border: 1px solid black;
margin-left: 5px;
width: 50px;
  height: 15px;
  font-size: 8px; 
}
#amount{
  margin-left: 5px;
  width: 50px;
  height: 15px;
  font-size: 8px;
}
#home1body{
  margin-top: -5px;
}

 }
 @media(max-width:416px){
  .form-check {
    display: block;
    min-height: 0.5rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 112%;
    height: 90px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 8px;
    margin-top: -190px;
  }
  #error-message{
    font-size: 6px;
    margin-top: -15px;
    
  }
  .mb-1{
    padding: 0;
  }
  #blinking {
  
    display:inline-block;
    
  
    padding: 0;
    border: 2px solid black;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100000000;
  }
  @keyframes blinking {
    50% {
      border-color: #f4f6f9;
      
    }
  }
  .blink {
    font-family: monospace;
  
    animation: color-change 1s infinite;
  }
  
  @keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: red; }
    75% { color: blue; }
    100% { color: red; }
  }
  div>#homecol1>.col-6 mb-1{
padding: 0px;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
  }
  #last1>.h6{
    margin-top: 1px;
    font-size: 5px;
  }
  #homepoint{
    margin-top: -2px;
  }
  #homereject{
    height: 0;
    margin-right: -0px;
    margin-top: 1px;
  }
  #home3btn1{
    height: 12px;
    margin-top: 1px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 12px;
   
   }
   #hometh1{
    font-size: 4px;
   }
   #hometr1{
    font-size: 4px;
   }
   #home3btn3{
    height: 12px;
    
   }
  
   #home3btn4{
    height: 12px;
    margin-top: -0.3px;
    margin-left: -5px;
   }
   #home3btn5{
    height: 12px;
    margin-left: -10px;
   }
  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }
  #home1body{
    margin-top: 5px;
   
  }
  #t1{
    font-size: 5px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 2px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 50px;
    height: 13px;
    font-size: 7px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 50px;
    height: 13px;
    font-size: 7px; 
  }
  #amount{
    margin-left: 5px;
    width: 50px;
    height: 13px;
    font-size: 7px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:90px;
    height: 45px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 4px;
   }
   #flexCheckDefault{
    width: 6px;
    height: 6px;
   }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-left: 5px;
      margin-top: -8px;
    }
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 3px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
  
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
    #div1{
      margin-top: 5px;
    }
    #div1>#top{
      margin-top: -30px;
      margin-left: -15px;
    }
    #div1>#top>.row>span{
      margin-top: -15px;
      color: blue;
      font-size: 8px;
      margin-bottom: -5px;
    
    }
    #div1>#top>.row>p{
      font-size: 7px;
    }
    #div1>#top>.row>p>span{
      color: blue;
      font-size: 8px;
    }
    #div1>#top2>p{
      margin-top:-3px;
      color:rgb(82, 77, 77);
      margin-left: 50px;
      font-size: 7px;
    
    }
    #div1>#top2>p>span{
      color: blue;
      font-size: 8px;
    }

 
  #cl1{
    margin-top: -50px;
   
 
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
    font-size: 6px;
  }
  .btn1{
   padding: 0px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -10px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
 
 
  height: 13px;
  width: 106.6%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }

  }
  #homeradio1{
    margin-top: -4px;
  }
  #homeradio{
    margin-top: -4px;
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }
 
  
  #col2{
    
    border: 1px solid black; 
   width: 89px;
   height: 210px;
   padding: 10px;
   font-size: 2px;
   margin-right: 10px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 7px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 35px; 
  height: 35px;
  margin-left: 5px;
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 89px;
   height: 210px;
   padding: 10px;
   font-size: 2px;
   margin-left: 10px;
  }
  #col4>.h{
    font-size: 7px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
    margin-left: -5px;
    font-size: 5px;
  }
  #check2{
   margin-left: -5px;
    font-size: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 5px;
    margin-left: -0.4px;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }

  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
   
  background-color: orange;
  height: 14px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 5px;
   
  }
 
  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
    padding: 0px;
  }
  #na1>.col-4>#h2{
    margin-top: 2px;
    font-size: 5px;
    margin-left: -11px;

  }
#type{
  margin-left: 82px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: 5px;
  font-size: 6px;
  margin-left: 40px;
}
#row3{
 
  height: 15px;
}
#use{
  font-size: 8px;
}
 }
 @media(max-width:395px){
  .hometop{
    margin-left: -12px;
    width: 114%;
    height: 83px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 10px;
    margin-top: -10px;
  }

  #error-message{
    font-size: 5px;
    
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 4px;
    height: 4px;
  }
  #blinking {
  
    display:inline-block;
    
  
    
    border: 2px solid black;
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100000000;
  }
  @keyframes blinking {
    50% {
      border-color: #f4f6f9;
      
    }
  }
  .blink {
    font-family: monospace;
  
    animation: color-change 1s infinite;
  }
  
  @keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: red; }
    75% { color: blue; }
    100% { color: red; }
  }
  #last1>.h6{
    margin-top: 1px;
    font-size: 5px;
  }
  #homepoint{
    margin-top: -2px;
  }
  #homereject{
    margin-top: 1px;
  }
  #home3btn1{
    height: 11px;
    font-size: 4px;
    margin-top: 1px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 10px;
    font-size: 4px;
    
   }
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }
   #home3btn3{
    height: 10px;
    font-size: 4px;
    
   }
  
   #home3btn4{
    height: 11px;
    font-size: 4px;
    margin-top: -2px;
    margin-left: -5px;
   }
   #home3btn5{
    font-size: 4px;
    height: 10px;
   
    margin-left: -10px;
   }

  
  .table{
    margin-left: -5px;
  }
  
  
  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:84px;
    height: 40px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
   #flexCheckDefault{
    width: 5px;
    height: 5px;
   }
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 3px;
   }
   #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }
    #homecan{
      margin-top: -11px;
    }
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 3px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
  
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -15px;
    }
    #div1>#top>.row>span{
      margin-top: -15px;
      color: blue;
      font-size: 7px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 6px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 7px;
    }
    #div1>#top2>p{
      margin-top:-10px;
      color:rgb(82, 77, 77);
      margin-left: 50px;
      font-size: 6px;
    
    }
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 7px;
    }


  #na1>.col-4>#h2{
    font-size: 8px;
  }

  #cl1{
    margin-top: -55px;
   
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 0px;
    font-size: 3px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
 
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -10px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
    
  height: 13px;
  width: 106.5%;

  #h2{
   
    color: white;
    
  }
  }
  #radio{
    color: white;
    font-size: 4px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }

  
  #col2{
    
    border: 1px solid black; 
   width: 85px;
   height: 215px;
  
   font-size: 2px;
   margin-right: 10px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
    font-size: 7px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 32px; 
  height: 35px;
  
  }
  #img1>.col-6>h6{
    margin-top: 5px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 85px;
   height: 215px;
   

   font-size: 2px;
   margin-left: 10px;
  }
  #col4>.h{
    font-size: 7px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
  
    font-size: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 4px;
    
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  

  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 12px;
  
  color: white;
  }

  #last{
    margin-top: -7px;
    display: flex;
   justify-content: center;
   
  }
  #check1{
    font-size: 4px;
   
  }
  #btn1{
    font-size: 3px;
    padding: 1px;
  }
  #btn3{
   margin-left: 0px;
   margin-top: -5px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 5px;
    margin-left: -11px;
  }
#type{
  margin-left: 75px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: -25px;
  font-size: 6px;
  margin-left: 60px;
}
#row3{
 
  height: 13px;
}
#use{
  font-size: 8px;
}

#homeerr{
  margin-left: 2px;
  font-size: 2px;
}
#toAccNo{
  margin-left: 5px;
  width: 40px;
  height: 13px;
  font-size: 6px;
  
}
#yourPin{
border: 1px solid black;
margin-left: 5px;
width: 40px;
  height: 13px;
  font-size: 6px; 
}
#amount{
  margin-left: 5px;
  width: 40px;
  height: 13px;
  font-size: 6px;
}

 }
 
 @media(max-width:394px){
  .form-check {
    display: block;
    min-height: 0.2rem;
    padding-left: 1em;
    padding-top: 2px;
    margin-bottom: .125rem;
}
  .hometop{
    margin-left: -12px;
    width: 114%;
    height: 70px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 6px;
    margin-top: -160px;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 4px;
    height: 4px;
  }
 
  #last1>.h6{
    margin-top: 1px;
    font-size: 3px;
  }
  #homepoint{
    margin-top: -3px;
  }
  #homereject{
    margin-top: 1.5px;
  }
  #home3btn1{
    height: 10px;
    font-size: 4px;
    margin-top: 0px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 10px;
    font-size: 4px;
   
   }
   #home3btn3{
    height: 10px;
    font-size: 4px;
   
   }
  
   #home3btn4{
    height: 11px;
    font-size: 4px;
    margin-top: -2px;
    margin-left: -5px;
   }
   #home3btn5{
    font-size: 4px;
    height: 10px;
   
    margin-left: -10px;
   }
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }
 
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }

  #homebtn4{
    margin-top: -2px;
  }
   

  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }

  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:95px;
    height: 30px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-top: -10.5px;
    }
  

  #t1{
    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 1px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 40px;
    height: 10px;
    font-size: 6px; 
  }
  #amount{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
  }
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 5px;
    height: 5px;
   }
 
  
    
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 5px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
 
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }

    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -15px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 7px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 6px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 7px;
    }
    #top1{
      margin-top: -8px;
    }
    #div1>#top2>p{
      margin-top:-15px;
      color:rgb(82, 77, 77);
      margin-left: 50px;
      font-size: 6px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 7px;
    }


  
 
  #cl1{
    margin-top: -60px;
   margin-left: -12px;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 10px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 1px;
    font-size: 2px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
   
  height: 12px;
  width: 107.5%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  #homeradio1{
    font-size: 4px;
    margin-top: -4px;
  }
  #homeradio{
    font-size: 4px;
    margin-top: -4px;
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }

  
  #col2{
    
    border: 1px solid black; 
   width: 81px;
   height: 195px;
   
   font-size: 2px;
   margin-right: 8px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
   margin-left: -2px;
    font-size: 7px;
    display: flex;
   
  }
  #img1>.col-6>img{
    margin-top: -5px;
   width: 32px; 
  height: 32px;
  padding: 0px;
  margin-left: 5px;

  }
  #img1>.col-6{
    width: 50%;
  }
  #img1>.col-6>h6{
    margin-top: 1px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 81px;
   height: 195px;
 
   font-size: 2px;
   margin-left: 8px;
  }
  #col4>.h{
    font-size: 6px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
   
    font-size: 3px;
    margin-top: 3px;
  }
  #check2{
   
    font-size: 3px;
    margin-top: 8px;
  }

  #img1>.col-6>.blink{
    font-size: 4px;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 13px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: -1px;
  font-size: 6px;
  margin-left: 32px;
}
#row3{
  
  height: 12px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.7px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
 }
 @media(max-width:391px){
    #success-message{
    font-size: 6px;
    margin-top: -180px;
  }
 }
 @media(max-width:376px){
    #success-message{
    font-size: 6px;
    margin-top: -130px;
  }
 }
 @media(max-width:372px){
  .hometop{
    margin-left: -12px;
    width: 114%;
    height: 79px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 8px;
    margin-top: -160px;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 4px;
    height: 4px;
  }
 
  #last1>.h6{
    margin-top: 1px;
    font-size: 3px;
  }
  #homepoint{
    margin-top:-3px;
  }
  #homereject{
    margin-top: 1px;
  }
  #home3btn1{
    height: 10px;
    font-size: 4px;
    margin-top: 0px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 10px;
    font-size: 4px;
    
   }
   #home3btn3{
    height: 10px;
    font-size: 4px;
   
   }
  
   #home3btn4{
    height: 11px;
    font-size: 4px;
    margin-top: -2px;
    margin-left: -5px;
   }
   #home3btn5{
    font-size: 4px;
    height: 10px;
   
    margin-left: -10px;
   }
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }
 
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }

  #homebtn4{
    margin-top: -2px;
  }
   

  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }
 
  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:95px;
    height: 40px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-top: -10.5px;
    }
  

  #t1{
    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 1px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 40px;
    height: 10px;
    font-size: 6px; 
  }
  #amount{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
  }
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 5px;
    height: 5px;
   }
 
  
    
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 5px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
 
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }

    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -8px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 7px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 6px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 7px;
    }
    #top1{
      margin-top: -8px;
    }
    #div1>#top2>p{
      margin-top:-15px;
      color:rgb(82, 77, 77);
      margin-left: 45px;
      font-size: 6px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 7px;
    }


 
  #cl1{
    
    margin-top: -60px;
  padding-left: 0;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  .content-wrapper>.content {
    padding: 0;
}
  #row1{
    height: 10px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 1px;
    font-size: 2px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
   
  height: 12px;
  width: 107.5%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  #homeradio1{
    font-size: 4px;
    margin-top: -4px;
  }
  #homeradio{
    font-size: 4px;
    margin-top: -4px;
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }

  
  #col2{
    
    border: 1px solid black; 
   width: 81px;
   height: 195px;
   
   font-size: 2px;
   margin-right: 6px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
   margin-left: -2px;
    font-size: 7px;
    display: flex;
   
  }
  #img1>.col-6>img{
    margin-top: -5px;
   width: 32px; 
  height: 32px;
  padding: 0px;
  margin-left: 5px;

  }
  #img1>.col-6{
    width: 50%;
  }
  #img1>.col-6>h6{
    margin-top: 1px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 81px;
   height: 195px;
 
   font-size: 2px;
   margin-left: 6px;
  }
  #col4>.h{
    font-size: 6px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
  
    font-size: 3px;
    margin-top: 3px;
  }
  #check2{
  
    font-size: 3px;
    margin-top: 7px;
  }

  #img1>.col-6>.blink{
    font-size: 4px;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 13px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: -1px;
  font-size: 6px;
  margin-left: 35px;
}
#row3{
  
  height: 12px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.7px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
 }
 @media(max-width:348px){
  .hometop{
    margin-left: -12px;
    width: 114%;
    height: 79px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 11px;
    margin-top: -10px;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 4px;
    height: 4px;
  }
 
  #last1>.h6{
    margin-top: 1px;
    font-size: 3px;
  }
  #homepoint{
    margin-top: -3px;
  }
  #homereject{
    margin-top: 1px;
  }
  #home3btn1{
    height: 10px;
    font-size: 4px;
    margin-top: 0px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 10px;
    font-size: 4px;
    
   }
   #home3btn3{
    height: 10px;
    font-size: 4px;
   
   }
  
   #home3btn4{
    height: 11px;
    font-size: 4px;
    margin-top: -2px;
    margin-left: -5px;
   }
   #home3btn5{
    font-size: 4px;
    height: 10px;
   
    margin-left: -10px;
   }
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }
 
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }

  #homebtn4{
    margin-top: -2px;
  }
   

  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }

  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:95px;
    height: 40px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-top: -10.5px;
    }
  

  #t1{
    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 1px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 40px;
    height: 10px;
    font-size: 6px; 
  }
  #amount{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
  }
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 5px;
    height: 5px;
   }
 
  
    
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 5px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
 
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }

    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -8px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 7px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 6px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 7px;
    }
    #top1{
      margin-top: -8px;
    }
    #div1>#top2>p{
      margin-top:-15px;
      color:rgb(82, 77, 77);
      margin-left: 40px;
      font-size: 6px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 7px;
    }


 
  #cl1{
    
    margin-top: -60px;
  padding-left: 0;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  .content-wrapper>.content {
    padding: 0;
}
  #row1{
    height: 10px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 1px;
    font-size: 2px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
   
  height: 12px;
  width: 107.5%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  #homeradio1{
    font-size: 4px;
    margin-top: -4px;
  }
  #homeradio{
    font-size: 4px;
    margin-top: -4px;
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }

  
  #col2{
    
    border: 1px solid black; 
   width: 81px;
   height: 195px;
   
   font-size: 2px;
   margin-right: 4px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
   margin-left: -2px;
    font-size: 7px;
    display: flex;
   
  }
  #img1>.col-6>img{
    margin-top: -5px;
   width: 32px; 
  height: 32px;
  padding: 0px;
  margin-left: 5px;

  }
  #img1>.col-6{
    width: 50%;
  }
  #img1>.col-6>h6{
    margin-top: 1px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 81px;
   height: 195px;
 
   font-size: 2px;
   margin-left: 4px;
  }
  #col4>.h{
    font-size: 6px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
   
    font-size: 3px;
    margin-top: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 4px;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 13px;
  color: white;
  }
  #last{
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: -1px;
  font-size: 6px;
  margin-left: 35px;
}
#row3{
  
  height: 12px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.7px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
 }
 @media(max-width:341px){
  .hometop{
    margin-left: -12px;
    width: 114%;
    height: 70px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 7px;
  }
  #success-message{
    font-size: 11px;
    margin-top: -10px;
  }
  #homecheck{
    margin-top: -3px;
    margin-left: -17px;
    width: 4px;
    height: 4px;
  }
 
  #last1>.h6{
    margin-top: 1px;
    font-size: 3px;
  }
  #homepoint{
    margin-top: -2px;
  }
  #homereject{
    margin-top: 2px;
  }
  #home3btn1{
    height: 10px;
    font-size: 4px;
    margin-top: 0px;
    margin-left: 8px;
   }
   #home3btn2{
    height: 9px;
    font-size: 4px;
    
   }
   #home3btn3{
    height: 9px;
    font-size: 4px;
    
   }
  
   #home3btn4{
    height: 11px;
    font-size: 4px;
    margin-top: -2px;
    margin-left: -5px;
   }
   #home3btn5{
    font-size: 4px;
    height: 10px;
   
    margin-left: -10px;
   }
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }
 
   #hometh1{
    font-size: 3px;
   }
   #hometr1{
    font-size: 3px;
   }

  #homebtn4{
    margin-top: -2px;
  }
   

  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }

  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:95px;
    height: 30px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 3px;
   }
    #homecan{
      margin-top: -10.5px;
    }
  

  #t1{
    font-size: 7px;
  }
  #homeerr{
    margin-left: 2px;
    font-size: 1px;
  }
  #toAccNo{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 40px;
    height: 10px;
    font-size: 6px; 
  }
  #amount{
    margin-left: 5px;
    width: 40px;
    height: 10px;
    font-size: 6px;
  }
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 5px;
    height: 5px;
   }
 
  
    
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
  #col2>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: 5px;
  
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
 
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  
  #t1{
    margin-left: 20px;
    font-size: 6px;
    color: black;
    margin-top: 5px;
  }
  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }

    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -8px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 7px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 6px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 7px;
    }
    #top1{
      margin-top: -8px;
    }
    #div1>#top2>p{
      margin-top:-15px;
      color:rgb(82, 77, 77);
      margin-left: 40px;
      font-size: 6px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 7px;
    }


  

  #cl1{
    
    margin-top: -60px;
  padding-left: 0;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  .content-wrapper>.content {
    padding: 0;
}
  #row1{
    height: 10px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 1px;
    font-size: 2px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
   
  height: 12px;
  width: 107.5%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }
  #homeradio1{
    font-size: 4px;
    margin-top: -4px;
  }
  #homeradio{
    font-size: 4px;
    margin-top: -4px;
  }
  }
  #radio{
    color: white;
    font-size: 5px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }

  
  #col2{
    
    border: 1px solid black; 
   width: 81px;
   height: 195px;
   
   font-size: 2px;
   margin-right: 2px;
   
  }
  #tr1{
    font-size: 10px;
  }
  #col2>.h{
   margin-left: -2px;
    font-size: 7px;
    display: flex;
   
  }
  #img1>.col-6>img{
    margin-top: -5px;
   width: 32px; 
  height: 32px;
  padding: 0px;
  margin-left: 5px;

  }
  #img1>.col-6{
    width: 50%;
  }
  #img1>.col-6>h6{
    margin-top: 1px;
    font-size: 2px;
    display: flex;
    justify-content: center;
   }
   #row1>.col-6>h6{
    
    font-size: 5px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  
  #col4{
    border: 1px solid black; 
   width: 81px;
   height: 195px;
 
   font-size: 2px;
   margin-left: 2px;
  }
  #col4>.h{
    font-size: 6px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
 
    font-size: 3px;
    margin-top: 5px;
  }

  #img1>.col-6>.blink{
    font-size: 4px;
  }
 #btn8{
  margin-left: 5px;
 }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  
 
  #center1>#row1{
    font-size: 5px;
  }
  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 13px;
  color: white;
  }
  #last{
    margin-top: -5px;
    height: 97px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  font-size: 8px;
}
#btn6{
  margin-left: 10px;
  margin-top: -100px;

} 
#btn7{
  margin-top: -40px;
  font-size: 6px;
  margin-left: 45px;
}
#row3{
  
  height: 12px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.7px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
 }

 @media(max-width:332px){
  .hometop{
    margin-left: -12px;
    width: 117%;
    height: 58px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 5px;
  }
  #success-message{
    margin-top: -100px;
    font-size: 5px;
  }
  .content-wrapper>.content {
    padding: 1px;
}
#hometh1{
  font-size: 2px;
}
  #homepoint{
   
    margin-top: -3px;
    
  }
  #homereject{
    
    margin-top: -1px;
  }
  #home3btn1{
    height: 8px;
    font-size: 3px;
    margin-top: -1px;
    margin-left: 2px;
   }
   #home3btn2{
    height: 8px;
    font-size: 3px;
  
  
   }
   #home3btn3{
    height: 8px;
    font-size: 3px;
    
   }
  #homebtn4{
    margin-left: -10px;
    font-size: 3px;
    margin-top: 1px;
  }
   #home3btn4{
    height: 8px;
    margin-top: -5px;
    margin-left: 1px;
   }
   #home3btn5{
    height: 8px;
    font-size: 3px;
    margin-left: -10px;
   }
   #btn5{
    margin-top: -8px;
   }
  #homebtn3{
    margin-top: -1px;
    margin-left: -2px;
   }
 

  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:80px;
    height: 25px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
   #homeradio{
    margin-left: -4px;
    margin-top: -7px;
  }
  #homeradio1{
    margin-left: -4px;
    margin-top: -7px;
  }
   #flexCheckDefault{
    width: 4px;
    height: 4px;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 2px;
   }
    #homecan{
      margin-top: -12px;
      margin-left: 20px;
    }
    #btn6{
      font-size: 3px;
    }
    #homebtn3{
      margin-top: -2px;
      margin-left: -2px;
     }
  #t1{
    padding: 0px;
    font-size: 4px;
  }
  #home1body{
   margin-left: -1px;
    margin-top: 0px;
  }
  #homeerr{
   
    font-size: 1px;
  }
  #toAccNo{
    
    margin-left: 5px;
    width: 30px;
    height: 10px;
    font-size: 4px;
    
  }
  #yourPin{
  border: 1px solid black;
  margin-left: 5px;
  width: 30px;
    height: 10px;
    font-size: 4px; 
  }
  #amount{
    margin-left: 5px;
    width: 30px;
    height: 10px;
    font-size: 4px;
  }
  
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 4px;
    height: 4px;
   }
  
  
  #col2>.h{
    font-size: 4px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 22px; 
  height: 20px;
  margin-left: -6px;
  }
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
   #col2>#img1>.col-6>h6{
    margin-top: 5px;
    font-size: 4px;
    display: flex;
    margin-left: 5px;
    justify-content: center;
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  

  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -8px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 5px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 4px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 5px;
    }
    #top1{
      margin-top: -10px;
    }
    #div1>#top2>p{
      margin-top:-20px;
      color:rgb(82, 77, 77);
      margin-left: 35px;
      font-size: 4px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 5px;
    }
    #na1>.col-4>#h2{
      font-size: 10px;
    }
#hometop{
  border: 1px solid black;
}
  

  #cl1{
    margin-top: -67px;
   margin-left: -8px;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 8px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 0px;
    font-size: 1px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
    
  height: 10px;
  width: 108%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }

  }
  #radio{
    color: white;
    font-size: 4px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }
  #col2{
    
    border: 1px solid black; 
   width: 62px;
   height: 160px;
   
   font-size: 5px;
   margin-right: 10px;
   
  }
  
   #col2>.h{
    font-size: 5px;
    display: flex;
    margin-left: -3px;
   
  }
  #tr1{
    font-size: 10px;
  }
  
  #img1>.col-6>img{
    width: 22px; 
   height: 20px;
   margin-left: 5px;
   }
   #col2>#img1>.col-6>h6{
    margin-top: -1px;
    font-size: 4px;
    display: flex;
    margin-left: 5px;
    justify-content: center;
   }
   #col4>#img1>.col-6>h6{
    margin-top: -1px;
    font-size: 4px;
    margin-left: 1px;
   }
   #row1>.col-6>h6{
    
    font-size: 4px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  #btn2{
    margin-top: -3px;
  }
  #col4{
    border: 1px solid black; 
   width: 62px;
   height: 160px;
   
   font-size: 5px;
   margin-left: 10px;
  }
  #col4>.h{
    
    font-size: 5px;
    display: flex;
    margin-left: -3px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
  
    bottom: 2px;
    font-size: 3px;
  }
 #btn8{
  margin-left: 40px;
  margin-top: -35px;
 }
  #btn4{
    margin-left: 20px;
  }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  .table {
    margin-left: -1px;
}

  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 10px;
  color: white;
  }
  #last{
    height: 82px;
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  margin-top: 1px;
  font-size: 5px;
}
#btn6{
  margin-left: 10px;
  margin-top: -130px;

} 
#btn7{
  margin-top: 5px;
  font-size: 4px;
  margin-left: 20px;
}

#row3{
  
  height: 10px;
}
#flexCheckChecked{
  margin-top: -1px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.6px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
#img1>.col-6>.blink{
  font-size: 3px;
}

#homecheck{
  margin-top: -3px;
  margin-left: -17px;
  width: 3px;
  height: 3px;
}

element.style {
}


 }
 @media(max-width:281px){
  .hometop{
    margin-left: -12px;
    width: 120%;
    height: 58px;
    border: 1px solid black;
    padding-left:7px;
    padding-right: 5px;
 
   margin-bottom: 5px;
  }
  #success-message{
    margin-top: -140px;
    font-size: 5px;
  }
  .content-wrapper>.content {
    padding: 1px;
}
#hometh1{
  font-size: 2px;
}
  #homepoint{
   margin-right: 5px;
    margin-top: -3px;
    
  }
  #homereject{

    margin-top:-1px;
  }
  #home3btn1{
    height: 8px;
    font-size: 3px;
    margin-top: -1px;
    margin-left: 2px;
   }
   #home3btn2{
    height: 8px;
    font-size: 3px;
   
  
   }
   #home3btn3{
    height: 8px;
    font-size: 3px;
   margin-left: -1px;
   }
  #homebtn4{
    height: 0px;
    margin-left: -10px;
    font-size: 3px;
    margin-top: 1px;
  }
   #home3btn4{
    height: 8px;
    margin-top: -2px;
    margin-left: 1px;
   }
   #home3btn5{
    height: 8px;
    font-size: 3px;
    margin-left: -10px;
   }
   #btn5{
    margin-top: -6px;
   }
 
 

  #homeerr{
    margin-left: 5px;
    font-size: 2px;
  }
 
 
  th {
    background: white;
    position: sticky;
    top:0;
  }
  .example {
    background-color: white;
    width:59px;
    height: 25px;
  
    overflow-y: scroll; /* Add the ability to scroll */
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .example::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #hometh{
    font-size: 3px;
    font-weight: bold;
   }
   #homeradio{
    margin-left: -4px;
    margin-top: -7px;
  }
  #homeradio1{
    margin-left: -4px;
    margin-top: -7px;
  }
   #flexCheckDefault{
    width: 4px;
    height: 4px;
   }
  
   .table>:not(caption)>*>* {
    padding-top: 1px;
    padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
  }
   #hometd{
    font-size: 2px;
   }
    #homecan{
      margin-left: 5px;
     
    }
    #btn6{
      font-size: 3px;
    }
    #homebtn3{
      height: 0px;
      margin-top: -px;
      margin-left: -2px;
     }
  #t1{
    
    padding: 0px;
    font-size: 4px;
  }
  #home1body{
   margin-left: -1px;
    margin-top: 0px;
  }
  #homeerr{
   
    font-size: 1px;
  }
  #toAccNo{
   margin-top: 5px;
    margin-left: 5px;
    width: 30px;
    height: 10px;
    font-size: 4px;
    
    
  }
  #yourPin{
    
  border: 1px solid black;
  margin-left: 5px;
  width: 30px;
    height: 10px;
    font-size: 4px; 
  }
  #amount{
    margin-left: 5px;
    width: 30px;
    height: 10px;
    font-size: 4px;
  }
  
  
   #flexCheckDefault{
    margin-top: -2px;
    width: 4px;
    height: 4px;
   }
  
  
  #col2>.h{
    font-size: 4px;
    display: flex;
    justify-content: center;
  }
  #img1>.col-6>img{
   width: 22px; 
  height: 20px;
  margin-left: -6px;
  }
  #col4>#img1>.col-6>h6{
    font-size: 5px;
    margin-left: -1px;
  
   }
   #col2>#img1>.col-6>h6{
    margin-top: 5px;
    font-size: 4px;
    display: flex;
    margin-left: 5px;
    justify-content: center;
   }
  .h6{
    font-size: 10px;
    margin-left: -10px;
    margin-top: 2px;
  }
  #last{
    margin-top: 4px;
    display: flex;
   justify-content: center;
   border: 1px solid black;
  
   
  }
  #td{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 8px;
    
  }
  

  #in{
    width: 50px;
    height: 20px;
  }
  #img1>.col-6>h6{
    
    
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   padding: 0px;
   font-weight: bolder;
    }
    #div1{
      margin-top: 1px;
    }
    #div1>#top{
      margin-top: -32px;
      margin-left: -8px;
    }
    #div1>#top>.row>span{
      margin-top: -17px;
      color: blue;
      font-size: 5px;
      margin-bottom: -10px;
    
    }
    #div1>#top>.row>p{
      font-size: 4px;
    }
    #div1>#top>.row>p>span{
     
      color: blue;
      font-size: 5px;
    }
    #top1{
      margin-top: -10px;
    }
    #div1>#top2>p{
      margin-top:-20px;
      color:rgb(82, 77, 77);
      margin-left: 35px;
      font-size: 4px;
    
    }
 
    #div1>#top2>p>span{
      margin-bottom: -5px;
      color: blue;
      font-size: 5px;
    }
    #na1>.col-4>#h2{
      font-size: 10px;
    }
#hometop{
  border: 1px solid black;
}
  
 
  #cl1{
    margin-top: -67px;
   margin-left: -8px;
   
    .h{
      color: red;
      font-size: 15px;
    font-weight: bold;  }
  }
  #row1{
    height: 8px;
    padding: 1px;
    display: flex;
    justify-content: space;
  }
  #td{
    width: 60px;
    height: 15px;
  }
  .btn1{
    padding: 0px;
    font-size: 1px;
    color: white;
  }
  
  #row2>h6{
    font-size: 4px;
  }
  #row1>h6{
    font-size: 3px;
  }
  #table>.col-2>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -11px;
  }
  #table>.col-3>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -20px;
  }
  #table>.col-5>h6{
    margin-top: 5px;
    font-size: 3px;
    padding: 0;
    margin-left: -17px;
  }
 #table{
  display: flex;
  justify-content: space-between;
 }
  #na1{
    margin-top: 0px;
    background-color: orange;
    
  height: 10px;
  width: 110%;
margin-left: -7px;
  
  #h2{
   
    color: white;
    
  }

  }
  #radio{
    color: white;
    font-size: 4px;
    margin-top: 4px;
   
  }
  .container-fluid{
   
  }
  #col2{
    
    border: 1px solid black; 
   width: 62px;
   height: 160px;
   
   font-size: 5px;
   margin-right: 5px;
   
  }
  
   #col2>.h{
    font-size: 5px;
    display: flex;
    margin-left: -3px;
   
  }
  #tr1{
    font-size: 10px;
  }
  
  #img1>.col-6>img{
    width: 22px; 
   height: 20px;
   margin-left: 5px;
   }
   #col2>#img1>.col-6>h6{
    margin-top: -1px;
    font-size: 4px;
    display: flex;
    margin-left: 5px;
    justify-content: center;
   }
   #col4>#img1>.col-6>h6{
    margin-top: -1px;
    font-size: 4px;
    margin-left: 1px;
   }
   #row1>.col-6>h6{
    height: 0px;
    font-size: 4px;
    margin-left: -12px;
   }
   #row1>.col-6>#btn2{
    margin-left: 0px;
   }
  #btn2{
    margin-top: -3px;
  }
  #col4{
    border: 1px solid black; 
   width: 62px;
   height: 160px;
   
   font-size: 5px;
   margin-left: 5px;
  }
  #col4>.h{
    
    font-size: 5px;
    display: flex;
    margin-left: -3px;
  }
  
  #img1>.col-6>h6{
    font-size: 2px;
  
   }
  
   #last>input[type=text]{
    border: 1px solid black;
   }
  #check1{
    margin-top: 2px;
  margin-left: -7px;
    font-size: 4px;
  }
  #check2{
    margin-top: 7px;
    margin-left: -7px;
    font-size: 4px;
  }
 #btn8{
  margin-left: 40px;
  margin-top: -35px;
 }
  #btn4{
    margin-left: 20px;
  }
 
  
  @media (max-width:750px) {
    #col3{
     
    }
  hr{
    width:900px;
  }
  
  }
  .table {
    margin-left: -1px;
}

  #id1{
    display: flex;
    justify-content:space-evenly;
  }
  #last1{
    border: 1px solid black;
    
  background-color: orange;
  height: 10px;
  color: white;
  }
  #last{
    height: 88px;
    margin-top: -5px;
    display: flex;
   justify-content: center;
   
  }
  

  #btn3{
   margin-left: 0px;
    padding: 0px;
  }
  #btn2{
    margin-left: 0px;
  }
  #na1>.col-4>#h2{
    font-size: 4px;
    margin-left: -11px;
  }
#type{
  margin-left: 72px;
  margin-top: -16px;
}

#last1>.h6{
  margin-top: 1px;
  font-size: 5px;
}
#btn6{
  margin-left: 10px;
  margin-top: -130px;

} 
#btn7{
  margin-top: 5px;
  font-size: 4px;
  margin-left: 15px;
}

#row3{
  
  height: 10px;
}
#flexCheckChecked{
  margin-top: -1px;
}
#use{
  font-size: 8px;
}
#blinking {
  
  display:inline-block;
  

  
  border: 1.6px solid black;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100000000;
}
#img1>.col-6>.blink{
  font-size: 3px;
}

#homecheck{
  margin-top: -3px;
  margin-left: -17px;
  width: 3px;
  height: 3px;
}

element.style {
}


 }