/* General styles for the banner */
    .banner {
      width: 100%; /* Full width */
      max-width: 520px; /* Max width 520px */
      margin: 0 auto; /* Center align the banner */
      padding: 10px 15px; /* Adjusted padding for consistent size */
      background-color: whte; /* Green background */
	  border: 1px solid #e0e0e0;
      color: black; /* White text color */
      text-align: center; /* Center text inside */
      border-radius: 3px; /* Rounded corners */
      box-sizing: border-box; /* Prevents padding from breaking the box */
      font-family: roboto, sans-serif; /* Font */
      font-size: 22px; /* Consistent font size for all devices */
	  margin-top: 5px;
    }
	.banner2 {
      width: 100%; /* Full width */
      max-width: 520px; /* Max width 520px */
      margin: 0 auto; /* Center align the banner */
      padding: 10px 15px; /* Adjusted padding for consistent size */
      background-color: whte; /* Green background */
	  border: 1px solid #e0e0e0;
      color: black; /* White text color */
     
      
      box-sizing: border-box; /* Prevents padding from breaking the box */
      
	  margin-top: 5px;
    }

    /* For mobile (adjusts when the screen width is 520px or less) */
    @media (max-width: 520px) {
      .banner {
        font-size: 22px; /* Slightly smaller font for mobile */
        padding: 10px 15px; /* Same padding for mobile */
      }
    }

    /* For larger screens (desktop) */
    @media (min-width: 521px) {
      .banner {
        font-size: 22pxpx; /* Consistent font size for desktop */
      }
    }
	
	 /* Style the close button */
        .close-btn {
            float: right;          
            background-color: red;
            color: white;
            border: none;
            padding: 5px;		
            font-size: 16px;
            cursor: pointer;
          
        }
		img {
		width:100%;
		}
		a {
	color: blue;
	font-family: Roboto;
	font-size: 1rem;
	word-spacing: 1px;
	}
	.button {
      padding: 5px 15px;
      margin: 5px;
      background-color: white;
      color: black;
      border: 1px solid blue;
      border-radius: 5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      text-align: center;
      width: 120px;
    }

    .button:hover {
      background-color: none;
    }
	.btnrow {
	display: flex;
	margin: 10px;
	

	
	}
	.freebtn {
	width:100px;
    text-align: center;
	height:80px;
	border: 1px solid blue;
	padding-top: 15px;
	color: blue;
	border-radius: 7px;	
	}
	.audio-button {
	border: none;
	background: none;
	
	}