*{ 
   padding: 0; 
   margin: 0; 
   font-family: roboto; 
 } 
 .one{ 
   background-color: forestgreen; 
   height: 120px; 
   width: 120px; 
   display: flex; 
   justify-content: center; 
   align-content: center; 
   border-radius: 50%; 
   margin-top: 15px; 
   margin-left: 15px; 
   margin-bottom: 15px; 
 } 
 .one p{ 
   margin-top: 10px; 
   color: whitesmoke; 
   font-size: 6.5rem; 
 } 
 .slre{ 
   display: flex; 
   border: 1px solid gray; 
   margin-top: 20px; 
   margin-left: 10px; 
   margin-right: 10px; 
 } 
 .slmet p{ 
   margin-top: 40px; 
   font-size: 4rem; 
   margin-left: 10px; 
 } 
 .amountli{ 
   border: 1px solid gray; 
   margin-left: 10px; 
   margin-right: 10px; 
 } 
 .amount input{ 
   /*margin-left:50;*/ 
   border: 1px solid gray; 
   padding: 10px; 
 } 
 .amountp{ 
   height: 125px; 
   width: 825px; 
   border: 2px solid gray; 
   margin: 5px 5px 5px 5px; 
   display: flex; 
   margin-left: 50px; 
   margin-bottom: 15px; 
 } 
 .amount{ 
   
 } 
 .price{ 
   display: flex; 
 } 
 .firp{ 
   margin-top: 25px;
   margin-left: 25px; 
   font-size: 2.5rem; 
 } 
 .secp{ 
   margin-left: 30px;
   margin-top: 50px; 
   color: forestgreen; 
   font-size: 2.rem; 
   font-weight: bolder;
 } 
 #in{ 
   height: 100px; 
   width: 750px; 
   margin-bottom: 5px; 
   border: 1px solid blue; 
   text-align: center; 
   border-radius: 5px; 
 } 
 hr{ 
   size: 2px; 
   border: 1px solid green; 
   margin-bottom: 5px; 
 } 
 .pay{ 
   background-color: red; 
   margin-top: 20px; 
   margin-left: 15px; 
   margin-right: 15px; 
   text-align: center; 
   border-radius: 10px; 
   color: white; 
 } 
 #tran{ 
   padding-top: 30px; 
   padding-bottom: 20px; 
   font-size: 3rem; 
 } 
 #nagad{ 
   width: 300px; 
   height: auto; 
   margin-bottom: 30px; 
 } 
 #re2{ 
   height: 100px; 
   width: 650px; 
   border-radius: 10px; 
   border: 1px solid blue; 
   text-align: center; 
   margin-bottom: 15px; 
 } 
 .list{ 
   text-align: start; 
   margin-left: 60px; 
 } 
 li{ 
   margin-bottom: 10px; 
  
 } 
 #lasli{ 
   padding-bottom: 20px; 
 } 
 .bt{ 
   text-align: center; 
 } 
 #vy{ 
   height: 100px; 
   width: 550px; 
   justify-content: center; 
   color: white; 
   background-color: green; 
   border-radius: 10px; 
   border: 1px solid palegreen; 
   margin-bottom: 50px; 
   font-size: 3rem; 
   margin-top: 25px; 
 } 
 .amountp { 
   background-color: white; /* Set the initial background color */ 
   transition: background-color 1s; /* Add a transition for the background-color property */ 
 } 
  
 .amountp:hover { 
   background-color: aqua; /* Change the background color when hovering */ 
   animation: revertColor 0.5s ease 1 forwards; /* Apply an animation to revert the color after 1 second and keep it */ 
 } 
  
 @keyframes revertColor { 
   0% { 
     background-color: aqua; /* Start with the hover color */ 
   } 
   100% { 
     background-color: white; /* End with the initial color */ 
   } 
 } 
 input[type="radio"] { 
   width: 70px; 
   height: 70px; 
   margin-top: 15px; 
   margin-left: 10px; 
   border: 2px solid black; 
 } 
 input::placeholder { 
   font-size: 2rem; 
   color: #999; 
 } 
 input{ 
   font-size: 3rem; 
 } 
 /* Add some basic styling to the footer */ 
 footer { 
     background-color: #333; 
     color: #fff; 
     padding: 20px 0; 
 } 
  
 .footer-content { 
     display: flex; 
     justify-content: space-between; 
     max-width: 1200px; 
     margin: 0 auto; 
     padding: 0 20px; 
 } 
 .footer-info, .footer-social { 
     flex: 1; 
     padding: 0 20px; 
 } 
  
 h4 { 
     font-size: 40px; 
     margin-bottom: 10px; 
 } 
  
 p { 
     font-size: 30px; 
 } 
  
 .social-icon { 
     display: block; 
     margin-top: 5px; 
     text-decoration: none; 
     color: #fff; 
   font-size: 30px; 
 } 
  
 /* Style the bottom copyright text */ 
 .footer-bottom { 
     text-align: center; 
     background-color: #222; 
     padding: 10px 0; 
   font-size: 2rem 
 } 
  
 /* Adjust link styles for better visibility in Chrome */ 
 a { 
     color: #fff; 
     text-decoration: none; 
 } 
  
 a:hover { 
     text-decoration: underline; 
 } 
 .cng{ 
   background-color: white; 
   color: black; 
 } 
 #dlogo{ 
   width: 980px; 
   height: 450px; 
 } 
 #bkash{ 
   width: 300px; 
   height: auto; 
 } 
 #method{ 
   font-size: 3rem; 
 } 
 #n{ 
   margin-bottom: 100px; 
 } 
 #b{ 
   margin-bottom: 20px; 
 } 
 .log2{ 
   display: flex; 
 } 
 #continue{ 
   height: 100px; 
   width: 550px; 
   justify-content: center; 
   color: white; 
   background-color: green; 
   border-radius: 10px; 
   border: 1px solid palegreen; 
   margin-bottom: 150px; 
   font-size: 3rem; 
   margin-top: 25px; 
 } 
 #continue:hover{ 
   height: 90px; 
   width: 540px; 
   border: 5px solid blue; 
 } 
 .alt{ 
   text-align: center; 
 } 
 .alt p{ 
   font-size: 3rem; 
   color: red; 
 } 
 #vy:hover{ 
   height: 90px; 
   width: 540px; 
   border: 3px solid blue; 
 } 
 .tid{ 
   text-align: center; 
   margin-top: 25px; 
 } 
 .tid p{ 
   color: deeppink; 
   font-size: 3.2rem; 
   font-weight: bold; 
 }
.dis{
  color: red;
  font-weight: bolder;
}
#rul{
  width: 100%;
}