body {
    background:url("../assets/web_images/background.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  
  
  }
          
                        .btn1{
  
                 font-size: 1.2em;
      line-height: 1.2em;  
              
          }
          
                   
           .btn1 {
              background:#D88206;
       margin-top:15px;
               margin-bottom:15px;
            border: #D88206;   
              padding: 15px 45px;
              text-align: center;
               color: #FFFFFF;
              transition: 0.5s;
              background-size: 200% auto;
              color: white;            
      
              border-radius: 10px;
              display: block;
            }
  
            .btn1:hover {
                
               background:#bf7204;
  
              background-position: right center; /* change the direction of the change here */
              color: #fff;
              text-decoration: none;
            }
          .btn2{
      color:#77C3C6;
  
                 font-size: 1.2em;
      line-height: 1.2em;  
              
          }
                        
           .btn2 {
              background:#77C3C6;
               margin-top:5px;
               margin-bottom:5px;
  
          border: #77C3C6;   
              padding: 15px 45px;
              text-align: center;
               color: #FFFFFF;
              transition: 0.5s;
              background-size: 200% auto;
              color: white;            
      
              border-radius: 10px;
              display: block;
            }
  
            .btn2:hover {
                
               background:#56b0b4;
  
              background-position: right center; /* change the direction of the change here */
              color: #fff;
              text-decoration: none;
            }
            .btn2:active {
                
          background:#56b0b4;
   
               background-position: right center; /* change the direction of the change here */
               color: #fff;
               text-decoration: none;
             }
  
            .btn4 {
              background:#52a3cc;
               margin-top:15px;
               margin-bottom:15px;
  
          border: #52a3cc;   
              padding: 15px 170px;
              text-align: center;
               color: #FFFFFF;
              transition: 0.5s;
              background-size: 200% auto;
              color: white;            
      
              border-radius: 20px;
              display: block;
            }
  
            .btn4:hover {
                
               background:#3a7b9c;
  
              background-position: right center; /* change the direction of the change here */
              color: #fff;
              text-decoration: none;
            }
           
            .btn3 {
              background:#FF0000;
               margin-top:15px;
               margin-bottom:15px;
  
          border: #FF0000;   
              padding: 15px 45px;
              text-align: center;
               color: #FFFFFF;
              transition: 0.5s;
              background-size: 200% auto;
              color: white;            
      
              border-radius: 10px;
              display: block;
            }
  
            .btn3:hover {
                
               background:#8B0000;
  
              background-position: right center; /* change the direction of the change here */
              color: #fff;
              text-decoration: none;
            }
           
          .img-thumbnail{
              border: 0;
          }
          
      .btn5 {
              background-color:#FFFFFF;
               margin-top:15px;
               margin-bottom:15px;
  
        
           border: 2px solid;
           border-color: #EDA8F9;
              padding: 15px 45px;
              text-align: center;
       color:#000000;
              transition: 0.5s;
              background-size: 200% auto;
                         
      
              border-radius: 10px;
              display: block;
            }
  
            .btn5:hover {
                
               background:#FFFFFF;
  
              background-position: right center; /* change the direction of the change here */
              color: #000000;
              text-decoration: none;
            }
            .btn5:active {
                
          background:#FFFFFF;
   
               background-position: right center; /* change the direction of the change here */
               color: #000000;
               text-decoration: none;
             }
          h5{
]
    -webkit-background-clip: text;

              text-align: center;
        }
        .register{
              background:rgba(255,255,255,0.61);
          border-radius: 15px;
          }
  
          h2{
  font-size: 30px;
         background:#FFFFFF;
  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
              text-align: center;
              
        }
          
        .container2{
  
          background:#FFFFFF;
          border-radius:20px;
        }
      
  
        .dropdown-menu { 
   
      margin-top:-11px !important; 
      width:92% !important; 
      background:rgba(0, 0, 0, 0);
      border-color:rgba(0, 0, 0, 0);
  
        
            
  } 
  .dropdown-item { 
     
     margin-top:0px !important; 
     
    background:#ffffff;
  
       padding:15px 45px;
          border: 2px solid;
          border-color: #EDA8F9;
            
          
             
             background-size: 200% auto;
                        
     
             border-radius: 10px;
           
  } 
  
  
  .kbw-signature {
              width: 430px;
              height: 200px;
          }
  
          #sig canvas {
              width: 100% !important;
              height: auto;
          }
  
          input {
              width:100%;
          }