@charset "ISO-8859-1";
			@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
			*{
			  margin: 0;
			  padding: 0;
			  box-sizing: border-box;
			  font-family: 'Poppins', sans-serif;
			}

 .wrapper {
            padding: 20px;
            margin: 15px 0;
            background-color: #0f9d58;
        }
 
        textarea {
            font-size: 20px;
/*             width: 80%; */
			width: 100%;
        }
        
	      .my-5 {
	      	margin-top: 8rem!important;
	      }

		.bg-whatsapp-teal-green {
	      	/*background-color: #075E54;*/
	      	
	      	color:#fff!important;
/* 	      	background-color:RGBA(7,94,84,var(--bs-bg-opacity,1))!important */
			background-color:RGBA(18,140,126,var(--bs-bg-opacity,1))!important
	      	
	      }
	      
	      .bg-whatsapp-light-green {
/* 	      	background-color: #25D366; */
			color:#fff!important;
			background-color:RGBA(37,211,102,var(--bs-bg-opacity,1))!important;
	      }
      
      .logout {
			
			/*float : right;*/
			text-align : right;
/* 			color : #0d6efd; */
			padding-right : 1rem!important;
			padding-top : 1rem!important;
			
			
		}

	 
	 /*
	 	a:link { 
	 		text-decoration: none; 
	 		color : blue;
	 		
	 	}


		a:visited { 
			text-decoration: none;
			color : blue;
		}
		
		
		a:hover { 
			text-decoration: none; 
			color : blue;
		}
		
		
		a:active { 
			text-decoration: none; 
			color : blue;
		}
		*/
			
			/*
			 button {		
			 	
			      margin-top: 20px;
			      background: #27AE60;
			      border: none;
			      font-size: 1.6em;
			      font-weight: 300;
			      padding: 5px 0;
			      width: 60%;
			      border-radius: 3px;
			      color: lighten(#27AE60, 40%);
			      border-bottom: 4px solid darken(#27AE60, 10%);
	
			}
			*/
   			
   		
			
   			
			.input-field {
			  min-height: 10vh;
			  display: flex;
			  align-items: center;
			  /*justify-content: center;*/
			  background-color: #fff;
			  
			}
			.input-field{
			  position: relative;
			  
			}
			
			.input-field input{
/* 			  max-width: 550px; */
			  width: 60%;
			  height: 60px;
			  border-radius: 6px;
			  font-size: 18px;
			  padding: 0 15px;
/* 			  border: 2px solid #fff; */
			  border: 1px solid #fff;
			  background: transparent;
			  color: #060b23;
			  outline: none;
			  border: 2px solid #060b23;
			}
			.input-field label{
			  position: absolute;
			  top: 50%;
			  left: 15px;
			  transform: translateY(-50%);
			  color: #060b23;
			  font-size: 19px;
			  pointer-events: none;
			  transition: 0.3s;
			  
			  
			}
			input:focus{
			  border: 2px solid #060b23;
			}
			input:focus ~ label,
			input:valid ~ label{
			  top: 0;
			  left: 15px;
			  font-size: 16px;
			  padding: 0 2px;
			  background: #fff;
			  color: #060b23;
			}
			
			
			.input-field textarea{
/* 			  max-width: 550px; */
			  width: 60%;
			  height: 260px;
			  border-radius: 6px;
			  font-size: 18px;
			  padding: 0 15px;
			  border: 2px solid #fff;
			  background: transparent;
			  color: #060b23;
			  outline: none;
			  border: 2px solid #060b23;
			  padding-top: 20px;
			}
			
			textarea:focus{
			  border: 2px solid #060b23;
			}
			textarea:focus ~ label,
			textarea:valid ~ label{
			  top: 0;
			  left: 15px;
			  font-size: 16px;
			  padding: 0 2px;
			  background: #fff;
			  color: #060b23;
			}