* {box-sizing:border-box}

body{
    background-color: #1f192e; /* Dark background */
}


.headngs
{
   width: 50%;
margin: auto;

}


@media screen and (max-width: 600px){
    .headings { width: 100%;
  
    }
  }
  

h1 {
    font-family: 'Oswald', sans-serif;
  text-align:center;
  color: white;
  }

  h2 {
    font-family: 'Oswald', sans-serif;
  text-align:center;
  justify-content: center;
  color:black;
  }

.pckages-intro {
width: 90%;
margin:auto;

    color: white;
}


	
.pckages{
	width: 100%;
	display: block;
	
	}
	
	.pckage{
	  width: 90%;
	  
	  background-color: #ffffff;
	  margin: 15px auto;
	  border-radius: 10px;
	  padding: 15px;
	  position: relative; /* Necessary for absolute positioning of the button inside */
	  padding-bottom: 50px; /* Add padding to avoid content being overlapped by the button */
	  
	}
	
	.pckage p{
	  font-size:14px;
	}
	
	.pckage img{
	  width:130px;
	  display: block;
      margin:auto;
	 
	}
	
	@media screen and (min-width: 992px){
	
	  .pckages {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	
		
	
	  }
	}
	
	@media screen and (min-width: 992px){
	
	  .pckage {
	   width:30%;
	   
	
	  }
	}
	
	.btnn {
		position: absolute; /* Set button to be positioned relative to its container */
		bottom: 0; /* Position it at the bottom of the container */
		left: 50%; /* Move it to the horizontal center */
		transform: translateX(-50%); /* Center the button horizontally */
		padding: 10px 20px; /* Padding for button size */
		background-color: #007bff; /* Button background color */
		color: #fff; /* Button text color */
		text-align: center; /* Center the text inside the button */
		text-decoration: none; /* Remove underline */
		border-radius: 5px; /* Rounded corners */
		font-size: 16px; /* Adjust text size */
		transition: background-color 0.3s ease; /* Smooth hover effect */
		width: 100%; /* Full width of the container */
	  }
	  
	  /* Hover effect for button */
	  .btnn:hover {
		background-color: #0056b3; /* Darker color on hover */
	  }